html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
.row {
display: flex !important;
flex-wrap: wrap !important;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " ("attr(href) ")";
}
abbr[title]:after {
content: " ("attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn>.caret,
.dropup>.btn>.caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphi1cons-halflings-regular.eot');
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon,
.product__listing.product__list .product__list--item.tag-highlighted:after,
.product__listing.product__grid .product-item.tag-highlighted:after {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\f00d";
font-family: FontAwesome;
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #3c3c3c;
background-color: #ffffff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #0068b3;
text-decoration: none;
}
a:hover,
a:focus {
color: #003c66;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 0;
}
.img-thumbnail {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 640px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 92%;
}
mark,
.mark {
background-color: #fcf8e3;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777777;
}
.text-primary {
color: #0068b3;
}
a.text-primary:hover,
a.text-primary:focus {
color: #004a80;
}
.text-success {
color: #3e5983;
}
a.text-success:hover,
a.text-success:focus {
color: #2e4160;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #3c3c3c;
}
a.text-danger:hover,
a.text-danger:focus {
color: #232323;
}
.bg-primary {
color: #fff;
background-color: #0068b3;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #004a80;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 640px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 0;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #ffffff;
background-color: #333333;
border-radius: 0;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 0;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 640px) {
.container {
width: 100%;
}
}
@media (min-width: 1024px) {
.container {
width: 1024px;
}
}
@media (min-width: 1400px) {
.container {
width: 1400px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
.row {
margin-left: -10px;
margin-right: -10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 640px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1024px) {
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1400px) {
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #e5e5e5;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #e5e5e5;
}
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
border-top: 0;
}
.table>tbody+tbody {
border-top: 2px solid #e5e5e5;
}
.table .table {
background-color: #ffffff;
}
.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
padding: 5px;
}
.table-bordered {
border: 1px solid #e5e5e5;
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
border: 1px solid #e5e5e5;
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
background-color: #f5f5f5;
}
.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
background-color: #e8e8e8;
}
.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
background-color: #dff0d8;
}
.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
background-color: #d0e9c6;
}
.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
background-color: #d9edf7;
}
.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
background-color: #c4e3f3;
}
.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
background-color: #fcf8e3;
}
.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
background-color: #faf2cc;
}
.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
background-color: #f2dede;
}
.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%;
}
@media screen and (max-width: 639px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #e5e5e5;
}
.table-responsive>.table {
margin-bottom: 0;
}
.table-responsive>.table>thead>tr>th,
.table-responsive>.table>tbody>tr>th,
.table-responsive>.table>tfoot>tr>th,
.table-responsive>.table>thead>tr>td,
.table-responsive>.table>tbody>tr>td,
.table-responsive>.table>tfoot>tr>td {
white-space: nowrap;
}
.table-responsive>.table-bordered {
border: 0;
}
.table-responsive>.table-bordered>thead>tr>th:first-child,
.table-responsive>.table-bordered>tbody>tr>th:first-child,
.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.table-responsive>.table-bordered>thead>tr>td:first-child,
.table-responsive>.table-bordered>tbody>tr>td:first-child,
.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0;
}
.table-responsive>.table-bordered>thead>tr>th:last-child,
.table-responsive>.table-bordered>tbody>tr>th:last-child,
.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.table-responsive>.table-bordered>thead>tr>td:last-child,
.table-responsive>.table-bordered>tbody>tr>td:last-child,
.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0;
}
.table-responsive>.table-bordered>tbody>tr:last-child>th,
.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.table-responsive>.table-bordered>tbody>tr:last-child>td,
.table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0;
}
}
fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #3c3c3c;
}
.form-control {
display: block;
width: 100%;
height: 32px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #3c3c3c;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #0068b3;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 104, 179, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(0, 104, 179, 0.6);
}
.form-control::-moz-placeholder {
color: #999999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999999;
}
.form-control::-webkit-input-placeholder {
color: #999999;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 32px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 40px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 42px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio+.radio,
.checkbox+.checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-left: 0;
padding-right: 0;
}
.input-sm {
height: 40px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 0;
}
select.input-sm {
height: 40px;
line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 40px;
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 0;
}
.form-group-sm select.form-control {
height: 40px;
line-height: 40px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 40px;
min-height: 33px;
padding: 6px 10px;
font-size: 13px;
line-height: 1.5;
}
.input-lg {
height: 42px;
padding: 10px 15px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0;
}
select.input-lg {
height: 42px;
line-height: 42px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 42px;
padding: 10px 15px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0;
}
.form-group-lg select.form-control {
height: 42px;
line-height: 42px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 42px;
min-height: 38px;
padding: 11px 15px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 40px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
pointer-events: none;
}
.input-lg+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
width: 42px;
height: 42px;
line-height: 42px;
}
.input-sm+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
width: 40px;
height: 40px;
line-height: 40px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3e5983;
}
.has-success .form-control {
border-color: #3e5983;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2e4160;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
}
.has-success .input-group-addon {
color: #3e5983;
border-color: #3e5983;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3e5983;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #3c3c3c;
}
.has-error .form-control {
border-color: #3c3c3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #232323;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6f6f6f;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6f6f6f;
}
.has-error .input-group-addon {
color: #3c3c3c;
border-color: #3c3c3c;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #3c3c3c;
}
.has-feedback label~.form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only~.form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #7c7c7c;
}
@media (min-width: 640px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group>.form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -10px;
margin-right: -10px;
}
@media (min-width: 640px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 10px;
}
@media (min-width: 640px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 640px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 13px;
}
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #ffffff;
text-decoration: none;
}
.btn:active,
.btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #ffffff;
background-color: #929292;
border-color: #929292;
}
.btn-default:focus,
.btn-default.focus {
color: #ffffff;
background-color: #797979;
border-color: #525252;
}
.btn-default:hover {
color: #ffffff;
background-color: #797979;
border-color: #737373;
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
color: #ffffff;
background-color: #797979;
border-color: #737373;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open>.dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open>.dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open>.dropdown-toggle.btn-default.focus {
color: #ffffff;
background-color: #676767;
border-color: #525252;
}
.btn-default:active,
.btn-default.active,
.open>.dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #929292;
border-color: #929292;
}
.btn-default .badge {
color: #929292;
background-color: #ffffff;
}
.btn-primary {
color: #ffffff;
background-color: #0068b3;
border-color: #0068b3;
}
.btn-primary:focus,
.btn-primary.focus {
color: #ffffff;
background-color: #004a80;
border-color: #001e33;
}
.btn-primary:hover {
color: #ffffff;
background-color: #004a80;
border-color: #004476;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #004a80;
border-color: #004476;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
color: #ffffff;
background-color: #00365c;
border-color: #001e33;
}
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #0068b3;
border-color: #0068b3;
}
.btn-primary .badge {
color: #0068b3;
background-color: #ffffff;
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: transparent;
}
.btn-success:focus,
.btn-success.focus {
color: #ffffff;
background-color: #449d44;
border-color: rgba(0, 0, 0, 0);
}
.btn-success:hover {
color: #ffffff;
background-color: #449d44;
border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
color: #ffffff;
background-color: #449d44;
border-color: rgba(0, 0, 0, 0);
}
.btn-success:active:hover,
.btn-success.active:hover,
.open>.dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open>.dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open>.dropdown-toggle.btn-success.focus {
color: #ffffff;
background-color: #398439;
border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open>.dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: transparent;
}
.btn-success .badge {
color: #5cb85c;
background-color: #ffffff;
}
.btn-info {
color: #ffffff;
background-color: #000000;
border-color: transparent;
}
.btn-info:focus,
.btn-info.focus {
color: #ffffff;
background-color: #000000;
border-color: rgba(0, 0, 0, 0);
}
.btn-info:hover {
color: #ffffff;
background-color: #000000;
border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
color: #ffffff;
background-color: #000000;
border-color: rgba(0, 0, 0, 0);
}
.btn-info:active:hover,
.btn-info.active:hover,
.open>.dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open>.dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open>.dropdown-toggle.btn-info.focus {
color: #ffffff;
background-color: #000000;
border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open>.dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #000000;
border-color: transparent;
}
.btn-info .badge {
color: #000000;
background-color: #ffffff;
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: transparent;
}
.btn-warning:focus,
.btn-warning.focus {
color: #ffffff;
background-color: #ec971f;
border-color: rgba(0, 0, 0, 0);
}
.btn-warning:hover {
color: #ffffff;
background-color: #ec971f;
border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ec971f;
border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open>.dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open>.dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open>.dropdown-toggle.btn-warning.focus {
color: #ffffff;
background-color: #d58512;
border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open>.dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: transparent;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #ffffff;
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: transparent;
}
.btn-danger:focus,
.btn-danger.focus {
color: #ffffff;
background-color: #c9302c;
border-color: rgba(0, 0, 0, 0);
}
.btn-danger:hover {
color: #ffffff;
background-color: #c9302c;
border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #c9302c;
border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open>.dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open>.dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open>.dropdown-toggle.btn-danger.focus {
color: #ffffff;
background-color: #ac2925;
border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open>.dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: transparent;
}
.btn-danger .badge {
color: #d9534f;
background-color: #ffffff;
}
.btn-link {
color: #0068b3;
font-weight: normal;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #003c66;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg>.btn {
padding: 10px 15px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0;
}
.btn-sm,
.btn-group-sm>.btn {
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
border-radius: 0;
}
.btn-xs,
.btn-group-xs>.btn {
padding: 1px 5px;
font-size: 13px;
line-height: 1.5;
border-radius: 0;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block+.btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.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;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333333;
white-space: nowrap;
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #0068b3;
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
color: #777777;
}
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: not-allowed;
}
.open>.dropdown-menu {
display: block;
}
.open>a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 13px;
line-height: 1.42857143;
color: #777777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right>.dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 640px) {
.navbar-right .dropdown-menu {
left: auto;
right: 0;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group>.btn,
.btn-group-vertical>.btn {
position: relative;
float: left;
}
.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
z-index: 2;
}
.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
margin-left: 5px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group>.btn:first-child {
margin-left: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group>.btn-group {
float: left;
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group>.btn-lg+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical>.btn-group>.btn {
float: none;
}
.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group-justified>.btn-group .btn {
width: 100%;
}
.btn-group-justified>.btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"]>.btn input[type="radio"],
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],
[data-toggle="buttons"]>.btn input[type="checkbox"],
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
height: 42px;
padding: 10px 15px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0;
}
select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {
height: 42px;
line-height: 42px;
}
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn,
select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn {
height: auto;
}
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
height: 40px;
padding: 9px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 0;
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
height: 40px;
line-height: 40px;
}
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
height: auto;
}
select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {
height: 40px;
line-height: 40px;
}
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn,
select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #3c3c3c;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 0;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 13px;
border-radius: 0;
}
.input-group-addon.input-lg {
padding: 10px 15px;
font-size: 18px;
border-radius: 0;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn>.btn {
position: relative;
}
.input-group-btn>.btn+.btn {
margin-left: -1px;
}
.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
z-index: 2;
}
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
margin-right: -1px;
}
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav>li {
position: relative;
display: block;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav>li>a:hover,
.nav>li>a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav>li.disabled>a {
color: #777777;
}
.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
background-color: #eeeeee;
border-color: #0068b3;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav>li>a>img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #dddddd;
}
.nav-tabs>li {
float: left;
margin-bottom: -1px;
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0 0 0 0;
}
.nav-tabs>li>a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified>li {
float: none;
}
.nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 640px) {
.nav-tabs.nav-justified>li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified>li>a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 0;
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 640px) {
.nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #dddddd;
border-radius: 0 0 0 0;
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:focus {
border-bottom-color: #ffffff;
}
}
.nav-pills>li {
float: left;
}
.nav-pills>li>a {
border-radius: 0;
}
.nav-pills>li+li {
margin-left: 2px;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
color: #ffffff;
background-color: #0068b3;
}
.nav-stacked>li {
float: none;
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified>li {
float: none;
}
.nav-justified>li>a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 640px) {
.nav-justified>li {
display: table-cell;
width: 1%;
}
.nav-justified>li>a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified>li>a {
margin-right: 0;
border-radius: 0;
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 640px) {
.nav-tabs-justified>li>a {
border-bottom: 1px solid #dddddd;
border-radius: 0 0 0 0;
}
.nav-tabs-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus {
border-bottom-color: #ffffff;
}
}
.tab-content>.tab-pane {
display: none;
}
.tab-content>.active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 640px) {
.navbar {
border-radius: 0;
}
}
@media (min-width: 640px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
overflow-x: visible;
padding-right: 10px;
padding-left: 10px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 640px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: -10px;
margin-left: -10px;
}
@media (min-width: 640px) {
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 640px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 640px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 15px 10px;
font-size: 18px;
line-height: 20px;
height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand>img {
display: block;
}
@media (min-width: 640px) {
.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
margin-left: -10px;
}
}
.navbar-toggle {
position: relative;
float: right;
margin-right: 10px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
}
@media (min-width: 640px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -10px;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 639px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu>li>a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none;
}
}
@media (min-width: 640px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav>li {
float: left;
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
margin-left: -10px;
margin-right: -10px;
padding: 10px 10px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 9px;
margin-bottom: 9px;
}
@media (min-width: 640px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group>.form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 639px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 640px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 9px;
margin-bottom: 9px;
}
.navbar-btn.btn-sm {
margin-top: 5px;
margin-bottom: 5px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 640px) {
.navbar-text {
float: left;
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 640px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -10px;
}
.navbar-right~.navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777777;
}
.navbar-default .navbar-nav>li>a {
color: #777777;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
color: #cccccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
background-color: #e7e7e7;
color: #555555;
}
@media (max-width: 639px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777777;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #cccccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777777;
}
.navbar-default .navbar-link:hover {
color: #333333;
}
.navbar-default .btn-link {
color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #cccccc;
}
.navbar-inverse {
background-color: #222222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
color: #444444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
background-color: #080808;
color: #ffffff;
}
@media (max-width: 639px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color: #ffffff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #ffffff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #444444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #ffffff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444444;
}
.breadcrumb {
padding: 10px 0;
margin-bottom: 20px;
list-style: none;
background-color: #d9d9d9;
border-radius: 0;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb>li+li:before {
content: "/\00a0";
padding: 0 5px;
color: #3c3c3c;
}
.breadcrumb>.active {
color: #3c3c3c;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 0;
}
.pagination>li {
display: inline;
}
.pagination>li>a,
.pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.42857143;
text-decoration: none;
color: #0068b3;
background-color: #ffffff;
border: 1px solid #cccccc;
margin-left: -1px;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
z-index: 2;
color: #a6a6a6;
background-color: transparent;
border-color: #dddddd;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index: 3;
color: #a6a6a6;
background-color: #0068b3;
border-color: #0068b3;
cursor: default;
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color: #a6a6a6;
background-color: #ffffff;
border-color: #dddddd;
cursor: not-allowed;
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding: 10px 15px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding: 5px 10px;
font-size: 13px;
line-height: 1.5;
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
.pager li {
display: inline;
}
.pager li>a,
.pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #cccccc;
border-radius: 0;
}
.pager li>a:hover,
.pager li>a:focus {
text-decoration: none;
background-color: transparent;
}
.pager .next>a,
.pager .next>span {
float: right;
}
.pager .previous>a,
.pager .previous>span {
float: left;
}
.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
color: #a6a6a6;
background-color: #ffffff;
cursor: not-allowed;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #929292;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,
a.label:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #0068b3;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #004a80;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #000000;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #000000;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #777777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs>.btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
color: #0068b3;
background-color: #ffffff;
}
.list-group-item>.badge {
float: right;
}
.list-group-item>.badge+.badge {
margin-right: 5px;
}
.nav-pills>li>a>.badge {
margin-left: 3px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron>hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
border-radius: 0;
padding-left: 10px;
padding-right: 10px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 640px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 0;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail>img,
.thumbnail a>img {
margin-left: auto;
margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #0068b3;
}
.thumbnail .caption {
padding: 9px;
color: #3c3c3c;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 0;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert>p,
.alert>ul {
margin-bottom: 0;
}
.alert>p+p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3e5983;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2e4160;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #3c3c3c;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #232323;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 13px;
line-height: 20px;
color: #ffffff;
text-align: center;
background-color: #0068b3;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-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-image: -o-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-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: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-info {
background-color: #000000;
}
.progress-striped .progress-bar-info {
background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-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-image: -o-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-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);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-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-image: -o-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-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);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
zoom: 1;
overflow: hidden;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media>.pull-right {
padding-left: 10px;
}
.media-left,
.media>.pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
margin-bottom: 20px;
padding-left: 0;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
a.list-group-item,
button.list-group-item {
color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
text-decoration: none;
color: #555555;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
background-color: #eeeeee;
color: #777777;
cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #ffffff;
background-color: #0068b3;
border-color: #0068b3;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading>.small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #80caff;
}
.list-group-item-success {
color: #3e5983;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3e5983;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3e5983;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3e5983;
border-color: #3e5983;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #3c3c3c;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #3c3c3c;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #3c3c3c;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #3c3c3c;
border-color: #3c3c3c;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: -1;
border-top-left-radius: -1;
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #dddddd;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
}
.panel>.list-group,
.panel>.panel-collapse>.list-group {
margin-bottom: 0;
}
.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: -1;
border-top-left-radius: -1;
}
.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group+.panel-footer {
border-top-width: 0;
}
.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
margin-bottom: 0;
}
.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
border-top-right-radius: -1;
border-top-left-radius: -1;
}
.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
border-top-left-radius: -1;
border-top-right-radius: -1;
}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
border-top-left-radius: -1;
}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
border-top-right-radius: -1;
}
.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
border-bottom-right-radius: -1;
border-bottom-left-radius: -1;
}
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-left-radius: -1;
border-bottom-right-radius: -1;
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: -1;
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: -1;
}
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
border-top: 1px solid #e5e5e5;
}
.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
border-top: 0;
}
.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
border: 0;
}
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0;
}
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0;
}
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
border-bottom: 0;
}
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0;
}
.panel>.table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 0;
}
.panel-group .panel+.panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #dddddd;
}
.panel-default {
border-color: #dddddd;
}
.panel-default>.panel-heading {
color: #333333;
background-color: #f2f4f7;
border-color: #dddddd;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #dddddd;
}
.panel-default>.panel-heading .badge {
color: #f2f4f7;
background-color: #333333;
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #dddddd;
}
.panel-primary {
border-color: #0068b3;
}
.panel-primary>.panel-heading {
color: #ffffff;
background-color: #0068b3;
border-color: #0068b3;
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #0068b3;
}
.panel-primary>.panel-heading .badge {
color: #0068b3;
background-color: #ffffff;
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #0068b3;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success>.panel-heading {
color: #3e5983;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6;
}
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3e5983;
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1;
}
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc;
}
.panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger>.panel-heading {
color: #3c3c3c;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1;
}
.panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #3c3c3c;
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 0;
}
.well-sm {
padding: 9px;
border-radius: 0;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
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: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0;
}
.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: 640px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 1024px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
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: 13px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
background-color: #000000;
border-radius: 0;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.42857143;
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: 14px;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: -1 -1 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover>.arrow,
.popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover>.arrow {
border-width: 11px;
}
.popover>.arrow:after {
border-width: 10px;
content: "";
}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right>.arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #ffffff;
}
.popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left>.arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -10px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner>.item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
line-height: 1;
}
@media all and (transform-3d),
(-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner>.item.next,
.carousel-inner>.item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner>.item.prev,
.carousel-inner>.item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner>.item.next.left,
.carousel-inner>.item.prev.right,
.carousel-inner>.item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
display: block;
}
.carousel-inner>.active {
left: 0;
}
.carousel-inner>.next,
.carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner>.next {
left: 100%;
}
.carousel-inner>.prev {
left: -100%;
}
.carousel-inner>.next.left,
.carousel-inner>.prev.right {
left: 0;
}
.carousel-inner>.active.left {
left: -100%;
}
.carousel-inner>.active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
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);
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
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);
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #ffffff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #ffffff;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 640px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.tabs .tabs-list:before,
.tabs .tabs-list:after,
.cart__content:before,
.cart__content:after {
content: " ";
display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical>.btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.tabs .tabs-list:after,
.cart__content:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 639px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 639px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 639px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 639px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1400px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1400px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1400px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1400px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 639px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1400px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
/* jQuery */
/*! jQuery UI - v1.12.1 - 2017-08-06
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
/* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -0.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup>.ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical>.ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc(97.6%);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
/* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: alpha(opacity=70);
/* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: alpha(opacity=35);
/* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
/* support: IE8 - See #6059 */
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: alpha(opacity=30);
/* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/* Misc visuals
----------------------------------*/
.ui-datepicker {
border: 1px solid #e5e5e5;
background: #ffffff;
color: #3c3c3c;
}
.ui-datepicker .ui-datepicker-header {
color: #3c3c3c;
background-color: transparent;
border: none;
font-weight: bold;
}
/* Icons
----------------------------------*/
.ui-icon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
color: #0068b3;
cursor: pointer;
font-family: 'Glyphicons Halflings', sans-serif;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
height: 15px;
line-height: 1;
margin-top: 5px;
width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
left: 5px;
float: left;
text-align: left;
}
.ui-datepicker .ui-datepicker-prev:before {
content: "\e079";
}
.ui-datepicker .ui-datepicker-next {
right: 5px;
float: right;
text-align: right;
}
.ui-datepicker .ui-datepicker-next:before {
content: "\e080";
}
.ui-datepicker .ui-icon {
display: none;
}
.ui-widget-header .ui-datepicker-prev-hover.ui-state-hover,
.ui-widget-header .ui-datepicker-next-hover.ui-state-hover {
border: 0 none;
background: transparent;
color: #003c66;
top: 2px;
}
.ui-datepicker th {
font-weight: 400;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background-color: #f4f4f4;
text-align: center;
color: #3c3c3c;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #454545;
text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #2b2b2b;
text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: #929292;
color: #ffffff;
border-color: #929292;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: #0068b3;
color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: alpha(opacity=70);
/* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: alpha(opacity=35);
/* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
/* support: IE8 - See #6059 */
}
body {
overflow-x: hidden;
position: relative;
}
body.offcanvas {
overflow-y: hidden;
}
.no-margin {
margin: 0 !important;
}
@media (min-width: 1400px) {
.container-lg {
float: none;
margin: 0 auto !important;
overflow: hidden;
}
}
button {
font-weight: bold;
}
.btn {
border-radius: 0 !important;
}
ul,
ol {
padding-left: 15px;
}
@media (max-width: 1023px) {
.form-control {
height: 42px;
padding: 10px 15px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0;
font-size: 14px;
}
select.form-control {
height: 42px;
line-height: 42px;
}
textarea.form-control,
select[multiple].form-control {
height: auto;
}
}
option {
font-size: 0.875em;
/* 14/16 */
line-height: 18px;
padding: 6px 13px;
width: 100%;
}
/*
General
*****************************************************************/
a,
button {
color: #0068b3;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #3c3c3c;
}
.open>.dropdown-menu {
padding: 15px 0 0 0;
}
.dropdown-menu li {
margin-top: 3px;
}
.dropdown-menu li:first-child {
margin-top: 0px;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 25px;
clear: both;
font-weight: 400;
line-height: 1.42857;
color: #3c3c3c;
white-space: nowrap;
}
.display-none {
display: none;
}
.page-title {
margin-bottom: 30px;
}
@media (min-width: 640px) {
.item-label,
.item-value {
display: block;
}
}
@media (max-width: 639px) {
.item-label,
.item-value {
display: inline-block;
line-height: 20px;
vertical-align: top;
width: 49%;
}
.item-value {
padding-left: 10px;
}
.item-action {
margin-top: 20px;
}
}
.item-label {
text-transform: uppercase;
font-weight: 300;
}
.item-value {
font-size: 18px;
padding-bottom: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
.alert {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.alert {
padding-left: 20px;
padding-right: 20px;
}
}
.container__full {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.container__full {
padding-left: 20px;
padding-right: 20px;
}
}
.well {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #f2f4f7;
border: none;
border-bottom: 1px solid #334b5c;
padding: 10px 15px;
margin: 0;
}
.well:before,
.well:after {
content: " ";
display: table;
}
.well:after {
clear: both;
}
.well:before,
.well:after {
content: " ";
display: table;
}
.well:after {
clear: both;
}
.well.well-single-headline {
padding-left: 0;
padding-right: 0;
}
.well.well-xs {
padding: 0px 15px 5px;
}
.well.well-xs .well-headline {
padding-top: 15px;
margin: 0;
}
.well.well-xs .well-content {
padding-top: 20px;
}
.well.well-sm {
padding: 10px 20px;
}
.well.well-md {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.well.well-md {
padding-left: 20px;
padding-right: 20px;
}
}
.well.well-lg {
padding-top: 45px;
padding-bottom: 35px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.well.well-lg {
padding-left: 20px;
padding-right: 20px;
}
}
.well.well-primary {
background-color: #0068b3;
color: #ffffff;
}
.well.well-secondary {
background-color: #e6f5ff;
color: #3c3c3c;
}
.well.well-tertiary {
background-color: #142939;
color: #ffffff;
}
.well.well-tertiary .item-label {
color: #7f919e;
}
.well.well-tertiary .item-value {
color: #fff;
}
.well.well-tertiary .item-value a {
color: #fff;
text-decoration: underline;
}
.well.well-quaternary {
background-color: #f2f2f2;
color: #3c3c3c;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.well.well-quinary {
background-color: #ffffff;
color: #3c3c3c;
border-color: #e5e5e5;
padding-left: 0;
padding-right: 0;
}
.well.well-quinary .well-headline {
background-color: #142939;
color: #ffffff;
}
.well.well-quinary .well-content {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.well.well-quinary .well-content {
padding-left: 20px;
padding-right: 20px;
}
}
.well-headline {
margin-left: -15px;
margin-right: -15px;
font-size: 16px;
font-weight: 700;
border-bottom: 1px solid #334b5c;
padding: 5px 30px 15px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.well-headline {
padding-left: 20px;
padding-right: 20px;
}
}
.well-headline-sub {
font-weight: 400;
padding-left: 10px;
}
@media (max-width: 639px) {
.well-headline {
padding-left: 35px;
padding-right: 35px;
}
}
.well-single-headline {
padding-bottom: 0;
border-bottom: 0;
}
.well-content {
padding-top: 40px;
padding-bottom: 20px;
}
.well-content:before,
.well-content:after {
content: " ";
display: table;
}
.well-content:after {
clear: both;
}
.well-content:before,
.well-content:after {
content: " ";
display: table;
}
.well-content:after {
clear: both;
}
.well>.col-no-padding {
padding-left: 0;
padding-right: 0;
}
.well .well-headline {
margin: 0;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.well .well-headline {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
.well,
.well.well-lg {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1023px) {
body.offcanvas {
max-height: 100vh;
}
main {
-webkit-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.container {
width: 100%;
}
textarea.form-control,
select[multiple].form-control {
height: auto;
}
}
footer {
margin-top: 30px;
background: #142939;
color: #ffffff;
font-weight: 300;
}
.footer__top {
padding-bottom: 50px;
padding-top: 50px;
}
@media (max-width: 1024px) {
.footer__top {
padding-bottom: 38px;
}
}
@media (max-width: 640px) {
.footer__top .footer__nav--container {
margin-bottom: 10px;
text-align: center;
}
}
.footer__top .footer__nav--container .footer__nav--links {
padding-left: 0px;
width: 100%;
margin: 0px;
list-style: none;
}
.footer__top .footer__nav--container .footer__nav--links .footer__link {
margin-top: 10px;
}
.footer__top .footer__nav--container .footer__nav--links a {
color: #ffffff;
font-size: 14px;
}
.footer__left {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.footer__left {
padding-left: 20px;
padding-right: 20px;
}
}
.footer__right {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.footer__right {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1024px) {
.footer__right {
border-top: 1px solid #1e3d55;
padding-top: 30px;
margin-top: 25px;
}
}
.footer__right .footer__dropdown select.form-control {
padding: 2px 13px;
}
.footer__right .footer__dropdown .form-group {
margin-bottom: 0;
}
.footer__right .footer__dropdown .form-control {
cursor: pointer;
background-color: #142939;
color: #ffffff;
padding: 7px 10px;
height: 26px;
line-height: 20px;
font-size: 14px;
}
.footer__right .footer__dropdown .form-control option {
background-color: #142939;
}
.footer__right .footer__dropdown .form-control:focus::-ms-value {
background-color: #142939;
}
.footer__copyright {
background: #ffffff;
padding: 25px 0;
color: #3c3c3c;
text-align: center;
}
ul.nav__links::after {
content: "";
display: block;
clear: both;
}
ul.nav__links li {
float: left;
list-style-type: none;
}
ul.nav__links::after {
clear: both;
}
@media (max-width: 1023px) {
ul.nav__links:before {
content: " ";
display: table;
}
}
.branding-mobile {
padding: 10px 0 9px 0;
border-bottom: solid 1px #d9d9d9;
z-index: 9999;
background-color: #f4f4f4;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.branding-mobile {
padding-left: 20px;
padding-right: 20px;
}
}
.navigation.navigation--top {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.navigation.navigation--top {
padding-left: 20px;
padding-right: 20px;
}
}
.navigation--top .nav__left {
padding: 9px 0 7px;
}
.navigation--top .nav__left .simple-banner-component img,
.navigation--top .nav__left .banner__component img {
width: auto;
}
.miniCartSlot>div[data-ng-transclude] {
display: inline-block;
}
.navigation--top .nav__right .nav__links--account {
margin: 0;
padding-left: 0;
float: right;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] {
display: inline-block;
float: left;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] li:last-child a {
padding-right: 12px;
}
.navigation--top .nav__right .nav__links--account li {
display: inline-block;
font-size: 12px;
color: #0068b3;
font-weight: 400;
text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li:last-child a {
padding-right: 0;
}
.navigation--top .nav__right .nav__links--account li.logged_in {
padding: 10px;
}
.navigation--top .nav__right .nav__links--account li button {
background: transparent none repeat scroll 0% 0%;
border: medium none;
color: #0068b3;
font-size: 1em;
text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li button:hover {
background: none;
text-decoration: none;
color: #929292;
}
.navigation--top .nav__right .nav__links--account li a {
color: inherit;
cursor: pointer;
text-transform: uppercase;
font-weight: 400;
padding: 12px;
display: block;
font-size: 1em;
line-height: 1.329em;
}
.navigation--top .nav__right .nav__links--account li a:hover {
text-decoration: none;
color: #929292;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader {
background-color: transparent;
color: inherit;
display: block;
height: 40px;
line-height: 40px;
cursor: pointer;
padding: 0 12px;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader::after,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader::after {
clear: both;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader:hover,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:hover,
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader:focus,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:focus {
color: #929292;
text-decoration: none;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.show,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.show {
background-color: #003459;
color: #ffffff;
text-decoration: none;
display: block;
height: 40px;
line-height: 40px;
cursor: pointer;
padding: 0 12px;
}
#accNavComponentDesktopOne,
#accNavComponentDesktopTwo {
padding: 0;
background-color: #003459;
}
#accNavComponentDesktopOne ul.nav__links,
#accNavComponentDesktopTwo ul.nav__links {
width: 100%;
padding: 0px;
margin-bottom: 0px;
}
#accNavComponentDesktopOne ul.nav__links li,
#accNavComponentDesktopTwo ul.nav__links li {
text-transform: capitalize;
list-style: none;
font-size: 12px;
color: #0068b3;
font-weight: 400;
padding: 0;
border-right: 1px solid #265272;
border-bottom: 1px solid #265272;
}
#accNavComponentDesktopOne ul.nav__links li:hover,
#accNavComponentDesktopTwo ul.nav__links li:hover {
background-color: #004678;
}
#accNavComponentDesktopOne ul.nav__links li a,
#accNavComponentDesktopTwo ul.nav__links li a {
color: #ffffff;
display: block;
padding: 25px 0 25px 30px;
font-size: 15px;
font-weight: 400;
}
#accNavComponentDesktopOne ul.nav__links li a:hover,
#accNavComponentDesktopTwo ul.nav__links li a:hover {
text-decoration: none;
}
@media (min-width: 1024px) {
.navigation--middle {
border-top: 1px solid #d9d9d9;
}
}
@media (max-width: 639px) {
.navigation--middle .row:first-child {
border: none;
}
}
.navigation--middle .btn {
background-color: transparent;
width: 100%;
padding: 0;
height: 100%;
color: #0068b3;
border: none;
}
@media (min-width: 1024px) {
.navigation--middle .nav__left {
padding-left: 30px;
padding-right: 30px;
}
}
.navigation--middle .nav__left .site-search {
background-color: transparent;
z-index: 2;
}
@media (min-width: 640px) and (max-width: 1023px) {
.navigation--middle .nav__left .site-search {
margin-left: -10px;
}
}
@media (max-width: 1024px) {
.navigation--middle .nav__left .site-search {
padding-left: 0;
}
}
@media (max-width: 639px) {
.navigation--middle .nav__left .site-search {
display: none !important;
left: 0;
position: absolute;
width: 100%;
padding: 0 10px;
border-top: 1px solid #d9d9d9;
}
.navigation--middle .nav__left .site-search.active {
display: block !important;
}
}
.navigation--middle .nav__left .site-search .ui-front {
padding: 10px 0px;
}
.navigation--middle .nav__left .site-search .glyphicon-search {
color: #3c3c3c;
font-size: 17px;
}
.navigation--middle .nav__left .site-search .input-group {
background-color: #ffffff;
min-height: 38px;
border: 1px solid #cccccc;
}
@media (min-width: 1024px) {
.navigation--middle .nav__left .site-search .input-group {
width: 445px;
}
}
.navigation--middle .nav__left .site-search .input-group .form-control {
border: 0;
box-shadow: none;
height: 38px;
background-color: transparent;
}
.navigation--middle .nav__left .site-search .input-group .btn {
width: 40px;
padding: 0;
}
.navigation--middle .nav__left .site-search .input-group .btn:hover {
background-color: transparent;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete {
display: none;
position: absolute;
background: #ffffff;
left: 0;
right: 0;
-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
z-index: 100;
width: auto !important;
padding-left: 0;
padding-top: 0;
list-style: none;
margin: 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li {
border-top: 1px solid #e5e5e5;
display: block;
width: 100%;
padding: 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li a {
display: table;
width: 100%;
color: inherit;
text-decoration: none;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb {
display: table-cell;
vertical-align: middle;
padding: 0 10px 0 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .name {
display: table-cell;
padding: 10px;
vertical-align: middle;
width: 100%;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb+.name {
padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .price {
display: table-cell;
vertical-align: middle;
padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li.ui-state-focus {
border-left: none;
border-right: none;
border-bottom: none;
margin: 0;
background: #f4f4f4;
color: #3c3c3c;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete.active {
display: block;
}
.navigation--middle .nav__right {
padding-right: 25px;
}
@media (max-width: 1024px) {
.navigation--middle .nav__right {
padding-right: 20px;
}
}
.navigation--middle .nav__right ul.nav__links--shop_info {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.navigation--middle .nav__right ul.nav__links--shop_info {
padding-left: 10px;
}
}
@media (min-width: 640px) {
.navigation--middle .nav__right ul.nav__links--shop_info {
float: right;
}
}
@media (max-width: 639px) {
.navigation--middle .nav__right ul.nav__links--shop_info {
border-left: 1px solid #d9d9d9;
display: table-cell;
text-align: center;
vertical-align: top;
padding: 0;
}
.navigation--middle .nav__right ul.nav__links--shop_info li {
float: none;
}
}
@media (min-width: 640px) {
.navigation--middle .nav__right ul.nav__links--shop_info .componentContainer .yCmsComponent {
display: inline;
}
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
min-width: 60px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location span {
font-size: 30px;
top: 27%;
color: #0068b3;
}
@media (min-width: 640px) {
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
float: right;
padding: 0px 10px;
}
}
@media (min-width: 1024px) {
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
padding: 0px 30px;
}
}
@media (max-width: 639px) {
.navigation--middle .componentContainer {
text-align: center;
vertical-align: top;
border-left: 1px solid #d9d9d9;
}
}
.navigation--middle .nav-order-tools,
.navigation--middle .nav-location,
.navigation--middle .nav-cart {
height: 60px;
}
.navigation--middle .nav-order-tools:hover,
.navigation--middle .nav-location:hover,
.navigation--middle .nav-cart:hover,
.navigation--middle .btn:hover,
.navigation--middle .nav-order-tools:active,
.navigation--middle .nav-location:active,
.navigation--middle .nav-cart:active,
.navigation--middle .btn:active,
.navigation--middle .nav-order-tools:focus,
.navigation--middle .nav-location:focus,
.navigation--middle .nav-cart:focus,
.navigation--middle .btn:focus {
background-color: #e5e5e5;
box-shadow: none;
}
.navigation--middle .nav-cart {
float: right;
padding: 0 10px;
}
@media (min-width: 640px) {
.navigation--middle .nav-cart {
padding-left: 30px;
}
}
@media (max-width: 639px) {
.navigation--middle .nav-cart {
position: relative;
float: none;
padding: 0;
}
}
@media (min-width: 640px) {
.navigation--middle .nav-cart .mini-cart-price {
overflow: hidden;
margin-left: 5px;
margin-right: 5px;
float: right;
font-size: 16px;
font-weight: 600;
position: relative;
top: 4px;
}
}
.navigation--middle .nav-cart .mini-cart-link {
color: #0068b3;
}
@media (min-width: 640px) {
.navigation--middle .nav-cart .mini-cart-link {
line-height: 55px;
white-space: nowrap;
}
}
@media (max-width: 639px) {
.navigation--middle .nav-cart .mini-cart-link {
display: block;
}
.navigation--middle .nav-cart .mini-cart-link .mini-cart-icon {
color: #0068b3;
left: -7px;
top: 10px;
}
.navigation--middle .nav-cart .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart {
width: 30px;
font-size: 22px;
position: relative;
right: -6px;
top: 3px;
}
.navigation--middle .nav-cart .mini-cart-link .mini-cart-count {
font-size: 12px;
position: absolute;
right: 44%;
top: -13px;
margin: 0;
}
.navigation--middle .nav-cart .mini-cart-link .nav-items-total {
display: inline-block;
background-color: #0068b3;
border-radius: 50%;
height: 25px;
width: 25px;
color: #ffffff;
line-height: 25px;
}
}
.navigation--middle .nav-cart .mini-cart-count {
float: right;
font-size: 12px;
text-transform: uppercase;
}
@media (min-width: 640px) {
.navigation--middle .nav-cart .mini-cart-count:before {
content: "(";
position: relative;
top: 4px;
}
.navigation--middle .nav-cart .mini-cart-count:after {
content: ")";
position: relative;
top: 4px;
}
}
.navigation--middle .nav-cart .mini-cart-count .nav-items-total {
position: relative;
right: 0px;
top: 5px;
}
@media (min-width: 640px) {
.navigation--middle .nav-cart .mini-cart-icon {
float: right;
position: relative;
top: 5px;
}
}
.navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
font-size: 22px;
}
@media (min-width: 640px) and (max-width: 1023px) {
.navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
margin-left: 5px;
}
}
@media (max-width: 639px) {
.navigation--middle .mobile__nav__row.mobile__nav__row--table,
.navigation--middle .mobile__nav__row .mobile__nav__row--table {
display: table !important;
width: 100%;
}
.navigation--middle .mobile__nav__row .mobile__nav__row--table-group {
display: table-row-group !important;
}
.navigation--middle .mobile__nav__row .mobile__nav__row--table-row {
display: table-row !important;
}
.navigation--middle .mobile__nav__row .mobile__nav__row--table-row:before {
display: table;
content: " ";
}
.navigation--middle .mobile__nav__row .mobile__nav__row--table-cell {
display: table-cell !important;
vertical-align: top;
}
.navigation--middle .mobile__nav__row .nav__links--shop_info .componentContainer {
margin-bottom: 0;
overflow: hidden;
}
.navigation--middle .mobile__nav__row span.glyphicon-align-justify {
position: relative;
cursor: pointer;
margin: 0 auto;
color: #0068b3;
font-size: 29px;
top: 2px;
}
.navigation--middle .mobile__nav__row .componentContainer .nav-order-tools,
.navigation--middle .mobile__nav__row .componentContainer .nav-cart {
font-size: 30px;
line-height: 60px;
padding: 0;
width: 100%;
}
.navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell {
border-right: 1px solid #d9d9d9;
}
.navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell:last-child {
border-right: none;
}
}
@media (max-width: 639px) {
.navigation--middle .mobile__nav__row .mobile__nav__row--seperator {
border-left: 1px solid #d9d9d9;
}
}
@media (max-width: 639px) {
.navigation--middle .mobile__nav__row--btn {
padding: 0;
vertical-align: top;
height: 60px;
font-size: 30px;
line-height: 60px;
}
.navigation--middle .mobile__nav__row--btn .nav-order-tools,
.navigation--middle .mobile__nav__row--btn .mini-cart-link,
.navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search {
font-size: 30px;
line-height: 60px;
padding: 0;
width: 100%;
}
.navigation--middle .mobile__nav__row--btn .nav-order-tools:hover,
.navigation--middle .mobile__nav__row--btn .mini-cart-link:hover,
.navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:hover,
.navigation--middle .mobile__nav__row--btn .nav-order-tools:focus,
.navigation--middle .mobile__nav__row--btn .mini-cart-link:focus,
.navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:focus,
.navigation--middle .mobile__nav__row--btn .nav-order-tools:active,
.navigation--middle .mobile__nav__row--btn .mini-cart-link:active,
.navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:active {
background-color: #e5e5e5;
color: #0068b3;
text-decoration: none;
}
.navigation--middle .mobile__nav__row--btn span.glyphicon {
color: #0068b3;
}
}
.navigation--middle .mobile-menu {
height: 60px;
}
.navigation--middle .mobile-menu button {
font-size: 18px;
line-height: 1.33;
border-radius: 0;
height: 100%;
width: 100%;
padding: 0px;
}
.navigation--middle .mobile-menu span {
position: relative;
cursor: pointer;
margin: 0 auto;
color: #0068b3;
font-size: 29px;
top: 2px;
}
.navigation--bottom {
background-color: #142939;
border-bottom: 1px solid #142939;
}
@media (max-width: 1023px) {
.navigation--bottom {
border-bottom: none;
}
}
@media (max-width: 1023px) {
.navigation--bottom .sm-back::before {
content: "\e079";
float: none;
}
}
@media (max-width: 1023px) {
.navigation--bottom .navigation__overflow {
left: -380px;
top: 0;
height: 83vh;
overflow-y: auto;
border-top: 1px solid #d9d9d9;
}
}
@media (max-width: 1023px) {
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav {
display: inline-block;
cursor: pointer;
height: 60px;
width: 20%;
vertical-align: top;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
}
@media (max-width: 1023px) {
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button {
background-color: #ffffff;
height: 100%;
width: 100%;
display: inline-block;
color: transparent;
overflow: hidden;
border: none;
}
}
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
color: #0068b3;
font-size: 25px;
}
.navigation--bottom:before,
.navigation--bottom:after {
content: " ";
display: table;
}
.navigation--bottom:after {
clear: both;
}
@media (min-width: 1400px) {
.navigation--bottom a {
padding: 20px 32px;
}
}
.navigation--bottom .column-20-percent {
float: left;
width: 20%;
}
@media (max-width: 1023px) {
.navigation--bottom {
width: 380px;
position: absolute;
left: -380px;
z-index: 999;
background-color: #ffffff;
}
.navigation--bottom li {
float: none;
}
}
@media (max-width: 639px) {
.navigation--bottom {
width: 100%;
height: 83vh;
left: -100%;
margin-left: 0;
}
}
.navigation--bottom .nav__links--products {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--products.active {
position: relative;
left: -100%;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--products {
top: 0;
bottom: 0;
right: 0;
background-color: #ffffff;
padding: 0;
position: relative;
left: 0;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--products li {
float: none;
overflow: hidden;
background-color: #ffffff;
border-bottom: 1px solid #e5e5e5;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--products li.liUserSign {
border-bottom: 1px solid #265272;
}
.navigation--bottom .nav__links--products li.liUserSign:hover {
background-color: #004678;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--products li.liUserSign a.userSign {
width: 80%;
display: inline-block;
text-transform: uppercase;
padding-right: 20px;
}
}
.navigation--bottom .nav__links--products li:last-child {
margin-right: 0;
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--products li:last-child {
padding-bottom: 50px;
}
}
.navigation--bottom .nav__links--products li a {
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 20px;
padding: 20px 15px;
display: block;
color: #ffffff;
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--products li a {
margin-top: 0;
color: #0068b3;
text-transform: capitalize;
padding: 20px 30% 20px 50px;
display: block;
}
}
.navigation--bottom .nav__links--products .nav__links--secondary {
display: none;
background: #f4f4f4;
position: absolute;
z-index: 1000;
left: 0;
border: 1px solid #d9d9d9;
border-top: 0;
padding: 0 10px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.navigation--bottom .nav__links--products .nav__links--secondary .sm-back {
display: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .row {
position: relative;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section {
position: static;
padding: 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section.double {
position: relative;
min-height: 1px;
padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-section-column {
float: left;
padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list {
padding-left: 0;
list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li {
border-bottom: 1px solid #e5e5e5;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li:last-child {
border-bottom: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a {
display: block;
color: #3c3c3c;
line-height: 30px;
padding-left: 5px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:hover,
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:focus {
background-color: #e5e5e5;
text-decoration: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-list.has-title {
margin-top: 40px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .title+.sub-navigation-list.has-title {
margin-top: 0;
}
.navigation--bottom .show-sub .nav__link a {
position: relative;
}
.navigation--bottom .show-sub .nav__link a:after {
position: absolute;
content: "";
width: 0;
height: 0;
border-right: 10px solid rgba(0, 0, 0, 0);
border-left: 10px solid rgba(0, 0, 0, 0);
border-bottom: 10px solid #f4f4f4;
display: block;
bottom: 0;
left: 50%;
margin: 0 0 0 -10px;
z-index: 1001;
}
.navigation--bottom .show-sub .sub__navigation {
display: block !important;
top: 60px;
}
.navigation--bottom .nav__link {
display: inline-block;
width: 100%;
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary-has__sub {
position: static;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary-has__sub .nav__link {
width: 67%;
}
}
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
display: inline-block;
width: 33%;
color: #0068b3;
min-height: 30px;
padding: 20px 0;
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary.active .sub__navigation {
display: block;
}
}
@media (min-width: 1024px) {
.navigation--bottom .nav__links--primary .sub__navigation {
display: none;
background: #f4f4f4;
position: absolute;
z-index: 1000;
left: 0;
border: 1px solid #d9d9d9;
border-top: 0;
padding: 0 10px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary .sub__navigation {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 100%;
padding: 0;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary .sm-back {
color: #0068b3;
padding: 5px 50px;
border-bottom: 1px solid #e5e5e5;
font-size: 18px;
line-height: 50px;
}
.navigation--bottom .nav__links--primary .sm-back::after {
content: ' ';
}
.navigation--bottom .nav__links--primary .sm-back::before {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: .8em;
margin-right: 1em;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary .row {
margin: 0;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary .sub-navigation-section {
padding: 0;
background: #ffffff;
}
}
@media (min-width: 1024px) {
.navigation--bottom .nav__links--primary .sub-navigation-section {
position: static;
padding: 10px;
}
}
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
font-size: 18px;
line-height: 40px;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1399px) {
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
color: rgba(0, 0, 0, 0.7);
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
padding: 10px 20px 10px 50px;
text-transform: uppercase;
border-bottom: 1px solid #e5e5e5;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
}
@media (min-width: 1024px) {
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
padding-left: 0px;
list-style: none;
margin-top: 0;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a {
display: block;
color: #3c3c3c;
line-height: 30px;
padding: 0 0 0 5px;
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover {
background-color: #e5e5e5;
text-decoration: none;
}
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
position: relative;
display: block;
border-bottom: 1px solid #e5e5e5;
float: none;
}
@media (min-width: 1024px) {
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child {
border: none;
}
}
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup2 li,
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup3 li {
border-bottom: 1px solid #265272;
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--mobile {
overflow: hidden;
}
.navigation--bottom .nav__links--mobile li {
overflow: hidden;
background-color: #03426f;
border: none;
}
.navigation--bottom .nav__links--mobile li a {
color: #ffffff;
}
.navigation--bottom .nav__links--mobile .subNavList {
padding-left: 0;
}
.navigation--bottom .nav__links--mobile .subNavList li {
padding: 5px 0;
background: #003459;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--mobile div.sub-nav .myAccountLinksHeader,
.navigation--bottom .nav__links--mobile div.sub-nav .myCompanyLinksHeader {
display: block;
cursor: pointer;
max-height: 60px;
text-transform: uppercase;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--mobile div.sub-nav a {
border-bottom: 1px solid #265272;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--mobile div.sub-nav a span {
float: right;
line-height: 50px;
left: 0;
position: relative;
height: 30px;
top: -14px;
}
}
@media (max-width: 1023px) {
.navigation--bottom .userGroup {
position: relative;
line-height: 50px;
background-color: #ffffff;
padding: 5px 12px 5px 20px;
cursor: pointer;
color: #0068b3;
display: inline-block;
width: 80%;
float: left;
height: 60px;
text-transform: uppercase;
text-align: left;
}
}
@media (max-width: 1023px) {
.navigation--bottom .userGroup a {
border: none;
color: #0068b3;
}
.navigation--bottom .userGroup a:hover {
background-color: transparent !important;
}
}
@media (max-width: 1023px) {
.navigation--bottom .userGroup .myAcctUserIcon {
font-size: 20px;
position: relative;
top: 4px;
}
}
@media (max-width: 1023px) {
.navigation--bottom .userGroup .userName {
display: inline-block;
padding-left: 10px;
}
}
@media (max-width: 1023px) {
.navigation--bottom .userGroup #signedInUserOptionsToggle {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 100%;
padding: 0;
}
}
@media (max-width: 1023px) {
.navigation--bottom .glyphicon-chevron-up,
.navigation--bottom .glyphicon-chevron-down {
position: absolute;
left: 260px;
line-height: 60px;
top: 0;
}
}
@media (max-width: 639px) {
.navigation--bottom .glyphicon-chevron-up,
.navigation--bottom .glyphicon-chevron-down {
left: 68vw;
}
}
@media (min-width: 640px) {
main {
-webkit-transition: transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
main.offcanvas {
position: relative;
-webkit-transform: translate(380px, 0);
-ms-transform: translate(380px, 0);
-o-transform: translate(380px, 0);
transform: translate(380px, 0);
}
}
@media (max-width: 639px) {
main.offcanvas {
position: relative;
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}
}
@media (max-width: 639px) {
.offcanvas .sticky-nav-top {
left: 0;
position: absolute;
height: 60px;
width: 100vw;
}
}
@media (max-width: 1023px) {
.sticky-nav-top {
position: absolute;
left: 0px;
top: -60px;
width: 380px;
padding: 0px;
margin-bottom: 0;
z-index: 9999;
text-align: right;
}
}
@media (max-width: 639px) {
.sticky-nav-top {
position: absolute;
top: -60px;
height: 60px;
left: -60px;
z-index: 999;
width: 100vw;
}
}
.sticky-nav-top .liUserSign {
background-color: #ffffff;
}
@media (max-width: 1023px) {
.sticky-nav-top .userSign {
text-align: left;
width: 80%;
display: inline-block;
color: #0068b3;
padding: 20px 30% 20px 50px;
}
}
@media (max-width: 1023px) {
html.offcanvas {
overflow-x: hidden;
}
}
.nav-order-tools {
position: relative;
display: inline-block;
cursor: pointer;
}
@media (min-width: 640px) {
.nav-order-tools {
border-left: 0px;
border-right: 1px solid #d9d9d9;
padding: 0px 15px;
}
}
@media (min-width: 1024px) {
.nav-order-tools {
padding: 0px 30px;
}
}
@media (max-width: 639px) {
.nav-order-tools {
position: static;
}
}
.nav-order-tools:before {
position: relative;
top: 23%;
display: inline;
font-family: 'Glyphicons Halflings', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e032";
color: #0068b3;
font-size: 30px;
}
@media (max-width: 639px) {
.nav-order-tools:before {
top: 3px;
}
}
.quote__list {
position: relative;
display: inline-block;
cursor: pointer;
width: 45px;
text-align: right;
}
.quote__list a {
font-size: 25px;
background-color: transparent;
padding: 0;
border: 0;
color: #0068b3;
}
.quote__list a .glyphicon {
top: 4px;
}
@media (min-width: 640px) {
.quote__list {
border-left: 0px;
padding: 0px 15px;
}
}
@media (min-width: 1024px) {
.quote__list {
padding: 0px 30px;
}
}
@media (max-width: 639px) {
.quote__list {
position: static;
}
}
.js-nav-order-tools--active .nav-order-tools__child-wrap {
display: block;
}
.js-nav-quote-list--active .quote__list--nav {
display: block;
}
.quote__list--nav {
text-align: left;
position: absolute;
border: 1px solid #d9d9d9;
background-color: #ffffff;
right: 40px;
top: 26px;
width: 260px;
z-index: 10;
}
.quote__list--nav a {
font-size: 14px;
line-height: 1.42857143;
}
@media (max-width: 639px) {
.quote__list--nav {
width: 100vw;
top: 103px;
}
}
.quote__list--nav a {
display: block;
text-transform: uppercase;
font-weight: 600;
color: #3c3c3c;
padding: 20px 30px;
}
.quote__list--nav a:hover {
background-color: #e5e5e5;
}
.nav-order-tools__child-wrap {
font-size: 14px;
line-height: 1.42857143;
text-align: left;
position: absolute;
border: 1px solid #d9d9d9;
background-color: #ffffff;
right: -1px;
top: 60px;
width: 260px;
z-index: 10;
}
@media (max-width: 639px) {
.nav-order-tools__child-wrap {
width: 100vw;
top: 103px;
}
}
.nav-order-tools__child-wrap div {
border-bottom: 1px solid #e5e5e5;
}
.nav-order-tools__child-wrap div:last-child {
border-bottom: none;
}
.nav-order-tools__child-wrap a {
display: block;
text-transform: uppercase;
font-weight: 600;
color: #3c3c3c;
padding: 20px 30px;
}
.nav-order-tools__child-wrap a:hover {
background-color: #e5e5e5;
}
.search-results-highlight {
font-weight: bold;
}
header {
background: #f4f4f4;
margin-bottom: 20px;
}
.page-cartPage header,
.page-homepage header,
.page-productGrid header,
.page-searchGrid header,
.page-search header,
.page-cartPage header,
.pageType-CategoryPage header {
margin-bottom: 0;
}
.cookie-alert--top {
margin-bottom: 0;
}
#consent-management-alert .consent-management-list {
max-width: 100%;
line-height: 1.6;
padding: 0;
margin: 0;
}
#consent-management-alert .consent-management-list__item {
position: relative;
margin-top: 0;
margin-bottom: 3px;
list-style-type: none;
}
@media (max-width: 1023px) {
#consent-management-alert .consent-management-list__item {
border-left: 0 none;
border-right: 0 none;
margin-left: -20px;
margin-right: -20px;
}
}
#consent-management-alert .consent-management-list__title {
padding: 0 15px 0 62px;
display: block;
position: relative;
font-weight: 400;
text-transform: uppercase;
font-weight: bold;
}
#consent-management-alert .consent-management-list__title:before {
font-family: 'Glyphicons Halflings', sans-serif;
content: '\e114';
font-size: 16px;
position: absolute;
left: 20px;
top: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#consent-management-alert .consent-management-list__title:hover,
#consent-management-alert .consent-management-list__title:focus {
cursor: pointer;
outline: none;
}
#consent-management-alert .is-expanded .consent-management-list__title:before {
content: "\e113";
}
#consent-management-alert .consent-management-list__label {
width: 85%;
font-size: 15px;
}
@media (max-width: 1023px) {
#consent-management-alert .consent-management-list__label {
width: 60%;
font-size: 14px;
}
}
#consent-management-alert .consent-management-list__content-inner {
padding: 10px 40px 0 65px;
font-size: 16px;
}
@media (max-width: 1023px) {
#consent-management-alert .consent-management-list__content-inner {
font-size: 14px;
}
}
#consent-management-alert .consent-management-list__content {
transition: height 0.3s ease-out;
height: 0;
overflow: hidden;
}
#consent-management-alert .consent-buttons-group {
position: absolute;
top: 10px;
right: 20px;
}
@media (max-width: 639px) {
#consent-management-alert .consent-buttons-group {
right: 30px;
}
}
#consent-management-alert .consent-buttons-group .btn {
padding: 4px 38px;
font-size: 13px;
margin-left: 10px;
}
@media (max-width: 639px) {
#consent-management-alert .consent-buttons-group .btn {
padding: 4px;
font-size: 12px;
margin-left: 0;
}
}
.page-headline {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
}
.page-headline.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.page-sub-headline {
font-size: 14px;
font-weight: 400;
line-height: 1.571;
}
.text-variant-bold {
font-weight: 600;
}
.full-width-padding {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.full-width-padding {
padding-left: 20px;
padding-right: 20px;
}
}
.half-width-padding {
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 1024px) {
.half-width-padding {
padding-left: 10px;
padding-right: 10px;
}
}
.btn-formblock {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
margin-top: 25px;
}
.btn {
text-transform: uppercase;
font-weight: 600;
padding: 10px 15px;
font-size: 16px;
line-height: 1.375;
border-radius: 3px;
}
.btn.glyphicon {
padding: 3px 0 4px 0;
}
.btn.glyphicon:before {
font-size: 25px;
}
.btn,
.btn:active,
.btn.active {
box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: 0;
}
.btn-small {
padding: 6px 15px;
font-size: 16px;
line-height: 1.375;
border-radius: 3px;
}
.btn-icon {
padding-left: 83px;
position: relative;
}
.btn-icon:before {
position: absolute;
font-size: 25px;
top: 9px;
left: 20px;
display: inline-block;
font-family: 'Glyphicons Halflings', sans-serif;
font-style: normal;
font-weight: normal;
line-height: 1;
}
.btn-icon:after {
content: "";
position: absolute;
left: 65px;
top: -3px;
border-right: 3px solid currentColor;
height: 48px;
}
:hover.btn-icon:after {
border-right-width: 3px;
}
.btn-edit-confirm {
width: 48%;
}
.btn-block+.btn-block {
margin-top: 10px;
}
.btn-default {
border: 3px solid;
color: #ffffff;
background-color: #929292;
border-color: #929292;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #929292;
background-color: #ffffff;
border-color: #929292;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
color: #ffffff;
background-color: #cccccc;
border-color: #cccccc;
}
.btn-default .badge {
color: #929292;
background-color: #ffffff;
}
.btn-primary {
border: 3px solid;
color: #ffffff;
background-color: #0068b3;
border-color: #0068b3;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #0068b3;
background-color: #ffffff;
border-color: #0068b3;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
color: #ffffff;
background-color: #8cbbdd;
border-color: #8cbbdd;
}
.btn-primary .badge {
color: #0068b3;
background-color: #ffffff;
}
.pagination-wrap {
float: right;
text-align: right;
}
.pagination {
border: 1px solid #cccccc;
font-weight: 600;
margin: 0;
}
.pagination>li {
vertical-align: top;
display: inline-block;
}
.pagination>li>a,
.pagination>li>span {
position: static;
border: none;
margin: 0;
float: none;
display: inline-block;
}
.pagination>li.pagination-prev>a,
.pagination>li.pagination-next>a,
.pagination>li.pagination-prev>span,
.pagination>li.pagination-next>span {
font-size: 11px;
}
.pagination>li.pagination-prev>a:hover,
.pagination>li.pagination-next>a:hover,
.pagination>li.pagination-prev>span:hover,
.pagination>li.pagination-next>span:hover,
.pagination>li.pagination-prev>a:focus,
.pagination>li.pagination-next>a:focus,
.pagination>li.pagination-prev>span:focus,
.pagination>li.pagination-next>span:focus {
background-color: #0068b3;
color: #ffffff;
}
.pagination>li.pagination-prev.disabled>a:hover,
.pagination>li.pagination-next.disabled>a:hover,
.pagination>li.pagination-prev.disabled>span:hover,
.pagination>li.pagination-next.disabled>span:hover,
.pagination>li.pagination-prev.disabled>a:focus,
.pagination>li.pagination-next.disabled>a:focus,
.pagination>li.pagination-prev.disabled>span:focus,
.pagination>li.pagination-next.disabled>span:focus {
color: #a6a6a6;
background-color: transparent;
border-color: #cccccc;
}
.pagination>li.pagination-prev {
text-align: left;
}
.pagination>li.pagination-prev>a,
.pagination>li.pagination-prev>span {
border-right: 1px solid #cccccc;
}
.pagination>li.pagination-next {
text-align: right;
}
.pagination>li.pagination-next>a,
.pagination>li.pagination-next>span {
border-left: 1px solid #cccccc;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
background-color: transparent;
border: none;
font-weight: 400;
}
.pagination>li>a,
.pagination>li>span {
line-height: 30px;
width: 30px;
padding: 0;
font-size: 14px;
text-align: center;
}
.pagination>li.pagination-prev>a,
.pagination>li.pagination-prev>span {
margin-right: 10px;
width: 35px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination>li.pagination-next>a,
.pagination>li.pagination-next>span {
margin-left: 10px;
width: 35px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
@media (max-width: 1023px) {
.pagination>li>a,
.pagination>li>span {
line-height: 46px;
width: 30px;
padding: 0;
font-size: 14px;
text-align: center;
}
.pagination>li.pagination-prev>a,
.pagination>li.pagination-prev>span {
margin-right: 10px;
width: 40px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination>li.pagination-next>a,
.pagination>li.pagination-next>span {
margin-left: 10px;
width: 40px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
}
@media (max-width: 639px) {
.pagination {
display: table;
width: 100%;
}
.pagination>li {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.pagination>li>a,
.pagination>li>span {
float: none;
}
.pagination>li>a,
.pagination>li>span {
line-height: 40px;
width: 40px;
padding: 0;
font-size: 14px;
text-align: center;
}
.pagination>li.pagination-prev>a,
.pagination>li.pagination-prev>span {
margin-right: 13.33333333px;
width: 60px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.pagination>li.pagination-next>a,
.pagination>li.pagination-next>span {
margin-left: 13.33333333px;
width: 60px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.pagination-with-pager .pagination-wrap {
float: none;
}
}
.breadcrumb-section {
background: #d9d9d9;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.breadcrumb-section {
padding-left: 20px;
padding-right: 20px;
}
}
.breadcrumb-section .breadcrumb {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
margin: 0;
}
.image-gallery__image {
cursor: pointer;
}
.image-gallery__zoom-icon {
font-size: 20px;
opacity: 0.5;
position: absolute;
right: 10px;
top: 10px;
z-index: 10;
}
@media (min-width: 640px) {
.page-productDetails .carousel {
padding-left: 30px;
padding-right: 30px;
}
}
.product-details,
.product-details-price {
margin-bottom: 10px;
}
@media (max-width: 639px) {
.product-details,
.product-details-price {
padding: 0;
}
}
.product-details .name,
.product-details-price .name {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
padding: 0;
}
.product-details .name.border,
.product-details-price .name.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.product-details .name .sku,
.product-details-price .name .sku {
font-size: 18px;
line-height: 18px;
color: #929292;
position: relative;
padding-left: 20px;
font-weight: 400;
}
.product-details .name .sku:before,
.product-details-price .name .sku:before {
border-left: 1px solid #e5e5e5;
content: "";
height: 14px;
position: absolute;
top: 7px;
left: 10px;
}
.product-details .name .code,
.product-details-price .name .code {
font-size: 18px;
line-height: 18px;
padding-left: 5px;
}
.product-details .promotion,
.product-details-price .promotion {
color: #00a651;
}
.product-details .description,
.product-details-price .description {
padding: 10px 0 25px;
}
.product-details .price,
.product-details-price .price {
font-size: 25px;
font-weight: bold;
}
.product-details .stock-status,
.product-details-price .stock-status {
font-weight: 300;
}
@media (max-width: 1399px) {
.product-details .description,
.product-details-price .description {
border-bottom: 1px solid #cccccc;
}
}
.product-details.page-title {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.product-details.page-title {
padding-left: 20px;
padding-right: 20px;
}
}
.product-main-info {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.product-main-info {
padding-left: 20px;
padding-right: 20px;
}
}
.product-main-info .product-details {
padding: 0;
}
.variant-section {
margin-bottom: 30px;
}
.variant-section .variant-selector .variant-name {
font-size: 13px;
font-weight: 600;
color: #929292;
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
font-weight: normal;
text-transform: none;
}
.variant-section .variant-selector .variant-list {
padding-left: 0;
list-style: none;
margin-left: -20px;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
content: " ";
display: table;
}
.variant-section .variant-selector .variant-list:after {
clear: both;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
content: " ";
display: table;
}
.variant-section .variant-selector .variant-list:after {
clear: both;
}
.variant-section .variant-selector .variant-list li {
float: left;
margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
display: block;
height: 32px;
width: 32px;
line-height: 32px;
text-align: center;
text-transform: uppercase;
border: 1px solid #cccccc;
background: #fff;
color: #3c3c3c;
text-decoration: none;
}
@media (max-width: 1023px) {
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
height: 42px;
width: 42px;
line-height: 42px;
}
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
width: 100%;
height: auto;
vertical-align: top;
border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a,
.variant-section .variant-selector .variant-list li.active a {
background: #0068b3;
-webkit-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
border: 1px solid #0068b3;
color: #fff;
}
.variant-section .variant-selector .variant-list li:hover a img,
.variant-section .variant-selector .variant-list li.active a img {
border: 1px solid #fff;
}
.variant-section .variant-selector .variant-list li.disabled span {
color: #999;
cursor: not-allowed;
}
.variant-section .variant-selector .variant-select {
margin: 10px 0 0;
}
.rating:before,
.rating:after {
content: " ";
display: table;
}
.rating:after {
clear: both;
}
.rating:before,
.rating:after {
content: " ";
display: table;
}
.rating:after {
clear: both;
}
.rating .rating-stars {
margin: 0 5px 0 0;
padding: 3px 0 1px;
position: relative;
}
@media (max-width: 1023px) {
.rating .rating-stars {
font-size: 18px;
float: none;
}
.rating .rating-stars:before,
.rating .rating-stars:after {
content: " ";
display: table;
}
.rating .rating-stars:after {
clear: both;
}
.rating .rating-stars:before,
.rating .rating-stars:after {
content: " ";
display: table;
}
.rating .rating-stars:after {
clear: both;
}
}
.rating .rating-stars .greenStars {
position: absolute;
overflow: hidden;
top: 3px;
left: 0;
white-space: nowrap;
width: 0;
}
.rating .rating-stars span {
color: #dee3e8;
margin: 0 0.1em;
overflow: hidden;
}
.rating .rating-stars span.fh {
width: 0.47em;
margin-right: 0;
float: left !important;
}
.rating .rating-stars span.lh {
width: 0.5em;
text-indent: -0.44em;
margin-left: 0;
float: left !important;
}
.rating .rating-stars span.active {
color: #0068b3;
}
.rating.rating-set .rating-stars {
cursor: pointer;
display: inline-block;
}
.rating a {
font-size: 13px;
position: relative;
margin-left: 10px;
padding-left: 10px;
}
.rating a:before {
border-left: 1px solid #cccccc;
content: "";
height: 19px;
position: absolute;
top: 0;
left: 0;
}
.tabs-responsive .tab-container {
float: none;
padding: 0;
}
@media (max-width: 1023px) {
.tabs-responsive .tabhead {
border-bottom: 1px solid #f2f4f7;
}
}
.tab-review .review-pagination-bar {
margin: 10px 0;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
content: " ";
display: table;
}
.tab-review .review-pagination-bar:after {
clear: both;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
content: " ";
display: table;
}
.tab-review .review-pagination-bar:after {
clear: both;
}
.tab-review .review-pagination-bar .right {
float: right;
}
.tab-review .review-pagination-bar .right .pager {
float: left;
margin: 0 10px;
}
.tab-review .review-list {
padding-left: 0;
list-style: none;
}
.tab-review .review-list .review-entry {
margin: 10px 0;
}
.tab-review .review-list .review-entry .title {
font-weight: bold;
}
.tab-review .review-list .review-entry .autor {
color: #777777;
}
.tab-review .write-review {
display: none;
}
#AddToCart-PickUpInStoreAction {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-top: 20px;
}
@media (min-width: 640px) {
#AddToCart-PickUpInStoreAction {
float: left;
width: 50%;
}
}
@media (min-width: 1024px) {
#AddToCart-PickUpInStoreAction {
float: left;
width: 100%;
}
}
.AddToCart-PickUpInStoreAction {
margin-top: 10px;
}
#AddToCart-AddToCartAction {
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
margin-top: 20px;
}
@media (min-width: 640px) {
#AddToCart-AddToCartAction {
float: left;
width: 50%;
}
}
@media (min-width: 1024px) {
#AddToCart-AddToCartAction {
float: left;
width: 100%;
}
}
.image-gallery img {
width: 100%;
height: auto;
-webkit-touch-callout: none;
}
.image-gallery .zoomImg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-height: none;
max-width: none;
z-index: 9999;
border: 0;
opacity: 0;
}
.image-gallery .zoomImg img {
width: 100%;
height: 100%;
}
.image-gallery .zoomImgMask {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10000;
}
.addtocart-component {
margin-top: 10px;
}
.addtocart-component .stock-wrapper {
font-size: 13px;
margin: 25px 0;
}
.addtocart-component .stock-wrapper * {
float: left;
margin: 0;
}
.addtocart-component .stock-wrapper .futureStockLink {
margin-left: 10px;
}
.addtocart-component .actions .btn {
margin-bottom: 10px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share {
background: url("../../common/images/productShareIcon.png") no-repeat left center;
padding-left: 25px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share .a2a_img {
display: none;
}
.addtocart-component .qty-selector .input-group-btn,
#add_to_cart_storepickup_form .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn,
#add_to_cart_storepickup_form .qty-selector .btn {
width: 48px;
margin: 0;
padding-left: 0;
padding-right: 0;
}
.addtocart-component .qty-selector .form-control,
#add_to_cart_storepickup_form .qty-selector .form-control {
width: 50px;
height: 48px;
text-align: center;
font-size: 13px;
font-weight: bold;
}
@media (max-width: 1023px) {
.addtocart-component {
margin-top: 20px;
}
.addtocart-component .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn,
.addtocart-component .qty-selector .form-control {
width: 62.4px;
}
}
@media (max-width: 639px) {
.addtocart-component .qty-selector {
margin-left: auto;
margin-right: auto;
}
.addtocart-component .stock-wrapper {
display: table;
margin-left: auto;
margin-right: auto;
}
}
.add-to-cart .add-to-cart-item {
margin-bottom: 10px;
}
.add-to-cart .add-to-cart-item .thumb {
float: left;
margin-right: 10px;
}
.add-to-cart .add-to-cart-item .thumb img {
max-width: 65px;
}
.add-to-cart .add-to-cart-item .details {
font-size: 18px;
margin-left: 75px;
}
.add-to-cart .add-to-cart-item .details .name {
font-weight: bold;
color: inherit;
}
.add-to-cart .add-to-cart-item .price {
font-size: 22px;
text-align: right;
font-weight: bold;
}
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel:before,
.owl-carousel:after {
content: " ";
display: table;
}
.owl-carousel:after {
clear: both;
}
.owl-carousel:before,
.owl-carousel:after {
content: " ";
display: table;
}
.owl-carousel:after {
clear: both;
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
content: " ";
display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
content: " ";
display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
float: left;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.loading>* {
min-height: 1px;
}
.owl-carousel .owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: none;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
cursor: pointer;
position: absolute !important;
top: 50% !important;
display: table;
width: 25px;
height: 125px;
text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: rgba(255, 255, 255, 0.7);
font-size: 120px;
overflow: hidden;
-webkit-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
font-size: 25px;
line-height: 125px;
color: #0068b3;
-webkit-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
transition: 0.3s ease-in;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
color: #ffffff;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover span.glyphicon {
color: #003c66;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
left: 3px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before {
content: "\e075";
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
right: 5px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
content: "\e071";
}
.carousel,
.carousel__component--carousel {
width: auto;
margin: 10px -10px;
text-align: center;
}
.carousel .item,
.carousel__component--carousel .item,
.carousel .carousel__item,
.carousel__component--carousel .carousel__item {
display: block;
margin: 0 10px;
padding: 10px 0;
}
.carousel .item .thumb,
.carousel__component--carousel .item .thumb,
.carousel .carousel__item .thumb,
.carousel__component--carousel .carousel__item .thumb,
.carousel .item .carousel__item--thumb,
.carousel__component--carousel .item .carousel__item--thumb,
.carousel .carousel__item .carousel__item--thumb,
.carousel__component--carousel .carousel__item .carousel__item--thumb {
margin-bottom: 20px;
height: 140px;
}
.carousel .item .thumb img,
.carousel__component--carousel .item .thumb img,
.carousel .carousel__item .thumb img,
.carousel__component--carousel .carousel__item .thumb img,
.carousel .item .carousel__item--thumb img,
.carousel__component--carousel .item .carousel__item--thumb img,
.carousel .carousel__item .carousel__item--thumb img,
.carousel__component--carousel .carousel__item .carousel__item--thumb img {
max-width: 140px;
max-height: 140px;
display: block;
margin-left: auto;
margin-right: auto;
}
.carousel .item a,
.carousel__component--carousel .item a,
.carousel .carousel__item a,
.carousel__component--carousel .carousel__item a {
color: #3c3c3c;
}
.carousel .item a:hover,
.carousel__component--carousel .item a:hover,
.carousel .carousel__item a:hover,
.carousel__component--carousel .carousel__item a:hover,
.carousel .item a:focus,
.carousel__component--carousel .item a:focus,
.carousel .carousel__item a:focus,
.carousel__component--carousel .carousel__item a:focus {
text-decoration: none;
color: #0068b3;
}
.carousel .item .item__name,
.carousel__component--carousel .item .item__name,
.carousel .carousel__item .item__name,
.carousel__component--carousel .carousel__item .item__name,
.carousel .item .carousel__item--name,
.carousel__component--carousel .item .carousel__item--name,
.carousel .carousel__item .carousel__item--name,
.carousel__component--carousel .carousel__item .carousel__item--name {
margin-top: 13.33333333px;
margin-bottom: 11px;
text-transform: uppercase;
text-align: center;
line-height: 1.2em;
overflow: hidden;
position: relative;
height: 2.4em;
font-weight: 600;
font-size: 16px;
color: #3c3c3c;
}
.carousel .item .item__name:before,
.carousel__component--carousel .item .item__name:before,
.carousel .carousel__item .item__name:before,
.carousel__component--carousel .carousel__item .item__name:before,
.carousel .item .carousel__item--name:before,
.carousel__component--carousel .item .carousel__item--name:before,
.carousel .carousel__item .carousel__item--name:before,
.carousel__component--carousel .carousel__item .carousel__item--name:before {
background: #FFF none repeat scroll 0 0;
bottom: 0;
position: absolute;
right: 0;
content: "…";
}
.carousel .item .item__name:after,
.carousel__component--carousel .item .item__name:after,
.carousel .carousel__item .item__name:after,
.carousel__component--carousel .carousel__item .item__name:after,
.carousel .item .carousel__item--name:after,
.carousel__component--carousel .item .carousel__item--name:after,
.carousel .carousel__item .carousel__item--name:after,
.carousel__component--carousel .carousel__item .carousel__item--name:after {
content: "";
background: #FFF none repeat scroll 0% 0%;
position: absolute;
height: 50px;
width: 100%;
z-index: 1;
}
.carousel .item .item__price,
.carousel__component--carousel .item .item__price,
.carousel .carousel__item .item__price,
.carousel__component--carousel .carousel__item .item__price,
.carousel .item .carousel__item--price,
.carousel__component--carousel .item .carousel__item--price,
.carousel .carousel__item .carousel__item--price,
.carousel__component--carousel .carousel__item .carousel__item--price {
margin: 10px;
color: #3c3c3c;
text-align: center;
font-size: 24px;
font-weight: 600;
margin: 0;
}
.carousel-component,
.carousel__component {
padding: 0 20px;
margin: 35px 0 15px;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
content: " ";
display: table;
}
.carousel-component:after,
.carousel__component:after {
clear: both;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
content: " ";
display: table;
}
.carousel-component:after,
.carousel__component:after {
clear: both;
}
.carousel-component .carousel__component--headline,
.carousel__component .carousel__component--headline {
color: #3c3c3c;
font-size: 28px;
margin: 10px 0 20px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
}
.carousel-component:first-child,
.carousel__component:first-child {
margin: 0px 0 22px;
}
.carousel-component+.carousel-component,
.carousel__component+.carousel-component,
.carousel-component .carousel__component,
.carousel__component .carousel__component {
margin-top: 0;
border-top: 4px solid #d9d9d9;
padding-top: 30px;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
content: " ";
display: table;
}
.rotating-image-componet:after {
clear: both;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
content: " ";
display: table;
}
.rotating-image-componet:after {
clear: both;
}
.rotating-image-componet .carousel.rotating-image {
margin: 0;
}
.rotating-image-componet .owl-item .item {
padding: 0;
margin: 0;
}
.rotating-image-componet .owl-item img {
width: 100%;
height: auto;
max-width: none;
max-height: none;
}
.rotating-image-componet .owl-controls .owl-pagination {
display: block !important;
}
.image-gallery .image-gallery__image .owl-item .item {
padding: 0;
}
.image-gallery .image-gallery__image .owl-item img {
width: 100%;
height: auto;
max-width: none;
max-height: none;
}
@media (min-width: 1024px) and (max-width: 1399px) {
.image-gallery .image-gallery__image .owl-controls {
display: none !important;
}
}
@media (min-width: 1400px) {
.image-gallery .image-gallery__image .owl-controls {
display: none !important;
}
}
.image-gallery .gallery-carousel .owl-item img {
width: 100%;
height: auto;
max-width: none;
max-height: none;
}
.simpleimagecomponent a {
display: block;
}
.simpleimagecomponent a img {
width: 100%;
height: auto;
}
.banner-component {
width: 100%;
}
.banner-component a {
display: block;
color: #3c3c3c;
text-decoration: none;
}
.banner-component a:before,
.banner-component a:after {
content: " ";
display: table;
}
.banner-component a:after {
clear: both;
}
.banner-component a:before,
.banner-component a:after {
content: " ";
display: table;
}
.banner-component a:after {
clear: both;
}
.banner-component .title {
font-weight: bold;
}
.banner-component .thumb {
padding: 10px 0;
}
.banner-component .thumb img {
width: 100%;
height: auto;
}
@media (max-width: 639px) {
.simple-banner-component,
.banner__component {
margin-left: -10px;
margin-right: -10px;
margin: 0;
}
.simple-banner-component .addtocart-component .qty-selector .input-group-btn .form-control,
.banner__component .addtocart-component .qty-selector .input-group-btn .form-control {
font-size: 16px;
}
.simple-banner-component.substitutionlist>div,
.banner__component.substitutionlist>div {
padding: 15px;
}
.simple-banner-component.substitutionlist .item-image,
.banner__component.substitutionlist .item-image {
width: 25%;
}
}
.simple-banner-component a,
.banner__component a {
display: block;
}
.simple-banner-component img,
.banner__component img {
width: 100%;
height: auto;
}
.image-map-component img {
width: 100%;
height: auto;
}
.cms-image-component img {
width: 100%;
height: auto;
}
.tabs {
margin: 60px 0 0;
}
@media (max-width: 1023px) {
.tabs {
border-top: 1px solid #cccccc;
}
}
.tabs .tabs-list {
margin-bottom: 0;
padding-left: 0;
list-style: none;
border-bottom: 1px solid #dddddd;
display: table;
margin: 0 auto;
border: 0;
}
.tabs .tabs-list>li {
position: relative;
display: block;
}
.tabs .tabs-list>li>a {
position: relative;
display: block;
padding: 10px 15px;
}
.tabs .tabs-list>li>a:hover,
.tabs .tabs-list>li>a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.tabs .tabs-list>li.disabled>a {
color: #777777;
}
.tabs .tabs-list>li.disabled>a:hover,
.tabs .tabs-list>li.disabled>a:focus {
color: #777777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.tabs .tabs-list .open>a,
.tabs .tabs-list .open>a:hover,
.tabs .tabs-list .open>a:focus {
background-color: #eeeeee;
border-color: #0068b3;
}
.tabs .tabs-list .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.tabs .tabs-list>li>a>img {
max-width: none;
}
.tabs .tabs-list>li {
float: left;
margin-bottom: -1px;
}
.tabs .tabs-list>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 0 0 0 0;
}
.tabs .tabs-list>li>a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.tabs .tabs-list>li.active>a,
.tabs .tabs-list>li.active>a:hover,
.tabs .tabs-list>li.active>a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.tabs .tabs-list.nav-justified {
width: 100%;
border-bottom: 0;
}
.tabs .tabs-list.nav-justified>li {
float: none;
}
.tabs .tabs-list.nav-justified>li>a {
text-align: center;
margin-bottom: 5px;
}
.tabs .tabs-list.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 640px) {
.tabs .tabs-list.nav-justified>li {
display: table-cell;
width: 1%;
}
.tabs .tabs-list.nav-justified>li>a {
margin-bottom: 0;
}
}
.tabs .tabs-list.nav-justified>li>a {
margin-right: 0;
border-radius: 0;
}
.tabs .tabs-list.nav-justified>.active>a,
.tabs .tabs-list.nav-justified>.active>a:hover,
.tabs .tabs-list.nav-justified>.active>a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 640px) {
.tabs .tabs-list.nav-justified>li>a {
border-bottom: 1px solid #dddddd;
border-radius: 0 0 0 0;
}
.tabs .tabs-list.nav-justified>.active>a,
.tabs .tabs-list.nav-justified>.active>a:hover,
.tabs .tabs-list.nav-justified>.active>a:focus {
border-bottom-color: #ffffff;
}
}
.tabs .tabs-list .current-info {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.tabs .tabs-list li {
padding: 0 20px;
}
.tabs .tabs-list li a {
text-transform: uppercase;
color: #0068b3;
padding: 0 0 5px 0;
border: 0;
border-bottom: 4px solid transparent;
}
.tabs .tabs-list li a:focus,
.tabs .tabs-list li a:hover {
cursor: pointer;
background-color: transparent;
}
.tabs .tabs-list li+li:before {
content: "";
position: absolute;
height: 15px;
left: 0;
top: 2px;
border-left: 1px solid #cccccc;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li.active a:hover,
.tabs .tabs-list li.active a:focus {
color: #3c3c3c;
font-weight: bold;
border: 0;
border-bottom: 4px solid #0068b3;
}
.tabs .tabhead {
height: 75px;
display: table;
}
@media (max-width: 639px) {
.tabs .tabhead {
display: none !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.tabs .tabhead {
display: none !important;
}
}
.tabs .tabhead+.tabbody {
display: none !important;
}
.tabs .tabhead.active {
font-weight: bold;
}
.tabs .tabhead.active+.tabbody {
display: block !important;
}
.tabs .tabhead a {
padding: 0 10px;
color: inherit;
line-height: 1;
text-decoration: none;
display: table-cell;
width: 100%;
vertical-align: middle;
}
@media (max-width: 1024px) {
.tabs .tabhead a {
padding-left: 20px;
}
}
.tabs .tabhead .glyphicon {
padding: 0 10px;
display: table-cell;
vertical-align: middle;
}
.tabs .tabhead .glyphicon:before {
content: "\e080";
}
@media (max-width: 1024px) {
.tabs .tabhead .glyphicon {
padding-right: 20px;
}
}
.tabs .tabhead.active .glyphicon:before {
content: "\e114";
}
.tabs .tabbody {
border-bottom: 1px solid #cccccc;
padding: 20px 0px;
padding-left: 30px;
padding-right: 30px;
background-color: #f4f4f4;
}
@media (max-width: 1024px) {
.tabs .tabbody {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1024px) {
.tabs .tabbody {
border-top: 1px solid #cccccc;
}
}
@media (max-width: 639px) {
.tabs.tabs-responsive .tabs-list {
display: none !important;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.tabs.tabs-responsive .tabs-list {
display: none !important;
}
}
.tabs.tabs-responsive .tabhead {
text-transform: uppercase;
display: none !important;
border-bottom-color: #cccccc;
}
.tabs.tabs-responsive .tabhead.active {
border-bottom: 4px solid #0068b3;
}
@media (max-width: 1023px) {
.tabs.tabs-responsive .tabhead {
display: table !important;
}
}
.tabs.tabs-accordion .tabs-list {
display: none !important;
}
.tabs.tabs-accordion .tabhead {
display: table !important;
margin-bottom: 20px;
}
.languagecurrencycomponent {
float: right !important;
}
.languagecurrencycomponent form {
display: inline-block;
}
.languagecurrencycomponent form+form {
margin-left: 10px;
}
.ui-helper-hidden-accessible {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.thumb {
position: relative;
}
.thumb .badges {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
overflow: hidden;
}
.thumb .badges .badge {
float: left;
clear: left;
margin-bottom: 10px;
}
.com-space>* {
padding: 10px 0;
}
.flex-column {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex-column>* {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.product-classifications .headline {
font-weight: bold;
padding: 10px;
}
.product-classifications table.table td.attrib {
width: 50%;
}
.no-space {
padding: 0 !important;
}
.no-space .yCmsComponent {
padding: 0 !important;
}
.simple-responsive-banner-component a,
.banner__component--responsive a {
display: block;
}
.simple-responsive-banner-component img,
.banner__component--responsive img {
width: 100%;
height: auto;
}
.error-page {
text-align: center;
}
.back-link {
padding: 20px 0px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.back-link {
padding-left: 20px;
padding-right: 20px;
}
}
.back-link.border {
border-bottom: 1px solid #cccccc;
}
.back-link button {
padding: 0;
}
.back-link .glyphicon {
border-right: 1px solid #cccccc;
border-radius: 0;
padding-right: 10px;
line-height: 16px;
top: -2px;
}
.back-link .label {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
padding-left: 10px;
white-space: normal;
}
.back-link .label.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.back-link.product-details .label {
font-weight: 600;
}
.accordion {
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.accordion .panel-group {
margin: 0;
}
.accordion .panel {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.accordion .panel .panel-heading {
background-color: #f2f2f2;
border-bottom: 1px solid #ffffff;
position: relative;
padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
display: block;
color: #3c3c3c;
padding: 20px 30px;
}
.accordion .panel .panel-heading .accordion-toggle:before {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.accordion .panel .panel-heading .accordion-toggle:before {
content: "\e113";
}
.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
content: "\e114";
}
.accordion .panel .panel-heading .accordion-lnk {
position: absolute;
left: 55px;
top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
display: block;
position: static;
padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
background-color: #808080;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
padding-left: 255px;
}
.accordion .panel .panel-heading+.panel-collapse>.panel-body {
border: none;
padding: 0;
}
.pageType-CategoryPage .map img {
min-width: 100%;
}
.searchEmptyPageMiddle-component {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.searchEmptyPageMiddle-component {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1024px) {
.product__list--wrapper {
padding: 0;
margin: 0 0 0 -20px;
}
}
@media (min-width: 640px) {
.product__list--wrapper .pagination-wrap {
padding-right: 0;
}
}
.searchSpellingSuggestionPrompt {
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 640px) {
.pagination-bar .sort-refine-bar button {
padding-left: 20px;
padding-right: 20px;
}
}
.results h1 {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
margin-top: 20px;
padding-left: 20px;
padding-bottom: 0;
}
.results h1.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.product__listing {
padding-left: 0;
list-style: none;
}
.product__listing .product__listing--promo {
color: #3e5983;
margin-bottom: 10px;
}
a.product__listing .product__listing--promo:hover,
a.product__listing .product__listing--promo:focus {
color: #2e4160;
}
@media (min-width: 1024px) {
.product__listing .product__listing--promo {
padding-right: 20px;
margin: 0 -10px;
}
}
.product__listing .product__list--price-panel {
text-align: right;
}
.product__listing .product__list--name {
display: block;
text-transform: uppercase;
font-weight: bold;
margin: 0 0 10px 106px;
color: inherit;
}
.product__listing .product__listing--description {
margin: 0 210px 0 106px;
}
@media (max-width: 639px) {
.product__listing .product__listing--description {
display: none !important;
}
}
.product__listing .addtocart {
clear: both;
text-align: center;
padding: 10px 0 0 0;
}
.product__listing .addtocart button {
margin-bottom: 5px;
}
@media (min-width: 1024px) {
.product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
.product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
.product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
.product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
.product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
.product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
width: 49%;
display: inline-block;
float: left;
}
.product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction {
position: relative;
right: 1%;
float: right;
}
.product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
position: relative;
left: 1%;
}
}
@media (min-width: 1024px) and (min-width: 1400px) {
.product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
.product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
width: calc(49% - 4px);
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.product__listing .addtocart .pickup-in-store-available {
margin: 0 -4px;
}
.product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
.product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
.product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
.product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
.product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
.product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
padding: 0 3.33333333px;
}
}
.product__listing.product__list .product__list--item.tag-highlighted,
.product__listing.product__grid .product-item.tag-highlighted {
position: relative;
}
.product__listing.product__list .product__list--item.tag-highlighted:before,
.product__listing.product__grid .product-item.tag-highlighted:before {
content: "";
z-index: -1;
position: absolute;
border: 2px solid #0068b3;
top: 14px;
left: 12px;
right: 12px;
bottom: 14px;
}
.product__listing.product__list .product__list--item.tag-highlighted:after,
.product__listing.product__grid .product-item.tag-highlighted:after {
content: "\e006";
top: 18px;
left: 16px;
color: #0068b3;
width: 24px;
line-height: 22px;
height: 24px;
font-size: 18px;
padding: 0;
text-align: center;
position: absolute;
}
.product__listing.product__list .product__list--item {
padding: 20px 30px;
border-top: 1px solid #d9d9d9;
}
.product__listing.product__list .product__list--item:nth-of-type(2n) {
background-color: #f4f4f4;
}
@media (max-width: 1024px) {
.product__listing.product__list .product__list--item {
padding-left: 20px;
padding-right: 20px;
}
}
.product__listing.product__list .product__list--item.tag-highlighted:before {
left: 0;
right: 0;
top: 1px;
bottom: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:after {
font-size: 16px;
top: 8px;
left: 7px;
}
.product__listing.product__list .product__list--item.tag-highlighted:first-child:before {
top: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n) {
background: transparent;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n):before {
top: 1px;
background-color: #f4f4f4;
}
.product__listing.product__list .product__list--thumb {
float: left;
margin-right: 10px;
display: block;
}
.product__listing.product__list .product__list--thumb>img {
width: 96px;
}
.product__listing.product__list .product__list--price-panel {
float: right;
width: 200px;
}
.product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
.product__listing.product__list .ProductListComponent-ListAddToCartAction,
.product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
.product__listing.product__list .SearchResultsList-ListAddToCartAction {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 640px) {
.product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
.product__listing.product__list .ProductListComponent-ListAddToCartAction,
.product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
.product__listing.product__list .SearchResultsList-ListAddToCartAction {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 640px) {
.product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
.product__listing.product__list .ProductListComponent-ListAddToCartAction,
.product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
.product__listing.product__list .SearchResultsList-ListAddToCartAction {
left: 33.33333333%;
}
}
.product__listing.product__list .ProductListComponent-ListOrderFormAction,
.product__listing.product__list .SearchResultsList-ListOrderFormAction {
float: left;
width: 50%;
left: 50%;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
}
@media (min-width: 640px) {
.product__listing.product__list .ProductListComponent-ListOrderFormAction,
.product__listing.product__list .SearchResultsList-ListOrderFormAction {
float: left;
width: 33.33333333%;
}
}
@media (min-width: 640px) {
.product__listing.product__list .ProductListComponent-ListOrderFormAction,
.product__listing.product__list .SearchResultsList-ListOrderFormAction {
left: 0%;
}
}
@media (max-width: 639px) {
.product__listing.product__list .product__list--price-panel {
text-align: left;
float: none;
margin-left: 106px;
width: auto;
}
}
.product__listing.product__grid {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.product__listing.product__grid .product-item {
float: left;
width: 50%;
position: relative;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
padding: 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 640px) {
.product__listing.product__grid .product-item {
float: left;
width: 25%;
}
}
@media (min-width: 1024px) {
.product__listing.product__grid .product-item {
float: left;
width: 25%;
}
}
@media (min-width: 1400px) {
.product__listing.product__grid .product-item {
float: left;
width: 25%;
}
}
.product__listing.product__grid .product-item:first-child {
margin-left: -1px;
}
.product__listing.product__grid .product-item.tag-highlighted {
position: relative;
}
.product__listing.product__grid .thumb {
display: block;
margin-bottom: 10px;
text-align: center;
height: 180px;
overflow: hidden;
}
.product__listing.product__grid .thumb img {
width: 100%;
height: auto;
max-width: 140px;
}
.product__listing.product__grid .details {
text-align: center;
margin: 0 auto;
width: 100%;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-flex: 1 0 auto;
-moz-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.product__listing.product__grid .details .name {
margin: 0;
font-weight: 600;
font-size: 16px;
padding-bottom: 10px;
height: 70px;
overflow: hidden;
color: #3c3c3c;
}
.product__listing.product__grid .details .price {
font-size: 18px;
}
.product__listing.product__grid .details .promo {
color: #00a651;
font-size: 14px;
font-weight: bold;
}
@media (min-width: 640px) {
.product__listing.product__grid .product-item:nth-child(4n+1) {
clear: both;
}
}
@media (max-width: 639px) {
.product__listing.product__grid .product-item:nth-child(2n+1) {
clear: both;
}
}
.search-empty {
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.search-empty .headline {
margin-bottom: 20px;
}
.search-empty .search-suggestions {
margin-bottom: 20px;
}
.product-category-page .product-categories .refine-bar {
padding-bottom: 10px;
padding-top: 10px;
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
padding-left: 0;
padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component,
.product-category-page .product-categories .pcp-banner .banner__component--responsive {
margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
padding-top: 10px;
}
@media (min-width: 1024px) {
.search-list-page-right-result-list-slot {
margin-left: -20px;
margin-top: -20px;
}
.search-list-page-right-result-list-component {
padding-left: 20px;
}
.product-list-right-slot {
margin-left: -20px;
}
.product-list-right-component {
margin-left: 0;
padding-top: 20px;
}
.product-list-right-component .pagination-bar {
margin-top: 0;
}
}
.search-results-highlight {
font-weight: bold;
}
.product__facet {
margin: 0;
border-right: 1px solid #cccccc;
padding: 0;
}
.product__facet .facet {
padding: 45px 30px 30px 0px;
border-bottom: 1px solid #cccccc;
}
.product__facet .facet:before,
.product__facet .facet:after {
content: " ";
display: table;
}
.product__facet .facet:after {
clear: both;
}
.product__facet .facet:before,
.product__facet .facet:after {
content: " ";
display: table;
}
.product__facet .facet:after {
clear: both;
}
.product__facet .facet:last-child {
margin: 0;
}
.product__facet .facet .facet__name {
font-size: 18px;
font-weight: bold;
color: #3c3c3c;
margin-left: -5px;
}
.product__facet .facet .facet__list {
padding-left: 0;
list-style: none;
margin: 10px 0;
}
.product__facet .facet .facet__list li {
padding: 10px 0;
}
.product__facet .facet .facet__list label {
cursor: pointer;
font-weight: normal;
display: block;
margin: 0;
}
.product__facet .facet .facet__list .facet__list__mark {
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
margin-right: 10px;
border: 1px solid #cccccc;
text-align: center;
vertical-align: middle;
background: #ffffff;
margin-top: -3px;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked+.facet__list__label .facet__list__mark {
background: #0068b3;
border: 1px solid #0068b3;
-webkit-box-shadow: inset 0 0 0 1px @check-box-bg;
box-shadow: inset 0 0 0 1px @check-box-bg;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked+.facet__list__label .facet__list__text {
color: #0068b3;
}
.product__facet .facet .facet__list .facet__list__checkbox:focus+.facet__list__label .facet__list__mark {
border: 1px solid #0068b3;
-webkit-box-shadow: inset 0 0 0 1px @check-box-bg;
box-shadow: inset 0 0 0 1px @check-box-bg;
}
.product__facet .facet .facet__list .facet__list__text {
line-height: 20px;
}
.product__facet .facet .facet__list.facet__list--hidden {
display: none;
}
.product__facet .facet .facet__values__more {
display: block;
}
.product__facet .facet .facet__values__less {
display: none;
}
.product__facet .facet .facet__form {
padding-top: 10px;
}
.product__facet .facet .facet__form .input-group {
background-color: #ffffff;
min-height: 32px;
border: 1px solid #cccccc;
}
.product__facet .facet .facet__form .input-group .form-control {
border: 0 none;
height: 32px;
box-shadow: none;
}
.product__facet .facet .facet__form .input-group .btn {
width: 40px;
height: 32px;
line-height: 32px;
padding: 0;
}
.product__facet .facet .facet__form .input-group .btn .glyphicon-search {
color: #3c3c3c;
font-size: 17px;
top: 0;
}
.product__facet .facet .facet__form .line-text {
margin: 20px 0;
}
.product__facet .facet .facet__form__hidden {
display: none;
}
.product__facet .facet .facet__results__hidden {
display: none;
}
@media (max-width: 1023px) {
.product__facet {
padding: 10px;
margin: 0;
border: 0 none;
}
#colorbox .product__facet {
display: block !important;
}
.product__facet .facet {
float: none;
width: 100%;
border: 0;
margin: 0;
padding: 0 0 10px 0;
}
.product__facet .facet .facet__name {
background: #f4f4f4;
cursor: pointer;
padding: 10px;
padding-left: 65px;
text-transform: uppercase;
position: relative;
}
.product__facet .facet .facet__name .facet__arrow {
font-size: 12px;
position: absolute;
top: 17px;
left: 30px;
}
.product__facet .facet .facet__name .facet__arrow:before {
content: "\e080";
}
.product__facet .facet .facet__values {
display: none;
}
.product__facet .facet.active .facet__arrow:before {
content: "\e114";
}
.product__facet .facet.active .facet__values {
display: block;
}
}
.sort-refine-bar .form-group select {
width: auto;
}
.pagination-bar {
margin: 30px 0;
}
.pagination-bar .pagination-toolbar {
padding-bottom: 30px;
padding-left: 20px;
padding-right: 30px;
border-bottom: 1px solid #cccccc;
}
@media (max-width: 1024px) {
.pagination-bar .pagination-toolbar {
padding-left: 20px;
padding-right: 20px;
}
}
.pagination-bar .form-group {
margin: 0;
}
.pagination-bar .pagination-bar-results {
margin-top: 25px;
padding: 0 20px;
color: #929292;
}
.pagination-bar.bottom .pagination-toolbar {
padding-top: 30px;
border-top: 1px solid #cccccc;
border-bottom-width: 1px;
}
@media (max-width: 1023px) {
.pagination-bar button {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 639px) {
.sort-refine-bar .form-group select {
width: 100%;
}
.pagination-bar .pagination,
.pagination-bar button {
margin-top: 30px;
width: 100%;
}
}
@media (min-width: 640px) {
.pagination-bar .pagination-toolbar {
border-bottom-width: 1px;
}
.pagination-bar .pagination,
.pagination-bar button {
margin-top: 25px;
}
}
@media (max-width: 1023px) and (min-width: 640px) {
.sort-refine-bar .form-group select {
height: 48px;
}
.pagination-bar .pagination,
.pagination-bar button {
margin-top: 24px;
}
}
.item__list {
margin-top: 30px;
margin-bottom: 20px;
padding-left: 0;
list-style: none;
}
.item__list .item__list--item {
border-bottom: 1px solid #e5e5e5;
padding: 15px 0;
}
.item__list .item__list--item:nth-child(4n+4)+li .add-to-cart-order-form-wrap,
.item__list .item__list--item:nth-child(4n+4)+li .add-to-cart-order-form-wrap:after {
background-color: #f4f4f4;
}
.item__list .item__list--item:nth-child(4n+4)+li .add-to-cart-order-form-wrap .order-form-scroll.down {
bottom: 0;
z-index: 9999;
}
.item__list .item__list--item:last-child {
padding-right: 30px;
}
.item__list .item__list--item .btn-group.open .dropdown-menu {
padding: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li {
margin: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li:first-child {
border-bottom: 1px solid #e5e5e5;
}
.item__list .item__list--item .btn-group.open a {
padding: 18px 35px 18px 25px;
}
.item__list .item__list--item .item__configurations--display .btn {
padding-left: 0;
}
.item__list .item__list--item .item__configurations--display .btn:hover {
color: #003c66;
}
.item__list .item__list--header {
padding-left: 0;
list-style: none;
display: table;
table-layout: fixed;
width: 100%;
}
.item__list .item__list--header li {
display: table-cell;
background-color: #142939;
color: #7f919e;
font-size: 13px;
text-transform: uppercase;
padding: 7px 10px;
}
.item__list .item__list--header li:last-child {
padding-right: 30px;
}
.item__list .item__toggle {
font-size: 15px;
width: 25px;
}
.item__list .item__toggle>* {
cursor: pointer;
}
.item__list .item__toggle .open .glyphicon:before {
content: "\e113";
}
.item__list .item__image {
width: 136px;
padding: 0 20px;
}
.item__list .item__image img {
max-width: 96px;
}
.item__list .item__name {
font-size: 16px;
font-weight: 700;
}
.item__list .item__quantity {
text-align: center;
}
.item__list .item__quantity .form-control {
display: inline-block;
width: 60px;
height: 40px;
text-align: center;
}
.item__list .item__delivery .item__delivery--label {
text-transform: uppercase;
color: #929292;
font-weight: 700;
}
.item__list .item__total--column {
text-align: right;
}
.item__list .item__total {
font-size: 15px;
font-weight: 700;
text-align: right;
padding-left: 0;
}
.item__list .item__remove,
.item__list .item__menu {
width: 45px;
text-align: right;
}
.item__list .item__remove .btn,
.item__list .item__menu .btn {
font-size: 25px;
background-color: transparent;
padding: 0;
border: 0;
color: #0068b3;
}
.item__list .item__remove .btn .glyphicon,
.item__list .item__menu .btn .glyphicon {
top: 4px;
}
.item__list #cartOrderGridForm .product-grid-container table {
background-color: #f4f4f4;
}
.item__list #cartOrderGridForm .product-grid-container table th {
background-color: #e4e4e4;
color: #3c3c3c;
}
.item__list .promo {
font-size: 14px;
font-weight: 700;
color: #00a651;
}
.item__list .promo ul {
padding-left: 0;
list-style: none;
}
.item__list .out-of-stock {
color: #ed1c24;
}
.item__list .read-only-grid .grid-row>td {
border-bottom: 1px solid #d9d9d9;
}
.item__list .read-only-grid .grid-prod-img {
width: 100px;
padding: 25px 40px 20px 45px;
vertical-align: top;
}
.item__list .read-only-grid .grid-prod-img+td {
padding-bottom: 5px;
}
.item__list .read-only-grid .grid-variant,
.item__list .read-only-grid .grid-size {
font-weight: 700;
}
.item__list .read-only-grid .grid-variant+.grid-variant:before,
.item__list .read-only-grid .grid-size+.grid-variant:before {
content: "|";
font-size: 15px;
margin: 0 10px;
width: 1px;
color: #cccccc;
}
.item__list .read-only-grid .grid-prod-info {
display: inline-block;
padding-top: 0;
padding-right: 40px;
}
.item__list .read-only-grid .grid-qty .grid-qty-label {
font-size: 12px;
text-transform: uppercase;
}
.item__list .read-only-grid .grid-price:before {
content: "|";
font-size: 15px;
margin: 0 10px;
width: 1px;
color: #cccccc;
}
@media (min-width: 1024px) {
.item__list>li .add-to-cart-order-form-wrap {
border-bottom: 1px solid #e5e5e5;
}
.item__list .item__list--item {
display: table;
table-layout: fixed;
width: 100%;
}
.item__list .item__list--item .item__sku__input,
.item__list .item__list--item .item__toggle,
.item__list .item__list--item .item__image,
.item__list .item__list--item .item__info,
.item__list .item__list--item .item__price,
.item__list .item__list--item .item__quantity,
.item__list .item__list--item .item__delivery,
.item__list .item__list--item .item__total,
.item__list .item__list--item .item__remove,
.item__list .item__list--item .item__menu,
.item__list .item__list--item .item__quantity__total {
display: table-cell;
padding: 0 10px;
vertical-align: middle;
}
.item__list .item__info {
width: 35%;
padding: 0 10px;
}
.item__list .item__delivery {
padding-left: 3%;
}
}
@media (min-width: 640px) {
.item__list #cartOrderGridForm {
max-height: 460px;
overflow: scroll;
}
.item__list #cartOrderGridForm table tr:first-child>th:first-child,
.item__list #cartOrderGridForm table tr>td:first-child {
border-right: 0;
padding-left: 40px;
}
}
@media (max-width: 1023px) {
.item__list {
border-top: 1px solid #e5e5e5;
margin-top: 0;
clear: both;
}
.item__list .item__toggle .glyphicon {
width: 50px;
height: 50px;
}
.item__list .item__image {
float: left;
margin: 0;
}
.item__list .item__price .visible-xs {
display: inline !important;
}
.item__list .item__remove,
.item__list .item__menu {
position: absolute;
right: 10px;
top: 8px;
padding: 0;
margin: 0;
}
.item__list .item__remove .btn,
.item__list .item__menu .btn {
text-align: center;
width: 50px;
height: 50px;
}
.item__list .item__total {
float: right;
}
.item__list .item__quantity__total {
clear: both;
float: none;
width: auto;
padding-right: 20px;
}
.item__list .item__quantity__total>.details {
cursor: pointer;
}
.item__list .item__quantity__total .qty {
line-height: 42px;
padding-top: 10px;
}
.item__list .item__quantity__total .qty:before,
.item__list .item__quantity__total .qty:after {
content: " ";
display: table;
}
.item__list .item__quantity__total .qty:after {
clear: both;
}
.item__list .item__quantity__total .qty:before,
.item__list .item__quantity__total .qty:after {
content: " ";
display: table;
}
.item__list .item__quantity__total .qty:after {
clear: both;
}
.item__list .item__quantity__total .qty label {
float: left;
margin: 0 10px 0 0;
}
.item__list .item__quantity__total .qty input {
float: left;
width: 70px;
text-align: center;
padding-left: 12px;
padding-right: 12px;
margin-right: 10px;
}
.item__list .item__quantity__total .qty .qtyValue {
float: left;
}
.item__list .item__quantity__total .qty .glyphicon {
float: right;
line-height: 40px;
padding-left: 5px;
}
.item__list .item__quantity__total .open .qty .glyphicon:before {
content: "\e114";
}
.item__list #cartOrderGridForm .product-grid-container {
font-size: 14px;
margin: 0;
}
.item__list #cartOrderGridForm .product-grid-container .variant-detail {
padding-left: 20px;
padding-top: 10px;
}
.item__list #cartOrderGridForm .product-grid-container .variant-detail img {
padding-right: 10px;
}
.item__list #cartOrderGridForm .product-grid-container .variant-select {
padding-top: 22px;
padding-right: 20px;
vertical-align: top;
}
.item__list #cartOrderGridForm .product-grid-container>table {
border-bottom: 1px solid #d9d9d9;
}
.item__list #cartOrderGridForm .product-grid-container>table tr td {
border-bottom: none;
}
.item__list #cartOrderGridForm .product-grid-container .variant-summary {
background-color: transparent;
}
.item__list #cartOrderGridForm .product-grid-container .variant-summary>td {
padding: 0 20px 20px;
}
.item__list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
border: none;
margin-top: 0;
margin-bottom: 5px;
}
.item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
padding: 0 10px 0 0;
}
.item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
padding: 0;
}
.item__list .read-only-grid .grid-prod-img {
padding-left: 20px;
padding-right: 30px;
}
.item__list .read-only-grid .grid-variant {
display: block;
}
.item__list .read-only-grid .grid-variant+.grid-variant:before {
content: none;
}
.item__list--item {
position: relative;
}
.item__list--item>div {
margin-left: 136px;
padding: 0 80px 0 0;
overflow: hidden;
text-overflow: ellipsis;
}
}
.account-orderdetail .item__list {
clear: both;
margin-top: 0;
}
.cart-header {
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 10px;
}
@media (max-width: 1024px) {
.cart-header {
padding-left: 20px;
padding-right: 20px;
}
}
.cart-header.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.cart-header .cart-headline {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
padding: 0px;
}
.cart-header .cart-headline.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.cart-header .cart__id--label {
font-size: 18px;
font-weight: 600;
padding: 0 5px 0 10px;
}
.cart-header .cart__id--label:before {
content: "|";
position: relative;
left: -2px;
color: #929292;
font-weight: 400;
vertical-align: top;
}
.cart-header .cart__id--label .cart__id {
padding-left: 5px;
}
.cart-top-bar {
background: #f4f4f4;
padding: 10px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.cart-top-bar {
padding-left: 20px;
padding-right: 20px;
}
}
.cart-top-bar a.help {
font-size: 13px;
position: relative;
padding-right: 25px;
}
.cart-top-bar a.help .glyphicon {
color: #0068b3;
font-size: 1.5em;
position: absolute;
right: 0;
top: -1px;
}
.cart-top-bar .help-popup-content-holder {
display: none;
}
.cart-restoration-bar {
background: #F2F4F7;
margin-bottom: 20px;
padding: 10px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.cart-restoration-bar {
padding-left: 20px;
padding-right: 20px;
}
}
.help-popup-content strong {
display: block;
margin-bottom: 15px;
}
.cart__content {
margin-left: -10px;
margin-right: -10px;
margin: 0;
}
.cart__content .addtocart-component .qty-selector .input-group-btn .form-control {
font-size: 16px;
}
.cart__content.substitutionlist>div {
padding: 15px;
}
.cart__content.substitutionlist .item-image {
width: 25%;
}
.cart__top--totals {
text-align: right;
font-size: 15px;
margin-top: 15px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.cart__top--totals {
padding-left: 20px;
padding-right: 20px;
}
}
.cart__top--totals .cart__top--amount {
margin-left: 5px;
}
.cart__top--totals .cart__top--amount:before {
content: "|";
position: relative;
left: -2px;
color: #929292;
font-weight: 400;
top: -1px;
}
.cart__actions.border {
border-bottom: 1px solid #e5e5e5;
}
.cart__actions,
.cart__actions--top {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 32px;
}
@media (max-width: 1024px) {
.cart__actions,
.cart__actions--top {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 640px) {
.cart__actions,
.cart__actions--top {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
}
.item__list__cart {
margin-top: 15px;
margin-bottom: 10px;
}
.item__list__cart table td {
padding: 0;
}
.item__list__cart>table tbody>.entry-group-header>th {
background-color: #e4e4e4;
font-size: 16px;
font-weight: 700;
color: #000000;
padding-right: 35px;
}
.item__list__cart>table tbody>.entry-group-header a {
color: #0068b3;
}
.item__list__cart>table table td {
background-color: #f4f4f4;
}
.item__list__cart>table table tbody>.entry-group-header>th {
color: #000000;
font-size: 14px;
font-weight: normal;
padding: 10px 35px;
}
@media (min-width: 1024px) {
.item__list__cart .item__remove,
.item__list__cart .item__menu {
width: 60px;
}
}
.item__list__cart .item__list--item {
border-top: 1px solid #e5e5e5;
}
.item__list__cart .item__list--item .item__image {
padding: 10px;
}
@media (min-width: 1024px) {
.item__list__cart .item__list--item .item__remove,
.item__list__cart .item__list--item .item__menu {
padding-right: 26px;
}
}
.item__list__cart .item__list--item .item__menu {
overflow: visible;
}
.item__list__cart .item__list--item .item__menu .dropdown-menu {
padding: 5px 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu {
padding: 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu li {
margin: 0;
border-top: 1px solid #e5e5e5;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu li:first-child {
border: none;
}
.item__list__cart .item__list--item .btn-group.open a {
padding: 18px 35px 18px 25px;
}
.item__list__cart .item__list--comment {
display: table;
table-layout: fixed;
width: 100%;
}
.item__list__cart .item__list--comment .item__comment {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.item__list__cart .item__list--comment .item__comment {
padding-left: 20px;
padding-right: 20px;
}
}
.item__list__cart .item__list--comment .item__comment textarea {
min-height: inherit;
resize: none;
margin-bottom: 20px;
}
.item__list__cart .item__list--comment .item__comment--role {
margin-top: 38px;
}
.item__list__cart .item__list--comment .item__comment--author {
font-weight: bold;
}
.item__list__cart .item__quantity {
text-align: left;
}
.item__list__cart .notification.has-error {
padding: 0 30px;
text-align: center;
margin-top: 10px;
}
.item__list__cart .item__configurations {
margin: 10px 0;
}
@media (max-width: 480px) {
.item__list__cart .item__configuration--entry {
margin-bottom: 5px;
}
}
.item__list__cart .item__configurations--edit .btn {
padding-left: 0;
}
.item__list__cart .item__configurations--edit .btn:hover {
color: #003c66;
}
.cart__head--link:after {
content: "|";
position: relative;
left: 5px;
color: #929292;
font-weight: 400;
vertical-align: top;
}
.cart__head--link:first-child:after {
content: "";
position: relative;
left: 0px;
color: #929292;
font-weight: 400;
vertical-align: top;
}
.save__cart--link,
.new__cart--link,
.cart__quotes--link {
text-align: right;
margin-top: 12px;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
white-space: nowrap;
float: right;
padding: 0 5px;
}
@media (max-width: 1023px) {
.save__cart--link,
.new__cart--link,
.cart__quotes--link {
text-align: left;
}
}
@media (max-width: 639px) {
.save__cart--link,
.new__cart--link,
.cart__quotes--link {
text-align: center;
margin-top: 0;
}
}
.export__cart--link {
text-align: left;
width: 100%;
margin-top: 15px;
padding-right: 20px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
display: inline-block;
white-space: nowrap;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.export__cart--link {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
.export__cart--link {
padding-top: 5px;
}
}
.cart-totals {
font-size: 18px;
line-height: 2em;
margin-top: 25px;
padding-left: 20px;
padding-right: 20px;
}
@media (max-width: 1024px) {
.cart-totals {
padding-left: 10px;
padding-right: 10px;
}
}
.cart-totals .cart-totals-left {
padding-left: 50px;
}
.cart-totals .cart-totals-right {
font-weight: bold;
padding-left: 0;
padding-right: 60px;
}
.cart-totals .cart-price {
font-weight: bold;
}
.cart-totals .discount {
color: #00a651;
}
.cart-totals .quote-discount-link {
text-transform: uppercase;
}
.cart-totals .grand-total {
font-size: 22px;
text-transform: uppercase;
line-height: 1.3em;
font-weight: bold;
padding-top: 15px;
padding-bottom: 15px;
}
.cart-totals .cart-totals-taxes {
clear: both;
font-size: 14px;
font-weight: 700;
line-height: 1.5em;
padding-right: 60px;
padding-left: 55px;
}
@media (max-width: 1023px) and (min-width: 640px) {
.cart-totals .cart-totals-left,
.cart-totals .cart-totals-right,
.cart-totals .cart-totals-taxes {
padding-left: 30px;
padding-right: 30px;
}
}
@media (max-width: 639px) {
.cart-totals .cart-totals-left,
.cart-totals .cart-totals-right,
.cart-totals .cart-totals-taxes {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
.cart__actions {
margin: 0;
}
.cart__actions .pull-right {
float: none !important;
}
.cart__actions .row {
margin: 0;
}
}
.express-checkout {
background-color: #f4f4f4;
padding: 20px 40px;
margin: 20px 0;
}
@media (min-width: 640px) {
.express-checkout {
margin-right: 20px;
}
}
@media (min-width: 1024px) {
.express-checkout {
margin-right: 30px;
}
}
.express-checkout .headline {
font-size: 24px;
font-weight: 600;
margin: 0 0 10px 0;
}
.express-checkout ul {
margin-top: 5px;
}
.express-checkout ul li {
list-style-type: disc;
}
@media (max-width: 1023px) and (min-width: 640px) {
.express-checkout {
padding: 20px;
margin-right: 20px;
}
}
@media (max-width: 639px) {
.express-checkout {
margin: 0 0 20px 0;
padding: 20px;
}
}
.cartpotproline,
.cartproline {
font-size: 18px;
padding-bottom: 25px;
border-bottom: 1px solid #e5e5e5;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.cartpotproline,
.cartproline {
padding-left: 20px;
padding-right: 20px;
}
}
.cartpotproline .info,
.cartproline .info {
font-size: 14px;
}
.promotion {
font-size: 14px;
font-weight: bold;
color: #00a651;
}
.error-details-section .action {
text-align: center;
margin: 10px 0;
}
.doFlowSelectedChange,
#selectPciOption {
margin-top: 20px;
}
@media (max-width: 639px) {
.cartpotproline,
.cartproline {
padding: 10px 20px 25px;
}
.btn--continue-shopping,
.btn--continue-checkout,
.btn-create-quote {
margin-bottom: 15px;
}
.doFlowSelectedChange {
margin-top: 20px;
}
}
#cboxContent .cart_popup_error_msg {
margin-bottom: 20px;
}
.content__empty .content {
margin: 0 auto;
width: 50%;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
content: " ";
display: table;
}
.mini-cart .mini-cart-body:after {
clear: both;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
content: " ";
display: table;
}
.mini-cart .mini-cart-body:after {
clear: both;
}
.mini-cart .mini-cart-body .legend {
margin-bottom: 10px;
}
.mini-cart .mini-cart-body .legend a {
float: right;
}
.mini-cart .mini-cart-body .mini-cart-list {
padding-left: 0;
list-style: none;
}
.mini-cart .mini-cart-body .mini-cart-list li+li {
margin-top: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
float: left;
margin-right: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb img {
max-width: 65px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
margin-left: 75px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details .name {
font-weight: bold;
color: inherit;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price {
text-align: right;
font-weight: bold;
}
.mini-cart .mini-cart-body .mini-cart-totals {
border: 1px solid #e5e5e5;
border-width: 1px 0;
margin: 10px 0 30px;
padding: 10px;
}
.mini-cart .mini-cart-body .mini-cart-totals .key {
float: left;
}
.mini-cart .mini-cart-body .mini-cart-totals .value {
text-align: right;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button {
margin: 10px 0;
}
.mini-cart .mini-cart-body img {
width: 100%;
}
#quoteForm .form__actions {
margin-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
#quoteForm .form__actions {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
#quoteForm .form__actions--cancel,
#quoteForm .form__actions--done {
margin-bottom: 15px;
}
}
.cart__quote__edit .quote__head {
color: #ffffff;
background-color: #142939;
padding: 20px 0;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.cart__quote__edit .quote__head {
padding-left: 20px;
padding-right: 20px;
}
}
.cart__quote__edit .quote__head .quote__head--label {
color: #7f919e;
font-size: 15px;
margin-bottom: 0;
}
.cart__quote__edit .quote__head .label__value {
display: inline-block;
}
.cart__quote__edit .quote__head .glyphicon {
font-size: 30px;
position: absolute;
height: 30px;
line-height: 20px;
}
.cart__quote__edit .quote__head .quote__head--title {
font-size: 15px;
text-transform: uppercase;
margin-left: 33px;
display: inline-block;
}
@media (max-width: 639px) {
.cart__quote__edit .quote__head .quote__head--title {
margin-bottom: 10px;
}
}
#quoteFormDiv {
background: #f4f4f4;
padding-top: 25px;
}
#quoteFormDiv label {
color: #3c3c3c;
font-size: 14px;
font-weight: bold;
}
.quote__comments--wrapper {
padding-top: 20px;
padding-bottom: 50px;
}
.quote__form--section {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.quote__form--section {
padding-left: 20px;
padding-right: 20px;
}
}
.quote__estimate .quote__estimate--amount {
display: block;
}
textarea.quote__comments--textarea {
min-height: 100px;
max-width: 100%;
width: 100%;
}
.quote__comments--toggle,
.quote__form--toggle {
background: none;
border: none;
}
.quote__comments--toggle.collapsed:after,
.quote__form--toggle.collapsed:after {
font-family: 'Glyphicons Halflings', sans-serif;
content: "\e114";
}
.quote__comments--toggle:after,
.quote__form--toggle:after {
font-family: 'Glyphicons Halflings', sans-serif;
content: "\e113";
position: relative;
top: 2px;
}
.quote__comments--toggle:focus,
.quote__form--toggle:focus {
border: none;
outline: #142939;
}
.quote__form--toggle {
color: #ffffff;
}
.quote__comments__header {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 20px 0;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
padding-left: 30px;
padding-right: 30px;
margin-top: 30px;
}
@media (max-width: 1024px) {
.quote__comments__header {
padding-left: 20px;
padding-right: 20px;
}
}
.quote__comments {
padding-left: 30px;
padding-right: 30px;
margin-top: 0;
}
@media (max-width: 1024px) {
.quote__comments {
padding-left: 20px;
padding-right: 20px;
}
}
.quote__comments .quote__comments--header {
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 20px;
}
#quoteFormDiv .quote__comments {
margin-top: 0;
}
.quote__comments .quote__comments--time {
font-weight: bold;
}
@media (max-width: 640px) {
.quote__comments .quote__comments--time {
margin-bottom: 5px;
}
}
.quote__comments .quote__comments--role {
font-weight: bold;
}
.quote__comments .quote__comments--comment {
word-break: break-all;
}
@media (min-width: 1024px) {
.form-element-icon.datepicker.quote__expiration .glyphicon {
top: 10px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.form-element-icon.datepicker.quote__expiration .glyphicon {
top: 28px;
}
}
@media (min-width: 1024px) {
.quote__expiration .form-group {
display: table;
width: 100%;
margin-bottom: 0;
margin-top: 10px;
}
}
@media (min-width: 1024px) {
.quote__expiration--label {
display: table-cell;
text-align: right;
padding-right: 10px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.quote__expiration--label {
margin-bottom: 0px;
}
}
@media (min-width: 1024px) {
.quote__expiration--input {
display: table-cell;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.quote__expiration--input {
padding: 5px 10px;
height: 28px;
}
}
@media (min-width: 1024px) {
#colorbox #cboxTitle .headline-text {
display: block !important;
}
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
content: " ";
display: table;
}
.pickup-component .find-store-display:after {
clear: both;
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
content: " ";
display: table;
}
.pickup-component .find-store-display:after {
clear: both;
}
.pickup-component .find-store-display .store-navigation {
float: left;
width: 50%;
border-right: 1px solid #0068b3;
}
.pickup-component .find-store-display .store-navigation .pickup-product {
display: none;
height: 56px;
display: table;
width: 100%;
font-size: 13px;
font-weight: bold;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
height: 56px;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
width: 56px;
padding: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
height: 100%;
width: 100%;
}
.pickup-component .find-store-display .store-navigation .pickup-product .price {
padding: 0 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product {
height: 56px;
display: table;
border-bottom: 1px solid #ddd;
width: 100%;
font-size: 13px;
overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
height: 56px;
display: table-cell;
padding-right: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group {
border: 1px solid #cccccc;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group-btn {
vertical-align: top;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .form-control {
border: 0 none;
height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
box-shadow: none !important;
height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .glyphicon {
top: 0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
height: 56px;
display: table-cell;
padding: 0 10px;
vertical-align: middle;
display: none;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
margin-right: 10px;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager {
height: 42px;
line-height: 42px;
padding: 0 10px;
background: #fff;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
content: " ";
display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
content: " ";
display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
float: left;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
float: right;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
text-align: center;
margin: 0 80px;
}
.pickup-component .find-store-display .display-details {
float: left;
width: 50%;
position: relative;
background: #fff;
overflow: hidden;
}
.pickup-component .find-store-display .display-details .store-image {
float: right;
width: 150px;
}
.pickup-component .find-store-display .display-details .store-image img {
width: 100%;
height: auto;
}
.pickup-component .find-store-display .display-details .distance {
text-align: right;
margin-top: 10px;
}
.pickup-component .find-store-display .display-details .store-info .name {
font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-info .address {
color: #777777;
}
.pickup-component .find-store-display .display-details .store-links {
margin: 10px 0;
}
.pickup-component .find-store-display .display-details .store-links a {
display: block;
}
.pickup-component .find-store-display .display-details .store-openings .title {
font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-openings dl dt {
width: 60px;
text-align: left;
float: left;
}
.pickup-component .find-store-display .display-details .store-openings dl dd {
margin-left: 80px;
}
.pickup-component .find-store-display .display-details .pickup-product {
height: 125px;
width: 100%;
font-weight: bold;
border-top: 1px solid #ddd;
}
.pickup-component .find-store-display .display-details .pickup-product .variants {
height: 30px;
margin-top: -30px;
padding: 5px 10px;
font-weight: normal;
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
content: ", ";
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
content: "";
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
float: left;
width: 112px;
height: 112px;
padding: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .thumb img {
height: 100%;
width: auto;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
display: table;
height: 56px;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
height: 100%;
display: table-cell;
vertical-align: middle;
overflow: hidden;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
font-weight: normal;
width: 100%;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
padding: 0 10px;
text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
white-space: nowrap;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
height: 70px;
padding: 10px;
text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
width: 142px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
padding-left: 0;
padding-right: 0;
text-align: center;
height: 48px;
}
.pickup-component .pickup-store-list {
padding-left: 0;
list-style: none;
height: 280px;
overflow: hidden;
margin: 0;
position: relative;
}
.pickup-component .pickup-store-list li.loading {
height: 56px;
background: #f2f4f7;
border-bottom: 1px solid #ddd;
border-right: 1px solid #0068b3;
text-align: center;
line-height: 56px;
}
.pickup-component .pickup-store-list li.loading .glyphicon {
color: #0068b3;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.pickup-component .pickup-store-list .pickup-store-list-entry {
height: 56px;
}
.pickup-component .pickup-store-list .pickup-store-list-entry input {
display: none;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label {
margin: 0;
height: 100%;
font-size: 13px;
padding: 0 0 0 10px;
display: table;
width: 100%;
cursor: pointer;
position: relative;
background: #f2f4f7;
border-bottom: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
background: #f2f2f2;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
display: block;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
display: block;
font-weight: normal;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
display: table;
height: 100%;
width: 80px;
border-left: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 5px;
text-align: center;
white-space: nowrap;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
font-size: 10px;
}
.inline-layer {
height: 0;
overflow: hidden;
-webkit-transition: 0.9s ease-out;
-o-transition: 0.9s ease-out;
transition: 0.9s ease-out;
}
.inline-layer.open {
height: auto !important;
}
@media (min-width: 1024px) {
.pickup-component .find-store-display .pickup-store-list {
margin: 0 -1px 0 0;
}
.pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
padding-right: 14px;
}
.pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
content: "";
display: block;
width: 1px;
height: auto;
position: absolute;
top: -1px;
right: 0;
bottom: -1px;
background: #0068b3;
}
.pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked+label {
background: #0068b3;
}
.pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked+label .pickup-store-info {
color: #fff;
}
.pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked+label .store-availability {
color: #fff;
}
.pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked+label:after {
display: block;
content: "";
width: 28px;
height: 28px;
position: absolute;
top: 50%;
right: -1px;
background: transparent;
border: 14px solid transparent;
border-right-color: #fff;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media (max-width: 1023px) {
.pickup-component {
overflow: hidden;
}
.pickup-component .find-store-display {
width: 200%;
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.pickup-component .find-store-display .store-navigation {
width: 50%;
border: 0;
}
.pickup-component.show-store .find-store-display {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.pickup-component .qty-selector input {
text-align: center;
padding-left: 0;
padding-right: 0;
width: 60px;
}
.pickup-component .action {
padding-top: 0 !important;
}
}
@media (max-width: 639px) {
.pickup-component .find-store-display .display-details .store-image {
float: none;
width: auto;
margin-bottom: 10px;
}
.pickup-component .find-store-display .display-details .store-image:before,
.pickup-component .find-store-display .display-details .store-image:after {
content: " ";
display: table;
}
.pickup-component .find-store-display .display-details .store-image:after {
clear: both;
}
.pickup-component .find-store-display .display-details .store-image:before,
.pickup-component .find-store-display .display-details .store-image:after {
content: " ";
display: table;
}
.pickup-component .find-store-display .display-details .store-image:after {
clear: both;
}
.pickup-component .find-store-display .display-details .store-image img {
width: 50%;
height: auto;
float: left;
max-width: 150px;
}
.pickup-component .find-store-display .display-details .store-image .distance {
width: 50%;
text-align: left;
float: left;
margin: 0;
padding: 0 0 0 10px;
}
.pickup-component .find-store-display .display-details .store-image .distance strong {
display: block;
}
.pickup-component .find-store-display .display-details .pickup-product {
position: relative;
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
width: 56px;
height: 56px;
padding: 5px;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
position: absolute;
bottom: 0;
width: 100%;
background: #fff;
white-space: nowrap;
padding-top: 0;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
margin-right: 5px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
min-width: 120px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
text-align: center;
padding-left: 0;
padding-right: 0;
width: 60px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
padding-left: 10px;
padding-right: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .btn {
padding-left: 6px;
padding-right: 6px;
}
}
.pickup-component .display-details .store-tabs {
position: relative;
padding: 0 0 10px 10px;
height: 252px;
}
.pickup-component .display-details .store-tabs .tabs-list {
padding-left: 0;
list-style: none;
background-image: linear-gradient(to right, #f6f6f6 0%, #ffffff 8px);
position: absolute;
right: 0;
top: 10px;
padding: 10px 0;
}
.pickup-component .display-details .store-tabs .tabs-list .current-info {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.pickup-component .display-details .store-tabs .tabs-list:before,
.pickup-component .display-details .store-tabs .tabs-list:after {
content: "";
position: absolute;
background-color: transparent;
height: 10px;
left: 0;
width: 100%;
}
.pickup-component .display-details .store-tabs .tabs-list:before {
top: 0;
background-image: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.pickup-component .display-details .store-tabs .tabs-list:after {
bottom: 0;
background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.pickup-component .display-details .store-tabs .tabs-list li {
margin: 5px 0;
border: 1px solid transparent;
border-left: 0;
color: #999;
position: relative;
}
.pickup-component .display-details .store-tabs .tabs-list li a {
color: inherit;
font-size: 18px;
padding: 5px 10px;
display: block;
border-left: 2px solid transparent;
-webkit-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.pickup-component .display-details .store-tabs .tabs-list li.active {
border: 1px solid #eee;
border-left: 0;
background: #fff;
color: #000;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
border-right: 2px solid #0068b3;
}
.pickup-component .display-details .store-tabs .tabs-list li.active a {
border-left: 2px solid transparent !important;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
color: #000;
border-left: 2px solid #0068b3;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
display: block;
content: attr(aria-label);
width: auto;
height: 20px;
line-height: 20px;
background: #0068b3;
position: absolute;
top: 0;
left: -10px;
margin: 6px 0;
-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
-o-transform: translate(-100%, 0);
transform: translate(-100%, 0);
font-size: 12px;
padding: 0 5px;
color: #fff;
white-space: nowrap;
z-index: 100;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
display: block;
content: "";
width: 10px;
height: 10px;
border: 5px solid transparent;
border-left: 5px solid #0068b3;
background: transparent;
position: absolute;
top: 0;
left: 0;
margin: 6px 0;
-webkit-transform: translate(-100%, 5px);
-ms-transform: translate(-100%, 5px);
-o-transform: translate(-100%, 5px);
transform: translate(-100%, 5px);
}
.pickup-component .display-details .store-tabs .content {
margin-right: 52px;
overflow: auto;
height: 100%;
}
.pickup-component .display-details .store-tabs .tabhead {
display: none;
}
.pickup-component .display-details .store-tabs .pickup-map {
height: 232px;
}
.addressbook-component {
border: 1px solid #eee;
padding: 0;
margin: 140px 0;
}
.addressbook-component .addressbook-header {
background: #eee;
position: relative;
border-bottom: 1px solid #0068b3;
padding: 10px;
height: 56px;
display: table;
width: 100%;
}
.addressbook-component .addressbook-header .headline {
line-height: 16px;
font-weight: bold;
font-size: 13px;
display: table-cell;
width: 100%;
vertical-align: middle;
}
.addressbook-component .addressbook-header .headline .back-to-storelist {
display: none;
}
.addressbook-component .addressbook-header .close-addressbook {
display: table-cell;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
content: " ";
display: table;
}
.addressbook-component .find-address-display:after {
clear: both;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
content: " ";
display: table;
}
.addressbook-component .find-address-display:after {
clear: both;
}
.addressbook-component .find-address-display .address-navigation {
float: left;
width: 50%;
border-right: 1px solid #0068b3;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager {
height: 28px;
line-height: 28px;
padding: 0 10px;
border-top: 1px solid #DDDDDD;
margin-top: -1px;
background: #fff;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
content: " ";
display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
content: " ";
display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .prev {
float: left;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .next {
float: right;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .position {
text-align: center;
margin: 0 80px;
}
.addressbook-component .find-address-display .display-details {
float: left;
width: 50%;
}
.addressbook-component .find-address-display .display-details .address-details {
padding: 10px;
height: 252px;
overflow: hidden;
}
.addressbook-component .find-address-display .display-details .address-actions {
height: 56px;
width: 100%;
font-weight: bold;
border-top: 1px solid #ddd;
padding: 10px 10px;
position: relative;
}
.addressbook-component .find-address-display .display-details .address-actions .set-default {
position: absolute;
top: -50px;
right: 10px;
}
.addressbook-component .address-list {
padding-left: 0;
list-style: none;
height: 280px;
overflow: hidden;
margin: 0;
position: relative;
}
.addressbook-component .address-list .address-list-entry {
height: 56px;
overflow: hidden;
}
.addressbook-component .address-list .address-list-entry input {
display: none;
}
.addressbook-component .address-list .address-list-entry label {
margin: 0;
height: 100%;
font-size: 13px;
padding: 0 0 0 10px;
display: table;
width: 100%;
cursor: pointer;
position: relative;
background: #eee;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.addressbook-component .address-list .address-list-entry label:hover {
background: #f2f2f2;
}
.addressbook-component .address-list .address-list-entry .address-info {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.addressbook-component .address-list .address-list-entry .address-info .inner {
max-height: 56px;
overflow: hidden;
display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-name {
display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-city {
display: block;
font-weight: normal;
}
.addressbook-component .address-list .address-list-entry .address-actions {
display: table;
height: 100%;
width: auto;
}
.addressbook-component .address-list .address-list-entry .address-actions span {
display: table-cell;
vertical-align: middle;
padding: 0 5px;
text-align: center;
}
.inline-layer {
height: 0;
overflow: hidden;
-webkit-transition: 0.9s ease-out;
-o-transition: 0.9s ease-out;
transition: 0.9s ease-out;
}
.inline-layer.open {
height: auto !important;
}
@media (min-width: 1024px) {
.addressbook-component .find-address-display .address-list {
margin: 0 -1px 0 0;
}
.addressbook-component .find-address-display .address-list .address-list-entry label {
padding-right: 14px;
}
.addressbook-component .find-address-display .address-list .address-list-entry label:after {
content: "";
display: block;
width: 1px;
height: auto;
position: absolute;
top: -1px;
right: 0;
bottom: -1px;
background: #0068b3;
}
.addressbook-component .find-address-display .address-list .address-list-entry input:checked+label {
background: #0068b3;
}
.addressbook-component .find-address-display .address-list .address-list-entry input:checked+label .address-info {
color: #fff;
}
.addressbook-component .find-address-display .address-list .address-list-entry input:checked+label .address-actions {
color: #fff;
}
.addressbook-component .find-address-display .address-list .address-list-entry input:checked+label:after {
display: block;
content: "";
width: 28px;
height: 28px;
position: absolute;
top: 50%;
right: -1px;
background: transparent;
border: 14px solid transparent;
border-right-color: #fff;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
@media (max-width: 1023px) {
.addressbook-component {
overflow: hidden;
}
.addressbook-component .find-address-display {
width: 200%;
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.addressbook-component .find-address-display .address-navigation {
width: 50%;
border: 0;
}
.addressbook-component .find-address-display .address-list .address-list-entry input:checked+label {
background: #0068b3;
}
.addressbook-component .find-address-display .address-list .address-list-entry input:checked+label .address-info {
color: #fff;
}
.addressbook-component .find-address-display .address-list .address-list-entry input:checked+label .address-actions {
color: #fff;
}
}
.login-page__headline,
.user-register__headline {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
}
.login-page__headline.border,
.user-register__headline.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.login-left-content-slot {
margin-right: 10px;
margin-left: 30px;
}
@media (max-width: 1023px) {
.login-left-content-slot {
margin-left: 20px;
margin-right: 20px;
}
}
.login-right-content-slot {
margin-right: 30px;
margin-left: 10px;
}
@media (max-width: 1023px) {
.login-right-content-slot {
margin-left: 20px;
margin-right: 20px;
}
}
form .forgotten-password {
margin-bottom: 25px;
}
.forgotten-password.alert {
padding-left: 0;
padding-right: 0;
}
.forgotten-password .description {
margin-bottom: 10px;
}
#colorbox .forgotten-password .btn-primary {
margin-top: 35px;
}
.register-form-action,
.login-form-action {
margin-top: 35px;
}
.forgotten-password+.login-form-action {
margin-top: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
right: 0;
}
.register__container {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.register__container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
.login-form-action .btn-default {
margin-top: 30px;
}
}
@media (max-width: 639px) {
.login-section .forgotten-password,
.register-section .forgotten-password {
margin-bottom: 45px;
}
}
.checkout-login {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.checkout-login {
padding-left: 20px;
padding-right: 20px;
}
}
.checkout-login .headline {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
}
.checkout-login .headline.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
.checkout-login .btn.btn-block+.btn.btn-block {
margin-top: 10px;
}
.checkout__new-account {
text-align: center;
background-color: #f4f4f4;
border-top: 1px solid #e5e5e5;
padding: 20px 0 55px;
}
.checkout__new-account .accountActions-bottom {
margin-top: 35px;
}
.checkout__new-account__headling {
font-size: 24px;
font-weight: bold;
}
.checkout__new-account__form {
text-align: left;
margin-top: 25px;
}
@media (max-width: 639px) {
.checkout__new-account {
margin-left: -10px;
margin-right: -10px;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
.checkout__new-account .addtocart-component .qty-selector .input-group-btn .form-control {
font-size: 16px;
}
.checkout__new-account.substitutionlist>div {
padding: 15px;
}
.checkout__new-account.substitutionlist .item-image {
width: 25%;
}
}
.checkout-headline {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
padding-left: 30px;
}
.checkout-headline.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.checkout-headline {
padding-left: 20px;
}
}
@media (max-width: 640px) {
.checkout-headline {
padding-left: 20px;
padding-right: 20px;
}
}
.checkout-headline span {
color: #cccccc;
margin-right: 5px;
top: 2px;
}
.checkout-summary-headline {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
padding-right: 30px;
}
.checkout-summary-headline.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.checkout-summary-headline {
padding-right: 20px;
}
}
@media (max-width: 640px) {
.checkout-summary-headline {
padding-left: 20px;
padding-right: 20px;
}
}
.checkout-summary-headline span {
color: #cccccc;
margin-right: 5px;
top: 2px;
}
@media (max-width: 639px) {
.checkout-summary-headline {
padding-left: 10px;
padding-right: 10px;
}
}
.checkout-body-styling {
padding: 30px 20px 15px;
border: 1px solid #cccccc;
border-top: 0;
}
.checkout-steps {
padding-left: 30px;
}
.checkout-steps .step-head {
background: #f4f4f4;
color: #3c3c3c;
border: 1px solid #cccccc;
font-size: 18px;
font-weight: 600;
position: relative;
display: table;
width: 100%;
padding: 10px 20px 10px 40px;
height: 49px;
counter-increment: checkout;
}
.checkout-steps .step-head:before {
content: counter(checkout) '.';
position: absolute;
left: 3px;
top: 0;
width: 50px;
text-align: center;
line-height: 49px;
}
.checkout-steps .step-head+.step-head {
margin-top: 10px;
}
.checkout-steps .step-head.active {
background: #e4e4e4;
color: #3c3c3c;
border-color: #cccccc;
}
.checkout-steps .step-head .title {
vertical-align: middle;
display: table-cell;
width: 100%;
}
.checkout-steps .step-head .edit {
color: #0068b3;
font-size: 20px;
display: table-cell;
vertical-align: top;
}
.checkout-steps .step-body .step-body-form {
padding: 30px 20px 15px;
border: 1px solid #cccccc;
border-top: 0;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
margin-bottom: 5px;
}
.checkout-steps .step-body .checkout-next {
margin: 30px 0;
}
.checkout-steps .step-body hr {
margin: 0 -20px;
border-color: #cccccc;
}
.checkout-steps .step-body .checkout-indent .headline {
font-size: 20px;
padding-bottom: 15px;
padding-top: 30px;
}
@media (max-width: 1024px) {
.checkout-steps {
padding-left: 20px;
}
}
@media (max-width: 639px) {
.checkout-steps {
padding-left: 20px;
padding-right: 20px;
}
.checkout-steps .step-head {
padding-top: 20px;
padding-bottom: 20px;
}
.checkout-steps .step-head:before {
line-height: 68px;
}
}
.checkout-shipping {
padding: 30px 20px 15px;
border: 1px solid #cccccc;
border-top: 0;
padding-top: 0;
padding-bottom: 10px;
}
.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
text-transform: uppercase;
padding: 25px 0 10px 0;
font-size: 16px;
font-weight: 700;
}
.checkout-shipping .checkout-shipping-items>div {
padding-bottom: 25px;
overflow: hidden;
text-overflow: ellipsis;
}
.checkout-shipping .checkout-shipping-items ul {
padding-left: 0;
list-style: none;
margin: 0;
}
.checkout-shipping .checkout-shipping-items ul li {
padding-top: 6px;
line-height: 18px;
}
.checkout-shipping .checkout-shipping-items ul li:first-child {
padding-top: 1px;
}
.checkout-shipping .checkout-shipping-items ul li .name {
font-weight: 700;
}
.checkout-shipping .simplify-pickup-locations {
background: #f2f4f7;
padding: 10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
background: #b3bfd0;
padding: 10px;
line-height: 35px;
margin: -10px -10px 10px -10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
content: " ";
display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
clear: both;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
content: " ";
display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
clear: both;
}
.checkout-shipping .simplify-pickup-locations ul {
padding-left: 0;
list-style: none;
margin: 0;
}
.checkout-shipping .simplify-pickup-locations ul li+li {
border-top: 1px solid #b3bfd0;
}
.checkout-shipping .simplify-pickup-locations ul a {
color: #3c3c3c;
background: #fff;
display: block;
padding: 10px;
text-decoration: none;
}
@media (max-width: 1399px) {
.checkout-shipping .checkout-shipping-items .qty {
text-align: right;
}
.checkout-shipping .checkout-shipping-items .checkout-pickup-items {
padding-bottom: 0;
}
}
.checkout-paymentmethod {
padding: 30px 20px 15px;
border: 1px solid #cccccc;
border-top: 0;
padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
margin-top: 25px;
}
#addressbook,
#savedpayments,
#savedpaymentsbody {
display: none;
padding-bottom: 20px;
}
#colorbox #addressbook,
#colorbox #savedpayments,
#colorbox #savedpaymentsbody {
display: block;
}
#addressbook ul,
#savedpayments ul,
#savedpaymentsbody ul {
padding-left: 0;
list-style: none;
margin: 0;
}
#addressbook ul li,
#savedpayments ul li,
#savedpaymentsbody ul li {
padding: 10px 0;
}
.checkout-order-summary {
padding-right: 30px;
}
@media (max-width: 1024px) {
.checkout-order-summary {
padding-right: 20px;
}
}
@media (max-width: 640px) {
.checkout-order-summary {
padding-right: 20px;
padding-left: 20px;
}
}
.checkout-order-summary .checkout-order-summary-list {
padding-left: 0;
list-style: none;
border-bottom: 1px solid #cccccc;
margin: 0;
}
@media (min-width: 640px) {
.checkout-order-summary .checkout-order-summary-list:first-of-type .checkout-order-summary-list-heading {
padding-top: 15px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading:only-child {
border-bottom: 0;
}
}
.checkout-order-summary .checkout-order-summary-list li {
padding: 20px;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
content: " ";
display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
content: " ";
display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:nth-child(2n + 3) {
background-color: #f4f4f4;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
background-color: #142939 !important;
color: #ffffff;
padding: 15px 20px;
border-bottom: 1px solid #142939;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading>div {
float: left;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
font-weight: 700;
padding-right: 5px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
text-overflow: ellipsis;
overflow: hidden;
width: 85%;
}
.checkout-order-summary .checkout-order-summary-list .thumb {
float: left;
margin-right: 20px;
width: 65px;
}
.checkout-order-summary .checkout-order-summary-list .thumb img {
width: 100%;
height: auto;
}
.checkout-order-summary .checkout-order-summary-list .price {
float: right;
margin-left: 10px;
margin-bottom: 20px;
font-size: 14px;
font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details {
font-size: 14px;
margin-left: 85px;
}
.checkout-order-summary .checkout-order-summary-list .details .name {
font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details .qty span {
font-size: 13px;
color: #929292;
font-weight: 600;
text-transform: uppercase;
padding-right: 10px;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
clear: both;
padding: 10px 0;
font-size: 13px;
}
@media (max-width: 1023px) {
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
width: 100%;
}
}
.checkout-order-summary .subtotals {
font-size: 18px;
margin-top: 30px;
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .subtotals__item--state-discount,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .subtotals__item--state-discount span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
float: right;
font-weight: 600;
}
.checkout-order-summary .subtotals .totals {
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
margin-top: 15px;
padding: 10px 0;
border-top: 1px solid #cccccc;
}
.checkout-order-summary .subtotals .realTotals {
font-size: 14px;
}
.subtotals__item--state-discount {
color: #00a651;
}
.label-spacing {
padding-right: 5px;
}
@media (max-width: 639px) {
.place-order-form {
padding: 0 20px;
}
.checkout-order-summary {
padding: 30px 20px 15px;
border: 1px solid #cccccc;
border-top: 0;
margin-left: 20px;
margin-right: 20px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.checkout-order-summary .checkout-order-summary-list {
padding-left: 0;
list-style: none;
border: none;
padding: 0;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
background-color: transparent !important;
color: #3c3c3c;
padding: 25px 20px;
border-color: #cccccc;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
text-transform: uppercase;
font-size: 16px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
border-bottom: 1px solid #cccccc;
}
.checkout-order-summary .subtotals {
padding: 0 20px;
}
}
.checkout-review {
padding: 30px 20px 15px;
border: 1px solid #cccccc;
border-top: 0;
}
.checkout-review .checkout-order-summary .subtotals {
margin-top: 0;
}
.place-order-form .checkbox {
margin: 25px 0 40px;
}
.place-order-form .checkbox label {
font-size: 14px;
color: #3c3c3c;
text-transform: none;
}
.btn-close-terms-and-conditions {
margin: 30px 0;
}
@media (min-width: 640px) {
.place-order-form .checkbox {
margin-left: 20px;
margin-right: 20px;
}
}
.checkout-help {
text-align: center;
border: 1px solid #cccccc;
font-size: 15px;
padding: 10px;
margin-top: 60px;
}
@media (max-width: 639px) {
.checkout-help {
margin-top: 30px;
margin-left: 20px;
margin-right: 20px;
}
}
.checkout-success {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.checkout-success {
padding-left: 20px;
padding-right: 20px;
}
}
.checkout-success__body {
margin: 30px 0 55px;
text-align: center;
}
.checkout-success__body__headline {
font-size: 28px;
font-weight: bold;
margin-bottom: 15px;
text-transform: uppercase;
}
.termsAndConditions-section {
padding-bottom: 20px;
}
label.terms {
margin: 15px 0;
}
fieldset#cardDate>.control-label,
fieldset#startDate>.control-label {
font-weight: bold;
margin-bottom: 5px;
}
fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
margin-top: 100px;
padding: 0;
}
@media (max-width: 1023px) {
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
margin-top: 130px;
}
}
@media (max-width: 639px) {
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
margin-top: 170px;
}
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
border-top: 1px solid #e5e5e5;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n+2) {
background: #f4f4f4;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
padding: 10px 10px 15px;
vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td>span {
display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
font-weight: bold;
min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
display: block;
font-size: 16px;
}
@media (max-width: 639px) {
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
padding: 10px 15px 15px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n+2) {
background-color: transparent;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
display: block;
text-align: left;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
float: right;
}
}
@media (max-width: 639px) {
.checkout-coupon-list {
padding-left: 10px;
padding-right: 10px;
}
}
.checkout-order-summary .checkout-coupon-list {
padding: 30px 0;
border-bottom: 1px solid #cccccc;
}
@media (max-width: 639px) {
.checkout-order-summary .checkout-coupon-list {
padding-left: 20px;
padding-right: 20px;
}
}
.coupon-list__headline {
font-size: 18px;
line-height: 38px;
font-weight: bold;
}
.coupon-list {
padding-left: 0;
list-style: none;
margin-top: 5px;
margin-bottom: 0;
}
.coupon-code {
text-transform: uppercase;
}
.cart-voucher {
margin-top: 27px;
padding-left: 30px;
}
.cart-voucher__label {
display: block;
width: 100%;
}
.cart-voucher__input {
width: 50%;
float: left;
margin-right: 10px;
}
.cart-voucher__input::-moz-placeholder {
font-size: 13px;
font-weight: 600;
color: #3c3c3c;
text-transform: uppercase;
}
.cart-voucher__input:-ms-input-placeholder,
.cart-voucher__input::-webkit-input-placeholder {
font-size: 13px;
font-weight: 600;
color: #3c3c3c;
text-transform: uppercase;
}
.cart-voucher__help-block {
display: none;
}
.has-error .cart-voucher__help-block,
.has-success .cart-voucher__help-block {
display: block;
}
@media (max-width: 1399px) and (min-width: 1024px) {
.cart-voucher__input {
width: 70%;
}
}
@media (max-width: 1023px) and (min-width: 640px) {
.cart-voucher {
padding-left: 30px;
}
}
@media (max-width: 639px) {
.cart-voucher {
padding-left: 20px;
padding-right: 20px;
}
}
.voucher-list {
padding-left: 0;
list-style: none;
margin-top: -5px;
}
.voucher-list__item-box {
display: inline-block;
border: 1px solid #cccccc;
background-color: #f4f4f4;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 15px;
margin-top: 10px;
}
.voucher-list__item-remove {
color: #cdcdcd;
padding: 10px;
cursor: pointer;
margin: -10px -10px -10px 0;
position: relative;
top: 2px;
}
@media (max-width: 1023px) {
.voucher-list__item {
display: inline-block;
padding-right: 5px;
}
}
.gift__coupons {
text-align: center;
border-top: 1px solid #cccccc;
margin: 0 auto 55px;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
width: 80%;
}
@media (max-width: 1024px) {
.gift__coupons {
padding-left: 20px;
padding-right: 20px;
}
}
.gift__coupons span {
display: block;
}
@media (max-width: 480px) {
.gift__coupons {
width: 90%;
}
}
@media (min-width: 1024px) {
.gift__coupons {
width: 40%;
}
}
.gift__coupons .gift__coupon--title {
margin-bottom: 5px;
}
.gift__coupon .gift__coupon--name {
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
#storeFinder {
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
#storeFinder {
padding-left: 20px;
padding-right: 20px;
}
}
#storeFinder #storelocator-query {
height: 48px;
}
.headline {
font-size: 18px;
margin-bottom: 10px;
}
.store__finder--search #storeFinderForm {
margin-bottom: 10px;
}
.store__finder {
display: none;
padding: 0;
}
.store__finder .store__finder--pagination {
line-height: 48px;
padding-top: 20px;
padding-bottom: 20px;
display: inline-block;
width: 100%;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
content: " ";
display: table;
}
.store__finder .store__finder--pagination:after {
clear: both;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
content: " ";
display: table;
}
.store__finder .store__finder--pagination:after {
clear: both;
}
.store__finder .store__finder--navigation,
.store__finder .store__finder--details {
position: relative;
float: left;
width: 50%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
padding: 0;
}
.store__finder .store__finder--navigation {
overflow: hidden;
height: 561px;
}
@media (min-width: 640px) {
.store__finder .store__finder--navigation {
padding-right: 10px;
}
}
.store__finder .store__finder--map {
width: 100%;
height: 200px;
}
.store__finder .stores-nearby {
margin-bottom: 10px;
}
.store__finder .store__finder--navigation-list {
padding-left: 0;
list-style: none;
margin: 0;
border: 1px solid #ddd;
position: relative;
}
.store__finder .store__finder--navigation-list li.loading {
height: 56px;
background: #f2f4f7;
border-bottom: 1px solid #ddd;
text-align: center;
line-height: 56px;
}
.store__finder .store__finder--navigation-list li.loading .glyphicon {
color: #ff4444;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.store__finder .store__finder--navigation-list .list__entry {
height: 56px;
}
.store__finder .store__finder--navigation-list .list__entry:last-child label {
border: 0;
}
.store__finder .store__finder--navigation-list .list__entry input {
display: none;
}
.store__finder .store__finder--navigation-list .list__entry label {
margin: 0;
height: 100%;
font-size: 13px;
padding: 0 14px 0 10px;
display: table;
width: 100%;
cursor: pointer;
position: relative;
background: #f2f4f7;
border-bottom: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry label:hover {
background: #f2f2f2;
}
.store__finder .store__finder--navigation-list .list__entry input:checked+label {
background: #0068b3;
color: #fff !important;
}
.store__finder .store__finder--navigation-list .list__entry input:checked+label:after {
display: block;
content: "";
width: 28px;
height: 28px;
position: absolute;
top: 50%;
right: -1px;
background: transparent;
border: 14px solid transparent;
border-right-color: #fff;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.store__finder .store__finder--navigation-list .list__entry .entry__info {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.store__finder .store__finder--navigation-list .list__entry .entry__name {
display: block;
}
.store__finder .store__finder--navigation-list .list__entry .entry__city {
display: block;
font-weight: normal;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance {
display: table;
height: 100%;
width: 80px;
border-left: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance span {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 5px;
text-align: center;
white-space: nowrap;
}
.store__finder .store__finder--details .store__finder--details-back {
margin-bottom: 20px;
display: none !important;
}
@media (max-width: 639px) {
.store__finder .store__finder--details .store__finder--details-back {
display: inline-block !important;
}
}
.store__finder .store__finder--details .store__finder--details-image {
width: 112px;
float: left;
margin-right: 10px;
}
.store__finder .store__finder--details .store__finder--details-image img {
width: 100%;
height: auto;
}
.store__finder .store__finder--details .store__finder--details-info {
margin-left: 122px;
}
.store__finder .store__finder--details .info__name {
font-weight: bold;
}
.store__finder .store__finder--details hr {
clear: both;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
height: 1px;
position: relative;
border: 0;
}
.store__finder .store__finder--details hr:after {
content: '';
display: block;
position: absolute;
top: 10px;
height: 1px;
right: 0;
left: 0;
background: #ddd;
}
.store__finder .store__finder--details .store__finder--details-map {
background: #eee;
}
.store__finder .store__finder--details .store__finder--details-openings dl dt {
text-align: left !important;
width: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings dl dd {
margin-left: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings ul {
padding-left: 0;
list-style: none;
}
@media (max-width: 639px) {
.store__finder .back__to__storelist {
margin-bottom: 10px;
}
.store__finder .store__finder--panel {
width: 200%;
margin: 0;
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.store__finder .store__finder--panel>* {
padding: 0;
}
.store__finder .store__finder--panel .store__finder--details {
display: none;
}
.store__finder .store__finder--pagination {
line-height: 20px;
}
.store__finder.show-store .store__finder--pagination {
color: rgba(0, 0, 0, 0);
height: 46px;
}
.store__finder.show-store .store__finder--pagination * {
display: none;
}
.store__finder.show-store .store__finder--panel {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.store__finder.show-store .store__finder--panel .store__finder--navigation {
padding-right: 20px;
}
.store__finder.show-store .store__finder--panel .store__finder--details {
display: block;
}
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
-ms-interpolation-mode: bicubic;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
padding: 0;
margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background: #000;
}
#colorbox {
outline: 0;
}
#cboxTopLeft {
width: 14px;
height: 14px;
}
#cboxTopCenter {
height: 14px;
}
#cboxTopRight {
width: 14px;
height: 14px;
}
#cboxBottomLeft {
width: 14px;
}
#cboxBottomCenter {
height: 43px;
}
#cboxBottomRight {
width: 14px;
}
#cboxMiddleLeft {
width: 14px;
}
#cboxMiddleRight {
width: 14px;
}
#cboxContent {
background: #fff;
overflow: visible;
}
.cboxIframe {
background: #fff;
}
#cboxError {
padding: 50px;
border: 1px solid #ccc;
}
#cboxCurrent {
position: absolute;
bottom: -25px;
left: 58px;
font-weight: bold;
color: #7C7C7C;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
border: 0;
padding: 0;
margin: 0;
overflow: visible;
position: absolute;
bottom: -29px;
width: 23px;
height: 23px;
text-indent: -9999px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0;
}
#cboxPrevious {
left: 0px;
background-position: -51px -25px;
}
#cboxPrevious:hover {
background-position: -51px 0px;
}
#cboxNext {
left: 27px;
background-position: -75px -25px;
}
#cboxNext:hover {
background-position: -75px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
background-position: -125px 0px;
right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
background-position: -150px -25px;
right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
background-position: -125px 0px;
}
#cboxTitle {
background: transparent;
position: absolute;
top: 0;
padding: 43px 40px 15px;
height: 88px;
display: table;
width: 100%;
}
#cboxTitle .headline {
font-size: 24px;
line-height: 24px;
font-weight: bold;
width: 100%;
vertical-align: middle;
}
#cboxClose {
position: absolute;
right: 13px;
top: 10px;
background: transparent;
border: 0 none;
color: #929292;
padding: 5px;
font-size: 25px;
}
#cboxLoadedContent {
margin-top: 88px;
padding: 15px 40px 30px 40px;
}
#cboxLoadedContent .add-to-cart-item {
margin-bottom: 40px;
}
#cboxLoadedContent .addressEntry+.addressEntry,
#cboxLoadedContent .saved-payment-entry+.saved-payment-entry {
margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul,
#cboxLoadedContent .saved-payment-entry ul {
margin-top: -10px;
margin-bottom: 20px;
}
#cboxLoadedContent .modal-details {
line-height: 1.8em;
}
#cboxLoadedContent .modal-actions {
margin-top: 20px;
}
#cboxLoadedContent .modal-actions .btn {
margin-top: 20px;
}
@media (max-width: 639px) {
#cboxTitle {
height: 112px;
padding-left: 20px;
padding-right: 20px;
}
#cboxTitle:before,
#cboxTitle:after {
content: " ";
display: table;
}
#cboxTitle:after {
clear: both;
}
#cboxTitle:before,
#cboxTitle:after {
content: " ";
display: table;
}
#cboxTitle:after {
clear: both;
}
#cboxLoadedContent {
margin-top: 112px;
padding: 15px 20px 30px 20px;
}
#cboxLoadedContent .addressEntry ul {
margin-top: -25px;
}
}
.modal__top {
padding-bottom: 32px;
margin-bottom: 30px;
border-bottom: 1px solid #d9d9d9;
}
.modal__top .modal__top--label {
color: #3c3c3c;
font-weight: bold;
font-style: italic;
}
.modal__top .modal__top--text {
font-style: italic;
}
.modal__text--bold {
font-weight: bold;
}
.modal__bottom {
margin-bottom: 40px;
font-size: 15px;
}
.quote-discount__modal--label {
font-size: 15px;
font-weight: 600;
color: #3c3c3c;
text-transform: capitalize;
vertical-align: middle;
display: table-cell;
height: 40px;
}
.quote-discount__modal--input {
margin-bottom: 17px;
width: 100%;
}
.quote-discount__modal--input input[type=number] {
-moz-appearance: textfield;
}
.quote-discount__modal--input input[type=number]::-webkit-inner-spin-button,
.quote-discount__modal--input input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quote-discount__modal--input__label {
display: table-cell;
vertical-align: middle;
font-size: 18px;
padding-right: 10px;
width: 25px;
text-align: right;
}
.quote-discount__modal--original__total {
font-size: 15px;
font-style: italic;
border-bottom: 1px solid #d9d9d9;
color: #3c3c3c;
padding-bottom: 13px;
margin-bottom: 9px;
margin-top: 10px;
}
.quote-discount__modal--new__total {
color: #3c3c3c;
font-size: 18px;
font-weight: 600;
margin-bottom: 47px;
}
.price del {
color: #000;
font-weight: bold;
}
.price ins {
color: #3c3c3c;
text-decoration: none;
}
a.price ins:hover,
a.price ins:focus {
color: #232323;
}
.price.msrp {
color: #666;
}
.account-navigation {
margin-bottom: 10px;
}
.account-navigation .account-navigation-header {
padding: 10px;
text-transform: uppercase;
}
.account-navigation .account-navigation-header a {
display: block;
}
.account-navigation .account-navigation-list {
margin: 10px;
padding-left: 0;
list-style: none;
}
@media (min-width: 640px) and (max-width: 1023px) {
.account-navigation .account-navigation-list {
display: none !important;
}
}
@media (max-width: 639px) {
.account-navigation .account-navigation-list {
display: none !important;
}
}
.account-navigation .account-navigation-list li.title {
margin-top: 10px;
font-weight: bold;
}
.account-navigation .account-navigation-list li.active {
font-weight: bold;
}
.account-navigation .account-navigation-list li a:hover,
.account-navigation .account-navigation-list li afocus {
color: #0068b3;
}
.account-home .account-home-section {
margin-bottom: 20px;
}
.account-home .account-home-section .account-home-section-header {
background: #f2f4f7;
padding: 10px;
text-transform: uppercase;
}
.account-home .account-home-section .account-home-section-content {
height: 100px;
padding: 10px;
border: 1px solid #f2f4f7;
border-top: 0;
}
.account-home .account-home-section .account-home-section-content ul {
padding-left: 0;
list-style: none;
margin: 0;
}
@media (max-width: 1023px) {
.account-home .account-home-section {
margin-bottom: 10px;
}
.account-home .account-home-section .account-home-section-content {
height: auto;
padding: 0;
}
.account-home .account-home-section .account-home-section-content ul li a {
padding: 10px;
display: block;
}
.account-home .account-home-section .account-home-section-content ul li+li {
border-top: 1px solid #eee;
}
}
@media (min-width: 1400px) {
.account-section {
margin: 0 auto;
width: 1400px;
}
}
.account-section .pagination-bar {
margin: 15px 0 0;
}
.account-section .pagination-bar .pagination-toolbar {
padding-left: 0;
padding-right: 0;
padding-top: 15px;
border-bottom: none;
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar form {
padding: 0;
}
.account-section .pagination-bar .pagination-bar-results {
font-size: 13px;
font-weight: 600;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
border-top: 1px solid #cccccc;
}
@media (max-width: 1024px) {
.account-section .pagination-bar .pagination-bar-results {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
.account-section .pagination-bar .pagination-bar-results {
border-bottom: 1px solid #cccccc;
}
}
.account-section .pagination-bar.bottom .pagination-toolbar {
padding-top: 5px;
border: none;
}
@media (max-width: 639px) {
.account-section .pagination-bar .pagination-toolbar {
margin: 0;
}
.account-section .pagination-bar .pagination-bar-results {
border-bottom: 1px solid #cccccc;
padding-left: 20px;
padding-right: 20px;
}
.account-section .account-overview-table,
.account-section div.responsive-table {
margin-left: -10px;
margin-right: -10px;
margin: 0;
}
.account-section .account-overview-table .addtocart-component .qty-selector .input-group-btn .form-control,
.account-section div.responsive-table .addtocart-component .qty-selector .input-group-btn .form-control {
font-size: 16px;
}
.account-section .account-overview-table.substitutionlist>div,
.account-section div.responsive-table.substitutionlist>div {
padding: 15px;
}
.account-section .account-overview-table.substitutionlist .item-image,
.account-section div.responsive-table.substitutionlist .item-image {
width: 25%;
}
}
.account-section .addressBackBtn,
.account-section .orderTopBackBtn {
background-color: transparent;
border: none;
box-shadow: none;
}
.account-section .account-section-header {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
text-transform: capitalize;
border-bottom: 1px solid #cccccc;
margin: 0;
padding-left: 30px;
padding-right: 30px;
}
.account-section .account-section-header.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.account-section .account-section-header {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .account-section-header.account-section-header-secondary {
color: #3c3c3c;
font-size: 22px;
line-height: 32px;
font-weight: 400;
padding-bottom: 10px;
}
.account-section .account-section-header.no-border {
border-bottom: none;
}
.account-section .account-section-header .account-section-header-add {
font-size: 14px;
font-weight: 700;
margin-top: 4px;
}
.account-section .account-section-header__subheadline {
font-size: 14px;
font-weight: 400;
line-height: 1.571;
text-transform: none;
}
.account-section .account-orderdetail+.account-section-content .pagination-bar {
margin-top: 0;
}
.account-section .container-lg .account-section-content {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .container-lg .account-section-content {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 1400px) {
.account-section .container-lg .account-section-content {
padding: 0;
}
}
@media (min-width: 1400px) {
.account-section .container-lg .account-section-content .account-section-form {
padding: 0 5px;
}
}
.account-section .account-section-content .item__list--item .item__total {
padding-right: 30px;
}
.account-section .account-section-content .account-section-header {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
text-transform: capitalize;
border-bottom: 1px solid #cccccc;
margin: 0;
padding-left: 0;
padding-right: 0;
padding-left: 30px;
padding-right: 30px;
}
.account-section .account-section-content .account-section-header.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.account-section .account-section-content .account-section-header {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .account-section-content .account-section-header.no-border {
border-bottom: none;
}
.account-section .account-section-content .account-section-header .container-lg {
float: none;
padding: 0 10px;
}
@media (min-width: 1400px) {
.account-section .account-section-content .account-section-header .container-lg {
padding: 0;
}
}
@media (min-width: 1400px) {
.account-section .account-section-content .back-link .container-lg {
padding: 0;
}
}
.account-section .account-section-content .account-section-form {
margin: 40px 0;
}
.account-section .account-section-content .account-section-form .accountActions {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 640px) {
.account-section .account-section-content .account-section-form .accountButtons:last-child {
padding-top: 20px;
}
}
.account-section .account-section-content .account-section-form form {
padding: 0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list {
list-style-type: none;
width: 100%;
position: relative;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li {
border-top: 1px solid #cccccc;
width: 100%;
display: inline-flex;
align-items: center;
height: 4em;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li:last-child {
border-bottom: 1px solid #cccccc;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li .toggle-switch {
position: absolute;
right: 0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list label {
margin-bottom: 0;
}
.account-section .account-section-content .consent-management-intro {
padding-bottom: 10px;
}
.account-section .account-section-content .consent-management-list {
max-width: 100%;
line-height: 1.6;
padding: 0;
}
.account-section .account-section-content .consent-management-list__item {
border: 1px solid #cccccc;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
list-style-type: none;
}
@media (max-width: 1023px) {
.account-section .account-section-content .consent-management-list__item {
border-left: 0 none;
border-right: 0 none;
margin-left: -20px;
margin-right: -20px;
}
}
.account-section .account-section-content .consent-management-list__title {
padding: 25px 15px 18px 62px;
display: block;
position: relative;
font-weight: 400;
text-transform: uppercase;
font-weight: bold;
}
.account-section .account-section-content .consent-management-list__title:before {
font-family: 'Glyphicons Halflings', sans-serif;
content: '\e114';
font-size: 16px;
position: absolute;
left: 20px;
top: 23px;
color: #000000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.account-section .account-section-content .consent-management-list__title:hover,
.account-section .account-section-content .consent-management-list__title:focus {
cursor: pointer;
outline: none;
}
.account-section .account-section-content .is-expanded .consent-management-list__title:before {
content: "\e113";
}
.account-section .account-section-content .consent-management-list__label {
width: 85%;
color: #3c3c3c;
font-size: 15px;
}
@media (max-width: 1023px) {
.account-section .account-section-content .consent-management-list__label {
width: 75%;
font-size: 14px;
}
}
.account-section .account-section-content .consent-management-list__content-inner {
padding: 0 40px 10px 65px;
font-size: 16px;
}
@media (max-width: 1023px) {
.account-section .account-section-content .consent-management-list__content-inner {
font-size: 14px;
}
}
.account-section .account-section-content .consent-management-list__content {
transition: height 0.3s ease-out;
height: 0;
overflow: hidden;
}
.account-section .account-section-content form {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .account-section-content form {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .account-section-content form .accountActions-bottom {
padding: 0;
}
.account-section .account-section-content #quoteForm {
padding: 0;
}
.account-section .account-section-content #addNewPermissionForm .account-select-form {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .account-section-content #addNewPermissionForm .account-select-form {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .account-section-content.content-empty {
margin: 45px 0;
font-weight: bold;
font-size: 18px;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .account-section-content.content-empty {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .account-section-content .help-block {
font-size: 14px;
font-weight: normal;
color: #fd7b7b;
}
.account-section .account-section-content .account-orderhistory-pagination {
padding-top: 10px;
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar form {
padding: 0;
}
.account-section .account-section-content .account-orderhistory-pagination .account-orderhistory-pagination-text {
line-height: 32px;
}
.account-section .account-section-content .account-orderhistory-pagination .pager {
margin: 0;
}
.account-section .account-section-content .account-orderhistory-sort {
background: #f2f4f7;
padding: 10px;
}
.account-section .account-section-content table>tbody>tr>td:nth-child(2) a {
font-weight: 600;
}
.account-section .account-section-content .accountActions {
padding-left: 0;
padding-right: 0;
padding-top: 20px;
}
.account-section .account-section-content .cart-voucher form,
.account-section .account-section-content .cart-items form,
.account-section .account-section-content .item-action form {
padding: 0;
}
@media (min-width: 1024px) {
.account-section .account-section-content .item__btn {
margin-bottom: 10px;
}
}
@media (max-width: 1023px) {
.account-section .account-section-content .item__btn {
margin-top: 20px;
}
}
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
display: inline-block;
text-align: right;
margin: 25px 0;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
}
@media (max-width: 639px) {
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
text-align: center;
float: none;
padding-right: 0 !important;
width: 100%;
}
}
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .enable-link button {
background: transparent;
border: 0 none;
text-transform: uppercase;
font-weight: 600;
padding: 0;
}
.account-section .account-section-content .disable-link button[disabled],
.account-section .account-section-content .enable-link button[disabled] {
color: #929292;
}
.account-section .account-section-content .disable-link form,
.account-section .account-section-content .enable-link form {
display: inline-block;
}
.account-section .account-section-content .enable-link+.disable-link,
.account-section .account-section-content .disable-link+.enable-link,
.account-section .account-section-content .disable-link+.disable-link,
.account-section .account-section-content .enable-link+.enable-link {
padding-left: 20px;
position: relative;
}
.account-section .account-section-content .enable-link+.disable-link:before,
.account-section .account-section-content .disable-link+.enable-link:before,
.account-section .account-section-content .disable-link+.disable-link:before,
.account-section .account-section-content .enable-link+.enable-link:before {
content: "";
display: block;
position: absolute;
height: 24px;
width: 1px;
left: 10px;
background: #cccccc;
top: 0;
}
@media (max-width: 639px) {
.account-section .account-section-content .enable-link+.disable-link:before,
.account-section .account-section-content .disable-link+.enable-link:before,
.account-section .account-section-content .disable-link+.disable-link:before,
.account-section .account-section-content .enable-link+.enable-link:before {
display: none;
}
}
@media (max-width: 639px) {
.account-section .account-section-content .enable-link+.disable-link,
.account-section .account-section-content .disable-link+.enable-link,
.account-section .account-section-content .disable-link+.disable-link,
.account-section .account-section-content .enable-link+.enable-link {
padding-left: 0;
}
}
.account-section .account-section-content .disable-link a,
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .disable-link form {
color: #ed1c24;
}
@media (max-width: 639px) {
.account-section .account-section-content .remove-item-column {
position: absolute;
right: -4px;
top: -5px;
width: auto;
}
.account-section .account-section-content .restore-item-column {
position: absolute;
right: -4px;
top: 50px;
width: auto;
}
}
.account-section .account-section-content .restore-item-link {
text-transform: uppercase;
font-weight: 700;
}
.account-section .account-section-content .restore-item-link .glyphicon-share-alt {
font-size: 24px;
padding: 13px;
transform: scale(-1, 1);
margin-right: 13px;
}
.account-section .account-section-content .edit-item-link {
margin-top: 10px;
display: block;
}
.account-section .account-section-content .remove-item-link .glyphicon-remove {
font-size: 21px;
padding: 0 14px;
}
@media (max-width: 639px) {
.account-section .account-section-content .remove-item-link .glyphicon-remove {
padding: 14px;
margin-right: 20px;
}
}
.account-section .account-section-content .saved__carts__overview--table .responsive-table-item {
position: relative;
padding-right: 35px;
}
@media (min-width: 640px) {
.account-section .account-section-content .saved-cart .saved-cart-name {
width: 15%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 0;
}
.account-section .account-section-content .saved-cart .saved-cart-description {
width: 30%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 0;
}
}
.account-section .account-section-action {
margin-top: 20px;
}
@media (max-width: 639px) {
.account-section .account-section-action .row {
margin: 0;
}
.account-section .account-section-action .btn-primary {
margin-bottom: 20px;
}
}
.account-section .accountActions-bottom {
clear: both;
margin-top: 35px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .accountActions-bottom {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
.account-section .accountActions-bottom .btn-primary {
margin-bottom: 20px;
}
}
.account-section .cancel-panel .orderBackBtn {
padding-right: 0;
}
@media (max-width: 640px) {
.account-section .cancel-panel .orderBackBtn {
padding-right: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 640px) {
.account-section .cancel-panel {
padding-left: 0;
}
}
.account-section .btn.btn-block+.btn.btn-block {
margin-top: 10px;
}
.account-section .account-consignment {
margin-top: 20px;
}
.account-section .account-list.account-addressbook ul,
.account-section .account-list.account-paymentdetails ul {
margin-bottom: 30px;
}
.account-section .account-list ul {
padding-left: 0;
list-style: none;
display: inline-block;
width: 90%;
}
.account-section .account-list ul li {
text-overflow: ellipsis;
overflow: hidden;
}
.account-section .account-list .account-list-header {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #f4f4f4;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
line-height: 1.5;
margin-top: -1px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .account-list .account-list-header {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .account-list .account-list-header .account-list-header-add {
font-size: 15px;
line-height: 2;
font-weight: 600;
position: relative;
top: 2px;
}
.account-section .account-list .account-cards {
border-left: 1px solid #cccccc;
padding: 0 10px;
}
.account-section .account-list .account-cards.card-select {
border-top: 1px solid #cccccc;
}
.account-section .account-list .account-cards .account-cards-actions {
display: inline-block;
width: 10%;
}
.account-section .account-list .account-cards .account-cards-actions .glyphicon {
font-size: 24px;
margin-bottom: 20px;
}
.account-section .account-list .account-cards .account-cards-actions .edit-item .glyphicon {
margin-top: 3px;
}
@media (min-width: 640px) {
.account-section .account-list .account-cards .row {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.account-section .account-list .account-cards .row:before {
content: none;
}
.account-section .account-list .account-cards .row:after {
content: '';
}
}
.account-section .account-list .account-cards .card,
.account-section .account-list .account-cards .search-empty {
list-style: none;
border-left: 0;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 30px 30px 25px;
margin-bottom: 0;
min-height: 150px;
clear: both;
}
.account-section .account-list .account-cards .card span,
.account-section .account-list .account-cards .search-empty span {
padding: 0;
text-align: right;
}
.account-section .account-list .account-cards .card>ul>li,
.account-section .account-list .account-cards .search-empty>ul>li {
margin-bottom: 3px;
}
.account-section .account-list .account-cards .card>ul>li:first-child,
.account-section .account-list .account-cards .search-empty>ul>li:first-child {
text-transform: uppercase;
font-weight: 600;
}
.account-section .account-list .account-cards .card .action-links,
.account-section .account-list .account-cards .search-empty .action-links {
float: right;
height: 50px;
width: 50px;
margin-right: -15px;
margin-top: -15px;
text-align: right;
}
.account-section .account-list .account-cards .card .action-links .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-pencil {
font-size: 20px;
color: #929292;
padding-right: 15px;
padding-top: 15px;
}
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-pencil {
color: #0068b3;
}
@media (max-width: 1024px) {
.account-section .account-list .account-cards .card,
.account-section .account-list .account-cards .search-empty {
padding-left: 20px;
padding-right: 20px;
}
}
.account-section .account-list .account-set-default-address {
position: absolute;
left: 25px;
bottom: 25px;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
color: #0068b3;
background: transparent;
padding: 0;
border: 0 none;
}
@media (max-width: 639px) {
.account-section .account-list .account-set-default-address {
left: 20px;
}
}
.account-section .continue__shopping,
.account-section .orderBackBtn {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-section .continue__shopping,
.account-section .orderBackBtn {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
.account-section .account-list .account-cards {
border: none;
}
.account-section .account-list .account-cards .card {
border-left: 0;
border-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.account-section .account-list .account-cards .card:first-child {
margin: 0;
}
.account-section .account-list .account-cards .selected:first-child {
border-left: none;
}
}
.account-profil .account-profil-info {
margin: 0 0 10px;
}
.account-profil .account-profil-info .account-profil-info-line {
line-height: 2em;
}
.account-profil .account-profil-info .account-profil-info-line span {
display: inline-block;
width: 100px;
}
.account-profil a.btn {
margin-top: 10px;
}
.account-profil .btn+.btn {
margin-left: 10px;
}
.account-orderdetail.well {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1024px) {
.account-orderdetail .item__list .item__list--item .item__total {
padding-right: 30px;
}
}
.account-orderdetail .well-content {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-orderdetail .well-content {
padding-left: 20px;
padding-right: 20px;
}
}
.account-orderdetail:before,
.account-orderdetail:after {
content: " ";
display: table;
}
.account-orderdetail:after {
clear: both;
}
.account-orderdetail:before,
.account-orderdetail:after {
content: " ";
display: table;
}
.account-orderdetail:after {
clear: both;
}
.account-orderdetail .col-sm-9>.col-sm-4:nth-child(3n+1) {
clear: both;
}
.account-orderdetail .order-savings {
color: #00a651;
font-weight: 700;
padding: 10px 10px 25px 0;
}
.account-orderdetail .order-savings+.order-savings {
padding-top: 0;
}
.account-orderdetail .item-box {
background: #afb2b5;
padding: 10px;
margin-bottom: 5px;
margin-top: 5px;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
content: " ";
display: table;
}
.account-orderdetail .item-box:after {
clear: both;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
content: " ";
display: table;
}
.account-orderdetail .item-box:after {
clear: both;
}
.account-orderdetail .order-data {
background-color: #F2F4F7;
padding: 10px;
}
.account-orderdetail .orderDetail_itemHeader {
font-size: 20px;
background-color: #f4f4f4;
padding: 10px 20px;
}
.account-orderdetail .button-panel {
float: right;
max-width: 200px;
}
.account-orderdetail .account-orderdetail-item-section-body ul {
padding-left: 0;
list-style: none;
margin: 0;
}
.account-orderdetail .account-orderdetail-item-section-body ul li {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
content: " ";
display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
content: " ";
display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li+li {
border-top: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul .thumb {
float: left;
margin-right: 10px;
max-width: 100px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .price-total {
float: right;
padding-right: 10px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .details .name {
font-weight: bold;
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
color: #00a651;
}
@media (min-width: 1024px) and (max-width: 1399px) {
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
padding-left: 22px;
}
}
@media (min-width: 1400px) {
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
padding-left: 0;
}
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo li {
border-bottom: 0;
}
.account-orderdetail .account-orderdetail__footer {
padding-top: 55px;
}
.account-orderdetail .account-orderdetail__footer>div {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.account-orderdetail .account-orderdetail__footer>div {
padding-left: 20px;
padding-right: 20px;
}
}
.account-orderdetail .order-savings__headline {
font-size: 18px;
color: #3c3c3c;
font-weight: 500;
}
.account-orderdetail .orderTotal {
font-size: 18px;
line-height: 38px;
margin-bottom: 20px;
}
.account-orderdetail .orderTotal .text-right {
font-weight: 700;
}
.account-orderdetail .orderTotal .totals {
font-size: 22px;
line-height: 1.2em;
font-weight: 700;
text-transform: uppercase;
padding-top: 15px;
}
.account-orderdetail .orderTotal .discount {
color: #00a651;
}
.account-orderdetail .order-store-address .order-track-number,
.account-orderdetail .order-store-hours .order-track-number {
color: #ed1c24;
}
.account-orderdetail .order-billing-address ul {
padding: 0;
}
.account-orderdetail .order-billing-address ul li {
list-style: none;
}
.account-orderdetail .order-billing-address .label-order,
.account-orderdetail .order-payment-data .label-order,
.account-orderdetail .order-ship-to .label-order,
.account-orderdetail .order-shipping-method .label-order,
.account-orderdetail .order-tracking-no .label-order,
.account-orderdetail .order-store-address .label-order,
.account-orderdetail .order-store-hours .label-order {
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
padding-bottom: 2px;
}
.account-orderdetail .order-billing-address .value-order-date,
.account-orderdetail .order-payment-data .value-order-date,
.account-orderdetail .order-ship-to .value-order-date,
.account-orderdetail .order-shipping-method .value-order-date,
.account-orderdetail .order-tracking-no .value-order-date,
.account-orderdetail .order-store-address .value-order-date,
.account-orderdetail .order-store-hours .value-order-date {
display: inline-block;
min-width: 15%;
}
.account-orderdetail .value-order {
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 639px) {
.account-orderdetail .order-shipping-method,
.account-orderdetail .order-tracking-no,
.account-orderdetail .order-payment-data,
.account-orderdetail .order-store-hours {
padding-top: 20px;
}
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section {
clear: both;
margin-bottom: 20px;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-total__taxes {
text-align: right;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-savings__info {
color: #00a651;
font-weight: 700;
text-transform: uppercase;
}
.account-address-removal-popup .address {
margin-top: 20px;
}
.account-address-removal-popup .btn {
margin-top: 10px;
}
.savedcart_restore_confirm_modal .restore-current-cart-form {
margin-top: 40px;
}
.not-active {
pointer-events: none;
cursor: default;
font-weight: normal !important;
color: black !important;
}
.quick-view-popup .product-image {
float: left;
width: 33%;
}
.quick-view-popup .product-image a {
display: block;
}
.quick-view-popup .product-image img {
width: 100%;
height: auto;
}
.quick-view-popup .product-details {
margin-left: 33%;
padding-left: 20px;
}
.quick-view-popup .product-details .name {
font-size: inherit;
font-weight: bold;
}
.quick-view-popup .product-details .rating:after {
clear: none;
}
.quick-view-popup .product-details .price {
font-size: inherit;
font-weight: bold;
}
.quick-view-popup .addtocart-component {
clear: both;
padding-top: 20px;
}
table {
width: 100%;
}
table th {
font-size: 13px;
font-weight: 400;
text-transform: uppercase;
background-color: #142939;
color: #7f919e;
padding: 8px 10px;
vertical-align: top;
}
table th:last-child {
text-align: right;
}
table tr.entry-group-header a {
color: lightgrey;
}
table tr.entry-group-header a:hover {
color: black;
}
table tr.entry-group-header .error {
background-color: PaleVioletRed;
}
table .entry-group-error-message {
text-transform: none;
}
table div.left-align {
text-align: left;
}
table td {
padding: 20px 10px;
vertical-align: top;
}
.responsive-table th:first-child {
padding-left: 30px;
}
@media (max-width: 1024px) {
.responsive-table th:first-child {
padding-left: 20px;
}
}
.responsive-table th:last-child {
text-align: right;
padding-right: 30px;
}
@media (max-width: 1024px) {
.responsive-table th:last-child {
padding-right: 20px;
}
}
@media (min-width: 640px) {
.responsive-table td:nth-child(2) {
padding-left: 20px;
}
}
@media (min-width: 1024px) {
.responsive-table td:nth-child(2) {
padding-left: 30px;
}
}
.responsive-table td:last-child {
text-align: right;
padding-right: 30px;
}
@media (max-width: 640px) {
.responsive-table td:last-child {
padding-right: 20px;
}
}
.responsive-table-item {
padding: 10px;
}
@media (max-width: 640px) {
.responsive-table-item {
padding: 10px 20px;
}
}
.responsive-table-item:nth-child(even) {
background-color: #f4f4f4;
}
.responsive-table-item a.responsive-table-link {
color: #0068b3;
}
.responsive-table-item a:hover,
.responsive-table-item a:focus {
color: #003c66;
}
.responsive-table-item td:last-child {
text-align: right;
}
@media (max-width: 639px) {
.responsive-table-item {
display: block;
}
.responsive-table-item .status strong {
display: block;
}
.responsive-table-item td {
display: inline-block;
width: 40%;
padding: 3px 10px;
}
.responsive-table-item td:last-child {
text-align: left;
}
.responsive-table-item td.responsive-table-cell {
width: 55%;
}
.responsive-table-item td.responsive-table-cell-bold {
font-weight: 600;
}
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 10px;
margin-bottom: 20px;
}
label {
color: #929292;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
}
label.uncased {
text-transform: none;
}
.help-block {
font-style: italic;
}
.form-control:focus {
border-color: #0068b3;
outline: 0;
box-shadow: none;
}
.form-control::-moz-placeholder {
color: #929292;
opacity: 1;
}
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
color: #929292;
}
select.form-control {
text-transform: uppercase;
font-size: 13px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
color: #929292;
}
.has-error .control-label {
color: #929292;
}
.has-error input.form-control {
background: #fec3c3;
border-color: #fd7b7b;
}
.has-error .help-block {
font-weight: 600;
color: #ed1c24;
}
.has-success .control-label {
color: #929292;
}
.has-success input.form-control {
background: transparent;
border-color: #cccccc;
}
.has-success .help-block {
font-weight: 600;
color: #00a651;
}
legend {
font-size: 18px;
border-bottom: 0;
margin-top: 20px;
margin-bottom: 20px;
}
.form-element-icon {
position: relative;
}
.form-element-icon .glyphicon {
position: absolute;
}
.form-element-icon.datepicker .glyphicon {
top: 32px;
right: 10px;
color: #0068b3;
cursor: pointer;
}
@media (max-width: 1023px) {
.form-element-icon.datepicker .glyphicon {
top: 38px;
}
}
.form-control-radio,
.form-control-checkbox {
display: block;
}
.form-control-radio input,
.form-control-checkbox input {
margin-bottom: 0;
float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
margin-left: 25px;
}
fieldset>div:last-of-type input,
fieldset>div:last-of-type label {
margin-bottom: 0;
}
.legend {
margin-bottom: 20px;
}
textarea {
min-height: 245px;
}
.hidden-xs textarea {
min-height: 80px;
width: 100%;
padding-left: 15px;
margin: 0em;
font: 400 13.3333px Arial;
padding: 14px;
}
.hidden-xs input {
width: 100%;
height: 50px;
padding-left: 15px;
font: 400 13.3333px Arial;
}
.hidden-xs input.subbb {
width: 100%;
height: 50px;
font: 400 17.3333px Arial;
color: #fff;
background: #006cb4;
border: 0px;
border-radius: 50px;
}
textarea+.help-block {
font-size: 12px;
margin-bottom: 25px;
text-align: right;
}
.input-sm {
height: 40px;
padding: 9px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 0;
}
select.input-sm {
height: 40px;
line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
/* Toggle Button */
.toggle-button {
position: absolute;
top: 19px;
right: 73px;
}
.toggle-button input[type="checkbox"] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
}
.toggle-button input[type="checkbox"][disabled]~label {
color: #ffffff;
pointer-events: none;
}
.toggle-button input[type="checkbox"][disabled]~label .toggle-button__switch {
opacity: 0.4;
}
.toggle-button input[type="checkbox"]:focus~label .toggle-button__switch,
.toggle-button input[type="checkbox"]:hover~label .toggle-button__switch {
background-color: #ffffff;
border-color: #999999;
}
.toggle-button input[type="checkbox"]:checked~label .toggle-button__switch {
background-color: #0068b3;
}
.toggle-button input[type="checkbox"]:checked~label .toggle-button__switch:after {
content: '\00a0';
background-color: #ffffff;
transform: translate3d(22px, 0, 0);
}
.toggle-button input[type="checkbox"]:checked~label .toggle-button__switch :before {
content: '\00a0';
left: 0;
}
.toggle-button label {
user-select: none;
position: relative;
display: flex;
align-items: center;
}
.toggle-button label .toggle-button__switch {
position: relative;
height: 33px;
flex: 0 0 56px;
border-radius: 60px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
.toggle-button label .toggle-button__switch.is-checked {
border-color: #0068b3;
}
.toggle-button label .toggle-button__switch:before {
left: 28px;
font-size: 12px;
line-height: 23px;
width: 28px;
padding: 0 12px;
content: '\00a0';
position: absolute;
top: 0;
}
.toggle-button label .toggle-button__switch:after {
top: 4px;
left: 4px;
border-radius: 30px;
width: 23px;
line-height: 23px;
font-size: 12px;
color: #ffffff;
background-color: #cccccc;
content: '\00a0';
position: absolute;
z-index: 5;
}
.toggle-button input[type="checkbox"]:checked:focus~label .toggle-button__switch,
.toggle-button input[type="checkbox"]:checked:hover~label .toggle-button__switch {
background-color: #1a9fff;
border-color: #1a9fff;
}
.textpage-faqs th:last-child {
text-align: left;
}
/*
## landingLayout2Page
********************************************************************/
.section1 {
margin: 10px 0;
}
.zoneA .disp-img {
height: 108px;
margin: 10px 0 0 0;
border-bottom: 1px dotted #A5A5A5;
position: relative;
}
.zoneA .disp-img:first-child {
margin: 0;
}
.zoneA .disp-img a {
display: block;
}
.zoneA .disp-img .title {
display: block;
margin-left: 106px;
border-bottom: 1px dotted #A5A5A5;
margin-bottom: 10px;
}
.zoneA .disp-img .thumb {
position: absolute;
top: 0;
}
.zoneA .disp-img .details {
width: 124px;
height: 96px;
margin-left: 106px;
display: block;
}
.zoneA .action {
display: none;
}
.zoneB .simple_disp-img:first-child {
margin: 0 0 10px 0;
}
#homepage_slider.stripViewer {
position: relative;
overflow: hidden;
margin: 0;
}
#homepage_slider.stripViewer ul {
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
#homepage_slider.stripViewer ul li {
float: left;
}
#homepage_slider .svw {
width: 50px;
height: 20px;
background-color: #ffffff;
}
#homepage_slider .svw ul {
position: relative;
left: -999em;
}
#homepage_slider .tooltip {
padding: 0.5em;
background-color: #ffffff;
color: #000000;
border: 5px solid #dedede;
}
.stripTransmitter {
overflow: auto;
padding: 0 15px;
width: 438px !important;
height: 51px;
border-bottom: 1px dotted #A5A5A5;
background-color: #eee;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li {
width: 30px;
float: left;
}
.stripTransmitter a {
line-height: 47px;
display: block;
padding: 0 0 0 0;
text-align: center;
text-decoration: none;
font-size: 1.4em;
}
.stripTransmitter a:hover,
.stripTransmitter a.current {
font-weight: bold;
}
.tooltip {
padding: 0.5em;
background-color: #ffffff;
color: #000000;
border-bottom: 1px dotted #A5A5A5;
}
.section4 .disp-img {
margin: 0 0 15px 0;
}
.section4 .disp-img .title {
border-bottom: 1px solid #a5a5a5;
height: 30px;
line-height: 30px;
text-transform: uppercase;
font-weight: bold;
font-size: 1em;
white-space: nowrap;
display: block;
margin: 0 0 10px 0;
}
.section4 .disp-img .thumb {
margin: 0 0 5px 0;
display: block;
}
.section4 .disp-img .action {
display: none;
}
.product-details-toggle {
position: relative;
cursor: pointer;
margin-bottom: 20px;
padding-right: 20px;
}
.product-details-toggle.name {
font-weight: 600;
}
.product-details.open .product-details-toggle {
margin-bottom: 0;
}
.product-details-toggle .glyphicon {
float: right;
font-size: 14px;
line-height: 35px;
}
.product-details.open .product-details-toggle .glyphicon:before {
content: "\e114";
}
.product-details-toggle-wrap {
display: none;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.product-details-toggle-wrap {
padding-left: 20px;
padding-right: 20px;
}
}
.product-details.open+.product-details-toggle-wrap {
display: block;
}
.product-details-toggle-wrap .product-details {
font-size: 22px;
}
.product-details-toggle-wrap img {
width: 175px;
margin: 0 30px 35px 0;
float: left;
}
@media (min-width: 640px) {
.product-details-toggle-wrap .product-details {
text-align: right;
}
}
@media (max-width: 639px) {
.product-details-toggle {
padding: 0 25px 0 10px;
}
.product-details-toggle .glyphicon {
right: 10px;
}
.product-details-toggle-wrap {
margin: 0;
}
.product-details-toggle-wrap img {
float: none;
width: 100%;
margin: 0 0 20px 0;
}
.product-details-toggle-wrap .product-details {
margin-bottom: 20px;
}
}
.product-action {
overflow: hidden;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 15px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.product-action {
padding-left: 20px;
padding-right: 20px;
}
}
.product-action ol {
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
}
.product-action ol li {
font-size: 18px;
float: right;
margin: 15px 0 15px 20px;
line-height: 48.85714286px;
}
.product-action #total-price {
font-size: 18px;
font-weight: 600;
}
.product-action div {
float: left;
margin: 15px 0;
line-height: 48.85714286px;
}
@media (max-width: 639px) {
.product-action {
margin-bottom: 0;
}
.product-action ol li {
margin-right: 0;
}
}
@media (max-width: 480px) {
.product-action ol li,
.product-action .btn {
width: 100%;
}
.product-action div {
float: none;
line-height: 1.42857;
margin-bottom: 0;
}
}
.update-future-stock {
text-align: right;
padding: 20px 7px 15px 0;
background-color: #ffffff;
}
.update-future-stock .update_future_stock_button,
.update-future-stock .hide_future_stock_info {
font-size: 13px;
font-weight: 700;
}
.update-future-stock .hide_future_stock_info {
display: none;
}
.product-grid-container .sku-quantity,
#cboxContent .sku-quantity {
font-size: 13px;
line-height: 20px;
width: 60px;
padding: 9px 10px;
margin: 5px 0 3px;
border: 1px solid #cccccc;
text-align: center;
}
.product-grid-container .td_stock,
#cboxContent .td_stock {
display: block;
padding-bottom: 5px;
}
.product-grid-container .td_stock .in-stock,
#cboxContent .td_stock .in-stock {
color: #929292;
font-size: 13px;
font-weight: 600;
}
.product-grid-container .future_stock,
#cboxContent .future_stock {
display: block;
font-size: 12px;
line-height: 14px;
}
.product-grid-container .future_stock .future_stock_value,
#cboxContent .future_stock .future_stock_value {
margin: 2px 0 8px 0;
}
.product-grid-container .data-grid-total,
#cboxContent .data-grid-total {
display: inline-block;
padding-top: 5px;
border-top: 1px solid #cccccc;
font-size: 15px;
font-weight: 700;
}
.product-grid-container table td .price {
font-size: 15px;
font-weight: bold;
}
.product-grid-container table td.out-of-stock .variant-prop,
.product-grid-container table td.out-of-stock .price {
opacity: 0.3;
}
.product-grid-container table td.out-of-stock .sku-quantity {
opacity: 0.3;
background-color: #fff;
}
@media (min-width: 640px) {
.add-to-cart-order-form-wrap {
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.add-to-cart-order-form-wrap::after {
background-color: white;
bottom: 0;
content: "";
height: 17px;
position: absolute;
width: 100%;
}
.add-to-cart-order-form-wrap::before {
background-color: white;
right: 0;
content: "";
position: absolute;
height: 100%;
}
.add_to_cart_order_form {
overflow: scroll;
max-height: 907px;
}
.order-form-scroll {
cursor: pointer;
background-color: #0068b3;
opacity: 0.4;
color: #fff;
text-align: center;
position: absolute;
display: none;
}
.order-form-scroll.right {
width: 50px;
height: 75px;
line-height: 75px;
right: 0px;
top: 50%;
margin-top: -35px;
}
.order-form-scroll.left {
width: 50px;
height: 75px;
line-height: 75px;
left: 0;
top: 50%;
margin-top: -35px;
}
.order-form-scroll.up {
width: 75px;
height: 50px;
line-height: 50px;
top: 0;
left: 50%;
margin-left: -35px;
}
.order-form-scroll.down {
width: 75px;
height: 50px;
line-height: 50px;
bottom: 17px;
left: 50%;
margin-left: -35px;
}
.product-grid-container-dim-3,
.product-grid-container-dim-2 {
width: 100%;
}
.product-grid-container table {
border-bottom: 1px solid #e5e5e5;
background-color: #ffffff;
}
.product-grid-container table:nth-child(2n) {
background: #f4f4f4;
}
.product-grid-container table tr:first-child>th:first-child {
border-right: 1px solid #334b5c;
white-space: nowrap;
}
.product-grid-container table tr>td:first-child {
border-right: 1px solid #e5e5e5;
padding-top: 20px;
}
.product-grid-container table th {
text-align: center;
}
.product-grid-container table td {
text-align: center;
padding: 25px 10px 15px;
vertical-align: top;
max-width: 200px;
}
}
@media (min-width: 640px) and (max-width: 1024px) {
.add-to-cart-order-form-wrap {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
#cboxContent .sku-quantity {
font-size: 16px;
}
.product-grid-container {
font-size: 16px;
margin-left: -10px;
margin-right: -10px;
}
.product-grid-container table {
table-layout: fixed;
width: 100%;
}
.product-grid-container table tr td {
border-bottom: 1px solid #e5e5e5;
}
.product-grid-container table tr .variant-detail {
width: 60%;
padding: 15px 0 15px 20px;
}
.product-grid-container table tr .variant-detail img {
float: left;
padding-right: 20px;
}
.product-grid-container table tr .variant-detail .description {
padding: 12px 0;
}
.product-grid-container table tr .variant-select {
width: 40%;
text-align: right;
font-weight: 600;
padding-right: 20px;
vertical-align: middle;
}
.product-grid-container table .hidden-size {
display: none;
}
.product-grid-container table .variant-summary {
display: none;
background-color: #e5e5e5;
}
.product-grid-container table .variant-summary .variant-summary-items {
margin: 15px 0;
}
.product-grid-container table .variant-summary tr td {
padding: 0 20px;
font-weight: bold;
}
.product-grid-container table .variant-summary tr td:last-child {
text-align: right;
}
.product-grid-container table .variant-summary tr:first-child td {
font-weight: normal;
}
.product-grid-container table .variant-summary span {
display: none;
}
.product-grid-container table .editSize {
display: none;
}
.product-grid-container table.selected .variant-summary {
display: table-row;
}
.product-grid-container table.selected .editSize {
display: inline;
}
.product-grid-container table.selected .selectSize {
display: none;
}
.variantSelectMobile #cboxLoadedContent {
overflow: visible !important;
padding-left: 0;
padding-right: 0;
}
.variantSelectMobile #cboxContent table {
width: 100%;
}
.variantSelectMobile #cboxContent table td {
display: block;
font-weight: 600;
text-align: center;
padding: 25px 0 10px 0;
}
.variantSelectMobile #cboxContent table td:first-child {
width: auto;
}
.variantSelectMobile #cboxContent table td:nth-child(2n+2) {
background: #f4f4f4;
}
.variantSelectMobile #cboxContent .product-grid-container {
margin: 0;
}
.variantSelectMobile #cboxContent .orderForm_grid_group {
position: relative;
}
.variantSelectMobile #cboxContent .update-future-stock {
position: absolute;
margin-left: -65px;
left: 50%;
top: 100px;
}
.variantSelectMobile #cboxContent .variant-detail {
padding: 0 0 60px 0;
}
.variantSelectMobile #cboxContent .variant-detail img {
display: inline-block;
max-width: 200px;
float: none;
padding: 0;
}
.variantSelectMobile #cboxContent .variant-detail .description {
padding: 0;
}
.variantSelectMobile #cboxContent .variant-detail .description>div {
display: inline;
}
.variantSelectMobile #cboxContent .mobile-cart-actions {
padding: 20px;
border-bottom: none;
background-color: #fff !important;
}
.variantSelectMobile #cboxContent .mobile-cart-actions .btn {
width: 100%;
}
.variantSelectMobile #cboxContent .variant-select,
.variantSelectMobile #cboxContent .variant-summary {
display: none;
}
.variantSelectMobile #cboxContent .variant-prop>span {
font-weight: 400;
}
.variantSelectMobile #cboxContent .sku-quantity {
font-weight: 400;
line-height: 60px;
width: 120px;
height: 80px;
}
}
#orderFormContainer .headline,
#orderFormContainer .advanced-search-wrap {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
#orderFormContainer .headline,
#orderFormContainer .advanced-search-wrap {
padding-left: 20px;
padding-right: 20px;
}
}
#resultsList.item__list .item__list--item:last-child {
padding-right: 0;
}
.quick-order__introduction {
padding-top: 13px;
margin-top: 10px;
line-height: 22px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.quick-order__introduction {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 1023px) {
.quick-order__introduction {
margin-bottom: 10px;
}
}
.quick-order__actions {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.quick-order__actions {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 639px) {
.quick-order__actions .pull-right {
float: none !important;
}
}
.quick-order__add-to-cart-btn {
margin-top: 10px;
}
.quick-order__add-to-cart-btn .btn {
width: 100%;
}
.quick-order__reset-link {
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
line-height: 1.375;
border: none;
background-color: transparent;
padding-left: 30px;
padding-right: 30px;
padding-top: 13px;
margin-top: 10px;
}
@media (max-width: 639px) {
.quick-order__reset-link {
margin: 20px 0;
text-align: center;
width: 100%;
padding-top: 5px;
}
}
.quick-order__list {
margin-top: 10px;
}
.quick-order__list.item__list .item__list--item:last-child {
padding-right: 0;
}
@media (min-width: 1024px) {
.quick-order__list.item__list .item__remove {
padding-right: 30px;
width: 64px;
}
}
#quickOrder .item__list .item__info {
width: auto;
}
@media (min-width: 1024px) {
#quickOrder .item__quantity {
text-align: left;
}
}
@media (min-width: 1024px) {
#quickOrder .item__sku__input input {
max-width: 300px;
}
}
@media (min-width: 1024px) {
#quickOrder .item__list--header .item-sku-input {
width: 25%;
}
}
@media (max-width: 1023px) {
#quickOrder .item__list--header .item-sku-input {
width: 100%;
padding: 0 20px;
}
}
@media (min-width: 1023px) {
#quickOrder .item__list--header .item__info {
width: 20%;
}
}
#quickOrder .item__list--header .item__total--column {
text-align: left;
}
#quickOrder .item__list--header li:first-child {
padding-left: 30px;
}
#quickOrder .item__sku__input {
padding-left: 30px;
width: 33%;
}
@media (max-width: 1023px) {
#quickOrder .item__sku__input {
padding-left: 20px;
margin: 0 0 10px;
width: 100%;
}
}
#quickOrder .item__list--item:nth-child(odd) {
background: #f4f4f4;
}
#quickOrder .item__list--item:nth-child(4n+4) {
background-color: transparent;
}
@media (max-width: 1023px) {
#quickOrder .item__list--item {
display: inline-block;
width: 100%;
}
}
@media (min-width: 1024px) {
#quickOrder .item__list--item .item__info {
width: 20%;
}
}
#quickOrder .item__list--item .item__info .item__name {
display: block;
padding-right: 20px;
}
@media (max-width: 1023px) {
#quickOrder .item__list--item .item__quantity {
padding-top: 10px;
text-align: left;
}
}
@media (min-width: 1024px) {
#quickOrder .item__list--item .item__total {
text-align: left;
padding-left: 10px;
}
}
@media (max-width: 1023px) {
#quickOrder .item__list--item .item__total {
float: left;
}
}
.account-section .account-section-content .import-csv__form {
padding: 0;
}
.import-csv__well {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.import-csv__well {
padding-left: 20px;
padding-right: 20px;
}
}
.import-csv__file-spec {
padding-top: 15px;
}
.import-csv__file-spec-item {
padding-top: 5px;
}
.import-csv__file-upload {
padding-top: 20px;
}
.import-csv__actions {
margin-top: 35px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.import-csv__actions {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 640px) {
.import-csv__file-upload {
border-left: 1px solid #cccccc;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 40px;
}
}
@media (max-width: 639px) {
.import-csv__well {
margin: 0;
}
}
.file-upload {
margin-top: 15px;
}
.file-upload__label {
display: block;
}
.file-upload__wrapper {
position: relative;
overflow: hidden;
margin-right: 20px;
}
.file-upload__input {
position: absolute;
right: -3px;
top: -3px;
bottom: -3px;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
}
.file-upload__file-name {
font-size: 16px;
display: inline-block;
white-space: nowrap;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
position: relative;
top: 8px;
}
@media print {
a[href]:after {
content: "";
}
abbr[title]:after {
content: "";
}
.breadcrumb-section {
border-top: 2px solid #d9d9d9;
border-bottom: 2px solid #d9d9d9;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
.footer__left {
width: 100%;
}
.footer__right {
display: none;
}
.owl-wrapper {
width: 100% !important;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
width: 25% !important;
display: none !important;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(-n+4) {
display: block !important;
}
.owl-controls {
display: none !important;
}
.cart-voucher,
.cart-actions--print {
width: 100% !important;
}
.image-gallery__image,
.image-gallery__image .owl-wrapper,
.image-gallery__image .owl-wrapper .owl-item {
width: 190% !important;
}
.tabs .tabhead+.tabbody {
display: block !important;
}
.back-link .label {
border: 0;
}
.carousel-component {
overflow: hidden;
height: 320px;
}
}
.skip,
.skiptocontent,
.skiptonavigation {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.replenishment-cancel-button span {
color: #0068b3;
font-size: 21px;
padding: 13px;
}
.right-cartName {
margin-left: 60%;
font-size: 12px;
text-align: right;
}
.responsive-table-cell.less-padding {
padding-top: 5px;
padding-bottom: 5px;
}
.replenishment-order-history {
margin-top: 40px;
}
.account-section .backlink {
padding-left: 30px;
padding-right: 30px;
}
.sort-refine-bar .form-group select {
width: 150px;
}
@media (max-width: 639px) {
.sort-refine-bar .form-group select {
width: 100%;
}
}
.responsive-table th:last-child {
text-align: center;
padding-right: 70px;
}
.responsive-table-item td:last-child {
text-align: center;
padding-right: 70px;
}
@media (max-width: 639px) {
.responsive-table-item td:last-child {
text-align: left;
padding-right: 0;
}
}
.replenishment-order-cancel-modal #cboxLoadedContent {
margin-top: 90px;
}
.replenishment-order-cancel-modal #cboxTitle {
height: 90px;
}
.replenishment-order-cancel-modal .modal-actions {
margin-top: 30px;
}
.orderListTable {
margin-top: -11px;
background-color: #fff;
}
.orderListTable th,
.orderListTable td {
padding-left: 20px;
padding-right: 20px;
vertical-align: top;
}
.orderListTable tbody>tr:nth-child(even) {
background-color: #f4f4f4;
}
.orderListTable tbody>tr:nth-child(odd):last-child {
border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 639px) {
.orderListTable th,
.orderListTable td {
padding-left: 10px;
}
.order-approval-list .responsive-table-item td {
padding-left: 0;
}
#reorderButton {
margin-top: 20px;
}
.replenishment-overview-table .replenishment-order-number {
width: 51%;
}
.replenishment-overview-table .responsive-table-item {
position: relative;
}
.replenishment-overview-table .replenishment-cancel-button {
position: absolute;
right: 5px;
top: 0;
}
}
.read-only-grid .grid-row>td tr:first-child td {
padding-top: 10px;
}
.quote-header {
position: relative;
background: #f4f4f4;
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
font-size: 20px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.quote-header {
padding-left: 20px;
padding-right: 20px;
}
}
.quote-header.pre-table {
margin-bottom: 10px;
}
.quote-header.no-margin-top {
margin-top: 0;
}
.customer-approval-comments .responsive-table-item td:last-child,
.customer-approval-comments th:last-child {
text-align: left;
}
.page-order-approval-details .enable-link,
.page-order-approval-details .disable-link {
margin: 25px 0;
}
.margin-bottom-25 {
margin-bottom: 25px;
}
.comment-modal textarea {
width: 100%;
height: 150px;
}
.comment-modal .headline {
margin-bottom: 5px;
}
.comment-modal .help-block {
margin-bottom: 30px;
margin-top: 0;
font-size: 12px;
text-align: right;
}
@media (max-width: 1023px) {
.comment-modal .form-actions div:first-child {
margin-bottom: 20px;
}
}
.checkbox.big {
position: relative;
}
.checkbox.big #Terms1 {
margin-left: -35px;
height: 24px;
width: 24px;
margin-top: 0;
}
@media (max-width: 640px) {
.checkbox.big #Terms1 {
margin-left: 0;
}
}
.checkbox.big label {
font-size: 14px;
margin-bottom: 20px;
padding-left: 35px;
color: #3c3c3c;
text-transform: none;
width: 80%;
}
.checkbox.big label a {
color: #3c3c3c;
}
@media (max-width: 480px) {
.checkbox.big label {
width: 100%;
}
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #requestQuoteForm .headline {
margin-bottom: 5px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #requestQuoteForm #quoteRequestDescription {
width: 100%;
min-height: 245px;
padding: 10px;
background-color: #f4f4f4;
border: 1px solid #cccccc;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #requestQuoteForm .help-block {
font-size: 12px;
text-align: right;
margin-bottom: 25px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .form-group {
margin-bottom: 30px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .column.scheduleform {
margin-top: 30px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .scheduleform-checkboxes {
margin-top: 20px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .scheduleform-checkboxes label {
text-transform: none;
font-size: 14px;
color: #3c3c3c;
font-weight: normal;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .replenishmentFrequency_left .has-error .form-group {
margin-bottom: 0;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .replenishmentFrequency_left .has-error .help-block {
margin-bottom: 30px;
}
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .form-actions {
margin-top: 40px;
}
@media (max-width: 480px) {
.page-multiStepCheckoutSummaryPage #cboxLoadedContent #replenishmentSchedule .form-actions #placeReplenishmentOrder {
padding: 10px 6px;
}
}
.checkout-success-body-quote-text {
margin-bottom: 30px;
}
.advancedSearch .headline {
color: #3c3c3c;
font-size: 24px;
line-height: 35px;
font-weight: 700;
padding: 20px 0;
margin: 0;
padding-left: 30px;
padding-right: 30px;
}
.advancedSearch .headline.border {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.advancedSearch .headline {
padding-left: 20px;
padding-right: 20px;
}
}
.advancedSearch .advanced-search-wrap {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.advancedSearch .advanced-search-wrap {
padding-left: 20px;
padding-right: 20px;
}
}
.advancedSearch .advanced-search-wrap .checkbox {
margin-top: 0;
}
.advancedSearch .advanced-search-wrap .searchButton {
margin-top: 15px;
}
.advancedSearch .advanced-search-wrap .only-productId label {
font-weight: 600;
}
.advancedSearch .advanced-search-wrap .product-id-tag-box {
cursor: pointer;
display: inline-block;
background-color: #f4f4f4;
border: 1px solid #cccccc;
padding: 9px 15px;
margin-bottom: 15px;
margin-right: 20px;
}
.advancedSearch .advanced-search-wrap .product-id-tag-box .glyphicon {
padding-left: 17px;
color: #cccccc;
}
.advancedSearch .pagination-bar {
margin-top: 35px;
margin-bottom: 0;
}
.advancedSearch .pagination-bar .pagination-toolbar {
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.advancedSearch .pagination-bar .pagination-toolbar {
padding-left: 20px;
padding-right: 20px;
}
}
.advancedSearch .pagination-bar.bottom {
margin-top: 0;
}
.advancedSearch .pagination-bar.bottom .pagination-toolbar {
border-top: 0;
border-color: #d9d9d9;
}
.advancedSearch .pagination-bar.pagination-empty {
border-top: 1px solid #e5e5e5;
}
.advancedSearch .pagination-bar.pagination-empty .total-results {
margin-bottom: 30px;
margin-top: 30px;
}
.advancedSearch .pagination-bar.top .pagination-toolbar {
padding-top: 30px;
border-top: 1px solid #e5e5e5;
border-bottom: none;
}
.advancedSearch .pagination-bar .total-results {
font-size: 13px;
font-weight: 600;
color: #929292;
}
.advancedSearch .pagination-bar .sort-refine-bar+.total-results {
margin-top: 30px;
}
.advancedSearch .product-action {
margin-bottom: 0;
}
.advancedSearch .product-action.bottom {
border-top: 0;
}
.advancedSearch .item-list {
margin-top: 0;
margin-bottom: 0;
border-top: none;
}
.advancedSearch .item-list .item-variants {
display: none;
}
.advancedSearch .item-list .item-list-item:nth-child(4n+4),
.advancedSearch .item-list .item-list-item:nth-child(4n+5) {
background-color: transparent;
}
.advancedSearch .item-list .item-list-item:nth-of-type(2n+1)+.add-to-cart-order-form-wrap,
.advancedSearch .item-list .item-list-item:nth-of-type(2n+1) {
background-color: #f4f4f4;
}
.advancedSearch .item-list .item-list-item .item-image {
padding-left: 30px;
}
@media (max-width: 640px) {
.advancedSearch .item-list .item-list-item .item-image {
padding-left: 20px;
}
}
.advancedSearch .add-to-cart-order-form-wrap {
display: none;
}
.advancedSearch .item-quantity-total {
height: 42px;
}
.advancedSearch .item-quantity-total .qty *:not(.glyphicon) {
display: none;
}
.advancedSearch .create-order-form {
position: relative;
}
.advancedSearch .create-order-form .create-order-form-button {
position: absolute;
right: 0;
top: -78px;
padding-left: 30px;
padding-right: 30px;
}
@media (max-width: 1024px) {
.advancedSearch .create-order-form .create-order-form-button {
padding-left: 20px;
padding-right: 20px;
}
}
.advancedSearch .create-order-form .create-order-form-button.bottom {
bottom: -86px;
top: auto;
}
.advancedSearch .create-order-form .item-list {
border-top: 1px solid #e5e5e5;
}
.advancedSearch .create-order-form .item-list .item-variants {
display: table-cell;
}
.advancedSearch .create-order-form .item-list .item-toggle,
.advancedSearch .create-order-form .item-list .item-description,
.advancedSearch .create-order-form .item-list .item-quantity,
.advancedSearch .create-order-form .item-list .item-total-column {
display: none;
}
.advancedSearch .create-order-form .item-list .item-id-checkbox {
margin-top: 10px;
}
.advancedSearch .create-order-form .item-list .item-id-checkbox .form-control-checkbox {
font-size: 14px;
}
.advancedSearch .create-order-form .item-list .variant-checkboxes {
margin-top: 10px;
border-top: 1px solid #d9d9d9;
padding-top: 10px;
}
.advancedSearch .pagination-no-sorting+.create-order-form .create-order-form-button {
top: -64px;
}
.advancedSearch .pagination-no-sorting+.create-order-form .create-order-form-button.bottom {
top: auto;
bottom: -65px;
}
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button {
position: static;
border-top: 1px solid #e5e5e5;
padding-top: 20px;
padding-bottom: 20px;
}
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button:before,
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button:after {
content: " ";
display: table;
}
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button:after {
clear: both;
}
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button:before,
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button:after {
content: " ";
display: table;
}
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button:after {
clear: both;
}
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button.bottom {
border-top: 0;
border-bottom: 1px solid #e5e5e5;
}
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button .btn {
float: right;
}
@media (max-width: 639px) {
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button {
padding: 20px;
margin-bottom: 0;
}
.advancedSearch .pagination-with-pager+.create-order-form .create-order-form-button .btn {
width: 100%;
}
}
@media (min-width: 1024px) {
.advancedSearch .item-info {
width: 30%;
}
.advancedSearch .item-description {
width: 20%;
}
.advancedSearch #cartOrderGridForm {
max-height: 453px;
}
.advancedSearch .create-order-form .item-price {
width: 20%;
}
}
@media (min-width: 640px) {
.advancedSearch .advanced-search-wrap .only-productId {
position: absolute;
right: 0;
top: 0;
padding-right: 10px;
}
.advancedSearch .pagination-bar .sort-refine-bar,
.advancedSearch .pagination-bar .total-results {
float: left;
}
.advancedSearch .pagination-bar .sort-refine-bar {
margin-right: 20px;
}
.advancedSearch .create-order-form .details-price-wrap {
text-align: right;
}
}
@media (max-width: 1023px) {
.advancedSearch .pagination-bar .sort-refine-bar+.total-results {
margin-top: 40px;
}
.advancedSearch .item-list-item:before,
.advancedSearch .item-list-item:after {
content: " ";
display: table;
}
.advancedSearch .item-list-item:after {
clear: both;
}
.advancedSearch .item-list-item:before,
.advancedSearch .item-list-item:after {
content: " ";
display: table;
}
.advancedSearch .item-list-item:after {
clear: both;
}
.advancedSearch .item-list .item-quantity {
float: left;
text-align: left;
padding-top: 10px;
padding-right: 0;
line-height: 42px;
}
.advancedSearch .item-list .item-quantity label {
float: left;
margin: 0 10px 0 0;
}
.advancedSearch .item-list .item-quantity input {
float: left;
margin-right: 10px;
padding-left: 12px;
padding-right: 12px;
text-align: center;
width: 70px;
}
.advancedSearch .item-list .item-total {
margin: 0;
padding: 10px 20px 0 0;
line-height: 42px;
}
}
@media (max-width: 639px) {
.advancedSearch .pagination-bar .pagination-toolbar {
padding-left: 20px;
padding-right: 20px;
}
.advancedSearch .pagination-bar .sort-refine-bar+.total-results {
margin-top: 30px;
}
.advancedSearch .pagination-bar.pagination-empty {
padding-left: 20px;
padding-right: 20px;
}
.advancedSearch .create-order-form .create-order-form-button {
right: 10px;
top: -65px;
}
.advancedSearch .create-order-form .create-order-form-button.bottom {
bottom: -161px;
}
}
@media (max-width: 480px) {
.advancedSearch .create-order-form .create-order-form-button {
position: static;
margin-bottom: 35px;
}
.advancedSearch .create-order-form .create-order-form-button .btn {
width: 100%;
}
}
.item-list {
margin-top: 30px;
margin-bottom: 20px;
padding-left: 0;
list-style: none;
}
.item-list .item-list-item {
border-bottom: 1px solid #e5e5e5;
padding: 15px 0;
}
.item-list .item-list-item:nth-child(4n+4) {
background-color: #f4f4f4;
}
.item-list .item-list-item:nth-child(4n+4)+li .add-to-cart-order-form-wrap,
.item-list .item-list-item:nth-child(4n+4)+li .add-to-cart-order-form-wrap:after {
background-color: #f4f4f4;
}
.item-list .item-list-item:nth-child(4n+4)+li .add-to-cart-order-form-wrap .order-form-scroll.down {
bottom: 0;
z-index: 9999;
}
.item-list .item-list-item:last-child {
padding-right: 30px;
}
.item-list .item-list-header {
padding-left: 0;
list-style: none;
table-layout: fixed;
width: 100%;
}
.item-list .item-toggle {
font-size: 15px;
width: 25px;
}
.item-list .item-toggle>* {
cursor: pointer;
}
.item-list .item-toggle .open .glyphicon:before {
content: "\e113";
}
.item-list .item-image {
width: 136px;
padding: 0 20px;
}
.item-list .item-image img {
max-width: 96px;
}
.item-list .item-name {
font-size: 16px;
font-weight: 700;
}
.item-list .item-quantity {
text-align: center;
}
.item-list .item-quantity .form-control {
display: inline-block;
width: 60px;
height: 40px;
text-align: center;
}
.item-list .item-delivery .item-delivery-label {
text-transform: uppercase;
color: #929292;
font-weight: 700;
}
.item-list .item-total-column {
text-align: right;
}
.item-list .item-total {
font-size: 18px;
font-weight: 700;
text-align: right;
padding-left: 0;
}
.item-list .item-remove {
width: 45px;
text-align: right;
}
.item-list .item-remove .btn {
font-size: 25px;
background-color: transparent;
padding: 0;
border: 0;
color: #0068b3;
}
.item-list .item-remove .btn .glyphicon {
top: 4px;
}
.item-list #cartOrderGridForm .product-grid-container table {
background-color: #f4f4f4;
}
.item-list #cartOrderGridForm .product-grid-container table th {
background-color: #e4e4e4;
color: #3c3c3c;
}
.item-list .promo {
font-size: 14px;
font-weight: 700;
color: #00a651;
}
.item-list .promo ul {
padding-left: 0;
list-style: none;
}
.item-list .out-of-stock {
color: #ed1c24;
}
.item-list .read-only-grid .grid-row>td {
border-bottom: 1px solid #d9d9d9;
}
.item-list .read-only-grid .grid-prod-img {
width: 100px;
padding: 25px 40px 20px 45px;
vertical-align: top;
}
.item-list .read-only-grid .grid-prod-img+td {
padding-bottom: 5px;
}
.item-list .read-only-grid .grid-variant,
.item-list .read-only-grid .grid-size {
font-weight: 700;
}
.item-list .read-only-grid .grid-variant+.grid-variant:before,
.item-list .read-only-grid .grid-size+.grid-variant:before {
content: "|";
font-size: 15px;
margin: 0 10px;
width: 1px;
color: #cccccc;
}
.item-list .read-only-grid .grid-prod-info {
display: inline-block;
padding-top: 0;
padding-right: 40px;
}
.item-list .read-only-grid .grid-qty .grid-qty-label {
font-size: 12px;
text-transform: uppercase;
}
.item-list .read-only-grid .grid-price:before {
content: "|";
font-size: 15px;
margin: 0 10px;
width: 1px;
color: #cccccc;
}
@media (min-width: 1024px) {
.item-list>li .add-to-cart-order-form-wrap {
border-bottom: 1px solid #e5e5e5;
}
.item-list .item-list-item {
display: table;
table-layout: fixed;
width: 100%;
}
.item-list .item-list-item .item-sku-input,
.item-list .item-list-item .item-toggle,
.item-list .item-list-item .item-image,
.item-list .item-list-item .item-info,
.item-list .item-list-item .item-price,
.item-list .item-list-item .item-quantity,
.item-list .item-list-item .item-delivery,
.item-list .item-list-item .item-total,
.item-list .item-list-item .item-remove,
.item-list .item-list-item .item-quantity-total {
display: table-cell;
padding: 0 10px;
vertical-align: top;
}
.item-list .item-info {
width: 35%;
padding: 0 10px;
}
.item-list .item-delivery {
padding-left: 3%;
}
}
@media (min-width: 640px) {
.item-list #cartOrderGridForm {
max-height: 460px;
overflow: scroll;
}
.item-list #cartOrderGridForm table tr:first-child>th:first-child,
.item-list #cartOrderGridForm table tr>td:first-child {
border-right: 0;
padding-left: 40px;
}
}
@media (max-width: 1023px) {
.item-list {
border-top: 1px solid #e5e5e5;
margin-top: 20px;
}
.item-list .item-toggle .glyphicon {
width: 50px;
height: 50px;
}
.item-list .item-image {
float: left;
margin: 0;
}
.item-list .item-price .visible-xs {
display: inline !important;
}
.item-list .item-remove {
position: absolute;
right: 10px;
top: 8px;
padding: 0;
margin: 0;
}
.item-list .item-remove .btn {
text-align: center;
width: 50px;
height: 50px;
}
.item-list .item-total {
float: right;
}
.item-list .item-quantity-total {
clear: both;
float: none;
width: auto;
padding-right: 20px;
}
.item-list .item-quantity-total>.details {
cursor: pointer;
}
.item-list .item-quantity-total .qty {
line-height: 42px;
padding-top: 10px;
}
.item-list .item-quantity-total .qty:before,
.item-list .item-quantity-total .qty:after {
content: " ";
display: table;
}
.item-list .item-quantity-total .qty:after {
clear: both;
}
.item-list .item-quantity-total .qty:before,
.item-list .item-quantity-total .qty:after {
content: " ";
display: table;
}
.item-list .item-quantity-total .qty:after {
clear: both;
}
.item-list .item-quantity-total .qty label {
float: left;
margin: 0 10px 0 0;
}
.item-list .item-quantity-total .qty input {
float: left;
width: 70px;
text-align: center;
padding-left: 12px;
padding-right: 12px;
margin-right: 10px;
}
.item-list .item-quantity-total .qty .qtyValue {
float: left;
}
.item-list .item-quantity-total .qty .glyphicon {
float: right;
line-height: 40px;
padding-left: 5px;
}
.item-list .item-quantity-total .open .qty .glyphicon:before {
content: "\e114";
}
.item-list #cartOrderGridForm .product-grid-container {
font-size: 14px;
margin: 0;
}
.item-list #cartOrderGridForm .product-grid-container .variant-detail {
padding-left: 20px;
padding-top: 10px;
}
.item-list #cartOrderGridForm .product-grid-container .variant-detail img {
padding-right: 10px;
}
.item-list #cartOrderGridForm .product-grid-container .variant-select {
padding-top: 22px;
padding-right: 20px;
vertical-align: top;
}
.item-list #cartOrderGridForm .product-grid-container>table {
border-bottom: 1px solid #d9d9d9;
}
.item-list #cartOrderGridForm .product-grid-container>table tr td {
border-bottom: none;
}
.item-list #cartOrderGridForm .product-grid-container .variant-summary {
background-color: transparent;
}
.item-list #cartOrderGridForm .product-grid-container .variant-summary>td {
padding: 0 20px 20px;
}
.item-list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
border: none;
margin-top: 0;
margin-bottom: 5px;
}
.item-list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
padding: 0 10px 0 0;
}
.item-list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
padding: 0;
}
.item-list .read-only-grid .grid-prod-img {
padding-left: 20px;
padding-right: 30px;
}
.item-list .read-only-grid .grid-variant {
display: block;
}
.item-list .read-only-grid .grid-variant+.grid-variant:before {
content: none;
}
.item-list-item {
position: relative;
}
.item-list-item>div {
margin-left: 136px;
padding: 0 80px 0 0;
overflow: hidden;
text-overflow: ellipsis;
}
}
.account-orderdetail .item-list {
clear: both;
margin-top: 0;
}
/** Sortimo Colors**/
/*** Sortimo Width ***/
html {
/* we set this because of sap-ui-5 component for locationfinder which uses "rem" as size which is relative to html element*/
}
body {
font-weight: normal !important;
font-size: 16px;
-ms-overflow-style: scrollbar;
}
body main {
padding: 0 10px;
}
b {}
strong {}
@media (min-width: 1400px) {
.global-alerts {
width: 1400px !important;
margin: 0 auto ! important;
padding: 0 10px ! important;
}
.showFixedAlert {
left: 50%;
transform: translateX(-50%);
padding-left: 0px !important;
}
}
.showFixedAlert {
position: fixed;
z-index: 999999;
top: 250px;
width: 97%;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
padding: 0;
}
.navigation.navigation--top,
.container-fluid,
.navigation--middle .nav__left,
.breadcrumb-section {
padding: 0;
}
.row {
margin: 0;
}
.side_padding20 {
padding-left: 20px;
padding-right: 20px;
}
.side_padding30 {
padding-left: 30px;
padding-right: 30px;
}
.cutText {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.facet__list--hidden.js-facet-list-hidden {
display: none;
}
/*GRID*/
.sortimo_padding_facet .product__listing.product__grid {
padding-left: 50px;
padding-right: 0;
}
.pagination-bar .pagination-toolbar .pagination-bar-results,
.pagination-bar .pagination-bar .pagination-bar-results {
margin-top: 0;
padding-left: 33px;
padding-right: 0;
}
.pagination-bar.bottom .pagination-toolbar {
padding-left: 0;
}
.pagination-bar.bottom {
border-top: 0;
}
.pagination-bar.bottom .pagination-toolbar {
border-top: 0;
padding-right: 0px;
}
.pagination-bar.top {
margin-bottom: 15px;
}
/* Button */
p {
margin: 0 0 20px;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 0;
margin-bottom: 0;
}
div .sortimoWidth .yCmsContentSlot .yComponentWrapper .content h2 {
font-size: 20px;
}
label {
font-weight: normal;
text-transform: none;
}
@media (max-width: 640px) {
label {
font-size: 16px;
}
}
#cboxOverlay {
background: #696b6d;
}
#colorbox {
background-color: white;
}
@media (max-width: 1023px) {
body .form-group {
line-height: 20px;
}
}
.sectionA,
.sectionB {
width: 50%;
}
@media (max-width: 1199px) {
.sectionA,
.sectionB {
width: 100%;
}
}
.sortimoGrayBG {
background: #c5d1de;
}
.inline-block {
display: inline-block;
}
.nowrap {
white-space: nowrap;
}
.flex-wrap {
display: flex;
flex-wrap: wrap;
}
.flex-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
max-width: 1410px;
padding-left: 10px !important;
padding-right: 10px !important;
margin: 0 auto;
}
.flex-col {
flex-basis: 100%;
}
.flex-col:last-child {
margin-right: -10px;
}
@media screen and (min-width: 1199px) {
.flex-col {
flex: 1;
width: 100%;
}
}
h1,
.h1 {
font-size: 30px;
}
.autowidth {
width: auto !important;
}
.margin-0 {
margin: 0;
}
.margin-xs {
margin: 5px;
}
.margin-sm {
margin: 7px;
}
.margin-md {
margin: 10px;
}
.margin-lg {
margin: 15px;
}
.margin-xl {
margin: 25px;
}
.margin-top-0 {
margin-top: 0;
}
.margin-top-xs {
margin-top: 5px;
}
.margin-top-sm {
margin-top: 7px;
}
.margin-top-md {
margin-top: 10px;
}
.margin-top-lg {
margin-top: 15px;
}
.margin-top-xl {
margin-top: 25px;
}
.margin-bottom-0 {
margin-bottom: 0;
}
.margin-bottom-xs {
margin-bottom: 5px;
}
.margin-bottom-sm {
margin-bottom: 7px;
}
.margin-bottom-md {
margin-bottom: 10px;
}
.margin-bottom-lg {
margin-bottom: 15px;
}
.margin-bottom-xl {
margin-bottom: 25px;
}
.padding-0 {
padding: 0;
}
.padding-xs {
padding: 5px;
}
.padding-sm {
padding: 7px;
}
.padding-md {
padding: 10px;
}
.padding-lg {
padding: 15px;
}
.padding-xl {
padding: 25px;
}
.padding-top-0 {
padding-top: 0;
}
.padding-top-xs {
padding-top: 5px;
}
.padding-top-sm {
padding-top: 7px;
}
.padding-top-md {
padding-top: 10px;
}
.padding-top-lg {
padding-top: 15px;
}
.padding-top-xl {
padding-top: 25px;
}
.padding-bottom-0 {
padding-bottom: 0;
}
.padding-bottom-xs {
padding-bottom: 5px;
}
.padding-bottom-sm {
padding-bottom: 7px;
}
.padding-bottom-md {
padding-bottom: 10px;
}
.padding-bottom-lg {
padding-bottom: 15px;
}
.padding-bottom-xl {
padding-bottom: 25px;
}
@font-face {
font-family: 'sortimo-icomoon';
src: url('../fonts/sortimo-icomoon.eot?dbwrk7');
src: url('../fonts/sortimo-icomoon.eot?dbwrk7#iefix') format('embedded-opentype'), url('../fonts/sortimo-icomoon.ttf?dbwrk7') format('truetype'), url('../fonts/sortimo-icomoon.woff?dbwrk7') format('woff'), url('../fonts/sortimo-icomoon.svg?dbwrk7#sortimo-icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="sortimo-icon-"],
[class*=" sortimo-icon-"],
.sortimo-icon {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'sortimo-icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* color: #c5d1de; */
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.sortimo-icon-branch-bau:before {
content: "\e900";
}
.sortimo-icon-branch-elektro:before {
content: "\e901";
}
.sortimo-icon-branch-holz:before {
content: "\e902";
}
.sortimo-icon-branch-maler:before {
content: "\e903";
}
.sortimo-icon-branch-shk:before {
content: "\e904";
}
.sortimo-icon-branch-sonstiges:before {
content: "\e905";
}
@font-face {
font-family: 'sortimo-license-plate';
src: url('../fonts/GL-Nummernschild-Mtl.ttf') format('truetype'), url('../fonts/GL-Nummernschild-Mtl.otf') format('opentype-font');
font-weight: normal;
font-style: normal;
}
.sortimo_text,
.sortimo_text_default,
.sortimo_text_lightgray,
.sortimo_text_gray,
.sortimo_text_midgray,
.sortimo_text_middarkgray,
.sortimo_text_darkgray,
.sortimo_text_lightblue,
.sortimo_text_blue,
.sortimo_text_darkblue {
font-family: "Roboto Regular";
font-size: 17px;
color: #546373;
}
.sortimo_text_default {
background: #fff;
color: #2d363f;
}
.sortimo_text_lightgray {
background: #dee7f0;
color: #546373;
}
.sortimo_text_lightgray a {
color: #1c9bd8;
}
.sortimo_text_gray {
background: #c5d1de;
color: #546373;
}
.sortimo_text_gray a {
color: #1c9bd8;
}
.sortimo_text_midgray {
background: #7c8c9c;
color: #dee7f0;
}
.sortimo_text_midgray a {
color: #6dc9f0;
}
.sortimo_color_midgray {
color: #7c8c9c;
}
.sortimo_text_middarkgray {
background: #546373;
color: #dee7f0;
}
.sortimo_text_middarkgray a {
color: #6dc9f0;
}
.sortimo_text_darkgray {
background: #2d363f;
color: #dee7f0;
}
.sortimo_text_darkgray a {
color: #6dc9f0;
}
.sortimo_text_lightblue {
background: #6dc9f0;
color: #dee7f0;
}
.sortimo_text_lightblue a {
color: #0669b2;
}
.sortimo_text_blue {
background: #219bd7;
color: #dee7f0;
}
.sortimo_text_blue a {
color: #0669b2;
}
.sortimo_text_darkblue {
background: #0669b2;
color: #dee7f0;
}
.sortimo_text_darkblue a {
color: #6dc9f0;
}
.sortimo_text_small {
font-size: 15px;
}
.headline_01_lt {
font-size: 30px !important;
color: #1c9bd8;
font-family: "Roboto Condensed";
}
.headline_02_lt {
font-size: 22px;
color: #1c9bd8 !important;
}
.headline_02_lt_77 {
font-size: 22px;
color: #1c9bd8 !important;
font-family: "Roboto Condensed";
}
.headline_03_lt {
font-size: 17px;
color: #1c9bd8;
}
.headline_03_lt_77 {
font-size: 17px;
color: #1c9bd8;
font-family: "Roboto Condensed";
}
.headline_01_dk {
font-size: 30px !important;
color: #546373 !important;
font-family: "Roboto Condensed";
}
.headline_02_dk {
font-size: 22px !important;
color: #546373 !important;
}
.headline_02_dk_77 {
font-size: 22px !important;
color: #546373 !important;
font-family: "Roboto Condensed";
}
.headline_03_dk {
font-size: 17px !important;
color: #546373 !important;
}
.headline_03_dk_77 {
font-size: 17px !important;
color: #546373 !important;
font-family: "Roboto Condensed";
}
.text_04_lt {
font-size: 22px !important;
color: #1c9bd8 !important;
}
.text_04_lt_77 {
font-size: 22px !important;
color: #1c9bd8 !important;
font-family: "Roboto Condensed";
}
.text_05_lt {
font-size: 20px !important;
color: #1c9bd8 !important;
}
.text_05_lt_77 {
font-size: 20px !important;
color: #1c9bd8 !important;
font-family: "Roboto Condensed";
}
.text_06_lt {
font-size: 17px !important;
color: #1c9bd8 !important;
}
.text_06_lt_77 {
font-size: 17px !important;
color: #1c9bd8 !important;
font-family: "Roboto Condensed";
}
.text_07_lt {
font-size: 15px !important;
color: #1c9bd8 !important;
}
.text_08_lt {
font-size: 13px !important;
color: #1c9bd8 !important;
}
.text_04_dk {
font-size: 22px !important;
color: #546373 !important;
}
.text_04_dk_77 {
font-size: 22px !important;
color: #546373 !important;
font-family: "Roboto Condensed";
}
.text_05_dk {
font-size: 20px !important;
color: #546373 !important;
}
.text_05_dk_77 {
font-size: 20px !important;
color: #546373 !important;
font-family: "Roboto Condensed";
}
.text_06_dk {
font-size: 17px !important;
color: #546373 !important;
}
.text_06_dk_77 {
font-size: 17px !important;
color: #546373 !important;
font-family: "Roboto Condensed";
}
.text_07_dk {
font-size: 15px !important;
color: #546373 !important;
}
.text_08_dk {
font-size: 13px !important;
color: #546373 !important;
}
.sortimoTextMidblue {
color: #0669b2 !important;
}
.sortimoTextBold {
font-family: "Roboto Condensed";
}
.sortimoText700 {
font-weight: 700;
}
.sortimoTextLineThrough {
text-decoration: line-through;
}
.sortimnoInfoPopup {
width: 25px;
display: inline-flex;
}
.sortimo-content-slot {
overflow: hidden;
}
table th {
font-size: 16px;
font-weight: inherit;
background-color: #142939;
color: #546373;
padding: 8px 10px;
vertical-align: top;
}
.responsive-table-item:nth-child(even) {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}
.responsive-table-item:last-child {
border-bottom: 1px solid #e5e5e5;
}
@media (min-width: 1024px) {
.item-list .item-list-item .item-quantity-total {
vertical-align: top;
}
}
.product__facet .facet {
border-bottom: none;
padding-left: 0px;
}
.product__facet .facet .facet__list li {
padding: 5px 0;
}
.product__facet .facet .facet__name {
margin-left: 0px;
}
.filter-headline {
margin-left: 0px;
padding-top: 40px;
font-size: 22px;
border-top: 2px solid #cccccc;
}
.sortimoWidth .searchSpellingSuggestionPrompt {
display: inline;
}
.sortimoWidth .sortimo_padding_facet .product-grid-right-result-slot .product__list--wrapper .product__listing.product__grid,
.sortimoWidth .sortimo_padding_facet .search-grid-page-result-grid-slot .product__list--wrapper .product__listing.product__grid {
width: 100%;
}
.sortimoWidth .sortimo_padding_facet .product-grid-right-result-slot .product__list--wrapper .product__listing.product__grid .product-item div .details,
.sortimoWidth .sortimo_padding_facet .search-grid-page-result-grid-slot .product__list--wrapper .product__listing.product__grid .product-item div .details {
overflow: inherit;
display: block;
}
.sortimoWidth .sortimo_padding_facet .product-grid-right-result-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .compareButtonHolder button,
.sortimoWidth .sortimo_padding_facet .search-grid-page-result-grid-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .compareButtonHolder button {
font-size: 15px;
}
.sortimoWidth .sortimo_padding_facet .product-grid-right-result-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .compareButtonHolder .width185,
.sortimoWidth .sortimo_padding_facet .search-grid-page-result-grid-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .compareButtonHolder .width185 {
width: 185px;
}
.sortimoWidth .sortimo_padding_facet .product-grid-right-result-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .compareButtonHolder .compareActionShow svg,
.sortimoWidth .sortimo_padding_facet .search-grid-page-result-grid-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .compareButtonHolder .compareActionShow svg {
margin-left: 10px;
}
.sortimoWidth .sortimo_padding_facet .product-grid-right-result-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket,
.sortimoWidth .sortimo_padding_facet .search-grid-page-result-grid-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket {
width: 55px;
}
.sortimoWidth .sortimo_padding_facet .product-grid-right-result-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket .add_to_cart_form .width50,
.sortimoWidth .sortimo_padding_facet .search-grid-page-result-grid-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket .add_to_cart_form .width50 {
width: 50px;
}
.sortimoWidth .sortimo_padding_facet .product-grid-right-result-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket .add_to_cart_form .width50 svg,
.sortimoWidth .sortimo_padding_facet .search-grid-page-result-grid-slot .product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket .add_to_cart_form .width50 svg {
height: 30px;
margin-top: -3px;
}
.product__list--wrapper .product__listing.product__grid {
width: 100%;
}
.product__list--wrapper .product__listing.product__grid .product-item div .details .compareButtonHolder .width185 {
width: 185px;
}
.product__list--wrapper .product__listing.product__grid .product-item div .details .compareButtonHolder .compareActionShow svg {
margin-left: 10px;
}
.product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket {
width: 55px;
}
.product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket .add_to_cart_form .width50 {
width: 50px;
}
.product__list--wrapper .product__listing.product__grid .product-item div .details .addToBasket .add_to_cart_form .width50 svg {
height: 30px;
margin-top: -3px;
}
.compareButtonHolder button {
height: 43px;
}
@media (min-width: 602px) and (max-width: 1023px) {
.product__listing.product__grid {
margin-left: -20px;
}
}
.product__listing.product__grid .product-item {
max-width: 259px;
padding: 0;
margin: 0;
margin-left: 20px;
margin-bottom: 30px;
min-height: 346px;
}
@media (max-width: 601px) {
.product__listing.product__grid .product-item {
margin-left: 0px !important;
width: 100%;
max-width: none;
margin-bottom: 0px;
}
.product__listing.product__grid .product-item>div>a {
width: 100%;
}
.product__listing.product__grid .product-item>div>a>img {
width: auto;
}
}
.product__listing.product__grid .product-item .sortimo_button {
display: none;
}
.product__listing.product__grid .product-item .details {
padding: 0px 2px 0px 2px;
}
.product__listing.product__grid .product-item .details .name {
padding-bottom: 5px;
}
.product__listing.product__grid .product-item .details .compareButtonHolder {
display: none;
}
.product__listing.product__grid .product-item .details .compareButtonHolder button {
margin-top: 5px;
}
@media (min-width: 600px) {
.product__listing.product__grid .product-item:hover {
min-height: 346px;
}
.product__listing.product__grid .product-item:hover .details {
padding: 0px;
margin-top: -2px;
}
}
@media (min-width: 600px) and (min-width: 801px) {
.product__listing.product__grid .product-item:hover .details .compareButtonHolder {
display: block;
}
}
.product__listing.product__grid .product-item:first-child {
margin: 0;
margin-left: 20px;
}
.product__listing.product__grid .product-item div .thumb img {
max-width: none;
}
.product__listing.product__grid .details {
width: 95%;
}
.product__listing.product__grid .details .name {
display: block;
height: auto;
text-align: left;
}
.product__listing.product__grid .details div:not(:first-child) {
display: inline-block;
}
.product__listing.product__grid .details div.price {
padding-left: 10px;
color: #0669b2;
font-family: "Roboto Condensed";
width: 39%;
text-align: right;
display: inline-block;
float: left;
margin-bottom: 10px;
line-height: 21px;
font-size: 15px;
}
.product__listing.product__grid .details div.artnr {
width: 61%;
text-align: left;
display: inline-block;
float: left;
}
.product__listing.product__grid .thumb {
border: 2px solid #dee7f0;
width: 260px;
height: 260px;
}
.sortimoWidth {
width: 1410px;
padding-left: 10px !important;
padding-right: 10px !important;
margin: 0 auto ! important;
}
.sortimoWidth .categoryMarketing {
border-top: 1px solid #dee7f0;
padding-top: 20px;
padding-bottom: 30px;
}
.sortimoWidth .categoryMarketing h1 {
font-size: 26px;
}
.sortimoWidth .categoryMarketing h2 {
font-size: 19px;
}
.sortimoWidth .categoryHeader {
position: relative;
overflow-x: hidden;
}
@media (max-width: 500px) {
.sortimoWidth .categoryHeader.headerPictureNoText {
display: none;
}
}
.sortimoWidth .categoryHeader .categoryHeaderPicture {
z-index: 0;
}
@media (max-width: 500px) {
.sortimoWidth .categoryHeader .categoryHeaderPicture {
display: none;
}
}
.sortimoWidth .categoryHeader .categoryHeaderTexts {
z-index: 1;
padding-left: 30px;
padding-top: 20px;
position: absolute;
width: 40%;
min-width: 450px;
color: white;
}
@media (max-width: 500px) {
.sortimoWidth .categoryHeader .categoryHeaderTexts {
min-width: 0px;
width: 100%;
background: #219bd7;
min-height: 223px;
position: relative;
padding-right: 30px;
padding-bottom: 20px;
}
}
.sortimoWidth .categoryHeader .categoryHeaderTexts .categoryHeaderTeaser {
font-family: "Roboto Condensed";
font-size: 30px;
line-height: 30px;
margin-bottom: 20px;
}
.sortimoWidth .categoryHeader .categoryHeaderTexts p {
margin-bottom: 0;
}
.page-searchEmpty main .search-empty {
text-align: left;
}
.page-searchEmpty main div .search-empty a {
margin-bottom: 25px;
}
.page-searchEmpty main div .row .searchEmptyPageContactForm-component .contactForm a {
display: inline-block;
}
.carousel__component .carousel__component--headline .products_carousel_headline {
font-size: 20px;
text-transform: none;
font-weight: normal;
padding-bottom: 1px;
border-bottom: 3px solid #219bd7;
}
/*
.js-mainHeader {
&:extend(.sortimoWidth);
}*/
.product__facet .facet {
padding: 15px 30px 15px 0px;
border-top: 2px solid #cccccc;
}
@media (max-width: 1023px) {
.product__facet .facet.active .facet__arrow {
transform: rotate(180deg);
}
}
.product__facet .facet:first-child {
border-top: none;
}
.product__facet .facet .facet__name {
font-family: "Roboto Condensed";
font-weight: normal;
}
.pagination-bar .pagination-toolbar,
.pagination-bar .product__facet .facet,
.pagination-bar #product-facet {
border: none;
}
.carousel__component.sortimo_product_carousel {
margin: 0;
padding: 0;
}
.reduced {
background: #c11818;
border-radius: 90px;
width: 60px;
height: 60px;
position: absolute;
right: 10px;
content: "%";
color: white;
top: 10px;
}
.reduced:after {
content: "%";
font-size: 50px;
line-height: 60px;
}
@media (min-width: 320px) {
.reducedBig {
background: #c11818;
border-radius: 90px;
width: 100px;
height: 100px;
position: absolute;
right: 10px;
content: "%";
color: white;
top: 15px;
}
.reducedBig:after {
content: "%";
font-size: 83px;
line-height: 100px;
}
}
@media (min-width: 640px) {
.reducedBig {
background: #c11818;
border-radius: 90px;
width: 150px;
height: 150px;
position: absolute;
right: 10px;
content: "%";
color: white;
top: 15px;
}
.reducedBig:after {
content: "%";
font-size: 125px;
line-height: 150px;
}
}
@media (max-width: 320px) {
.reducedBig {
background: #c11818;
border-radius: 90px;
width: 60px;
height: 60px;
position: absolute;
right: 10px;
content: "%";
color: white;
top: 10px;
}
.reducedBig:after {
content: "%";
font-size: 50px;
line-height: 60px;
}
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
height: 320px;
margin: 0 0;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item {
margin: 0 auto;
border: 1px solid #dee7f0;
width: 256px ! important;
height: 320px;
position: relative;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item:hover {
border: 1px solid #c3d1de;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .cross-selling-item {
width: 262px !important;
color: #546373 !important;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .cross-selling-item:hover {
color: #0068b3 !important;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .cross-selling-item .carousel__item--name,
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .cross-selling-item .carousel__item--link {
text-align: center !important;
color: #546373 !important;
/*a {
color: #546373 !important;
&:hover {
color: #0068b3 !important;
}
}*/
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .cross-selling-item .carousel__item--name:hover,
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .cross-selling-item .carousel__item--link:hover {
color: #0068b3 !important;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item a {
display: block;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item a .click {
z-index: 100;
margin: 0 auto;
width: 100%;
text-align: center;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item a .click .right {
margin-left: 7px;
margin-bottom: -2px;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .item a .thumb img {
display: block;
width: 100%;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item .carousel__item--name {
font-family: "Roboto Regular";
padding: 10px;
height: 60px;
background: #dee7f0;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item .carousel__item--name span {
display: block;
font-family: "Roboto Condensed";
text-transform: none;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item .carousel__item--name .owl_link {
font-weight: 300;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .carousel__item .carousel__item--link {
bottom: 0px;
height: 28px;
position: absolute;
width: 100%;
}
.sortimo_product_carousel .carousel__component--carousel {
margin: 0 0 ! important;
}
.sortimo_product_carousel .carousel__component--headline {
position: relative;
text-align: left;
}
.sortimo_product_carousel .carousel__component--headline .sortimo_hr_line {
border-bottom: 1px solid #dee7f0;
position: absolute;
bottom: 4px;
width: 100%;
}
.sortimo_product_carousel .carousel__component--headline h2 {
border-bottom: 4px solid #219bd7;
padding-bottom: 5px;
width: auto;
display: inline-block;
text-transform: none;
font-family: "Roboto Regular";
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:hover {
border-color: #c5d1de;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:hover .carousel__item--name {
background: #c5d1de;
}
.sortimo_product_carousel .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:hover .carousel__item--link svg path {
fill: #0068b3;
}
.sortimo_product_carousel .carousel .item .thumb img,
.carousel__component--carousel .item .thumb img,
.carousel .carousel__item .thumb img,
.carousel__component--carousel .carousel__item .thumb img,
.carousel .item .carousel__item--thumb img,
.carousel__component--carousel .item .carousel__item--thumb img,
.carousel .carousel__item .carousel__item--thumb img,
.carousel__component--carousel .carousel__item .carousel__item--thumb img {
max-width: 254px;
max-height: 260px;
}
.sortimo_product_carousel .carousel .item .item-name,
.carousel__component--carousel .item .item-name,
.carousel .carousel__item .item-name,
.carousel__component--carousel .carousel__item .item-name,
.carousel .item .carousel__item--name,
.carousel__component--carousel .item .carousel__item--name,
.carousel .carousel__item .carousel__item--name,
.carousel__component--carousel .carousel__item .carousel__item--name {
position: absolute;
bottom: 0px;
display: block;
margin: 0;
left: 0px;
width: 100%;
background: #dee7f0;
padding: 10px;
}
.sortimo_product_carousel .carousel .item .item-name b,
.carousel__component--carousel .item .item-name b,
.carousel .carousel__item .item-name b,
.carousel__component--carousel .carousel__item .item-name b,
.carousel .item .carousel__item--name b,
.carousel__component--carousel .item .carousel__item--name b,
.carousel .carousel__item .carousel__item--name b,
.carousel__component--carousel .carousel__item .carousel__item--name b {
font-size: 17px;
}
.sortimo_product_carousel .carousel .item .item-name .click,
.carousel__component--carousel .item .item-name .click,
.carousel .carousel__item .item-name .click,
.carousel__component--carousel .carousel__item .item-name .click,
.carousel .item .carousel__item--name .click,
.carousel__component--carousel .item .carousel__item--name .click,
.carousel .carousel__item .carousel__item--name .click,
.carousel__component--carousel .carousel__item .carousel__item--name .click {
padding-top: 10px;
}
.sortimo_product_carousel .carousel .item .item-name:before,
.carousel__component--carousel .item .item-name:before,
.carousel .carousel__item .item-name:before,
.carousel__component--carousel .carousel__item .item-name:before,
.carousel .item .carousel__item--name:before,
.carousel__component--carousel .item .carousel__item--name:before,
.carousel .carousel__item .carousel__item--name:before,
.carousel__component--carousel .carousel__item .carousel__item--name:before {
content: "";
}
.sortimo_product_carousel .carousel .item .item-name:after,
.carousel__component--carousel .item .item-name:after,
.carousel .carousel__item .item-name:after,
.carousel__component--carousel .carousel__item .item-name:after,
.carousel .item .carousel__item--name:after,
.carousel__component--carousel .item .carousel__item--name:after,
.carousel .carousel__item .carousel__item--name:after,
.carousel__component--carousel .carousel__item .carousel__item--name:after {
content: "";
width: 0;
}
.page-productDetails .product_gallery_thumbs {
padding-left: 0;
padding-right: 0;
margin-left: 0;
}
.page-productDetails .product_gallery_thumbs .owl-item:not(:first-child) {
margin-left: 10px;
}
.sortimo-social-2-click:hover {
cursor: pointer;
}
.sortimo-info {
background: #219bd7;
color: #ffffff;
border-radius: 5px;
padding: 20px;
}
.sortimo-social-info-overlay-hover .sortimo-info {
margin-bottom: -9999px;
position: absolute;
z-index: 501;
}
.product-grid-left-refinements-component .product__facet {
border: none;
}
.search-grid-page-left-refinements-component .product__facet {
border: none;
}
.sortimo_top_pagination .pagination-bar .pagination-toolbar {
padding: 0;
}
.sortimo_top_pagination .pagination-bar .pagination-toolbar .sort-refine-bar .sortimo_sortForm label {
vertical-align: top;
}
@media (max-width: 639px) {
.sortimo_top_pagination .pagination-bar .pagination-toolbar .sort-refine-bar .sortimo_pagination {
display: none;
}
}
.sortimo_top_pagination .sortimo_foundProducts {
margin-left: 10px;
white-space: nowrap;
}
.price {
white-space: nowrap;
}
.price .promo_price {
color: #c11818;
display: inline-block;
}
.price .list_price {
color: #546373;
font-size: 14px;
float: none;
text-decoration: line-through;
vertical-align: bottom;
}
@media (min-width: 1024px) {
.product__list--wrapper {
margin: 0 0 0 -21px;
}
}
@media (max-width: 599px) {
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item {
height: 100%;
border: 0;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item>div {
background: #ffffff;
display: block;
border: 2px solid #c3d1de;
z-index: 1;
width: 100%;
padding-bottom: 20px;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item>div .thumb {
border: 0;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item>div .thumb img {
height: 100% !important;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item>div .sortimo_button {
display: block;
width: 80%;
margin: 0 auto;
position: relative;
margin-top: 5px;
margin-bottom: 0px;
white-space: nowrap;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item>div .details {
margin-top: 16px;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item>div .details .addToBasket .sortimo_button {
display: block;
margin-bottom: 20px;
}
}
@media (min-width: 600px) {
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item {
height: 346px;
/*@media (min-width: 640px) {
width: 30%;
}*/
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item:hover {
border: 0;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item:hover>div {
background: #ffffff;
position: absolute;
display: block;
height: 400px;
border: 2px solid #c3d1de;
z-index: 1;
width: 260px;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item:hover>div .thumb {
border: 0;
width: 256px;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item:hover>div .sortimo_button {
display: block;
width: 80%;
margin: 0 auto;
position: relative;
margin-top: 5px;
margin-bottom: 0px;
white-space: nowrap;
}
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item:hover>div .details .price {
padding-right: 1px;
}
}
@media (min-width: 600px) and (max-width: 639px) {
.sortimo_padding_facet .product-grid-right-result-slot .product__listing.product__grid .product-item {
padding-bottom: 0;
width: 260px;
}
}
@media (min-width: 1024px) {
.product__listing.product__grid .product-item {
width: 30%;
}
.product__listing.product__grid .product-item:hover {
border: 0;
}
.product__listing.product__grid .product-item:hover>div {
background: #ffffff;
position: absolute;
display: block;
height: 400px;
border: 2px solid #c3d1de;
z-index: 1;
width: 260px;
}
.product__listing.product__grid .product-item:hover>div .thumb {
border: 0;
width: 256px;
}
.product__listing.product__grid .product-item:hover>div .sortimo_button {
display: block;
width: 80%;
margin: 0 auto;
position: relative;
margin-top: 5px;
margin-bottom: 0px;
white-space: nowrap;
}
.product__listing.product__grid .product-item:hover>div .details .price {
padding-right: 1px;
}
.sortimoWidth .categoryHeader .categoryHeaderPicture {
width: 100%;
overflow: hidden;
}
.sortimoWidth .categoryHeader .categoryHeaderPicture img {
width: 100%;
min-height: 200px;
}
}
@media (min-width: 1024px) and (max-width: 1100px) {
.sortimoWidth .categoryHeader .categoryHeaderPicture img {
width: 110%;
height: 110%;
}
}
@media (max-width: 1399px) {
.sortimo_padding_facet .product__listing.product__grid {
padding-left: 20px;
}
}
@media (max-width: 1023px) {
.sortimo_padding_facet .product__listing.product__grid {
padding-left: 0;
}
}
@media (min-width: 640px) {
.sortimo_padding_facet .product__listing.product__grid .product-item {
width: 259px;
}
}
@media (max-width: 639px) {
.sortimo_padding_facet .product__listing.product__grid {
display: block;
}
.sortimo_padding_facet .product__listing.product__grid .product-item {
padding-bottom: 20px;
}
}
#jumpToRating {
cursor: pointer;
float: left;
}
.clear {
clear: both;
}
.js-mainHeader {
margin-left: -10px;
background: none;
}
.js-mainHeader.stage-header {
margin-bottom: calc(100vh - 190px) !important;
width: 100vw;
background-color: white;
margin-left: -10px !important;
margin-right: -10px !important;
padding-left: 10px !important;
padding-right: 27px !important;
position: relative;
z-index: 2;
border-bottom: 2px solid #DEE7F0;
}
@media (max-width: 1024px) {
.js-mainHeader.stage-header {
margin-bottom: calc(100vh - 89px) !important;
}
}
@media (max-width: 639px) {
.js-mainHeader.stage-header {
padding-top: 0px;
padding-right: 10px !important;
}
}
.js-mainHeader.stage-header:not(:hover) {
background-color: rgba(255, 255, 255, 0.5);
/* #Navigation {
border-bottom: 2px solid transparent;
}*/
}
.js-mainHeader.stage-header:not(:hover) .form-control {
background-color: rgba(255, 255, 255, 0);
}
.js-mainHeader.stage-header:not(:hover) .langSelWrapper .lang-form .langSelButton {
background-color: rgba(222, 231, 240, 0);
}
.js-mainHeader.stage-header:not(:hover) .langSelWrapper .lang-form .langSelButton.active {
background-color: rgba(192, 209, 222, 0);
}
.js-mainHeader.stage-header #Navigation {
border-bottom: none;
}
.js-mainHeader.stage-header .breadcrumb-section {
display: none;
}
.js-mainHeader>* {
width: 1410px;
}
@media (max-width: 1023px) {
.branding-mobile.stage-branding {
background-color: rgba(255, 255, 255, 0.5);
position: relative;
border-bottom: none;
}
}
.sortimo-content {
/* unclear why this was set to 15 px ... moves complete content to the right???
padding-left: 15px;
*/
opacity: 0;
}
.navigation--middle .nav__left .site-search {
background: none;
}
#Navigation .menu a[href] {
font-family: "Roboto Condensed";
}
.js-logged_in {
border-right: 0;
color: #0068b3;
font-size: 14px;
vertical-align: bottom;
padding-right: 15px;
}
.breadcrumb-section {
background: #fff;
padding: 0;
}
.breadcrumb-section .breadcrumb {
background: none;
text-transform: none;
}
.breadcrumb-section li+li:before {
content: "\003e";
}
.breadcrumb-section li a {
color: #7c8c9c;
font-size: 15px;
}
.breadcrumb-section li.active {
color: #546373;
font-size: 15px;
}
@media (max-width: 1399px) {
.navigation--top {
padding-right: 30px;
}
}
.navigation--top .nav__left {
margin-top: 25px;
}
.navigation--top .nav__left .simple-banner-component img,
.navigation--top .nav__left .banner__component img {
width: 275px;
}
.navigation.navigation--top {
padding-top: 0px;
}
.navigation.navigation--top .nav__left {
padding-bottom: 0;
}
.header_bar {
height: 40px;
line-height: 40px;
width: calc(100% + 20px);
margin-left: -10px;
display: block;
background: #C5D1DF;
z-index: 2;
position: relative;
}
.site-search {
width: 80%;
margin: 0 auto;
}
.ui-front form {
padding: 22px 0 0 0;
display: inline-block;
width: 100%;
}
.ui-front form .input-group {
border: 1px solid #777;
width: 100%;
height: 40px;
display: inline-block;
}
.ui-front form .input-group #js-site-search-input {
border: none;
box-shadow: none;
height: auto;
display: inline-block;
padding: 7px 20px;
width: 90%;
font-size: 17px;
}
.ui-front form .input-group .input-group-btn {
display: inline-block;
}
.ui-front form .input-group .input-group-btn .btn.btn-link {
padding-top: 5px;
width: auto;
}
.minicart_li {
white-space: normal;
}
.nav__links.nav__links--account {
text-align: right;
width: auto;
margin: 0;
white-space: nowrap;
}
.nav__links.nav__links--account div {
text-align: center;
}
.nav__links.nav__links--account p {
margin: 0;
font-size: 12px;
padding-bottom: 5px;
}
.nav__links.nav__links--account .glyphicon {
font-size: 35px;
margin-top: 0;
padding-top: 0;
margin: 0 auto;
display: block;
}
.nav__links.nav__links--account .navigation.navigation--top ul.nav__links li:not(:last-child) {
border-right: 1px solid lightgray;
margin-right: 10px;
padding-right: 10px;
color: #0068b3;
font-size: 12px;
}
.nav__links.nav__links--account .navigation.navigation--top ul.nav__links li.c4c {
font-size: 14px;
}
.navigation.navigation--top li {
float: none;
display: inline-block;
}
.navigation.navigation--top li:hover {
background: none;
}
.navigation.navigation--top ul.nav__links>li:not(:last-child) {
border-right: 1px solid lightgray;
margin-right: 7px;
padding-right: 10px;
color: #0068b3;
font-size: 12px;
}
.navigation.navigation--top ul.nav__links>li.c4c {
font-size: 14px;
}
.nav-cart a[href] div svg {
height: 34px;
width: 37px;
}
.show_usermenu a[href] div svg {
height: 34px;
width: 40px;
}
@media screen and (max-width: 1399px) {
.js-mainHeader {
width: 100vw;
}
.sortimoWidth {
width: 100%;
margin: 0;
}
.js-mobile-logo img {
width: 200px;
}
}
@media screen and (max-width: 640px) {
.navigation--top .nav__left {
padding: 0;
margin-top: 0px;
}
.site-search.active {
display: block;
margin-bottom: 15px;
}
}
@media screen and (max-width: calc(640px - 1px)) {
.site-search {
display: none;
}
}
#configIsComingSoonDiv {
display: none;
}
.configIsComingSoonDiv {
text-align: center;
font-family: "Roboto Condensed";
font-size: 20px;
}
.delivery-popup {
text-align: center;
font-family: "Roboto Condensed";
font-size: 16px;
}
.delivery-popup .popup-headline {
font-size: 20px;
padding-bottom: 15px;
}
#nonShoppingCountrySelection {
display: none;
visiblity: hidden;
}
.country-selection .info-text {
margin-bottom: 10px;
}
.country-selection .shop-links>.shop-link {
display: flex;
align-items: center;
}
.country-selection .shop-links>.shop-link>span.icon {
margin-right: 15px;
}
.country-selection .shop-links>.shop-link>span.icon>svg {
width: 50px;
height: 50px;
}
.country-selection .shop-links>.shop-link>span {
float: left;
}
@media (max-width: 1023px) {
.navigation--top>.row {
display: flex;
align-items: flex-end;
}
.navigation--top>.row .nav__left .banner__component img {
width: 140px;
}
.navigation--top>.row .site-search form {
padding: 0;
}
.navigation--top>.row .site-search form .input-group {
display: flex;
justify-content: space-between;
}
.navigation--top>.row .site-search form .input-group span.input-group-btn {
width: 40px;
height: 40px;
}
.navigation--top>.row .site-search form .input-group span.input-group-btn .btn.btn-link {
padding: 0;
width: 40px;
height: 40px;
margin-top: -1px;
display: flex;
justify-content: center;
align-items: center;
}
.navigation--top>.row ul.nav__links {
display: flex;
justify-content: flex-end;
padding: 0;
}
.navigation--top>.row ul.nav__links li .user-icon p,
.navigation--top>.row ul.nav__links li .user-icon-inner p,
.navigation--top>.row ul.nav__links li .mini-cart-icon p {
display: none;
}
}
footer {
padding-top: 50px;
width: calc(100% + 20px);
margin-left: -10px;
background: #dee7f0;
margin-top: 40px;
position: relative;
}
footer .footerSlots {
padding-bottom: 40px;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
footer .footerSlots .footerSlot:nth-child(n + 2) {
border-left: solid;
border-width: 1px;
border-color: #c5d1de;
}
footer .footerSlots .footerSlot {
padding-left: 20px;
padding-right: 20px;
height: 330px;
width: 20%;
float: left;
margin-bottom: 20px;
}
@media (max-width: 639px) {
footer .footerSlots .footerSlot {
padding-right: 0px;
}
}
footer .footerSlots .footerSlot .content h2,
footer .footerSlots .footerSlot .content .h2 {
color: #c5d1de;
padding-bottom: 20px;
font-size: 30px;
}
@media (max-width: 639px) {
footer .footerSlots .footerSlot .content h2,
footer .footerSlots .footerSlot .content .h2 {
font-size: 22px;
}
}
footer .footerSlots .footerSlot .content div {
color: #7c8c9c;
font-size: 16px;
}
footer .footerSlots .footerSlot .content .sortimo-info {
background: #219bd7;
color: #ffffff;
border-radius: 5px;
padding: 20px;
min-width: 200%;
margin-left: -100%;
}
footer .footerSlots .footerSlot .content .contactPhone {
color: #7c8c9c;
font-size: 30px;
margin-top: -5px;
}
footer .footerSlots .footerSlot a[href] {
color: #7c8c9c;
display: block;
padding-top: 10px;
font-size: 16px;
}
footer .footerSlots .footerSlot a[href] img {
padding-left: 5px;
}
footer .footerSlots .footer5 {
position: relative;
}
footer .footerSlots .footer5 .content:first-child {
padding-bottom: 20px;
}
footer .footerSlots .footer5 .social-buttons {
margin-top: -5px;
}
footer .footerSlots .footer5 .social-buttons div a[href] {
padding-top: 0px;
padding-left: 0;
}
footer .footerBottom {
text-align: center;
border-top: 1px solid #c5d1de;
border-bottom: 1px solid #c5d1de;
padding: 15px 0px 15px 0px;
margin-bottom: 75px;
}
@media (max-width: 639px) {
footer .footerBottom {
padding: 15px 0px 20px 0px;
margin-bottom: 0px;
}
}
footer .footerBottom a[href] {
color: #7c8c9c;
padding: 0px 20px 0px 20px;
font-size: 16px;
}
@media (max-width: 639px) {
footer .footerBottom a[href] {
padding: 4px 0px;
}
}
footer .footerBottom a[href]:nth-child(n + 2) {
border-left: 1px solid #7c8c9c;
}
footer .footerBottom .footerLogo {
position: absolute;
bottom: -16px;
margin-left: -53.5px;
padding-left: 15px;
padding-right: 15px;
left: 50%;
background-color: #dee7f0;
}
.footer__bottom,
.footer__copyright {
background: #dee7f0;
}
@media (max-width: 1024px) {
.contactForm .form-group {
line-height: 50px;
}
footer {
padding-top: 0px;
}
footer .footerSlots {
border-bottom: 1px solid #c5d1de;
padding-bottom: 0;
}
footer .footerSlots .footerSlot:nth-child(n + 2) {
border-left: none;
}
footer .footerSlots .footerSlot {
height: auto;
padding-left: 0;
float: none;
width: 100%;
margin-bottom: 0;
}
footer .footerSlots .footerSlot .content .h2 {
border-top: 1px solid #c5d1de;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
cursor: pointer;
display: block;
}
footer .footerSlots .footerSlot .content h2 {
border-top: 1px solid #c5d1de;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
cursor: pointer;
}
footer .footerSlots .footerSlot .content h2:after {
float: right;
margin-right: 15px;
content: url("../images/arrow_Mehr-filter_large.svg");
margin-top: -2px;
}
footer .footerSlots .footerSlot .content .h2:after {
float: right;
margin-right: 15px;
content: url("../images/arrow_Mehr-filter_large.svg");
margin-top: -2px;
}
footer .footerSlots .footerSlot .content div {
display: none;
padding-left: 15px;
}
footer .footerSlots .footerSlot .content .sortimo-social-info-overlay-hover div {
padding-left: 0px;
}
footer .footerSlots .footerSlot .content .sortimo-social-info-overlay-hover a>svg {
margin-left: 0px;
}
footer .footerSlots .footerSlot .content .social-info-overlay.sortimo-social-info-overlay.sortimo-info {
border-radius: 5px;
padding: 20px;
width: 100%;
min-width: initial;
margin: 0px;
}
footer .footerSlots .footerSlot .content .social-info-overlay.sortimo-social-info-overlay.sortimo-info .social-info-overlay-activateButton {
padding-bottom: 13px;
}
footer .footerSlots .footerSlot a[href] {
display: none;
padding-left: 15px;
}
footer .footerSlots .footerSlot :last-child {
padding-bottom: 15px;
}
footer .footerSlots .footerSlot img:last-child {
padding-bottom: 0;
}
footer .footerSlots .footerSlot .footerSlotResponsive {
padding-bottom: 0px;
}
footer .footerSlots .footerSlot.sortimoResponsiveShow .content div {
display: block;
}
footer .footerSlots .footerSlot.sortimoResponsiveShow .content>div.h2:after {
transform: rotate(180deg);
}
footer .footerSlots .footerSlot.sortimoResponsiveShow a[href] {
display: block;
}
footer .footerSlots .footerSlotResponsive .content {
padding-bottom: 0;
}
footer .footerSlots .footerSlotResponsive.sortimoResponsiveShow {
padding-bottom: 15px;
}
footer .footerSlots .footerSlotResponsive.sortimoResponsiveShow .content div {
display: block;
}
footer .footerSlots .footerSlotResponsive.sortimoResponsiveShow .content>div.h2:after {
transform: rotate(180deg);
}
footer .footerSlots .footerSlotResponsive.sortimoResponsiveShow a[href] {
display: block;
}
footer .footerSlots .footerSlotResponsive.sortimoResponsiveShow :last-child {
padding-bottom: 0px;
}
footer .footerSlots .footer5 .content:first-child {
padding-bottom: 0px;
}
footer .footerBottom a[href] {
display: block;
}
footer .footerBottom a[href]:nth-child(n + 2) {
border-left: none;
}
}
@media (max-width: 639px) {
.sortimo-contactform-wrapper {
padding-bottom: 40px;
}
}
@media (max-width: 1023px) {
.navigation__overflow .nav__links--mobile {
font-family: "Roboto Condensed";
}
.navigation__overflow .nav__links--mobile.offcanvasGroup1 li.auto {
border-bottom: 1px solid #dee7f0;
background-color: #ffffff;
}
.navigation__overflow .nav__links--mobile.offcanvasGroup1 li.auto a {
color: #0669b2;
}
.navigation__overflow .nav__links--mobile.offcanvasGroup1 li.auto div.sub-nav a {
border-bottom: 1px solid #dee7f0;
color: #0669b2;
}
}
@media (max-width: 1023px) {
nav.portalFunction li.liUserSign {
height: 55px;
}
nav.portalFunction li.liUserSign a.userSign .user-icon-inner.portalFunction svg {
display: none;
}
nav.portalFunction li.auto div.myAccountLinksContainer {
display: none;
}
}
@media (max-width: 1023px) {
.navigation .sub_3_navigation {
display: none;
padding-top: 20px;
}
.navigation .sub_3_navigation .js_open_thrd_level {
padding-top: 20px;
}
.navigation .sub_3_navigation .js_sub_3_navigation {
display: none;
}
.navigation .sub_3_navigation .js_sub_3_navigation a {
color: #536272;
}
.navigation .sub_3_navigation .js_sub_3_navigation li {
border-bottom: none;
}
.navigation .sub_3_navigation .js_sub_3_navigation ul.sub-3-navigation-list {
padding-bottom: 20px;
}
.navigation .sticky-nav-top .userSign {
padding: 0;
}
.navigation .sticky-nav-top .userSign .user-icon-inner {
display: none;
}
.navigation .sticky-nav-top .userSign #moveAbleLangSelection {
width: 100%;
height: 100%;
}
.navigation .sticky-nav-top .userSign #moveAbleLangSelection .lang-form {
width: 100%;
height: 100%;
float: right;
}
.navigation .sticky-nav-top .userSign #moveAbleLangSelection .lang-form .langSelButton {
background-color: #dee7f0;
border: 0;
height: 50px;
padding: 0;
margin: 0;
margin-top: 4px;
display: inline-block;
clear: both;
width: 40%;
}
.navigation .sticky-nav-top .userSign #moveAbleLangSelection .lang-form .langSelButton:first-child {
margin-left: 10%;
}
.navigation .sticky-nav-top .userSign #moveAbleLangSelection .lang-form .active {
background: #c5d1de;
}
.navigation.navigation--bottom .nav__links--products li {
width: 100%;
}
.navigation.navigation--bottom .nav__links--products li a {
font-size: 18px;
font-family: "Roboto Condensed";
}
.navigation.navigation--bottom .nav__links--products li ul li a {
color: #0669b2;
}
.navigation.navigation--bottom .nav__links--products li ul li div.title a {
color: #536272;
}
.navigation.navigation--bottom .nav__links--products li ul li ul li {
border-bottom: none;
}
.navigation.navigation--bottom .nav__links--products li ul li ul li a {
color: #536272;
}
.navigation.navigation--bottom .nav__links--products .navigation__overflow .nav__links .nav__links--primary .sub__navigation .sub_sub_navigation {
display: none;
}
.navigation.navigation--bottom .nav__links--products .navigation__overflow .nav__links .nav__links--primary .sub__navigation>a {
border-bottom: 1px solid #e5e5e5;
}
.navigation.navigation--bottom .nav__links--products .navigation__overflow .nav__links .nav__links--primary .sub__navigation .sub-navigation-section>.title {
border-bottom: none;
}
.navigation.navigation--bottom .nav__links--products .navigation__overflow .nav__links .nav__links--primary .sub__navigation .sub-navigation-section>.title>a {
padding: 30px 0 0px 0;
}
.navigation.navigation--bottom .nav__links--products .navigation__overflow .nav__links .nav__links--primary .sub__navigation .sub-navigation-list {
display: none;
}
.navigation.navigation--bottom .nav__links--products .navigation__overflow .nav__links .nav__links--primary .sub__navigation .sub-navigation-list>li {
border-bottom: none;
}
.navigation.navigation--bottom .nav__links--products .navigation__overflow .nav__links .nav__links--primary .sub__navigation .sub-navigation-list>li>a {
padding: 15px 30% 15px 50px;
}
header.js-mainHeader {
border-bottom: solid 1px #d9d9d9;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #d9d9d9;
margin-bottom: 15px !important;
}
.branding-mobile {
display: flex;
justify-content: space-between;
background-color: initial;
border: none;
}
.branding-mobile .js-mobile-logo {
display: inline-flex;
height: 46px;
}
.branding-mobile .mobile__nav__row--btn {
background: none;
padding-left: 0;
}
.branding-mobile .mobile__nav__row--btn svg {
height: 30px;
margin-bottom: 5px;
margin-top: 5px;
}
.branding-mobile .mobile__nav__row--btn-menu span.glyphicon {
height: 28px;
font-size: 28px;
color: #546373;
}
.mobile__nav__row {
padding-top: 10px;
padding-bottom: 10px;
}
.mobile__nav__row--table-row {
height: 40px;
/*
.mobile__nav__row--table-cell:first-child{
.glyphicon {
float:left;
margin-left:15px;
@media(max-width: @screen-xs-max) {
margin-left: 0px;
}
}
}*/
}
.mobile__nav__row--table-row .mobile__nav__row--table-cell {
height: 40px;
}
.mobile__nav__row--table-row .mobile__nav__row--table-cell.mobile__nav__row--seperator {
border-left: 1px solid #546373;
border-color: #546373;
}
.mobile__nav__row--table-row .mobile__nav__row--table-cell .mobile__nav__row--btn {
height: 40px;
}
.mobile__nav__row--table-row .mobile__nav__row--table-cell .mobile__nav__row--btn svg {
height: 30px;
margin-bottom: 5px;
margin-top: 5px;
}
.mobile__nav__row--table-row .mobile__nav__row--table-cell .mobile__nav__row--btn svg path {
fill: #546373;
}
.mobile__nav__row--table-row .mobile__nav__row--table-cell .mobile__nav__row--btn-menu span.glyphicon {
color: #546373;
margin-bottom: 5.5px;
margin-top: 5.5px;
}
.mobile__nav__row--table-row .mobile__nav__row--table-cell:first-child {
border-left: none;
}
.st0-cartItem {
fill: #546373 !important;
}
.navigation__overflow .auto.nav__links--primary.nav__links--primary-has__sub {
height: 100%;
}
.navigation__overflow .auto.nav__links--primary.nav__links--primary-has__sub .nav__link {
padding-top: 20px;
}
.navigation__overflow .auto.nav__links--primary.nav__links--primary-has__sub.js-enquire-has-sub .menuArrow {
background: url(../images/menuArrow.svg) no-repeat center;
transform: none;
vertical-align: middle;
/*margin-top: -10px;*/
padding: 70px 35px 30px 17px;
float: right;
right: -20px;
}
.navigation__overflow .auto.nav__links--primary.nav__links--primary-has__sub.js-enquire-has-sub .menuArrow2:before {
background: url(../images/menuArrow.svg) no-repeat right;
transform: rotate(0deg);
content: "";
width: 40px;
height: 60px;
z-index: 3;
float: right;
}
.navigation__overflow .auto.nav__links--primary.nav__links--primary-has__sub.js-enquire-has-sub .menuArrow2 {
position: relative;
overflow: hidden;
padding: 20px 20px 20px 0px;
/*padding: 40px 35px 30px 30px;*/
/*padding: 70px 35px 30px 30px;*/
float: right;
width: 100%;
color: #536272;
font-size: 18px;
font-family: "Roboto Condensed";
}
.navigation__overflow .auto.nav__links--primary.nav__links--primary-has__sub.js-enquire-has-sub .menuArrow2>span {
top: 24px;
position: relative;
left: 32px;
}
.navigation__overflow .auto .sub__navigation a .backArrow {
background: url(../images/menuArrow.svg) no-repeat center;
vertical-align: middle;
margin-top: -12px;
padding: 20px 30px 20px 30px;
float: left;
transform: rotate(90deg);
}
.navigation__overflow .auto .sub__navigation a .upArrow {
background: url(../images/menuArrow.svg) no-repeat center;
vertical-align: middle;
margin-top: -51px;
padding: 20px 30px 20px 17px;
float: right;
transform: rotate(180deg);
}
.navigation__overflow .auto .sub__navigation a .upArrow2:before {
background: url(../images/menuArrow.svg) no-repeat left;
transform: rotate(180deg);
content: "";
position: absolute;
width: 100%;
height: 80px;
z-index: 3;
right: 9px;
float: right;
}
.navigation__overflow .auto .sub__navigation a .upArrow2 {
position: relative;
overflow: hidden;
vertical-align: middle;
float: right;
width: 100%;
height: 80px;
color: #536272;
font-size: 18px;
font-family: "Roboto Condensed";
border-bottom: 1px solid #e5e5e5;
}
.navigation__overflow .auto .sub__navigation a .upArrow2>span {
top: 25px;
left: 32px;
position: relative;
}
.navigation__overflow .auto .sub__navigation a .upArrow2 .noTransform {
text-transform: none;
}
.navigation__overflow .auto .sub__navigation .noPaddingBottom {
padding: 0 !important;
border-bottom: 0 !important;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.navigation.navigation--bottom .nav__links--products li:last-child {
padding-bottom: 0px;
}
}
@media (max-width: 1023px) and (min-width: 480px) {
.branding-mobile {
justify-content: center;
}
}
@media (max-width: 1023px) and (min-width: 480px) {
.branding-mobile .mobile__nav__row--btn {
display: none !important;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.branding-mobile .mobile__nav__row--btn {
display: flex;
align-items: center;
}
}
@media (max-width: 1023px) and (max-width: 639px) {
.mobile__nav__row--table-row .mobile__nav__row--table-cell.mobile__nav__row--seperator {
padding: 0 6px;
}
}
#Navigation {
margin-top: 20px;
border-bottom: 2px solid #dee7f0;
margin-bottom: 10px;
}
#Navigation li {
display: inline-block;
}
#Navigation>.menu {
width: 100%;
display: inline-block;
padding-bottom: 15px;
}
#Navigation>.menu>div>ul {
padding: 0;
list-style: none;
padding-left: 0px;
position: relative;
}
#Navigation>.menu>div>ul>li>a {
display: none;
}
#Navigation>.menu>div>ul>li>a>div>div>ul {
padding: 0;
}
#Navigation>.menu>div>ul>li>div>ul>li {
background-color: red;
}
#Navigation>.menu>div>ul>li>div>ul>li>div,
#Navigation>.menu>div>ul>li>div>ul>li>a {
display: none !important;
}
#Navigation>.menu>div>ul>li>div>ul>li>div>div>div>ul,
#Navigation>.menu>div>ul>li>div>ul>li>a>div>div>ul {
padding: 0;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul {
padding: 0;
margin: 0;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li {
padding-bottom: 15px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li:not(:first-child)>a {
padding-left: 10px;
display: inline-block;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li:last-child a {
border-right: 0;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li:first-child:hover a.catalognavigationmenuShow:before {
left: calc(50% - 22.5px);
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li:hover a.catalognavigationmenuShow:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 6px 10px;
border-color: transparent transparent #0669b2 transparent;
margin: 0 auto;
position: absolute;
z-index: -5;
bottom: -12px;
left: calc(50% - 10px);
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li:hover>.wrapper.catalognavigationmenuShow {
display: block;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li:hover>.wrapper>div>ul {
display: block;
padding-left: 0;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>a {
font-family: "Roboto Condensed";
padding-right: 10px;
width: 100%;
border-right: 1px solid #536272;
position: relative;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li.catalognavigationmenuShow:hover {
border-bottom: 5px solid #0669b2;
padding-bottom: 11px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper {
position: absolute;
left: 0px;
background: #fff;
z-index: 999;
width: 100%;
max-width: 1385px;
padding-left: 10px !important;
padding-right: 10px !important;
top: 42.99px;
display: none;
box-shadow: 0px 2px 0px 3px lightgrey;
border-style: hidden none none none;
border-width: 20px;
margin-left: 3px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div {
margin: 20px 0px;
background-clip: content-box;
background-size: 20%;
padding-left: 0px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li {
line-height: 15px;
position: relative;
width: 20%;
margin-right: 0;
padding-left: 5px;
display: inline-table;
/* > a {
font-weight: bold;
font-size: 20px;
padding-bottom: 20px;
color: @sortimoHLMid;
}*/
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li:nth-child(5n) {
margin-right: 0px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li:nth-child(5n+1) {
padding-left: 5px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>div>a {
font-size: 18px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>.wrapper {
margin-left: 35px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul {
padding-left: 0;
display: block;
padding-bottom: 20px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li {
display: block;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>a {
color: #536272;
padding-left: 0;
font-size: 15px;
font-weight: normal;
padding-bottom: 15px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li .wrapper div ul li {
padding: 0;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>div>.iconHolder {
width: 35px;
display: inline-block;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>div>.iconHolder>.catNavIcon {
width: 32px;
height: 32px;
}
#Navigation>.menu>div>ul>li>.wrapper>div>ul>li>.wrapper>div>ul>li>div>a {
color: #0669b2;
padding-bottom: 20px;
line-height: 20px;
vertical-align: middle;
max-width: calc(100% - 35px);
}
#Navigation>.menu ul li ul li ul {
display: none;
}
#Navigation>.menu>ul {
position: relative;
margin-bottom: 20px;
}
#Navigation>.menu>ul>li {
width: 100%;
}
#Navigation>.menu>ul>li:hover>.wrapper div>ul>li>a {
display: block;
}
#Navigation>.menu>ul>li>a {
display: none;
}
#Navigation div.sub-navigation-container ul li a {
display: inline-block;
color: #536272;
font-size: 16px;
font-family: 'Roboto Bold';
}
#Navigation div ul li a {
display: inline-block;
color: #536272;
font-size: 20px;
font-family: 'Roboto Bold';
}
#Navigation ul>.wrapper div>li>ul>.wrapper div>li:not(:first-child)>a {
padding-left: 25px;
display: inline-block;
}
#Navigation .menu>ul>li>ul>li:hover ul {
display: block;
position: absolute;
left: 0px;
width: 100%;
background: #fff;
margin-top: 7px;
height: 200px;
z-index: 999;
padding: 30px;
box-shadow: 0px 2px 1px 3px #dadada;
}
#Navigation .menu>ul>li>ul>li>ul {
display: none;
}
.nav__links>li>.nav__link.js_nav__link>a.first-level-no-sub {
padding: 0px 30% 0px 30px;
}
.nav__links>li>.nav__link.js_nav__link>a>.menu-text {
padding: 0;
color: #536272;
vertical-align: middle;
}
.nav__links>li>.nav__link.js_nav__link>.menu-text {
padding: 20px 30px 20px 30px;
color: #536272;
font-size: 18px;
font-family: "Roboto Condensed";
display: block;
}
.nav__links .sub-navigation-section>div.title>a {
padding: 20px 0 20px 50px;
color: #0669b2;
font-size: 18px;
font-family: "Roboto Condensed";
}
.sub-navigation-section>.sub-navigation-list>li>a {
color: #536272;
padding-left: 80px;
}
.navigation--middle .nav-cart {
height: auto;
padding: 0;
}
@media (max-width: 1023px) {
.navigation--middle .nav-cart .mini-cart-link .mini-cart-icon {
top: 0;
}
}
@media (max-width: 639px) {
.navigation--middle .nav-cart .mini-cart-link .mini-cart-icon {
left: 0;
top: 0;
height: 40px;
padding-bottom: 0;
display: flex;
align-items: center;
}
.navigation--middle .nav-cart .mini-cart-link .mini-cart-icon svg {
margin: 0;
}
}
.navigation--middle .mobile__nav__row.mobile__nav__row--table .mobile-menu-btn,
.navigation--middle .mobile__nav__row .mobile__nav__row--table .mobile-menu-btn {
display: none;
}
@media (max-width: 1023px) {
.navigation--middle .mobile__nav__row.mobile__nav__row--table,
.navigation--middle .mobile__nav__row .mobile__nav__row--table {
display: flex !important;
justify-content: center;
}
.navigation--middle .mobile__nav__row.mobile__nav__row--table .mobile-menu-btn,
.navigation--middle .mobile__nav__row .mobile__nav__row--table .mobile-menu-btn {
background: none;
padding-left: 0;
height: 40px;
align-items: center;
justify-content: center;
width: 40px;
}
.navigation--middle .mobile__nav__row.mobile__nav__row--table .mobile-menu-btn span,
.navigation--middle .mobile__nav__row .mobile__nav__row--table .mobile-menu-btn span {
top: 0;
margin: 0;
color: #526372;
font-size: 29px;
}
.navigation--middle .mobile__nav__row.mobile__nav__row--table .mobile__nav__row--table-group,
.navigation--middle .mobile__nav__row .mobile__nav__row--table .mobile__nav__row--table-group {
display: flex !important;
}
.navigation--middle .mobile__nav__row.mobile__nav__row--table .mobile__nav__row--table-row,
.navigation--middle .mobile__nav__row .mobile__nav__row--table .mobile__nav__row--table-row {
display: flex !important;
}
.navigation--middle .mobile__nav__row.mobile__nav__row--table .mobile__nav__row--table-cell,
.navigation--middle .mobile__nav__row .mobile__nav__row--table .mobile__nav__row--table-cell {
display: flex !important;
padding: 0 10px;
}
}
@media (max-width: 1023px) and (min-width: 480px) {
.navigation--middle .mobile__nav__row.mobile__nav__row--table,
.navigation--middle .mobile__nav__row .mobile__nav__row--table {
justify-content: space-between;
}
}
@media (max-width: 1023px) and (min-width: 480px) {
.navigation--middle .mobile__nav__row.mobile__nav__row--table .mobile-menu-btn,
.navigation--middle .mobile__nav__row .mobile__nav__row--table .mobile-menu-btn {
display: flex !important;
}
}
.navigation--bottom .nav__links--primary.active .sub__navigation>.menu-text {
padding: 20px 30px 20px 30px;
color: #536272;
font-size: 18px;
font-weight: 600;
}
.navigation--bottom .nav__links--primary-has__sub .nav__link {
width: 75%;
}
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
width: 25%;
}
@media (min-width: 1024px) {
.navigation--middle {
border-top: none;
}
.navigation--middle .showInSideMenuOnly {
display: none;
}
}
/*** New Order Portal Navigation ***/
#Navigation .sortimoMenu {
position: relative;
}
#Navigation .sortimoMenu .wrapperTopLevel>div {
display: inline-block;
padding-bottom: 15px;
}
#Navigation .sortimoMenu .wrapperTopLevel>div.hasSubCat:hover>.sub-navigation-container {
visibility: visible;
}
#Navigation .sortimoMenu .wrapperTopLevel>div.hasSubCat:hover,
#Navigation .sortimoMenu .wrapperTopLevel>div.hasSubCat.active {
padding-bottom: 10px;
border-bottom: 5px solid #0669b2;
}
#Navigation .sortimoMenu .wrapperTopLevel>div.hasSubCat:hover>span:before,
#Navigation .sortimoMenu .wrapperTopLevel>div.hasSubCat.active>span:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 6px 10px;
border-color: transparent transparent #0669b2 transparent;
margin: 0 auto;
position: absolute;
z-index: -5;
bottom: -12px;
left: calc(40%);
}
#Navigation .sortimoMenu .wrapperTopLevel>div:not(:first-child)>span {
padding-left: 10px;
}
#Navigation .sortimoMenu .wrapperTopLevel>div:last-child>span {
border-right: 0px;
}
#Navigation .sortimoMenu .wrapperTopLevel>div>span {
font-family: "Roboto Condensed";
color: #536272;
font-size: 20px;
border-right: 1px solid #536272;
padding-right: 10px;
position: relative;
cursor: default;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container {
position: absolute;
z-index: 3;
visibility: hidden;
top: 100%;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul {
width: 300px;
padding-left: 0px;
padding-top: 15px;
padding-bottom: 15px;
border: 2px solid #EEEFF1;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container {
background-color: white;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel {
display: flex;
align-items: center;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 25px;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel a {
color: #0068b3;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel span.arrow-container {
display: flex;
align-items: center;
margin-right: 20px;
margin-left: auto;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel>ul {
visibility: hidden;
position: absolute;
left: 298px;
top: 0;
background-color: #dee7f0;
border-left: none;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel>ul>li.secLevel {
display: flex;
align-items: center;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel>ul>li.secLevel a {
color: #0068b3;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel>ul>li.secLevel>ul {
visibility: hidden;
position: absolute;
left: 298px;
top: -2px;
background-color: #c5d1de;
border-left: none;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel>ul>li.secLevel>ul>li.thirdLevel {
display: flex;
align-items: center;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 25px;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel>ul>li.secLevel>ul>li.thirdLevel a {
color: #0068b3;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel.hasSubCat .arrow-container svg .cls-1 {
fill: #0068b4;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel:hover {
background-color: #dee7f0;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel:hover>ul>li:hover {
background-color: #c5d1de;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel.hasSubCat:hover {
background-color: #dee7f0;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel.hasSubCat:hover>ul {
visibility: visible;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel.hasSubCat:hover>ul>li.hasSubCat:hover {
background-color: #c5d1de;
}
#Navigation .sortimoMenu .wrapperTopLevel>div .sub-navigation-container ul.first-level-container>li.firstLevel.hasSubCat:hover>ul>li.hasSubCat:hover>ul {
visibility: visible;
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
padding: 0;
text-transform: uppercase;
border-bottom: none;
}
}
@media (max-width: 1023px) {
.navigation--bottom .nav__links--products li a {
padding: 20px 0 20px 50px;
}
}
.nav__right {
padding-right: 25px;
}
.nav__right ul.nav__links--shop_info {
margin-bottom: 0;
}
@media (max-width: 1024px) {
.nav__right ul.nav__links--shop_info {
padding-left: 10px;
}
}
@media (min-width: 640px) {
.nav__right ul.nav__links--shop_info {
float: right;
}
}
@media (max-width: 639px) {
.nav__right ul.nav__links--shop_info {
border-left: 1px solid #d9d9d9;
display: table-cell;
text-align: center;
vertical-align: top;
padding: 0;
}
.nav__right ul.nav__links--shop_info li {
float: none;
}
}
@media (min-width: 640px) {
.nav__right ul.nav__links--shop_info .componentContainer .yCmsComponent {
display: inline;
}
}
.nav__right ul.nav__links--shop_info .nav-location {
min-width: 60px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
}
.nav__right ul.nav__links--shop_info .nav-location span {
font-size: 30px;
top: 27%;
color: #0068b3;
}
@media (min-width: 640px) {
.nav__right ul.nav__links--shop_info .nav-location {
float: right;
padding: 0px 10px;
}
}
@media (min-width: 1024px) {
.nav__right ul.nav__links--shop_info .nav-location {
padding: 0px 30px;
}
}
@media (max-width: 1023px) {
.nav__links--primary-has__sub {
position: static;
}
}
@media (max-width: 1023px) {
.nav__links--primary-has__sub .nav__link {
width: 75%;
}
}
.nav__links--primary-has__sub .nav__link--drill__down {
display: inline-block;
width: 25%;
color: #0068b3;
min-height: 30px;
padding: 20px 0;
}
.valid-to {
color: #e67d3a;
padding-left: 0px !important;
}
.availabilityColorIndicator.HEADER-V1 {
color: #e67d3a;
}
.availabilityColorIndicator.HEADER-V2 {
color: #e67d3a;
}
.availabilityColorIndicator.HEADER-V3 {
color: #e67d3a;
}
.availabilityColorIndicator.HEADER-V3 {
color: #31b4a4;
}
.availabilityColorIndicator.HEADER-V4 {
color: #31b4a4;
}
.availabilityColorIndicator.HEADER-V5 {
color: #e67d3a;
}
.availabilityColorIndicator.HEADER-V6 {
color: #c11818;
}
.availabilityColorIndicator.HEADER-101 {
color: #31b4a4;
}
.availabilityColorIndicator.HEADER-102 {
color: #31b4a4;
}
.availabilityColorIndicator.HEADER-103 {
color: #31b4a4;
}
.availabilityColorIndicator.shippingPoint {
color: #3c3c3c;
}
.carousel.image-gallery__image {
width: 680px;
height: 680px;
}
.youtube-iframe {
position: relative;
transform: translateY(45%);
}
.spritespin {
margin: auto;
cursor: move;
}
.modal-header {
border-bottom: none;
}
.modal-header button.close {
font-size: 30px;
padding: 10px 25px;
position: absolute;
right: 0;
top: 0;
}
.image-360-thumbnail-link:hover,
.image-360-thumbnail-link:focus,
.image-360-thumbnail-link:active,
.image-360-thumbnail-link:visited {
outline: none;
border: none;
}
.video-play-thumbnail {
font-size: 58px;
color: #ddd;
text-decoration: none;
}
.video-play-thumbnail:hover,
.video-play-thumbnail:focus,
.video-play-thumbnail:active {
color: #ddd;
text-decoration: none;
}
.video-play-thumbnail .glyphicon {
line-height: 78px;
}
.product-main-info .name {
font-size: 30px;
font-family: "Roboto Condensed";
color: #536272;
padding: 5px 0;
}
.addtocart-component .input-group-btn {
background: #EBF0F4;
}
.addtocart-component .input-group-btn .btn.btn-default.js-qty-selector-minus,
.addtocart-component .input-group-btn .btn.btn-default.js-qty-selector-plus,
.addtocart-component .input-group-btn .btn.btn-default.sortimo-js-qty-selector-minus,
.addtocart-component .input-group-btn .btn.btn-default.sortimo-js-qty-selector-plus {
background: #EBF0F4;
border: none;
}
.addtocart-component .input-group-btn .btn.btn-default.js-qty-selector-minus .glyphicon glyphicon-minus,
.addtocart-component .input-group-btn .btn.btn-default.js-qty-selector-plus .glyphicon glyphicon-minus,
.addtocart-component .input-group-btn .btn.btn-default.sortimo-js-qty-selector-minus .glyphicon glyphicon-minus,
.addtocart-component .input-group-btn .btn.btn-default.sortimo-js-qty-selector-plus .glyphicon glyphicon-minus {
background: #EBF0F4;
}
.add-to-cart .add-to-cart-item .thumb {
width: 96px;
height: 96px;
border: 1px solid #c5d1de;
}
.add-to-cart .add-to-cart-item .thumb img {
width: 94px;
height: 94px;
max-width: unset;
}
/* TABS COMPONENT */
.tabs .tabs-list {
margin: 0;
border-bottom: 1px solid #EBF0F4;
margin-bottom: 20px;
width: 100%;
}
.js-tabs.tabs-responsive .tabs-list {
width: 100%;
}
.js-tabs.tabs-responsive .tabs-list li a {
color: #c5d1de;
font-size: 20px !important;
text-transform: none;
}
.js-tabs.tabs-responsive .tabs-list li.active a {
color: #546373;
border-bottom: 4px solid #219bd7;
font-weight: normal;
}
.js-tabs.tabs-responsive .tabs-list li+li:before {
height: 25px;
}
.js-tabs.tabs-responsive .content {
width: 50%;
}
.js-tabs.tabs-responsive .tabs-list li:nth-child(1) {
padding-left: 0;
}
.js-tabs.tabs-responsive .tabbody {
background: none;
border: 0;
padding: 0;
font-size: 16px;
}
@media (max-width: 1023px) {
.js-tabs.tabs-responsive .tabbody .container-lg .row .top20 {
padding-top: 20px;
}
}
.pdfDownload {
padding-bottom: 10px;
cursor: pointer;
}
.pdfDownload .downloadLink {
color: #0068b3;
}
.pdfDownload .downloadLink span {
background: url(../images/icon_pdf-download.svg) no-repeat center center;
width: 20px;
height: 32px;
display: inline-block;
margin-bottom: -9px;
margin-right: 5px;
margin-left: 15px;
}
/* TABS COMPONENT */
/* GALLERY COMPONENT */
.gallery-carousel .owl-wrapper-outer {
height: 99%;
}
.gallery-carousel .owl-wrapper-outer .owl-item {
width: 90px;
height: 90px;
border: 1px solid #dee7f0;
box-sizing: content-box;
overflow: hidden;
}
/* GALLERY COMPONENT */
.owl-carousel .owl-controls .owl-buttons .owl-prev {
left: -10px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
right: -10px;
}
/* DETAILS LIST COMPONENT */
.sortimo_product_details {
list-style-type: none;
padding-left: 0;
}
.sortimo_product_details .availability span {
font-family: "Roboto Regular";
margin-right: 20px;
}
.sortimo_product_details li {
line-height: 40px;
border-bottom: 1px solid #dee7f0;
}
.sortimo_product_details li div {
display: block;
}
.sortimo_product_details li div div {
display: inline-flex;
line-height: initial;
padding-top: 10px;
padding-bottom: 10px;
}
.sortimo_product_details li div .attributeKey {
min-width: 100px;
max-width: 30%;
margin-right: 20px;
}
.sortimo_product_details li div .bold {
font-family: "Roboto Condensed";
}
.sortimo_product_details li div .attributeValue {
width: 63%;
max-width: calc(100% - 130px);
}
.sortimo_product_details li span {
font-family: "Roboto Condensed";
margin-right: 20px;
}
.sortimo_product_details li:first-child {
border-top: 1px solid #dee7f0;
}
.sortimo_product_details li .bundleProducts {
padding-bottom: 10px;
padding-left: 40px;
}
.sortimo_product_details li .bundleProducts li {
line-height: 20px;
border-top: none;
border-bottom: none;
}
/* DETAILS LIST COMPONENT */
.product-main-info .price {
font-size: 25px;
font-family: "Roboto Condensed";
color: #0669b2;
}
.product-main-info .price * {
display: inline-block;
}
.product-main-info .price .list_price {
padding-bottom: 4px;
}
.product-main-info .AddToCart-AddToCartAction {
position: relative;
}
@media (max-width: 640px) {
.product-main-info .rating {
margin-top: 5px;
}
}
ul.sortimo_product_features {
text-indent: 2px;
list-style: none;
list-style-position: outside;
padding-top: 20px;
padding-left: 0px;
}
ul.sortimo_product_features li:before {
content: '✔\fe0e';
margin-right: 7px;
float: left;
}
.image-gallery__image .sortimo_productzoom_icon {
display: block;
background: #eaeaea;
width: 50px;
height: 50px;
position: absolute;
left: 0px;
top: calc((100% - 50px));
line-height: 50px;
color: lightgray;
font-size: 25px;
}
.image-gallery__image .sortimo_productzoom_icon:before {
content: "\e003";
}
.product_gallery {
border: 1px solid #dee7f0;
margin: 0;
}
.write-review .review-header {
color: #0669b2;
padding-bottom: 30px;
}
#reviewForm .form-group .sortimo-placeholder {
padding-left: 15px;
line-height: 25px;
color: #7c8c9c;
}
#reviewForm .form-group .review-error {
font-size: 16px;
text-align: left;
}
#reviewForm .form-group .control-label {
width: 100%;
display: block;
line-height: 20px;
height: 20px;
font-size: 14px;
color: #7c8c9c;
}
#reviewForm .form-group .sortimo-placeholder {
color: #dee7f0;
}
#reviewForm .form-group label {
width: 100%;
display: block;
}
#reviewForm .form-group input {
width: 100%;
display: block;
}
#reviewForm .form-group .rating {
padding-bottom: 25px;
}
#reviewForm .form-group .rating .rating-stars span {
font-size: 40px;
}
@media (max-width: 640px) {
#reviewForm .form-group .rating .rating-stars span {
margin-top: 10px;
}
}
#reviewForm .form-group .row div {
float: none;
}
#reviewForm .form-group .row div .has-error .help-block div span {
float: left;
font-size: 16px;
font-weight: normal;
font-family: "Roboto Condensed";
}
#reviewForm .form-group .row div div ::-webkit-input-placeholder {
color: #c5d1de !important;
}
#reviewForm .form-group .row div div ::-moz-placeholder {
/* Firefox 19+ */
color: #c5d1de !important;
}
#reviewForm .form-group .row div div :-ms-input-placeholder {
color: #c5d1de !important;
}
#reviewForm .form-group textarea {
resize: none;
}
#sortimoReturnsForm .col-md-6 .form-group input {
width: 95%;
}
#sortimoReturnsForm .form-group textarea {
width: 100%;
resize: none;
}
.pagination-wrap .sortimo_sortForm .sortimo_pagination {
margin-left: 40px;
margin-top: 7px;
}
.pagination-wrap .sortimo_sortForm form {
display: inline-block;
}
.pagination-wrap .sortimo_sortForm .control-label {
display: inline;
}
.addtocart-component .qty-selector .btn {
width: 53px;
text-align: center;
}
.review-entry .review-content {
white-space: pre-line;
}
.row .addtocart-component .qty-selector .input-group-btn .form-control {
font-size: 16px;
}
.addtocart-component .qty-selector.input-group.js-qty-selector .input-group-btn,
.addtocart-component .qty-selector.input-group.sortimo-js-qty-selector .input-group-btn {
height: 45px !important;
width: 45px !important;
padding: 0;
margin: 0;
line-height: 1;
display: inline-block;
}
.addtocart-component .qty-selector.input-group.js-qty-selector .input-group-btn:first-child,
.addtocart-component .qty-selector.input-group.sortimo-js-qty-selector .input-group-btn:first-child {
float: left;
}
.addtocart-component .qty-selector.input-group.js-qty-selector .input-group-btn button,
.addtocart-component .qty-selector.input-group.sortimo-js-qty-selector .input-group-btn button {
height: 43px;
width: 43px;
}
.addtocart-component .qty-selector .form-control {
height: 45px !important;
font-size: 16px !important;
}
.productAddToChartBasketCrossSelling-component {
margin-top: 140px;
}
.productAddToChartBasketCrossSelling-component div.cross-selling-pop-up {
border-bottom: 1px solid #dee7f0;
width: 100%;
}
.productAddToChartBasketCrossSelling-component div.cross-selling-pop-up.headline {
font-size: 20px;
}
.productAddToChartBasketCrossSelling-component div.cross-selling-pop-up.headline .title {
border-bottom: 3px solid #219bd7;
}
.productAddToChartBasketCrossSelling-component .sortimo_product_carousel .headline {
margin-bottom: 20px;
border-bottom: none;
padding-bottom: 1px;
}
.productAddToChartBasketCrossSelling-component .sortimo_product_carousel .headline .title {
padding-bottom: 3px;
font-size: 20px;
}
.productDetailsPageSectionCrossSelling-component {
padding-top: 50px;
padding-bottom: 30px;
}
.productDetailsPageSectionCrossSelling-component .sortimo_product_carousel {
padding: 0;
}
.productDetailsPageSectionCrossSelling-component .sortimo_product_carousel .headline {
margin-bottom: 20px;
padding-bottom: 1px;
border-bottom: 1px solid #dee7f0;
}
.productDetailsPageSectionCrossSelling-component .sortimo_product_carousel .headline .title {
padding-bottom: 3px;
border-bottom: 3px solid #219bd7;
font-size: 20px;
}
.productDetailsPageSectionCrossSelling-component .sortimo_product_carousel .carousel__item--link {
background-color: #dee7f0;
}
.productDetailsPageSectionUpSelling-component {
padding-top: 25px;
padding-bottom: 45px;
}
.productDetailsPageSectionUpSelling-component .sortimo_product_carousel {
padding: 0;
}
.productDetailsPageSectionUpSelling-component .sortimo_product_carousel .headline {
margin-bottom: 20px;
padding-bottom: 1px;
border-bottom: 1px solid #dee7f0;
font-size: 20px;
}
.productDetailsPageSectionUpSelling-component .sortimo_product_carousel .headline .title {
padding-bottom: 3px;
border-bottom: 3px solid #219bd7;
font-size: 20px;
}
.social-buttons {
height: 30px;
}
.social-buttons .social-button {
padding-right: 5px;
height: 30px;
float: left;
}
#addToCartForm button svg {
max-width: 25px;
}
#addToCartButton #Ebene_1 {
margin-bottom: -4px;
}
#addToCartButton button {
height: 45px;
}
@media screen and (max-width: 1399px) {
.js-tabs.tabs-responsive .content {
width: 100%;
}
.carousel.image-gallery__image {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 639px) {
.product-main-info .price {
font-family: "Roboto Condensed";
}
}
@media screen and (max-width: 1023px) {
.owl-carousel .owl-controls .owl-buttons .owl-prev {
margin-left: 0;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
margin-right: 0;
}
}
@media (max-width: 1023px) {
.tabs-responsive .tab-container {
padding-left: 20px;
padding-right: 20px;
}
#jumpToRating {
padding-top: 12px;
}
.productDetailsArrow {
margin: 28px 25px 0 0;
}
}
@media (min-width: 1024px) {
.image-gallery .image-gallery__image .owl-controls {
display: block !important;
}
.image-gallery .image-gallery__image .owl-controls .owl-buttons .owl-prev {
margin-left: 0;
}
.image-gallery .image-gallery__image .owl-controls .owl-buttons .owl-next {
margin-right: 0;
}
}
@media screen and (min-width: 550px) {
.product-classifications table.table td.attrib {
width: 250px;
}
}
.priceArrow {
float: left;
}
.priceArrowPrice {
float: left;
margin-right: 20px;
}
.arrowBody {
border-style: dotted dotted dotted none;
border-width: 2px;
padding: 5px 15px 2px 3px;
margin-left: -13px;
font-size: 15px;
height: 32px;
position: relative;
top: -3px;
}
.arrowHeadSymbol {
border-style: none none dotted dotted;
border-width: 2px;
width: 22px;
height: 22px;
top: 2px;
position: relative;
margin-right: -2px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
}
.discount-head {
padding-bottom: 5px;
}
.discount-list {
list-style-type: none;
padding-left: 0px;
margin-bottom: 15px;
}
.discount-list .discount-right {
right: 0px;
position: relative;
display: inline-flex;
}
.discount-left {
min-width: 100px;
/*max-width: 30%;*/
margin-right: 20px;
display: inline-flex;
}
.rating .rating-stars span.lh,
.rating .rating-stars span.fh {
float: none !important;
}
.sortimoWidth select {
text-transform: none;
font-size: 16px;
line-height: 1.42857143;
padding: 0 62px 0 15px;
background: url(../images/arrow_select.png) no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
width: auto;
}
.sortimoWidth select::-ms-expand {
display: none;
}
.sortimoWidth select:disabled {
background-color: #eeeeee;
}
.sortimo_button:not(.sortimo_btn_special_left)>svg:not(.left):not(.arrow-left) {
margin-left: 20px;
}
.sortimo_button:not(.sortimo_btn_special_left)>span>img.arrow-right-svg {
margin-left: 20px;
}
.sortimo_button:not(.sortimo_btn_special_left)>svg.left,
.sortimo_button:not(.sortimo_btn_special_left)>svg.arrow-left {
margin-right: 20px;
}
.sortimo_button:not(.sortimo_btn_special_left) .btn-text {
width: 85%;
text-align: left;
display: inline-block;
}
.sortimo_button:not(.sortimo_btn_special_left) .icon {
width: 15%;
text-align: right;
display: inline-block;
}
.sortimo-ghost-btn {
color: #ffffff;
border: 0px solid #ffffff !important;
background: rgba(0, 0, 0, 0);
padding: 15px 20px 13px 20px;
border-radius: 5px !important;
text-transform: none;
}
@media (max-width: 639px) {
.sortimo-ghost-btn {
width: 100%;
}
}
.sortimo-ghost-btn .icon {
margin-left: 20px;
}
.sortimo-ghost-btn:hover {
color: #ffffff;
border: 1px solid #ffffff;
background: rgba(0, 0, 0, 0);
padding: 15px 20px 13px 20px;
border-radius: 5px !important;
}
.has-warning input.form-control {
background: #fcebc2;
border-color: #fcd17b;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.input-warning-message {
background: #fcebc2;
border: 1px solid #fcd17b;
line-height: 22px;
}
.floatRight {
float: right;
}
.noPadding {
padding: 0;
}
.textRight {
text-align: right;
}
.floatLeft {
float: left;
}
.noWrap {
white-space: nowrap;
}
.left_30 {
margin-left: 30px;
}
.minHeight50 {
min-height: 50px;
}
.height20 {
height: 20px;
}
.minWidth200 {
min-width: 200px;
}
#compareAction {
margin-left: 20px;
}
#addToCartComponent:before {
position: absolute;
font-size: 18px;
top: 15px;
left: 20px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
}
.buttonlink {
width: auto;
display: inline-block;
}
a.sendContactForm {
float: right;
}
/*.sortimo_Slider{
a.sendContactForm{
float:left;
}
}*/
/* selects */
.select2-container--sortimo_select_wrapper {
width: 150px;
background: #e5f0fd;
display: inline-block;
height: 50px;
line-height: 50px;
padding: 0 0 0 20px;
font-weight: 700;
color: #0068b3;
}
.select2-container--sortimo_select_wrapper .selection {
width: 100%;
display: inline-block;
}
.select2-container--sortimo_select_wrapper .selection .select2-selection {
display: inline-block;
width: 100%;
}
.js-qty-selector-input,
.sortimo-js-qty-selector-input {
border: none;
}
.product-main-info .js-qty-selector-input,
.product-main-info .sortimo-js-qty-selector-input {
border: 1px solid #c5d1de;
height: 55px !important;
width: 75px !important;
margin: 0 5px;
}
.product-main-info .addtocart-component .input-group-btn {
background: #eef4fa;
border: 1px solid #c5d1de;
}
.product-main-info .addtocart-component .input-group-btn .glyphicon {
color: #546373;
}
.addtocart-component .qty-selector.input-group.js-qty-selector,
.addtocart-component .qty-selector.input-group.sortimo-js-qty-selector {
display: inline-table;
float: left;
padding-right: 33px;
margin-bottom: 10px;
}
.addtocart-component .qty-selector.input-group.js-qty-selector .input-group-btn,
.addtocart-component .qty-selector.input-group.sortimo-js-qty-selector .input-group-btn {
height: 55px;
width: 55px;
}
.addtocart-component .actions {
display: inline-block;
float: left;
}
.sortimo_avail_instock {
color: #31b4a4;
}
.sortimo_avail_fewinstock {
color: #fab613;
}
.sortimo_avail_noinstock {
color: #c11818;
}
.checkout-button.sortimo_button_blue {
position: absolute;
right: 0px;
float: none;
display: inline-block;
}
.sortimoContactFormTextfield {
line-height: 20px;
display: block;
width: 100%;
min-height: 180px;
}
.sortimo_Slider {
position: fixed;
right: 0px;
top: 30%;
display: block;
height: 430px;
width: 500px;
background: #C5D1DF;
margin-left: 50px;
margin-right: -500px;
z-index: 601;
}
.sortimo_Slider:not(:hover).stage-slider {
opacity: 0.5;
}
.sortimo_Slider .sortimo-contactform-wrapper {
padding: 20px;
}
@media (max-height: 580px) {
.sortimo_Slider .sortimo-contactform-wrapper {
overflow: scroll;
height: calc(75vh);
}
}
.sortimo_Slider .sortimo-contactform-wrapper .form-group a {
margin-top: 15px;
}
.sortimo_Slider .pullSlider {
left: -50px;
position: absolute;
top: 0px;
}
.sortimo_Slider .pullSlider span {
display: flex;
justify-content: center;
align-items: center;
background: #006cb4;
height: 50px;
width: 50px;
color: white;
line-height: 65px;
text-align: center;
border-bottom: 1px solid white;
}
.sortimo_Slider .pullSlider span:first-child {
border-radius: 5px 0px 0px 0px;
}
.sortimo_Slider .pullSlider span:last-child {
border-bottom: none;
position: relative;
border-radius: 0px 0px 0px 5px;
display: flex;
justify-content: center;
align-items: center;
}
.sortimo_Slider .pullSlider span:last-child a {}
.sortimo_Slider .pullSlider span a .whatsapp {
width: 30px;
height: auto;
}
.sortimo_Slider .pullSlider span a img {
width: 30px;
height: auto;
}
.sortimo_Slider .pullSlider span .cls-1 {
fill: #dee7f0;
fill-rule: evenodd;
}
.sortimo_Slider .pullSlider.pullSliderRightOpen {
right: -50px;
left: auto;
}
.sortimo_Slider .pullSlider.pullSliderRightOpen .slider_open {
background-color: #C5D1DF;
border-radius: 0;
}
.sortimo_Slider .pullSlider.pullSliderRightOpen .slider_open .cls-1-xx {
fill: #546373;
}
.sortimo_Slider .sliderOpen .pullSlider {
background: #c5d1df;
}
.form-actions button {
display: inline-block;
}
/* BUTTONS */
.sortimo_button {
border: none;
border-radius: 5px !important;
width: auto;
font-family: "Roboto Regular";
font-size: 17px;
font-weight: 300;
text-transform: none;
color: white;
padding: 15px 20px 15px 20px;
}
.sortimo_button svg.left {
margin-right: 20px;
}
.sortimo_button svg.right {
margin-left: 20px;
}
.sortimo_button:hover {
color: white;
background-color: #005c98;
}
#compareActionAdd svg.right {
margin-left: 0;
}
btn.js-remove-entry-button,
btn.js-toggle-config-button {
font-weight: 400;
}
svg path.blue_special {
fill: #0669b2;
fill-rule: evenodd;
}
svg path.svg_white {
fill: #fff;
fill-rule: evenodd;
}
svg path.svg_gray {
fill: #546373 !important;
fill-rule: evenodd;
}
.sortimo_btn_small,
.sortimo_btn_cta_dark_s,
.sortimo_btn_cta_light_s,
.sortimo_btn_cta_gray_s,
.sortimo_btn_cta_red_s {
font-size: 15px;
padding: 10px 15px 10px 15px !important;
}
.btn svg.arrow-left {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/*blue*/
.sortimo_btn_cta_dark_b {
background: #0669b2;
}
.sortimo_btn_cta_dark_b:hover {
background: #055a98;
}
.sortimo_btn_cta_dark_s {
background: #0669b2;
}
.sortimo_btn_cta_dark_s:hover {
background: #055a98;
}
.sortimo_btn_cta_dark_special {
color: #0669b2 !important;
border: 1px solid #0669b2 !important;
background: rgba(0, 0, 0, 0);
padding: 15px 20px 13px 20px;
}
.sortimo_btn_cta_dark_special:hover {
color: #055a98;
border-color: #055a98;
background: rgba(0, 0, 0, 0);
}
/*lightblue*/
.sortimo_btn_cta_light_b {
background: #219bd7;
}
.sortimo_btn_cta_light_b:hover {
background: #1d89bd;
}
.sortimo_btn_cta_light_s {
background: #219bd7;
}
.sortimo_btn_cta_light_s:hover {
background: #1d89bd;
}
.sortimo_btn_cta_light_special {
color: #219bd7;
border: 2px solid #219bd7;
background: rgba(0, 0, 0, 0);
padding: 13px 20px 13px 20px;
}
.sortimo_btn_cta_light_special:hover {
color: #1d89bd;
border-color: #1d89bd;
background: rgba(0, 0, 0, 0);
}
/*gray*/
.sortimo_btn_cta_gray_b {
background: #546373;
}
.sortimo_btn_cta_gray_b:hover {
background: #414d59;
}
.sortimo_btn_cta_gray_s {
background: #546373;
}
.sortimo_btn_cta_gray_s:hover {
background: #414d59;
}
.sortimo_btn_cta_gray_special {
color: #546373;
border: 2px solid #546373;
background: rgba(0, 0, 0, 0);
padding: 13px 20px 13px 20px;
}
.sortimo_btn_cta_gray_special:hover {
color: #414d59;
border-color: #414d59;
background: rgba(0, 0, 0, 0);
}
.sortimo_btn_cta_white_special {
color: #fff;
border: 2px solid #fff;
background: rgba(0, 0, 0, 0);
padding: 13px 20px 13px 20px;
}
.sortimo_btn_cta_white_special:hover {
color: #fff;
border-color: #fff;
background: rgba(0, 0, 0, 0);
}
/*red*/
.sortimo_btn_cta_red_b {
background: #c11818;
}
.sortimo_btn_cta_red_b:hover {
background: #a71617;
}
.sortimo_btn_cta_red_s {
background: #c11818;
}
.sortimo_btn_cta_red_s:hover {
background: #a71617;
}
.sortimo_btn_cta_red_special {
color: #c11818;
border: 2px solid #c11818;
background: rgba(0, 0, 0, 0);
padding: 13px 20px 13px 20px;
}
.sortimo_btn_cta_red_special:hover {
color: #a71617;
border-color: #a71617;
background: rgba(0, 0, 0, 0);
}
.sortimo_btn_special_left svg {
transform: rotate(180deg);
margin-right: 20px;
margin-left: 0;
}
.sortimo_btn_special_left svg path {
fill: #0669b2 !important;
}
.owl-buttons .owl-next::before {
display: none;
}
.owl-buttons .owl-next .rightNavigation svg {
vertical-align: super;
}
.owl-buttons .owl-next .rightNavigation svg path {
fill: #7D8D9D;
}
.owl-buttons .owl-prev::before {
display: none;
}
.owl-buttons .owl-prev .leftNavigation svg {
vertical-align: super;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.owl-buttons .owl-prev .leftNavigation svg path {
fill: #7D8D9D;
}
.sortimo_btn_white_left svg {
transform: rotate(180deg);
margin-right: 20px;
margin-left: 0;
}
.sortimo_btn_white_left svg path {
fill: #fff !important;
}
@media (max-width: 639px) {
.full_width_xs {
width: 100%;
}
}
.form-control {
height: 50px;
box-shadow: none;
border-color: #7c8c9c;
}
.svg_arrow {
height: 11px;
width: 12px;
}
.form-group {
line-height: 50px;
}
.form-group div .has-error {
padding-bottom: 10px;
}
.form-group div .has-error textarea+.help-block {
margin-bottom: 0;
text-align: initial;
font-size: initial;
}
.form-group div .has-error .help-block {
padding-bottom: 0;
}
.form-group div .has-error textarea.form-control {
background: #fec3c3;
border-color: #fd7b7b;
}
.form-group input {
display: inline-block;
width: 100%;
}
.form-group .checkbox label.control-label {
width: 100%;
padding: 0;
}
.form-group .checkbox label.control-label input {
padding: 0;
margin: 0;
display: inline-block;
float: left;
width: 30px;
position: relative;
}
.form-group .checkbox label.control-label span {
width: auto;
display: inline-block;
float: left;
line-height: normal;
}
.form_radiogroup div {
display: inline-block;
margin-right: 25px;
}
.form_radiogroup div label {
color: #546373;
font-size: 16px;
cursor: pointer;
display: inline;
font-family: "Roboto Regular";
}
.form_radiogroup div input {
width: auto;
cursor: pointer;
}
.langSelWrapper {
display: block;
height: 30px;
margin-bottom: 15px;
}
.langSelWrapper .lang-form {
float: right;
}
.langSelWrapper .lang-form .langSelButton {
background-color: #dee7f0;
border: 0;
width: 44px;
height: 20px;
padding: 0;
margin: 0;
display: inline-block;
clear: both;
}
.langSelWrapper .lang-form .active {
background: #c5d1de;
}
.langSelWrapper .onlyName {
float: right;
}
.langSelWrapper .onlyName>.logged_in {
padding-right: 0;
}
.filterArrowDown {
float: right;
padding-top: 3px;
margin-top: 4px;
display: none;
}
@media (max-width: 1023px) {
.filterArrowDown {
display: block;
}
}
.facet.active .filterArrowDown {
transform: rotate(180deg);
}
.pagination.sortimo_pagination {
margin: 0;
margin-top: 7px;
margin-left: 40px;
vertical-align: top;
border: 0;
}
.pagination.sortimo_pagination .sortimo_facet_left {
height: 38px;
width: 40px;
border: 1px solid #cccccc;
line-height: 44px;
}
.pagination.sortimo_pagination .sortimo_facet_left svg {
transform: rotate(180deg);
}
.pagination.sortimo_pagination .pagination-next span {
height: 38px;
width: 40px;
border: 1px solid #cccccc;
line-height: 44px;
}
.pagination.sortimo_pagination .pagination-prev a {
height: 38px;
width: 40px;
border: 1px solid #cccccc;
line-height: 44px;
}
.pagination.sortimo_pagination .pagination-prev a svg {
transform: rotate(180deg);
}
.sortimo_sortForm {
display: inline-block;
width: 60%;
}
.sortimo_sortForm .control-label {
width: 50%;
margin-right: 10px;
}
.sortimo_sortForm #sortForm1 select#sortOptions1,
.sortimo_sortForm #sortForm2 select#sortOptions1,
.sortimo_sortForm #sortForm1 select#sortOptions2,
.sortimo_sortForm #sortForm2 select#sortOptions2 {
margin-top: 5px;
height: 38px;
text-transform: none;
min-width: 175px;
width: auto;
}
.sortimo_button_blue.outOfStock {
padding: 15px 20px 15px 60px !important;
}
.textlink svg {
margin-left: 20px;
}
.site-search .ui-front .input-group-btn svg path {
fill: #7c8c9c;
}
#js-voucher-code-text {
height: 53px;
margin-right: 25px;
}
.cart-voucher input.js-voucher-code {
width: 97%;
}
.rating .rating-stars span {
color: #d0eefb;
}
.rating .rating-stars span.active {
color: #6dc9f0;
}
.ui-datepicker {
border: 1px solid #e5e5e5;
background: #ffffff;
color: #3c3c3c;
padding: 0;
}
.ui-datepicker .ui-datepicker-calendar th {
background-color: #dee7f0;
}
.ui-datepicker .ui-datepicker-header {
color: #3c3c3c;
background-color: #dee7f0;
border: none;
}
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
background: none;
color: #3c3c3c;
}
#datepicker {
background: none;
border: none;
font-size: 15px !important;
color: #546373 !important;
font-family: "Roboto Condensed";
}
#datepicker::-webkit-input-placeholder {
color: #546373 !important;
font-family: "Roboto Condensed";
}
#datepicker:-moz-placeholder {
/* Firefox 18- */
color: #546373 !important;
font-family: "Roboto Condensed";
}
#datepicker::-moz-placeholder {
/* Firefox 19+ */
color: #546373 !important;
font-family: "Roboto Condensed";
}
#datepicker:-ms-input-placeholder {
color: #546373 !important;
font-family: "Roboto Condensed";
}
.csv_btn {
width: 200px;
position: relative;
display: inline-block;
margin-top: 10px;
}
.csv_btn input {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
height: 100%;
display: inline-block;
}
/*forms*/
.multiinput .form-group.short.multiGroup {
display: inline-block;
}
.multiinput .form-group.short.multiGroup label.noLabel {
width: 0;
}
.multiinput .form-group.short.multiGroup.first {
width: 231px;
}
.multiinput .form-group.short.multiGroup.first input {
width: 83px;
}
.multiinput .form-group.short.multiGroup.second {
width: 12%;
}
.multiinput .form-group.short.multiGroup.second input {
width: 83px;
}
.multiinput .form-group.long.multiGroup {
display: inline-block;
}
.multiinput .form-group.long.multiGroup label.noLabel {
width: 0;
}
.multiinput .form-group.long.multiGroup.first {
width: 86%;
}
.multiinput .form-group.long.multiGroup.first input {
width: 445px;
}
.multiinput .form-group.long.multiGroup.second {
width: 445px;
}
.multiinput .form-group.long.multiGroup.second input {
width: 100%;
}
.sortimo-field-required {
margin-bottom: 15px;
}
.footer-note {
clear: both;
padding-top: 40px;
}
.sortimo_form label {
font-family: "Roboto Condensed";
width: 100%;
color: #546373;
font-size: 11pt;
display: inline-block;
vertical-align: middle;
line-height: 20px;
}
.sortimo_form .row {
position: relative;
bottom: 0;
padding-right: 0;
padding-bottom: 10px;
}
.sortimo_form .row .has-error .help-block {
line-height: 20px;
padding-top: 10px;
font-weight: normal;
font-family: "Roboto Condensed";
}
.sortimo_form .branchSelect div .control {
padding-bottom: 10px;
}
.sortimo_form .has-error .help-block {
line-height: 20px;
padding-top: 0;
font-weight: normal;
font-family: "Roboto Condensed";
}
.sortimo_form .dynamicFormWrapper .has-error .help-block {
display: block;
}
.sortimo_form .terms_lr3 {
padding: 0 3px;
}
.form-group select {
width: 100%;
}
.priceSlider {
display: none;
}
.priceSliderWrapper input {
display: inline-block;
width: 50px;
margin-top: 15px;
}
input[type="radio"],
input[type="checkbox"] {
margin-left: 10px;
margin-right: 0;
margin-bottom: 20px;
}
/* Slider */
.priceSliderBorder {
padding: 15px !important;
border: 1px solid lightgray;
}
.priceSliderBorder .ui-slider-horizontal {
height: 5px;
}
.priceSliderBorder .ui-slider .ui-slider-handle {
width: 0.8em;
height: 0.8em;
border-radius: 90px;
background-color: #444;
}
.priceSliderBorder .ui-slider .ui-slider-range {
background: #999;
margin-top: 1px;
height: 2px;
}
.priceSliderInput span {
width: 35px;
display: inline-block;
text-align: center;
}
.priceSliderInput input {
width: 60px;
}
.sortimoTopSlider {
position: absolute;
right: 0px;
top: -60px;
background: #7c8c9c;
display: block;
width: 60px;
height: 60px;
z-index: 600;
}
@media (max-width: 1023px) {
.sortimoTopSlider {
display: none;
}
}
.sortimoTopSlider svg {
display: block;
line-height: 60px;
height: 20px;
width: 60px;
top: calc(20% + 7px);
position: absolute;
}
.bottom .pagination-wrap .sortimo_sortForm {
width: 50%;
}
.pagination-wrap .sortimo_sortForm {
width: 40%;
}
@media (min-width: 1024px) {
.pagination-wrap .sortimo_sortForm {
width: auto;
}
}
.pagination-wrap .sortimo_pagination .sortimo-pagination-text {
line-height: 38px;
color: #7c8c9c;
}
.sortimo_form label.sortimo_half_label {
line-height: 20px;
}
.a2a_svg svg {
fill: #7c8c9c !important;
}
.pagination>li.pagination-prev>a:hover,
.pagination>li.pagination-next>a:hover,
.pagination>li.pagination-prev>span:hover,
.pagination>li.pagination-next>span:hover,
.pagination>li.pagination-prev>a:focus,
.pagination>li.pagination-next>a:focus,
.pagination>li.pagination-prev>span:focus,
.pagination>li.pagination-next>span:focus {
background: #fff;
color: lightgray;
}
.float_right {
float: right;
}
@media (max-width: 1023px) {
.tabs.tabs-responsive .tabhead {
text-transform: none;
font-size: 20px;
}
.tabs.tabs-responsive .tabhead.active {
border-bottom: 1px solid #cccccc;
}
.tabs.tabs-responsive .tabhead.active .productDetailsArrow {
transform: rotate(180deg);
}
.pagination-wrap {
border-top: 1px solid #c5d1de;
border-bottom: 1px solid #c5d1de;
padding-top: 15px;
padding-bottom: 15px;
}
.pagination-wrap .sortimo_sortForm {
width: auto;
float: left;
}
.pagination-wrap .sortimo_sortForm form {
width: 100%;
}
.pagination-wrap .sortimo_sortForm .control-label {
display: none;
}
.pagination-wrap .pagination.sortimo_pagination {
margin-left: 0px;
margin-top: 0px;
width: auto;
float: right;
padding: 0;
border-style: none;
}
.pagination-bar.bottom .sortimo_sortForm {
display: none;
}
.addtocart-component .actions {
width: auto;
padding-top: 2px;
}
.pagination.sortimo_pagination {
border-top: 1px solid #c5d1de;
border-bottom: 1px solid #c5d1de;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 30px;
width: 100%;
}
.pagination.sortimo_pagination li.pagination-next {
text-align: left;
}
.pagination.sortimo_pagination li.pagination-prev {
text-align: right;
}
.pagination.sortimo_pagination>li {
float: left;
display: table-cell;
vertical-align: middle;
}
}
@media (max-width: 639px) {
.addtocart-component .actions {
float: none;
}
.pagination-wrap {
border-top: none;
border-bottom: none;
padding-top: 0px;
padding-bottom: 0px;
}
.pagination-wrap .sortimo_sortForm {
width: 100%;
float: none;
}
.pagination-wrap .pagination.sortimo_pagination {
margin-left: 0px;
width: 100%;
float: none;
border-top: 1px solid #c5d1de;
border-bottom: 1px solid #c5d1de;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 30px;
}
.pagination-wrap .pagination.sortimo_pagination>li {
float: none;
display: table-cell;
vertical-align: middle;
}
.sortimo_button {
width: 100%;
}
.breadcrumb-section .breadcrumb {
display: none;
}
}
@media (min-width: 1024px) {
.help-block .col-md-offset-3 {
margin-left: 0;
}
}
@media (max-width: 640px) {
.mobileMarginButton {
margin-bottom: 5px;
}
}
@media (max-width: 800px) {
.compareButtonHolder {
display: none;
}
}
.returnReasonSelect .help-block {
clear: both;
top: 12px;
}
@media (min-width: 1024px) {
.returnReasonSelect .help-block {
padding-left: 25%;
}
}
.returnReasonSelect div .control {
padding-bottom: 10px;
}
.ui-widget {
font-family: inherit;
font-size: inherit;
}
.ui-widget .ui-widget {
font-size: inherit;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: inherit;
font-size: inherit;
}
ol,
ul {
padding-left: 20px;
}
.login-left-content-slot {
margin: 0;
padding: 0;
}
.login-section {
border: 0;
min-height: 350px;
height: auto;
}
.login-section .login-page__headline {
background: #C5D1DF;
font-size: 20px;
line-height: 20px;
padding: 15px 30px;
}
.login-section .login-page__headline * {
vertical-align: sub;
}
.login-section #loginForm {
padding: 40px 30px 10px 30px;
}
.login-section #loginForm .row .col-md-9 .form-group input {
display: block;
}
.cart-list .item-quantity .input-warning-message {
position: absolute;
width: 200px;
top: 40px;
}
.error-content-slot .col-md-6 .sortimo_error_headline {
font-size: 40px;
font-weight: normal;
font-family: "Roboto Condensed";
padding-bottom: 25px;
}
.error-content-slot .col-md-6 .subtitle {
font-size: 20px;
padding-bottom: 25px;
}
.error-content-slot .col-md-6 .text {
padding-bottom: 25px;
}
.error-content-slot .col-md-6 .errorID {
color: #c11818;
padding-top: 30px;
}
.error-content-slot .col-md-6 .padding_top25 {
padding-top: 25px;
}
.error-content-slot .col-md-6 .padding_top25 a[href] {
color: #0068b3;
font-family: "Roboto Condensed";
}
.error-content-slot .col-md-6 .padding_top25 a[href] svg path {
fill: #0068b3;
}
.error-content-slot .col-md-6 .padding_top25 a[href]:hover {
color: #546373;
}
.error-content-slot .col-md-6 .padding_top25 a[href]:hover svg path {
fill: #546373;
}
.error-content-slot .col-md-6 .padding_top25 a[href]:focus {
color: #546373;
}
.error-content-slot .col-md-6 .padding_top25 a[href]:focus svg path {
fill: #546373;
}
.sortimoBlockPadding {
padding: 20px 30px;
}
.order-nav-bottom {
float: none;
}
.sortimo_loginaction_content {
padding: 40px 30px;
}
.account_login {
margin-bottom: 50px ! important;
}
.account_login .col-md-6 .login-section {
border-bottom: 3px solid #c5d1df;
}
.account_login .col-md-6:last-child .login-section {
border-right: 3px solid #c5d1df;
}
.account_login .col-md-6:first-child .login-section {
padding-right: 3px;
border-left: 3px solid #c5d1df;
}
.checkout-login {
padding: 0;
}
.checkout-login>.row {
border-bottom: 3px solid #c5d1df;
}
.checkout-login .row .col-md-6:first-child .login-section {
border-left: 3px solid #c5d1df;
margin-right: 3px;
}
@media (min-width: 1024px) {
.checkout-login .row .col-md-3:nth-child(2n) .login-section {
margin-right: 3px;
}
}
.checkout-login .row .col-md-3:last-child .login-section {
border-right: 3px solid #c5d1df;
}
.checkout-login .row .btn {
line-height: 23px;
}
#loginForm {
min-height: 305px;
}
#loginForm div:nth-child(2) {
padding-bottom: 0;
}
#loginForm .forgotten-password {
display: inline-block;
}
#loginForm button {
display: inline-block;
float: right;
}
#loginForm .sortimo_checkout_loginAndforgotPW {
padding-top: 30px;
}
@media (max-width: 1023px) {
#loginForm .sortimo_checkout_loginAndforgotPW {
padding-top: 0;
}
}
#loginForm .sortimo_checkout_loginAndforgotPW .forgotten-password.alert.positive#validEmail {
display: none;
}
.register-person-icon {
float: left;
margin-right: 15px;
}
.sortimo_headline {
margin: 20px 0;
}
.dynamicFormWrapper .form-group {
line-height: 0px;
}
.item-list.cart-list li.item-list-header {
display: table-row;
height: 80px;
}
.item-list.cart-list li.item-list-header>div {
display: table-cell;
padding-top: 30px;
}
.item-list.cart-list li.item-list-header>div>div {
display: table-cell;
padding-top: 30px;
}
.item-list.cart-list li.item-list-header span {
display: inline-block;
width: 100%;
text-align: right;
}
.item-list.cart-list li.item-list-header .item-quantity {
padding-right: 10px;
text-align: right;
}
.item-list.cart-list li.item-list-header .item-price-wo-vat {
width: 25%;
}
.item-list.cart-list li.item-list-header .item-price-vat {
padding-right: 0px;
}
.item-list.cart-list li.item-list-header .item-total-column-last-child {
padding: 0 10px;
}
.item-price.item-price-wo-vat,
.item-price.item-price-vat {
text-align: right;
padding-right: 29px;
width: 193px !important;
}
.item-list .item-image img {
border: 1px solid lightgray;
max-width: 96px;
}
.item-list .item-list-header {
background: #c5d1de;
padding-left: 30px;
}
.item-list .item-list-header li {
background: #c5d1de;
padding: 0;
}
.item-list .item-list-header li span {
display: block;
}
.item-list .item-list-header li span:nth-child(2) {
font-size: 12px;
}
.item-list .item-list-header li:first-child {
padding-left: 0;
}
.item-list .item-list-item .js-remove-entry-button,
.item-list .item-list-item .js-toggle-config-button {
background: none;
color: black;
}
.item-list .item-list-item .item-info .btn {
font-weight: normal;
}
.item-list .item-list-item .item-single {
text-align: right;
}
.item-list .item-list-item .item-single span:nth-child(2) {
display: block;
}
.item-list .item-list-item>div {
display: table-cell;
vertical-align: top;
}
.item-list .item-list-item>div>div {
display: table-cell;
vertical-align: top;
}
.item-list .item-list-item .item-single-wo-vat {
width: 27%;
padding-right: 29px;
position: relative;
}
.item-list .item-list-item .item-single-wo-vat .item-discount {
position: absolute;
padding-top: 0px;
text-align: left;
}
.item-list .item-list-item .item-single-wo-vat .item-discount span {
font-family: "Roboto Condensed";
}
.item-list .item-list-item .item-single-wo-vat .item-single-wo-vat-price {
text-align: right;
padding-right: 29px;
}
.item-list .item-list-item:nth-child(4n + 4) {
background: none;
}
.item-list.cart__list>li:first-child {
font-family: "Roboto Condensed";
color: black;
}
ul.item-list .item-list-header {
display: table;
}
ul.item-list .item-list-header li {
display: table-cell;
}
table th {
background: none;
padding: 0;
text-transform: none;
}
table.item-list td {
padding: 20px 30px;
}
.sortimo-account-pagination .pagination-bar {
margin: 0;
}
.sortimo-account-pagination .pagination-bar .pagination-toolbar {
margin: 0;
padding: 0;
}
.sortimo-account-pagination .pagination-bar .pagination-toolbar .sort-refine-bar {
padding: 0 ! important;
}
.sortimo-account-pagination .pagination-bar .pagination-toolbar .sort-refine-bar form {
display: inline-block;
}
.toggleForm {
color: #546373 ! important;
cursor: pointer;
}
.sortimo_footer_element {
background: #dee7f0;
padding: 15px;
border-bottom: 2px solid white;
}
.langSelWrapper.bottom .lang-form {
float: none;
margin: 0 auto;
display: block;
width: 200px;
}
.langSelWrapper.bottom .lang-form>.control-group {
display: block;
position: relative;
}
.langSelWrapper.bottom .lang-form>.control-group button.langSelButton {
float: none;
width: 49%;
height: 40px;
padding: 0;
margin: 0;
display: inline-block;
clear: both;
box-sizing: border-box;
}
.langSelWrapper.bottom .lang-form>.control-group button.langSelButton svg {
width: 100%;
}
.sortimo_headerbar {
background: #C5D1DF;
font-size: 20px;
line-height: 20px;
padding: 15px 30px;
}
.sortimo_headerbar * {
vertical-align: middle;
}
.item-list-item .item-info .js-remove-entry-button,
.item-list-item .item-info .js-toggle-config-button {
text-transform: none;
padding: 0px;
}
@media (min-width: 1024px) {
.sortimo_loginaction_content {
height: 305px;
}
.item-list .item-info {
width: 25%;
}
.item-list .item-list-header li.item-image {
padding-left: 10px;
}
.item-list .item-list-header li.item-quantity {
padding-left: 30px;
}
.item-list .item-list-header li.item-price-vat {
text-align: right;
}
.item-list .item-list-header li.item-price-wo-vat {
width: 20%;
text-align: right;
}
.item-list-item .item-info {
width: 25%;
}
.item-list-item .item-info .js-remove-entry-button,
.item-list-item .item-info .js-toggle-config-button {
padding: 0;
text-transform: none;
}
.item-list-item .item-info .js-remove-entry-button .glyphicon.glyphicon-remove,
.item-list-item .item-info .js-toggle-config-button .glyphicon.glyphicon-remove {
vertical-align: middle;
padding-left: 4px;
color: #546373;
margin-top: -4px;
}
.item-list-item .item-single-wo-vat div {
display: inline-block;
width: 60%;
}
.item-list-item .item-single-wo-vat div.item-single-wo-vat-price {
width: 40%;
float: right;
}
.item-list-item .item-single-wo-vat div.item-single-wo-vat-price span {
display: block;
}
.substitution-item {
display: flex ! important;
}
}
.ui-tooltip,
.arrow:after {
background: #219bd7;
}
.ui-tooltip {
padding: 10px 20px;
color: white;
border-radius: 3px;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
top: -16px;
}
.arrow.arrow-down {
bottom: -16px;
transform: rotate(180deg);
top: initial;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: 12px;
width: 25px;
height: 25px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
@media (max-width: 1023px) {
.login-section {
min-height: 0;
}
}
.sortimo_arrow_link svg {
margin-left: 20px;
vertical-align: middle;
}
#sortimo_startingpage_texts>.yCmsContentSlot .yComponentWrapper>.content a.morelink {
text-decoration: none;
outline: none;
display: block;
}
#sortimo_startingpage_texts>.yCmsContentSlot .yComponentWrapper>.content a.morelink:focus {
color: #0068b3;
}
#sortimo_startingpage_texts>.yCmsContentSlot .yComponentWrapper>.content .morecontent span {
display: none;
}
#sortimo_startingpage_texts>.yCmsContentSlot .yComponentWrapper>.content .longText {
display: none;
}
#sortimo_startingpage_texts>.yCmsContentSlot .yComponentWrapper>.content h1 {
font-size: 26px;
}
#sortimo_startingpage_texts>.yCmsContentSlot .yComponentWrapper>.content h2 {
font-size: 19px;
}
.cc-cookies {
position: fixed;
line-height: 21px;
border-top: 1px solid #fff;
width: 100%;
left: 0;
top: 0;
padding: 8px 15px;
background: #006bb3;
color: #fff;
font-size: 16px;
z-index: 99998;
text-align: center;
display: none;
}
.cc-cookies .cc-cookies-accept {
display: inline-block;
background: #fff;
color: #006bb3;
border-radius: 3px;
padding: 5px 10px 3px;
margin-left: 10px;
text-decoration: none;
text-align: center;
}
.presse_icon {
width: 30px;
height: 30px;
margin: 0 7px 3px 0;
}
.check_icon {
width: 18px;
height: 18px;
margin: 0 4px 3px 0;
}
.cart-headline.border {
padding: 0;
border-bottom: none;
position: relative;
line-height: 53px;
}
@media (max-width: 1023px) {
.cart-headline.border {
padding-left: 17px;
}
.close-more {
position: relative;
z-index: 9;
border-bottom: 1px solid #0068b4;
margin-top: -2px;
margin-left: -2px;
height: 48px !important;
width: 48px !important;
}
}
@media (max-width: 639px) {
.sortimoCartTotals .col-xs-6.cart-totals-left {
text-align: left;
}
}
.sortimoWidth .delivery_method {
background: none;
}
.cart-voucher,
.cart-totals,
.cart-actions {
padding: 0;
margin: 0;
}
.cart-voucher {
padding: 20px;
margin-bottom: 10px;
}
.cart-voucher input {
width: 400px;
}
.cart-voucher .form-group,
.cart-voucher ul {
padding: 0;
margin: 0;
}
.cart-voucher .control-label.cart-voucher__label {
display: inline-block;
float: left;
}
.cart-totals .js-cart-totals.row .cart-totals-right,
.cart-totals .js-cart-totals.row .text-right {
padding-right: 0;
}
.sortimoCartTotals {
margin-bottom: 30px;
}
.sortimoCartTotals .col-xs-6 {
text-align: right;
}
.sortimoCartTotals .cartDateSelection {
/*padding-top: 15px;*/
}
.sortimoCartTotals .cartDateSelection #dateChangeForm {
float: left;
}
.sortimoCartTotals .cartDateSelection .cartDaateArrow {
margin-top: 5px;
}
.sortimoCartTotals .cartDateSelection .dateWarning {
display: table;
color: #c11818;
padding-left: 15px;
}
@media (max-width: 1023px) {
.sortimoCartTotals .cartDateSelection .dateWarning {
padding-left: 0;
padding-right: 10px;
width: 100%;
}
}
.checkout-headline,
.checkout-summary-headline {
margin-bottom: 20px;
color: #0669b2;
}
.checkout-headline,
.checkout-steps {
padding: 0;
}
.checkout-summary-headline {
padding: 0;
padding-left: 30px;
}
.checkout-steps .step-head {
background: #c5d1de ! important;
color: #546373 ! important;
border: 0;
}
.checkout-steps .step-head:before {
top: 3px;
}
.checkout-steps .step-head .edit {
color: #546373;
}
.checkout-steps .step-body .step-body-form {
border: 0;
}
.checkout-steps .step-body .step-body-form #paymentselection {
display: table;
}
.checkout-steps .step-body .step-body-form #paymentselection .radiobuttons_paymentselection {
display: table-row;
}
.checkout-steps .step-body .step-body-form #paymentselection .radiobuttons_paymentselection input[type="radio"] {
display: table-cell;
margin-left: 0px;
float: left;
}
.checkout-steps .step-body .step-body-form #paymentselection .radiobuttons_paymentselection label {
margin-left: 0px;
}
.checkout-steps .step-body .step-body-form #paymentselection .radiobuttons_paymentselection div {
float: left;
max-width: calc(100% - 16px);
padding-left: 10px;
}
.checkout-steps .step-body .step-body-form .row div svg {
margin-bottom: -5px;
}
@media (max-width: 1023px) {
.checkout-steps .step-body .checkout-next.btn {
margin: 15px 0;
}
}
.checkout-steps .step-body .checkout-shipping {
padding-bottom: 0;
margin-bottom: 40px;
overflow: auto;
}
.checkout-steps .step-body .checkout-shipping .checkout-shipping-items-header {
text-transform: uppercase;
padding: 25px 0 10px 0;
font-size: 16px;
font-weight: 700;
}
.checkout-steps .step-body .checkout-shipping .button-container {
padding-top: 15px;
border-top: 1px solid #d9dadb;
}
.checkout-steps .step-body .checkout-shipping .checkout-shipping-items>.col-sm-6.col-lg-6:last-of-type .checkout-shipping-items-header {
max-width: 270px;
margin-left: auto;
}
.checkout-steps .step-body .checkout-shipping .checkout-shipping-items>.col-sm-6.col-lg-6:last-of-type #dateChangeForm {
max-width: 270px;
margin-left: auto;
}
.checkout-steps .step-body .checkout-shipping .checkout-shipping-items>.col-sm-6.col-lg-6:last-of-type #dateChangeForm #datepicker {
height: 37px;
}
@media (min-width: 640px) {
.checkout-steps .step-body .checkout-shipping .checkout-indent .headline {
padding-top: 60px;
}
}
.checkout-steps .step-body #addressSubmit {
margin-left: auto;
margin-top: -20px;
}
.checkout-steps .step-body .paddingTop0 {
margin-top: 0;
}
.sortimo_info_popup {
width: 80px;
}
.sortimo_info_popup svg {
height: 20px;
margin: 0 auto;
}
.checkout-order-summary .checkout-order-summary-list {
border: 1px solid #dee7f0;
margin-bottom: 30px;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-heading {
background: #dee7f0;
color: #546373;
background-color: #dee7f0 ! important;
border: 0;
font-size: 18px;
font-weight: 600;
height: 50px;
padding: 13px 20px;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-heading span {
vertical-align: top;
}
.checkout-order-summary .checkout-order-summary-list li:nth-child(2n + 3) {
background: none;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items {
margin: 20px 0 20px 20px;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items:not( :nth-child(2)) {
border-top: 1px solid #dee7f0;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items.hasSubPos {
margin: 20px 0 0 20px;
padding-bottom: 0;
}
@media (max-width: 1023px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items {
margin: 20px 0;
}
}
@media (max-width: 639px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items {
margin: 20px 0;
}
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .thumb {
border: 1px solid #c5d1de;
}
@media (max-width: 639px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .thumb {
width: 100%;
position: relative;
margin-right: 0px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .thumb {
position: absolute;
}
}
@media (max-width: 639px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details {
width: 100%;
float: left;
}
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .details_block {
width: 50%;
display: inline-block;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .details_block .name {
word-wrap: break-word;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .qty {
width: 14%;
display: inline-block;
text-align: center;
}
@media (max-width: 1023px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .qty {
/*position: relative;
width: 145px;
text-align: left;
float: none;
float: left;
z-index: 0;
display: block;*/
}
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .qty span {
display: inline-block;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .price {
white-space: nowrap;
/*width: 28%;*/
width: 34%;
display: inline-block;
text-align: right;
float: none;
margin: 0;
}
@media (min-width: 1400px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .priceTax {
/*float: right;
text-align: right;*/
float: right;
text-align: right;
position: relative;
}
}
@media (max-width: 1399px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .details_block {
width: 30%;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .name,
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .qty {
margin-top: 3px;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .qty {
position: absolute;
text-align: left;
float: left;
left: 60%;
z-index: 1;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .price {
white-space: nowrap;
width: 28%;
display: inline-block;
text-align: right;
float: right;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .priceTax {
float: right;
text-align: right;
position: relative;
top: 25px;
left: 29%;
height: 25px;
}
}
@media (max-width: 1023px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details {
/* .name {
width: 145px;
margin-top: 20px;
float:none;
}*/
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .details_block {
width: 100%;
height: 0;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .qty,
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .name,
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .price,
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .priceTax {
position: relative;
width: 90%;
text-align: left;
float: none;
z-index: 0;
left: 30px;
top: 0;
display: block;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .price,
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .priceTax {
text-align: right;
}
}
@media (max-width: 1023px) and (max-width: 639px) {
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .qty,
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .name,
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .price,
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items .details .priceTax {
left: 0px;
width: 100%;
}
}
.checkout-order-summary .checkout-order-summary-list:first-child li.checkout-order-summary-list-items {
margin-left: 0px;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items.subposition {
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
border-bottom: none;
border-top: none;
}
.checkout-order-summary .checkout-order-summary-list li.checkout-order-summary-list-items.subposition .price {
font-size: 17px !important;
}
.checkout-order-summary .checkout-order-summary-list li.sortimo_order_summary {
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #dee7f0;
}
.checkout-order-summary .checkout-order-summary-list li.sortimo_order_summary .subtotals {
margin-top: 0;
}
@media (max-width: 639px) {
.checkout-order-summary .checkout-order-summary-list li.sortimo_order_summary .subtotals {
padding: 0px 0px;
}
}
.checkout-order-summary .checkout-order-summary-list li.sortimo_order_summary .subtotals div {
padding: 0;
}
.sortimo-checkout-back:hover svg path {
fill: #546373 !important;
}
.checkout-shipping {
border: none;
}
.checkout-shipping .checkout-indent .row div a {
cursor: pointer;
}
.checkout-shipping .checkout-indent .row div a:hover svg path {
fill: #546373;
}
.checkout-shipping .checkout-indent .row div a svg path {
fill: #0669b2;
}
.checkout-shipping .checkout-indent .smallPadding {
margin-top: 5px;
padding-bottom: 5px;
}
.row.articleForm {
border-top: 2px solid #dee7f0;
border-bottom: 2px solid #dee7f0;
margin-top: 30px;
}
.row.articleForm .row {
padding: 40px 0px 40px 0px;
}
@media (max-width: 1023px) {
.row.articleForm .row {
padding: 0px 0px 0px 0px;
}
}
.row.articleForm .row .articleForm_text {
line-height: 55px;
font-family: "Roboto Condensed";
}
.add-product-link {
cursor: pointer;
}
.add-product-link span {
cursor: pointer;
}
@media (min-width: 1024px) {
.add-product-link span {
margin-left: 20px;
margin-right: 20px;
}
}
#datepicker {
cursor: pointer;
padding-right: 5px;
}
.file-upload {
margin: 0;
}
.import-csv__content {
margin-top: 30px;
}
.import-csv__content .import-csv__file-upload {
border: 0;
}
.import-csv__content .import-csv__file-upload .csvUploadDescription {
margin-bottom: 10px;
}
@media (max-width: 639px) {
.import-csv__content .import-csv__file-upload .file-upload__wrapper {
margin-bottom: 10px;
}
}
@media (min-width: 1024px) {
.import-csv__content .import-csv__file-upload .file-upload__wrapper {
padding-left: 20px;
}
}
.import-csv__content .import-csv__file-upload .file-upload__wrapper span {
color: #0068b3;
font-family: "Roboto Condensed";
}
.import-csv__actions {
margin: 0;
padding: 0;
}
.realTotals span {
float: right;
font-weight: 600;
}
@media (min-width: 1024px) {
.checkout__confirmation__content .sortimo_accountBlock.left {
margin-right: 25px;
}
}
@media (min-width: 1024px) {
.checkout__confirmation__content .sortimo_accountBlock.right {
margin-left: 25px;
}
}
.checkout__confirmation__content .blockHeight {
min-height: 350px;
}
.checkout__confirmation__content .checkout__confirmation__content--component .col-md-12 .item-list {
border-top: none;
}
.checkout__confirmation__content .checkout__confirmation__content--component .col-md-12 .item-list h2 {
color: #7c8c9c;
border-bottom: 1px solid #e5e5e5;
}
#addToCartLayer {
margin-top: -35px;
}
#addToCartLayer.substitution {
margin-top: 0px;
}
#addToCartLayer .add-to-cart-item {
margin-bottom: 20px;
}
#addToCartLayer .add-to-cart-item:before,
#addToCartLayer .add-to-cart-item:after {
content: " ";
display: table;
}
#addToCartLayer .add-to-cart-item:after {
clear: both;
}
#addToCartLayer .add-to-cart-item:before,
#addToCartLayer .add-to-cart-item:after {
content: " ";
display: table;
}
#addToCartLayer .add-to-cart-item:after {
clear: both;
}
#addToCartLayer .add-to-cart-item .price {
text-align: initial;
}
#addToCartLayer .sortimo_btn_special_left {
float: left;
}
#addToCartLayer .details {
margin: 0;
}
@media (min-width: 600px) {
#addToCartLayer .details {
float: right;
width: calc(100% - 115px);
}
}
@media (min-width: 1024px) {
.desktopHeight {
height: 140px;
margin-bottom: 20px;
}
}
@media (max-width: 1023px) {
.cart-voucher {
float: none ! important;
}
.cart-voucher input {
width: 100%;
}
}
.mobileCheckout {
width: 98px;
}
@media (min-width: 1024px) {
.checkout-login .sortimo_loginaction_content {
height: 325px;
}
}
@media (max-width: 639px) {
.checkout-login .sortimo_loginaction_content .checkout_register_button {
margin-top: -30px;
}
}
.checkout-login .sortimo_loginaction_content .control-label {
line-height: 15px;
margin-top: 9px;
}
.checkout-login .sortimo_checkout_loginAndforgotPW {
margin-top: 20px;
margin-bottom: 12px;
}
.checkout-login .checkout_select_buttons {
position: absolute;
right: 30px;
bottom: 52px;
}
.checkout-login #checkoutlogin_guestcheckoutform {
display: none;
margin: auto;
}
.checkout-login .row .col-md-3 .login-section {
padding-bottom: 12px;
}
@media (max-width: 1023px) {
.checkout-login .checkout_select_buttons {
left: auto;
right: 30px;
bottom: 10px;
}
}
@media (max-width: 640px) {
.checkout-login .checkout_select_buttons {
position: static;
margin-top: 75px;
}
#continueShopping {
margin-bottom: 10px;
}
}
.sortimo_cart_count_total {
float: right;
padding-right: 5px;
}
.guestcheckoutform .form-group.row {
padding-bottom: 10px;
}
.guestcheckoutform .form-group.row:nth-of-type(2) {
padding-bottom: 30px;
}
#i18nAddressForm {
padding-top: 10px;
}
#i18nAddressForm .form-group {
padding-bottom: 10px;
}
#i18nAddressForm .form-group .col-md-3 label {
color: #546373;
font-size: 11pt;
font-family: "Roboto Condensed";
vertical-align: middle;
line-height: 20px;
}
.checkout-order-summary {
padding: 0;
padding-left: 30px;
}
@media (max-width: 1023px) {
.checkout-order-summary {
padding-left: 20px;
}
}
@media (max-width: 639px) {
.checkout-order-summary {
padding-left: 0px;
}
}
.checkout-order-summary.checkout-review-xs {
padding-left: 0px;
}
@media (max-width: 639px) {
.subtotals .subtotal {
font-size: 16px;
}
.checkout-review-xs.checkout-order-summary {
margin: 10px 0px 10px 0px;
padding: 0;
margin-top: 0px;
}
.checkout-review-xs.checkout-order-summary ul.checkout-order-summary-list li.checkout-order-summary-list-items .details {
margin-left: 0px;
/*.price{
float:right;
}*/
}
.checkout-review-xs.checkout-order-summary ul.checkout-order-summary-list li.checkout-order-summary-list-items .details .details_block {
margin-left: 0px;
}
.checkout-review-xs.checkout-order-summary ul.checkout-order-summary-list li.checkout-order-summary-list-items .details .details_block .name {
float: none;
}
.checkout-review-xs.checkout-order-summary ul.checkout-order-summary-list li.checkout-order-summary-list-items .details .qty {
float: none;
text-align: left;
}
.checkout-review-xs.checkout-order-summary ul.checkout-order-summary-list li.checkout-order-summary-list-items .details .qty span {
display: inline-block;
}
.checkout-review-xs.checkout-order-summary .text_05_lt {
font-size: 18px !important;
}
.checkout-review-xs.checkout-order-summary .sortimo-checkout-back {
text-align: center;
margin-bottom: 10px;
display: block;
}
}
@media (min-width: 1024px) {
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.item-list-item>div>div {
display: block;
text-align: left;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item>div>div {
display: block;
text-align: left;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity .form-control {
display: inline-block;
width: 60px;
height: 40px;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity-positions {
text-align: center !important;
padding-left: 62px;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item.border-left-right {
border-left: 2px solid #c5d1de;
border-right: 2px solid #c5d1de;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item.border-bottom {
border-bottom: 2px solid #c5d1de;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-total-column,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-price,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-total {
text-align: center;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-code,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-stock {
padding-left: 0px !important;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list {
display: block;
width: 100%;
border-spacing: 30px 15px;
border-collapse: collapse;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li {
display: table;
border-bottom: none;
border-top: 1px solid #e5e5e5;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div {
width: 10% !important;
padding-top: 15px;
padding-bottom: 15px;
/*text-align: center;*/
/* &.item-single {
text-align: center !important;
vertical-align: top !important;
div {
text-align: center !important;
vertical-align: top !important;
}
}*/
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div .updateCartForm {
/*margin-left: 50px;*/
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div.item-quantity {
text-align: right;
vertical-align: top;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div.item-price-wo-vat,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div.item-total,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div.item-total-wo-vat,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div.item-single {
text-align: right;
vertical-align: top;
margin-right: 10px;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div>div:not(:first-child) {
padding-left: 15px;
padding-right: 15px;
/*text-align:center;*/
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div>div.item-info {
text-align: left !important;
width: 100% !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li>div>div.item-single-wo-vat {
text-align: center;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li .hidden-md.hidden-lg {
display: none;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li.item-list-item-positions {
display: block;
width: 100%;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li.item-list-item-positions.border {
border: 2px solid #c5d1de;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li.item-list-item-positions.border-none {
border: none;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li.item-list-item-positions.background-color-lightgrey {
background-color: #c5d1de;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li.item-list-item-positions.background-color-white {
background-color: #ffffff;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li.item-list-item-border {
border: 2px solid #c5d1de;
height: 48px;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list>li.item-list-item-border>div {
padding: 0;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .item-info,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .item-price-wo-vat,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .item-single-wo-vat {
width: 25% !important;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons {
display: block;
width: 100%;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .icon-container,
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .text-container {
cursor: pointer;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .icon-container {
color: white;
display: flex;
align-items: center !important;
justify-content: center !important;
float: left;
/* > svg {
height: 29px !important;
}*/
/*border-left: 2px solid #c5d1de;
border-top: 2px solid #c5d1de;
border-bottom: 2px solid #c5d1de;*/
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .icon-container.open-more {
background-color: #c5d1de;
height: 46px;
width: 46px;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .icon-container.close-more {
background-color: #0068b4;
height: 48px;
width: 48px;
display: none;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .text-container {
color: #546373;
align-items: center;
height: 48px;
font-weight: 700;
width: 350px;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .text-container.height52 {
padding-top: 14px !important;
padding-left: 65px !important;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .text-container.height48 {
padding-top: 12px !important;
padding-left: 63px !important;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .show-more-details {
display: none;
background-color: #dee7f0;
padding: 30px;
overflow: hidden;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .show-more-details .vehicle-attribute {
color: #546373;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
word-wrap: break-word;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list .cart-detail-buttons .show-more-details .vehicle-attribute .title {
font-weight: bold;
}
body .sortimoWidth .yCmsComponent.yComponentWrapper .item-list.cart-list li.item-list-header.cartitemheader {
width: 100%;
}
}
.row.substitutionlist>div {
padding: 15px;
}
.row.substitutionlist .item-image {
width: 25%;
}
.translucent .infoText {
position: absolute;
background-color: white;
border: 1px solid;
border-radius: 4px;
padding: 5px;
text-align: center;
width: 30%;
left: 37%;
}
@media (max-width: 639px) {
.translucent .infoText {
width: 60%;
left: 22%;
}
}
.sortimo-item-list-headline {
color: #7c8c9c;
border-bottom: 1px solid #e5e5e5;
}
.sortimo-item-list-header {
background: #c5d1de;
color: #7c8c9c;
min-height: 55px;
}
.sortimo-item-list-header li {
float: left;
margin: 0;
list-style: none;
font-weight: bold;
padding: 17px;
padding-left: 10px;
padding-right: 10px;
}
.sortimo-item-list-header li.sortimo-item-info {
width: 43%;
}
.sortimo-item-list-header li.sortimo-item-details {
width: 14%;
}
.sortimo-item-list-header li.sortimo-item-quantity {
width: 17%;
}
.sortimo-item-list-header li.sortimo-item-total {
width: 13%;
}
.sortimo-item-list li {
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
@media (max-width: 639px) {
.sortimo-item-image {
width: 100%;
}
.sortimo-item-info {
width: 75% !important;
}
.sortimo-item-total {
width: 25% !important;
}
}
.sortimo-item-image,
.sortimo-item-total {
width: 13%;
}
.sortimo-item-details {
width: 15%;
}
.sortimo-item-details-list {
width: 14%;
}
.sortimo-item-info {
width: 30%;
}
.sortimo-item-quantity {
width: 8%;
}
.sortimo-item-status {
width: 9%;
}
.sortimo-item-status.header {
margin-left: 37px;
}
li.sortimo-item-status {
display: block;
}
div.sortimo-item-status {
display: none;
}
.sortimo-item-list-header li.sortimo-item-total,
.sortimo-item-list li.sortimo-item-total {
text-align: right;
float: right;
}
.block {
display: block;
}
.sortimo-item-row {
border-bottom: 1px solid #e5e5e5;
}
.sortimo-item-row .subposition-container {
border-bottom: none;
}
.account-section-content .sortimo-item-list.subpositions .sortimo-item-info {
width: 43%;
}
.sortimo-item-list.subpositions {
margin-left: 10px;
}
.sortimo-item-list {
color: #7c8c9c;
}
.sortimo-item-list li {
list-style: none;
float: left;
}
.sortimo-item-name {
font-weight: bold;
}
.sortimo-item-image-container {
position: relative;
bottom: 5px;
max-width: 95px;
}
.total {
color: #0669b2;
}
@media screen and (max-width: 1024px) {
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item {
padding: 15px 15px 15px 15px !important;
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity {
text-align: left !important;
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions {
clear: both;
float: none;
width: auto;
display: block;
position: absolute;
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-xs,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-sm {
display: block !important;
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-xs .visible-xs,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-sm .visible-xs,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-xs .visible-sm,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-sm .visible-sm {
display: block !important;
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-xs label,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-sm label {
padding-top: 6px;
float: left;
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-xs .qtyValue,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-positions.hidden-sm .qtyValue {
float: right;
padding-top: 3px;
padding-left: 43px;
}
.cart-detail-buttons {
display: block;
width: 100%;
}
.cart-detail-buttons .icon-container,
.cart-detail-buttons .text-container {
cursor: pointer;
}
.cart-detail-buttons .icon-container {
color: white;
display: flex;
align-items: center !important;
justify-content: center !important;
float: left;
height: 46px;
width: 46px;
/* > svg {
height: 29px !important;
}*/
/*border-left: 2px solid #c5d1de;
border-top: 2px solid #c5d1de;
border-bottom: 2px solid #c5d1de;*/
}
.cart-detail-buttons .icon-container.open-more {
background-color: #c5d1de;
}
.cart-detail-buttons .icon-container.close-more {
background-color: #0068b4;
display: none;
}
.cart-detail-buttons .text-container {
color: #546373;
display: flex;
align-items: center;
height: 48px;
padding-left: 13px;
font-weight: 700;
/*padding-left: 60px;*/
/*
* &.height52 {
height: 48px;
}
&.height48 {
height: 48px;
}
*/
}
.cart-detail-buttons .show-more-details {
display: none;
background-color: #dee7f0;
padding: 30px;
overflow: hidden;
}
.cart-detail-buttons .show-more-details .vehicle-attribute {
color: #546373;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
word-wrap: break-word;
}
.cart-detail-buttons .show-more-details .vehicle-attribute .title {
font-weight: bold;
}
.item-list-item-border {
border: 2px solid #c5d1de !important;
height: 48px !important;
}
.item-list-item-border>div {
padding: 0 !important;
}
.item-list-item-positions {
display: block !important;
width: 100% !important;
}
.item-list-item-positions.border {
border: 2px solid #c5d1de;
}
.item-list-item-positions.border-none {
border: none;
}
.item-list-item-positions.background-color-lightgrey {
background-color: #c5d1de;
}
.item-list-item-positions.background-color-white {
background-color: #ffffff;
}
.item-list-item.border-left-right {
border-left: 2px solid #c5d1de !important;
border-right: 2px solid #c5d1de !important;
}
.item-list-item.border-bottom {
border-bottom: 2px solid #c5d1de !important;
}
.item-list-item>div>div {
display: block !important;
text-align: left !important;
}
.sortimo-item-list li {
margin: 0;
}
.sortimo-item-image {
width: 20%;
}
.sortimo-item-info {
width: 60%;
/*border: 1px solid green;*/
}
.sortimo-item-total {
width: 20%;
/*border: 1px solid red;*/
}
.sortimo-item-status {
width: 100%;
}
li.sortimo-item-status {
display: none;
}
div.sortimo-item-status {
display: block;
}
}
@media screen and (max-width: 1024px) and (max-width: 446px) {
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity-total.item-quantity-distance {
margin-left: 0px !important;
}
}
@media screen and (max-width: 1024px) and (min-width: 447px) and (max-width: 463px) {
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity-total.item-quantity-distance {
margin-left: 137px !important;
}
}
@media screen and (max-width: 1024px) and (max-width: 640px) {
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item {
/* @media (max-width: 446px) {
.item-quantity-total {
margin-left: 0px !important;
}
}*/
margin: 0;
padding: 0;
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity-total {
width: 100% !important;
/* @media (max-width: 463px) {
padding: 0 80px 0 0 !important;
}
@media (max-width: 417px){
margin-left:0px !important;
}*/
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-total.hidden-xs label,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-total.hidden-sm label {
padding-top: 4px !important;
float: left;
padding-left: 135px;
}
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-total.hidden-xs .qtyValue,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-total.hidden-sm .qtyValue {
float: left !important;
padding-left: 200px;
}
}
@media screen and (max-width: 1024px) and (max-width: 640px) and (max-width: 530px) {
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item {
padding: 15px 15px 35px 15px !important;
}
}
@media screen and (max-width: 1024px) and (max-width: 640px) and (max-width: 399px) {
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-total.hidden-xs label,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-total.hidden-sm label {
padding-left: 0px;
}
}
@media screen and (max-width: 1024px) and (max-width: 640px) and (max-width: 420px) {
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-total.hidden-xs .qtyValue,
.sortimoWidth .yCmsComponent.yComponentWrapper .item-list .item-list-item .item-quantity.item-quantity-total.hidden-sm .qtyValue {
padding-left: 50px !important;
}
}
@media screen and (max-width: 600px) {
.sortimo-item-image {
float: none !important;
}
.sortimo-item-info {
width: 80%;
}
.sortimo-item-total {
width: 20%;
}
}
@media print {
nav,
.site-search,
.langSelWrapper,
.nav__links.nav__links--account,
#Navigation,
#add_trustcard_here,
#space_for_trustcard,
footer,
.sortimo_Slider,
.sortimo_contactform,
.js-mainHeader,
.print-btn,
.cc-cookies {
display: none !important;
}
.order-billing-information,
.order-summary-payment-totals,
.order-information-delivery-address {
width: 25%;
}
.branding-mobile {
border-bottom: 0px solid transparent !important;
margin-bottom: 45px;
}
.branding-mobile.js-mobile-logo {
height: auto;
}
.print-without-price .sortimo-item-details,
.print-without-price .order-summary-payment-totals,
.print-without-price .sortimo-item-price,
.print-without-price .sortimo-item-total {
display: none !important;
}
}
.hasChanged input,
.regionChanged {
background: #fcf8e3 !important;
border-color: #faebcc;
}
.guestCheckout {
border-right: 3px solid #c5d1df;
}
#locationFinderInCheckout {
display: none;
z-index: 1000;
}
#locationFinderInCheckout .overlay {
z-index: 1001;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
width: 100vw;
position: fixed;
}
#locationFinderInCheckout .overlay .sortimo-component.sortimo-location-finder {
z-index: 1002;
background-color: #fff;
padding: 10px;
}
@media (max-width: 1042px) {
#locationFinderInCheckout .overlay .sortimo-component.sortimo-location-finder {
width: 100%;
max-width: 800px;
}
}
.delivery_shipping {
background-color: #DEE7F0 !important;
width: 100%;
line-height: 35px;
text-align: center;
}
body.page-multiStepCheckoutSummaryPage #ui-datepicker-div {
margin-top: -40px;
margin-left: -2px;
}
#chooseFileButton {
float: left;
white-space: nowrap;
}
#chooseFileButton span {
padding-right: 20px;
cursor: pointer;
}
#chooseFileButton svg {
cursor: pointer;
}
.csvUploadDescription {
margin-right: 20px;
float: left;
}
.checkout-help {
border: none;
}
#csv_import_file_name {
color: #3c3c3c;
margin-left: 10px;
}
.checkout-order-summary .subtotals .totals {
border-top: none;
}
.checkout-steps .step-body .step-body-form #paymentselection .radiobuttons_paymentselection>label {
display: none;
}
/*
.item-list-item-positions {
display: block !important;
width: 100% !important;
}
.item-list-item-border {
border: 2px solid #c5d1de;
height: 34px;
}
.cart-detail-buttons {
//background-color: #c5d1de;
//border: 2px solid #c5d1de;
display: block;
width: 100%;
.icon-container, .text-container {
cursor: pointer;
}
.icon-container {
color: white;
height: 30px;
width: 30px;
display: flex;
align-items: center !important;
justify-content: center !important;
float: left;
&.open-more {
background-color: #c5d1de;
}
&.close-more {
//background-color: #219bd7;
background-color: #0068b4;
display: none;
}
}
.text-container {
color: #546373;
display: flex;
align-items: center;
height: 30px;
float: left;
padding-left: 15px;
font-weight: 700;
&.open-more {
}
&.close-more {
display: none;
}
}
.show-more-details {
display: none;
background-color: #dee7f0;
padding: 30px;
overflow: hidden;
.vehicle-attribute {
color: #546373;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
word-wrap: break-word;
.title {
font-weight: bold;
}
}
}
}
*/
.sortimo_imagelink {
width: calc((100% - 10px));
height: 245px;
background-size: cover !important;
background-repeat: no-repeat !important;
}
.sortimo_imagelink.linked {
cursor: pointer;
}
.sortimo_imagelink a {
display: block;
right: 30px;
position: absolute;
background: #0068b3;
height: 50px;
color: white;
line-height: 50px;
border-radius: 5px;
padding: 0 20px;
bottom: 20px;
font-size: 18px;
}
.sortimo_imagelink a:after {
content: "";
background: url("../images/Arrow_button.svg");
width: 10px;
display: inline-block;
position: relative;
height: 12px;
margin-left: 20px;
}
.sortimo_imagelink span {
width: 294px;
display: block;
float: right;
font-size: 30px;
top: 30px;
position: absolute;
right: 20px;
text-align: right;
}
@media (min-width: 1024px) {
.sortimo_imagelink span {
top: 10px;
right: 30px;
}
}
@media (min-width: 1200px) {
.sortimo_imagelink span {
width: 35%;
}
}
@media (min-width: 1380px) {
.sortimo_imagelink span {
width: 44%;
}
}
.mini-cart .mini-cart-body .legend a {
float: right;
margin-right: 20px;
}
.mini-cart .mini-cart-body .legend .nic {
margin-left: 5px;
}
.sectionA .content div {
padding-right: 10px;
}
.sectionB .content div {
padding-left: 10px;
float: right;
}
@media screen and (max-width: 1199px) {
.homepage-section-b .sortimo_imagelink,
.homepage-section-a .sortimo_imagelink {
width: 100%;
}
.homepage-section-b {
margin-top: 15px;
}
}
.flexslider {
max-height: 460px;
margin: 0 auto;
}
@media (max-width: 1023px) {
.flexslider {
min-height: 250px;
}
}
@media (min-width: 1024px) {
.flexslider {
min-height: 365px;
}
}
@media (min-width: 1100px) {
.flexslider {
min-height: 395px;
}
}
@media (min-width: 1200px) {
.flexslider {
min-height: 430px;
}
}
@media (min-width: 1300px) {
.flexslider {
min-height: 460px;
}
}
.flexslider .slides img {
height: auto !important;
}
.show_usermenu {
position: relative;
z-index: 900;
}
.show_usermenu a[href] p {
cursor: default;
text-decoration: none;
}
.NAVcompONENT {
display: none;
position: absolute;
border: 1px solid lightgray;
background: #ffffff;
width: 200px;
line-height: 25px;
margin-top: 10px;
top: 20px;
right: 0px;
text-align: left;
content-align: left;
}
.NAVcompONENT nav {
padding: 10px;
}
.sortimo-js-cart-container {
width: 250px;
height: auto;
position: absolute;
right: -11px;
z-index: 1000;
border: 1px solid #c5d1de;
background: #dee7f0;
top: 64px;
display: none;
}
.mini-cart-title {
background: #7c8c9c;
}
.mini-cart .mini-cart-title {
background: none;
padding: 10px 0;
font-family: "Roboto Condensed";
}
.mini-cart .mini-cart-body .mini-cart-list {
background: #fff;
padding: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item {
display: block;
position: relative;
padding-bottom: 15px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
width: 96px;
height: 96px;
border: 1px solid #c5d1de;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
margin-left: 0px;
text-align: left;
padding-bottom: 25px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details .qty {
text-align: left;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price {
position: absolute;
bottom: 10px;
color: #0669b2;
font-family: "Roboto Condensed";
width: 60%;
text-align: right;
right: 0px;
font-size: 20px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item:not(:last-child) {
border-bottom: 1px solid #c5d1de;
margin-bottom: 15px;
}
.mini-cart .mini-cart-body .js-mini-cart-close-button {
display: none;
}
.mini-cart .mini-cart-body .legend {
margin: 0;
height: 40px;
display: block;
background: #dee7f0;
line-height: 40px;
font-family: "Roboto Condensed";
}
.mini-cart .mini-cart-body .mini-cart-totals {
border: 0;
margin: 10px 0;
}
.mini-cart .mini-cart-body .mini-cart-totals .key {
display: inline-block;
text-align: left;
line-height: 26px;
}
.mini-cart .mini-cart-body .mini-cart-totals .key b {
font-size: 14pt;
padding-bottom: 20px;
}
.mini-cart .mini-cart-body .mini-cart-totals .value {
font-size: 14pt;
color: #0669b2;
font-family: "Roboto Condensed";
white-space: nowrap;
display: inline-block;
float: right;
padding-bottom: 15px;
}
.mini-cart .mini-cart-body .mini-cart-totals a[href] {
margin-left: calc(50% - 85px);
}
.mini-cart .mini-cart-body .mini-cart-totals a[href] .svg_arrow {
width: 12px;
height: 11px;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button {
padding: 6px;
margin: 0;
width: 170px;
left: 0px;
margin-top: 15px;
}
@media (max-width: 1100px) {
.uspcomponent .hide1100 {
display: none;
}
}
@media (max-width: 1200px) {
.uspcomponent .hide1200 {
display: none;
}
}
.uspcomponent img {
margin-right: 10px;
}
.mini-cart-container:after,
.mini-cart-container:before {
bottom: 100%;
left: 80%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
/* .mini-cart-container:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #dee7f0;
border-width: 12px;
margin-left: 0px;
}
.mini-cart-container:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #c5d1de;
border-width: 15px;
margin-left: -3px;
}*/
.mini-cart-icon {
padding-bottom: 2px;
}
@media (max-width: 1023px) {
.mini-cart-icon {
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.mini-cart-icon svg {
height: 40px;
}
}
.mini-cart-container:before {
z-index: -1;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 16px 8px 16px;
border-color: transparent transparent #c5d1de transparent;
margin: 0 auto;
position: absolute;
left: 191px;
}
.mini-cart-container:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 7px 12px;
border-color: transparent transparent #dee7f0 transparent;
margin: 0 auto;
position: absolute;
left: calc(35%);
left: 195px;
}
li.minicart_li {
position: relative;
}
.accNavComponent:after,
.accNavComponent:before {
bottom: 100%;
left: 83%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.accNavComponent:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #dee7f0;
border-width: 15px;
margin-left: -15px;
}
.accNavComponent:before {
border-color: rgba(235, 240, 244, 0);
border-bottom-color: lightgray;
border-width: 16px;
margin-left: -16px;
}
.sortimo_umenu_title {
background: #dee7f0;
padding: 5px 0;
}
.startSlider {
margin-bottom: 50px !important;
}
.carousel__component.sortimo_product_carousel {
margin-bottom: 30px;
}
.carousel__component.sortimo_product_carousel .carousel__component--carousel {
margin: 0 -10px;
}
.carousel__component.sortimo_product_carousel .carousel__component--headline {
margin-top: 0;
}
.startPageBanner {
margin-bottom: 40px !important;
}
.sortimoImageLinksWrapper {
margin-bottom: 30px !important;
}
.sortimoImageLinksWrapper .yCmsContentSlot .content span.cmsImageLinkTextsmal p {
margin: 0 0 5px;
}
@media (max-width: 1199px) {
.sortimoImageLinksWrapper .yCmsContentSlot span.cmsImageLinkTextsmal {
font-size: 20px;
font-family: "Roboto Condensed";
padding-top: 20px;
display: block;
}
.sortimoImageLinksWrapper .yCmsContentSlot span.cmsImageLinkTextLarge {
display: none;
}
}
.flex-control-paging li a {
background: rgba(214, 214, 214, 0.5) !important;
}
.flex-control-paging li a.flex-active {
background: #209bd7 !important;
}
/* Roboto */
@font-face {
font-family: "Roboto Condensed";
src: url("../fonts/Roboto/RobotoCondensed-Bold.ttf");
}
@font-face {
font-family: "Roboto Regular";
src: url("../fonts/Roboto/RobotoCondensed-Regular.ttf");
}
@font-face {
font-family: "Roboto Light";
src: url("../fonts/Roboto/RobotoCondensed-Light.ttf");
}
.filterOverlay {
height: 100% !important;
width: 100% !important;
left: 0px !important;
top: 0px !important;
}
.filterOverlay #cboxMiddleLeft,
.filterOverlay #cboxMiddleRight {
display: none !important;
}
.filterOverlay #cboxContent {
height: 100% !important;
width: calc(100% - 40px) !important;
float: none !important;
display: block;
padding: 20px;
}
.filterOverlay #cboxContent #cboxLoadedContent {
margin: 0px;
width: 100% !important;
padding: 0;
height: 100% !important;
}
.filterOverlay #cboxContent #cboxLoadedContent #product-facet {
margin-top: 80px;
}
.filterOverlay #cboxContent #cboxLoadedContent #product-facet .facet {
background: none;
padding: 20px 0;
border: none;
}
.filterOverlay #cboxContent #cboxLoadedContent #product-facet .facet:nth-child(2n) {
border-bottom: 1px solid lightgray;
border-top: 1px solid lightgray;
}
.filterOverlay #cboxContent #cboxLoadedContent #product-facet .facet:last-child {
border-bottom: 1px solid lightgray;
}
.filterOverlay #cboxContent #cboxLoadedContent #product-facet .facet .facet__name {
background: none;
padding-left: 10px;
}
.filterOverlay #cboxContent #cboxLoadedContent #product-facet .facet .facet__name .facet__arrow {
display: block;
left: 97%;
}
.filterOverlay #cboxContent #cboxLoadedContent #product-facet .facet .facet__values {
padding: 0px 5px;
}
.filterOverlay #cboxContent #cboxClose {
top: 25px;
right: 35px;
color: #546373;
}
.filterOverlay #cboxContent #cboxTitle {
float: left;
display: table;
padding: 25px 35px;
left: 0px;
background: #c5d1de;
width: calc(100% + 20px);
}
.filterOverlay #cboxContent #cboxTitle .headline {
font-size: 24px;
line-height: 40px;
font-family: "Roboto Condensed";
width: 100%;
margin: 0;
}
.filterOverlay #cboxWrapper {
height: 100% !important;
width: 100% !important;
display: block !important;
float: none !important;
}
.filterOverlay #cboxWrapper>div:nth-child(1) {
display: none;
}
.filterOverlay #cboxWrapper>div:nth-child(2) {
height: 100%;
top: 0px;
margin: 0;
padding: 0;
}
.startSlider .slides li {
position: relative;
}
.startSlider .slides li .slidesText {
display: none;
position: absolute;
top: 60px;
right: 0px;
padding: 30px;
width: 100%;
}
.deliveryWarning {
color: #c11818;
}
.deliveryAvail {
color: #31b4a4;
}
.errorPageImage {
background: url(../images/fehlerseite-handwerker.jpg) no-repeat center center;
height: 584px;
}
@media (max-width: 1023px) {
.sectionA .content div {
padding: 0;
margin: 0 auto;
width: 100%;
}
.sectionA .content div.sortimo_imagelink {
padding-bottom: 10px;
}
.sectionB .content div {
padding: 0;
float: none;
margin: 0 auto;
width: 100%;
}
.sortimo_contactform {
margin-top: 15px;
color: #333;
width: calc(100% + 20px);
margin-left: -10px;
}
}
@media (max-width: 639px) {
.startSlider .slides li {
background: #219bd7;
height: 250px;
}
.startSlider .slides li img {
display: none;
}
.startSlider .slides li .slidesText {
top: 0px;
display: block;
height: 100%;
}
.startSlider .slides li .slidesText * {
color: #fff;
}
}
.sortimo_accountBlock {
border-width: 0px 2px 2px;
border-color: #c5d1df;
border-style: solid;
margin-bottom: 30px;
}
.sortimo_accountBlock .sortimo_accountBlock_header {
background: #C5D1DF;
font-size: 20px;
padding: 15px 30px 10px;
line-height: initial;
}
.sortimo_accountBlock .sortimo_accountBlock_header span {
vertical-align: top;
}
.sortimo_accountBlock form {
padding: 30px;
}
.sortimo_accountBlock form label {
font-family: "Roboto Condensed";
line-height: inherit;
}
.sortimo_accountBlock .sortimo_accountBlock_Data {
padding: 30px;
}
.sortimo_accountBlock .sortimo_accountBlock_Data .vehicles {
overflow: auto;
}
.sortimo_accountBlock .sortimo_accountBlock_Data .vehicles-selection {
margin-bottom: 25px;
}
.account-orderhistory .account-orderhistory-pagination {
padding-bottom: 20px;
}
.account-orderhistory .row .sortimo_accountBlock .sortimo_accountBlock_Data {
padding: 0;
}
.account-orderhistory .row .sortimo_accountBlock .sortimo_accountBlock_Data #SortimoOrderSearchForm {
padding: 30px 0 20px 0;
}
.account-orderhistory .row .sortimo_accountBlock .sortimo_accountBlock_Data #SortimoOrderSearchForm>.col-md-6 {
padding-left: 30px;
padding-right: 30px;
}
.account-orderhistory .row .sortimo_accountBlock .sortimo_accountBlock_Data #SortimoOrderSearchForm .dateFields .form-group .col-md-9 .form-group input {
background: url(../images/arrow_select.png) no-repeat right center;
}
.account-orderhistory .row .sortimo_accountBlock .sortimo_accountBlock_Data #SortimoOrderSearchForm label {
color: #546373;
}
.account-orderhistory .content-empty {
float: none;
}
.order-history-table {
padding-bottom: 20px;
}
.order-history-table .item-list tbody .responsive-table-item:nth-child(even) {
background-color: initial;
}
.order-history-table .item-list tbody .responsive-table-item .responsive-table-cell.quote-state span {
vertical-align: top;
}
.order-history-table .item-list tbody .responsive-table-item .responsive-table-cell:not(.quote-state) span {
font-family: "Roboto Condensed";
}
.order-history-table .item-list tbody .responsive-table-item .responsive-table-cell a[href] span {
font-family: "Roboto Regular";
font-weight: normal;
}
.order-history-table .item-list tbody .responsive-table-item .responsive-table-cell .right_arrow {
margin-bottom: -1px;
margin-left: 5px;
}
@media (max-width: 640px) {
.order-history-table .item-list tbody .responsive-table-item .responsive-table-cell {
white-space: nowrap;
}
}
.order-history-table .item-list tbody .responsive-table-item .responsive-table-cell .add-to-vehicle-conf .btn {
float: right;
}
.order-history-table .item-list tbody .responsive-table-item .responsive-table-cell .add-to-vehicle {
text-align: right;
}
@media (max-width: 639px) {
.order-history-table .item-list tbody .responsive-table-item {
padding-left: 0px;
padding-right: 0px;
}
.order-history-table .item-list tbody .responsive-table-item td {
padding: 15px 10px;
padding-left: 0px;
}
}
@media (max-width: 1023px) {
.account-quotehistory-pagination .sortimo_sortForm {
padding-right: 30px;
}
}
@media (max-width: 639px) {
.account-quotehistory-pagination .sortimo_sortForm {
padding-right: 0px;
}
}
.account-quotehistory-pagination #sortOptions2 {
margin-top: 0px !important;
}
.retailerCreateCustRow {
margin-bottom: 20px;
}
@media (max-width: 639px) {
.retailerCreateCustRow div {
width: 100%;
}
.retailerCreateCustRow div a {
width: 100%;
}
}
@media (max-width: 1023px) {
.retailerCreateCustRow div {
width: 100%;
}
.retailerCreateCustRow div a {
width: 100%;
}
}
.retailer_title_container {
margin-bottom: 25px;
margin-top: 25px;
}
@media (max-width: 639px) {
.retailercustomer-table .responsive-table-item {
padding: 10px 20px 50px 20px !important;
}
.retailercustomer-table .responsive-table-item td {
padding: 15px 10px 0px 10px !important;
}
.retailercustomer-table .responsive-table-item .responsive-retailer-actions {
width: 5%;
white-space: normal;
float: right;
font-size: 20px;
margin-top: -40px;
}
.retailercustomer-table .responsive-table-item .responsive-retailer-actions a {
-webkit-text-fill-color: #7c8c9c;
}
.retailercustomer-table .responsive-table-item .responsive-retailer-actions .address-actions {
float: right;
}
.retailercustomer-table .responsive-table-item .responsive-retailer-phone {
color: #0669b2;
}
}
@media (max-width: 1023px) {
.retailercustomer-table .responsive-table-item {
padding: 10px 20px 50px 20px !important;
display: block;
}
.retailercustomer-table .responsive-table-item td {
display: inline-block;
width: 55%;
white-space: nowrap;
padding: 15px 10px 0px 10px !important;
}
.retailercustomer-table .responsive-table-item .responsive-retailer-actions {
width: 5%;
white-space: normal;
float: right;
font-size: 20px;
margin-top: -40px;
}
.retailercustomer-table .responsive-table-item .responsive-retailer-actions a {
-webkit-text-fill-color: #7c8c9c;
}
.retailercustomer-table .responsive-table-item .responsive-retailer-actions .address-actions {
float: right;
}
.retailercustomer-table .responsive-table-item .responsive-retailer-phone {
color: #0669b2;
}
}
@media (max-width: 639px) {
.retailercustomer-table .responsive-table-item .responsive-retailer-cell {
font-family: "Roboto Condensed";
}
}
@media (max-width: 1023px) {
.retailercustomer-table .responsive-table-item .responsive-retailer-cell {
font-family: "Roboto Condensed";
}
}
@media (max-width: 640px) {
.noMobileMargin {
margin: 0;
padding: 0 !important;
}
}
.account-section .account-section-content .account-section-header {
text-transform: none;
font-size: 16px;
font-weight: normal;
line-height: inherit;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
border-bottom: none;
}
.account-section-header .pull-right a[href] {
float: right;
}
.account-section-header .pull-right a[href] span svg {
height: 20px;
}
.account-section .account-section-content .has-error .help-block {
padding-top: 10px;
font-size: initial;
font-weight: normal;
font-family: "Roboto Condensed";
line-height: initial;
color: #ed1c24;
}
.account-section-content .account-addressbook {
padding-bottom: 80px;
}
.account-section-content .account-addressbook .responsive-table .item-list tbody tr {
border-bottom: solid 2px #dee7f0;
}
.account-section-content .account-addressbook .responsive-table .item-list tbody tr td .address-actions .action-links .glyphicon {
font-size: 20px;
color: #929292;
}
.account-section-content .col-md-12 .item-list {
border-top: none;
}
.account-section-content .col-md-12 .item-list h2 {
color: #7c8c9c;
border-bottom: 1px solid #e5e5e5;
}
#cboxContent #cboxLoadedContent #addressbook .addressEntry form ul {
margin-bottom: 0;
}
#updatePasswordForm .form-group div .with_info {
width: auto;
}
#updatePwdForm {
padding-left: 0;
}
#updatePwdForm .float_right {
float: right;
}
#SortimoOrderSearchForm .row .col-md-9 {
padding-bottom: 20px;
}
.address_form .row .col-md-6 .account-section-content .account-section-form {
margin-top: 0;
}
@media (max-width: 1023px) {
.address_form label {
margin-bottom: 0px;
}
}
@media (max-width: 1024px) {
#updatePwdForm .col-md-6 .login-form-action div:nth-child(2) {
margin-bottom: 10px;
}
}
@media (max-width: 1023px) {
.item-list-item div.mobileRightPrice {
width: 100%;
text-align: right;
padding: 0 45px 0 0;
}
}
@media (max-width: 463px) {
.item-list-item .item-quantity-total {
margin-left: 0px;
}
}
@media (min-width: 1024px) {
.account-section .account-section-content.row .col-md-4 .right .sortimo_accountBlock {
margin-left: 25px;
position: static;
}
.account-section .account-section-content.row .sortimo_accountBlock {
min-height: 360px;
height: 100%;
}
.account-section .account-section-content.row .middle .sortimo_accountBlock {
margin: 0 auto;
}
.account-section .account-section-content.row .left .sortimo_accountBlock {
margin: 0;
}
.account-section .account-section-content.row .right .sortimo_accountBlock {
margin: 0;
right: 0px;
position: absolute;
}
.account-section .account-section-content.row .order-payment-data {
font-weight: 700;
text-transform: uppercase;
}
.account-section .account-section-content.row .paymentAddressHeader {
font-weight: 700;
text-transform: uppercase;
}
.account-section .account-section-content.row .delivery-address {
margin-top: 20px;
font-weight: 500;
color: #7c8c9c;
}
.account-section .account-section-content.row .account-orderdetail .account-orderdetail-item-section-header .sortimo_accountBlock_Data .orderTotal .subtotal {
font-weight: 500;
font-size: 16px;
color: #7c8c9c;
}
.account-section .account-section-content.row .account-orderdetail .account-orderdetail-item-section-header .sortimo_accountBlock_Data .orderTotal .subtotal .text-right {
font-weight: 500;
}
.account-section .account-section-content.row .account-orderdetail .account-orderdetail-item-section-header .sortimo_accountBlock_Data .orderTotal .shipping {
font-weight: 500;
color: #7c8c9c;
font-size: 16px;
}
.account-section .account-section-content.row .account-orderdetail .account-orderdetail-item-section-header .sortimo_accountBlock_Data .orderTotal .shipping .text-right {
font-weight: 500;
}
.account-section .account-section-content.row .account-orderdetail .account-orderdetail-item-section-header .sortimo_accountBlock_Data .orderTotal .totals {
padding-top: 20px;
margin-top: 10px;
border-style: solid none none none;
border-width: 1px;
border-color: #dee7f0;
font-size: 18px;
}
.account-section-content .item-list {
color: #546373;
}
.account-section-content .item-list .item-list-header {
font-weight: 700;
}
.account-section-content .item-list .item-list-header li.item-image {
padding-left: 25px;
}
.account-section-content .item-list .item-list-header li.item-details {
padding-left: 20px;
}
.account-section-content .item-list .item-list-header li.item-quantity {
padding-left: 40px;
}
.account-section-content .item-list .item-info {
width: 50%;
padding-left: 5%;
}
.account-section-content .item-list .item-info .item-code {
font-weight: 500;
}
.account-section-content .item-list .item-price {
font-weight: 700;
}
.account-section-content .item-list .item-quantity {
padding-left: 0;
}
.account-section-content .item-list .item-total .total {
color: #0669b2;
}
.account-section-content .item-list .item-total .tax {
font-size: 14px;
font-weight: 600;
}
}
@media (min-width: 1024px) and (min-width: 1024px) {
.account-section .account-section-content.row .col-md-4 .sortimo_accountBlock.left {
margin-right: 25px;
}
}
.account-section-content .item-list {
color: #546373;
}
@media (max-width: 1023px) {
.account-section-content .account-addressbook .responsive-table {
display: none;
}
.account-section-content .account-addressbook .account-cards {
display: block;
padding: 0;
}
}
@media (min-width: 1024px) {
.account-section-content .account-addressbook .account-cards {
display: none;
}
}
.oderDetailHeading {
padding-bottom: 20px;
padding-top: 5px;
}
.sortimo-vehicles .page-header-row,
.sortimo-canvases .page-header-row {
text-align: center;
color: #546373;
margin-top: 25px;
}
@media (max-width: 1023px) {
.sortimo-vehicles .page-header-row,
.sortimo-canvases .page-header-row {
margin-bottom: 25px;
}
}
.sortimo-vehicles .functions,
.sortimo-canvases .functions {
margin-bottom: 20px;
}
.sortimo-vehicles .functions .sortimo_button,
.sortimo-canvases .functions .sortimo_button {
cursor: pointer;
}
.sortimo-vehicles .order-search .vehicleOfferStatus,
.sortimo-canvases .order-search .vehicleOfferStatus {
width: 100%;
}
.sortimo-vehicles .vehicle,
.sortimo-canvases .vehicle,
.sortimo-vehicles .canvas,
.sortimo-canvases .canvas {
margin-bottom: 20px;
}
@media (min-width: 640px) {
.sortimo-vehicles .vehicle>.row,
.sortimo-canvases .vehicle>.row,
.sortimo-vehicles .canvas>.row,
.sortimo-canvases .canvas>.row {
display: flex;
}
}
.sortimo-vehicles .vehicle .header-row .name,
.sortimo-canvases .vehicle .header-row .name,
.sortimo-vehicles .canvas .header-row .name,
.sortimo-canvases .canvas .header-row .name,
.sortimo-vehicles .vehicle .mobile-header-row .name,
.sortimo-canvases .vehicle .mobile-header-row .name,
.sortimo-vehicles .canvas .mobile-header-row .name,
.sortimo-canvases .canvas .mobile-header-row .name {
font-weight: bold;
z-index: 1;
}
.sortimo-vehicles .vehicle .header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .vehicle .header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .canvas .header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .canvas .header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .vehicle .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .vehicle .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .canvas .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .canvas .mobile-header-row .mobile-vehicleOfferStatus {
z-index: 1;
position: unset;
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .vehicle .header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .canvas .header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .canvas .header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .vehicle .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .vehicle .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .canvas .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .canvas .mobile-header-row .mobile-vehicleOfferStatus {
display: none;
}
}
.sortimo-vehicles .vehicle .header-row .vehicleOfferStatus,
.sortimo-canvases .vehicle .header-row .vehicleOfferStatus,
.sortimo-vehicles .canvas .header-row .vehicleOfferStatus,
.sortimo-canvases .canvas .header-row .vehicleOfferStatus,
.sortimo-vehicles .vehicle .mobile-header-row .vehicleOfferStatus,
.sortimo-canvases .vehicle .mobile-header-row .vehicleOfferStatus,
.sortimo-vehicles .canvas .mobile-header-row .vehicleOfferStatus,
.sortimo-canvases .canvas .mobile-header-row .vehicleOfferStatus {
position: relative;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .header-row .vehicleOfferStatus,
.sortimo-canvases .vehicle .header-row .vehicleOfferStatus,
.sortimo-vehicles .canvas .header-row .vehicleOfferStatus,
.sortimo-canvases .canvas .header-row .vehicleOfferStatus,
.sortimo-vehicles .vehicle .mobile-header-row .vehicleOfferStatus,
.sortimo-canvases .vehicle .mobile-header-row .vehicleOfferStatus,
.sortimo-vehicles .canvas .mobile-header-row .vehicleOfferStatus,
.sortimo-canvases .canvas .mobile-header-row .vehicleOfferStatus {
display: none;
}
}
.sortimo-vehicles .vehicle .header-row .vehicleOfferStatus,
.sortimo-canvases .vehicle .header-row .vehicleOfferStatus,
.sortimo-vehicles .canvas .header-row .vehicleOfferStatus,
.sortimo-canvases .canvas .header-row .vehicleOfferStatus,
.sortimo-vehicles .vehicle .mobile-header-row .vehicleOfferStatus,
.sortimo-canvases .vehicle .mobile-header-row .vehicleOfferStatus,
.sortimo-vehicles .canvas .mobile-header-row .vehicleOfferStatus,
.sortimo-canvases .canvas .mobile-header-row .vehicleOfferStatus,
.sortimo-vehicles .vehicle .header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .vehicle .header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .canvas .header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .canvas .header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .vehicle .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .vehicle .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-vehicles .canvas .mobile-header-row .mobile-vehicleOfferStatus,
.sortimo-canvases .canvas .mobile-header-row .mobile-vehicleOfferStatus {
left: 12%;
font-weight: bold;
}
.sortimo-vehicles .vehicle .header-row .vehicleOfferStatus .vehicleStateSelect,
.sortimo-canvases .vehicle .header-row .vehicleOfferStatus .vehicleStateSelect,
.sortimo-vehicles .canvas .header-row .vehicleOfferStatus .vehicleStateSelect,
.sortimo-canvases .canvas .header-row .vehicleOfferStatus .vehicleStateSelect,
.sortimo-vehicles .vehicle .mobile-header-row .vehicleOfferStatus .vehicleStateSelect,
.sortimo-canvases .vehicle .mobile-header-row .vehicleOfferStatus .vehicleStateSelect,
.sortimo-vehicles .canvas .mobile-header-row .vehicleOfferStatus .vehicleStateSelect,
.sortimo-canvases .canvas .mobile-header-row .vehicleOfferStatus .vehicleStateSelect,
.sortimo-vehicles .vehicle .header-row .mobile-vehicleOfferStatus .vehicleStateSelect,
.sortimo-canvases .vehicle .header-row .mobile-vehicleOfferStatus .vehicleStateSelect,
.sortimo-vehicles .canvas .header-row .mobile-vehicleOfferStatus .vehicleStateSelect,
.sortimo-canvases .canvas .header-row .mobile-vehicleOfferStatus .vehicleStateSelect,
.sortimo-vehicles .vehicle .mobile-header-row .mobile-vehicleOfferStatus .vehicleStateSelect,
.sortimo-canvases .vehicle .mobile-header-row .mobile-vehicleOfferStatus .vehicleStateSelect,
.sortimo-vehicles .canvas .mobile-header-row .mobile-vehicleOfferStatus .vehicleStateSelect,
.sortimo-canvases .canvas .mobile-header-row .mobile-vehicleOfferStatus .vehicleStateSelect {
display: none;
}
.sortimo-vehicles .vehicle .header-row .vehicleOfferStatus select,
.sortimo-canvases .vehicle .header-row .vehicleOfferStatus select,
.sortimo-vehicles .canvas .header-row .vehicleOfferStatus select,
.sortimo-canvases .canvas .header-row .vehicleOfferStatus select,
.sortimo-vehicles .vehicle .mobile-header-row .vehicleOfferStatus select,
.sortimo-canvases .vehicle .mobile-header-row .vehicleOfferStatus select,
.sortimo-vehicles .canvas .mobile-header-row .vehicleOfferStatus select,
.sortimo-canvases .canvas .mobile-header-row .vehicleOfferStatus select,
.sortimo-vehicles .vehicle .header-row .mobile-vehicleOfferStatus select,
.sortimo-canvases .vehicle .header-row .mobile-vehicleOfferStatus select,
.sortimo-vehicles .canvas .header-row .mobile-vehicleOfferStatus select,
.sortimo-canvases .canvas .header-row .mobile-vehicleOfferStatus select,
.sortimo-vehicles .vehicle .mobile-header-row .mobile-vehicleOfferStatus select,
.sortimo-canvases .vehicle .mobile-header-row .mobile-vehicleOfferStatus select,
.sortimo-vehicles .canvas .mobile-header-row .mobile-vehicleOfferStatus select,
.sortimo-canvases .canvas .mobile-header-row .mobile-vehicleOfferStatus select {
margin-left: 10px;
font-weight: normal;
height: 35px;
background-color: white;
display: inline-block;
readonly: true;
}
.sortimo-vehicles .vehicle .header-row .edit,
.sortimo-canvases .vehicle .header-row .edit,
.sortimo-vehicles .canvas .header-row .edit,
.sortimo-canvases .canvas .header-row .edit,
.sortimo-vehicles .vehicle .mobile-header-row .edit,
.sortimo-canvases .vehicle .mobile-header-row .edit,
.sortimo-vehicles .canvas .mobile-header-row .edit,
.sortimo-canvases .canvas .mobile-header-row .edit {
display: none;
width: 30%;
font-size: 20px;
}
.sortimo-vehicles .vehicle .header-row .item-functions,
.sortimo-canvases .vehicle .header-row .item-functions,
.sortimo-vehicles .canvas .header-row .item-functions,
.sortimo-canvases .canvas .header-row .item-functions,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions,
.sortimo-canvases .vehicle .mobile-header-row .item-functions,
.sortimo-vehicles .canvas .mobile-header-row .item-functions,
.sortimo-canvases .canvas .mobile-header-row .item-functions {
float: right;
margin-left: auto;
height: 85%;
z-index: 2;
}
@media (min-width: 351px) {
.sortimo-vehicles .vehicle .header-row .item-functions,
.sortimo-canvases .vehicle .header-row .item-functions,
.sortimo-vehicles .canvas .header-row .item-functions,
.sortimo-canvases .canvas .header-row .item-functions,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions,
.sortimo-canvases .vehicle .mobile-header-row .item-functions,
.sortimo-vehicles .canvas .mobile-header-row .item-functions,
.sortimo-canvases .canvas .mobile-header-row .item-functions {
padding-right: 5px;
}
}
@media (max-width: 350px) {
.sortimo-vehicles .vehicle .header-row .item-functions,
.sortimo-canvases .vehicle .header-row .item-functions,
.sortimo-vehicles .canvas .header-row .item-functions,
.sortimo-canvases .canvas .header-row .item-functions,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions,
.sortimo-canvases .vehicle .mobile-header-row .item-functions,
.sortimo-vehicles .canvas .mobile-header-row .item-functions,
.sortimo-canvases .canvas .mobile-header-row .item-functions {
width: 60%;
padding-right: 0px;
}
}
.sortimo-vehicles .vehicle .header-row .item-functions .edit-function,
.sortimo-canvases .vehicle .header-row .item-functions .edit-function,
.sortimo-vehicles .canvas .header-row .item-functions .edit-function,
.sortimo-canvases .canvas .header-row .item-functions .edit-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .edit-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .edit-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .edit-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .edit-function,
.sortimo-vehicles .vehicle .header-row .item-functions .save-function,
.sortimo-canvases .vehicle .header-row .item-functions .save-function,
.sortimo-vehicles .canvas .header-row .item-functions .save-function,
.sortimo-canvases .canvas .header-row .item-functions .save-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .save-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .save-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .save-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .save-function,
.sortimo-vehicles .vehicle .header-row .item-functions .clone-function,
.sortimo-canvases .vehicle .header-row .item-functions .clone-function,
.sortimo-vehicles .canvas .header-row .item-functions .clone-function,
.sortimo-canvases .canvas .header-row .item-functions .clone-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .clone-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .clone-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .clone-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .clone-function,
.sortimo-vehicles .vehicle .header-row .item-functions .delete-function,
.sortimo-canvases .vehicle .header-row .item-functions .delete-function,
.sortimo-vehicles .canvas .header-row .item-functions .delete-function,
.sortimo-canvases .canvas .header-row .item-functions .delete-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .delete-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .delete-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .delete-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .delete-function {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: #0068b4;
color: white;
fill: white;
border-radius: 5px;
z-index: 2;
}
@media (max-width: 639px) {
.sortimo-vehicles .vehicle .header-row .item-functions .edit-function,
.sortimo-canvases .vehicle .header-row .item-functions .edit-function,
.sortimo-vehicles .canvas .header-row .item-functions .edit-function,
.sortimo-canvases .canvas .header-row .item-functions .edit-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .edit-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .edit-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .edit-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .edit-function,
.sortimo-vehicles .vehicle .header-row .item-functions .save-function,
.sortimo-canvases .vehicle .header-row .item-functions .save-function,
.sortimo-vehicles .canvas .header-row .item-functions .save-function,
.sortimo-canvases .canvas .header-row .item-functions .save-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .save-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .save-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .save-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .save-function,
.sortimo-vehicles .vehicle .header-row .item-functions .clone-function,
.sortimo-canvases .vehicle .header-row .item-functions .clone-function,
.sortimo-vehicles .canvas .header-row .item-functions .clone-function,
.sortimo-canvases .canvas .header-row .item-functions .clone-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .clone-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .clone-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .clone-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .clone-function,
.sortimo-vehicles .vehicle .header-row .item-functions .delete-function,
.sortimo-canvases .vehicle .header-row .item-functions .delete-function,
.sortimo-vehicles .canvas .header-row .item-functions .delete-function,
.sortimo-canvases .canvas .header-row .item-functions .delete-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .delete-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .delete-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .delete-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .delete-function {
width: 35px;
height: 35px;
}
}
@media (min-width: 640px) {
.sortimo-vehicles .vehicle .header-row .item-functions .edit-function,
.sortimo-canvases .vehicle .header-row .item-functions .edit-function,
.sortimo-vehicles .canvas .header-row .item-functions .edit-function,
.sortimo-canvases .canvas .header-row .item-functions .edit-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .edit-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .edit-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .edit-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .edit-function,
.sortimo-vehicles .vehicle .header-row .item-functions .save-function,
.sortimo-canvases .vehicle .header-row .item-functions .save-function,
.sortimo-vehicles .canvas .header-row .item-functions .save-function,
.sortimo-canvases .canvas .header-row .item-functions .save-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .save-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .save-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .save-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .save-function,
.sortimo-vehicles .vehicle .header-row .item-functions .clone-function,
.sortimo-canvases .vehicle .header-row .item-functions .clone-function,
.sortimo-vehicles .canvas .header-row .item-functions .clone-function,
.sortimo-canvases .canvas .header-row .item-functions .clone-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .clone-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .clone-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .clone-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .clone-function,
.sortimo-vehicles .vehicle .header-row .item-functions .delete-function,
.sortimo-canvases .vehicle .header-row .item-functions .delete-function,
.sortimo-vehicles .canvas .header-row .item-functions .delete-function,
.sortimo-canvases .canvas .header-row .item-functions .delete-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .delete-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .delete-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .delete-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .delete-function {
width: 50px;
height: 100%;
}
}
.sortimo-vehicles .vehicle .header-row .item-functions .edit-function svg,
.sortimo-canvases .vehicle .header-row .item-functions .edit-function svg,
.sortimo-vehicles .canvas .header-row .item-functions .edit-function svg,
.sortimo-canvases .canvas .header-row .item-functions .edit-function svg,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .edit-function svg,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .edit-function svg,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .edit-function svg,
.sortimo-canvases .canvas .mobile-header-row .item-functions .edit-function svg,
.sortimo-vehicles .vehicle .header-row .item-functions .save-function svg,
.sortimo-canvases .vehicle .header-row .item-functions .save-function svg,
.sortimo-vehicles .canvas .header-row .item-functions .save-function svg,
.sortimo-canvases .canvas .header-row .item-functions .save-function svg,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .save-function svg,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .save-function svg,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .save-function svg,
.sortimo-canvases .canvas .mobile-header-row .item-functions .save-function svg,
.sortimo-vehicles .vehicle .header-row .item-functions .clone-function svg,
.sortimo-canvases .vehicle .header-row .item-functions .clone-function svg,
.sortimo-vehicles .canvas .header-row .item-functions .clone-function svg,
.sortimo-canvases .canvas .header-row .item-functions .clone-function svg,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .clone-function svg,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .clone-function svg,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .clone-function svg,
.sortimo-canvases .canvas .mobile-header-row .item-functions .clone-function svg,
.sortimo-vehicles .vehicle .header-row .item-functions .delete-function svg,
.sortimo-canvases .vehicle .header-row .item-functions .delete-function svg,
.sortimo-vehicles .canvas .header-row .item-functions .delete-function svg,
.sortimo-canvases .canvas .header-row .item-functions .delete-function svg,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .delete-function svg,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .delete-function svg,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .delete-function svg,
.sortimo-canvases .canvas .mobile-header-row .item-functions .delete-function svg {
color: white;
fill: white;
}
.sortimo-vehicles .vehicle .header-row .item-functions .edit-function:hover,
.sortimo-canvases .vehicle .header-row .item-functions .edit-function:hover,
.sortimo-vehicles .canvas .header-row .item-functions .edit-function:hover,
.sortimo-canvases .canvas .header-row .item-functions .edit-function:hover,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .edit-function:hover,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .edit-function:hover,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .edit-function:hover,
.sortimo-canvases .canvas .mobile-header-row .item-functions .edit-function:hover,
.sortimo-vehicles .vehicle .header-row .item-functions .save-function:hover,
.sortimo-canvases .vehicle .header-row .item-functions .save-function:hover,
.sortimo-vehicles .canvas .header-row .item-functions .save-function:hover,
.sortimo-canvases .canvas .header-row .item-functions .save-function:hover,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .save-function:hover,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .save-function:hover,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .save-function:hover,
.sortimo-canvases .canvas .mobile-header-row .item-functions .save-function:hover,
.sortimo-vehicles .vehicle .header-row .item-functions .clone-function:hover,
.sortimo-canvases .vehicle .header-row .item-functions .clone-function:hover,
.sortimo-vehicles .canvas .header-row .item-functions .clone-function:hover,
.sortimo-canvases .canvas .header-row .item-functions .clone-function:hover,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .clone-function:hover,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .clone-function:hover,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .clone-function:hover,
.sortimo-canvases .canvas .mobile-header-row .item-functions .clone-function:hover,
.sortimo-vehicles .vehicle .header-row .item-functions .delete-function:hover,
.sortimo-canvases .vehicle .header-row .item-functions .delete-function:hover,
.sortimo-vehicles .canvas .header-row .item-functions .delete-function:hover,
.sortimo-canvases .canvas .header-row .item-functions .delete-function:hover,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .delete-function:hover,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .delete-function:hover,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .delete-function:hover,
.sortimo-canvases .canvas .mobile-header-row .item-functions .delete-function:hover {
background-color: #219bd7;
}
.sortimo-vehicles .vehicle .header-row .item-functions .edit-function.inactive,
.sortimo-canvases .vehicle .header-row .item-functions .edit-function.inactive,
.sortimo-vehicles .canvas .header-row .item-functions .edit-function.inactive,
.sortimo-canvases .canvas .header-row .item-functions .edit-function.inactive,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .edit-function.inactive,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .edit-function.inactive,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .edit-function.inactive,
.sortimo-canvases .canvas .mobile-header-row .item-functions .edit-function.inactive,
.sortimo-vehicles .vehicle .header-row .item-functions .save-function.inactive,
.sortimo-canvases .vehicle .header-row .item-functions .save-function.inactive,
.sortimo-vehicles .canvas .header-row .item-functions .save-function.inactive,
.sortimo-canvases .canvas .header-row .item-functions .save-function.inactive,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .save-function.inactive,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .save-function.inactive,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .save-function.inactive,
.sortimo-canvases .canvas .mobile-header-row .item-functions .save-function.inactive,
.sortimo-vehicles .vehicle .header-row .item-functions .clone-function.inactive,
.sortimo-canvases .vehicle .header-row .item-functions .clone-function.inactive,
.sortimo-vehicles .canvas .header-row .item-functions .clone-function.inactive,
.sortimo-canvases .canvas .header-row .item-functions .clone-function.inactive,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .clone-function.inactive,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .clone-function.inactive,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .clone-function.inactive,
.sortimo-canvases .canvas .mobile-header-row .item-functions .clone-function.inactive,
.sortimo-vehicles .vehicle .header-row .item-functions .delete-function.inactive,
.sortimo-canvases .vehicle .header-row .item-functions .delete-function.inactive,
.sortimo-vehicles .canvas .header-row .item-functions .delete-function.inactive,
.sortimo-canvases .canvas .header-row .item-functions .delete-function.inactive,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .delete-function.inactive,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .delete-function.inactive,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .delete-function.inactive,
.sortimo-canvases .canvas .mobile-header-row .item-functions .delete-function.inactive {
background-color: #dee7f0;
cursor: auto;
}
.sortimo-vehicles .vehicle .header-row .item-functions .save-function,
.sortimo-canvases .vehicle .header-row .item-functions .save-function,
.sortimo-vehicles .canvas .header-row .item-functions .save-function,
.sortimo-canvases .canvas .header-row .item-functions .save-function,
.sortimo-vehicles .vehicle .mobile-header-row .item-functions .save-function,
.sortimo-canvases .vehicle .mobile-header-row .item-functions .save-function,
.sortimo-vehicles .canvas .mobile-header-row .item-functions .save-function,
.sortimo-canvases .canvas .mobile-header-row .item-functions .save-function {
display: none;
background-color: #219bd7;
border: none;
}
.sortimo-vehicles .vehicle .info,
.sortimo-canvases .vehicle .info,
.sortimo-vehicles .canvas .info,
.sortimo-canvases .canvas .info {
border: 2px solid #c5d1de;
}
@media (min-width: 640px) {
.sortimo-vehicles .vehicle .info,
.sortimo-canvases .vehicle .info,
.sortimo-vehicles .canvas .info,
.sortimo-canvases .canvas .info {
border-right: none;
}
}
.sortimo-vehicles .vehicle .info .mobile-header-row,
.sortimo-canvases .vehicle .info .mobile-header-row,
.sortimo-vehicles .canvas .info .mobile-header-row,
.sortimo-canvases .canvas .info .mobile-header-row {
background-color: #c5d1de;
height: 53px;
display: flex;
align-items: center;
padding-left: 25px;
}
@media (max-width: 639px) {
.sortimo-vehicles .vehicle .info .mobile-header-row,
.sortimo-canvases .vehicle .info .mobile-header-row,
.sortimo-vehicles .canvas .info .mobile-header-row,
.sortimo-canvases .canvas .info .mobile-header-row {
padding-left: 15px;
}
}
@media (min-width: 640px) {
.sortimo-vehicles .vehicle .info .mobile-header-row,
.sortimo-canvases .vehicle .info .mobile-header-row,
.sortimo-vehicles .canvas .info .mobile-header-row,
.sortimo-canvases .canvas .info .mobile-header-row {
padding-left: 25px;
}
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .info .mobile-header-row,
.sortimo-canvases .vehicle .info .mobile-header-row,
.sortimo-vehicles .canvas .info .mobile-header-row,
.sortimo-canvases .canvas .info .mobile-header-row {
display: none;
}
}
@media (min-width: 640px) {
.sortimo-vehicles .vehicle .info .mobile-header-row .item-functions,
.sortimo-canvases .vehicle .info .mobile-header-row .item-functions,
.sortimo-vehicles .canvas .info .mobile-header-row .item-functions,
.sortimo-canvases .canvas .info .mobile-header-row .item-functions {
display: none;
}
}
.sortimo-vehicles .vehicle .info .mobile-header-row .arrow-container,
.sortimo-canvases .vehicle .info .mobile-header-row .arrow-container,
.sortimo-vehicles .canvas .info .mobile-header-row .arrow-container,
.sortimo-canvases .canvas .info .mobile-header-row .arrow-container {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 40px;
height: 40px;
position: absolute;
top: 85px;
background-color: #c5d1de;
left: calc(50% - 20px);
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .info .mobile-header-row .arrow-container,
.sortimo-canvases .vehicle .info .mobile-header-row .arrow-container,
.sortimo-vehicles .canvas .info .mobile-header-row .arrow-container,
.sortimo-canvases .canvas .info .mobile-header-row .arrow-container {
display: none;
}
}
.sortimo-vehicles .vehicle .info .license-plate,
.sortimo-canvases .vehicle .info .license-plate,
.sortimo-vehicles .canvas .info .license-plate,
.sortimo-canvases .canvas .info .license-plate {
height: 55px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .info .license-plate,
.sortimo-canvases .vehicle .info .license-plate,
.sortimo-vehicles .canvas .info .license-plate,
.sortimo-canvases .canvas .info .license-plate {
height: 55px;
}
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .info .license-plate,
.sortimo-canvases .vehicle .info .license-plate,
.sortimo-vehicles .canvas .info .license-plate,
.sortimo-canvases .canvas .info .license-plate {
height: auto;
padding-top: 40px;
padding-bottom: 20px;
}
}
.sortimo-vehicles .vehicle .info .license-plate .plate,
.sortimo-canvases .vehicle .info .license-plate .plate,
.sortimo-vehicles .canvas .info .license-plate .plate,
.sortimo-canvases .canvas .info .license-plate .plate,
.sortimo-vehicles .vehicle .info .license-plate .plate-input,
.sortimo-canvases .vehicle .info .license-plate .plate-input,
.sortimo-vehicles .canvas .info .license-plate .plate-input,
.sortimo-canvases .canvas .info .license-plate .plate-input {
border: 1px solid black;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
font-size: 30px;
text-align: center;
font-family: 'sortimo-license-plate';
max-width: 75%;
min-height: 44px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.sortimo-vehicles .vehicle .info .license-plate .plate-input,
.sortimo-canvases .vehicle .info .license-plate .plate-input,
.sortimo-vehicles .canvas .info .license-plate .plate-input,
.sortimo-canvases .canvas .info .license-plate .plate-input {
display: none;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .info .toggle-details,
.sortimo-canvases .vehicle .info .toggle-details,
.sortimo-vehicles .canvas .info .toggle-details,
.sortimo-canvases .canvas .info .toggle-details {
height: calc(100% - 157px);
}
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .info .toggle-details,
.sortimo-canvases .vehicle .info .toggle-details,
.sortimo-vehicles .canvas .info .toggle-details,
.sortimo-canvases .canvas .info .toggle-details {
height: calc(100% - 55px);
}
}
.sortimo-vehicles .vehicle .info .toggle-details img,
.sortimo-canvases .vehicle .info .toggle-details img,
.sortimo-vehicles .canvas .info .toggle-details img,
.sortimo-canvases .canvas .info .toggle-details img {
width: 100%;
position: absolute !important;
}
.sortimo-vehicles .vehicle .info .toggle-details div,
.sortimo-canvases .vehicle .info .toggle-details div,
.sortimo-vehicles .canvas .info .toggle-details div,
.sortimo-canvases .canvas .info .toggle-details div {
position: absolute !important;
}
.sortimo-vehicles .vehicle .info .image-container,
.sortimo-canvases .vehicle .info .image-container,
.sortimo-vehicles .canvas .info .image-container,
.sortimo-canvases .canvas .info .image-container {
position: relative;
min-height: 208px;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .info .image-container,
.sortimo-canvases .vehicle .info .image-container,
.sortimo-vehicles .canvas .info .image-container,
.sortimo-canvases .canvas .info .image-container {
height: calc(100% - 157px);
}
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .info .image-container,
.sortimo-canvases .vehicle .info .image-container,
.sortimo-vehicles .canvas .info .image-container,
.sortimo-canvases .canvas .info .image-container {
height: calc(100% - 55px);
}
}
.sortimo-vehicles .vehicle .info .image-container img,
.sortimo-canvases .vehicle .info .image-container img,
.sortimo-vehicles .canvas .info .image-container img,
.sortimo-canvases .canvas .info .image-container img {
width: 100%;
}
.sortimo-vehicles .vehicle .info .image-container div.fallback-image,
.sortimo-canvases .vehicle .info .image-container div.fallback-image,
.sortimo-vehicles .canvas .info .image-container div.fallback-image,
.sortimo-canvases .canvas .info .image-container div.fallback-image {
width: 100%;
background-image: url('../images/fallback_vehicle.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: calc(100% - 45px);
}
.sortimo-vehicles .vehicle .info .image-container div.canvas-fallback-image,
.sortimo-canvases .vehicle .info .image-container div.canvas-fallback-image,
.sortimo-vehicles .canvas .info .image-container div.canvas-fallback-image,
.sortimo-canvases .canvas .info .image-container div.canvas-fallback-image {
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: calc(100% - 45px);
}
.sortimo-vehicles .vehicle .info .image-container div.fallback-text,
.sortimo-canvases .vehicle .info .image-container div.fallback-text,
.sortimo-vehicles .canvas .info .image-container div.fallback-text,
.sortimo-canvases .canvas .info .image-container div.fallback-text {
width: 100%;
text-align: center;
color: #7c8c9c;
font-size: 18px;
margin-top: 10px;
}
.sortimo-vehicles .vehicle .info .image-container:hover .image-upload-overlay,
.sortimo-canvases .vehicle .info .image-container:hover .image-upload-overlay,
.sortimo-vehicles .canvas .info .image-container:hover .image-upload-overlay,
.sortimo-canvases .canvas .info .image-container:hover .image-upload-overlay {
display: flex;
}
.sortimo-vehicles .vehicle .info .image-container .image-upload-overlay,
.sortimo-canvases .vehicle .info .image-container .image-upload-overlay,
.sortimo-vehicles .canvas .info .image-container .image-upload-overlay,
.sortimo-canvases .canvas .info .image-container .image-upload-overlay {
position: absolute;
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(36, 102, 171, 0.95);
align-items: center;
justify-content: center;
}
@media (max-width: 639px) {
.sortimo-vehicles .vehicle .info .image-container .image-upload-overlay .btn,
.sortimo-canvases .vehicle .info .image-container .image-upload-overlay .btn,
.sortimo-vehicles .canvas .info .image-container .image-upload-overlay .btn,
.sortimo-canvases .canvas .info .image-container .image-upload-overlay .btn {
width: 75%;
}
}
.sortimo-vehicles .vehicle .info .image-container.canvas-image-container,
.sortimo-canvases .vehicle .info .image-container.canvas-image-container,
.sortimo-vehicles .canvas .info .image-container.canvas-image-container,
.sortimo-canvases .canvas .info .image-container.canvas-image-container {
padding-left: 50px;
padding-right: 50px;
padding-top: 25px;
padding-bottom: 10px;
}
.sortimo-vehicles .vehicle .details,
.sortimo-canvases .vehicle .details,
.sortimo-vehicles .canvas .details,
.sortimo-canvases .canvas .details {
background-color: #dee7f0;
color: #546373;
border-bottom: 2px solid #c5d1de;
}
.sortimo-vehicles .vehicle .details .form-control:not(select),
.sortimo-canvases .vehicle .details .form-control:not(select),
.sortimo-vehicles .canvas .details .form-control:not(select),
.sortimo-canvases .canvas .details .form-control:not(select) {
background-color: transparent;
border: none;
color: #219bd7;
height: auto;
padding: 5px;
border-bottom: 2px solid #219bd7;
}
.sortimo-vehicles .vehicle .details .header-row,
.sortimo-canvases .vehicle .details .header-row,
.sortimo-vehicles .canvas .details .header-row,
.sortimo-canvases .canvas .details .header-row {
background-color: #c5d1de;
height: 55px;
display: flex;
align-items: center;
padding-left: 40px;
}
.sortimo-vehicles .vehicle .details .header-row.canvas-header-row,
.sortimo-canvases .vehicle .details .header-row.canvas-header-row,
.sortimo-vehicles .canvas .details .header-row.canvas-header-row,
.sortimo-canvases .canvas .details .header-row.canvas-header-row {
height: 55px;
padding-left: 40px;
}
@media (max-width: 639px) {
.sortimo-vehicles .vehicle .details .header-row,
.sortimo-canvases .vehicle .details .header-row,
.sortimo-vehicles .canvas .details .header-row,
.sortimo-canvases .canvas .details .header-row {
display: none;
}
}
.sortimo-vehicles .vehicle .details .header-row .arrow-container,
.sortimo-canvases .vehicle .details .header-row .arrow-container,
.sortimo-vehicles .canvas .details .header-row .arrow-container,
.sortimo-canvases .canvas .details .header-row .arrow-container {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 40px;
height: 40px;
position: absolute;
top: 8px;
background-color: #c5d1de;
left: -19px;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .details .header-row .arrow-container,
.sortimo-canvases .vehicle .details .header-row .arrow-container,
.sortimo-vehicles .canvas .details .header-row .arrow-container,
.sortimo-canvases .canvas .details .header-row .arrow-container {
display: none;
}
}
.sortimo-vehicles .vehicle .details .header-row .name,
.sortimo-canvases .vehicle .details .header-row .name,
.sortimo-vehicles .canvas .details .header-row .name,
.sortimo-canvases .canvas .details .header-row .name {
font-weight: bold;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .details .header-row .name,
.sortimo-canvases .vehicle .details .header-row .name,
.sortimo-vehicles .canvas .details .header-row .name,
.sortimo-canvases .canvas .details .header-row .name {
display: none;
}
}
.sortimo-vehicles .vehicle .details .details-row,
.sortimo-canvases .vehicle .details .details-row,
.sortimo-vehicles .canvas .details .details-row,
.sortimo-canvases .canvas .details .details-row {
padding: 15px;
}
@media (max-width: 639px) {
.sortimo-vehicles .vehicle .details .details-row,
.sortimo-canvases .vehicle .details .details-row,
.sortimo-vehicles .canvas .details .details-row,
.sortimo-canvases .canvas .details .details-row {
padding-left: 15px;
}
}
@media (min-width: 640px) {
.sortimo-vehicles .vehicle .details .details-row,
.sortimo-canvases .vehicle .details .details-row,
.sortimo-vehicles .canvas .details .details-row,
.sortimo-canvases .canvas .details .details-row {
padding-left: 30px;
}
.sortimo-vehicles .vehicle .details .details-row.canvas-details-row,
.sortimo-canvases .vehicle .details .details-row.canvas-details-row,
.sortimo-vehicles .canvas .details .details-row.canvas-details-row,
.sortimo-canvases .canvas .details .details-row.canvas-details-row {
padding-left: 20px;
}
}
.sortimo-vehicles .vehicle .details .details-row>div:not(.details-functions),
.sortimo-canvases .vehicle .details .details-row>div:not(.details-functions),
.sortimo-vehicles .canvas .details .details-row>div:not(.details-functions),
.sortimo-canvases .canvas .details .details-row>div:not(.details-functions) {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: auto;
}
@media (min-width: 1023px) {
.sortimo-vehicles .vehicle .details .details-row>div:not(.details-functions),
.sortimo-canvases .vehicle .details .details-row>div:not(.details-functions),
.sortimo-vehicles .canvas .details .details-row>div:not(.details-functions),
.sortimo-canvases .canvas .details .details-row>div:not(.details-functions) {
max-height: 264px;
}
}
.sortimo-vehicles .vehicle .details .details-row .detail-item,
.sortimo-canvases .vehicle .details .details-row .detail-item,
.sortimo-vehicles .canvas .details .details-row .detail-item,
.sortimo-canvases .canvas .details .details-row .detail-item {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .title,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .title,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .title,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .title {
display: flex;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .title a,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .title a,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .title a,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .title a {
height: 20px;
width: 20px;
border-radius: 10px;
background-color: #219bd7;
margin-left: 10px;
text-align: center;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .orderList,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .orderList,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .orderList,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .orderList {
overflow: auto;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .orderList.partslist,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .orderList.partslist,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .orderList.partslist,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .orderList.partslist {
max-height: 85px;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .orderList:not(.partslist),
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .orderList:not(.partslist),
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .orderList:not(.partslist),
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .orderList:not(.partslist) {
max-height: 150px;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .partsListContainer,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .partsListContainer {
padding-top: 14px;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer {
padding-left: 8px;
display: inline-block;
vertical-align: top;
padding-top: 10px;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a {
font-weight: bold;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a .partsListArrowContainer,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a .partsListArrowContainer,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a .partsListArrowContainer,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a .partsListArrowContainer {
padding-left: 8px;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a .partsListArrowContainer .partsListArrow,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a .partsListArrowContainer .partsListArrow,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a .partsListArrowContainer .partsListArrow,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer a .partsListArrowContainer .partsListArrow {
fill: #0068b4;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer .infobox,
.sortimo-canvases .vehicle .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer .infobox,
.sortimo-vehicles .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer .infobox,
.sortimo-canvases .canvas .details .details-row .detail-item.assigned-orders .partsListContainer .partsListLabelContainer .infobox {
margin-left: 10px;
margin-top: -10px;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item .title,
.sortimo-canvases .vehicle .details .details-row .detail-item .title,
.sortimo-vehicles .canvas .details .details-row .detail-item .title,
.sortimo-canvases .canvas .details .details-row .detail-item .title {
font-weight: bold;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item .edit,
.sortimo-canvases .vehicle .details .details-row .detail-item .edit,
.sortimo-vehicles .canvas .details .details-row .detail-item .edit,
.sortimo-canvases .canvas .details .details-row .detail-item .edit {
display: none;
}
.sortimo-vehicles .vehicle .details .details-row .detail-item textarea,
.sortimo-canvases .vehicle .details .details-row .detail-item textarea,
.sortimo-vehicles .canvas .details .details-row .detail-item textarea,
.sortimo-canvases .canvas .details .details-row .detail-item textarea {
min-height: 54px;
resize: none;
}
.sortimo-vehicles .vehicle .details .details-row .details-functions .details-function,
.sortimo-canvases .vehicle .details .details-row .details-functions .details-function,
.sortimo-vehicles .canvas .details .details-row .details-functions .details-function,
.sortimo-canvases .canvas .details .details-row .details-functions .details-function {
margin-bottom: 20px;
}
.sortimo-vehicles .vehicle .details .details-row .details-functions .details-function>div,
.sortimo-canvases .vehicle .details .details-row .details-functions .details-function>div,
.sortimo-vehicles .canvas .details .details-row .details-functions .details-function>div,
.sortimo-canvases .canvas .details .details-row .details-functions .details-function>div {
display: inline-block;
float: left;
}
.sortimo-vehicles .vehicle .details .details-row .details-functions .details-function .icon,
.sortimo-canvases .vehicle .details .details-row .details-functions .details-function .icon,
.sortimo-vehicles .canvas .details .details-row .details-functions .details-function .icon,
.sortimo-canvases .canvas .details .details-row .details-functions .details-function .icon {
width: 46px;
height: 46px;
border-radius: 30px;
background-color: #0068b4;
}
.sortimo-vehicles .vehicle .details .details-row .details-functions .details-function .text,
.sortimo-canvases .vehicle .details .details-row .details-functions .details-function .text,
.sortimo-vehicles .canvas .details .details-row .details-functions .details-function .text,
.sortimo-canvases .canvas .details .details-row .details-functions .details-function .text {
padding-left: 10px;
}
.sortimo-vehicles .vehicle .details .details-row .details-functions .details-function .text svg,
.sortimo-canvases .vehicle .details .details-row .details-functions .details-function .text svg,
.sortimo-vehicles .canvas .details .details-row .details-functions .details-function .text svg,
.sortimo-canvases .canvas .details .details-row .details-functions .details-function .text svg {
fill: #0068b4;
margin-left: 10px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area,
.sortimo-canvases .vehicle .show-more .show-more-area,
.sortimo-vehicles .canvas .show-more .show-more-area,
.sortimo-canvases .canvas .show-more .show-more-area {
background-color: #c5d1de;
}
.sortimo-vehicles .vehicle .show-more .show-more-area.border-container,
.sortimo-canvases .vehicle .show-more .show-more-area.border-container,
.sortimo-vehicles .canvas .show-more .show-more-area.border-container,
.sortimo-canvases .canvas .show-more .show-more-area.border-container {
border-bottom: 1px solid #dee7f0;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container,
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container,
.sortimo-canvases .canvas .show-more .show-more-area .text-container {
cursor: pointer;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container {
color: white;
height: 30px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
float: left;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.open-more,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.open-more,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.open-more,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.open-more,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.open-more-comments,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.open-more-comments,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.open-more-comments,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.open-more-comments,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.open-more-details,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.open-more-details,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.open-more-details,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.open-more-details,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.open-more-aftersales,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.open-more-aftersales,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.open-more-aftersales,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.open-more-aftersales,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.open-more-customer,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.open-more-customer,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.open-more-customer,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.open-more-customer,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.open-more-quotation,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.open-more-quotation,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.open-more-quotation,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.open-more-quotation,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.open-more-calculation,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.open-more-calculation,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.open-more-calculation,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.open-more-calculation,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.open-more-support,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.open-more-support,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.open-more-support,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.open-more-support {
background-color: #0068b4;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.close-more,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.close-more,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.close-more,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.close-more,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.close-more-comments,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.close-more-comments,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.close-more-comments,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.close-more-comments,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.close-more-customer,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.close-more-customer,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.close-more-customer,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.close-more-customer,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.close-more-details,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.close-more-details,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.close-more-details,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.close-more-details,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.close-more-aftersales,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.close-more-aftersales,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.close-more-aftersales,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.close-more-aftersales,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.close-more-quotation,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.close-more-quotation,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.close-more-quotation,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.close-more-quotation,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.close-more-calculation,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.close-more-calculation,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.close-more-calculation,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.close-more-calculation,
.sortimo-vehicles .vehicle .show-more .show-more-area .icon-container.close-more-support,
.sortimo-canvases .vehicle .show-more .show-more-area .icon-container.close-more-support,
.sortimo-vehicles .canvas .show-more .show-more-area .icon-container.close-more-support,
.sortimo-canvases .canvas .show-more .show-more-area .icon-container.close-more-support {
background-color: #219bd7;
display: none;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container,
.sortimo-canvases .canvas .show-more .show-more-area .text-container {
color: #546373;
display: flex;
align-items: center;
height: 30px;
float: left;
padding-left: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container.close-more,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container.close-more,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container.close-more,
.sortimo-canvases .canvas .show-more .show-more-area .text-container.close-more,
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container.close-more-details,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container.close-more-details,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container.close-more-details,
.sortimo-canvases .canvas .show-more .show-more-area .text-container.close-more-details,
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container.close-more-aftersales,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container.close-more-aftersales,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container.close-more-aftersales,
.sortimo-canvases .canvas .show-more .show-more-area .text-container.close-more-aftersales,
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container.close-more-comments,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container.close-more-comments,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container.close-more-comments,
.sortimo-canvases .canvas .show-more .show-more-area .text-container.close-more-comments,
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container.close-more-customer,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container.close-more-customer,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container.close-more-customer,
.sortimo-canvases .canvas .show-more .show-more-area .text-container.close-more-customer,
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container.close-more-quotation,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container.close-more-quotation,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container.close-more-quotation,
.sortimo-canvases .canvas .show-more .show-more-area .text-container.close-more-quotation,
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container.close-more-calculation,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container.close-more-calculation,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container.close-more-calculation,
.sortimo-canvases .canvas .show-more .show-more-area .text-container.close-more-calculation,
.sortimo-vehicles .vehicle .show-more .show-more-area .text-container.close-more-support,
.sortimo-canvases .vehicle .show-more .show-more-area .text-container.close-more-support,
.sortimo-vehicles .canvas .show-more .show-more-area .text-container.close-more-support,
.sortimo-canvases .canvas .show-more .show-more-area .text-container.close-more-support {
display: none;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-details,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-details,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-details,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-details {
display: none;
background-color: #dee7f0;
padding: 30px;
overflow: hidden;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-details .vehicle-attribute,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-details .vehicle-attribute,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-details .vehicle-attribute,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-details .vehicle-attribute {
color: #546373;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
word-wrap: break-word;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-details .vehicle-attribute .title,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-details .vehicle-attribute .title,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-details .vehicle-attribute .title,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-details .vehicle-attribute .title {
font-weight: bold;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-details .vehicle-attribute .title.configids,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-details .vehicle-attribute .title.configids,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-details .vehicle-attribute .title.configids,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-details .vehicle-attribute .title.configids {
float: left;
display: block;
width: 30%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-details .vehicle-attribute .value.configids,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-details .vehicle-attribute .value.configids,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-details .vehicle-attribute .value.configids,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-details .vehicle-attribute .value.configids {
float: left;
display: block;
width: 70%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales {
display: none;
background-color: #dee7f0;
padding: 30px;
overflow: hidden;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box {
margin-bottom: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box:last-of-type,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box:last-of-type,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box:last-of-type,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box:last-of-type,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box:last-of-type,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box:last-of-type,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box:last-of-type,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box:last-of-type,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box:last-of-type,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box:last-of-type,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box:last-of-type,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box:last-of-type,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box:last-of-type,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box:last-of-type,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box:last-of-type,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box:last-of-type,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box:last-of-type,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box:last-of-type,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box:last-of-type,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box:last-of-type,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box:last-of-type,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box:last-of-type,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box:last-of-type,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box:last-of-type {
margin-bottom: 0px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-title,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-title,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-title,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-title,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-title,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-title,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-title,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-title,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-title,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-title,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-title,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-title,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-title,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-title,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-title,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-title,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-title,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-title,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box .calc-title,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box .calc-title,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-title,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-title,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-title,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-title {
font-weight: bold;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-label,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-label,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-label,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-label,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-label,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-label,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-label,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-label,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-label,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-label,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-label,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-label,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-label,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-value,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-value,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-value,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-value,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-value,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-value,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-value,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-value,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-value,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-value,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-value,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-value,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-value,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-value {
width: 50%;
float: left;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-label .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-value .inner-box,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .calc-value .inner-box {
text-align: right;
width: 50%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer {
display: flex;
align-items: center;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer .infobox,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer .infobox {
margin-left: 10px;
margin-top: -10px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-calculation .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer ul,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .calc-box .calc-attribute .partsListLabelContainer ul {
list-style: none;
padding-left: 10px;
}
@media (max-width: 639px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .mobile-vehiCustSearch,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .mobile-vehiCustSearch,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .mobile-vehiCustSearch,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .mobile-vehiCustSearch {
padding-bottom: 20px;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .search-mail-section,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .search-mail-section,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .search-mail-section,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .search-mail-section {
padding-right: 20px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .search-mail-section input,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .search-mail-section input,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .search-mail-section input,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .search-mail-section input {
width: 50%;
float: left;
border-right: none;
height: 43px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .search-mail-section .createCustBtn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .search-mail-section .createCustBtn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .search-mail-section .createCustBtn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .search-mail-section .createCustBtn,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .search-mail-section .searchCustBtn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .search-mail-section .searchCustBtn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .search-mail-section .searchCustBtn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .search-mail-section .searchCustBtn {
float: left;
background-color: white;
border: 1px solid #7c8c9c;
border-left: none;
height: 43px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .sortimo_button,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .sortimo_button,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .sortimo_button,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .sortimo_button {
background-color: white;
display: inline-block;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .speech-bubble,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .speech-bubble,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .speech-bubble,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .speech-bubble {
background-color: white;
padding: 15px;
position: relative;
margin-bottom: 35px;
color: #546373;
font-weight: bold;
display: inline-block;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .speech-bubble .speech-bubble-arrow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .speech-bubble .speech-bubble-arrow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .speech-bubble .speech-bubble-arrow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .speech-bubble .speech-bubble-arrow {
width: 30px;
height: 30px;
background-color: white;
position: absolute;
left: 30px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicleCustomerDataList,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicleCustomerDataList,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicleCustomerDataList,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicleCustomerDataList {
margin-top: 0px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result {
margin-top: 35px;
display: inline-block;
width: 100%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result {
position: relative;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result .speech-bubble-arrow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result .speech-bubble-arrow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result .speech-bubble-arrow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result .speech-bubble-arrow {
width: 30px;
height: 30px;
background-color: white;
position: absolute;
left: 30px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: -15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result .vehicleCustomerDataList,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result .vehicleCustomerDataList,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result .vehicleCustomerDataList,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .speech-bubble-result .vehicleCustomerDataList {
margin-top: 0px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .vehicle-search-noresult1,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .vehicle-search-noresult1,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .vehicle-search-noresult1,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .vehicle-search-noresult1 {
color: #ed1c24;
font-weight: bold;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .vehicle-search-noresult2,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .vehicle-search-noresult2,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .vehicle-search-noresult2,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .vehicle-search-noresult2 {
color: #ed1c24;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .addCustBtn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .addCustBtn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .addCustBtn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .addCustBtn {
background-color: #0669b2;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck {
display: inline-block;
padding-top: 5px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow {
margin-bottom: 15px;
/* Hide the browser's default checkbox */
/* Create a custom checkbox */
/* When the checkbox is checked, add a red background */
/* Create the checkmark/indicator (hidden when not checked) */
/* Show the checkmark when checked */
/* Style the checkmark/indicator */
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer {
display: inline;
position: relative;
padding-left: 25px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .checkmark,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .checkmark,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .checkmark,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .checkmark {
position: absolute;
top: 6px;
left: 0;
height: 20px;
width: 20px;
background-color: white;
border-radius: 4px;
border: solid grey 1px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input:checked~.checkmark,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input:checked~.checkmark,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input:checked~.checkmark,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input:checked~.checkmark {
background-color: #ed1c24;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .checkmark:after,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .checkmark:after,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .checkmark:after,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .checkmark:after {
content: "";
position: absolute;
display: none;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input:checked~.checkmark:after,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input:checked~.checkmark:after,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input:checked~.checkmark:after,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer input:checked~.checkmark:after {
display: block;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer .checkmark:after,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer .checkmark:after,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer .checkmark:after,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentCheckRow .provisionerCommentCheckContainer .checkmark:after {
left: 6px;
top: 2px;
width: 7px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentLabelContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentLabelContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentLabelContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentLabelContainer {
padding-right: 50px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .provisionerCommentLabel {
color: #ed1c24;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck textarea,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck textarea,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck textarea,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck textarea {
width: 100%;
height: 4em;
min-height: auto;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .submitProvisionerCommentContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .submitProvisionerCommentContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .submitProvisionerCommentContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .vehicle_customer_search_result .provisionerCommentCheck .submitProvisionerCommentContainer {
padding-top: 20px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .cursorPointer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .cursorPointer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .cursorPointer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .cursorPointer {
cursor: pointer;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .item-list,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .item-list,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .item-list,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .item-list {
background-color: white;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .item-list .item-list-header,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .item-list .item-list-header,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .item-list .item-list-header,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .item-list .item-list-header {
background-color: white;
border-bottom: 1px solid #dee7f0;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .item-list .item-list-header .sortimoBlockPadding,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .item-list .item-list-header .sortimoBlockPadding,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .item-list .item-list-header .sortimoBlockPadding,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .item-list .item-list-header .sortimoBlockPadding {
font-weight: normal;
color: #546373;
text-align: left;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-customer .item-list .item-list-body .sortimoBlockPadding,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-customer .item-list .item-list-body .sortimoBlockPadding,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-customer .item-list .item-list-body .sortimoBlockPadding,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-customer .item-list .item-list-body .sortimoBlockPadding {
font-weight: normal;
color: #546373;
text-align: left;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments textarea,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments textarea,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments textarea,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments textarea {
width: 100%;
height: 4em;
min-height: auto;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .vehicle-comment,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .vehicle-comment,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .vehicle-comment,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .vehicle-comment {
background: white;
padding: 10px;
color: #546373;
border: 1px solid #dee7f0;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .vehicle-comment .remove-comment,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .vehicle-comment .remove-comment,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .vehicle-comment .remove-comment,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .vehicle-comment .remove-comment {
display: none;
cursor: pointer;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-comments .vehicle-comment .remove-comment .glyphicon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-comments .vehicle-comment .remove-comment .glyphicon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-comments .vehicle-comment .remove-comment .glyphicon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-comments .vehicle-comment .remove-comment .glyphicon {
color: #929292;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales textarea,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales textarea,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales textarea,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales textarea {
width: 100%;
height: 4em;
min-height: auto;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .vehicle-comment,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .vehicle-comment,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .vehicle-comment,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .vehicle-comment {
background: white;
padding: 10px;
color: #546373;
border: 1px solid #dee7f0;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .vehicle-comment .remove-comment,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .vehicle-comment .remove-comment,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .vehicle-comment .remove-comment,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .vehicle-comment .remove-comment {
display: none;
cursor: pointer;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .vehicle-comment .remove-comment .glyphicon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .vehicle-comment .remove-comment .glyphicon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .vehicle-comment .remove-comment .glyphicon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .vehicle-comment .remove-comment .glyphicon {
color: #929292;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .table,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .table,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .table,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .table {
display: table;
border-collapse: collapse;
width: 100%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .row,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .row,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .row,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .row {
display: table-row;
border-bottom: 1pt solid white;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .title,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .title,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .title,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .title {
display: table-cell;
border: no;
padding: 5px;
font-weight: bold;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .id,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .id,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .id,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .id {
display: table-cell;
border: no;
padding: 5px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .id_ordered,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .id_ordered,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .id_ordered,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .id_ordered {
display: table-cell;
border: no;
padding: 5px;
opacity: 0.6;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .status,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .status,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .status,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .status {
display: table-cell;
border: no;
padding: 5px;
vertical-align: top;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .links,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .links,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .links,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .links {
display: table-cell;
vertical-align: top;
border: no;
padding: 5px;
width: 1%;
white-space: nowrap;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .delete,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .delete,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .delete,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .delete {
display: table-cell;
vertical-align: top;
border: no;
padding: 5px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .icon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .icon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .icon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .icon {
display: flex;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-aftersales .text,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-aftersales .text,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-aftersales .text,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-aftersales .text {
padding-left: 8px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow {
padding-bottom: 15px;
border-bottom: 2px solid white;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer {
padding-left: 14%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer .provisionerPartnerDelDate,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer .provisionerPartnerDelDate,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer .provisionerPartnerDelDate,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer .provisionerPartnerDelDate {
color: #546373;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer .provisionerPartnerDelDateChangeLink,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer .provisionerPartnerDelDateChangeLink,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer .provisionerPartnerDelDateChangeLink,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .provisionerPartnerDelDateContainer .provisionerPartnerDelDateChangeLink {
font-weight: bold;
cursor: pointer;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .partnerLocationTable td,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .partnerLocationTable td,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .partnerLocationTable td,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .partnerLocationTable td {
padding: 0px;
color: #546373;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .partnerLocationTable .partnerLocationSpecial,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .partnerLocationTable .partnerLocationSpecial,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .partnerLocationTable .partnerLocationSpecial,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .partnerLocationTable .partnerLocationSpecial {
text-transform: uppercase;
font-weight: bold;
padding-bottom: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow button,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow button,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow button,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow button {
padding: 10px 20px 10px 20px !important;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .speech-bubble,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .speech-bubble,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .speech-bubble,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .speech-bubble {
background-color: white;
padding: 15px;
position: relative;
margin-bottom: 35px;
color: #546373;
font-weight: bold;
display: inline-block;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .speech-bubble .speech-bubble-arrow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .speech-bubble .speech-bubble-arrow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .speech-bubble .speech-bubble-arrow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationFirstRow .speech-bubble .speech-bubble-arrow {
width: 30px;
height: 30px;
background-color: white;
position: absolute;
left: 30px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRow {
padding-top: 25px;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRow {
height: 130px;
}
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRowOrdered,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRowOrdered,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRowOrdered,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRowOrdered {
height: 130px;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRowOrdered .speech-bubble,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRowOrdered .speech-bubble,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRowOrdered .speech-bubble,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationSecondRowOrdered .speech-bubble {
background-color: white;
padding: 15px;
position: relative;
color: #546373;
font-weight: bold;
display: inline-block;
width: 100%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid {
width: 80%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon {
background-color: #219bd7;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon {
border-radius: 0px 0px 5px 5px !important;
border: 1px solid #219bd7 !important;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon .vehicleQuotationIconContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .vehicleQuotationIcon .vehicleQuotationIconContainer {
align-items: center;
justify-content: flex-end;
height: 56px;
display: inline-flex;
width: 60px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .btnLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .btnLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .btnLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .btnLabel,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .btnLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .btnLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .btnLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .btnLabel,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .btnLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .btnLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .btnLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .btnLabel {
align-items: center;
justify-content: flex-end;
display: inline-flex;
top: 4px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .btnSvg,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .btnSvg,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .btnSvg,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtn .btnSvg,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .btnSvg,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .btnSvg,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .btnSvg,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast .btnSvg,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .btnSvg,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .btnSvg,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .btnSvg,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid .btnSvg {
align-items: center;
justify-content: flex-end;
display: inline-flex;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow {
background-color: white;
color: #219bd7;
padding: 0px;
width: 80%;
max-height: 68px;
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow {
border-style: solid !important;
border-width: 1px 2px 1px 1px !important;
border-color: #219bd7 !important;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .vehicleQuotationLabelSecondRow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .vehicleQuotationLabelSecondRow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .vehicleQuotationLabelSecondRow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .vehicleQuotationLabelSecondRow {
padding: 5px 0px 5px 20px;
z-index: 2;
/*overflow: hidden;
text-overflow: ellipsis;*/
white-space: normal;
text-align: left;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .vehicleQuotationLabelSecondRow,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .vehicleQuotationLabelSecondRow,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .vehicleQuotationLabelSecondRow,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .vehicleQuotationLabelSecondRow {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
border-radius: 5px 5px 0px 0px !important;
border: 1px solid #219bd7 !important;
}
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container {
width: 35px;
height: 35px;
background-color: white;
position: absolute;
z-index: 1;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-first-half,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-first-half,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-first-half,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-first-half {
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
transform: rotate(37deg);
top: 14px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-second-half,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-second-half,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-second-half,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-second-half {
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
transform: rotate(53deg);
top: 7px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btn {
left: calc(50% - 62px);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btnMid,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btnMid,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btnMid,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btnMid {
left: calc(50% - 65px);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btnLast,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btnLast,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btnLast,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnSecondRow .arrow-container-btnLast {
left: calc(50% - 62px);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnLast {
float: right;
width: 81%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-quotation .vehicleQuotationBtnMid {
margin-left: 12%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support {
color: #546373;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .supportDetails .supportDetail,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .supportDetails .supportDetail,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .supportDetails .supportDetail,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .supportDetails .supportDetail {
padding-bottom: 30px;
padding-left: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .supportDetails .icon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .supportDetails .icon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .supportDetails .icon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .supportDetails .icon {
float: left;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .supportDetails .text,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .supportDetails .text,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .supportDetails .text,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .supportDetails .text {
padding-left: 60px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer {
border-top: white solid 1px;
padding-top: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft {
padding-left: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .icon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .icon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .icon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .icon {
float: left;
padding-top: 35px;
padding-left: 15px;
padding-right: 10px;
text-align: center;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage {
padding-top: 12px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .arrow-container,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .arrow-container,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .arrow-container,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .arrow-container {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 17px;
height: 17px;
position: absolute;
top: 50px;
background-color: white;
left: calc(1% - 4px);
z-index: 0;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .arrow-container,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .arrow-container,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .arrow-container,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .arrow-container {
display: none;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment {
border: 1px solid #dee7f0;
overflow: auto;
padding: 12px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment .content,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment .content,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment .content,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment .content {
padding: 12px;
padding-left: 0px;
white-space: normal;
display: block;
overflow: auto;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment .content .content-wrapper {
background: white;
padding: 12px;
padding-left: 18px;
display: inline-block;
white-space: pre;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageLeft .vehicleSupportMessage .vehicle-comment-timestamp {
padding-left: 20px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight {
padding-right: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .icon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .icon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .icon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .icon,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .icon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .icon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .icon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .icon {
padding-top: 35px;
text-align: center;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage {
padding-top: 12px;
max-width: 100%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .arrow-container,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .arrow-container,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .arrow-container,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .arrow-container,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .arrow-container,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .arrow-container,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .arrow-container,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .arrow-container {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 17px;
height: 17px;
position: absolute;
top: 50px;
background-color: white;
left: calc(100% - 21px);
z-index: 0;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .arrow-container,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .arrow-container,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .arrow-container,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .arrow-container,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .arrow-container,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .arrow-container,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .arrow-container,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .arrow-container {
display: none;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment {
border: 1px solid #dee7f0;
padding: 12px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment .content,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment .content,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment .content,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment .content,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment .content,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment .content,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment .content,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment .content {
padding: 12px;
padding-right: 0px;
white-space: normal;
text-align: right;
display: block;
overflow: auto;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment .content .content-wrapper,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment .content .content-wrapper {
background: white;
padding: 12px;
padding-right: 18px;
display: inline-block;
white-space: pre;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageBlocked .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment-timestamp,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportMessageContainer .supportMessageRight .vehicleSupportMessage .vehicle-comment-timestamp {
padding-right: 20px;
float: right;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer {
display: inline-block;
padding-top: 5px;
padding-left: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer textarea,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer textarea,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer textarea,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer textarea {
width: 95%;
height: 5em;
min-height: auto;
float: right;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer .supportBtn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer .supportBtn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer .supportBtn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer .supportBtn {
padding-top: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer .supportLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer .supportLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer .supportLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportRequestContainer .supportLabel {
width: 95%;
float: right;
padding-bottom: 5px;
padding-top: 30px;
font-weight: bold;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons {
padding-left: 48px;
padding-top: 15px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn {
background-color: white;
color: #219bd7;
padding: 0px;
max-height: 68px;
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn {
border-style: solid !important;
border-width: 1px 2px 1px 1px !important;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .cscBtnLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .cscBtnLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .cscBtnLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .cscBtnLabel {
padding: 5px 0px 5px 20px;
z-index: 2;
/*overflow: hidden;
text-overflow: ellipsis;*/
white-space: normal;
text-align: left;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .cscBtnLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .cscBtnLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .cscBtnLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .cscBtnLabel {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 100%;
border-radius: 5px 5px 0px 0px !important;
border: 1px solid #219bd7 !important;
}
}
@media (min-width: 1024px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container {
width: 35px;
height: 35px;
background-color: white;
position: absolute;
z-index: 1;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-first-half,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-first-half,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-first-half,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-first-half {
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
transform: rotate(37deg);
top: 14px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-second-half,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-second-half,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-second-half,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-second-half {
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
transform: rotate(53deg);
top: 7px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btn,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btn,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btn,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btn {
left: calc(50% - 59px);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btnMid,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btnMid,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btnMid,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btnMid {
left: calc(50% - 62px);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btnLast,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btnLast,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btnLast,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtn .arrow-container-btnLast {
left: calc(50% - 59px);
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst {
border-color: black !important;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon {
background-color: black;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon {
border-radius: 0px 0px 5px 5px !important;
border: 1px solid black !important;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .cscBtnIcon .vehicleQuotationIconContainer {
align-items: center;
justify-content: flex-end;
height: 56px;
display: inline-flex;
width: 60px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .btnLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .btnLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .btnLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .btnLabel {
align-items: center;
justify-content: flex-end;
display: inline-flex;
top: 4px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .btnSvg,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .btnSvg,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .btnSvg,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnFirst .btnSvg {
align-items: center;
justify-content: flex-end;
display: inline-flex;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid {
border-color: #219bd7 !important;
width: 80%;
margin-left: 30px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon {
background-color: #219bd7;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon {
border-radius: 0px 0px 5px 5px !important;
border: 1px solid #219bd7 !important;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .cscBtnIcon .vehicleQuotationIconContainer {
align-items: center;
justify-content: flex-end;
height: 56px;
display: inline-flex;
width: 60px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .btnLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .btnLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .btnLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .btnLabel {
align-items: center;
justify-content: flex-end;
display: inline-flex;
top: 4px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .btnSvg,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .btnSvg,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .btnSvg,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnMid .btnSvg {
align-items: center;
justify-content: flex-end;
display: inline-flex;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast {
border-color: #0669b2 !important;
float: right;
width: 75%;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon {
background-color: #0669b2;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1023px) {
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon {
border-radius: 0px 0px 5px 5px !important;
border: 1px solid #0669b2 !important;
}
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon .vehicleQuotationIconContainer,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .cscBtnIcon .vehicleQuotationIconContainer {
align-items: center;
justify-content: flex-end;
height: 56px;
display: inline-flex;
width: 60px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .btnLabel,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .btnLabel,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .btnLabel,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .btnLabel {
align-items: center;
justify-content: flex-end;
display: inline-flex;
top: 4px;
}
.sortimo-vehicles .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .btnSvg,
.sortimo-canvases .vehicle .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .btnSvg,
.sortimo-vehicles .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .btnSvg,
.sortimo-canvases .canvas .show-more .show-more-area .show-more-support .vehicleSupportCSCButtons .cscBtnLast .btnSvg {
align-items: center;
justify-content: flex-end;
display: inline-flex;
}
.sortimo-account-page {
color: #546373;
/** tiles ***/
}
.sortimo-account-page .account-header-component {
margin-left: 0;
margin-right: 0;
}
.sortimo-account-page .account-header-component .headline {
margin-bottom: 10px;
font-weight: 700;
font-size: 40px;
text-align: center;
}
.sortimo-account-page .account-header-component .subheadline {
text-align: center;
font-weight: 400;
font-size: 24px;
}
.sortimo-account-page .account-header-component .anchor-items {
display: flex;
margin-top: 50px;
}
@media (min-width: 650px) {
.sortimo-account-page .account-header-component .anchor-items {
align-items: center;
justify-content: center;
}
}
@media (max-width: 649px) {
.sortimo-account-page .account-header-component .anchor-items {
flex-direction: column;
}
}
.sortimo-account-page .account-header-component .anchor-items .anchor-item {
margin-top: 30px;
cursor: pointer;
border: 2px solid #dfe7f1;
font-family: 'Roboto Bold';
font-size: 27px;
font-weight: 700;
line-height: 23px;
position: relative;
}
@media (min-width: 450px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item {
margin-left: 20px;
margin-right: 20px;
}
}
@media (max-width: 640px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item {
font-size: 17px;
}
}
@media (min-width: 650px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item {
display: inline-block;
width: 300px;
min-height: 110px;
}
}
@media (max-width: 649px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item {
display: flex;
min-height: 50px;
align-items: center;
float: left;
}
}
@media (min-width: 450px) and (max-width: 649px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item {
width: calc(50% - 10px);
}
}
@media (max-width: 449px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item {
width: 100%;
}
}
.sortimo-account-page .account-header-component .anchor-items .anchor-item .text .anchor-header {
color: #0068b4;
}
@media (min-width: 650px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item .text {
padding-top: 45px;
text-align: center;
}
}
@media (max-width: 649px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item .text {
padding-left: 15px;
text-align: left;
display: flex;
align-items: center;
}
}
.sortimo-account-page .account-header-component .anchor-items .anchor-item .icon {
background-color: #0068B4;
border: 2px solid #0068B4;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 650px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item .icon {
position: absolute;
}
}
@media (min-width: 650px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item .icon {
top: -30px;
left: calc(50% - 30px);
width: 60px;
height: 60px;
}
}
@media (max-width: 649px) {
.sortimo-account-page .account-header-component .anchor-items .anchor-item .icon {
width: 30px;
height: 30px;
margin-left: 10px;
}
}
.sortimo-account-page .account-header-component .anchor-items .anchor-item .icon svg,
.sortimo-account-page .account-header-component .anchor-items .anchor-item .icon svg path {
fill: white !important;
}
.sortimo-account-page .account-header-component .anchor-items .anchor-item:hover {
border: 2px solid #0068B4;
background-color: #0068B4;
color: white;
}
.sortimo-account-page .account-header-component .anchor-items .anchor-item:hover .text .anchor-header {
color: white;
}
.sortimo-account-page .account-header-component .anchor-items .anchor-item:hover .icon {
background-color: white;
}
.sortimo-account-page .account-header-component .anchor-items .anchor-item:hover .icon svg,
.sortimo-account-page .account-header-component .anchor-items .anchor-item:hover .icon svg path {
fill: #0068B4 !important;
}
.sortimo-account-page .account-header-component .partner-text-container {
border: 2px solid #dfe7f1;
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
margin-top: 40px;
font-size: 24px;
}
.sortimo-account-page .account-component.account-tile-component {
overflow: hidden;
margin-top: 75px;
margin-left: -5px;
margin-right: -5px;
}
.sortimo-account-page .account-component.account-tile-component .header-row {
width: 100%;
background-color: #C5D1DE;
color: #546373;
padding: 10px;
font-size: 22px;
font-family: "Roboto Condensed";
display: flex;
align-items: center;
}
.sortimo-account-page .account-component.account-tile-component .header-row .mark-blue {
color: #0068b4;
}
.sortimo-account-page .account-component.account-tile-component .header-row svg {
margin-right: 15px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile {
float: left;
min-width: 150px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
/* @media (min-width: 576px) {
grid-column: auto / span 1;
-ms-grid-column-span: 1;
}
@media (max-width: 575px) {
grid-column: auto / span 2;
-ms-grid-column-span: 2;
}*/
}
@media (min-width: 350px) {
.sortimo-account-page .account-component.account-tile-component .single-tile {
height: 340px;
}
}
@media (min-width: 750px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.tile-width-2 {
width: 690px;
}
}
@media (max-width: 749px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.tile-width-2 {
width: calc(100% - 10px);
}
}
@media (max-width: 699px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.tile-height-2 {
height: auto;
}
}
@media (min-width: 700px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.tile-height-2 {
height: 690px;
}
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile {
position: relative;
cursor: pointer;
}
@media (max-width: 350px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile {
max-width: calc(100% - 10px);
}
}
@media (min-width: 351px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile {
max-width: 340px;
}
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile.tile-height-2 .image {
max-height: 555px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile.tile-height-2 .text.text-icon {
height: 135px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile:hover .image img.image-zoom {
transform: scale(1.5);
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .image {
border-bottom: 2px solid white;
overflow: hidden;
max-height: 215px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .image img {
width: 100%;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .image img.image-zoom {
transition: transform .4s;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .icon-container {
position: absolute;
text-align: center;
left: calc(50% - 37.5px);
margin-top: -37.5px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .icon-container .icon {
width: 75px;
height: 75px;
border: 2px solid #ffffff;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .icon-container .icon.sortimo-blue {
background-color: #0068b4;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .icon-container .icon.sortimo-gray {
background-color: #546373;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text {
height: 125px;
padding-left: 55px;
padding-right: 55px;
color: white;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text.sortimo-blue {
background-color: #0068b4;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text.sortimo-gray {
background-color: #546373;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text .item-headline {
display: block;
text-align: center;
font-weight: 700;
margin-bottom: 30px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text.text-icon {
padding-top: 45px;
font-family: "Roboto Condensed";
font-weight: 400;
font-size: 21px;
text-align: center;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text.text-icon>* {
font-size: 19px;
}
@media (max-width: 640px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text.text-icon>* {
font-size: 17px;
}
}
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text h1,
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text h2,
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text h3,
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text h5,
.sortimo-account-page .account-component.account-tile-component .single-tile.text-image-tile .text h6 {
text-align: center;
margin-bottom: 30px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.color-tile {
text-align: center;
}
@media (max-width: 350px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.color-tile {
width: calc(100% - 10px);
}
}
@media (min-width: 351px) {
.sortimo-account-page .account-component.account-tile-component .single-tile.color-tile {
width: 340px;
}
}
.sortimo-account-page .account-component.account-tile-component .single-tile.color-tile.light-blue {
background-color: #219bd7;
color: white;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.color-tile>div {
height: 33.33%;
display: flex;
align-items: center;
justify-content: center;
padding-left: 30px;
padding-right: 30px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.color-tile .svg-container {
padding-top: 20px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile.color-tile .text-container {
font-size: 30px;
font-family: 'Roboto Bold';
}
.sortimo-account-page .account-component.account-tile-component .single-tile.color-tile .button-container {
padding-top: 15px;
align-items: flex-start;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel {
height: 100%;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper {
border: 2px solid #dfe7f1;
height: calc(100% - 55px);
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container {
width: 93%;
margin: 0 auto;
padding-top: 45px;
padding-bottom: 25px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item {
margin-left: 20px;
margin-right: 20px;
color: #546373;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .image {
width: 100%;
border-bottom: none;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .image img {
position: relative;
z-index: 2;
}
@media (max-width: 899px) {
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .image img {
width: 50%;
}
}
@media (min-width: 900px) {
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .image img {
width: 100%;
}
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .text {
height: auto;
background-color: #dee7f0;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .text.text-top-38 {
padding-top: 38px !important;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .text .item-url {
display: block;
/*margin-bottom: 20px;*/
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .text .item-url .arrow-container {
width: 30px;
height: 30px;
background-color: white;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: calc(50% - 10px);
top: -15px;
z-index: 1;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item.carousel-item-big .text .item-url .item-headline {
font-weight: bold;
color: #546373;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item .image {
width: 100%;
text-align: center;
border: 2px solid #dfe7f1;
}
@media (min-width: 901px) {
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item .image img {
width: 50%;
}
}
@media (max-width: 900px) {
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item .image img {
width: 25%;
}
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item .text {
width: 100%;
text-align: center;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item .text .item-headline {
display: block;
width: 100%;
height: 100%;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item .text .rating {
display: block;
text-align: center;
font-weight: bold;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .carousel-container .carousel-item .text .rating #jumpToRating {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .info-text {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .review-button {
text-align: center;
margin-bottom: 20px;
font-size: 20px;
}
.sortimo-account-page .account-component.account-tile-component .single-tile .account-component.product-carousel .wrapper .btn-container.big-carousel {
margin-top: 30px;
text-align: center;
}
.sortimo-account-page .account-partner-component {
margin-left: 0;
margin-right: 0;
}
.sortimo-account-page .account-partner-component .csv-container {
background-color: #219bd7;
padding: 40px;
color: white;
text-align: center;
margin-bottom: 20px;
/*.icon {
height: 75px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}*/
}
.sortimo-account-page .account-partner-component .csv-container .title {
font-size: 27px;
}
.sortimo-account-page .account-partner-component .csv-container .file-upload {
margin-bottom: 20px;
}
.sortimo-account-page .account-partner-component .csv-container .file-upload #csv_import_file_name {
margin-top: 15px;
color: white;
}
.sortimo-account-page .account-partner-component .last-orders-slider {
height: 100%;
}
.sortimo-account-page .account-partner-component .last-orders-slider .header-row {
width: 100%;
background-color: #C5D1DE;
color: #546373;
padding: 10px;
font-size: 22px;
font-family: "Roboto Condensed";
display: flex;
align-items: center;
}
.sortimo-account-page .account-partner-component .last-orders-slider .header-row .mark-blue {
color: #0068b4;
}
.sortimo-account-page .account-partner-component .last-orders-slider .header-row svg {
margin-right: 15px;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper {
border: 2px solid #dfe7f1;
height: calc(100% - 55px);
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container {
width: 93%;
margin: 0 auto;
padding-top: 45px;
padding-bottom: 25px;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item {
margin-left: 20px;
margin-right: 20px;
color: #546373;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item.carousel-item-big .image {
width: 100%;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item.carousel-item-big .image img {
width: 100%;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item.carousel-item-big .text {
height: auto;
background-color: #dee7f0;
padding-top: 40px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item.carousel-item-big .text .item-headline {
font-weight: bold;
color: #546373;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item.carousel-item-big .text .item-url {
display: block;
margin-bottom: 20px;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item.carousel-item-big .text .item-url .item-headline {
font-weight: bold;
color: #546373;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item .image {
width: 100%;
text-align: center;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item .image img {
width: 50%;
border: 2px solid #dfe7f1;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item .text {
width: 100%;
height: 20px;
text-align: center;
position: relative;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item .text .item-headline {
display: block;
width: 100%;
height: 100%;
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item .text .rating {
text-align: center;
font-weight: bold;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .carousel-container .carousel-item .text .rating #jumpToRating {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.sortimo-account-page .account-partner-component .last-orders-slider .wrapper .review-button {
text-align: center;
margin-bottom: 20px;
font-size: 20px;
}
#select-vehicle-popup.sortimo-vehicle-selection .pop-up {
width: 100%;
background-color: white;
display: table;
}
#select-vehicle-popup.sortimo-vehicle-selection .pop-up .vehicle-item {
display: table-row;
}
#select-vehicle-popup.sortimo-vehicle-selection .pop-up .vehicle-item>div {
padding: 10px;
text-align: center;
}
@media (min-width: 640px) {
#select-vehicle-popup.sortimo-vehicle-selection .pop-up .vehicle-item>div {
display: table-cell;
}
}
#select-vehicle-popup.sortimo-vehicle-selection .pop-up .vehicle-item>div.vehicle-license {
font-family: 'sortimo-license-plate';
font-size: 30px;
color: #000000;
}
#select-vehicle-popup.sortimo-vehicle-selection .pop-up .vehicle-item>div.vehicle-name {
font-size: 20px;
}
#select-vehicle-popup.sortimo-vehicle-selection .pop-up .vehicle-item>div.select-vehicle .arrow-right-svg {
margin-left: 20px;
}
.add-to-vehicle-conf .btn {
float: right;
}
ul.order-details-entries li.sortimo-item-info {
width: 24%;
}
ul.order-details-entries li.sortimo-item-vehicle-config {
width: 19%;
}
@media (max-width: 639px) {
ul.order-details-entries li.sortimo-item-vehicle-config {
width: 100%;
margin: 25px 0;
}
}
ul.order-details-entries.sortimo-item-list-header li.sortimo-item-info {
width: 37%;
}
#vehicle-delete-popup,
#canvas-delete-popup {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vw;
z-index: 991;
background-color: rgba(0, 0, 0, 0.6);
}
#vehicle-delete-popup .content .delete-vehicle-popup,
#canvas-delete-popup .content .delete-vehicle-popup,
#vehicle-delete-popup .content .delete-canvas-popup,
#canvas-delete-popup .content .delete-canvas-popup {
width: 750px;
background-color: white;
height: 200px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}
#vehicle-delete-popup .content .delete-vehicle-popup .header-row,
#canvas-delete-popup .content .delete-vehicle-popup .header-row,
#vehicle-delete-popup .content .delete-canvas-popup .header-row,
#canvas-delete-popup .content .delete-canvas-popup .header-row {
width: 100%;
background-color: #0068b4;
font-size: 18px;
color: white;
padding-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
}
#vehicle-delete-popup .content .delete-vehicle-popup .question,
#canvas-delete-popup .content .delete-vehicle-popup .question,
#vehicle-delete-popup .content .delete-canvas-popup .question,
#canvas-delete-popup .content .delete-canvas-popup .question {
width: 100%;
text-align: center;
padding: 40px;
}
#vehicle-delete-popup .content .delete-vehicle-popup .btn-container,
#canvas-delete-popup .content .delete-vehicle-popup .btn-container,
#vehicle-delete-popup .content .delete-canvas-popup .btn-container,
#canvas-delete-popup .content .delete-canvas-popup .btn-container {
text-align: center;
}
#vehicle-delete-popup .content .delete-vehicle-popup .btn-container>a,
#canvas-delete-popup .content .delete-vehicle-popup .btn-container>a,
#vehicle-delete-popup .content .delete-canvas-popup .btn-container>a,
#canvas-delete-popup .content .delete-canvas-popup .btn-container>a {
margin-left: 10px;
margin-right: 10px;
}
.page-quoteRow #cboxOverlay,
.page-sortimoVehiclesPage #cboxOverlay {
z-index: 997;
}
.page-quoteRow #ui-datepicker-div,
.page-sortimoVehiclesPage #ui-datepicker-div {
z-index: 998 !important;
margin-top: -25px;
}
.page-quoteRow #colorbox,
.page-sortimoVehiclesPage #colorbox {
z-index: 998;
}
.page-quoteRow #colorbox #cboxLoadedContent,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent {
margin-top: 30px;
}
.page-quoteRow #colorbox #cboxLoadedContent .quoteErrorContainer .quoteError,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quoteErrorContainer .quoteError {
color: #ed1c24;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_order_body_container .quoteOrderTitle,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_order_body_container .quoteOrderTitle {
text-align: center;
width: 90%;
padding-left: 10%;
padding-bottom: 5%;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_order_body_container .boldTitle,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_order_body_container .boldTitle {
text-transform: uppercase;
font-weight: bold;
padding-bottom: 10px;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_order_body_container .datePickerPlaceholder,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_order_body_container .datePickerPlaceholder {
height: 250px;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_order_info_body_container .quoteOrderInfoTitle,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_order_info_body_container .quoteOrderInfoTitle {
text-align: center;
width: 90%;
padding-left: 10%;
padding-bottom: 5%;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_order_info_body_container .quoteOrderInfoSubline,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_order_info_body_container .quoteOrderInfoSubline {
text-align: center;
width: 90%;
padding-left: 10%;
padding-bottom: 5%;
color: #7c8c9c;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_order_finish_body_container .checkbox,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_order_finish_body_container .checkbox {
width: 90%;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_order_finish_body_container .quoteOrderFinishTitleContainer,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_order_finish_body_container .quoteOrderFinishTitleContainer {
padding-bottom: 5%;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionTitle,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionTitle,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionTitle,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionTitle {
text-align: center;
width: 83%;
padding-left: 17%;
padding-bottom: 5%;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPadding,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPadding,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPadding,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPadding {
padding-bottom: 10px;
font-size: 17px !important;
color: #546373;
font-family: "Roboto Condensed";
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container textarea,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container textarea,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container textarea,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container textarea {
width: 100%;
height: 5em;
min-height: auto;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionContact,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionContact,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionContact,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionContact {
border-bottom: 1px solid #c5d1df;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy {
padding-top: 10px;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy .quoteQuestionPrivacyPolicyLabel,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy .quoteQuestionPrivacyPolicyLabel,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy .quoteQuestionPrivacyPolicyLabel,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy .quoteQuestionPrivacyPolicyLabel {
font-size: 17px;
color: black;
font-family: "Roboto Condensed";
padding-bottom: 10px;
font-weight: bold;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy .quoteQuestionPrivacyPolicyCheck,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy .quoteQuestionPrivacyPolicyCheck,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy .quoteQuestionPrivacyPolicyCheck,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy .quoteQuestionPrivacyPolicyCheck {
margin-top: 10px;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy #quoteQuestionReadPrivacyPolicy,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy #quoteQuestionReadPrivacyPolicy,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy #quoteQuestionReadPrivacyPolicy,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy #quoteQuestionReadPrivacyPolicy {
margin-left: 0px;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy #quoteRequestReadPrivacyPolicy,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_body_container .quoteQuestionPrivacyPolicy #quoteRequestReadPrivacyPolicy,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy #quoteRequestReadPrivacyPolicy,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_body_container .quoteQuestionPrivacyPolicy #quoteRequestReadPrivacyPolicy {
margin-left: 0px;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_info_body_container .quoteQuestionInfoTitle,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_info_body_container .quoteQuestionInfoTitle,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_info_body_container .quoteQuestionInfoTitle,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_info_body_container .quoteQuestionInfoTitle {
text-align: center;
width: 70%;
padding-left: 30%;
padding-bottom: 5%;
}
.page-quoteRow #colorbox #cboxLoadedContent .quote_question_info_body_container .quoteQuestionInfoSubline,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_question_info_body_container .quoteQuestionInfoSubline,
.page-quoteRow #colorbox #cboxLoadedContent .quote_request_info_body_container .quoteQuestionInfoSubline,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .quote_request_info_body_container .quoteQuestionInfoSubline {
text-align: center;
width: 90%;
padding-left: 10%;
padding-bottom: 5%;
color: #7c8c9c;
}
.page-quoteRow #colorbox #cboxLoadedContent #provisionerQuoteOrderPopup,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent #provisionerQuoteOrderPopup {
text-align: center;
width: 90%;
padding-left: 10%;
padding-bottom: 5%;
color: #7c8c9c;
}
.page-quoteRow #colorbox #cboxLoadedContent .submit-support-popup .title,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .submit-support-popup .title {
text-align: center;
width: 70%;
padding-left: 30%;
padding-bottom: 5%;
}
.page-quoteRow #colorbox #cboxLoadedContent .submit-support-popup .body,
.page-sortimoVehiclesPage #colorbox #cboxLoadedContent .submit-support-popup .body {
text-align: center;
width: 90%;
padding-left: 10%;
padding-bottom: 5%;
color: #7c8c9c;
}
.page-quoteRow #colorbox #cboxTitle,
.page-sortimoVehiclesPage #colorbox #cboxTitle {
display: none;
}
.sortimoVehicleSearchContainer,
.sortimoRetailCustomerSearchContainer {
padding: 0px !important;
}
.sortimoVehicleSearchContainer #sortimoVehicleSearchForm,
.sortimoRetailCustomerSearchContainer #sortimoVehicleSearchForm,
.sortimoVehicleSearchContainer #SortimoRetailPartnerCustomerSearchForm,
.sortimoRetailCustomerSearchContainer #SortimoRetailPartnerCustomerSearchForm {
padding: 30px 0 20px 0;
}
.sortimoVehicleSearchContainer #sortimoVehicleSearchForm>.col-md-6,
.sortimoRetailCustomerSearchContainer #sortimoVehicleSearchForm>.col-md-6,
.sortimoVehicleSearchContainer #SortimoRetailPartnerCustomerSearchForm>.col-md-6,
.sortimoRetailCustomerSearchContainer #SortimoRetailPartnerCustomerSearchForm>.col-md-6 {
padding-left: 30px;
padding-right: 30px;
}
.sortimoVehicleSearchContainer #sortimoVehicleSearchForm .form-group .col-md-9,
.sortimoRetailCustomerSearchContainer #sortimoVehicleSearchForm .form-group .col-md-9,
.sortimoVehicleSearchContainer #SortimoRetailPartnerCustomerSearchForm .form-group .col-md-9,
.sortimoRetailCustomerSearchContainer #SortimoRetailPartnerCustomerSearchForm .form-group .col-md-9 {
padding-bottom: 20px;
}
.sortimoVehicleSearchContainer #sortimoVehicleSearchForm label,
.sortimoRetailCustomerSearchContainer #sortimoVehicleSearchForm label,
.sortimoVehicleSearchContainer #SortimoRetailPartnerCustomerSearchForm label,
.sortimoRetailCustomerSearchContainer #SortimoRetailPartnerCustomerSearchForm label {
color: #546373;
}
.quotePDFDownload {
display: flex;
align-items: center;
}
.quotePDFDownload .pdfDownload {
padding-bottom: 0;
}
.quotePDFDownload .pdfDownload a.downloadLink {
font-weight: bold;
}
.quotePDFDownload .pdfDownload a.downloadLink span {
margin-left: 0;
height: 45px;
width: 30px;
background-size: 30px;
}
.details-row>div>.quotePDFDownload {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
#debugC4CData {
display: none;
}
.sortimo-vehicles .pagination-bar {
margin: 0px 0px 30px 0px;
}
.account-vehicle-attach-pagination {
float: right;
margin-top: 20px;
margin-right: 15px;
}
.attach-vehicle-header {
margin-bottom: 10px;
}
.sortimo-choose-config-bar {
overflow: auto;
}
.sortimo-choose-config-bar>div {
float: left;
font-weight: bold;
font-size: 18px;
background-color: #dee7f0;
padding: 12px;
position: relative;
display: flex;
align-items: center;
}
@media (min-width: 1024px) {
.sortimo-choose-config-bar>div {
width: 26%;
justify-content: center;
}
}
@media (max-width: 1023px) {
.sortimo-choose-config-bar>div {
width: 100%;
}
}
.sortimo-choose-config-bar>div div.icon {
display: flex;
align-items: center;
}
.sortimo-choose-config-bar>div div.icon svg {
margin-right: 10px;
}
.sortimo-choose-config-bar>div a {
color: #546373;
}
.sortimo-choose-config-bar>div.active a {
color: #0669b2;
}
@media (max-width: 1023px) {
.sortimo-choose-config-bar>div.create-new {
padding-top: 30px;
}
}
.sortimo-choose-config-bar>div.bar-title {
background-color: #c5d1de;
color: #546373;
}
@media (min-width: 1024px) {
.sortimo-choose-config-bar>div.bar-title {
width: 22%;
padding-left: 20px;
}
}
@media (max-width: 1023px) {
.sortimo-choose-config-bar>div.bar-title {
width: 100%;
}
}
.sortimo-choose-config-bar>div.bar-title>div.title-text {
position: relative;
z-index: 2;
margin-right: auto;
}
.sortimo-choose-config-bar>div.bar-title>div.header-arrow {
background-color: #c5d1de;
position: absolute;
z-index: 1;
width: 34px;
height: 34px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media (min-width: 1024px) {
.sortimo-choose-config-bar>div.bar-title>div.header-arrow {
right: -17px;
top: 7px;
}
}
@media (max-width: 1023px) {
.sortimo-choose-config-bar>div.bar-title>div.header-arrow {
right: 50px;
top: 30px;
}
}
.choose-continue-config {
padding-top: 30px;
color: #546373;
}
@media (min-width: 1024px) {
.choose-continue-config {
text-align: center;
}
}
@media (max-width: 639px) {
.choose-continue-config {
text-align: left;
}
}
.choose-continue-config #findVehicleConfigForm {
font-size: 17px;
}
.choose-continue-config #findVehicleConfigForm div.input-container {
border: 1px solid #777;
width: 30%;
height: 40px;
display: inline-block;
margin-top: 20px;
}
@media (min-width: 1024px) {
.choose-continue-config #findVehicleConfigForm div.input-container {
width: 30%;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.choose-continue-config #findVehicleConfigForm div.input-container {
width: 50%;
}
}
@media (max-width: 639px) {
.choose-continue-config #findVehicleConfigForm div.input-container {
width: 100%;
}
}
.choose-continue-config #findVehicleConfigForm div.input-container input,
.choose-continue-config #findVehicleConfigForm div.input-container input:focus {
border: none;
box-shadow: none;
height: auto;
display: inline-block;
padding: 7px 20px;
font-size: 17px;
float: left;
outline: none;
}
@media (min-width: 1024px) {
.choose-continue-config #findVehicleConfigForm div.input-container input,
.choose-continue-config #findVehicleConfigForm div.input-container input:focus {
width: 85%;
}
}
@media (max-width: 1023px) {
.choose-continue-config #findVehicleConfigForm div.input-container input,
.choose-continue-config #findVehicleConfigForm div.input-container input:focus {
width: 80%;
}
}
.choose-continue-config #findVehicleConfigForm div.input-container button {
display: inline-block;
float: left;
padding-top: 5px;
padding-right: 20px;
}
@media (min-width: 1024px) {
.choose-continue-config #findVehicleConfigForm div.input-container button {
width: 15%;
}
}
@media (max-width: 1023px) {
.choose-continue-config #findVehicleConfigForm div.input-container button {
width: 20%;
}
}
.choose-continue-config #findVehicleConfigForm .error-container {
font-size: 15px;
text-align: left;
color: #c11818;
margin-top: 10px;
}
@media (min-width: 1024px) {
.choose-continue-config #findVehicleConfigForm .error-container {
width: 30%;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.choose-continue-config #findVehicleConfigForm .error-container {
width: 50%;
}
}
@media (max-width: 639px) {
.choose-continue-config #findVehicleConfigForm .error-container {
width: 100%;
}
}
.choose-continue-config #findVehicleConfigForm .error-container .error-title {
font-weight: bold;
}
.myPartner-functions {
margin-top: 20px;
}
.myPartner-functions .partner-input {
margin-left: 0;
padding-left: 0 !important;
}
.myPartner-functions #chooseFileButton {
margin-bottom: 15px;
}
.myPartner-functions .csv-example {
margin-top: 10px;
}
.provisionerPartnerLocation {
margin-top: 15px;
font-weight: bold;
}
.canvas .canvas-bottom {
border: 2px solid #c5d1de;
background-color: #c5d1de;
height: 25px;
}
.canvas .canvas-title {
font-weight: bold;
border-bottom: 1px solid;
padding-bottom: 5px;
}
.canvas .canvas-items {
padding-top: 5px;
padding-left: 20px;
}
.canvas .canvas-items .canvas-items-tools {
list-style: none;
list-style-position: outside;
padding-left: unset;
}
.canvas .canvas-items .canvas-items-tools li:before {
content: '✔\fe0e';
margin-right: 7px;
float: left;
}
.canvas .canvas-items-title {
font-weight: bold;
padding-bottom: 10px;
}
.canvas .canvas-links {
padding-top: 5px;
}
.canvas .canvas-links .canvas-link-row {
padding-bottom: 15px;
}
.canvas .canvas-links .canvas-link-row .canvas-link {
border-bottom: solid 1px #0068b3;
font-weight: bold;
}
.canvas .canvas-links .canvas-link-row .canvas-link .canvasBtn {
padding: 10px 15px 10px 15px !important;
width: 80%;
}
.canvas .canvas-links .canvas-link-row .canvas-link .canvasBtn .btnLabel {
align-items: center;
justify-content: flex-end;
top: 4px;
text-align: left;
}
.canvas .canvas-links .canvas-link-row .canvas-link .canvasBtn .btnSvg {
align-items: center;
justify-content: flex-end;
display: inline-flex;
}
.canvas .configuration-name-container {
height: 55px;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
text-align: center;
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
color: #546373;
}
@media (min-width: 1024px) {
.canvas .configuration-name-container {
height: 55px;
}
}
@media (max-width: 1023px) {
.canvas .configuration-name-container {
height: auto;
padding-top: 40px;
padding-bottom: 20px;
}
}
.profile-date {
float: left;
}
#profile-date-form {
float: left;
padding: 0px 0px 15px 10px;
}
#edit-birth-date svg {
margin-left: 10px;
cursor: pointer;
}
#birth-date-picker {
width: 323px;
cursor: text;
background-color: #FFF;
border-right: none;
}
#birth-date-button {
border-left: none;
}
.cscVehicleHeader {
padding-bottom: 30px;
}
.submit-support-popup .title {
width: unset !important;
padding-left: unset !important;
}
.c4c-reload-doc-btn-container {
padding: 10px;
}
.icon-config-remove {
float: right;
}
.responsive-table-item td:last-child {
padding-right: 30px;
}
.ui-autocomplete.ui-menu {
display: block;
width: 600px ! important;
top: 61px ! important;
left: 51.5px ! important;
background: #fff ! important;
padding: 20px ! important;
z-index: 1001 ! important;
border: 1px solid #dee7f0 ! important;
margin-top: 20px ! important;
}
.ui-autocomplete.ui-menu .ui-menu-item {
display: block;
}
.ui-autocomplete.ui-menu .ui-menu-item a .thumb {
border: 1px solid lightgray;
display: inline-block;
margin-right: 10px;
}
.ui-autocomplete.ui-menu .ui-menu-item a .thumb img {
width: 96px;
height: 96px;
display: inline-block;
}
.ui-autocomplete.ui-menu .ui-menu-item a .name {
display: inline-block;
}
.ui-autocomplete.ui-menu .ui-menu-item a .price {
display: inline-block;
margin-left: 10px;
}
.ui-autocomplete.ui-menu:before {
border-color: rgba(235, 240, 244, 0);
border-bottom-color: lightgray;
border-width: 16px;
margin-left: -16px;
bottom: 100%;
left: 83%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.ui-autocomplete.ui-menu:after {
bottom: 100%;
left: 83%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #dee7f0;
border-width: 15px;
margin-left: -15px;
}
#searchTabs {
border: none;
}
#searchTabs .search-selection {
padding-bottom: 20px;
}
#searchTabs .search-selection .ui-tabs-nav {
border: none;
background: none;
}
#searchTabs .search-selection .ui-tabs-nav .sortimo_button {
border: none;
}
#searchTabs .search-selection .ui-tabs-nav .sortimo_button a[href]:hover {
color: #ffffff;
}
@media (max-width: 1024px) {
#searchTabs .search-selection .ui-tabs-nav .sortimo_button {
margin-bottom: 10px;
}
#searchTabs .search-selection .ui-tabs-nav .sortimo_button a[href] {
width: 100%;
}
}
#searchTabs .sortimo-search-tab {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 1399px) {
#searchTabs .sortimo-search-tab {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1024px) {
#searchTabs .sortimo-search-tab .searchHeadline .pagination-bar.top {
padding-left: 20px;
padding-right: 0;
}
#searchTabs .sortimo-search-tab .searchHeadline .pagination-bar.top .pagination-toolbar {
padding-right: 0;
}
}
@media (min-width: 1024px) and (min-width: 1399px) {
#searchTabs .sortimo-search-tab .searchHeadline .pagination-bar.top {
padding-left: 50px;
}
}
@media (max-width: 1023px) {
#searchTabs .sortimo-search-tab .searchHeadline .pagination-bar.top {
margin-top: 0;
}
#searchTabs .sortimo-search-tab .searchHeadline .pagination-bar.top .pagination-toolbar {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 1023px) and (min-width: 600px) {
#searchTabs .sortimo-search-tab .searchHeadline .pagination-bar.top .pagination-toolbar {
padding-bottom: 0;
}
}
#searchTabs .sortimo-search-tab .document_list,
#searchTabs .sortimo-search-tab .page_list {
padding-right: 0;
}
@media (min-width: 1024px) {
#searchTabs .sortimo-search-tab .document_list,
#searchTabs .sortimo-search-tab .page_list {
padding-left: 50px;
}
#searchTabs .sortimo-search-tab .document_list .sortimo_page_list,
#searchTabs .sortimo-search-tab .page_list .sortimo_page_list,
#searchTabs .sortimo-search-tab .document_list .sortimo_document_list,
#searchTabs .sortimo-search-tab .page_list .sortimo_document_list {
margin-left: 20px;
}
}
#searchTabs .sortimo-search-tab .document_list .sortimo_page_list,
#searchTabs .sortimo-search-tab .page_list .sortimo_page_list,
#searchTabs .sortimo-search-tab .document_list .sortimo_document_list,
#searchTabs .sortimo-search-tab .page_list .sortimo_document_list {
background-color: white;
margin-left: 0;
}
#searchTabs .sortimo-search-tab .document_list .sortimo_page_list .productInfo .product__list--name a,
#searchTabs .sortimo-search-tab .page_list .sortimo_page_list .productInfo .product__list--name a,
#searchTabs .sortimo-search-tab .document_list .sortimo_document_list .productInfo .product__list--name a,
#searchTabs .sortimo-search-tab .page_list .sortimo_document_list .productInfo .product__list--name a {
color: #0068b3;
}
#searchTabs .sortimo-search-tab .document_list .product__list--name,
#searchTabs .sortimo-search-tab .page_list .product__list--name {
text-transform: none;
margin: 0;
}
#searchTabs .sortimo-search-tab .document_list .download-button button,
#searchTabs .sortimo-search-tab .page_list .download-button button {
background-color: #0068b3;
}
.site-search .ui-front .ui-widget .ui-menu-item {
padding: 3px 1em 3px .4em;
}
.site-search .ui-front .ui-widget .ui-menu-item a.ui-menu-item-wrapper {
color: #0068b3;
background: #ffffff;
}
.site-search .ui-front .ui-widget .ui-menu-item a.ui-menu-item-wrapper.ui-state-active {
color: #3c3c3c;
border: none;
}
.compareWrapper {
margin: 0 auto;
display: block;
}
.innerWrapper {
display: block;
}
.productitem {
display: inline-block;
width: 204px;
padding: 10px;
float: left;
border-top: 1px solid;
}
.itemWrapper {
margin-left: 225px;
}
.itemWrapper .productitem:nth-child(3n) {
border-right: 1px solid;
border-left: 1px solid;
}
.itemWrapper .productitem:first-child {
border-left: 1px solid;
border-right: 1px solid;
}
.itemWrapper .productitem:last-child {
border-right: 1px solid;
border-left: 1px solid;
}
.productFeatureTable {
border: 1px solid black;
width: initial;
}
.productFeatureTable td {
position: relative;
background: #c5d1de;
margin: 10px;
border: 3px solid white;
color: #0669b2;
max-width: 250px;
}
.productFeatureTable td:not(:first-child) {
text-align: center;
}
.productFeatureTable td:not(:last-child) {
border-right: 1px solid black;
}
.productFeatureTable .bulletPoints li {
text-align: left;
}
.productFeatureTable .productItem #addToCartButton {
margin: 0 auto;
}
.productFeatureTable tr:nth-child(even):not(:first-child) td:not(:first-child) {
background: #fff ! important;
}
.productFeatureTable tr:nth-child(odd) td:not(:first-child) {
background: #eef4fa ! important;
}
.productFeatureTable tr:first-child td {
background: #c5d1de ! important;
}
.productFeatureTable .priceArrow {
display: none;
}
.productFeatureTable .priceArrowPrice {
float: none;
margin-right: 0;
}
.productFeatureTable .priceVat {
display: none;
}
.compareRemoveProduct {
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
}
.price {
font-size: 25px;
font-family: "Roboto Condensed";
color: #004485;
}
.categorySelector {
width: 200px;
font-size: 18px;
}
#cboxLoadedContent>div>div>table>tbody>tr>td:nth-child(1) {
background: #c5d1de ! important;
}
#cboxLoadedContent>div>div>table>tbody>tr>td.productItem.removableItem.image_compare {
background: #fff ! important;
}
#cboxLoadedContent>div>div>table>tbody>tr>td.productItem.removableItem.image_compare img {
width: 96px;
}
.facet-hide-shadow {
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.41) 21%, rgba(255, 255, 255, 0.42) 22%, #ffffff 76%, #ffffff 99%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.41) 21%, rgba(255, 255, 255, 0.42) 22%, #ffffff 76%, #ffffff 99%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.41) 21%, rgba(255, 255, 255, 0.42) 22%, #ffffff 76%, #ffffff 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#69ffffff', endColorstr='#ffffff', GradientType=0);
width: 100%;
height: 55px;
position: relative;
margin: -25px 0 0 0;
overflow: hidden;
}
.facet-hide-shadow li {
visibility: hidden;
}
.facet-hide-shadow .facet-show-more-text {
position: absolute;
bottom: 0;
font-size: 13px;
cursor: pointer;
color: #929292;
display: inline-block;
margin-top: 10px;
}
.nav-left-container {
margin-left: -15px;
margin-bottom: 25px;
margin-top: -15px;
}
.nav-left-container .nav-left-list li {
list-style: none;
margin: 7px 0;
}
.nav-left-container .nav-left-list li a {
font-family: "Roboto Condensed";
text-decoration: none;
color: #536272;
font-size: 15px;
}
.sig_wrapper {
margin-bottom: 20px;
margin-left: 62px;
}
@media (max-width: 1023px) {
.sig_wrapper {
margin-left: 0;
}
}
@media (min-width: 1024px) {
.sig_wrapper {
margin-left: 20px;
}
}
@media (min-width: 1399px) {
.sig_wrapper {
margin-left: 62px;
}
}
.sig_wrapper .sig_headline {
min-height: 80px;
/*margin-left: 50px;*/
background-color: #7c8c9c;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
font-size: 20px;
color: #fff;
}
@media (min-width: 1024px) {
.sig_wrapper .sig_headline .sig_headline_text {
width: calc(100% - 281px);
float: left;
}
}
.sig_wrapper .sig_headline .sig_headline_text .sig_text .sig_undeline {
border-bottom: 1px solid;
padding-bottom: 1px;
font-family: "Roboto Condensed";
}
.sig_wrapper .sig_headline .sig_headline_text .sigState {
vertical-align: text-top;
}
.sig_wrapper .sig_headline .sig_headline_text .sigState .up svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.sig_wrapper .sig_headline .sig_headline_text .sigState svg {
cursor: pointer;
background-color: #fff;
}
.sig_wrapper .sig_headline .sig_headline_text .sigState svg path {
fill: #7D8D9D;
}
@media (min-width: 1024px) {
.sig_wrapper .sig_headline .sig_header_icon {
float: left;
width: 100px;
height: 80px;
margin: -6px 20px 0 20px;
}
.sig_wrapper .sig_headline .sig_header_icon content {
width: 50px;
height: 50px;
}
.sig_wrapper .sig_headline .sig_header_icon.sig_desire::before {
content: url("../images/Ich_moechte_dkl_125x100.svg");
}
.sig_wrapper .sig_headline .sig_header_icon.sig_desire_selected::before {
content: url("../images/Ich_moechte_weiss_125x100.svg");
}
.sig_wrapper .sig_headline .sig_header_icon.sig_search::before {
content: url("../images/Ich_suche_weiss_125x100.svg");
}
.sig_wrapper .sig_headline .sig_header_icon.sig_search_selected::before {
content: url("../images/Ich_suche_dkl_125x100.svg");
}
}
.sig_wrapper .sig_q_wrapper {
font-size: 15px;
color: #546373;
font-family: "Roboto Condensed";
border-bottom: 2px solid #7c8c9c;
border-left: 2px solid #7c8c9c;
border-right: 2px solid #7c8c9c;
}
.sig_wrapper .sig_q_wrapper div .sig_q {
list-style-type: none;
padding: 20px 30px;
float: left;
}
@media (min-width: 1024px) {
.sig_wrapper .sig_q_wrapper div .sig_q {
border-right: 2px solid #7c8c9c;
}
.sig_wrapper .sig_q_wrapper div .sig_q:last-child {
border: none;
}
}
@media (max-width: 1023px) {
.sig_wrapper .sig_q_wrapper div .sig_q {
border-bottom: 2px solid #7c8c9c;
}
.sig_wrapper .sig_q_wrapper div .sig_q:last-child {
border: none;
}
}
.sig_wrapper .sig_q_wrapper div .sig_q .headline {
padding-bottom: 30px;
}
.sig_wrapper .sig_q_wrapper div ul {
margin-bottom: 0px;
}
.sig_wrapper .sig_q_wrapper div .q_headline {
padding-bottom: 10px;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper {
text-align: center;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_answer {
display: inline-block;
padding: 10px 20px 0px;
cursor: pointer;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_answer:first-child {
padding-left: 0px;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_answer:last-child {
padding-right: 0px;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink {
cursor: pointer;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon {
text-align: center;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink .sig_a_iconText,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon .sig_a_iconText {
font-size: 15px;
color: #546373;
font-family: "Roboto Regular";
line-height: 1;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink svg.SIG_WorkMo,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon svg.SIG_WorkMo {
width: 95px;
max-height: 45px;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink svg.SIG_BOXXen,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon svg.SIG_BOXXen {
width: 95px;
max-height: 30px;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink svg#SIG_BOXXen_BOXX,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon svg#SIG_BOXXen_BOXX {
width: 80px;
max-height: 22px;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink svg#SIG_BOXXen_Roller,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon svg#SIG_BOXXen_Roller {
width: 80px;
max-height: 18px;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink svg path,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon svg path {
fill: #546373;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.checked .sig_a_iconText,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.checked .sig_a_iconText {
color: #0669b2;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.checked svg rect,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.checked svg rect,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.checked svg circle,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.checked svg circle,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.checked svg ellipse,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.checked svg ellipse,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.checked svg line,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.checked svg line,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.checked svg polyline,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.checked svg polyline,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.checked svg polygon,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.checked svg polygon,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.checked svg path,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.checked svg path {
fill: #0669b2;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.empty .sig_a_iconText,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.empty .sig_a_iconText {
color: #cccccc;
}
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.empty svg rect,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.empty svg rect,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.empty svg circle,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.empty svg circle,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.empty svg ellipse,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.empty svg ellipse,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.empty svg line,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.empty svg line,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.empty svg polyline,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.empty svg polyline,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.empty svg polygon,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.empty svg polygon,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_iconLink.empty svg path,
.sig_wrapper .sig_q_wrapper div .sig_a_wrapper .sig_a_icon.empty svg path {
fill: #cccccc;
}
.sortimo-component {
margin-bottom: 20px;
margin-left: 15px;
margin-right: 15px;
position: relative;
}
.sortimo-component a {
font-family: "Roboto Condensed";
font-weight: 300;
}
.sortimo-component a.btn {
text-decoration: none;
}
.sortimo-component a * {
text-decoration: none;
}
.sortimo-component .sortimo-white-link a {
color: #ffffff;
text-decoration: underline;
}
.sortimo-component .sortimo-blue-link a {
color: #0068b6;
}
.sortimo-component .sortimo-blue-hover a:hover {
color: #c5d1de;
}
.sortimo-component .sortimo-dark-hover a:hover {
color: #32353c;
}
.sortimo-component .simpleLink {
font-family: "Roboto Condensed";
font-weight: 700;
color: #0068b3;
font-size: 17px;
text-decoration: none;
padding-right: 15px;
cursor: pointer;
}
.sortimo-component a.simpleLink svg {
cursor: pointer;
}
.sortimo-component h1,
.sortimo-component h2,
.sortimo-component h3,
.sortimo-component h4,
.sortimo-component h5,
.sortimo-component h6,
.sortimo-component .h1,
.sortimo-component .h2,
.sortimo-component .h3,
.sortimo-component .h4,
.sortimo-component .h5,
.sortimo-component .h6,
.sortimo-component .component-headline {
line-height: 1.4;
}
.sortimo-component h4,
.sortimo-component .h4,
.sortimo-component h5,
.sortimo-component .h5,
.sortimo-component h6,
.sortimo-component .h6 {
margin-bottom: 0px;
margin-top: 10px;
}
.sortimo-component .image-zoom {
transition: transform .4s;
}
.sortimo-component .image-zoom:hover {
transform: scale(1.5);
}
.yCmsComponent.sortimo-component-slot {
margin-left: -15px;
margin-right: -15px;
}
@media (max-width: 639px) {
.yCmsComponent.sortimo-component-slot {
margin-left: 0px;
margin-right: 0px;
}
}
.sortimo-component.tile-component {
margin-left: 10px;
margin-right: 10px;
overflow: hidden;
/* @media (min-width: 879px) {
grid-template-columns: 25% 25% 25% 25%;
-ms-grid-columns: 25% 25% 25% 25%;
}*/
/* @media (max-width: 878px) {
grid-template-columns: 50% 50%;
-ms-grid-columns: 50% 50%;
}*/
}
.sortimo-component.tile-component .single-tile {
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
float: left;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
/* &:hover > div {
display: block !important;
}*/
}
.sortimo-component.tile-component .single-tile .component-headline {
font-family: "Roboto Condensed";
font-weight: 700;
font-size: 40px;
line-height: 1.2;
}
@media (max-width: 1023px) {
.sortimo-component.tile-component .single-tile .component-headline {
font-size: 25px;
}
}
@media (min-width: 1024px) {
.sortimo-component.tile-component .single-tile .component-headline {
font-size: 40px;
}
}
.sortimo-component.tile-component .single-tile hr {
margin-top: 15px;
margin-bottom: 27px;
}
@media (max-width: 1023px) {
.sortimo-component.tile-component .single-tile hr {
display: none;
}
}
@media (min-width: 1400px) {
.sortimo-component.tile-component .single-tile.wide {
width: 690px;
}
}
@media (min-width: 640px) and (max-width: 1399px) {
.sortimo-component.tile-component .single-tile.wide {
width: calc(50% - 10px);
}
}
@media (max-width: 639px) {
.sortimo-component.tile-component .single-tile.wide {
width: 100%;
}
}
@media (min-width: 1400px) {
.sortimo-component.tile-component .single-tile.small {
width: 340px;
}
}
@media (min-width: 640px) and (max-width: 1399px) {
.sortimo-component.tile-component .single-tile.small {
width: calc(50% - 10px);
}
}
@media (max-width: 639px) {
.sortimo-component.tile-component .single-tile.small {
width: 100%;
}
}
@media (min-width: 1400px) {
.sortimo-component.tile-component .single-tile.high {
height: 690px;
}
}
@media (min-width: 640px) and (max-width: 1399px) {
.sortimo-component.tile-component .single-tile.high {
padding-top: 50%;
}
}
@media (max-width: 639px) {
.sortimo-component.tile-component .single-tile.high {
padding-top: 100%;
}
}
@media (min-width: 1400px) {
.sortimo-component.tile-component .single-tile.low {
height: 340px;
}
}
@media (min-width: 640px) and (max-width: 1399px) {
.sortimo-component.tile-component .single-tile.low {
padding-top: 50%;
}
}
@media (max-width: 639px) {
.sortimo-component.tile-component .single-tile.low {
padding-top: 100%;
}
}
.sortimo-component.tile-component .single-tile>div {
width: 100%;
height: 100%;
position: absolute;
background-repeat: repeat;
display: none;
}
.sortimo-component.tile-component .single-tile>div.sortimo-animate {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sortimo-component.tile-component .single-tile>div>.text {
width: 100%;
height: 100%;
color: white;
padding: 25px;
text-align: center;
display: flex;
align-items: center;
}
.sortimo-component.tile-component .single-tile>div>.text .align-container {
width: 100%;
}
.sortimo-component.tile-component .single-tile>div>.text .align-container>p {
margin-bottom: 0px;
padding-left: 10px;
padding-right: 10px;
font-size: 19px;
/*@media (max-width: 360px) {
display: none;
}
@media (min-width: 640px) and (max-width: @screen-sm-md) {
display: none;
}*/
}
@media (max-width: 1023px) {
.sortimo-component.tile-component .single-tile>div>.text .align-container>p {
display: block;
}
}
.sortimo-component.tile-component .single-tile>div>.text .align-container hr {
width: 30%;
/*@media (max-width: 360px) {
display: none;
}
@media (min-width: 640px) and (max-width: @screen-sm-md) {
display: none;
}*/
}
@media (min-width: 1024px) {
.sortimo-component.tile-component .single-tile>div>.text .align-container hr {
width: 200px;
}
}
.sortimo-component.tile-component .single-tile>div>.text .align-container a {
display: inline-block;
margin-top: 20px;
}
/* Initial state classes: */
.sortimo-tile-from-top {
left: 0px;
top: -100%;
}
.sortimo-tile-from-bottom {
left: 0px;
top: 100%;
}
.sortimo-tile-from-left {
top: 0px;
left: -100%;
}
.sortimo-tile-from-right {
top: 0px;
left: 100%;
}
/* Final state classes: */
.sortimo-tile-top {
top: 0px;
}
.sortimo-tile-left {
left: 0px;
}
.sortimo-component.image-component {
background-size: cover;
background-position: center;
}
.sortimo-component.image-component img {
width: 100%;
}
.sortimo-component.image-component .component-headline {
font-family: "Roboto Condensed";
font-weight: 400;
font-size: 50px;
}
.sortimo-component.image-component .overlay-container {
background-color: rgba(30, 36, 47, 0.85);
padding: 60px 35px;
}
@media (max-width: 639px) {
.sortimo-component.image-component .overlay-container {
padding: 45px 35px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.image-component .overlay-container {
padding: 40px 35px;
}
}
.sortimo-component.image-component .overlay-container .icon {
text-align: center;
color: #ffffff;
}
.sortimo-component.image-component .overlay-container .icon svg path {
fill: #ffffff !important;
}
.sortimo-component.image-component .overlay-container .text {
width: 100%;
height: 100%;
text-align: center;
color: #ffffff;
font-size: 50px;
margin-top: 30px;
line-height: 1.2;
}
@media (max-width: 639px) {
.sortimo-component.image-component .overlay-container .text {
font-size: 25px;
margin-top: 15px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.image-component .overlay-container .text {
font-size: 35px;
}
}
.sortimo-component.image-component .overlay-container .text p {
margin-bottom: 0 !important;
}
.sortimo-component.image-component .overlay-container .btn-container {
text-align: center;
margin-top: 40px;
}
@media (max-width: 639px) {
.sortimo-component.image-component .overlay-container .btn-container {
margin-top: 15px;
}
}
.sortimo-component.quotes-component {
color: #ffffff;
text-align: center;
}
.sortimo-component.quotes-component .quote-item {
background-size: auto;
background-position: center;
}
.sortimo-component.quotes-component .quote-item .overlay {
background-color: rgba(30, 36, 47, 0.85);
}
@media (min-width: 1400px) {
.sortimo-component.quotes-component .quote-item .overlay {
padding: 50px 40px;
}
}
@media (max-width: 639px) {
.sortimo-component.quotes-component .quote-item .overlay {
padding: 30px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.quotes-component .quote-item .overlay {
padding: 40px;
}
}
.sortimo-component.quotes-component .quote-item .overlay .component-headline {
font-family: "Roboto Condensed";
font-weight: 700;
line-height: 120%;
}
@media (min-width: 1024px) {
.sortimo-component.quotes-component .quote-item .overlay .component-headline {
font-size: 60px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.quotes-component .quote-item .overlay .component-headline {
font-size: 45px;
}
}
@media (min-width: 361px) and (max-width: 640px) {
.sortimo-component.quotes-component .quote-item .overlay .component-headline {
font-size: 30px;
}
}
@media (max-width: 360px) {
.sortimo-component.quotes-component .quote-item .overlay .component-headline {
font-size: 20px;
}
}
.sortimo-component.quotes-component .quote-item .overlay .quote-headline,
.sortimo-component.quotes-component .quote-item .overlay .text {
margin-bottom: 10px;
}
@media (max-width: 639px) {
.sortimo-component.quotes-component .quote-item .overlay .quote-headline,
.sortimo-component.quotes-component .quote-item .overlay .text {
margin-bottom: 15px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.quotes-component .quote-item .overlay .quote-headline,
.sortimo-component.quotes-component .quote-item .overlay .text {
margin-bottom: 35px;
}
}
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container {
display: inline-flex;
margin-top: 30px;
}
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div {
display: inline-block;
}
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.quote-sign {
width: 10%;
}
@media (max-width: 360px) {
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.quote-sign {
display: none;
}
}
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.quote-sign.quote-sign-before {
float: left;
align-self: flex-start;
}
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.quote-sign.quote-sign-before svg {
width: 100% !important;
max-width: 85px;
height: 100% !important;
}
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.quote-sign.quote-sign-after {
float: right;
align-self: flex-end;
}
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.quote-sign.quote-sign-after svg {
width: 100% !important;
max-width: 85px;
height: 100% !important;
}
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.text {
align-self: center;
}
@media (min-width: 1024px) {
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.text {
font-size: 24px;
line-height: 140%;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.text {
font-size: 20px;
line-height: 28px;
}
}
@media (max-width: 640px) {
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.text {
font-size: 17px;
line-height: 24px;
}
}
@media (min-width: 361px) {
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.text {
width: 80%;
}
}
@media (max-width: 360px) {
.sortimo-component.quotes-component .quote-item .overlay .quote-sign-container>div.text {
width: 100%;
}
}
.sortimo-component.quotes-component .quote-item .overlay .person img {
margin: 0 auto;
border-radius: 150px;
border: 2px solid #ffffff;
margin-bottom: 15px;
width: 25%;
max-width: 150px;
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.quotes-component .quote-item .overlay .person img {
width: 20%;
}
}
@media (min-width: 361px) {
.sortimo-component.quotes-component .quote-item .overlay .person img {
display: block;
}
}
@media (max-width: 360px) {
.sortimo-component.quotes-component .quote-item .overlay .person img {
display: none;
}
}
@media (min-width: 1024px) {
.sortimo-component.quotes-component .quote-item .overlay .person {
font-size: 24px;
line-height: 34px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.quotes-component .quote-item .overlay .person {
font-size: 20px;
line-height: 28px;
}
}
@media (max-width: 640px) {
.sortimo-component.quotes-component .quote-item .overlay .person {
font-size: 17px;
line-height: 24px;
}
}
.sortimo-component.quotes-component .quote-item .overlay .indexer {
width: 100%;
}
.sortimo-component.quotes-component .quote-item .overlay .indexer .index-container {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
@media (max-width: 1023px) {
.sortimo-component.quotes-component .quote-item .overlay .indexer .index-container {
margin-top: 20px;
}
}
.sortimo-component.quotes-component .quote-item .overlay .indexer .index-container .index {
width: 10px;
height: 10px;
border: 1px solid white;
border-radius: 50%;
background-color: transparent;
display: inline-block;
}
.sortimo-component.quotes-component .quote-item .overlay .indexer .index-container .index:not(:first-of-type) {
margin-left: 5px;
}
.sortimo-component.quotes-component .quote-item .overlay .indexer .index-container .index:not(.current) {
cursor: pointer;
}
.sortimo-component.quotes-component .quote-item .overlay .indexer .index-container .index.current {
background-color: white;
}
@media (min-width: 1024px) {
.sortimo-component.text-picture-component {
float: left;
}
}
@media (max-width: 1023px) {
.sortimo-component.text-picture-component.square-big .text-container,
.sortimo-component.text-picture-component.wide-high .text-container,
.sortimo-component.text-picture-component.wide-low .text-container,
.sortimo-component.text-picture-component.square-small .text-container,
.sortimo-component.text-picture-component.wide-image .text-container {
min-height: auto !important;
padding-top: 30px;
padding-bottom: 20px;
}
}
@media (min-width: 1024px) {
.sortimo-component.text-picture-component.square-big.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-image-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-image-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-image-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-image-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-image-left .text-container .arrow-container {
left: -20px;
}
}
@media (max-width: 1023px) {
.sortimo-component.text-picture-component.square-big.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.square-big-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-high-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-low-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.square-small-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-image-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-image-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-image-left .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-image-left .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-image-left .text-container .arrow-container {
top: -20px;
bottom: auto;
}
}
@media (min-width: 1024px) {
.sortimo-component.text-picture-component.square-big.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-image-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-image-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-image-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-image-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-image-right .text-container .arrow-container {
left: auto;
right: -20px;
}
}
@media (max-width: 1023px) {
.sortimo-component.text-picture-component.square-big.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.square-big-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-high-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-low-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.square-small-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-big.wide-image-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-high.wide-image-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-low.wide-image-right .text-container .arrow-container,
.sortimo-component.text-picture-component.square-small.wide-image-right .text-container .arrow-container,
.sortimo-component.text-picture-component.wide-image.wide-image-right .text-container .arrow-container {
bottom: -20px;
top: auto;
}
}
@media (max-width: 639px) {
.sortimo-component.text-picture-component.wide-low .text-container .component-headline {
margin-bottom: 15px;
}
}
@media (max-width: 1023px) {
.sortimo-component.text-picture-component.wide-image .image-container {
width: 100%;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.sortimo-component.text-picture-component.wide-image .image-container {
width: 75% !important;
}
}
.sortimo-component.text-picture-component.wide-image .text-container {
padding-top: 20px;
}
@media (max-width: 639px) {
.sortimo-component.text-picture-component.wide-image .text-container {
padding-top: 30px;
font-size: 17px;
padding: 30px 30px 10px 30px;
}
}
.sortimo-component.text-picture-component.wide-image .text-container .component-headline {
line-height: 1.2;
}
@media (max-width: 1023px) {
.sortimo-component.text-picture-component.wide-image .text-container {
width: 100%;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.sortimo-component.text-picture-component.wide-image .text-container {
width: 25% !important;
}
}
.sortimo-component.text-picture-component.square-small .text-container {
padding-top: 20px;
}
.sortimo-component.text-picture-component.square-small .text-container .component-headline {
line-height: 1.2;
}
.sortimo-component.text-picture-component .text-container {
padding: 0px 40px;
font-size: 19px;
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
height: 50px;
position: relative;
/*h1, h2, h3, h4, h5, h6 {
padding-bottom: 25px;
}*/
}
@media (max-width: 1023px) {
.sortimo-component.text-picture-component .text-container {
float: none !important;
margin: 0 auto;
width: 100% !important;
height: 100% !important;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.sortimo-component.text-picture-component .text-container {
width: 100% !important;
}
}
.sortimo-component.text-picture-component .text-container .button {
margin-bottom: 20px;
}
.sortimo-component.text-picture-component .text-container .button a {
color: white;
text-decoration: none;
}
.sortimo-component.text-picture-component .text-container .component-headline {
font-family: "Roboto Condensed";
font-weight: 700;
margin-bottom: 25px;
/*Ticket 1822: New line-heigt value 1.4 to 1.25 in .text-picture-component .text-container .componet-headline, JG 26.07.2018 */
line-height: 1.25;
position: relative;
}
@media (min-width: 1024px) {
.sortimo-component.text-picture-component .text-container .component-headline {
font-size: 24px;
}
}
@media (min-width: 361) and (max-width: 1023px) {
.sortimo-component.text-picture-component .text-container .component-headline {
font-size: 22px;
}
}
@media (max-width: 360px) {
.sortimo-component.text-picture-component .text-container .component-headline {
font-size: 19px;
}
}
.sortimo-component.text-picture-component .text-container .text {
position: relative;
}
.sortimo-component.text-picture-component .text-container .arrow-container {
position: absolute;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 40px;
height: 40px;
top: calc(50% - 20px);
left: calc(50% - 20px);
}
.sortimo-component.text-picture-component .image-container {
background-size: cover;
background-position: center;
}
@media (max-width: 1023px) {
.sortimo-component.text-picture-component .image-container {
float: none !important;
margin: 0 auto;
width: 100% !important;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.sortimo-component.text-picture-component .image-container {
width: 100% !important;
}
}
.sortimo-component.text-picture-component .image-container img {
width: 100%;
height: 100%;
max-height: 695px;
max-width: 695px;
}
/*.sortimo-component.carousel-component {
margin-left: 15px;
margin-right: 15px;
background-color: #eeeff1;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 20px;
margin-top: 0;
max-width: 1390px;
padding-left: 5px;
padding-right: 5px;
}*/
@media (max-width: 639px) {
.sortimo-component.carousel-component {
padding-top: 30px;
padding-bottom: 30px;
}
}
.sortimo-component.carousel-component>div {
display: block;
}
/*.sortimo-component.carousel-component .wrapper {
margin-left: 10%;
margin-right: 10%;
}*/
.sortimo-component.carousel-component .wrapper .carousel-container {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
width: 100%;
/*.slick-slide {
width: 360px !important;
padding-left: 10px;
padding-right: 10px;
height: 100%;
> div {
height: 100%;
.carousel-item {
height: 100%;
.text {
height: 100%;
}
}
}
img {
width: 340px;
height: 340px;
}
}*/
}
.sortimo-component.carousel-component .wrapper .carousel-container .item-url {
height: 100%;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item {
position: relative;
max-width: 95%;
margin: 0 auto;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item:hover .image img.image-zoom {
transform: scale(1.5);
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .image {
border-bottom: 2px solid white;
overflow: hidden;
min-height: 55px;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .image img {
width: 100%;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .image img.image-zoom {
transition: transform .4s;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .icon-container {
position: absolute;
text-align: center;
left: calc(50% - 55px);
margin-top: -55px;
}
@media (max-width: 639px) {
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .icon-container {
left: calc(50% - 35px);
margin-top: -35px;
}
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .icon-container .icon {
width: 110px;
height: 110px;
border: 2px solid #ffffff;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 639px) {
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .icon-container .icon {
width: 70px;
height: 70px;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .icon-container .icon>svg {
width: 70%;
}
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .arrow-container {
position: absolute;
text-align: center;
left: calc(50% - 22.5px);
margin-top: -22.5px;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .arrow-container .carousel-arrow {
width: 45px;
height: 45px;
background-color: #ffffff;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 40px;
height: 100%;
}
@media (max-width: 639px) {
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text .item-headline {
display: block;
text-align: center;
font-weight: 700;
margin-bottom: 30px;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text.text-icon {
padding-top: 80px;
font-family: "Roboto Condensed";
font-weight: 400;
font-size: 30px;
text-align: center;
}
@media (max-width: 639px) {
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text.text-icon {
font-size: 22px;
line-height: 1.25;
padding-top: 55px;
}
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text.text-icon>* {
font-size: 19px;
}
@media (max-width: 640px) {
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text.text-icon>* {
font-size: 17px;
}
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text.text-arrow {
padding-top: 40px;
font-family: "Roboto Condensed";
font-weight: 300;
font-size: 19px;
}
@media (max-width: 640px) {
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text.text-arrow {
font-size: 17px;
}
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text h1,
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text h2,
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text h3,
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text h5,
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item .text h6 {
text-align: center;
margin-bottom: 30px;
}
.sortimo-component.carousel-component .wrapper .carousel-container .owl-prev,
.sortimo-component.carousel-component .wrapper .carousel-container .owl-next {
display: block;
background-color: white;
width: 65px;
height: 65px;
text-align: center;
border-radius: 5px;
cursor: pointer;
}
@media (min-width: 600px) {
.sortimo-component.carousel-component .wrapper .carousel-container .owl-prev,
.sortimo-component.carousel-component .wrapper .carousel-container .owl-next {
width: 65px;
height: 65px;
}
}
@media (max-width: 599px) {
.sortimo-component.carousel-component .wrapper .carousel-container .owl-prev,
.sortimo-component.carousel-component .wrapper .carousel-container .owl-next {
width: 10%;
height: 10%;
max-height: 35px;
}
}
.sortimo-component.carousel-component .wrapper .carousel-container .owl-prev .leftNavigation,
.sortimo-component.carousel-component .wrapper .carousel-container .owl-next .leftNavigation,
.sortimo-component.carousel-component .wrapper .carousel-container .owl-prev .rightNavigation,
.sortimo-component.carousel-component .wrapper .carousel-container .owl-next .rightNavigation {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.sortimo-component.carousel-component .wrapper .carousel-container .owl-prev {
left: -12%;
}
.sortimo-component.carousel-component .wrapper .carousel-container .owl-next {
right: -12%;
}
.sortimo-component.download-component {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.sortimo-component.download-component .download-item {
width: 340px;
height: 340px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
overflow: hidden;
cursor: pointer;
margin-bottom: 10px;
}
@media (min-width: 1400px) {
.sortimo-component.download-component .download-item {
width: 340px;
height: 340px;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.sortimo-component.download-component .download-item {
width: calc(33.33% - 10px);
}
}
@media (min-width: 600px) and (max-width: 1023px) {
.sortimo-component.download-component .download-item {
width: calc(50% - 10px);
}
}
.sortimo-component.download-component .download-item .download-image {
text-align: center;
padding-top: 21px;
padding-bottom: 41px;
border: 2px solid #dfe7f1;
}
.sortimo-component.download-component .download-item .download-image img {
border: 1px solid #c5d1de;
}
.sortimo-component.download-component .download-item .download-text {
background-color: #dfe7f1;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
height: 22%;
}
@media (max-width: 599px) {
.sortimo-component.download-component .download-item .download-text {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 600px) {
.sortimo-component.download-component .download-item .download-text {
padding-left: 25px;
padding-right: 25px;
}
}
.sortimo-component.download-component .download-item .download-text .name {
font-size: 18px;
line-height: 21px;
font-weight: 700;
color: #0068B4;
width: 70%;
float: left;
}
@media (max-width: 640px) {
.sortimo-component.download-component .download-item .download-text .name {
font-size: 17px;
}
}
.sortimo-component.download-component .download-item .download-text .info {
width: 30%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.sortimo-component.download-component .download-item .download-text .info .size {
font-size: 13px;
font-weight: 700;
color: #0068B4;
line-height: 50px;
margin-right: 10px;
}
.sortimo-component.download-component .download-item .download-text .info .icon {
margin-top: 5px;
}
.sortimo-component.download-component .download-item .download-text .text-arrow {
width: 35px;
height: 35px;
background-color: #dfe7f1;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: calc(50% - 17.5px);
top: -17.5px;
z-index: -1;
}
.sortimo-component.download-component .download-item .download-text>div {
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.sortimo-component.anchor-component {
overflow: auto;
display: flex;
}
@media (min-width: 450px) {
.sortimo-component.anchor-component {
margin-left: 10px;
margin-right: 10px;
}
}
@media (min-width: 650px) {
.sortimo-component.anchor-component {
justify-content: center;
}
}
@media (max-width: 649px) {
.sortimo-component.anchor-component {
flex-direction: column;
}
}
.sortimo-component.anchor-component .anchor-item {
margin-top: 30px;
cursor: pointer;
border: 2px solid #dfe7f1;
font-size: 19px;
font-weight: 700;
line-height: 23px;
position: relative;
}
@media (max-width: 639px) {
.sortimo-component.anchor-component .anchor-item {
margin-top: 0px;
margin-bottom: 7px;
}
}
@media (min-width: 450px) {
.sortimo-component.anchor-component .anchor-item {
margin-left: 5px;
margin-right: 5px;
}
}
@media (max-width: 640px) {
.sortimo-component.anchor-component .anchor-item {
font-size: 17px;
}
}
@media (min-width: 650px) {
.sortimo-component.anchor-component .anchor-item {
display: inline-block;
width: 190px;
min-height: 110px;
}
}
@media (max-width: 649px) {
.sortimo-component.anchor-component .anchor-item {
display: flex;
min-height: 50px;
align-items: center;
float: left;
}
}
@media (min-width: 450px) and (max-width: 649px) {
.sortimo-component.anchor-component .anchor-item {
width: calc(50% - 10px);
}
}
@media (max-width: 449px) {
.sortimo-component.anchor-component .anchor-item {
width: 100%;
}
}
.sortimo-component.anchor-component .anchor-item .text {
color: #0068b4;
}
@media (min-width: 650px) {
.sortimo-component.anchor-component .anchor-item .text {
padding-top: 30px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
}
@media (max-width: 649px) {
.sortimo-component.anchor-component .anchor-item .text {
padding-left: 15px;
text-align: left;
display: flex;
align-items: center;
}
}
.sortimo-component.anchor-component .anchor-item .icon {
background-color: #0068B4;
border: 2px solid #0068B4;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 650px) {
.sortimo-component.anchor-component .anchor-item .icon {
position: absolute;
}
}
@media (min-width: 650px) {
.sortimo-component.anchor-component .anchor-item .icon {
top: -30px;
left: calc(50% - 30px);
width: 60px;
height: 60px;
}
}
@media (max-width: 649px) {
.sortimo-component.anchor-component .anchor-item .icon {
width: 30px;
height: 30px;
margin-left: 10px;
}
}
.sortimo-component.anchor-component .anchor-item .icon svg,
.sortimo-component.anchor-component .anchor-item .icon svg path {
fill: white !important;
}
@media (max-width: 639px) {
.sortimo-component.anchor-component .anchor-item .icon svg,
.sortimo-component.anchor-component .anchor-item .icon svg path {
width: 20px;
height: 20px;
}
}
.sortimo-component.anchor-component .anchor-item:hover {
border: 2px solid #0068B4;
background-color: #0068B4;
color: white;
}
.sortimo-component.anchor-component .anchor-item:hover .icon {
background-color: white;
}
.sortimo-component.anchor-component .anchor-item:hover .icon svg,
.sortimo-component.anchor-component .anchor-item:hover .icon svg path {
fill: #0068B4 !important;
}
.sortimo-component.anchor-component .anchor-item:hover .text {
color: #ffffff;
}
.sortimo-component.faq-component {
overflow: auto;
}
.sortimo-component.faq-component .categories {
padding-top: 30px;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 20px;
border: 2px solid #dfe7f1;
float: left;
margin-bottom: 10px;
}
@media (min-width: 1400px) {
.sortimo-component.faq-component .categories {
width: 340px;
}
}
@media (min-width: 950px) and (max-width: 1399px) {
.sortimo-component.faq-component .categories {
width: calc(25% - 5px);
}
}
@media (max-width: 949px) {
.sortimo-component.faq-component .categories {
width: 100%;
}
}
.sortimo-component.faq-component .categories .category {
line-height: 140%;
margin-bottom: 10px;
padding-left: 15px;
}
.sortimo-component.faq-component .categories .category>svg {
margin-left: -15px;
}
.sortimo-component.faq-component .categories .category span.faq-category-link {
font-size: 19px;
color: #0068B4;
cursor: pointer;
}
@media (max-width: 640px) {
.sortimo-component.faq-component .categories .category span.faq-category-link {
font-size: 17px;
}
}
.sortimo-component.faq-component .categories .category span.faq-category-link.active {
font-weight: 700;
}
.sortimo-component.faq-component .categories svg {
fill: #0068B4;
cursor: pointer;
}
.sortimo-component.faq-component .category-container {
float: right;
}
@media (min-width: 1400px) {
.sortimo-component.faq-component .category-container {
width: 1040px;
}
}
@media (min-width: 950px) and (max-width: 1399px) {
.sortimo-component.faq-component .category-container {
width: calc(75% - 5px);
}
}
@media (max-width: 949px) {
.sortimo-component.faq-component .category-container {
width: 100%;
}
}
.sortimo-component.faq-component .category-container .faq-container {
margin-bottom: 10px;
width: 100%;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question {
padding: 25px;
padding-left: 0px;
border: 2px solid #dfe7f1;
cursor: pointer;
color: #546373;
font-size: 19px;
font-weight: 700;
display: flex;
align-items: center;
}
@media (max-width: 640px) {
.sortimo-component.faq-component .category-container .faq-container .faq-question {
font-size: 17px;
}
}
.sortimo-component.faq-component .category-container .faq-container .faq-question:hover {
color: #0068B4;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question.active {
background-color: #c5d1de;
border: 2px solid #c5d1de;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question.active .img-answer {
display: inline-block;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question.active .img-question {
display: none;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question .text {
line-height: 125%;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question .text p {
margin-bottom: 0px;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question .img-answer {
display: none;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question .img-question {
display: inline-block;
}
.sortimo-component.faq-component .category-container .faq-container .faq-question img {
margin-right: 20px;
}
.sortimo-component.faq-component .category-container .faq-container .faq-answer {
padding: 25px;
background-color: #dee7f0;
color: #546373;
font-size: 19px;
}
@media (min-width: 540px) {
.sortimo-component.faq-component .category-container .faq-container .faq-answer {
padding-left: 90px;
}
}
.sortimo-component.tooltip-component .image-container {
position: relative;
background-size: cover;
background-position: center;
}
@media (min-width: 1024px) {
.sortimo-component.tooltip-component .image-container {
background-size: cover;
}
}
@media (max-width: 1023px) {
.sortimo-component.tooltip-component .image-container {
background-size: 130%;
}
}
.sortimo-component.tooltip-component .image-container .hidden-image {
visibility: hidden;
width: 100%;
}
.sortimo-component.tooltip-component .image-container .tooltip-item {
position: absolute;
border-radius: 35px;
border: 2px solid white;
color: white;
background-color: #0068B4;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
cursor: pointer;
z-index: 9;
-webkit-animation: cd-pulse 2s infinite;
-moz-animation: cd-pulse 2s infinite;
animation: cd-pulse 2s infinite;
}
@media (min-width: 640px) {
.sortimo-component.tooltip-component .image-container .tooltip-item {
width: 35px;
height: 35px;
font-size: 20px;
}
}
@media (max-width: 640px) {
.sortimo-component.tooltip-component .image-container .tooltip-item {
width: 25px;
height: 25px;
font-size: 17px;
}
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay {
display: none;
background-color: rgba(50, 53, 60, 0.5);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
justify-content: center;
align-items: center;
z-index: 10;
}
@media (max-width: 640px) {
.sortimo-component.tooltip-component .image-container .tooltip-overlay {
display: none !important;
}
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content {
width: 65%;
max-width: 900px;
background-color: white;
position: relative;
max-height: 95%;
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content {
max-width: 85%;
}
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .close-tooltip {
cursor: pointer;
font-size: 30px;
color: #7c8c9c;
margin-right: 15px;
margin-top: 15px;
position: absolute;
right: 0;
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .headline {
color: #0068B4;
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-image-container {
float: left;
width: 37.77778%;
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-image-container img {
width: 100%;
height: 100%;
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-image-arrow {
width: 45px;
height: 45px;
background-color: white;
position: absolute;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: calc(50% - 28.5px);
left: calc(38.5% - 28.5px);
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-text-container {
float: right;
width: 62.2222222%;
padding-left: 30px;
padding-right: 30px;
font-size: 19px;
color: #546373;
line-height: 25px;
padding-top: 22px;
}
@media (max-width: 640px) {
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-text-container {
font-size: 17px;
}
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-text-container .tooltip-header {
display: inline-block;
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-text-container .tooltip-header .component-headline {
font-size: 19px;
font-weight: 700;
font-family: "Roboto Condensed";
}
@media (max-width: 640px) {
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-text-container .tooltip-header .component-headline {
font-size: 17px;
}
}
.sortimo-component.tooltip-component .image-container .tooltip-overlay .tooltip-content .tooltip-text-container .tooltip-text {
margin-top: 15px;
}
.sortimo-component.tooltip-component .tooltip-index {
border-radius: 35px;
border: 2px solid white;
color: white;
background-color: #0068B4;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
}
@media (min-width: 1024px) {
.sortimo-component.tooltip-component .tooltip-index {
width: 35px;
height: 35px;
font-size: 20px;
}
}
@media (max-width: 1023px) {
.sortimo-component.tooltip-component .tooltip-index {
width: 25px;
height: 25px;
font-size: 17px;
}
}
@media (min-width: 640px) {
.sortimo-component.tooltip-component .mobile-section {
display: none;
}
}
.sortimo-component.tooltip-component .mobile-section .header-tabs {
width: 100%;
background-color: #dee7f0;
cursor: pointer;
}
.sortimo-component.tooltip-component .mobile-section .header-tabs .header-tab {
display: inline-flex;
background-color: #dee7f0;
width: calc(14.25% - 4px);
height: 45px;
align-items: center;
justify-content: center;
}
.sortimo-component.tooltip-component .mobile-section .header-tabs .header-tab.active {
background-color: white;
border: 2px solid #dee7f0;
border-bottom: 2px solid white;
}
.sortimo-component.tooltip-component .mobile-section .content-tabs {
border: 2px solid #dee7f0;
border-top: none;
}
@media (min-width: 481px) {
.sortimo-component.tooltip-component .mobile-section .content-tabs {
padding: 30px;
}
}
@media (max-width: 480px) {
.sortimo-component.tooltip-component .mobile-section .content-tabs {
padding: 15px 15px 0px 15px;
}
}
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab {
display: none;
overflow: auto;
}
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab.active {
display: block;
}
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .tooltip-tab-header {
font-size: 20px;
font-weight: bold;
color: #0068b3;
}
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .content-tab-image-container {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
@media (min-width: 481px) {
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .content-tab-image-container {
width: 50%;
float: right;
}
}
@media (max-width: 480px) {
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .content-tab-image-container {
width: 100%;
}
}
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .content-tab-image-container img {
width: 100%;
}
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .content-tab-text-container {
width: 100%;
}
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .content-tab-text-container.image-exist {
float: left;
}
@media (min-width: 481px) {
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .content-tab-text-container.image-exist {
width: 50%;
}
}
@media (max-width: 480px) {
.sortimo-component.tooltip-component .mobile-section .content-tabs .content-tab .content-tab-text-container.image-exist {
width: 100%;
}
}
.yCmsComponent.sortimo-component-slot:after {
clear: both;
}
.sortimo-component.highlight-component {
padding-bottom: 20px;
padding-top: 30px;
padding-left: 35px;
padding-right: 35px;
}
@media (max-width: 639px) {
.sortimo-component.highlight-component {
padding-left: 30px;
padding-right: 30px;
padding-bottom: 10px;
}
}
.sortimo-component.highlight-component div.highlight-item {
margin-bottom: 30px;
}
@media (max-width: 639px) {
.sortimo-component.highlight-component div.highlight-item {
padding-left: 5px;
padding-right: 0px;
}
}
@media (min-width: 531px) {
.sortimo-component.highlight-component div.highlight-item {
padding-left: 5px;
padding-right: 5px;
}
}
@media (min-width: 640px) and (max-width: 530px) {
.sortimo-component.highlight-component div.highlight-item {
padding-left: 10px;
padding-right: 10px;
}
}
.sortimo-component.highlight-component div.highlight-item .component-headline .icon-span {
display: inline-block;
float: left;
}
.sortimo-component.highlight-component div.highlight-item .component-headline .text-span {
display: inline-block;
line-height: 1.2;
}
.sortimo-component.highlight-component div.highlight-item svg {
max-width: 35px;
vertical-align: middle;
}
.sortimo-component.highlight-component div.highlight-item .text {
margin-top: 10px;
}
.sortimo-component.highlight-component div.highlight-item .text ul {
padding-left: 20px;
}
@media (min-width: 1024px) {
.sortimo-component.highlight-component .text-image-container {
overflow: auto;
display: flex;
}
}
@media (max-width: 1023px) {
.sortimo-component.highlight-component .text-image-container {
display: block;
overflow: hidden;
}
}
@media (max-width: 1023px) {
.sortimo-component.highlight-component .text-image-container .image {
margin-bottom: 20px;
}
}
.sortimo-component.highlight-component .text-image-container .image img {
width: 100%;
}
.sortimo-component.highlight-component .text-image-container .component-headline {
font-family: "Roboto Condensed";
font-size: 19px;
font-weight: 700;
padding-left: 40px;
}
@media (max-width: 640px) {
.sortimo-component.highlight-component .text-image-container .component-headline {
font-size: 17px;
}
}
.sortimo-component.highlight-component .text-image-container .component-headline svg {
margin-left: -44px;
}
.sortimo-component.highlight-component .text-image-container .left-text-responsive {
float: left;
width: 25%;
font-size: 19px;
font-weight: 400;
font-family: "Roboto Condensed";
}
@media (max-width: 640px) {
.sortimo-component.highlight-component .text-image-container .left-text-responsive {
font-size: 17px;
}
}
@media (max-width: 1023px) {
.sortimo-component.highlight-component .text-image-container .left-text-responsive {
display: block;
}
}
@media (min-width: 1024px) {
.sortimo-component.highlight-component .text-image-container .left-text-responsive {
display: none;
}
}
@media (min-width: 531px) and (max-width: 1023px) {
.sortimo-component.highlight-component .text-image-container .left-text-responsive {
width: 50%;
}
}
@media (max-width: 530px) {
.sortimo-component.highlight-component .text-image-container .left-text-responsive {
width: 100%;
}
}
.sortimo-component.highlight-component .text-image-container .left-text {
float: left;
width: 25%;
font-size: 19px;
font-weight: 400;
font-family: "Roboto Condensed";
}
@media (max-width: 640px) {
.sortimo-component.highlight-component .text-image-container .left-text {
font-size: 17px;
}
}
@media (min-width: 1024px) {
.sortimo-component.highlight-component .text-image-container .left-text {
display: block;
}
}
@media (max-width: 1023px) {
.sortimo-component.highlight-component .text-image-container .left-text {
display: none;
}
}
@media (min-width: 531px) and (max-width: 1023px) {
.sortimo-component.highlight-component .text-image-container .left-text {
width: 50%;
}
}
@media (max-width: 530px) {
.sortimo-component.highlight-component .text-image-container .left-text {
width: 100%;
}
}
.sortimo-component.highlight-component .text-image-container .image {
width: 50%;
background-repeat: no-repeat;
background-position: tops;
background-size: contain;
}
@media (max-width: 1024px) {
.sortimo-component.highlight-component .text-image-container .image {
width: 100%;
}
}
@media (max-width: 639px) {
.sortimo-component.highlight-component .text-image-container .image {
background-position: top;
}
}
.sortimo-component.highlight-component .text-image-container .right-text {
float: right;
width: 25%;
font-size: 19px;
font-weight: 400;
font-family: "Roboto Condensed";
}
@media (max-width: 640px) {
.sortimo-component.highlight-component .text-image-container .right-text {
font-size: 17px;
}
}
@media (min-width: 531px) and (max-width: 1024px) {
.sortimo-component.highlight-component .text-image-container .right-text {
width: 50%;
}
}
@media (max-width: 530px) {
.sortimo-component.highlight-component .text-image-container .right-text {
width: 100%;
}
}
.sortimo-component.text-component {
color: #546373;
text-align: center;
overflow: auto;
}
.sortimo-component.text-component.align-left {
text-align: left;
}
.sortimo-component.text-component .component-headline {
font-family: "Roboto Condensed";
padding-bottom: 15px;
line-height: 1.2;
}
.sortimo-component.text-component .subheadline {
font-family: "Roboto Condensed";
padding-bottom: 15px;
margin-bottom: 10px;
}
@media (max-width: 639px) {
.sortimo-component.text-component .subheadline {
padding-bottom: 0px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.text-component .subheadline {
padding-bottom: 15px;
}
}
.sortimo-component.text-component.big-header .component-headline {
font-weight: 700;
font-size: 40px;
}
@media (max-width: 639px) {
.sortimo-component.text-component.big-header .component-headline {
font-size: 30px;
line-height: 1.2;
}
}
.sortimo-component.text-component.big-header .subheadline {
font-weight: 400;
font-size: 24px;
}
@media (max-width: 639px) {
.sortimo-component.text-component.big-header .subheadline {
font-size: 20px;
}
}
.sortimo-component.text-component.small-header .component-headline {
font-weight: 700;
font-size: 30px;
}
.sortimo-component.text-component.small-header .subheadline {
font-weight: 400;
font-size: 19px;
}
@media (max-width: 640px) {
.sortimo-component.text-component.small-header .subheadline {
font-size: 17px;
}
}
.sortimo-component.text-component .text {
font-size: 19px;
}
@media (max-width: 639px) {
.sortimo-component.text-component .text {
font-size: 17px;
}
}
.sortimo-component.slots-component {
margin-left: 10px;
margin-right: 10px;
overflow: hidden;
display: flex;
justify-content: center;
}
.sortimo-component.slots-component .item-wrapper {
margin-left: -10px;
margin-right: -10px;
}
.sortimo-component.slots-component .item-wrapper>a .slot-item:hover .text-container {
font-weight: 700;
}
.sortimo-component.slots-component .item-wrapper>a,
.sortimo-component.slots-component .item-wrapper>.slot-item {
margin-left: 5px;
margin-right: 5px;
}
.sortimo-component.slots-component .item-wrapper .slot-item {
display: inline-block;
margin-bottom: 10px;
}
.sortimo-component.slots-component .item-wrapper .slot-item:hover .image-container img.image-zoom {
transform: scale(1.5);
}
.sortimo-component.slots-component .item-wrapper .slot-item .text-container {
text-align: center;
padding: 25px;
padding-left: 40px;
padding-right: 40px;
border-top: 2px solid white;
font-size: 30px;
font-weight: 400;
font-family: "Roboto Condensed";
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 639px) {
.sortimo-component.slots-component .item-wrapper .slot-item .text-container {
font-size: 25px;
padding-left: 30px;
padding-right: 30px;
line-height: 130%;
}
}
.sortimo-component.slots-component .item-wrapper .slot-item .text-container p {
margin-bottom: 0px;
}
.sortimo-component.slots-component .item-wrapper .slot-item .image-container {
width: 100%;
overflow: hidden;
}
.sortimo-component.slots-component .item-wrapper .slot-item .image-container img {
width: 100%;
}
.sortimo-component.slots-component .item-wrapper .slot-item .image-container img.image-zoom {
transition: transform .4s;
}
.sortimo-component.slots-component .item-wrapper .slot-item.small-slot {
max-width: 340px;
}
.sortimo-component.slots-component .item-wrapper .slot-item.big-slot {
max-width: 690px;
}
.sortimo-component.sortimo-location-finder {
margin-left: 5px;
margin-right: 5px;
}
@media (max-width: 639px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel {
width: 100%;
}
}
@media (min-width: 1400px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details {
width: 1040px;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details {
width: 75%;
}
}
@media (max-width: 1023px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details {
width: 100%;
}
}
@media (max-width: 639px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details {
display: block;
}
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .searchLocation {
width: 25%;
position: absolute;
right: 0;
z-index: 1;
background-color: white;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .searchLocation .input-group {
border: 1px solid #7c8c9c;
display: flex;
align-items: center;
justify-content: center;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .searchLocation .input-group .sec {
display: block;
width: 20%;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .searchLocation .input-group input {
border: none;
width: 60%;
display: block;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .searchLocation .input-group .input-group-btn {
width: 20%;
display: block;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper {
position: relative;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .locationFinderMain {
width: 100%;
height: 700px;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay {
position: fixed;
/* @media (max-width: 400px) {
position: absolute !important;
display: none;
}*/
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2;
/* @media (max-width: 400px) and (max-height: 720px){
.location-finder-popup {
//position: absolute;
top: 0px;
left: 0px;
//z-index: 3;
width: 95%;
.location-finder-info-popup {
.row {
&.outer-row {
//height: ~'calc(100% - 100px)';
//overflow: scroll;
}
//
.partner-info {
//height: ~'calc(100% - 100px)';
height: ~'calc(100% - 50px)';
overflow: scroll;
.partner-name {
padding-left: 0px;
}
}
}
}
}
}*/
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup {
position: relative;
top: 80px;
width: 70%;
margin: 0 auto;
height: 100%;
max-height: 80vh;
background-color: white;
}
@media (max-height: 730px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup {
top: 10px;
max-height: 90vh;
}
}
@media (max-width: 400px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup {
max-height: 80vh;
}
}
@media (max-width: 1400px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup {
width: 85%;
}
}
@media (max-width: 1023px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup {
width: 95%;
}
}
@media (max-width: 639px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup {
width: 95%;
top: 10px;
}
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup {
height: 100%;
font-size: 17px;
}
@media (min-width: 721px) and (max-width: 812px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup {
font-size: 15px;
}
}
@media (max-width: 720px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup {
font-size: 17px;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup .sortimo_button {
width: 100%;
}
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup .sortimo_button {
text-align: center;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup .header-bar {
background-color: #0068b4;
color: white;
padding: 15px;
padding-left: 25px;
font-weight: bold;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup .header-bar .close-icon {
float: right;
font-size: 25px;
cursor: pointer;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row {
height: calc(100% - 54px);
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info {
padding: 25px;
max-height: 80vh;
}
@media (max-height: 730px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info {
max-height: 75vh;
}
}
@media (max-width: 400px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info {
max-height: 80vh;
}
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-address {
margin-bottom: 15px;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-address .name {
font-weight: bold;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-contact {
margin-bottom: 30px;
}
@media (max-width: 639px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-contact {
margin-bottom: 20px;
}
}
@media (max-width: 639px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-services {
margin-bottom: 20px;
}
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-services .service-title {
font-weight: bold;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-services .service {
background: url(../../common/images/icon-check_blue.svg) no-repeat;
background-size: 18px 18px;
background-position: 0px 3px;
padding-left: 22px;
}
@media (max-width: 639px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-hours {
margin-bottom: 0px;
}
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-hours .time {
float: right;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-hours .hours-title {
font-weight: bold;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .partner-offers .offers-title {
font-weight: bold;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup>.row .partner-info .btn-row {
padding-top: 30px;
}
@media (max-height: 730px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup .row.outer-row {
height: calc(100vh - 54px);
background-color: white;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup .row .partner-info {
overflow-y: auto;
background-color: white;
}
}
@media (max-width: 400px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--panel .store__finder--details .maps-wrapper .location-finder-overlay .location-finder-popup .location-finder-info-popup .row .partner-info {
overflow-y: auto;
background-color: white;
}
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation {
padding-right: 0px;
margin-left: 10px;
height: 700px;
}
@media (min-width: 1400px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation {
width: 340px;
}
}
@media (min-width: 1024px) and (max-width: 1399px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation {
width: calc(25% - 10px);
}
}
@media (max-width: 1023px) {
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation {
width: 100%;
height: 100%;
margin-bottom: 10px;
}
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .navigation-header {
background-color: #C5D1DE;
color: #546373;
padding: 10px;
display: flex;
align-items: center;
justify-content: left;
font-size: 17px;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .navigation-header svg {
margin-right: 20px;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list {
border: 1px solid #E1E6EC;
border-bottom: none;
overflow: auto;
height: 648px;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry {
height: auto;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry label.js-select-store-label {
background-color: white;
border-bottom: 1px solid #E1E6EC;
color: #546373;
font-size: 16px;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry label.js-select-store-label .entry__info {
padding: 10px;
border-right: 1px solid #E1E6EC;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry label.js-select-store-label .entry__distance {
border-left: none;
padding: 10px;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry input:checked+label,
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry input:hover+label {
color: #546373 !important;
background-color: #DEE7F0;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry input:checked+label .entry__info,
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry input:hover+label .entry__info {
border-right: 1px solid #FEFFFF;
}
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry input:checked+label .entry__distance,
.sortimo-component.sortimo-location-finder .locationFinder .store__finder .store__finder--navigation .store__finder--navigation-list li.list__entry input:hover+label .entry__distance {
border-left: none;
}
.sortimo-component.news-component {
overflow: hidden;
color: #546373;
}
.sortimo-component.news-component .component-headline {
font-size: 40px;
font-weight: 700;
line-height: 48px;
color: #546373;
text-align: center;
margin-bottom: 45px;
}
@media (max-width: 639px) {
.sortimo-component.news-component .component-headline {
font-size: 30px;
margin-bottom: 20px;
}
}
.sortimo-component.news-component .news-elements {
border: 15px solid #EEEFF1;
padding: 50px;
overflow: auto;
}
@media (max-width: 639px) {
.sortimo-component.news-component .news-elements {
margin-bottom: 20px;
padding: 15px;
}
}
.sortimo-component.news-component .news-elements img {
border: 2px solid #DEE7F0;
}
.sortimo-component.news-component .news-elements .news-item .header a {
color: #546373;
font-weight: 700;
}
.sortimo-component.news-component .news-elements .main-news-item {
padding-right: 30px;
}
@media (max-width: 1023px) {
.sortimo-component.news-component .news-elements .main-news-item {
padding-bottom: 20px;
border-bottom: 2px solid #DEE7F0;
}
}
@media (max-width: 639px) {
.sortimo-component.news-component .news-elements .main-news-item {
padding-right: 0px;
}
}
.sortimo-component.news-component .news-elements .main-news-item .news-item {
font-size: 19px;
}
@media (max-width: 639px) {
.sortimo-component.news-component .news-elements .main-news-item .news-item {
font-size: 16px;
line-height: 1.3;
}
}
.sortimo-component.news-component .news-elements .main-news-item .news-item .date {
padding-top: 15px;
}
.sortimo-component.news-component .news-elements .main-news-item .news-item .header {
margin-bottom: 15px;
}
.sortimo-component.news-component .news-elements .main-news-item .news-item .image img {
width: 100%;
}
.sortimo-component.news-component .news-elements .side-news-items {
padding-left: 30px;
}
@media (max-width: 1023px) {
.sortimo-component.news-component .news-elements .side-news-items {
padding-left: 0px;
}
}
.sortimo-component.news-component .news-elements .side-news-items .news-item {
padding-bottom: 20px;
border-bottom: 2px solid #DEE7F0;
}
@media (min-width: 1024px) {
.sortimo-component.news-component .news-elements .side-news-items .news-item:not(:first-of-type) {
padding-top: 20px;
}
}
@media (max-width: 1023px) {
.sortimo-component.news-component .news-elements .side-news-items .news-item {
padding-top: 20px;
}
}
@media (max-width: 639px) {
.sortimo-component.news-component .news-elements .side-news-items .news-item {
padding-bottom: 13px;
}
}
.sortimo-component.news-component .news-elements .side-news-items .news-item .header {
font-size: 17px;
}
.sortimo-component.news-component .news-elements .side-news-items .news-item .image img {
width: 100%;
}
@media (min-width: 640px) {
.sortimo-component.news-component .news-elements .side-news-items .news-item .text-container {
padding-left: 20px;
}
}
@media (max-width: 639px) {
.sortimo-component.news-component .news-elements .side-news-items .news-item .text-container {
font-size: 16px;
padding-bottom: 15px;
}
}
.sortimo-component.news-component .news-elements .side-news-items .button {
text-align: center;
margin-top: 30px;
}
.sortimo-component.news-component .news-feed {
padding-left: 10px;
height: 100%;
overflow: hidden;
}
.sortimo-component.news-component .news-feed .header-container {
color: #546373;
padding: 10px;
font-weight: 700;
font-size: 20px;
background-color: #C5D1DE;
}
.sortimo-component.news-component .news-feed .border-container {
width: 100%;
height: 100%;
border: 2px solid #DEE7F0;
border-top: none;
}
.sortimo-component.news-component .news-feed .border-container .content {
max-height: 495px;
overflow: hidden;
}
.sortimo-component.news-component .news-feed .border-container .content>a {
position: relative;
display: block;
}
.sortimo-component.news-component .news-feed .border-container .content>a .news-feed-item {
color: #546373;
padding: 25px;
padding-bottom: 0px;
}
.sortimo-component.news-component .news-feed .border-container .content>a .news-feed-item .info-header {
margin-bottom: 5px;
}
.sortimo-component.news-component .news-feed .border-container .content>a .news-feed-item .title {
font-weight: bold;
margin-bottom: 5px;
}
.sortimo-component.news-component .news-feed .border-container .content>a .news-feed-item .text-container {
padding-bottom: 15px;
border-bottom: 2px solid #dee7f0;
}
.sortimo-component.news-component .news-feed .border-container .arrow-container {
padding-right: 20px;
}
.sortimo-component.news-component .news-feed .border-container .arrow-container>div {
height: 22px;
float: right;
margin-left: 5px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
}
.sortimo-component.news-component .news-feed .border-container .arrow-container>div.arrow-down {
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sortimo-component.blog-component {
overflow: hidden;
color: #546373;
}
.sortimo-component.blog-component .component-headline {
font-size: 40px;
font-weight: 700;
line-height: 48px;
color: #546373;
text-align: center;
margin-bottom: 45px;
}
@media (max-width: 639px) {
.sortimo-component.blog-component .component-headline {
font-size: 30px;
margin-bottom: 20px;
}
}
.sortimo-component.blog-component .blog-elements {
border: 15px solid #EEEFF1;
padding: 50px;
overflow: auto;
}
@media (max-width: 639px) {
.sortimo-component.blog-component .blog-elements {
margin-bottom: 20px;
padding: 15px;
}
}
.sortimo-component.blog-component .blog-elements img {
border: 2px solid #DEE7F0;
}
.sortimo-component.blog-component .blog-elements .blog-item .header a {
color: #546373;
font-weight: 700;
}
.sortimo-component.blog-component .blog-elements .main-blog-item {
padding-right: 30px;
}
@media (max-width: 1023px) {
.sortimo-component.blog-component .blog-elements .main-blog-item {
padding-bottom: 20px;
border-bottom: 2px solid #DEE7F0;
}
}
@media (max-width: 639px) {
.sortimo-component.blog-component .blog-elements .main-blog-item {
padding-right: 0px;
}
}
.sortimo-component.blog-component .blog-elements .main-blog-item .blog-item {
font-size: 19px;
}
@media (max-width: 639px) {
.sortimo-component.blog-component .blog-elements .main-blog-item .blog-item {
font-size: 16px;
line-height: 1.3;
}
}
.sortimo-component.blog-component .blog-elements .main-blog-item .blog-item .date {
padding-top: 15px;
}
.sortimo-component.blog-component .blog-elements .main-blog-item .blog-item .header {
margin-bottom: 15px;
}
.sortimo-component.blog-component .blog-elements .main-blog-item .blog-item .image img {
width: 100%;
}
.sortimo-component.blog-component .blog-elements .main-blog-item .blog-item .text {
word-wrap: break-word;
}
.sortimo-component.blog-component .blog-elements .side-blog-items {
padding-left: 30px;
}
@media (max-width: 1023px) {
.sortimo-component.blog-component .blog-elements .side-blog-items {
padding-left: 0px;
}
}
.sortimo-component.blog-component .blog-elements .side-blog-items .blog-item {
padding-bottom: 20px;
border-bottom: 2px solid #DEE7F0;
}
@media (min-width: 1024px) {
.sortimo-component.blog-component .blog-elements .side-blog-items .blog-item:not(:first-of-type) {
padding-top: 20px;
}
}
@media (max-width: 1023px) {
.sortimo-component.blog-component .blog-elements .side-blog-items .blog-item {
padding-top: 20px;
}
}
@media (max-width: 639px) {
.sortimo-component.blog-component .blog-elements .side-blog-items .blog-item {
padding-bottom: 13px;
}
}
.sortimo-component.blog-component .blog-elements .side-blog-items .blog-item .header {
font-size: 17px;
}
.sortimo-component.blog-component .blog-elements .side-blog-items .blog-item .image img {
width: 100%;
}
@media (min-width: 640px) {
.sortimo-component.blog-component .blog-elements .side-blog-items .blog-item .text-container {
padding-left: 20px;
}
}
@media (max-width: 639px) {
.sortimo-component.blog-component .blog-elements .side-blog-items .blog-item .text-container {
font-size: 16px;
padding-bottom: 15px;
}
}
.sortimo-component.blog-component .blog-elements .side-blog-items .button {
text-align: center;
margin-top: 30px;
}
.sortimo-component.video-component .video-container {
position: relative;
}
.sortimo-component.video-component .video-container .video-overlay {
width: 100%;
height: 100%;
background-color: rgba(30, 36, 47, 0.75);
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.sortimo-component.video-component .video-container img {
width: 100%;
}
.sortimo-component.video-component .video-container .play-icon {
position: absolute;
width: 100px;
height: 100px;
border-radius: 50px;
border: 1px solid white;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.sortimo-component.video-component .video-container .video-frame-wrapper {
display: none;
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
.sortimo-component.video-component .video-container .video-frame-wrapper .video-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sortimo-component.news-picture-component img {
width: 100%;
}
.sortimo-component.stage-component {
position: absolute;
left: 0;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1024px) {
.sortimo-component.stage-component {
top: 40px;
}
}
@media (max-width: 1023px) {
.sortimo-component.stage-component {
top: 0;
}
}
.sortimo-component.stage-component .image-container {
width: 100vw;
background-attachment: scroll;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #83848a;
}
@media (min-width: 1024px) {
.sortimo-component.stage-component .image-container {
height: calc(100vh - 40px);
}
}
@media (max-width: 1023px) {
.sortimo-component.stage-component .image-container {
height: calc(100vh - 30px);
}
}
@media (max-width: 639px) {
.sortimo-component.stage-component .image-container {
background-attachment: scroll;
}
}
.sortimo-component.stage-component .image-container .overlay {
height: 100%;
width: 100%;
padding-bottom: 105px;
overflow: hidden;
}
@media (min-width: 1024px) {
.sortimo-component.stage-component .image-container .overlay {
padding-top: 250px;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.sortimo-component.stage-component .image-container .overlay {
padding-top: 200px;
}
}
@media (max-width: 639px) {
.sortimo-component.stage-component .image-container .overlay {
padding-top: 150px;
}
}
.sortimo-component.stage-component .image-container .overlay.active {
background-color: rgba(0, 0, 0, 0.6);
}
.sortimo-component.stage-component .image-container .overlay .text-container {
color: #ffffff;
text-align: center;
padding-left: 20px;
padding-right: 20px;
word-break: break-word;
overflow: hidden;
/* display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;*/
position: relative;
z-index: 1;
top: 50%;
transform: translateY(-50%);
}
.sortimo-component.stage-component .image-container .overlay .text-container .header {
font-size: 80px;
line-height: 90px;
font-weight: 700;
font-family: "Montserrat";
}
@media (max-width: 639px) {
.sortimo-component.stage-component .image-container .overlay .text-container .header {
font-size: 35px;
line-height: 40px;
}
}
.sortimo-component.stage-component .image-container .overlay .text-container hr {
width: 300px;
max-width: 85%;
margin-top: 25px;
margin-bottom: 30px;
}
@media (max-width: 639px) {
.sortimo-component.stage-component .image-container .overlay .text-container hr {
display: none;
}
}
.sortimo-component.stage-component .image-container .overlay .text-container .text {
font-size: 24px;
line-height: 34px;
}
@media (max-width: 639px) {
.sortimo-component.stage-component .image-container .overlay .text-container .text>p:not(.svg-container) {
display: none;
}
}
.sortimo-component.stage-component .image-container .overlay .text-container .button-container {
padding-top: 10px;
}
@media (max-width: 639px) {
.sortimo-component.stage-component .image-container .overlay .text-container .button-container {
padding-top: 15px;
}
}
.sortimo-component.stage-component .image-container .overlay .text-container .button-container>div {
display: inline-block;
margin-left: 20px;
margin-right: 20px;
}
@media (max-width: 639px) {
.sortimo-component.stage-component .image-container .overlay .text-container .button-container>div {
margin-bottom: 15px;
}
}
.sortimo-component.stage-component .image-container .overlay .text-container .button-container>div .btn.btn-primary.sortimo_button {
background-color: white;
color: #0068b4;
}
.sortimo-component.stage-component .image-container .arrow-container {
position: absolute;
bottom: 70px;
display: flex;
justify-content: center;
width: 100%;
height: 50px;
}
@media (max-width: 639px) {
.sortimo-component.stage-component .image-container .arrow-container {
bottom: 80px;
}
}
.sortimo-component.stage-component .image-container .arrow-container .scroll-container {
-webkit-animation: scroll 3s linear infinite;
-moz-animation: scroll 3s linear infinite;
animation: scroll 3s linear infinite;
position: relative;
}
.sortimo-component.stage-component .image-container .arrow-container .scroll-container svg {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider {
position: relative;
transition: opacity 0.6s ease-in-out;
-o-transition: opacity 0.6s ease-in-out;
-webkit-transition: opacity 0.6s ease-in-out;
}
@media (max-height: 499px) {
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-item .image-container .overlay .text-container hr {
display: none;
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-item .image-container .overlay .text-container .header.fadeInDown.animated {
font-size: 35px;
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-item .image-container .overlay .text-container .text.fadeInUp.animated {
display: none;
}
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-indexer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: flex;
padding-bottom: 30px;
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-indexer .index-container {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-indexer .index-container .index {
width: 12px;
height: 12px;
border: 1px solid white;
border-radius: 50%;
background-color: transparent;
display: inline-block;
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-indexer .index-container .index:not(:first-of-type) {
margin-left: 10px;
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-indexer .index-container .index:not(.current) {
cursor: pointer;
}
.sortimo-component.stage-component.multiple-stage-component .stage-slider .stage-indexer .index-container .index.current {
background-color: white;
}
.sortimo-component.search-contact .search-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.sortimo-component.search-contact .search-box .contact-postal-code {
width: auto;
float: left;
}
@media (min-width: 640px) {
.sortimo-component.search-contact .search-box .contact-postal-code {
margin-left: calc(50% - 204px);
}
}
@media (max-width: 639px) {
.sortimo-component.search-contact .search-box .contact-postal-code {
margin-bottom: 15px;
}
}
.sortimo-component.search-contact .search-box .btn-primary {
float: right;
}
@media (min-width: 640px) {
.sortimo-component.search-contact .search-box .btn-primary {
float: left;
margin-left: 20px;
}
}
.sortimo-component.search-contact .search-result .sortimo-contact {
margin-top: 30px;
}
.sortimo-component.search-contact .search-result .sortimo-contact>div {
font-size: 16px;
}
.sortimo-component.search-contact .search-result .sortimo-contact .contact.contact-name {
font-size: 24px;
font-weight: 700;
}
.sortimo-component.search-contact .search-result .sortimo-contact .contact.contact-position {
margin-top: 10px;
}
.sortimo-component.search-contact .search-result .sortimo-contact .contact.contact-phone {
margin-top: 10px;
}
.sortimo-component.search-contact .search-result .sortimo-contact .more-contacts {
margin-top: 10px;
}
.sortimo-component.search-contact .search-result .sortimo-contact .workshop.workshop-title {
margin-top: 10px;
font-weight: bold;
}
.sortimo-component.search-contact .search-result .sortimo-contact .office.office-title {
margin-top: 10px;
font-weight: bold;
}
.sortimo-component.search-contact .search-result .sortimo-contact .branch.branch-text {
margin-top: 10px;
}
.sortimo-component.search-contact .search-result .sortimo-contact .branch.branch-title {
margin-top: 10px;
font-weight: bold;
}
.sortimo-component.search-contact .search-result .sortimo-contact .branch.branch-phone {
margin-top: 10px;
}
.sortimo-component.search-contact .search-result .sortimo-contact .branch.branch-opening-title {
margin-top: 10px;
font-weight: bold;
}
.sortimo-component.search-contact .search-result .sortimo-contact .region-manager.region-sales-manager-title {
font-weight: bold;
margin-top: 10px;
}
.sortimo-component.hot-deal-component {
position: relative;
background: url(../../theme-sortimo/images/hotdeal-hg-prozente.jpg) no-repeat;
clear: both;
}
@media (min-width: 1024px) {
.sortimo-component.hot-deal-component {
height: 510px;
}
}
@media (min-width: 791px) and (max-width: 1023px) {
.sortimo-component.hot-deal-component {
height: 370px;
}
}
@media (max-width: 790px) {
.sortimo-component.hot-deal-component {
padding-top: 20px;
}
}
.sortimo-component.hot-deal-component .svg-container-desktop {
position: absolute;
top: 0px;
}
@media (min-width: 1250px) {
.sortimo-component.hot-deal-component .svg-container-desktop {
left: 175px;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.sortimo-component.hot-deal-component .svg-container-desktop {
left: 25px;
}
}
@media (max-width: 1023px) {
.sortimo-component.hot-deal-component .svg-container-desktop {
left: 10%;
}
}
@media (min-width: 1024px) {
.sortimo-component.hot-deal-component .svg-container-desktop {
width: 220px;
}
}
@media (max-width: 1023px) {
.sortimo-component.hot-deal-component .svg-container-desktop {
left: 50px;
width: calc(40% - 150px);
}
}
@media (max-width: 790px) {
.sortimo-component.hot-deal-component .svg-container-desktop {
display: none;
}
}
.sortimo-component.hot-deal-component .svg-container-desktop canvas {
width: 98%;
visibility: hidden;
}
.sortimo-component.hot-deal-component .svg-container-desktop svg {
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 791px) {
.sortimo-component.hot-deal-component .svg-container-mobile {
display: none;
}
}
@media (min-width: 550px) {
.sortimo-component.hot-deal-component .svg-container-mobile {
width: 50%;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .svg-container-mobile {
width: 90%;
}
}
.sortimo-component.hot-deal-component .align-container {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 790px) {
.sortimo-component.hot-deal-component .align-container {
justify-content: center;
padding-top: 25px;
padding-bottom: 25px;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container {
background-color: white;
border: 2px solid white;
/*@media (min-width: 791px) {
position: absolute;
}*/
}
@media (min-width: 1250px) {
.sortimo-component.hot-deal-component .align-container .text-image-container {
margin-right: 175px;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.sortimo-component.hot-deal-component .align-container .text-image-container {
margin-right: 25px;
}
}
@media (min-width: 791px) and (max-width: 1023px) {
.sortimo-component.hot-deal-component .align-container .text-image-container {
margin-right: 10%;
}
}
@media (min-width: 1250px) {
.sortimo-component.hot-deal-component .align-container .text-image-container {
width: 50%;
}
}
@media (min-width: 1024px) and (max-width: 1249px) {
.sortimo-component.hot-deal-component .align-container .text-image-container {
width: 70%;
}
}
@media (max-width: 1023px) {
.sortimo-component.hot-deal-component .align-container .text-image-container {
right: 50px;
width: 60%;
}
}
@media (max-width: 790px) {
.sortimo-component.hot-deal-component .align-container .text-image-container {
width: 90%;
}
}
@media (min-width: 550px) {
.sortimo-component.hot-deal-component .align-container .text-image-container {
display: flex;
align-items: center;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .image-container {
float: left;
}
@media (min-width: 550px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .image-container {
width: 50%;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .image-container {
width: 100%;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .image-container img {
width: 100%;
}
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container {
float: left;
}
@media (min-width: 1025px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container {
padding: 40px;
padding-bottom: 20px;
}
}
@media (max-width: 1024px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container {
padding: 25px;
padding-bottom: 15px;
}
}
@media (min-width: 550px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container {
width: 50%;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container {
width: 100%;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .header {
font-weight: bold;
font-family: 'Roboto Condensed';
color: #546373;
}
@media (min-width: 1025px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .header {
font-size: 30px;
line-height: 33px;
}
}
@media (min-width: 550px) and (max-width: 1024px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .header {
font-size: 25px;
line-height: 28px;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .header {
font-size: 20px;
line-height: 22px;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text hr {
border-color: #DEE7F0;
}
@media (max-width: 1024px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text hr {
margin-top: 10px;
margin-bottom: 10px;
}
}
@media (min-width: 550px) and (max-width: 790px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .product-price .price .promo_price {
font-size: 22px;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .product-price .price .promo_price {
font-size: 18px;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .product-price .price .list_price {
display: inline-block;
}
@media (min-width: 550px) and (max-width: 790px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .product-price .price .list_price {
font-size: 14px;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .product-price .price .list_price {
font-size: 13px;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .product-price .priceVat {
line-height: 19px;
margin-bottom: 15px;
}
@media (min-width: 550px) and (max-width: 1390px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .product-price .priceVat .noWrap {
white-space: normal;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .product-text .product-price .priceVat {
font-size: 13px;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .headline {
font-weight: bold;
font-family: 'Roboto Condensed';
color: #546373;
margin-bottom: 0px;
}
@media (min-width: 1025px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .headline {
font-size: 30px;
line-height: 33px;
}
}
@media (min-width: 550px) and (max-width: 1024px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .headline {
font-size: 25px;
line-height: 28px;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .headline {
font-size: 20px;
line-height: 23px;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .sub-headline {
font-weight: bold;
font-family: 'Roboto Condensed';
color: #c11818;
}
@media (min-width: 791px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .sub-headline {
line-height: 33px;
font-size: 25px;
}
}
@media (min-width: 550px) and (max-width: 790px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .sub-headline {
font-size: 22px;
line-height: 29px;
}
}
@media (max-width: 549px) {
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .sub-headline {
font-size: 18px;
line-height: 23px;
}
}
.sortimo-component.hot-deal-component .align-container .text-image-container .text-container .category-text .button-container {
margin-top: 35px;
}
.locationFinder #store__finder--adressBtn.displayBlock,
.locationFinder #store__finder--mapBtn.displayBlock {
display: block;
}
.locationFinder #store__finder--adressBtn.displayNone,
.locationFinder #store__finder--mapBtn.displayNone {
display: none;
}
.locationFinder .store__finder--buttons {
display: none;
}
.locationFinder #mapContent,
.locationFinder .store__finder--details,
.locationFinder .store__finder--navigation {
display: block;
}
.locationFinder .store__finder .store__finder--panel .store__finder--navigation {
width: 25%;
}
.locationFinder .store__finder .store__finder--panel .store__finder--navigation .searchLocation {
background-color: transparent;
display: inline-table;
}
.locationFinder .store__finder .store__finder--panel .store__finder--navigation .searchLocation .input-group {
border: 1px solid #777;
height: 40px;
display: inline-table;
}
.locationFinder .store__finder .store__finder--panel .store__finder--navigation .searchLocation .input-group.sec {
border: none;
}
.locationFinder .store__finder .store__finder--panel .store__finder--navigation .searchLocation .input-group .input-group-btn .btn {
padding: 0px 15px;
}
.locationFinder .store__finder .store__finder--panel .store__finder--navigation .searchLocation .input-group #location-search-input {
padding: 7px 20px;
border: none;
height: auto;
font-size: 17px;
}
.locationFinder .store__finder .store__finder--panel .store__finder--details {
width: 75%;
}
.locationFinder .locationFinderMain .sortimoGoogleMapsHeader {
background-color: #0068b4 !important;
}
.locationFinder .locationFinderMain .sapMBtnIcon {
color: white !important;
}
.locationFinder .locationFinderMain footer.sapMDialogFooter {
height: 42px;
padding-top: 0px;
}
.locationFinder #partner-offers-left {
display: block;
}
.locationFinder #partner-offers-right {
display: none;
}
@media only screen and (max-width: 1280px) {
.locationFinder #location-search-input {
width: 170px;
padding: 0;
height: 45px !important;
margin-left: 16px;
}
.locationFinder .input-group {
width: 230px;
height: 60px;
background-color: #FFF;
float: right;
}
.locationFinder .input-group .input-group-btn svg {
position: relative !important;
}
.locationFinder #searchInputLupe {
right: 15px;
}
.locationFinder .form-control {
height: 60px ! important;
}
}
@media only screen and (max-width: 1280px) and (max-width: 400px) {
.locationFinder #searchInputLupe {
right: 0px;
}
}
@media only screen and (max-width: 1042px) {
.locationFinder .store__finder--navigation {
display: none;
}
.locationFinder #mapContent {
margin-top: 10px;
}
.locationFinder .store__finder--buttons {
position: relative;
border: 2px solid #DEE7F0;
color: #626773;
padding: 0 20px;
bottom: 20px;
font-size: 18px;
float: right;
display: block !important;
background-color: #fff;
}
.locationFinder .store__finder--buttons .activeButton {
background-color: #DEE7F0 !important;
}
.locationFinder .store__finder--buttons:hover {
background-color: #DEE7F0;
}
.locationFinder .store__finder--buttons.active {
background-color: #DEE7F0;
}
.locationFinder .store__finder .store__finder--navigation {
margin-top: -6px !important;
width: 100% !important;
height: 100%;
margin-left: 0 !important;
}
.locationFinder .store__finder .maps-wrapper .locationFinderMain {
margin-top: -5px !important;
}
.locationFinder .store__finder .store__finder--panel .store__finder--details {
width: 100% !important;
}
.locationFinder .store__finder .store__finder--panel .store__finder--details .searchLocation {
margin-top: 3px;
width: 0 !important;
}
.locationFinder #location-search-input {
width: 150px;
padding: 0;
height: 28px !important;
margin-top: 4px !important;
margin-left: 16px;
}
.locationFinder .input-group {
width: 210px;
height: 38px;
margin-top: 3px;
}
.locationFinder .input-group .input-group-btn {
/*.input-group-button {
button {
#searchInputLupe {
right: 10px !important;
}
}
}*/
}
.locationFinder .input-group .input-group-btn .form-control {
height: 38px ! important;
margin-top: 6px !important;
}
.locationFinder .input-group .input-group-btn svg {
position: relative !important;
top: 3px !important;
}
.locationFinder .outerButton,
.locationFinder .outerButtonMap {
position: relative;
top: 15px;
}
.locationFinder .outerButton>button {
width: 50%;
height: 40px;
padding-left: 10px;
padding-right: 10px;
}
.locationFinder .location-finder-info-popup {
background-color: white !important;
}
.locationFinder .partner-location {
/*position: absolute !important;
//width: 47% !important;
width: ~'calc(49% - 21px)' !important;
height: ~'calc(100%)' !important;
background-color: transparent !important;*/
}
.locationFinder .partner-info-location {
/*top: 72px;
right: 22px !important;
height: 540px !important;*/
}
.locationFinder .col-md-6 .btn-container {
position: relative;
padding-top: 0px;
}
.locationFinder .col-md-5 {
float: left;
}
.locationFinder .col-md-7 {
float: right;
}
}
@media only screen and (max-width: 1042px) and (max-height: 730px) {
.locationFinder .partner-location {
background-color: #fff;
width: 50%;
float: right;
}
}
@media (max-width: 900px) {
.locationFinder #partner-offers-left {
display: none;
}
.locationFinder #partner-offers-right {
display: block;
margin-top: 10px;
}
}
@media (max-width: 720px) {
.locationFinder #partner-info-location {
visibility: hidden;
display: none;
}
.locationFinder .col-md-5 {
width: 48%;
float: left;
}
.locationFinder .col-md-7 {
width: 50%;
float: right;
right: 0%;
}
.locationFinder .row .partner-info {
width: 100%;
}
.locationFinder #partner-offers-left {
display: block;
}
.locationFinder #partner-offers-right {
display: none;
}
}
@media only screen and (max-width: 400px) {
.locationFinder .input-group {
width: 135px;
}
.locationFinder .input-group .form-control {
width: 75%;
}
.locationFinder .input-group #location-search-input {
width: 60%;
}
.locationFinder .input-group .input-group-btn button {
padding: 0;
}
.locationFinder .store__finder--buttons {
font-size: 14px;
}
}
.displayBlock {
display: block;
}
.displayNone {
display: none;
}
.pop-up-adresslist {
background-color: #fff;
height: auto !important;
top: 18px !important;
}
/* .activeButton {
background-color: #DEE7F0 !important;
} */
#partner-info-location {
height: calc(100%);
}
.wrappingConfiguratorContent,
.canvasConfiguratorContent {
width: 100%;
}
@media (min-width: 1400px) {
.wrappingConfiguratorContent #wrappingConfiguratorFrameHolder,
.canvasConfiguratorContent #wrappingConfiguratorFrameHolder,
.wrappingConfiguratorContent #canvasConfiguratorFrameHolder,
.canvasConfiguratorContent #canvasConfiguratorFrameHolder {
display: block;
overflow: hidden;
width: 1390px;
height: 741px;
margin: 0 auto;
}
.wrappingConfiguratorContent #wrappingConfiguratorFrameHolder #wrappingConfigurator,
.canvasConfiguratorContent #wrappingConfiguratorFrameHolder #wrappingConfigurator,
.wrappingConfiguratorContent #canvasConfiguratorFrameHolder #wrappingConfigurator,
.canvasConfiguratorContent #canvasConfiguratorFrameHolder #wrappingConfigurator,
.wrappingConfiguratorContent #wrappingConfiguratorFrameHolder #canvasConfigurator,
.canvasConfiguratorContent #wrappingConfiguratorFrameHolder #canvasConfigurator,
.wrappingConfiguratorContent #canvasConfiguratorFrameHolder #canvasConfigurator,
.canvasConfiguratorContent #canvasConfiguratorFrameHolder #canvasConfigurator {
width: 1390px;
/*height: 850px;*/
height: 741px;
overflow: hidden;
border: none;
}
.wrappingConfiguratorContent #wrappingConfiguratorInfoTooSmall,
.canvasConfiguratorContent #wrappingConfiguratorInfoTooSmall,
.wrappingConfiguratorContent #canvasConfiguratorInfoTooSmall,
.canvasConfiguratorContent #canvasConfiguratorInfoTooSmall {
display: none;
}
}
@media (max-width: 1399px) {
.wrappingConfiguratorContent #wrappingConfiguratorFrameHolder,
.canvasConfiguratorContent #wrappingConfiguratorFrameHolder,
.wrappingConfiguratorContent #canvasConfiguratorFrameHolder,
.canvasConfiguratorContent #canvasConfiguratorFrameHolder {
display: none;
}
.wrappingConfiguratorContent #wrappingConfiguratorFrameHolder #wrappingConfigurator,
.canvasConfiguratorContent #wrappingConfiguratorFrameHolder #wrappingConfigurator,
.wrappingConfiguratorContent #canvasConfiguratorFrameHolder #wrappingConfigurator,
.canvasConfiguratorContent #canvasConfiguratorFrameHolder #wrappingConfigurator,
.wrappingConfiguratorContent #wrappingConfiguratorFrameHolder #canvasConfigurator,
.canvasConfiguratorContent #wrappingConfiguratorFrameHolder #canvasConfigurator,
.wrappingConfiguratorContent #canvasConfiguratorFrameHolder #canvasConfigurator,
.canvasConfiguratorContent #canvasConfiguratorFrameHolder #canvasConfigurator {
display: none;
}
.wrappingConfiguratorContent #wrappingConfiguratorInfoTooSmall,
.canvasConfiguratorContent #wrappingConfiguratorInfoTooSmall,
.wrappingConfiguratorContent #canvasConfiguratorInfoTooSmall,
.canvasConfiguratorContent #canvasConfiguratorInfoTooSmall {
display: block;
}
}
#canvas-selector-container select {
width: 100%;
}
.press-portal .sortimo-component.news-component {
margin-left: 0;
margin-right: 0px;
margin-bottom: 40px;
}
@media (max-width: 1023px) {
.press-portal .sortimo-component.news-component .news-elements .main-news-item {
padding-right: 0px;
padding-bottom: 30px;
}
.press-portal .sortimo-component.news-component .news-elements .side-news-items {
padding-left: 0px;
}
.press-portal .sortimo-component.news-component .news-feed {
padding-left: 0;
}
.press-portal .sortimo-component.news-component .press-portal-contact {
margin-left: 0;
}
}
@media (max-width: 1023px) and (max-width: 1023px) {
.press-portal .sortimo-component.news-component .news-elements .main-news-item {
padding-bottom: 20px;
border-bottom: 2px solid #DEE7F0;
}
}
@media (max-width: 1023px) and (max-width: 480px) {
.press-portal .sortimo-component.news-component .news-elements {
padding: 25px;
}
}
.press-portal .search-bar {
background-color: #0068b4;
padding: 30px;
}
.press-portal .search-bar .form-container {
height: 50px;
display: flex;
align-items: center;
}
@media (max-width: 1023px) {
.press-portal .search-bar .form-container {
height: 60px;
}
.press-portal .search-bar .form-container.search-text {
flex-direction: column;
height: 100%;
}
}
.press-portal .search-bar .form-container .label {
color: #ffffff;
font-size: 18px;
font-weight: 700;
line-height: 22px;
}
@media (max-width: 1023px) {
.press-portal .search-bar .form-container .label {
margin-right: auto;
margin-left: auto;
}
}
.press-portal .search-bar .form-container .news-search-field {
/*width: 35%;*/
width: 50%;
margin-right: 15px;
background-color: white;
}
@media (max-width: 1023px) {
.press-portal .search-bar .form-container .news-search-field {
width: 50%;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 0px;
}
}
@media (max-width: 640px) {
.press-portal .search-bar .form-container .news-search-field {
width: 95%;
}
}
.press-portal .search-bar .form-container .news-search-field>input {
border: none;
box-shadow: none;
outline: none;
height: auto;
width: calc(100% - 50px);
}
.press-portal .search-bar .form-container .news-search-field>button {
width: 37px;
padding-top: 0px;
padding-bottom: 0px;
margin-right: 5px;
}
.press-portal .search-bar .form-container .news-search-field>button svg path {
fill: #7c8c9c;
}
@media (max-width: 1023px) {
.press-portal .search-bar .form-container .news-date-field {
padding-top: 20px;
padding-bottom: 20px;
width: 50%;
left: -20px;
}
}
@media (max-width: 640px) {
.press-portal .search-bar .form-container .news-date-field {
width: 100%;
}
}
.press-portal .search-bar .form-container .news-date-field button.hasDatepicker {
width: 10%;
}
@media (min-width: 1024px) {
.press-portal .search-bar .form-container .news-date-field button.hasDatepicker.firstDate {
/*margin-left: 0px;
margin-right: 2px;
margin-top: 3px;*/
}
.press-portal .search-bar .form-container .news-date-field button.hasDatepicker.lastDate {
/*margin-left: 0px;
margin-right: 6px;
margin-top: 3px;*/
}
}
@media (max-width: 1023px) {
.press-portal .search-bar .form-container .news-date-field button.hasDatepicker {
width: 10%;
}
}
@media (max-width: 640px) {
.press-portal .search-bar .form-container .news-date-field button.hasDatepicker {
width: 13%;
}
.press-portal .search-bar .form-container .news-date-field button.hasDatepicker.firstDate {
/*margin-left: 0px;
margin-right: 0px;
margin-top: 2px;*/
}
.press-portal .search-bar .form-container .news-date-field button.hasDatepicker.lastDate {
/*margin-left: 0px;
margin-right: 0px;
margin-top: 2px;*/
}
}
@media (max-width: 480px) {
.press-portal .search-bar .form-container .news-date-field button.hasDatepicker {
width: 18%;
margin-top: 2px !important;
}
}
@media (max-width: 1023px) {
.press-portal .search-bar .form-container .news-date-field .hasDatepicker {
width: 28%;
}
}
@media (max-width: 480px) {
.press-portal .search-bar .form-container .news-date-field .hasDatepicker {
width: 68%;
}
}
@media (min-width: 1024px) {
.press-portal .search-bar .form-container .news-date-field .hasDatepicker {
width: 25%;
}
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right {
position: relative;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left input.hasDatepicker,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right input.hasDatepicker {
height: 32px;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left button svg,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right button svg {
position: absolute;
left: 0px;
bottom: 2px;
}
@media (min-width: 1024px) {
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right {
width: 50%;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left input,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right input {
width: 70%;
border: none;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left button,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right button {
right: 20px;
width: 1%;
background-color: #fff;
height: 32px;
position: absolute;
z-index: 1;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left {
float: left;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right {
float: right;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right input {
float: left;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right button {
float: right;
}
}
@media (max-width: 1023px) {
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right {
width: 50%;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left input,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right input {
float: left;
width: 74%;
border: none;
height: 32px;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left button,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right button {
width: 5%;
background-color: #fff;
z-index: 1;
position: absolute;
height: 32px;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left {
float: left;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right {
float: right;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right input {
margin-left: 5%;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right button {
float: right;
}
}
@media (max-width: 640px) {
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right input,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left input {
margin-left: 5%;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right input {
margin-left: 7%;
}
}
@media (max-width: 480px) {
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right {
margin-top: 20px;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left {
float: none;
width: 100%;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right input,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left input {
float: none;
width: 80%;
margin-left: 7px;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right button,
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left button {
float: none;
width: 15%;
z-index: 1;
position: relative;
right: 4px;
height: 32px;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-right button {
bottom: 3px;
}
.press-portal .search-bar .form-container .news-date-field .outer-border-area-left button {
bottom: 2px;
}
}
@media (max-width: 1023px) {
.press-portal .search-bar .form-container input.sortimo-ghost-btn {
margin-right: auto;
margin-left: auto;
}
}
.press-portal .search-bar .form-container input:not(.btn) {
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.press-portal .search-bar .form-container .sortimo-ghost-btn {
padding-bottom: 9px;
padding-top: 7px;
}
.press-portal .search-bar .form-container .sortimo-ghost-btn svg {
margin-left: 10px;
margin-bottom: -5px;
}
.press-portal .search-bar .form-container .sortimo-ghost-btn svg path {
fill: white;
}
.press-portal .search-results {
margin-top: 40px;
margin-left: -5px;
margin-right: -5px;
min-height: 690px;
overflow: auto;
/*@media (max-width: @screen-sm-md) {
grid-template-columns: ~'calc(50% - 7.5px) calc(50% - 7.5px)';
}
@media (max-width: @screen-xs) {
grid-template-columns: 100%;
}*/
}
.press-portal .search-results .news-result {
border: 2px solid #DEE7F0;
position: relative;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 40px;
float: left;
}
@media (min-width: 1024px) {
.press-portal .search-results .news-result {
width: calc(25% - 10px);
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.press-portal .search-results .news-result {
width: calc(50% - 10px);
}
}
@media (max-width: 639px) {
.press-portal .search-results .news-result {
width: calc(100% - 10px);
}
}
.press-portal .search-results .news-result .image-container {
/*max-height: 230px;
@media (max-width: @screen-sm-md) {
max-height: 320px;
}*/
width: 100%;
}
.press-portal .search-results .news-result .image-container img {
width: 100%;
}
.press-portal .search-results .news-result .text-container {
padding-top: 25px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 95px;
color: #546373;
line-height: 25px;
font-size: 19px;
position: relative;
}
.press-portal .search-results .news-result .text-container .date-container {
font-weight: 400;
}
.press-portal .search-results .news-result .text-container .headline {
font-weight: 700;
}
.press-portal .search-results .news-result .button-container {
height: 75px;
background-color: #dee7f0;
display: flex;
align-items: center;
padding-left: 30px;
padding-right: 30px;
position: absolute;
bottom: 0;
width: 100%;
}
.press-portal .search-results .news-result .button-container svg {
fill: #0069b3;
margin-left: 10px;
}
.press-portal .search-results .news-result .button-container a.download-link {
margin-left: auto;
}
.press-portal .search-results .news-result .button-container a.download-link .download-zip {
display: flex;
align-items: center;
}
.press-portal .search-results .news-result .button-container a.download-link:hover svg {
fill: #003c66;
}
.press-portal .search-results .news-result .arrow-container {
width: 32px;
height: 32px;
background-color: white;
position: absolute;
top: -16px;
left: 30px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sortimo-content-slot.press-portal-details .news-left-slot {
width: calc(75% - 15px);
float: left;
position: relative;
}
@media (max-width: 1023px) {
.sortimo-content-slot.press-portal-details .news-left-slot {
width: 100%;
}
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-picture-component {
position: relative;
margin-bottom: 0px;
overflow: hidden;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-picture-component .arrow-container {
width: 50px;
height: 50px;
background-color: white;
position: absolute;
bottom: -25px;
left: 25px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-headline-component {
margin-bottom: 0px;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-headline-component .component-headline {
text-align: left;
margin-bottom: 20px;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-headline-component .component-headline.sub-header {
font-size: 32px;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-date {
font-size: 24px;
line-height: 29px;
padding-top: 25px;
color: #546373;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-text-component .text-container {
overflow: hidden;
position: relative;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-text-component .text-container .text-shadow {
display: none;
width: 100%;
position: absolute;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.41) 21%, rgba(255, 255, 255, 0.42) 22%, #ffffff 76%, #ffffff 99%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.41) 21%, rgba(255, 255, 255, 0.42) 22%, #ffffff 76%, #ffffff 99%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.41) 21%, rgba(255, 255, 255, 0.42) 22%, #ffffff 76%, #ffffff 99%);
bottom: 0;
height: 50%;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-text-component .button-container {
display: none;
justify-content: center;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-text-component .button-container .read_more_button {
margin-top: 35px;
}
.sortimo-content-slot.press-portal-details .news-left-slot .news-text-component .button-container .read_more_button svg {
margin-left: 10px;
fill: white;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sortimo-content-slot.press-portal-details .news-left-slot .back-button {
margin-top: 30px;
}
.sortimo-content-slot.press-portal-details .news-left-slot .back-button .sortimo-ghost-btn {
border-color: #0068b4 !important;
color: #0068b4;
}
.sortimo-content-slot.press-portal-details .news-left-slot .back-button .sortimo-ghost-btn svg {
fill: #0068b4;
margin-left: 0;
margin-right: 15px;
}
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row {
margin-top: 40px;
padding: 10px;
padding-left: 5px;
padding-right: 5px;
background-color: #dee7f0;
min-height: 60px;
/*> a {
display: inline-block;
float: left;
}*/
}
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row .social-button {
width: 40px;
height: 40px;
display: inline-block;
margin-left: 5px;
margin-right: 5px;
}
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row .social-button.facebook-button {
background-image: url('../images/icon_facebook-presseinfo_40x40.png');
}
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row .social-button.twitter-button {
background-image: url('../images/icon_twitter-presseinfo_40x40.png');
}
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row .social-button.xing-button {
background-image: url('../images/icon_xing-presseinfo_40x40.png');
}
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row .social-button.linkedin-button {
background-image: url('../images/icon_linkedin-presseinfo_40x40.png');
}
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row .social-button.google-button {
background-image: url('../images/icon_google-plus-presseinfo_40x40.png');
}
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row .print-button {
width: 40px;
height: 40px;
display: inline-flex;
margin-left: 5px;
margin-right: 5px;
background-color: #0068b4;
align-items: center;
justify-content: center;
border-radius: 5px;
}
@media (min-width: 382px) {
.sortimo-content-slot.press-portal-details .news-left-slot .slot-button-row .print-button {
float: right;
}
}
.sortimo-content-slot.press-portal-details .news-right-slot {
width: calc(25% - 15px);
float: left;
margin-left: 30px;
}
.sortimo-press-contact {
color: #546373;
margin-bottom: 30px;
}
@media (max-width: 639px) {
.sortimo-press-contact {
margin-bottom: 0px;
}
}
.sortimo-press-contact .headline-container {
height: 60px;
background-color: #C5D1DE;
display: flex;
align-items: center;
padding-left: 15px;
padding-right: 15px;
font-size: 20px;
font-weight: 700;
}
.sortimo-press-contact .headline-container svg {
margin-right: 10px;
}
.sortimo-press-contact .content {
padding: 40px;
border: 2px solid #DEE7F0;
border-top: none;
}
@media (max-width: 639px) {
.sortimo-press-contact .content {
padding: 20px;
}
}
.sortimo-press-contact .content .image-container {
text-align: center;
margin-bottom: 25px;
}
@media (max-width: 639px) {
.sortimo-press-contact .content .image-container {
margin-bottom: 10px;
}
.sortimo-press-contact .content .image-container>svg {
width: 70px;
height: 70px;
}
}
.sortimo-press-contact .content .name {
text-align: center;
font-size: 30px;
font-weight: 700;
}
@media (max-width: 639px) {
.sortimo-press-contact .content .name {
font-size: 24px;
}
}
.sortimo-press-contact .content .description {
text-align: center;
font-size: 22px;
font-weight: 400;
margin-bottom: 20px;
}
@media (max-width: 639px) {
.sortimo-press-contact .content .description {
font-size: 19px;
line-height: 1.2;
}
}
.sortimo-press-contact .content .phone {
margin-bottom: 15px;
}
@media (max-width: 639px) {
.sortimo-press-contact .content .phone {
margin-bottom: 5px;
}
}
.sortimo-press-contact .content .mail,
.sortimo-press-contact .content .phone {
font-size: 22px;
font-weight: 400;
display: flex;
align-items: center;
}
@media (max-width: 639px) {
.sortimo-press-contact .content .mail,
.sortimo-press-contact .content .phone {
font-size: 19px;
justify-content: center;
}
}
.sortimo-press-contact .content .mail svg,
.sortimo-press-contact .content .phone svg {
margin-right: 15px;
}
@media (max-width: 639px) {
.sortimo-press-contact .content .mail svg,
.sortimo-press-contact .content .phone svg {
width: 35px;
height: 35px;
margin-right: 10px;
}
}
.press-portal-contact {
margin-left: 30px;
}
@media (max-width: 1023px) {
.press-portal-contact {
margin-left: 0;
}
}
@media (min-width: 640px) {
.mobile-press-contact {
padding-left: 10px;
}
}
.sortimo-component.news-media-component {
color: #546373;
}
.sortimo-component.news-media-component .headline-container {
height: 60px;
background-color: #C5D1DE;
display: flex;
align-items: center;
padding-left: 15px;
padding-right: 15px;
font-size: 20px;
font-weight: 700;
}
.sortimo-component.news-media-component .headline-container svg {
margin-right: 10px;
}
.sortimo-component.news-media-component .content {
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
border: 2px solid #DEE7F0;
border-top: none;
}
.sortimo-component.news-media-component .content .download-element {
display: table-row;
cursor: pointer;
}
.sortimo-component.news-media-component .content .download-element>div {
display: table-cell;
vertical-align: middle;
font-weight: 700;
color: #0068B4;
padding-top: 13px;
}
.sortimo-component.news-media-component .content .download-element>div.media-name {
font-size: 17px;
line-height: 22px;
padding-left: 15px;
}
.sortimo-component.news-media-component .content .download-element>div.media-size {
padding-right: 5px;
line-height: 16px;
font-size: 13px;
}
.sortimo-component.news-media-component .content .download-element>div.media-icon svg {
height: 50px;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes scroll {
1% {
opacity: 1;
top: 30%;
}
20% {
opacity: 1;
top: 80%;
}
60% {
opacity: 0;
top: 80%;
}
100% {
opacity: 0;
top: 30%;
}
}
@-moz-keyframes scroll {
1% {
opacity: 1;
top: 30%;
}
20% {
opacity: 1;
top: 80%;
}
60% {
opacity: 0;
top: 80%;
}
100% {
opacity: 0;
top: 30%;
}
}
@keyframes scroll {
1% {
opacity: 1;
top: 30%;
}
20% {
opacity: 1;
top: 80%;
}
60% {
opacity: 0;
top: 80%;
}
100% {
opacity: 0;
top: 30%;
}
}
@-webkit-keyframes cd-pulse {
0% {
box-shadow: 0 0 0 rgba(255, 255, 255, 0.8);
}
100% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
@-moz-keyframes cd-pulse {
0% {
box-shadow: 0 0 0 rgba(255, 255, 255, 0.8);
}
100% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
@keyframes cd-pulse {
0% {
box-shadow: 0 0 0 rgba(255, 255, 255, 0.8);
}
100% {
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
}
.email-check-main {
width: 55%;
margin-left: auto;
margin-right: auto;
border: 3px solid #c5d1df;
}
.check-mail-header {
display: flex;
}
.check-mail-header {
background: #C5D1DF;
}
.check-mail-form {
padding: 15px;
}
.mail-submit-button {
margin-top: 5px;
display: inline-flex;
}
.mail-submit-button svg.right {
height: 24px;
}
.mail-header {
margin-left: 10px;
margin-top: 5px;
}
.mail-introduction {
margin: 0 0 20px 0;
}
.confirm-main-content {
width: 60%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.greeting {
padding-bottom: 20px;
}
.confirm-main-body {
padding: 10px 0 15px 0;
}
.mailForm {
display: flex;
justify-content: center;
}
.mailForm .mailForm-wrapper {
width: 850px;
margin: 30px;
}
.sortimo_Slider .sortimo-contactform-wrapper {
overflow: hidden !important;
}
.sortimo_Slider .sortimo-contactform-wrapper .mailForm-wrapper {
overflow-y: hidden;
height: 390px;
}
.sortimo_Slider .sortimo-contactform-wrapper .mailForm-wrapper iframe {
display: block;
padding-left: 10px;
padding-right: 10px;
background-color: #ffffff;
min-height: 391px;
}
.contactForm .sortimo-contactform-wrapper .mailForm-wrapper {
overflow-y: hidden;
height: 400px;
}
.contactForm .sortimo-contactform-wrapper .mailForm-wrapper iframe {
display: block;
padding-left: 10px;
padding-right: 10px;
background-color: #ffffff;
min-height: 400px;
}
@media only screen and (min-width : 1440px) and (max-width : 1500px) {
.sortimo-component.text-picture-component .image-container.safSfda {
width: 950px !important;
}
.sortimo-component.text-picture-component .text-container.vvscj {
width: 400px !important;
}
.sortimo-component.tile-component .single-tile.small.dvgdv {
width: 300px !important;
height: 300px !important;
}
.sortimo-component.text-picture-component .text-container.unjal {
width: 48% !important
}
.sortimo-component.text-picture-component .image-container.unjal {
width: 48% !important
}
.sortimo-component.text-picture-component .image-container.unjSFal {
width: 50% !important;
}
.sortimo-component.text-picture-component .text-container.unjSFal {
width: 50% !important;
}
.sortimo-component.tile-component .single-tile.small.erftg {
width: 330px !important;
}
.sortimo-component.tile-component .single-tile.wide.lthuy {
width: 630px !important;
}
.sortimo-component.tile-component .single-tile.wide.lthuy {
width: 630px !important;
}
.sortimo-component.text-picture-component.wide-image .image-container.xzdfas {
width: 74% !important;
}
.sortimo-component.text-picture-component.cfxgdf {
width: 100%;
}
.sortimo-component.text-picture-component .image-container.sdasdf {
width: 48% !important;
}
.sortimo-component.text-picture-component .text-container.aEdf {
width: 48% !important;
}
.sortimo-component.faq-component .category-container {
width: 950px;
}
.sortimo-component.tile-component .single-tile.small.hfggj {
width: 320px;
}
.sortimo-component.text-picture-component .image-container.vdssf {
width: 48% !important;
}
.sortimo-component.text-picture-component .text-container.vdssf {
width: 48% !important;
}
.sortimo-component.tile-component .single-tile.wide.vdssf {
width: 48% !important;
}
}
@media only screen and (min-width : 1366px) and (max-width : 1439px) {
.sortimo-component.carousel-component.adtgnfsg {
max-width: 100% !important
}
.sortimo-component.carousel-component .wrapper.wasfwas {
margin-left: 7% !important;
margin-right: 0% !important;
}
.owl-carousel .owl-wrapper-outer.congwf {
display: flex;
}
.owl-carousel .owl-wrapper-outer.congwf .owl-item {
width: 50% !important;
display: block;
float: left;
margin-bottom: 30px;
}
.sortimo-component.tile-component.ASFvdsead {
width: 100%;
}
.sortimo-component.tile-component .single-tile.low.sFDasc {
padding-top: 18%;
}
.ASFvdsead {
width: 100%;
}
.sortimo-component.tile-component .single-tile.small.dvgdv {
width: 300px !important;
height: 300px !important;
padding-top: 0% !important;
}
.sortimo-component.text-picture-component .text-container.unjal {
width: 48% !important
}
.sortimo-component.text-picture-component .image-container.unjal {
width: 48% !important
}
.sortimo-component.text-picture-component .image-container.unjSFal {
width: 300px !important;
}
.sortimo-component.text-picture-component .text-container.unjSFal {
width: 300px !important;
}
.sortimoWidth .categoryHeader .categoryHeaderPicture img {
width: 100%;
min-height: 274px;
}
.sortimo-component.tile-component .single-tile.small.hfggj {
width: 410px;
padding-top: 20%;
}
.sortimo-component.tile-component.busj {
width: 100%;
}
.sortimo-component.tile-component .single-tile.wide.vdssf {
padding-top: 25%;
}
.sortimo-component.text-picture-component .image-container.vdssf {
width: 48% !important;
}
.sortimo-component.text-picture-component .text-container.vdssf {
width: 48% !important;
}
.sortimo-component.tile-component .single-tile.wide.vdssf {
width: 48% !important;
}
}
@media only screen and (min-width : 1200px) and (max-width : 1365px) {
.sortimo-component.carousel-componen.adtgnfsgt {
max-width: 100% !important
}
.sortimo-component.carousel-component .wrapper.wasfwas {
margin-left: 10% !important;
margin-right: 0% !important;
}
.owl-carousel .owl-wrapper-outer.congwf {
display: flex;
}
.owl-carousel .owl-wrapper-outer.congwf .owl-item {
width: 50% !important;
display: block;
float: left;
margin-bottom: 30px;
}
.sortimo-component.tile-component.ASFvdsead {
width: 100%;
}
.sortimo-component.tile-component .single-tile.low.sFDasc {
padding-top: 18%;
}
.ASFvdsead {
width: 100%;
}
.sortimo-component.tile-component .single-tile.small.x {
width: 250px !important;
height: 250px !important;
padding-top: 0% !important;
}
.sortimo-component.text-picture-component .text-container.unjal {
width: 48% !important
}
.sortimo-component.text-picture-component .image-container.unjal {
width: 48% !important
}
.sortimo-component.text-picture-component .image-container.unjSFal {
width: 260px !important;
}
.sortimo-component.text-picture-component .text-container.unjSFal {
width: 260px !important;
}
.sortimoWidth .categoryHeader .categoryHeaderPicture img {
width: 100%;
min-height: 290px;
}
.sortimo-component.tile-component .single-tile.small.hfggj {
width: 360px;
padding-top: 20%;
}
.sortimo-component.tile-component.busj {
width: 100%;
}
.sortimo-component.tile-component .single-tile.wide.vdssf {
padding-top: 25%;
}
.sortimo-component.text-picture-component .image-container.vdssf {
width: 48% !important;
}
.sortimo-component.text-picture-component .text-container.vdssf {
width: 48% !important;
}
.sortimo-component.tile-component .single-tile.wide.vdssf {
width: 48% !important;
}
}
@media only screen and (min-width : 1024px) and (max-width : 1199px) {
.owl-carousel .owl-wrapper-outer.ndfgxcvbfd {
display: inline-flex;
}
.sortimo-component.carousel-component.adtgnfsg {
max-width: 100% !important
}
.sortimo-component.carousel-component .wrapper.wasfwas {
margin-left: 0% !important;
margin-right: 0% !important;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.ndcgA {
width: 33% !important;
display: block;
float: left;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item.ndcgAaDasdczx {
margin: auto;
padding: 0px;
width: 100%;
max-width: 316px;
}
.owl-carousel .owl-wrapper-outer.congwf {
display: flex;
}
.owl-carousel .owl-wrapper-outer.congwf .owl-item {
width: 50% !important;
display: block;
float: left;
margin-bottom: 30px;
}
.sortimo-component.tile-component.ASFvdsead {
width: 100%;
}
.sortimo-component.tile-component .single-tile.low.sFDasc {
padding-top: 18%;
}
.ASFvdsead {
width: 100%;
}
.sortimo-component.text-picture-component .image-container.unjSFal {
width: 50% !important;
}
.sortimo-component.text-picture-component .text-container.unjSFal {
width: 50% !important;
}
.sortimo-component.tile-component .single-tile.small.dvgdv {
width: 200px !important;
height: 250px !important;
padding-top: 0% !important;
}
.sortimoWidth .categoryHeader .categoryHeaderPicture img {
width: 100%;
min-height: 280px;
}
.sortimo-component.tile-component .single-tile.small.hfggj {
width: 300px;
padding-top: 20%;
}
.sortimo-component.tile-component.busj {
width: 100%;
}
.sortimo-component.tile-component .single-tile.wide.vdssf {
padding-top: 35%;
}
.sortimo-component.text-picture-component .image-container.vdssf {
width: 48% !important;
}
.sortimo-component.text-picture-component .text-container.vdssf {
width: 48% !important;
}
.sortimo-component.tile-component .single-tile.wide.vdssf {
width: 48% !important;
}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
.owl-carousel .owl-wrapper-outer.ndfgxcvbfd {
display: inline-flex;
}
.sortimo-component.carousel-component .wrapper.wasfwas {
margin-left: 0% !important;
margin-right: 0% !important;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.ndcgA {
width: 100% !important;
display: block;
float: left;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item.ndcgAaDasdczx {
margin: auto;
padding: 0px;
width: 100%;
max-width: 316px;
}
.sortimo-component.carousel-component.adtgnfsg {
max-width: 100% !important
}
.owl-carousel .owl-wrapper-outer.congwf {
display: flex;
}
.owl-carousel .owl-wrapper-outer.congwf .owl-item {
width: 50% !important;
display: block;
float: left;
margin-bottom: 30px;
}
.sortimo-component.tile-component.ASFvdsead {
width: 100%;
}
.sortimo-component.tile-component .single-tile.low.sFDasc {
padding-top: 30%;
}
.ASFvdsead {
width: 100%;
}
.sortimo-component.text-picture-component .hudbnjk .component-headline {
text-align: left;
}
#serico .container-fluid.sdfgch {
width: 90%;
}
.sortimo-component.tile-component .single-tile.small.dvgdv {
width: 48% !important;
height: 342px !important;
padding-top: 0% !important;
}
.sortimo-component.tile-component.zFCbxacvmn {
width: 100%
}
.sortimo-component.tile-component .single-tile.small.hfggj {
padding-top: 30%;
}
.sortimo-component.tile-component.busj {
width: 100%;
}
.lokk {
height: auto !important;
background-size: contain !important;
}
}
@media only screen and (min-width : 150px) and (max-width : 767px) {
.owl-carousel .owl-wrapper-outer.ndfgxcvbfd {
display: inline-flex;
}
.sortimo-component.carousel-component .wrapper.wasfwas {
margin-left: 0% !important;
margin-right: 0% !important;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.ndcgA {
width: 100% !important;
display: block;
float: left;
}
.sortimo-component.carousel-component .wrapper .carousel-container .carousel-item.ndcgAaDasdczx {
margin: auto;
padding: 0px;
width: 100%;
max-width: 316px;
}
.sortimo-component.carousel-component.adtgnfsg {
max-width: 100% !important
}
.owl-carousel .owl-wrapper-outer.congwf {
display: flex;
}
.owl-carousel .owl-wrapper-outer.congwf .owl-item {
width: 100% !important;
display: block;
float: left;
margin-bottom: 30px;
}
.sortimo-component.tile-component.ASFvdsead {
width: 100%;
}
.sortimo-component.tile-component .single-tile.low.sFDasc {
padding-top: 60%;
}
.ASFvdsead {
width: 100%;
}
.sortimo-component.tile-component .single-tile.low.mjugk {
padding-top: 60%;
}
.sortimo-component.tile-component.dxfsdzvffffsdfhxd {
width: 100%
}
.hyjbf .sortimo-component.text-picture-component .component-headline {
text-align: left;
}
.sortimo-component.klkkl {
margin-bottom: 20px;
}
.sortimo-component.tile-component.zFCbxacvmn {
width: 100%
}
.sortimo-component.tile-component .single-tile.small.hfggj {
padding-top: 50%;
}
.sortimo-component.tile-component.busj {
width: 100%;
}
}
@media only screen and (max-width : 376px) {
.sortimo-component.tile-component .single-tile.low.mjugk {
padding-top: 100%;
}
}
@media only screen and (max-width : 325px) {
.sFDasc {
padding-top: 100% !important;
}
.sortimo-component.tile-component .single-tile.small.hfggj {
padding-top: 60%;
}
}