html, body {
height:100%;
}
@font-face {
font-family: 'Intra lighting light';
src: url('../fonts/Intralighting-40Light.eot');
src: url('../fonts/Intralighting-40Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Intralighting-40Light.woff2') format('woff2'), url('../fonts/Intralighting-40Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Intra lighting';
src: url('../fonts/Intralighting-50Regular.eot');
src: url('../fonts/Intralighting-50Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Intralighting-50Regular.woff2') format('woff2'),
url('../fonts/Intralighting-50Regular.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Intra lighting medium';
src: url('../fonts/Intralighting-60Medium.eot');
src: url('../fonts/Intralighting-60Medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/Intralighting-60Medium.woff2') format('woff2'),
url('../fonts/Intralighting-60Medium.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Intra lighting bold';
src: url('../fonts/Intralighting-70Bold.eot');
src: url('../fonts/Intralighting-70Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/Intralighting-70Bold.woff2') format('woff2'),
url('../fonts/Intralighting-70Bold.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Circular Std';
src: url('../fonts/CircularStd-Bold.woff2') format('woff2'),
url('../fonts/CircularStd-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
body[data-page="cart"] {
overflow-x: hidden;
}
body[data-page="cart"],
body[data-page="cart"] p,
body[data-page="cart"] a {
font-family: 'Intra lighting';
}
body[data-page="cart"] strong {font-family: 'Intra lighting medium';}
/*
==============================
MISC
==============================
*/
*::-webkit-scrollbar {background: #fff; width: 5px; height: 5px;}
*::-webkit-scrollbar-thumb {background: #010101;}
body::-webkit-scrollbar {
background: #fff;
width: 5px;
height: 5px;
}
body::-webkit-scrollbar-track {
background: #fff;
background: #fff;
}
body[data-page="cart"] img {vertical-align: top; max-width:100%;}
body[data-page="cart"] p {line-height:1.1;}
body[data-page="cart"] p:first-child {margin-top:0;}
body[data-page="cart"] p:last-child {margin-bottom:0;}
body[data-page="cart"] .no-margin {margin:0!important;}
body[data-page="cart"] .padding-top-20 {padding-top:20px;}
body[data-page="cart"] .padding-top-25 {padding-top:25px;}
body[data-page="cart"] .iconWtext span[class^="glyphicon"] {margin:0 5px 0 0;}
body[data-page="cart"] .iconWtext img {margin-right: 9px;}
body[data-page="cart"] .alertIcon {width:40px; height:40px; position: relative; display:flex; align-items:center; justify-content:center; color:#c1c1c1; border:solid 1px #ededed; border-radius:50%;}
body[data-page="cart"] .alertIcon-warning {box-shadow: 1px 1.732px 6px 0px rgba(234, 122, 104, 0.39); color:#eb3f23;}
body[data-page="cart"] .alertIcon-warning .alertIcon--text {background: #eb3f23; }
body[data-page="cart"] .alertIcon-success {box-shadow: 1px 1.732px 6px 0px rgba(128, 195, 153, 0.39); color:#4bcc7b;}
body[data-page="cart"] .alertIcon-success .alertIcon--text { background: #4bcc7b;}
body[data-page="cart"] .alertIcon-warning .alertIcon--text,
body[data-page="cart"] .alertIcon-success .alertIcon--text {color:#fff; font-size: 11px; font-family: 'Circular Std'; width:15px; height:15px; border-radius:50%; display:flex; align-items:center; justify-content:center; position: absolute; right: 0; top: 0;}
body[data-page="cart"] .alertIcon-warning .alertIcon--text .glyphicon,
body[data-page="cart"] .alertIcon-success .alertIcon--text .glyphicon {top:0px; font-size:7px;}
body[data-page="cart"] date {display: block; margin:0 0 5px; font-size:13px; color:#969696;}
body[data-page="cart"] date:last-child {margin-bottom:0;}
body[data-page="cart"] date span[class^="glyphicon"] {font-size:15px;}
body[data-page="cart"] .textAlign--center {text-align: center;}
body[data-page="cart"] .textAlign--left {text-align: left;}
body[data-page="cart"] .textAlign--right {text-align: right;}
body[data-page="cart"] .opacity-10 {opacity:0.10;}
body[data-page="cart"] .opacity-20 {opacity:0.20;}
body[data-page="cart"] .opacity-30 {opacity:0.30;}
body[data-page="cart"] .opacity-40 {opacity:0.40;}
body[data-page="cart"] .opacity-50 {opacity:0.50;}
body[data-page="cart"] .opacity-60 {opacity:0.60;}
body[data-page="cart"] .opacity-70 {opacity:0.70;}
body[data-page="cart"] .opacity-80 {opacity:0.80;}
body[data-page="cart"] .opacity-90 {opacity:0.90;}
body[data-page="cart"] .opacity-100 {opacity:1;}
body[data-page="cart"] .caCalendarNav {display:flex; align-items:center; height:50px; border:solid 1px #e8e8e8; font-size:11px; }
body[data-page="cart"] .caCalendarNav--btn {height:50px; width:50px; background:transparent; padding:0; border:none; transition:background 200ms linear;}
body[data-page="cart"] .caCalendarNav--btn + .caCalendarNav--btn {border-left:solid 1px #e8e8e8;}
body[data-page="cart"] .caCalendarNav--btn img {vertical-align: middle;}
body[data-page="cart"] .caCalendarNav--btn:hover {background: rgba(232, 232, 232, 0.2);}
body[data-page="cart"] .caCalendarNav--text {height:50px; min-width:145px; padding:0 10px; font-family: 'Circular Std'; text-align: center; display:flex; justify-content:center; align-items:center; border:solid 1px #e8e8e8; border-width:0 1px; user-select: none;}
/*
==============================
INPUTS
==============================
*/
/* _Buttons_ */
body[data-page="cart"] .button {
display: inline-block;
padding: 8px 12px 6px;
font-size: 14px;
letter-spacing: 0.5px;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
font-family: 'Circular Std' !important;
color: #fff;
background-color: #000;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
outline: none !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body[data-page="cart"] a.button {color:#fff;}
body[data-page="cart"] .button.active {cursor: default; pointer-events: none;}
body[data-page="cart"] .button-orange {background: #f09100;}
body[data-page="cart"] .button-lg {padding:0 35px; height:50px; line-height:49px;}
body[data-page="cart"] .button-md {padding:0 15px; height:40px; font-size: 11px; line-height:39px;}
body[data-page="cart"] .button-font-sm {font-size:11px;}
body[data-page="cart"] .button-block {width:100%;}
body[data-page="cart"] .button.button-border {border:solid 2px #000; background: none; color:#000;}
body[data-page="cart"] .button.button-orange.button-border {border-color:#f09100; color:#f09100;}
body[data-page="cart"] .button-default {background: #fff; border:solid 1px #e8e8e8; color:#000; font-size:11px; height:40px; padding:5px 20px 4px;}
body[data-page="cart"] .button.active.button-default {background: #f9f9fa; color:#aeaeaf;}
body[data-page="cart"] .button-reset {border:none; background:none; outline:none!important; line-height:0;}
body[data-page="cart"] .button-box {width:50px; height:50px; padding:10px; transition:background 200ms linear;}
body[data-page="cart"] .button-box:hover {background: rgba(232, 232, 232, 0.2);}
body[data-page="cart"] .buttonContainer {display:flex; align-items:center; width:100%; margin-top:-5px;}
body[data-page="cart"] .buttonContainer .button {margin-top:5px; margin-right:5px;}
body[data-page="cart"] .buttonContainer .button:last-child {margin-right:0;}
body[data-page="cart"] .buttonGroup {display:flex; align-items:center;}
body[data-page="cart"] .buttonGroup .button + .button {margin-left:-1px;}
body[data-page="cart"] .button:hover {
background-color: #000;
color: #fff;
}
/* _Inputs_ */
body[data-page="cart"] button,
body[data-page="cart"] input,
body[data-page="cart"] select,
body[data-page="cart"] textarea {outline:none!important;}
body[data-page="cart"] input {font-family: 'Intra lighting medium';}
body[data-page="cart"] input:read-only {cursor: default;}
body[data-page="cart"] main input:not([type="radio"]):not([type="textbox"]) {border:solid 1px #e8e8e8; height:40px; padding:5px 10px; box-sizing: border-box;}
body[data-page="cart"] input[type=number]::-webkit-inner-spin-button,
body[data-page="cart"] input[type=number]::-webkit-outer-spin-button {opacity: 1;}
body[data-page="cart"] select {
-moz-appearance: none; /* Firefox */
-webkit-appearance: none; /* Safari and Chrome */
appearance: none;
text-indent: 0;
text-overflow: '';
padding: 5px 10px;
background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSdibGFjaycgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+);
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 10px;
}
body[data-page="cart"] select::-ms-expand {
display: none;
}
/* _Select_ */
body[data-page="cart"] .caSelect:not(.bs-container) {min-width:185px; width:auto!important;}
body[data-page="cart"] .caSelect.caSelect-auto {min-width:0; width:auto;}
body[data-page="cart"] .caSelect select {display: none!important;}
body[data-page="cart"] .caSelect .dropdown-toggle {position: relative; height:50px; padding:0 40px 0 10px; background: #fff!important; border:solid 2px #e8e8e8!important; box-shadow:none!important; font-family: 'Intra lighting medium'; font-size:14px; outline:none!important;}
body[data-page="cart"] .caSelect .dropdown-toggle .bs-caret {position: absolute; right:20px; top:50%; margin-top:-5px; font-size:10px; line-height: 8px;}
body[data-page="cart"] .caSelect .dropdown-toggle .bs-caret:after {content:"\e114"; font-family: 'Glyphicons Halflings'; }
body[data-page="cart"] .caSelect .dropdown-toggle .bs-caret .caret {display: none;}
body[data-page="cart"] .caSelect .dropdown-toggle .filter-option {overflow:visible;}
body[data-page="cart"] .caSelect div.dropdown-menu {font-family: 'Intra lighting medium'; border-radius:0; margin:-2px 0 0; border:solid 2px #e6e6e6!important; padding:0; background: #fff!important; box-shadow: 0px 1px 5px -2px rgba(0,0,0,.3);}
body[data-page="cart"] .caSelect div.dropdown-menu ul.dropdown-menu {font-size:14px;}
body[data-page="cart"] .caSelect div.dropdown-menu ul.dropdown-menu > li > a {font-family: 'Intra lighting medium'; padding: 8px 10px 6px; outline:none!important;}
body[data-page="cart"] .caSelect.caSelect-theme-1 .dropdown-toggle {height:50px; padding:2px 50px 0 25px; font-family: 'Circular Std'; font-size:11px; border-width:1px!important;}
body[data-page="cart"] .caSelect.caSelect-theme-1 div.dropdown-menu {font-family: 'Circular Std'; border-radius:0; margin:-1px 0 0; padding:0; background: #fff!important; box-shadow: 0px 1px 5px -2px rgba(0,0,0,.3); border:solid 1px #e8e8e8!important;}
body[data-page="cart"] .caSelect.caSelect-theme-1 div.dropdown-menu ul.dropdown-menu {font-size:11px;}
body[data-page="cart"] .caSelect.caSelect-theme-1 div.dropdown-menu ul.dropdown-menu > li > a {font-family: 'Circular Std'; padding: 8px 25px 6px; outline:none!important;}
body[data-page="cart"] .caSelect .caSelect--flex {display:flex; align-items:center; padding-left:5px; margin-top:-2px;}
body[data-page="cart"] .caSelect .caSelect--flex img {width:30px;}
body[data-page="cart"] .caSelect .caSelect--flex img + div {width:calc(100% - 30px); padding-left:15px; padding-top:2px;}
body[data-page="cart"] .caSelect-sm .dropdown-toggle {height:50px;}
body[data-page="cart"] .caSelect-reset:not(.bs-container) {min-width:0!important; width:100%!important;}
body[data-page="cart"] .caSelect-reset .dropdown-toggle {height:auto; padding:0 15px 0 0; background:transparent!important; border:none!important; font-family: 'Intra lighting'; font-size:14px;}
body[data-page="cart"] .caSelect-reset .dropdown-toggle .bs-caret {right:2px;}
body[data-page="cart"] .caSelect-reset div.dropdown-menu {font-family: 'Intra lighting'; border-radius:0; margin:-1px 0 0; padding:0; background: #fff!important; box-shadow: 0px 1px 5px -2px rgba(0,0,0,.3); border:solid 1px #e8e8e8!important;}
body[data-page="cart"] .caSelect-reset div.dropdown-menu ul.dropdown-menu {font-size:14px;}
body[data-page="cart"] .caSelect-reset div.dropdown-menu ul.dropdown-menu > li > a {font-family: 'Intra lighting'; padding: 5px 5px 3px; outline:none!important;}
body[data-page="cart"] .caMain--header .caSelect .dropdown-toggle {border-width:1px!important;}
/* _Select: boostrap theme _*/
body[data-page="cart"] .ui-select-bootstrap,
body[data-page="cart"] .ui-select-bootstrap * {outline:none!important;}
body[data-page="cart"] .ui-select-bootstrap .ui-select-search-hidden {opacity: 0!important; height: 0!important; min-height: 0!important; padding: 0!important; margin: 0!important; border:0!important;}
body[data-page="cart"] .ui-select-bootstrap .ui-select-offscreen {clip: rect(0 0 0 0) !important; width: 1px !important; height: 1px !important; border: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; outline: 0 !important; left: 0px !important; top: 0px !important;}
body[data-page="cart"] .ui-select-bootstrap .ui-select-toggle {position: relative; border: solid 2px #e6e6e6; height: 50px;padding: 2px 40px 0 10px; background: #fff!important; border: solid 2px #e8e8e8!important; box-shadow: none!important; font-family: 'Intra lighting medium'; font-size: 14px; display: flex; align-items: center;}
body[data-page="cart"] .ui-select-bootstrap .ui-select-toggle > .caret {position: absolute; height: 10px; top: 50%; right: 20px; margin-top: -6px; font-size:10px; font-style: normal; width:10px; height:12px; border:none!important;}
body[data-page="cart"] .ui-select-bootstrap .ui-select-toggle > .caret:before {content: "\e114"; font-family: 'Glyphicons Halflings';}
body[data-page="cart"] .ui-select-bootstrap ul.ui-select-dropdown {width:100%; border: solid 2px #e6e6e6!important; background: #fff!important; margin:-2px 0 0; padding:0; border-radius:0; box-shadow: 0px 1px 5px -2px rgba(0,0,0,.3);}
body[data-page="cart"] .ui-select-bootstrap ul.ui-select-dropdown li .ui-select-choices-row {font-family: 'Intra lighting medium'; padding: 8px 10px 6px; outline: none!important;}
body[data-page="cart"] .ui-select-bootstrap ul.ui-select-dropdown li .ui-select-choices-row:hover {color: #262626; text-decoration: none; background-color: #f5f5f5; cursor: pointer;}
body[data-page="cart"] .ui-select-bootstrap.open .ui-select-toggle > .caret {transform:rotate(-180deg);}
/* _Files_ */
body[data-page="cart"] .fileUpload {display:flex; align-items:center; height:50px; padding:5px 5px 5px 10px; border:solid 2px #e6e6e6;}
body[data-page="cart"] .fileUpload--text {width:calc(100% - 95px); padding-right:5px; padding-top:0; font-family: 'Intra lighting medium'; font-size:14px; color:#a0a0a0; cursor: default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body[data-page="cart"] .fileUpload button,
body[data-page="cart"] .fileUpload input[type="button"] {width:95px; height:100%; background: #f1f1f1; font-family: 'Circular Std'; font-size:11px; text-transform: uppercase; color:#919191; padding:0; border:none; transition:background 200ms linear;}
body[data-page="cart"] .fileUpload button:hover,
body[data-page="cart"] .fileUpload input[type="button"]:hover {background: #e4e4e4;}
body[data-page="cart"] .fileUpload input[type="file"] {display: none;}
body[data-page="cart"] .uploadedFile {margin-top:15px; display:flex; align-items:center; line-height:1;}
body[data-page="cart"] .uploadedFile:last-child {margin-bottom:15px;}
body[data-page="cart"] .uploadedFile img {width:15px; position: relative; top:0; cursor: pointer;}
body[data-page="cart"] .uploadedFile--name {width:calc(100% - 60px); padding:0 10px; line-height: 1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
body[data-page="cart"] .uploadedFile--size {color:#a0a0a0; width:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: right;}
/* _Check/Radio_ */
body[data-page="cart"] .checkboxList {list-style:none; margin:0; padding:0;}
body[data-page="cart"] .checkboxList li + li {margin-top:15px;}
body[data-page="cart"] .checkboxList + div {margin-top:20px!important;}
body[data-page="cart"] .caCheckbox {display:flex; align-items:flex-start; cursor: pointer;}
body[data-page="cart"] .caCheckbox--icon {width:25px; height:25px; margin-top:-5px; background: url(/img/custom-checkbox.png) no-repeat left top;}
body[data-page="cart"] .caCheckbox--text {width:calc(100% - 25px); padding-left:15px; font-family: 'Intra lighting'; font-weight:normal; font-size:14px; color:#000; }
body[data-page="cart"] .caCheckbox--text h3 {margin:0 0 5px!important;}
body[data-page="cart"] .caCheckbox--input {display: none;}
body[data-page="cart"] .caCheckbox--input:checked + .caCheckbox--icon {background-position: right top;}
body[data-page="cart"] .caCheckbox--input[data-cb-type="radio"] + .caCheckbox--icon,
body[data-page="cart"] .caCheckbox--input[type="radio"] + .caCheckbox--icon {background-image:url(/img/custom-radio.png)}
body[data-page="cart"] .caCheckbox-small .caCheckbox--icon {width:20px; height:20px; background-image:url(/img/custom-checkbox-small.png); margin-top:-2px;}
body[data-page="cart"] .caCheckbox-xsmall .caCheckbox--icon {width:15px; height:15px; background-image:url(/img/custom-checkbox-xsmall.png)}
body[data-page="cart"] .caCheckbox-border .caCheckbox--icon {background-image:url(/img/custom-checkbox2.png)}
/* _Notification_ */
body[data-page="cart"] .inputNotification {position: relative; border: solid 0px #e6e6e6; display:flex; align-items:center;}
body[data-page="cart"] .inputNotification--alert {font-size:13px; line-height: 1; padding:5px 15px; height:36px; position:relative; color:#fff; display:flex; align-items:center; background: #f09100;}
body[data-page="cart"] .inputNotification--alert:before {content:""; border: solid 6px transparent; border-right-color: #f09100; position: absolute; left: -12px; top: 50%; margin-top: -6px;}
/* _Special_ */
body[data-page="cart"] .inputJustify {display:flex; align-items:center; justify-content:space-between; padding:15px 0; border:solid 1px #f2f2f2; border-width:1px 0;}
body[data-page="cart"] .inputJustify + .inputJustify {margin-top:-1px;}
body[data-page="cart"] .inputJustify.disabled {opacity:0.35; pointer-events:none;}
body[data-page="cart"] .inputJustify--input input,
body[data-page="cart"] .inputJustify--input select {max-width:100px; height:35px!important; text-align: right;}
body[data-page="cart"] .inputJustify--input .select-wrapper {width:200px;}
body[data-page="cart"] .inputJustify--input .select-wrapper select {max-width:none;}
body[data-page="cart"] .inputJustify--input input:disabled {background:#fff;}
body[data-page="cart"] .inputJustify--text {flex: 1; line-height: 1.2; padding-right:5px;}
/* Tags */
body[data-page="cart"] .caTag {font-family: 'Intra lighting bold'; font-size:15px; line-height: 1.15; color:#000; margin:2.5px 5px 2.5px 0; padding:2px 6px; display: inline-block; border: solid 2px #000; border-radius: 13px;}
body[data-page="cart"] .caTag.caTag-light {/*font-family: 'Intra lighting light';*/}
body[data-page="cart"] .caTag.caTag-flex {display:flex; align-items: center;}
body[data-page="cart"] .caTag.caTag-small {font-size:10px;}
body[data-page="cart"] .caTag.caTag-small i.glyphicon {font-size:14px;}
body[data-page="cart"] .caTag.caTag-noBorder {border:none; padding:0;}
body[data-page="cart"] .caTag.caTag-warning {color:#f09100; border-color:#f09100;}
body[data-page="cart"] .caTag.caTag-danger {color:#eb3f23; border-color:#eb3f23;}
body[data-page="cart"] .caTag.caTag-success {color:#4bcc7b; border-color:#4bcc7b;}
body[data-page="cart"] .caTag.caTag-notificationNumber {box-sizing: border-box; width:18px; height:18px; border-width:2px; font-size:11px; padding:0; margin:0 5px; position: relative; top:-2px; text-align: center;}
body[data-page="cart"] .caTag.caTag-notificationNumber span {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0;}
body[data-page="cart"] .caTag i.glyphicon {display:inline-block; vertical-align: middle; font-size:15px; line-height:1.15; top:0; margin-right:5px;}
body[data-page="cart"] .caTag img {display:inline-block; vertical-align: middle; margin-right:5px;}
body[data-page="cart"] .caTag.caTag-reverse {padding:2px 8px;}
body[data-page="cart"] .caTag.caTag-reverse.caTag-warning {color:#fff; background: #f09100;}
body[data-page="cart"] .caTag.caTag-reverse.caTag-danger {color:#fff; background: #eb3f23;}
body[data-page="cart"] .caTag.caTag-reverse.caTag-success {color:#fff; background: #4bcc7b;}
body[data-page="cart"] .caTag.caTag-special-info {font-family: 'Intra lighting light'; font-size: 13px; color: #a0a0a0;}
body[data-page="cart"] .caTag.caTag-special-info img {margin-right:10px;}
/*
==============================
TITLES
==============================
*/
body[data-page="cart"] h1,
body[data-page="cart"] h2,
body[data-page="cart"] h3,
body[data-page="cart"] h4,
body[data-page="cart"] h5,
body[data-page="cart"] h6 {font-family: 'Intra lighting medium'; opacity:1;}
body[data-page="cart"] h1:first-child,
body[data-page="cart"] h2:first-child,
body[data-page="cart"] h3:first-child,
body[data-page="cart"] h4:first-child {margin-top:0;}
body[data-page="cart"] h1 {font-size:22px; margin:35px 0;}
body[data-page="cart"] h2 {font-size:18px; margin:15px 0;}
body[data-page="cart"] h2 > span{font-family: 'Intra lighting'; color:#a0a0a0; margin-right:10px;font-weight:bold}
body[data-page="cart"] h3 {font-size:16px; margin:35px 0;}
body[data-page="cart"] h4 {font-size:13px; font-family: 'Circular Std'; margin:25px 0;}
body[data-page="cart"] h5 {font-size:11px; font-family: 'Circular Std'; margin:0 0 8px; padding:0; opacity:0.5}
body[data-page="cart"] .border-bottom {border-bottom:solid 1px #f2f2f2; padding:0 0 20px;}
/*
==============================
LISTS
==============================
*/
body[data-page="cart"] ul.inlineList {display:flex; align-items:center; flex-wrap:wrap; padding:0; margin: 0;}
body[data-page="cart"] ul.inlineList + ul.inlineList {margin-top:-5px;}
body[data-page="cart"] ul.inlineList li {margin:5px 10px 5px 0;}
/* */
body[data-page="cart"] .caLegend span {display:inline-block; vertical-align: middle;}
body[data-page="cart"] .caLegend--label {font-size:13px; font-family: 'Intra lighting medium'; color:#8b8b8b;}
body[data-page="cart"] .caLegend--circle {width:8px; height:8px; border-radius:50%; background: #aeaeaf;}
body[data-page="cart"] .caLegend--circle + .caLegend--label {padding-left:7px;}
/*
==============================
COLORS
==============================
*/
body[data-page="cart"] .c--orange {color:#f09100!important;}
body[data-page="cart"] .c--gray-200 {color:#a0a0a0!important;}
body[data-page="cart"] .c--gray-300 {color:#a3a3a3!important;}
body[data-page="cart"] .bgc--green {background:#4bcc7b!important;}
/*
==============================
TOOLTIP
==============================
*/
body[data-page="cart"] .caTooltip {position: relative;}
body[data-page="cart"] .caTooltip--trigger {cursor: pointer;}
body[data-page="cart"] .caTooltip--content {visibility: hidden; opacity:0; position: absolute; right:-40px; top:100%; margin-top:20px; z-index:40; width:365px; background:#fff; box-shadow: 1px 1.732px 15px 0px rgba(87, 90, 91, 0.24); transform:translate3d(0,0,0); transition:all 200ms ease-in-out;}
body[data-page="cart"] .caTooltip--content:before {content:""; border:solid 7px transparent; border-bottom-color:#fff; position: absolute; right:40px; top:-14px;}
body[data-page="cart"] .caTooltip--content ._block {padding:25px 30px;}
body[data-page="cart"] .caTooltip--content ._block h5 {margin:0 0 20px; opacity:1;}
body[data-page="cart"] .caTooltip--content ._block h5.border-bottom {width:Calc(100% + 60px); margin-left:-30px; padding-left:30px; padding-right:30px;}
body[data-page="cart"] .caTooltip:hover .caTooltip--content {visibility: visible; opacity:1; margin-top:15px;}
body[data-page="cart"] .caTooltip .caClientInfo {font-size:15px; line-height:1.2;}
body[data-page="cart"] .caTooltip .caClientInfo .blockGrid--row + .blockGrid--row {margin-top:20px;}
body[data-page="cart"] .caTooltip .blockGrid.caClientInfo {margin-left:-5px; margin-right:-5px;}
body[data-page="cart"] .caTooltip .blockGrid.caClientInfo [class^="blockGrid--"]:not(.blockGrid--row) {padding-left:5px; padding-right:5px;}
/* _Simple tooltip_ */
body[data-page="cart"] .caSimpleTooltip {position: relative;}
body[data-page="cart"] .caSimpleTooltip:before,
body[data-page="cart"] .caSimpleTooltip:after {visibility: hidden; opacity:0; margin-top:8px; transition:all 200ms ease-in-out;}
body[data-page="cart"] .caSimpleTooltip:after {content: attr(data-tooltip); position: absolute; z-index:50; top:calc(100% + 10px); left:50%; transform:translateX(-70%); background:#000; font-family:"Intra lighting"; color:#fff; font-size:12px; font-weight:normal; text-transform: none; white-space:nowrap; line-height:1.2; padding: 8px 14px; border-radius:3px;}
body[data-page="cart"] .caSimpleTooltip:before {content: ""; border:solid 4px transparent; border-bottom-color:#000; position: absolute; left:50%; top:calc(100% + 2px); margin-left:-4px;}
body[data-page="cart"] .caSimpleTooltip:hover:before,
body[data-page="cart"] .caSimpleTooltip:hover:after {visibility: visible; opacity:1; margin-top:0;}
/*
==============================
TABS
==============================
*/
body[data-page="cart"] .tabContainer {height:100%; display: flex; flex-direction: column;}
body[data-page="cart"] .tabContainer--navigation {display:flex; align-items:center; flex-wrap:wrap; margin:0; position: relative;}
body[data-page="cart"] .tabContainer--navigation:after {content:""; position: absolute; left:0; bottom:0; width:100%; height:1px; background: #C7C7C766;}
body[data-page="cart"] .tabContainer--navigation a {font-family: 'Circular Std'!important; font-size:11px; color:#000; text-align: center; border-bottom:solid 2px transparent; position: relative; z-index:5; display:flex; /*align-items:center;*/ min-height:50px; padding: 16px 30px 5px; transition:color 200ms linear;text-transform:uppercase}
body[data-page="cart"] .tabContainer--navigation a:hover {color:#f09100;}
body[data-page="cart"] .tabContainer--navigation a.active span,
body[data-page="cart"] .tabContainer--navigation a:hover span {border-color:#f09100;}
body[data-page="cart"] .tabContainer--navigation a.active {color:#f09100; border-bottom-color:#f09100;}
body[data-page="cart"] .tabContainer--navigation a span {position: absolute; width:16px; height:16px; border:solid 2px #a0a0a0; display:flex; align-items:center; justify-content:center; border-radius: 50%; font-size:10px; top: 16px; right: -15px;}
body[data-page="cart"] .tabContainer--navigation[data-theme="blocks"]:after {display: none;}
body[data-page="cart"] .tabContainer--navigation[data-theme="blocks"] a {flex:1; font-family: 'Intra lighting light'; font-size:13px; text-align: center; border:none; justify-content:center; min-height:40px; background:#f4f4f4; border:solid 1px #e5e5e5; transition:background 200ms linear;}
body[data-page="cart"] .tabContainer--navigation[data-theme="blocks"] a:hover {color:#a0a0a0; background: #fff;}
body[data-page="cart"] .tabContainer--navigation[data-theme="blocks"] a.active {background: #fff; font-family: 'Intra lighting medium'; color:#000;}
body[data-page="cart"] .tabContainer--navigation[data-theme="blocks"] a span {position: static; margin-left:5px; font-family: 'Circular Std'; color:#f09100; border-color:#f09100;}
body[data-page="cart"] .tabContainer--navigation[data-theme="blocks"] a + a {margin-left: -1px;}
body[data-page="cart"] .tabContainer--tabs {
flex: 1;
overflow: auto;
padding-top: 30px;
}
.col-md-3.inline.constructor.technical-card-container .sidebar.sidebar-downloads {
scrollbar-color: black white;
scrollbar-width: thin;
}
.rddlPopup .rddlList {
scrollbar-color: black white;
scrollbar-width: thin;
}
.dataTables_scrollBody {
scrollbar-color: black white;
scrollbar-width: thin;
}
body[data-page="cart"] .tabContainer--footer {
padding: 15px 30px;
}
body[data-page="cart"] .tabContainer--footer {
border-top: solid 1px #f2f2f2;
display:flex;
}
body[data-page="cart"] .tabContainer--footer a {
margin:0px;
flex-grow:1;
width:50%;
}
body[data-page="cart"] .tabContainer--footer a + a {
margin-left: 10px;
}
body[data-page="cart"] .caTab--footer {padding:25px 30px; margin-top: -1px; display:flex; align-items:flex-start; border-top:solid 1px #f2f2f2; background: #fff;}
body[data-page="cart"] .caTab--footer.typeNewMessage {padding:0;}
body[data-page="cart"] .caTab--footer.typeNewMessage > div {display:flex; align-items:center; width:100%;}
body[data-page="cart"] .caTab--footer.typeNewMessage input {padding:15px 30px; width:Calc(100% - 40px); border:none; font-family: 'Intra lighting'!important;}
body[data-page="cart"] .caTab--footer.typeNewMessage button{width:40px; padding:15px 0; font-size:16px;}
body[data-page="cart"] .caTab--footer.typeNewMessage ::-webkit-input-placeholder {opacity:0.5;}
body[data-page="cart"] .caTab--footer.typeNewMessage ::-moz-placeholder {opacity:0.5;}
body[data-page="cart"] .caTab--footer.typeNewMessage :-ms-input-placeholder {opacity:0.5;}
body[data-page="cart"] .caTab--footer.typeNewMessage :-moz-placeholder {opacity:0.5;}
body[data-page="cart"] .caTab[data-footer-type="messages"] {height:100%;}
body[data-page="cart"] .caTab[data-footer-type="messages"] .caTab--content {height: calc(100% - 50px); overflow:auto;}
body[data-page="cart"] .caSearch {border-bottom:solid 1px #f2f2f2; padding:15px 30px; margin-top:-10px;}
body[data-page="cart"] .caSearch input {width:100%; height:30px!important; padding:0 5px 0 35px!important; font-family: 'Intra lighting light'!important; font-size:14px; border:none!important; background:url(../../../../../img/icon-search.png) no-repeat left center;}
body[data-page="cart"] .caSearch ::-webkit-input-placeholder { font-style:italic; }
body[data-page="cart"] .caSearch ::-moz-placeholder { font-style:italic; }
body[data-page="cart"] .caSearch :-ms-input-placeholder { font-style:italic; }
body[data-page="cart"] .caSearch :-moz-placeholder { font-style:italic; }
/*
==============================
MESSAGES
==============================
*/
body[data-page="cart"] .messageContainer {padding:20px 30px;}
body[data-page="cart"] .message + .message {margin-top:20px;}
body[data-page="cart"] .message--age {font-family: 'Intra lighting medium'; font-size:11px; line-height:1; width: 100%; text-align: center; margin:0 0 10px; opacity:0.6; }
body[data-page="cart"] .message--content {display:flex; align-items:flex-start; flex-wrap:wrap;}
body[data-page="cart"] .message--content-sender {width:100%; font-family: 'Intra lighting medium'; font-size:12px; line-height:1.1; opacity:0.6; margin:0 0 5px; padding-left:61px;}
body[data-page="cart"] .message--content-image {width:40px;}
body[data-page="cart"] .message--content-text {flex: 0 0 auto; max-width:calc(100% - 61px); margin-left:21px; background: #000; color:#fff; padding:15px 15px 12px; border-radius: 7px; font-size:14px; position: relative;}
body[data-page="cart"] .message--content-text:before {content:""; position: absolute; left:-12px; top:15px; border:solid 6px transparent; border-right-color:#000;}
body[data-page="cart"] .message.message-receiver .message--content {justify-content: flex-end;}
body[data-page="cart"] .message.message-receiver .message--content-image {order:2;}
body[data-page="cart"] .message.message-receiver .message--content-text {color:#000; background: #f9f9fa; order:1; margin-right:21px; margin-left:0;}
body[data-page="cart"] .message.message-receiver .message--content-text:before {border-right-color:transparent; border-left-color:#f9f9f9; left:auto; right:-12px;}
/*
==============================
POPUPS
==============================
*/
body[data-page="cart"] .modal-dialog {width:100%;}
body[data-page="cart"] .modal-default .modal-dialog {max-width:335px;}
body[data-page="cart"] .modal-large .modal-dialog {max-width:600px;}
body[data-page="cart"] .modal-content {padding:0;}
body[data-page="cart"] .modal-header {
font-family: 'Circular Std';
font-size: 20px;
/*text-transform: uppercase; */
color: #000;
padding: 10px 30px;
min-height: 50px;
display: flex;
}
body[data-page="cart"] .modal-header:before,
body[data-page="cart"] .modal-header:after {content:none; display:none;}
body[data-page="cart"] .modal-close {background:none; border:none; padding:2px 0 0; width:25px; height:25px; color:#ccc; font-size:11px; margin-right:-20px; outline:none!important; transition:color 200ms linear;}
body[data-page="cart"] .modal-close:hover {color:#000;}
body[data-page="cart"] .modal-body h2,
body[data-page="cart"] .modal-body h3,
body[data-page="cart"] .modal-body h3 {margin:0 0 10px;}
body[data-page="cart"] .modal-body label {font-size:10px;}
body[data-page="cart"] .modal-body .buttonContainer {margin-top:20px;}
body[data-page="cart"] .modal-body .uploadedFileList {margin: 20px 0 30px;}
body[data-page="cart"] .modal-body ._block {width:calc(100% + 60px); margin-left:-30px;}
body[data-page="cart"] .modal-body > ._block:first-child {padding-top:0;}
/*
==============================
BLOCK GRID
==============================
*/
body[data-page="cart"] .blockGrid {display:flex; align-items:flex-start; flex-wrap:Wrap;}
body[data-page="cart"] .blockGrid > [class^="blockGrid--"]:not(.blockGrid--row),
body[data-page="cart"] .blockGrid > .blockGrid--row > [class^="blockGrid--"] {padding-left:10px; padding-right:10px;}
body[data-page="cart"] .blockGrid--100 {width:100%;}
body[data-page="cart"] .blockGrid--66 {width:66.667%;}
body[data-page="cart"] .blockGrid--50 {width:50%;}
body[data-page="cart"] .blockGrid--33 {width:33.333%;}
body[data-page="cart"] .blockGrid--25 {width:25%;}
body[data-page="cart"] .blockGrid--20 {width:20%;}
body[data-page="cart"] .blockGrid--16 {width:16.667%;}
body[data-page="cart"] .blockGrid--1 {flex:1 0 auto;}
body[data-page="cart"] .blockGrid--row {width:100%; display:flex; align-items:flex-start; flex-wrap:Wrap;}
body[data-page="cart"] .blockGrid--row + .blockGrid--row {margin-top:25px;}
body[data-page="cart"] .alignItems--center {align-items:center!important;}
body[data-page="cart"] .alignItems--start {align-items:flex-start!important;}
body[data-page="cart"] .alignItems--end {align-items:flex-end!important;}
body[data-page="cart"] .justifyContent--center {justify-content: center;}
body[data-page="cart"] .justifyContent--start {justify-content: flex-start;}
body[data-page="cart"] .justifyContent--end {justify-content: flex-end;}
body[data-page="cart"] .direction--column {flex-direction:column!important;}
body[data-page="cart"] .direction--row {flex-direction:row!important;}
/*
==============================
MAIN GRID
==============================
*/
body[data-page="cart"] .caBG--main {position: relative; width:100%; flex:1; }
body[data-page="cart"] .caBG--sidebar {width:450px; height:100%; overflow: hidden; padding:18px 20px 18px 0px;}
body[data-page="cart"] .caMain--header {width:100%; height:110px; padding:15px 15px 30px 30px; display:flex; align-items:center; justify-content:space-between;z-index:11; }
body[data-page="cart"] .caMain--header:after {content:""; position: absolute; z-index:5; left:0; top:0; width:100%; height:100%; box-shadow: 1px 1.732px 15px 0px rgba(117, 117, 117, 0.18); pointer-events: none;}
body[data-page="cart"] .caMain--header > div {display:flex; align-items:center;}
body[data-page="cart"] .caMain--header h1 {padding-top:3px;}
body[data-page="cart"] .caMain--header-left > div + div.buttonGroup {margin-left:25px;}
body[data-page="cart"] .caMain--header-right > div + div {margin-left:20px;}
body[data-page="cart"] .caMain--header h1 {margin:0;}
body[data-page="cart"] .caMain--header select {font-family: 'Circular Std'; font-size:11px; color:#000;}
body[data-page="cart"] .caMain--content {
width: 100%;
padding-left: 30px;
padding-right: 15px;
padding-bottom: 30px;
overflow:hidden;
flex: 1 1 0%;
}
body[data-page="cart"] .caMain--content.overflow-reset {overflow:initial;}
body[data-page="cart"] .caMain--header.caMain--header-small {height:80px; padding:15px;}
body[data-page="cart"] .caMain--header.caMain--header-small + .caMain--content {height:calc(100% - 80px); top: 80px;}
body[data-page="cart"] .caSidebar {height:100%; display: flex; flex-direction: column; position:relative; /*display: flex; flex-direction: column;*/ overflow:auto;}
body[data-page="cart"] .caSidebar--content {/*flex:1;*/ overflow:auto;}
body[data-page="cart"] .caSidebar--footer {height:105px; padding:25px 30px; display:flex; align-items:flex-start; border-top:solid 1px #f2f2f2;}
body[data-page="cart"] .caSidebar--footer .button {width:100%;}
/*
==============================
BLOCKs
==============================
*/
body[data-page="cart"] ._block {padding:15px 15px 15px 15px; color:#000; }
body[data-page="cart"] ._block.no-padding {padding:0;}
body[data-page="cart"] ._block h1 {margin-bottom:5px!important;}
body[data-page="cart"] ._block + ._block {border-top:solid 1px #f2f2f2;}
body[data-page="cart"] ._block--inner {border:solid 1px #f2f2f2; border-width:1px 0; width:calc(100% + 60px); margin-left:-30px; padding:20px 30px}
body[data-page="cart"] ._block--inner .caSelect {width:100%!important;}
/* _Create presentation_ */
body[data-page="cart"] ._block.createPresentation {cursor: pointer; padding: 55px 30px;}
body[data-page="cart"] ._block.createPresentation .glyphicon-chevron-circle-large {width:60px; height:60px; border:solid 1px #f2f2f2; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background 200ms linear;}
body[data-page="cart"] ._block.createPresentation:hover .glyphicon-chevron-circle-large {background: #f2f2f2;}
/* _User actions_ */
body[data-page="cart"] ._block.userOptions {display:flex; align-items:center;}
body[data-page="cart"] ._block .userOptions--back {margin-left: -15px; width: 35px; display: flex; align-items: center; cursor: pointer;}
body[data-page="cart"] ._block .userOptions--image {width:95px; position: relative;}
body[data-page="cart"] ._block .userOptions--image + .userOptions--text {width:calc(100% - 95px); padding-left:30px;}
body[data-page="cart"] ._block .userOptions--back + .userOptions--image + .userOptions--text {width:calc(100% - 116px); padding-left:30px;}
body[data-page="cart"] ._block .userOptions--image-action {position:absolute; right:0; bottom:0; cursor: pointer; width:30px; height:30px; border-radius:50%; background: #000; font-size:12px; color:#fff; display:flex; align-items:center; justify-content:center; transition:background 200ms linear;}
body[data-page="cart"] ._block .userOptions--image-action:hover {background: #f09100;}
body[data-page="cart"] ._block .userOptions--image-action span {top:0px;}
body[data-page="cart"] ._block .userOptions--image-action span.glyphicon-plus {left:0.5px;}
/* _History_ */
body[data-page="cart"] ._block.caHistory {padding:30px; border-bottom:solid 1px #f2f2f2;}
body[data-page="cart"] ._block.caHistory + ._block.caHistory {margin-top:-1px;}
body[data-page="cart"] ._block.caHistory h3 {margin:0 0 5px;}
/* _Title - special_ */
body[data-page="cart"] ._block.caTitleSpecial {padding:7px 30px; margin-top:30px; background: #f9f9fa; font-family: 'Circular Std'; font-size:12px; line-height:1.1; color:#969696; border:none!important;}
body[data-page="cart"] ._block.caTitleSpecial + ._block {border-top:none;}
/* _Form_ */
body[data-page="cart"] .caForm .blockGrid {margin-left:-5px; margin-right:-5px;}
body[data-page="cart"] .caForm .blockGrid > [class^="blockGrid--"] {padding-left:5px; padding-right:5px;}
body[data-page="cart"] .caForm input:not([type="radio"]):not([type="checkbox"]):not([type="button"]),
body[data-page="cart"] .caForm textarea,
body[data-page="cart"] .caForm select {width:100%; border:solid 1px #e6e6e6; height:45px; padding:8px 10px; font-size:14px;}
body[data-page="cart"] .caForm textarea {height:150px; resize:vertical;}
body[data-page="cart"] .caForm label {font-family: 'Circular Std'; font-size:11px; margin:5px 0px 7px 0px;position:relative;}
body[data-page="cart"] .caForm .caSelect {width:100%!important; font-family: 'Intra lighting medium';}
body[data-page="cart"] .caForm .caSelect .dropdown-toggle {border:solid 2px #e6e6e6!important; width:100%!important;}
body[data-page="cart"] .caForm .caSelect div.dropdown-menu ul.dropdown-menu > li > a {}
body[data-page="cart"] .caForm .caSelect div.dropdown-menu {margin:-2px 0 0; border:solid 2px #e6e6e6!important;}
body[data-page="cart"] .caForm--row {display:flex; align-items:flex-start; flex-wrap:Wrap;}
body[data-page="cart"] .caForm--row + .caForm--row {margin-top:15px;}
body[data-page="cart"] .caForm + .caForm {margin-top:15px;}
/* _InfoBlock_ */
body[data-page="cart"] .caInfoBlock {border-bottom:solid 1px #f2f2f2; color:#585858; font-size:13px; margin-top:-1px; display:flex; align-items:center; justify-content:space-between;}
body[data-page="cart"] .caInfoBlock.no-edit {background: #fef8e5;}
body[data-page="cart"] .caInfoBlock.caInfoBlock-file {padding:25px 30px;}
body[data-page="cart"] .caInfoBlock.caInfoBlock-file .caInfoBlock--actions {opacity:0; transition: opacity 200ms linear;}
body[data-page="cart"] .caInfoBlock.caInfoBlock-file:hover .caInfoBlock--actions {opacity:1;}
body[data-page="cart"] .caInfoBlock a {color:#585858;}
body[data-page="cart"] .caInfoBlock a[href^="mailto:"] {color:#000; text-decoration: underline;}
body[data-page="cart"] .caInfoBlock .label-border {border-color:#585858!important; color:#585858!important;}
body[data-page="cart"] .caInfoBlock--text {flex:1;}
body[data-page="cart"] .caInfoBlock--text h3 {margin:0 0 5px!important;}
body[data-page="cart"] .caInfoBlock--actions {/*width:120px;*/ padding-left:10px; text-align: right;}
body[data-page="cart"] .caInfoBlock--actions button.button-reset {width:35px; height:35px; font-size:16px; padding:0; transition:color 200ms linear;}
body[data-page="cart"] .caInfoBlock--actions button.button-reset:hover {color:#f09100;}
body[data-page="cart"] .caInfoBlock--actions button.button-reset:disabled {color:#f09100;}
/*
==============================
TABLES
==============================
*/
body[data-page="cart"] table.caTable--fixed {table-layout: fixed; word-wrap:break-word;}
body[data-page="cart"] table.dataTable {/*table-layout: fixed; word-wrap:break-word;*/}
body[data-page="cart"] table.dataTable,
body[data-page="cart"] table.dataTable th,
body[data-page="cart"] table.dataTable td {box-sizing: border-box;}
body[data-page="cart"] .dataTables_scroll {position: relative;}
body[data-page="cart"] .dataTables_scroll:after {content:""; position: absolute; left:0; bottom:0; width:100%; height:1px; background: #f2f2f2;}
body[data-page="cart"] .dataTables_scrollHead {z-index:100;}
body[data-page="cart"] .dataTables_scrollHeadInner,
body[data-page="cart"] .dataTables_scrollHeadInner > table {width:100%!important;}
body[data-page="cart"] .dataTables_scrollBody {max-height:calc(100vh - 320px)!important;}
body[data-page="cart"] .dataTables_scrollBody > table > thead th {padding:0 10px!important;}
/*
body[data-page="cart"] .caTableContainer.caTableContainer-hasTotal .dataTables_scrollBody {max-height:calc(100vh - 190px)!important;}
*/
body[data-page="cart"] .dataTables_scroll.show-cells table.caTable th .caToggleCells {width:70px;}
body[data-page="cart"] .dataTables_scroll.show-cells table.caTable th .caToggleCells:after {transform: rotate(0deg);}
body[data-page="cart"] .dataTables_scroll.show-cells table.caTable td.cellDevider > div:after {right:50%;}
body[data-page="cart"] .dataTables_scroll.show-cells table.caTable td.cellDevider > div:before {display: block;}
body[data-page="cart"] .dataTables_scroll.show-cells table.caTable td .caTable--product-img {display: none;}
body[data-page="cart"] table.caTable,
body[data-page="cart"] table.caTable tr,
body[data-page="cart"] table.caTable th,
body[data-page="cart"] table.caTable td {box-sizing: border-box;}
body[data-page="cart"] table.caTable .caTable--row {
border-bottom: solid 1px #f2f2f2;
}
body[data-page="cart"] table.caTable-header tr:hover {
background-color: transparent;
box-shadow:unset;
}
body[data-page="cart"] table.caTable {
margin-top: 0 !important;
width: 100%;
}
body[data-page="cart"] table.caTable th {
font-family: 'Circular Std';
height:28px;
font-size:12px;
white-space:nowrap;
line-height:1;
vertical-align: middle;
padding:5px 5px!important;
outline:none!important;
}
body[data-page="cart"] table.caTable th:last-child {padding-right: 15px !important;}
body[data-page="cart"] table.caTable th:not(.noSort) {cursor: pointer;}
body[data-page="cart"] table.caTable th:not(.noSort) span {padding-right:15px !important;}
body[data-page="cart"] table.caTable th span {position:relative; display:inline-block; vertical-align: middle;}
body[data-page="cart"] table.caTable th .caCheckbox {position: relative; top:3px;}
body[data-page="cart"] table.caTable th .caToggleCells {width:33px; height:28px; position: relative; z-index:100;}
body[data-page="cart"] table.caTable th .caToggleCells:after {content:""; position: absolute; left:50%; top:0; margin-left:-16.5px; cursor: pointer; transform: rotate(180deg); width:33px; height:28px; background: url(../../../../../img/icon-toggle-td.png) no-repeat center; background-size:100%;}
body[data-page="cart"] table.caTable th.cellDevider {width:33px!important; padding:0!important;}
body[data-page="cart"] table.caTable thead th.sorting:after,
body[data-page="cart"] table.caTable thead th.sorting_asc:after,
body[data-page="cart"] table.caTable thead th.sorting_desc:after {display: none;}
body[data-page="cart"] table.caTable thead th.sorting span:before,
body[data-page="cart"] table.caTable thead th.sorting_asc span:before,
body[data-page="cart"] table.caTable thead th.sorting_desc span:before {position: absolute; right:0; top:0;}
body[data-page="cart"] table.caTable thead th.sorting span:before { content: ""; background: url(../../../../../img/th-sort-up-down.png); width: 7px; height: 11px; }
body[data-page="cart"] table.caTable thead th.sorting_asc span:before { content: " "; background: url(../../../../../img/th-sort-up.png); width: 7px; height: 4px; top: 0; }
body[data-page="cart"] table.caTable thead th.sorting_desc span:before { content: ""; background: url(../../../../../img/th-sort-down.png); width: 7px; height: 4px; top: 7px; }
body[data-page="cart"] table.caTable.caTable-trBorder tr {border-left:solid 5px transparent;}
body[data-page="cart"] table.caTable tr.tr-border-left-green {border-left-color:#4bcc7b;}
body[data-page="cart"] table.caTable tr.tr-border-left-orange {border-left-color:#f7941d;}
body[data-page="cart"] table.caTable .caTag {margin:2px 5px 2px 0; position: relative; top:-1px;}
body[data-page="cart"] table.caTable .caTag:first-child {margin-left:5px;}
body[data-page="cart"] .dataTables_scrollBody table.caTable thead th.sorting:before,
body[data-page="cart"] .dataTables_scrollBody table.caTable thead th.sorting_asc:before,
body[data-page="cart"] .dataTables_scrollBody table.caTable thead th.sorting_desc:before {display: none;}
body[data-page="cart"] table.caTable .sepLine td {
padding: 5px 5px;
height: 50px;
line-height: 1.4;
font-size: 20px;
/*border-bottom:solid 1px #f2f2f2;*/
}
@media all and (max-width:1024px) {
body[data-page="cart"] table.caTable td {padding: 5px 5px;}
}
body[data-page="cart"] table.caTable td span {display:inline-block; vertical-align: middle;}
body[data-page="cart"] table.caTable td img {display:inline-block; vertical-align: middle;}
body[data-page="cart"] table.caTable td.tdHidden {background: #f9f9fa;}
body[data-page="cart"] table.caTable td.cellDevider {padding:0!important}
body[data-page="cart"] table.caTable td.cellDevider > div {height:100%; position: relative;}
body[data-page="cart"] table.caTable td.cellDevider > div:after {content:""; position: absolute; right:0; top:0; height:100%; width:2px; border-right:dashed 1px #e0e0e1}
body[data-page="cart"] table.caTable td.cellDevider > div:before {content:""; position: absolute; right:0; top:0; height:100%; width:35px; background: #f9f9fa; display: none;}
body[data-page="cart"] table.caTable th.td--special-after,
body[data-page="cart"] table.caTable td.td--special-after {padding-left:50px!important;}
body[data-page="cart"] table.caTable .caTable--product-img {width:120px;}
body[data-page="cart"] table.caTable .caTable--product-img:visible + .caTable--product-name {width:calc(100% - 120px); padding-left:15px;}
body[data-page="cart"] table.caTable .caTable--ImageText {display:flex; align-items:Center;}
body[data-page="cart"] table.caTable .caTable--ImageText-img {width:60px;}
body[data-page="cart"] table.caTable .caTable--ImageText-img + .caTable--ImageText-text {width:calc(100% - 60px); padding-left:25px;}
body[data-page="cart"] table.caTable .caTable--ImageText-text {font-size:16px;}
body[data-page="cart"] .caTableTotal {
height: 100%;
position: relative;
}
body[data-page="cart"] .caTableTotal + .caTableTotal {margin-left:-1px;}
body[data-page="cart"] .caTableTotal--row {
width: 100%;
height: 100%;
white-space: nowrap;
/*border:solid 1px #f2f2f2; */
background: #000;
padding: 5px 20px 0 20px;
color: #fff
}
body[data-page="cart"] .caTableTotal--row > div {
width: 100%;
height: 100%;
display: flex;
align-items: center;
white-space: nowrap;
gap: 10px;
}
body[data-page="cart"] .caTableTotal--row > div > .flex {
gap: 10px;
align-items: center;
}
body[data-page="cart"] .caTableTotal--row-name {font-family: 'Circular Std'; color:#8b8b8b; font-size: 11px;}
body[data-page="cart"] .caTableTotal--row-price {font-size:14px; text-align: right;}
body[data-page="cart"] .caTableTotal--trigger {height:100%; display:flex; align-items:center; position: relative; cursor: pointer;}
body[data-page="cart"] .caTableTotal--trigger .caTableTotal--row-price {font-size:18px;}
body[data-page="cart"] .caTableTotal--trigger .glyphicon-chevron-circle-large {width:35px; height:35px; font-size:9px; color:#fff; transform: rotate(90deg); border:solid 1px #f2f2f2; border-radius:50%; display:flex; align-items:center; justify-content:center; transition:background 200ms linear;}
body[data-page="cart"] .caTableTotal--trigger:hover .glyphicon-chevron-circle-large {
background: #dedcdc;
}
body[data-page="cart"] .caTableTotal--trigger:hover .glyphicon-chevron-circle-large::before {
color: #000000;
}
body[data-page="cart"] .caTableTotal--content {
display:none;
position: absolute;
z-index:50;
bottom:calc(100%);
width:100%;}
body[data-page="cart"] .caTableTotal--content .caTableTotal--row {
height: 40px;
border:solid 1px #f2f2f2;
}
body[data-page="cart"] .caTableTotal--content .caTableTotal--row + .caTableTotal--row {margin-top:-1px;}
body[data-page="cart"] .caTableTotal.visible .caTableTotal--content {display: block;}
body[data-page="cart"] .caTableTotal.visible .caTableTotal--trigger .glyphicon-chevron-circle-large {transform:rotate(270deg);}
body[data-page="cart"] .caTableScrollContainer table.caTable th {padding-top:15px!important; padding-bottom:10px!important;}
/* _Table - default _*/
body[data-page="cart"] .caTableScrollContainer {max-width:100%; max-height:100%; overflow:auto;}
body[data-page="cart"] .caTableScrollContainer > div {overflow-x:auto;}
body[data-page="cart"] .caTableScrollContainer::-webkit-scrollbar {/*border-top:solid 1px #f2f2f2;*/ border-bottom:solid 1px #f2f2f2;}
body[data-page="cart"] .caTableContainer.caTableContainer-default {margin:0;}
body[data-page="cart"] table.caTable-default {width:100%;}
body[data-page="cart"] table.caTable-default .caTag.caTag-notificationNumber {margin:0 8px 0 0; font-size: 11px; position: relative; top:-2px;}
body[data-page="cart"] table.caTable-default tr.tr--parent {background: #f9f9fa; border:solid 1px #f2f2f2; border-width:1px 0; cursor: pointer;}
body[data-page="cart"] table.caTable-default tr.tr--parent td {font-size:18px; line-height: 1; color:#010101; padding-top:8px;}
body[data-page="cart"] table.caTable-default tr.tr--parent > td:last-child {border-right:solid 1px #f2f2f2;}
body[data-page="cart"] table.caTable-default tr.tr--parent td small {font-size:13px;}
body[data-page="cart"] table.caTable-default tr.tr--parent td strong {}
body[data-page="cart"] table.caTable-default tr.tr--parent .caTag.caTag-notificationNumber {margin-right:5px; top:-3px;}
body[data-page="cart"] table.caTable-default tr.tr--child {display: none;}
body[data-page="cart"] table.caTable-default tr.tr--child > td {padding:0;}
body[data-page="cart"] table.caTable-default tr.tr--child th label.caCheckbox {position: relative; top:5px;}
body[data-page="cart"] table.caTable-default tr.tr--child .caTableScrollContainer {max-height:none; overflow:hidden; overflow-y:auto;}
body[data-page="cart"] table.caTable-default td.td--details-toggle {font-size:12px!important; text-align: center; cursor: pointer; background:transparent; transition:background 200ms linear;}
body[data-page="cart"] table.caTable-default td.td--details-toggle span {opacity:0.6; position: relative; top:-3px;}
body[data-page="cart"] table.caTable-default tbody.tbody--group.active tr.tr--parent {background: #fff;}
body[data-page="cart"] table.caTable-default tbody.tbody--group.active tr.tr--child {display:table-row;}
body[data-page="cart"] table.caTable-default tbody.tbody--group.active tr.tr--parent .td--details-toggle span {transform:rotate(180deg);}
body[data-page="cart"] table.caTable-default table.caTable th {border-bottom:solid 1px #f2f2f2;}
body[data-page="cart"] table.caTable-default table.caTable th span span {font-family: 'Intra lighting'; font-weight:normal;}
body[data-page="cart"] table.caTable-default table.caTable tbody tr:last-child td {border-bottom:none;}
/*
==============================
MILESTONE
==============================
*/
body[data-page="cart"] .caMilestone {display:flex; align-items:flex-start; flex-direction: column; height:100%; background: #f9f9fa; position: relative; overflow:hidden;}
body[data-page="cart"] .caMilestone--content {/*height:calc(100% - 80px);*/ flex:1; width:100%; overflow:auto;}
body[data-page="cart"] .caMilestone--content-inner {display:flex; align-items:stretch; width:100%; min-height:100%;}
body[data-page="cart"] .caMilestone--footer {position: absolute; left:0; bottom:0; height:80px; width:100%; background: #fff; position: relative; display:flex; align-items:center; justify-content:center; box-shadow: 1px 0.9px 15px 0px rgba(117, 117, 117, 0.18); transition:background 200ms linear}
body[data-page="cart"] .caMilestone--footer.caDraggableHover {background:rgba(204, 204, 204, 0.1);}
body[data-page="cart"] .caMilestone--footer.caDraggableHover .dropArchiveCnt {opacity:1;}
body[data-page="cart"] .caMilestone-column {min-height:100%; width:20%; min-width:360px; border-right:solid 1px #e8e8e8; /*overflow-y:auto;*/}
body[data-page="cart"] .caMilestone-column:last-child:not(:first-child) {border-right:none;}
body[data-page="cart"] .caMilestone-column--tab {display:flex; align-items:center; justify-content:space-between; position:relative; min-height:110px; color:#8b8b8b; font-size:15px; background: #fff; padding:10px 20px; border:solid 1px #e8e8e8; border-width:1px 0; margin-top:-1px;}
body[data-page="cart"] .caMilestone-column--tab .caTag {margin-top:0; margin-bottom:0; position: relative; top:-2px;}
body[data-page="cart"] .caMilestone-column--tab.caMilestone-column--header {background: #f9f9fa;}
body[data-page="cart"] .caMilestone-column--tab h2,
body[data-page="cart"] .caMilestone-column--tab h3 {margin:0!important; font-size:16px; min-height:20px;}
body[data-page="cart"] .caMilestone-column--tab h2 + ul,
body[data-page="cart"] .caMilestone-column--tab h3 + ul {margin:2px 0 0!important;}
body[data-page="cart"] .caMilestone-column--tab ul.inlineList {font-size:13px; margin-bottom:-8px!important;}
body[data-page="cart"] .caMilestone-column--tab-right {text-align: right; margin-top:-17px;}
body[data-page="cart"] .caMilestone-column--tab-right .alertIcon {float: right; margin:0 -5px 5px 0;}
body[data-page="cart"] .caMilestone-column--tab-reached {position: absolute; left:0; bottom:0; width:100%; height:4px; background: #aeaeaf;}
body[data-page="cart"] .caMilestone-column--dropHere {border:dashed 1px #8b8b8b; font-size:18px; opacity:0.4; height:100px; width:calc(100% - 20px); margin:10px; display:flex; align-items:center; justify-content:center; transition:opacity 200ms linear;}
body[data-page="cart"] .caDraggable:hover {cursor: move;}
body[data-page="cart"] .caDraggable.ui-draggable-dragging,
body[data-page="cart"] .caDraggable.ui-sortable-helper {z-index:20; border:solid 1px #e8e8e8; opacity:0.8}
body[data-page="cart"] .caMilestone-column--header + .caMilestone-column-sortable {height:calc(100% - 110px);}
body[data-page="cart"] .caMilestone-column--header {align-items:flex-start; padding-top:30px;}
body[data-page="cart"] .caMilestone-column--header .caMilestone-column--tab-left h2 {font-family: 'Intra lighting bold';}
body[data-page="cart"] .caMilestone-column--header .caMilestone-column--tab-right {margin-top:0; font-size:13px;}
body[data-page="cart"] .caMilestone-column--header .caMilestone-column--tab-right h2 {margin:13px 0 0!important; opacity:0.8;}
body[data-page="cart"] .caMilestone-column--header .caMilestone-column--tab-right ul.inlineList {justify-content:flex-end;}
body[data-page="cart"] .caMilestone-column--header .caMilestone-column--tab-right ul.inlineList li {margin:0 0 5px 8px!important;}
body[data-page="cart"] .caMilestone-column--header .caMilestone-column--tab-right ul.inlineList.inlineList-moreMargin li {margin:0 0 5px 20px!important;}
body[data-page="cart"] .caMilestone-column--header .caMilestone-column--tab-right ul.inlineList .caTag {margin:0!important; font-size:11px!important; position: relative; top:-2px;}
body[data-page="cart"] .caMilestone-column--header .caMilestone-column--tab-right ul.inlineList .caTag.caTag-noBorder {font-family: 'Intra lighting'!important; font-size:13px!important; margin-left:5px!important;}
body[data-page="cart"] .caMilestone-column-sortable {height:100%; background:transparent; transition:background 200ms linear;}
body[data-page="cart"] .caMilestone-column-sortable.caDroppable--hover {background: rgba(204, 204, 204, 0.1);}
body[data-page="cart"] .dropArchiveCnt {display:flex; align-items:center; opacity: 0.6; transition:opacity 200ms linear;}
body[data-page="cart"] .dropArchiveCnt--icon {width:45px; height:45px; display:flex; align-items:center; justify-content:center; background: #fff; border:dashed 1px #666; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05);}
body[data-page="cart"] .dropArchiveCnt--text {line-height:1.2; padding-left:15px;}
/*
==============================
SIDEBAR
==============================
*/
body[data-page="cart"] .projectHeader {background: #010101; color:#fff; padding:15px;}
body[data-page="cart"] .projectHeader--title {}
body[data-page="cart"] .projectHeader--title h1 {font-family: 'Intra lighting'; font-size:22px; font-weight:normal; color:#fff; margin:0;}
body[data-page="cart"] .projectHeader--details label {font-family: 'Circular Std'; display: block; margin:0 0 5px; color:#a3a3a3; font-size:11px;}
body[data-page="cart"] .projectHeader--details .caSelect-reset .dropdown-toggle {color:#fff;}
body[data-page="cart"] .projectHeader--details .caSelect-reset .dropdown-toggle .bs-caret {color:#a3a3a3;}
body[data-page="cart"] .projectHeader--details select {width:100%; height:20px; background:none; padding:0; border:none; outline:none!important;}
body[data-page="cart"] .projectHeader--details select option {color:#000;}
body[data-page="cart"] .projectHeader--details input:disabled {border:none!important;}
body[data-page="cart"] .projectHeader--details input + .caTooltip {margin-left:10px;}
body[data-page="cart"] .projectHeader--details-input {border-bottom:solid 1px #808080; display:inline-block; position: relative;}
body[data-page="cart"] .projectHeader--details-input.full {width:100%;}
body[data-page="cart"] .projectHeader--details-input.no-border {border:none;}
body[data-page="cart"] .projectHeader--details-input.has-tooltip {padding-right:20px;}
body[data-page="cart"] .projectHeader--details-input.has-tooltip .caTooltip {position: absolute; right:0; top:2px;}
body[data-page="cart"] .projectHeader--details > .blockGrid > [class^="blockGrid--"] {margin-top:20px;}
body[data-page="cart"] .projectHeader--details > .blockGrid > .blockGrid--33 {width:33.333%;}
/*
==============================
SIDEBAR - PRODUCT
==============================
*/
body[data-page="cart"] .productHeader {border-bottom:solid 1px #f2f2f2; position:relative;}
body[data-page="cart"] .productHeader--title {width:calc(100% - 50px); font-family: 'Intra lighting bold'; font-size:14px; padding:20px 30px;}
body[data-page="cart"] .productHeader--close {width:50px; height:100%; position: absolute; right:0; top:0; background:none; border:none; border-left:solid 1px #f2f2f2; padding:0;}
body[data-page="cart"] .productContent {flex:1; padding:0;}
body[data-page="cart"] .productContent--mainImage {display: block; margin:0 auto;}
body[data-page="cart"] .productActions {padding: 30px 30px 35px;}
/* _Counter_ */
body[data-page="cart"] .counterBlock {display:flex; align-items:center; height:60px; border:solid 1px #f2f2f2;}
body[data-page="cart"] .counterBlock--cnt {width:60px; height:100%; background: #fff; display:flex; align-items:center; justify-content:center; font-family: 'Intra lighting bold'; font-size:14px; cursor: pointer; transition:background 200ms linear;}
body[data-page="cart"] .counterBlock--cnt:hover {background: #f2f2f2;}
body[data-page="cart"] .counterBlock--cnt.inc {border-left:solid 1px #f2f2f2;}
body[data-page="cart"] .counterBlock--cnt.dec {border-right:solid 1px #f2f2f2;}
body[data-page="cart"] .counterBlock--number {width:calc(100% - 120px);}
body[data-page="cart"] .counterBlock--number input {text-align: center; font-family: 'Intra lighting bold'!important; height:100%!important; width:100%; font-size: 15px; padding: 4px 0 0 0!important; border:none!important; cursor: default;}
/* _Accordion_ */
body[data-page="cart"] .caAccordion {margin-top:-1px;}
body[data-page="cart"] .caAccordion--trigger {padding:20px 45px 20px 20px; border:solid 1px #f2f2f2; border-width:1px 0; position: relative; cursor: pointer;}
body[data-page="cart"] .caAccordion--trigger:after {content:"\e114"; font-family: 'Glyphicons Halflings'; position: absolute; right:30px; margin-top:-10px; top:50%;}
body[data-page="cart"] .caAccordion--trigger h2 {margin:0;}
body[data-page="cart"] .caAccordion--trigger h4 + ._block--inner {}
body[data-page="cart"] .caAccordion--content {display: none; padding:30px 35px;}
body[data-page="cart"] .caAccordion--content ._block--inner {width:calc(100% + 70px); margin:25px 0 30px -35px; padding:25px 35px; position: relative;}
body[data-page="cart"] .caAccordion--content ._block--inner:after {content:""; position: absolute; left:0; bottom:-6px; width:100%; height:5px; background-color:#e1e1e1; opacity: 0.3;}
body[data-page="cart"] .caAccordion--content ._block--inner.last {border-bottom:none; padding-bottom:0; margin-bottom:0;}
body[data-page="cart"] .caAccordion--content ._block--inner.last:after {content:none;}
body[data-page="cart"] .caAccordion--content .select-wrapper[data-size="lg"] select {height:60px; padding: 2px 55px 0 20px!important;}
body[data-page="cart"] .caAccordion--content .select-wrapper[data-size="lg"]:after {right:20px;}
body[data-page="cart"] .caAccordion--content select {width:100%;}
body[data-page="cart"] .caAccordion--content small {color:#a3a3a3; display: block;}
body[data-page="cart"] .caAccordion.active .caAccordion--content {display: block;}
body[data-page="cart"] .caAccordion.active .caAccordion--trigger:after {transform:rotate(180deg)}
body[data-page="cart"] ._block.no-padding .caAccordion--trigger {padding:35px 45px 35px 30px;}
/* _Product options_ */
body[data-page="cart"] .productOBG {display:flex; align-items:stretch; flex-wrap:wrap; width:calc(100% + 1px); margin-left:1px;}
body[data-page="cart"] .productOBG[data-columns="1"] .productOBG--item {width:100%;}
body[data-page="cart"] .productOBG[data-columns="2"] .productOBG--item {width:50%;}
body[data-page="cart"] .productOBG[data-columns="3"] .productOBG--item {width:33.333%;}
body[data-page="cart"] .productOBG[data-columns="4"] .productOBG--item {width:25%;}
body[data-page="cart"] .productOBG[data-columns="5"] .productOBG--item {width:20%;}
body[data-page="cart"] .productOBG .productOBG--item {min-height:60px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:5px; font-size:14px; text-align: center; line-height: 1.2; background:#fff; border:solid 1px #e8e8e8; margin-top:-1px; margin-left:-1px; transition:background 200ms linear;}
body[data-page="cart"] .productOBG .productOBG--item:hover {background: rgba(242, 242, 242, 0.23); cursor: pointer;}
body[data-page="cart"] .productOBG .productOBG--item.selected {background: #f3f3f3;}
body[data-page="cart"] .productOBG .productOBG--item > img {}
body[data-page="cart"] .productOBG .productOBG--item > img + div {margin-top:6px;}
body[data-page="cart"] .productOBG .productOBG--item .colorCircle {width:30px; height:30px; border-radius:50%;}
body[data-page="cart"] .productOBG .productOBG--item.direction--row {justify-content: flex-start; padding-left:15px; padding-right:10px; text-align:left;}
body[data-page="cart"] .productOBG .productOBG--item.direction--row > img {margin-top:-3px; width:30px;}
body[data-page="cart"] .productOBG .productOBG--item.direction--row > img + div,
body[data-page="cart"] .productOBG .productOBG--item.direction--row > .colorCircle + div {margin-top:0; padding-left:15px; width:calc(100% - 30px);}
body[data-page="cart"] .productOBG-special .productOBG--item {border:none; background:none!important; align-items: flex-start;}
body[data-page="cart"] .productOBG-special .productOBG--item img {padding:5px; border:solid 2px transparent; border-radius:50%; transition:border-color 200ms linear;}
body[data-page="cart"] .productOBG-special .productOBG--item:hover img {border-color:#cdcdcd}
body[data-page="cart"] .productOBG-special .productOBG--item.selected img {border-color:#f09100}
body[data-page="cart"] .caProductPart {display:flex; align-items:flex-start; position: relative;}
body[data-page="cart"] .caProductPart + .caProductPart {margin-top:50px; padding-top:20px;}
body[data-page="cart"] .caProductPart + .caProductPart:before {content:""; position: absolute; left:-35px; top:0; width:calc(100% + 70px); height:1px; background: #f2f2f2;}
body[data-page="cart"] .caProductPart--checkbox {width:35px;}
body[data-page="cart"] .caProductPart--checkbox .caCheckbox {margin:0;}
body[data-page="cart"] .caProductPart--checkbox .caCheckbox--icon {margin:0;}
body[data-page="cart"] .caProductPart--content {width:calc(100% - 35px);}
body[data-page="cart"] .caProductPart--content h4 {font-family: 'Intra lighting bold'; font-size:14px; margin:0 0 5px;}
body[data-page="cart"] .caProductPart--content p {font-family: 'Intra lighting medium'; line-height:1.2; font-size:12px; opacity:0.8; margin:6px 0;}
body[data-page="cart"] .caProductPart--content p:last-child {margin-bottom:0;}
body[data-page="cart"] .caProductPart--content .caSelect {margin-top:8px;}
body[data-page="cart"] .caProductPart--content-img {margin:0 0 20px;}
body[data-page="cart"] .caProductPart--content-img img {border:solid 2px #f2f2f2; max-width:120px;}
body[data-page="cart"] table.caTable thead th.sorting:last-child span::before {
display:none;
}
/*
body[data-page="cart"] .dataTables_scrollBody > table > thead
{
display:none;
}
*/
#cart .dataTables_scrollHead
{
display:none;
}
body[data-page="cart"] .dataTables_scrollBody > table > thead th,
body[data-page="cart"] .dataTables_scrollBody > table > thead th div
{
height:auto !important;
}
body[data-page="cart"] .dataTables_scrollBody > table > thead th:first-child
{
width:35px !important;
}
@media all and (max-width: 1400px) {
body[data-page="cart"] .caBG--sidebar {
max-width: 60%;
position: absolute;
z-index: 123;
overflow: visible;
height: 100%;
right: 0px;
padding: 0;
transform: translateX(100%);
transition: all 0.3s;
grid-row: 1 / 2;
}
body[data-page="cart"] .caBG--sidebar span.slide {
display: block;
position: absolute;
width: 50px;
height: 50px;
background: #efefef;
left: -50px;
top: 18px;
cursor: pointer;
color: #ccc;
line-height: 50px;
text-align: center;
}
body[data-page="cart"] .caBG--sidebar span.slide:before {
content: "\e079";
}
body[data-page="cart"] .side-view .caBG--sidebar {
transform: translateX(0%);
}
body[data-page="cart"] .caMain--header > div.caMain--header-right {
padding-right: 50px;
}
}
@media all and (max-width:1024px) {
#productListTable .caTable--product-name {
white-space: normal;
min-width: 270px;
}
body[data-page="cart"] {
overflow-x: hidden;
}
body[data-page="cart"] .caBG {
height: calc(var(--vh, 1vh) * 100);
flex-direction: column;
}
body[data-page="cart"] .caBG--main {
position: relative;
}
body[data-page="cart"] .caMain--header,
body[data-page="cart"] .caMain--content {
position: static;
}
body[data-page="cart"] .dataTables_scroll {
padding-left: 15px;
padding-right: 15px;
}
body[data-page="cart"] .dataTables_scroll:after {
background: transparent;
}
body[data-page="cart"] table.caTable tr:last-child td {
border-bottom: 0;
}
body[data-page="cart"] .side-view .caBG:before {
content: "";
position: absolute;
width: 100vw;
/*height: 100vh;*/
height: calc(100vh - 130px);
background: rgba(1, 1, 1, 0.2);
z-index: 123;
}
body[data-page="cart"] .side-view .caBG--sidebar span.slide:before {
content: "\e080";
}
}
body[data-page="cart"] .caTableTotalContainer {
padding: 0 15px;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 990px) {
body[data-page="cart"] .caTableTotalContainer {
justify-content: flex-start;
}
}
@media all and (max-width:767px) {
body[data-page="cart"] .caBG--sidebar {
max-width: calc(100vw - 55px);
}
}
@media all and (min-width:1480px) {
body[data-page="cart"] .dataTables_scrollBody {
margin-top: 33px;
}
body[data-page="cart"] .dataTables_scrollBody > table > thead th > div {
margin-top: -30px;
}
body[data-page="cart"] .dataTables_scrollBody > table > thead th > div > span {
position: fixed;
}
body[data-page="cart"] table.caTable th .caCheckbox {
position: fixed;
top: auto;
}
}
body[data-page="cart"] .caTableContainer {
height: 100%;
}
body[data-page="cart"] .caTableContainer--inner {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
@media all and (max-width:1480px) {
body[data-page="cart"] .caMain--content.overflow-reset {
padding-left: 0;
}
body[data-page="cart"] .caTableContainer {
height: 100%;
z-index: 12;
position: relative;
}
body[data-page="cart"] .dataTables_scrollBody > table > thead:before {
content: "";
background: transparent;
width: 87rem;
height: 30px;
left: 0;
display: block;
position: absolute;
box-shadow: 1px 1.732px 15px 0px rgba(117, 117, 117, 0.18);
}
}
label i {
font-style: normal;
font-size: 14px;
line-height: 0;
color: #f09100;
vertical-align: sub;
}
.language-menu {
margin-left: 0px;
border-radius: 0px;
border: none;
box-shadow: none;
text-decoration: underline;
font-size: 17px;
}
a {
cursor: pointer;
}
.cursor-pointer {
cursor: pointer;
}
.btn-dark {
background-color: black;
color: white;
}
.btn-dark:hover, .btn-dark:focus {
background-color: black !important;
color: white !important;
}
.btn-item-list {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 14px;
padding: 17px 0 14px;
text-transform: uppercase;
width: 204px;
margin-left: 0;
text-align: center;
display: block;
color: white;
border: 1px solid white;
}
.btn-item-list:hover, .btn-item-list:focus {
background-color: white !important;
color: black;
transition: background 200ms linear;
}
.copy-icon {
background-image: url("/DesktopModules/KiviCOM.Web.UI.Intra.Constructor/Script/assets/img/web/features/Copy_72x90_grey.svg") !important;
width: 16px;
height: 16px;
background-size: 16px 16px;
display: inline-block;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.copy-icon:hover {
background-image: url("/DesktopModules/KiviCOM.Web.UI.Intra.Constructor/Script/assets/img/web/features/Copy_72x90_Orange.svg") !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.configure-icon {
width: 50px;
flex: none !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.configure-icon svg * {
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.configure-icon:hover {
background-color: #000 !important;
border-color: #000 !important;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.configure-icon:hover svg * {
fill: #fff;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.nowrap {
white-space: nowrap;
}
section#contacts .local-company-id .card {
background-color: #f2f2f2;
}
section#contacts .local-company-id .card .gray-title {
color: #a3a3a3;
}
nav.main-menu .all-models {
width: auto;
}
.btn-white {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 14px;
padding: 17px 14px;
text-transform: uppercase;
margin-left: 0;
text-align: center;
color: black;
background-color: white;
border: 1px solid #D4D4D4;
}
.btn-white:hover, .btn-white:focus {
background-color: #F09100 !important;
border-color: #F09100;
color: white;
transition: background 200ms linear;
}
.btn {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
}
.btn-black {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 11px;
line-height: 13px;
padding: 19px 14px;
text-transform: uppercase;
margin-left: 0;
text-align: center;
color: black !important;
background-color: white;
border: 2px solid #000000;
flex: 1 1 auto;
}
.btn-black.important.small {
padding: 14px 14px;
}
.btn-black.important {
font-family: "proxima-nova",sans-serif !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 11px !important;
line-height: 13px !important;
padding: 19px 14px !important;
text-transform: uppercase !important;
text-align: center !important;
color: black !important;
background-color: white !important;
border: 2px solid #000000 !important;
}
.btn-black:hover, .btn-white:focus {
background-color: #000000 !important;
color: white !important;
transition: background 200ms linear;
}
.btn-black.important.small {
padding: 14px 14px !important;
}
.btn-black-inverted {
font-family: "proxima-nova",sans-serif;
font-style: normal;
font-weight: 700;
font-size: 11px;
line-height: 13px;
padding: 19px 14px;
text-transform: uppercase;
margin-left: 0;
text-align: center;
color: white !important;
background-color: black;
border: 2px solid #000000;
flex: 1 1 auto;
}
.btn-black-inverted:hover:not(:disabled) {
background-color: #ffffff !important;
color: black !important;
transition: background 200ms linear;
}
.btn-orange {
font-family: "proxima-nova",sans-serif !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 11px !important;
line-height: 14px !important;
padding: 14px 14px !important;
text-transform: uppercase !important;
margin-left: 0 !important;
text-align: center !important;
color: white !important;
background-color: #f09100 !important;
border: 2px solid #f09100 !important;
}
.btn-orange:hover, .btn-orange:focus {
background-color: #000000 !important;
border-color: #000000 !important;
color: white !important;
transition: background 200ms linear !important;
}
.btn-orange-inverted {
font-family: "proxima-nova",sans-serif !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 11px !important;
line-height: 13px !important;
text-transform: uppercase !important;
margin-left: 0 !important;
text-align: center !important;
color: #f09100 !important;
background-color: #ffffff !important;
border: 1px solid #f09100 !important;
}
.btn-orange-inverted:hover, .btn-orange-inverted:focus {
background-color: #f09100 !important;
border-color: #f09100 !important;
color: white !important;
transition: background 200ms linear !important;
}
.intra-tooltip {
position: relative;
}
.intra-tooltip .tooltiptext {
font-family: "proxima-nova", sans-serif;
font-size: 12px;
visibility: hidden;
width: 120px;
bottom: 100%;
/*left: 50%;
margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
background-color: black;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 0px;
position: absolute;
z-index: 1;
margin-bottom: 10px;
right: 0px;
}
.intra-tooltip .tooltiptext::after {
content: " ";
position: absolute;
top: 100%; /* At the bottom of the tooltip */
right: 20%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.intra-tooltip:hover .tooltiptext {
visibility: visible;
}
.cart-title {
display: inline-block;
font-size: 18px;
font-family: UniversLTPro-65Bold;
font-weight: normal;
}
@keyframes blink {
/**
* At the start of the animation the dot
* has an opacity of .2
*/
0% {
opacity: .2;
}
/**
* At 20% the dot is fully visible and
* then fades out slowly
*/
20% {
opacity: 1;
}
/**
* Until it reaches an opacity of .2 and
* the animation can start again
*/
100% {
opacity: .2;
}
}
.loading-dot span {
/**
* Use the blink animation, which is defined above
*/
animation-name: blink;
/**
* The animation should take 1.4 seconds
*/
animation-duration: 1.4s;
/**
* It will repeat itself forever
*/
animation-iteration-count: infinite;
/**
* This makes sure that the starting style (opacity: .2)
* of the animation is applied before the animation starts.
* Otherwise we would see a short flash or would have
* to set the default styling of the dots to the same
* as the animation. Same applies for the ending styles.
*/
animation-fill-mode: both;
}
.loading-dot span:nth-child(2) {
/**
* Starts the animation of the third dot
* with a delay of .2s, otherwise all dots
* would animate at the same time
*/
animation-delay: .2s;
}
.loading-dot span:nth-child(3) {
/**
* Starts the animation of the third dot
* with a delay of .4s, otherwise all dots
* would animate at the same time
*/
animation-delay: .4s;
}
.selectize-control.single .selectize-input:after {
display: none;
}
.toolbar-settings .checkbox, .toolbar-settings .radio {
margin-top: 0px;
margin-bottom: 0px;
}
/* Ich bin Klemen now */
/*Video Library*/
.video-library {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
margin-block: 64px;
}
.video-library__item {
display: flex;
flex-direction: column;
gap: 8px;
}
.video-library__image {
aspect-ratio: 16/10;
overflow: hidden;
position: relative;
z-index: 1;
cursor: pointer;
}
.video-library__image::before {
content: '';
width: 100%;
height: 100%;
background-color: rgba(1, 1, 1, 0.5);
opacity: 0;
position: absolute;
inset: 0;
z-index: 2;
transition: 2s cubic-bezier(.5,.2,0,1);
}
.video-library__image img {
object-fit: cover;
max-width: none !important;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%) scale(1);
z-index: 1;
transition: 2s cubic-bezier(.5,.2,0,1);
}
.video-library__play {
display: inline-block;
width: 48px;
height: 48px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='47.99933' viewBox='0 0 48 47.99933'%3E%3Cpath d='M23.99993,0A23.99967,23.99967,0,1,0,48,23.99926,23.999,23.999,0,0,0,23.99993,0Zm0,46.19876a22.1992,22.1992,0,1,1,22.19885-22.1995A22.19959,22.19959,0,0,1,23.99993,46.19876Z' fill='%23fff'/%3E%3Cpolygon points='16.433 24 16.433 12.767 26.161 18.384 35.888 24 26.161 29.615 16.433 35.232 16.433 24' fill='%23fff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
opacity: 0;
visibility: hidden;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%) scale(0);
z-index: 3;
transition: 1s ease-in-out;
}
.video-library__content {
display: flex;
flex-direction: column;
gap: 2px;
}
.video-library__title {
font-size: 18px;
}
.video-library__description {
font-size: 14px;
}
@media all and (max-width:1199px) {
.video-library {
grid-template-columns: repeat(3, 1fr);
}
}
@media all and (max-width:767px) {
.video-library {
grid-template-columns: repeat(2, 1fr);
}
}
@media all and (max-width:399px) {
.video-library {
grid-template-columns: minmax(0, 1fr);
}
}
/*Video Library - Hover*/
@media (hover:hover) {
.video-library__image:hover img {
transform: translate(-50%, -50%) scale(1.2);
transition: 2s cubic-bezier(.5,.2,0,1);
}
.video-library__image:hover::before {
opacity: 1;
transition: 2s cubic-bezier(.5,.2,0,1);
}
.video-library__image:hover .video-library__play {
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%) scale(1);
transition: 1s ease-in-out;
}
}
section.solution-categories .mobile-categories .category-projects .caption {
padding-bottom: 40px;
}
section.solution-categories .mobile-categories .category-projects .caption .category {
color: #e5e5e5;
}
nav.main-menu .sub-menu .items-right a {
margin-right: 8px !important;
}
nav.main-menu .sub-menu .items-right {
padding-right: 0px;
}
nav .main-menu .sub-menu:not(.configurator) .presentation {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
nav.main-menu .sub-menu:not(.configurator) .presentation .items-right {
display: flex;
align-items: center;
gap: 2px;
justify-content: right;
}
nav.main-menu .sub-menu:not(.configurator) .presentation > .clear {
display: none;
}
@media all and (max-width:680px) {
/* section .block-holder .block.family .bottom-holder {
display: flex !important;
flex-direction: column;
gap: 4px;
}*/
nav.main-menu .sub-menu:not(.configurator) .presentation .items-left {
width: auto !important;
}
}
@media all and (max-width:990px) {
nav.main-menu .sub-menu .presentation .items-left .item .dropdown {
background-color: #FFF;
}
}
nav.main-menu .sub-menu .presentation .items-left .item .dropdown .holder .dd-content {
padding-bottom: 24px;
}
nav.main-menu .sub-menu .presentation .items-left .item .dropdown .holder .dd-content .dd-link {
padding: 14px 0 0 20px;
}
nav.main-menu .sub-menu .presentation .items-left .item .dropdown .holder .dd-content .dd-link a {
font-family: UniversNextPro-Medium, Helvetica, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 17px;
color: #1b1b1b;
}
/*Slider Gallery*/
.slider-gallery {
list-style-type: none;
margin: 0;
position: relative;
}
.slider-gallery img {
height: 25.625vw;
object-fit: cover;
}
@media all and (max-width:767px) {
.slider-gallery img {
width: 100%;
height: auto;
}
}
.slider-gallery .slick-arrow {
border-radius: 22px;
transition: all 0.4s;
opacity: 0;
position: absolute;
font-size: 0;
line-height: 0;
background-color: #fff;
border: 2px solid #fff;
width: 44px;
height: 44px;
z-index: 100;
cursor: pointer;
outline: none;
text-align: center;
padding: 0;
margin: 0;
box-shadow: 0px 3px 30px 0px rgb(87 90 91 / 10%);
}
.slider-gallery .slick-arrow.slick-prev {
transform: translateY(-50%);
top: 50%;
left: 18px;
}
.slider-gallery .slick-arrow.slick-next {
transform: rotate(180deg) translateY(50%);
top: 50%;
right: 18px;
}
.slider-gallery:hover .slick-arrow {
opacity: 1;
}
.slider-gallery .slick-arrow:hover {
background-color: #000000;
}
.slider-gallery:hover .slick-arrow::before {
position: absolute;
left: 50%;
top: 50%;
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e963";
font-size: 36px;
color: #000;
line-height: 44px;
transition: all 0.4s;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: translate(-50%, -50%);
}
.slider-gallery .slick-arrow:hover::before {
color: #fff;
}
.slider-gallery .slick-dots {
position: absolute;
margin: 0;
padding: 0;
bottom: 28px;
left: 50%;
transform: translateX(-50%);
list-style: none;
}
.slider-gallery .slick-dots li {
display: inline-block;
padding: 0 6px;
}
.slider-gallery .slick-dots li button {
display: inline-block;
padding: 0;
font-size: 0;
line-height: 0;
border-radius: 50%;
height: 8px;
width: 8px;
border: 1px solid #0d0d0d;
background-color: transparent;
transition-timing-function: ease-out;
transition: all 0.4s;
transform-origin: center;
position: relative;
}
.slider-gallery .slick-dots li.slick-active button {
border-color: transparent;
background-color: #0d0d0d;
transform: scale(0.75);
}
.loadmask-msg div {
background-image: url(/DesktopModules/KiviCOM.Web.UI.Intra.Angular/script/assets/img/loader.svg) !important;
background-color: none !important;
padding: 0 !important;
width: 110px !important;
height: 110px !important;
background-size: 80px !important;
}
body .sidebar .sections .side-section.action {
cursor: default;
}
body .sidebar .sections .side-section.action .side-box-inner > div[style*="relative"] .glyphicon {
display: flex;
justify-content: center;
align-items: center;
border-radius: 22px;
transition: all 0.4s;
position: absolute;
font-size: 9px;
line-height: 0;
background-color: #fff;
border: 1px solid #e4e4e4;
width: 32px;
height: 32px;
z-index: 100;
cursor: pointer;
outline: none;
text-align: center;
padding: 0;
margin: 0;
box-shadow: 0px 3px 30px 0px rgb(87 90 91 / 10%);
}
body .sidebar .sections .side-section.action .side-box-inner > div[style*="relative"] .glyphicon:hover {
color: #FFF;
border-color: #000;
background-color: #000;
}
body .sidebar .sections .side-section.action .side-box-inner > div[style*="relative"] .glyphicon[style*="block"] {
display: flex !important;
}
body .sidebar .sections .side-section.action .side-box-inner > div[style*="relative"] td,
body .acc-reset {
cursor: pointer;
}
.avatar-small {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
.avatar {
vertical-align: middle;
width: 100px;
height: 100px;
border-radius: 50%;
}
.avatar-edit {
position: relative;
width: 150px;
}
.avatar-edit-icon {
width: 35px;
position: absolute;
top: 55px;
left: 80px;
cursor: pointer;
}
.avatar-title {
font-weight: bold;
}
.poop-intra-dropdown {
display: flex;
min-height: auto !important;
position: relative;
}
.poop-intra-dropdown .custom-select-menu {
border: 2px solid #d4d4d4;
background-color: #fff;
-webkit-transition: all 80ms;
-moz-transition: all 80ms;
-ms-transition: all 80ms;
-o-transition: all 80ms;
transition: all 80ms;
font-weight: normal;
color: #2b2b2b;
text-align: left;
white-space: nowrap;
}
.poop-intra-dropdown .custom-select-menu.ui-selectmenu-button-open {
border-color: #000;
}
.poop-intra-dropdown .custom-select-menu .ui-selectmenu-icon {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden;
background-repeat: no-repeat;
padding: 6px 18px;
margin-top: 0;
text-indent: 0;
height: 29px;
line-height: 18px;
color: #999;
font-size: 11px;
background-color: transparent;
background-image: url(images/ui-icons_777777_256x240.png);
float: right;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
transform: none !important;
}
.poop-intra-dropdown .custom-select-menu .ui-selectmenu-icon::before {
color: #000;
transform: none !important;
}
.poop-intra-dropdown .ui-state-active,
.poop-intra-dropdown .ui-widget-content .ui-state-active,
.poop-intra-dropdown .ui-widget-header .ui-state-active {
border: none;
background-color: #e5e5e5;
}
.poop-intra-dropdown a.ui-button:active,
.poop-intra-dropdown .ui-button:active,
.poop-intra-dropdown .ui-button.ui-state-active:hover {
border: 2px solid #d4d4d4;
background-color: #fff;
}
.poop-intra-dropdown .ui-selectmenu-menu .ui-menu-item-wrapper:hover {
background-color: #e5e5e5;
}
.poop-intra-dropdown .ui-selectmenu-menu {
border: 2px solid #000;
border-top: 0;
width: 100%;
}
.poop-intra-dropdown .ui-selectmenu-menu::before {
content: '';
display: block;
width: 100%;
height: 3px;
background-color: #FFF;
position: absolute;
inset: -2px auto auto 0;
}
.poop-intra-dropdown .ui-selectmenu-menu ul {
width: 100% !important;
}
.poop-intra-dropdown .custom-select-menu .ui-selectmenu-text {
padding-block: 5px 6px;
}
.poop-legend-item {
color: #f09100;
float: right !important;
}
.monkey-padding {
padding-inline: 0 !important;
}
.monkey-item-label {
width: auto !important;
text-align: end !important;
}
.monkey-padding .data-item {
display: grid !important;
grid-template-columns: 1fr 60%;
align-items: center;
gap: 8px;
}
@media all and (max-width:767px) {
.monkey-item-label {
text-align: start !important;
}
.monkey-padding .data-item {
grid-template-columns: minmax(0, 1fr);
gap: 4px;
}
}
.monkey-item-table-values .item-table-value {
text-align: start;
}
.constructor.technical-card-container .technical-card .technical-card-item .content .content-image.double-image .sub-image {
width: 30% !important;
}
.constructor.technical-card-container .technical-card .technical-card-item .content .content-image.double-image .main-image {
padding-right: 16px !important;
}
.form-control {
-webkit-box-shadow: none !important;
box-shadow: none !important;
-webkit-transition: none !important;
}
.discount-input-box {
width: 40px !important;
height: 45px !important;
text-align: center;
}
.discount-span-notation {
padding: 8px 7px;
height: 45px;
font-size: 20px;
float: left;
}
.discounts-btn-holder {
margin-left: 20px;
float: left;
}
.discounts-btn {
background-color: black;
color: white;
transition: all ease-in-out .4s;
}
.discounts-btn:hover {
background-color: #f09100;
color: white;
border-color: #f09100;
}