h2 {
color: #111;
font-size: 24px;
}
/* ========= ZAMÓWIENIE ================ */
@media (max-width: 991px) {
.order h1 {
margin-top: 56px;
}
}
#main {
padding: 0;
}
#main .order {
padding: 0;
width: 100%;
}
#order-form {
width: 1360px;
margin: auto;
}
.order-footer {
position: relative;
width: 100%;
bottom: 0px;
}
.order .empty-cart {
padding: 30px;
background: #FFF;
}
.order-content .bookmark {
font-family: 'Poppins', Arial, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.5em;
color: #111;
background-color: #fff;
text-align: left;
margin: 20px 0 5px 20px;
}
.order-content .short-bookmark {
width: 140px;
}
.order-content .long-bookmark {
width: 270px;
}
.order textarea {
width: 100%;
margin-bottom: 0;
padding: 10px 15px;
}
.order textarea#note {
border: 1px solid;
}
.order .switch.checkbox.checkbox-primary {
padding-left: 28px;
}
.order .switch {
clear: both;
}
.order .action-link {
margin: 7px 0;
cursor: pointer;
color: #2b8abd;
}
.order-content > .content {
border: 1px solid #e1f2fa;
border-radius: 20px;
}
.content .cart-products .content-heading-title {
text-align: left;
font-size: 18px;
color: #484848;
font-family: 'Roboto Condensed';
}
.order .steps,
#fitpatrol-header .steps {
display: block;
color: #b2b2b2;
list-style-type: none;
font-family: Arial, sans-serif;
font-weight: 300;
text-transform: uppercase;
text-align: center;
font-size: 16px;
margin: 0;
padding: 0;
/*background: @middleColor;*/
/*color: @middleColorFont;*/
}
.order .steps li,
#fitpatrol-header .steps li {
position: relative;
display: inline-block;
height: auto;
padding: 6px 20px 0px 0px;
}
.order .steps li.linked,
#fitpatrol-header .steps li.linked {
cursor: pointer;
}
.order .steps li.active,
#fitpatrol-header .steps li.active {
font-weight: 600;
color: #fff;
}
.order .steps li::after,
#fitpatrol-header .steps li::after {
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 1px;
left: 12px;
content: "\E258";
color: #b2b2b2;
margin: auto;
font-size: 14px;
}
@media (max-width: 767px) {
#order-form {
width: 100%;
}
.order .steps {
position: absolute;
right: 0;
top: 44px;
width: 225px;
}
}
@media (max-width: 479px) {
#order-form {
width: 100%;
}
.alert {
clear: both;
font-size: 14px;
padding: 10px;
}
.order #fitpatrol-header {
position: relative;
}
.order #fitpatrol-header .steps {
width: auto;
position: static;
display: none;
}
.order .order-confirmation-summary {
padding: 0 10px;
}
}
.order .steps li {
position: relative;
display: inline-block;
height: 65px;
padding: 15px 20px 0px 0px;
}
.order .steps li.active {
color: #268db8;
}
.order .steps li.linked {
cursor: pointer;
}
@media (max-width: 767px) {
.order .steps li.active {
width: 100%;
}
}
@media (max-width: 479px) {
.order .steps li.active {
padding: 5px;
height: auto;
}
}
.order .steps li::after {
/*color: @primaryColor;*/
/*content: "\e259";*/
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 1px;
left: 12px;
content: "\E258";
color: #b2b2b2;
margin: auto;
font-size: 14px;
}
@media (max-width: 479px) {
.order .steps li.active::before {
display: none;
}
}
@media (max-width: 767px) {
.order .steps li:not(.active) {
display: none;
}
}
.order .content {
color: #888;
clear: both;
font-family: Arial, sans-serif;
font-weight: 300;
}
.order .content ul {
margin: 0;
padding: 0 20px;
padding-bottom: 0;
padding-bottom: 1px;
list-style-type: none;
}
@media (max-width: 991px) {
.order .content ul {
padding-left: 25px;
padding-right: 25px;
}
}
@media (max-width: 768px) {
.order .content ul {
padding-left: 7px;
padding-right: 7px;
}
}
.order .content ul .in-set {
padding: 0;
clear: both;
border-left: 1px solid #888;
}
.order .content .content-row {
position: relative;
font-size: 15px;
padding-bottom: 10px;
padding-top: 10px;
}
.order .content .content-row::after {
display: block;
content: '';
clear: both;
}
.order .content .content-row.heading {
padding: 20px;
}
.order .content .content-row.set .hide-set,
.order .content .content-row.set .in-set {
display: none;
}
.order .content .content-row.set .in-set {
margin-top: 20px;
}
.order .content .content-row.heading .content-col:not(:first-child) {
text-align: center;
}
@media (max-width: 991px) {
.order .content .content-row.heading {
display: none;
}
}
.order .content .content-row.heading .content-col {
font-family: 'Montserrat-Black', sans-serif !important;
font-size: 15px !important;
}
.order .content .content-row.heading .content-col:nth-child(1) {
width: -moz-calc(-375%);
width: -webkit-calc(-375%);
width: calc(100% - 475px);
}
@media (min-width: 992px) {
.order .content .content-row.heading .content-col.with-stepper:nth-child(1) {
width: -moz-calc(-455%);
width: -webkit-calc(-455%);
width: calc(100% - 555px);
}
}
.order .content .content-row .parent-label {
color: #fff;
padding: 5px 15px;
font-family: Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
display: inline-block;
background: #2b8abd;
}
.order .content .content-row.set-element:not(.heading):not(:last-child) {
border-bottom-style: dotted;
}
.order .content .content-row.set-element:first-child {
padding-top: 0;
}
.order .content .content-row.product.set-element.set-parent:not(:first-child) {
margin-top: 25px;
}
.order .content .content-row.set {
padding-bottom: 0;
margin-bottom: 20px;
}
.order .content .set-agregat {
padding-bottom: 50px;
position: relative;
}
.profile-content .order .content .content-row.heading .gross,
.profile-content .order .content .content-row.heading .amount {
display: none;
}
.order .content .content-row.heading .gross::before {
content: none;
}
.order .content .content-row:not(.heading):not(:last-child) {
/*border-bottom: 1px solid @lightestColorFont;*/
}
.order .content .content-row .content-col {
float: left;
min-height: 1px;
}
.order .content .content-row .content-col:not(:last-child) {
padding-right: 20px;
}
.profile-content .order .content .content-row .content-col {
padding-right: 0 !important;
float: left;
text-align: left !important;
}
.profile-content .order .content .content-row .content-col span {
text-align: left !important;
}
.order .content .content-row .content-col.photo {
width: 120px;
float: left;
text-align: center;
}
.profile-details .content .content-row .content-col.photo {
width: 85px;
}
.order .content .content-row .content-col.del,
.order .content .content-row .content-col.not-del {
padding-top: 12px;
font-size: 15px;
cursor: pointer;
padding-right: 10px;
display: block;
float: none;
}
.order .content .content-row .content-col.details {
width: -moz-calc(-480%);
width: -webkit-calc(-480%);
width: calc(100% - 580px);
}
@media (min-width: 992px) {
.order.summary .content .content-row .content-col.details,
.thank-you .content .content-row .content-col.details {
width: -moz-calc(-495%);
width: -webkit-calc(-495%);
width: calc(100% - 595px);
}
}
@media (max-width: 991px) {
.order .content .content-row .content-col.details {
width: -moz-calc(-235%);
width: -webkit-calc(-235%);
width: calc(100% - 335px);
}
}
@media (max-width: 768px) {
.order .content .content-row .content-col.details,
.order .content .content-row .mobile-adapter {
width: -moz-calc(-20%);
width: -webkit-calc(-20%);
width: calc(100% - 120px);
}
.order .content .content-row .content-col {
padding-right: 0 !important;
}
}
.order .content .content-row .content-col.details {
font-size: 12px;
}
.order .content .photo img {
max-height: 120px;
}
.order .content .in-set .photo {
padding-left: 15px;
}
@media (min-width: 992px) {
.order .content .content-row .content-col.details.with-stepper {
width: -moz-calc(-350%);
width: -webkit-calc(-350%);
width: calc(100% - 450px);
}
}
.online-payment {
padding: 30px;
}
.profile-content .order .content .content-row .content-col.gross::before {
font-family: 'Montserrat-Black', sans-serif;
}
.order .content .content-row .content-col.amount {
width: 105px;
text-align: center;
}
@media (min-width: 992px) {
.order .content .content-row .content-col.amount.with-stepper {
width: 185px;
}
}
@media (max-width: 991px) {
.order .content .content-row .content-col.amount {
width: 100%;
}
}
@media (max-width: 768px) {
.order .content .content-row .mobile-adapter {
margin-top: 10px;
}
.order .content .content-row .mobile-adapter .content-col {
text-align: left !important;
}
}
.order .content .content-row .content-col.amount input,
.order .content .content-row .content-col.amount span {
display: block;
border: none;
line-height: 2em;
padding: 2px 10px;
margin-bottom: 0;
}
.order .content .content-row .content-col.amount.stepper .glyphicon,
.order .content .content-row .content-col.amount.stepper input {
display: inline-block;
vertical-align: middle;
}
.order .content .content-row .content-col.amount.stepper input {
font-family: Arial, sans-serif;
font-weight: 600;
margin: 0 -6px;
background-color: #FFF;
color: #2b8abd;
border: 1px solid #888;
}
.order .content .content-row .content-col.amount.stepper .glyphicon {
cursor: pointer;
width: 40px;
height: 40px;
padding: 0 10px;
text-align: center;
font-size: 19px;
vertical-align: middle;
/*background-color: @bgColor;*/
background-color: #eee;
margin-top: -2px;
border: 1px solid #7B7B7B;
}
@media (max-width: 991px) {
.order .content .content-row .content-col.amount input,
.order .content .content-row .content-col.amount span {
display: inline;
}
}
.order .content .content-row .content-col.amount span {
padding: 0;
text-align: center;
}
.order .content .content-row .content-col.amount input {
width: 85px;
text-align: center;
padding: 0;
}
.order .content .content-row .content-col.amount .basic-unit,
.order .content .content-row .content-col.amount .unit-price-unit {
font-size: 12px;
line-height: 1.5em;
}
.order .content .content-row .content-col.amount input {
padding-right: 0;
}
.order .content .content-row .content-col.amount.stepper {
width: 185px;
}
@media (max-width: 991px) {
.order .content .content-row .content-col.amount.stepper {
width: 100%;
}
}
.order .content .content-row .content-col.price {
text-align: center;
width: 230px;
font-size: 15px;
}
.order .content .content-row .content-col.price.gross,
.complaint-details .price {
font-size: 18px;
font-family: Arial, sans-serif;
font-weight: 600;
width: 140px;
}
.order .content .content-row .content-col .name {
margin-top: 0;
margin-bottom: 0px;
line-height: 1.5em;
font-family: Arial, sans-serif;
font-weight: 600;
font-size: 18px;
color: #000;
}
@media (max-width: 500px) {
.order .content .content-row .content-col .name {
font-size: 16px;
}
}
.order .content .content-row .content-col .weight,
.order .content .content-row .content-col .avability {
font-family: Arial, sans-serif;
font-weight: 300;
color: #000;
font-size: 15px;
}
.order .content .content-row .content-col .name > a {
color: #000;
}
.order .content .content-row .content-col .brutto {
margin-top: 0px;
}
.order .content-row.set .in-set-name {
margin-bottom: 5px;
line-height: 1.5em;
}
.profile-content .order .content .content-row .content-col .name {
width: 100%;
margin-bottom: 10px;
}
.order .content .content-row .content-col em {
font-style: normal;
font-family: 'MartelSans-Bold', sans-serif;
white-space: nowrap;
color: green;
font-weight: bold;
}
@media (max-width: 991px) {
.order .content .content-row .content-col.price,
.order .content .content-row .content-col.price.gross {
width: 100%;
}
.order .content .content-row .content-col.price.gross {
font-size: 18px;
}
.order .order-content .mobile-adapter {
float: right;
}
}
@media (max-width: 992px) and (min-width: 769px) {
.order .order-content .mobile-adapter {
width: 200px;
}
}
.order .order-content.thank-you .consents h2 {
font-size: 18px;
}
.order .voucher-code {
float: right;
font-family: Arial, sans-serif;
padding-left: 15px;
padding-right: 15px;
color: #FFFFFF;
}
.order .voucher-code em {
font-family: 'MartelSans-Heavy', sans-serif;
}
.order .voucher-code input {
border: 0;
font-family: 'MartelSans-Bold', sans-serif;
font-size: 13px;
padding: 2px 10px;
width: 160px;
border-radius: 20px;
float: right;
color: #fff;
background-color: #eaeaea;
}
.order .voucher-code button {
padding-left: 0;
}
.order .voucher-code .cs-validation {
color: white;
}
#voucher-email {
display: none;
}
.order .content .changes {
padding: 20px;
}
.order .options {
padding: 30px;
clear: both;
font-family: Arial, sans-serif;
font-weight: 400;
border: 1px solid #e1f2fa;
border-radius: 20px;
margin-bottom: 20px;
color: #7B7B7B;
/*background: @lighterColor;*/
}
.order .options .delivery {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
clear: both;
}
@media (max-width: 767px) {
.order .options {
padding: 30px 10px;
}
}
.order .options .country {
margin-bottom: 10px;
}
@media (max-width: 767px) {
.order .options .country {
margin-bottom: 25px;
}
}
.order .options .country .c-label {
margin-right: 10px;
}
.order .options .country .dropdown .dropdown-toggle,
.order .options .country .dropdown .dropdown-menu {
width: 100%;
background: #FFF;
color: #888;
}
.order .options .country .dropdown .dropdown-toggle {
padding: 5px 20px;
min-width: 170px;
}
.order .options .delivery h3 {
font-size: 12px;
font-family: Arial, sans-serif;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
}
.order .options .delivery .item {
padding-bottom: 2px;
border-right: 1px solid #b2b2b2;
}
.order .options .delivery .item:last-child {
border-right: 0px;
}
.order .options .delivery .item small {
display: inline-block;
margin-bottom: 15px;
font-family: Arial, sans-serif;
font-weight: 300;
}
.order .options .delivery .item .payment-desc {
margin: 0;
padding-left: 31px;
color: #7B7B7B;
}
.order .options .delivery .item .payment-desc,
.order .options .delivery .item .delivery-desc {
display: none;
}
.order .options .delivery ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.order .options .delivery ul li {
font-family: Arial, sans-serif;
font-size: 13px;
margin-bottom: 12px;
}
.order .options .delivery ul li label {
font-weight: normal;
}
.order .options .delivery ul li small {
color: #2b8abd;
}
.order .info {
font-family: Arial, sans-serif;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background: #C5C5C5;
color: #656565;
}
@media (max-width: 767px) {
.order .info {
background: #E2E2E2;
}
}
.order .short-info {
/*background: @middleColor;*/
background: #fff;
padding: 30px;
font-family: Arial, sans-serif;
font-size: 14px;
color: #656565;
}
.order .short-info em {
font-family: 'MartelSans-Bold', sans-serif;
}
.order .thank-you .short-info {
padding-top: 10px;
}
.order .step-summary {
color: #fff;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
background: #2D2D2D;
}
.order .step-summary .solution {
font-size: 18px;
clear: both;
font-family: Arial, sans-serif;
font-weight: 700;
}
.order .thank-you .step-summary {
padding: 30px;
}
.order .step-summary .title {
font-family: 'Roboto Condensed', sans-serif;
font-size: 23px;
margin-top: 0;
margin-bottom: 20px;
background-color: #505050;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
}
.order dl {
margin: 0;
margin-bottom: 18px;
padding-left: 15px;
padding-right: 15px;
}
.order dl dt {
clear: both;
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
font-size: 18px;
padding-right: 15px;
}
.order dl dd {
font-family: Arial, sans-serif;
font-weight: 600;
font-size: 16px;
text-align: right;
}
.order dl dt,
.order dl dd {
float: left;
width: 50%;
margin-bottom: 7px;
}
.order dl .total {
font-family: Arial, sans-serif;
font-weight: 600;
font-size: 22px;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #2b8abd;
}
@media (max-width: 479px) {
.order dl .total {
font-size: 20px;
}
}
.order .switch .input-switch {
margin-top: 1px;
}
.order .switch label {
font-size: 16px;
color: inherit;
font-family: Arial, sans-serif;
font-weight: normal;
}
.order .delivery-points {
clear: both;
margin-top: 20px;
}
@media (max-width: 991px) {
.map {
max-height: 500px;
}
}
@media (max-width: 767px) {
.map {
max-height: 300px;
}
}
.order .collection-point select {
display: block;
max-width: 100%;
background: #FFF;
}
deli .order .collection-point select option {
padding: 4px 0;
}
.order .collection-point label {
font-weight: normal;
display: block;
cursor: pointer;
}
.order .collection-point input[type="radio"] {
display: none;
}
.order .collection-point input[type="radio"]:checked + label {
/*background: @middleColor;*/
color: #656565;
}
.order .collection-point .point-drop-v2 {
height: 9.3em;
overflow: auto;
margin-bottom: 30px;
padding: 1.5em;
border: 1px solid #b2b2b2;
padding-left: 30px;
padding-top: 10px;
background: #FFF;
color: #6e6e6e;
}
.order .collection-point .c-label {
font-family: 'Roboto Condensed', sans-serif;
margin: 25px 0 15px;
font-size: 22px;
font-weight: 400;
}
.order .open-map {
font-family: Arial, sans-serif;
font-weight: 600;
cursor: pointer;
display: inline-block;
clear: both;
padding: 0 15px;
color: #2b8abd;
}
.order .primary-action {
border: none;
float: right;
font-family: 'Roboto Condensed', sans-serif;
text-transform: none;
text-align: right;
font-size: 26px;
font-weight: 300;
margin-top: 20px;
padding: 0 30px;
width: 470px;
height: 60px;
background: #2b8abd;
color: #FFFFFF;
}
@media (max-width: 767px) {
.order .primary-action {
font-size: 20px;
padding: 0 5px;
}
}
.order.summary .primary-action::after {
content: none;
}
.order .product.cart-chg-1 {
background: #E2E2E2;
color: #7B7B7B;
}
.order li.cart-chg-1:not(.product)::before {
display: inline-block;
width: 50px;
height: 20px;
vertical-align: middle;
margin-right: 20px;
content: '';
background: #E2E2E2;
}
.order .secondary-action {
color: #484848;
font-family: 'Roboto Condensed', sans-serif;
font-size: 22px;
text-align: left;
font-weight: 300;
padding: 0 30px;
float: left;
margin-top: 20px;
width: 540px;
height: 60px;
}
@media (max-width: 479px) {
.order .secondary-action {
font-size: 18px;
padding: 0 10px;
}
}
.order .secondary-action::before {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\E079";
margin-right: 5px;
}
.order .secondary-action::after {
content: none;
}
.order.data .content {
padding: 20px 0;
}
.order.data form {
margin: auto;
float: none;
}
.order.data h2 {
margin: 0;
text-align: center;
font-family: Arial, sans-serif;
font-weight: 700;
color: #606060;
font-size: 15px;
padding: 15px;
text-transform: uppercase;
margin-bottom: 10px;
}
.order.data .centering {
margin: auto;
float: none;
}
.order.data input,
.order.data select {
width: 100%;
}
.order.data input.small,
.order.data div.small {
width: 48%;
width: -moz-calc(42.5%);
width: -webkit-calc(42.5%);
width: calc(50% - 7.5px);
float: left;
}
.order.data input.small:not(.nm),
.order.data div.small:not(.nm) {
margin-right: 15px;
}
.order.data div.small input {
width: 100%;
float: none;
}
.order.data .validation {
display: block;
margin-top: -10px;
margin-bottom: 20px;
font-size: 13px;
color: #EF5350;
}
.order.data .custom-radio {
display: inline-block;
width: 185px;
}
.order.data .invoice-inputs {
margin-top: 20px;
}
.order.data .invoice-inputs label {
margin-bottom: 12px;
}
.order.data .legend {
margin-top: 10px;
font-size: 12px;
}
.order.data .copy {
font-size: 12px;
float: right;
margin-bottom: 13px;
}
.order.data .pass-wrapper {
width: 100%;
}
.order.data .tel-suggestion {
margin-bottom: 30px;
}
#cst-data-switch {
clear: both;
text-align: center;
font-family: Arial, sans-serif;
font-weight: 600;
font-size: 20px;
padding-top: 25px;
}
#cst-data-switch span {
cursor: pointer;
}
#login-switch {
display: none;
}
.order.summary .country .c-value,
.order.summary .delivery dt {
font-family: Arial, sans-serif;
font-weight: 600;
text-transform: uppercase;
}
.order.summary .delivery dt {
float: left;
margin-right: 4px;
}
.order.summary .address,
.thank-you .address {
/*background: @lighterColor;*/
padding: 15px;
clear: both;
color: #7B7B7B;
}
.order.summary .address,
.order.summary .address p,
.thank-you .address,
.thank-you .address p {
font-family: 'MartelSans-Bold', sans-serif;
font-size: 13px;
}
.order.summary .address p {
margin-bottom: 0;
}
.order.summary .address h4,
.thank-you .address h4 {
font-family: Arial, sans-serif;
font-size: 13px;
margin: 0;
margin-top: 15px;
}
.order.summary .address h3,
.thank-you .address h3 {
font-family: Arial, sans-serif;
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 5px;
}
.order.summary .address .invoice {
margin-bottom: 20px;
}
@media (max-width: 479px) {
.order .address .delivery,
.order .address .invoice,
.order .address .invoice-colection {
width: 100%;
}
}
.order .address .invoice-colection small {
font-family: MartelSans;
margin-bottom: 12px;
display: inline-block;
}
.order.summary .info {
background: #C5C5C5;
color: #656565;
}
.order.summary .delivery small {
color: #2b8abd;
}
.order.summary .payment-info,
.order.cart .payment-info {
background: none;
padding: 0;
margin: 0;
}
.order .payment-info b {
font-size: larger;
font-family: Arial, sans-serif;
font-weight: 600;
font-weight: normal;
}
.order.summary .payment-info .account-text,
.order .cart .payment-info .account-text {
display: none;
}
.bankAccount {
list-style-type: none;
padding: 0;
font-family: 'MartelSans-Bold';
margin: 0;
}
.order .order-content.thank-you .payment-info p {
margin-bottom: 10px;
}
.bankAccount label {
font-family: Arial, sans-serif;
margin-right: 7px;
}
.order .info p,
.order .info label {
margin-bottom: 3px;
}
.order .content .content-row .content-col .unit-text {
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
display: inline-block;
}
@media (max-width: 992px) {
.order .content .content-row .content-col {
padding-right: 0 !important;
}
}
.order .order-content.thank-you {
background: #FFF;
}
.order .order-content.thank-you em,
.order .order-content.thank-you strong {
font-family: 'MartelSans-Bold';
font-weight: normal;
}
.order .order-content.thank-you strong {
display: block;
margin-bottom: 25px;
margin-bottom: 0;
font-size: 22px;
}
.order .order-content.thank-you p {
margin-bottom: 2px;
}
.order .order-content.thank-you .date {
margin-bottom: 16px;
display: block;
font-size: 16px;
clear: both;
}
textarea#note {
margin-top: 20px;
}
.order .order-content.thank-you .cart-products {
margin-top: 10px;
}
.order .order-content.thank-you .end-content {
padding: 30px;
font-family: Arial, sans-serif;
}
.order .order-content.thank-you .consents {
background-color: #2D2D2D;
color: #A9A9A9;
}
.order .order-content.thank-you .consents ul {
list-style-type: none;
padding-left: 0;
}
.order .payment-info,
.profile-content .order.summary .payment-info {
margin: 20px 0;
/*background-color: @lighterColor;*/
padding: 15px;
color: #7B7B7B;
}
.order:not(.cart) .content .content-row .content-col .unit-adapter {
display: none;
}
.client-panel .order:not(.cart) .content .content-row .content-col .unit-adapter {
display: inline;
}
.client-panel .show-set,
.client-panel .hide-set {
display: block;
clear: both;
}
@media (max-width: 992px) {
.order:not(.cart) .content .content-row .content-col .unit-text {
display: none;
}
.order:not(.cart) .content .content-row .content-col.amount .unit-adapter {
display: inline;
}
.order:not(.cart) .content .content-row.product .content-col.amount.stepper .unit-adapter {
display: block;
text-align: inherit;
}
}
.order-content .complaints {
clear: both;
font-size: 13px;
position: absolute;
bottom: 10px;
right: 0;
}
.complaints button {
padding: 0;
background: transparent;
color: #2b8abd;
display: inline-block;
text-transform: none;
margin-top: 10px;
font-family: Arial, sans-serif;
font-weight: 300;
}
.order .already-returned {
position: absolute;
right: 0;
bottom: 30px;
font-size: 13px;
}
#complaint-form input[name="quantity"],
#return-form input[name="quantity"] {
width: 100px;
}
#complaint-form option:first-child,
#return-form option:first-child {
display: none;
}
.profile-content .add-complaint {
float: right;
color: #2b8abd;
font-size: 14px;
}
.profile-content .add-complaint span {
margin-right: 6px;
}
.complaint-details.order .no {
text-align: right;
}
.complaint-details.order .defect-date {
font-family: Arial, sans-serif;
font-weight: 400;
text-transform: none;
display: block;
}
.complaint-details.order .complaint-cancel {
float: right !important;
margin-left: 15px;
margin-bottom: 10px !important;
}
.complaint-details.order .short-info {
width: 100%;
}
.complaint-details.order dt,
.complaint-details.order dd {
font-family: Arial, sans-serif;
font-size: 13px;
width: auto;
float: none;
}
@media (max-width: 480px) {
.complaint-details.order dt,
.complaint-details.order dd {
width: auto;
}
}
.complaint-details.order dt {
margin-bottom: 0;
}
.complaint-details.order dd {
font-family: 'MartelSans-Bold';
text-align: left;
}
.complaint-details.order dd.full {
width: 100%;
text-align: left;
}
.complaint-details.order .step-summary dt,
.complaint-details.order .step-summary dd {
float: left;
font-size: inherit;
}
.complaint-details.order .step-summary .title {
border-bottom: 1px solid #2b8abd;
width: 100%;
padding-bottom: 5px;
}
.complaint-details.order .content .content-row .content-col .unit-text {
font-size: 15px;
}
.complaint-details.order .order-link {
color: #2b8abd;
}
.complaint-item .status,
.complaint-item .complaint-status {
color: #2b8abd;
font-size: 14px;
font-family: Arial, sans-serif;
font-weight: 400;
}
.complaint-item .photo {
width: 40%;
float: left;
}
.complaint-item .no-photo {
padding-top: 30px;
}
.complaint-item .no,
.complaint-item .unit-text {
float: none !important;
clear: both;
}
.complaint-item .date {
width: 100%;
}
.complaint-item .details {
width: 100%;
}
@media (max-width: 480px) {
.complaint-item .details {
-ms-order: 2;
-webkit-order: 2;
order: 2;
}
}
.complaint-item .complaint-data {
width: 67%;
float: right;
}
.order.data form {
width: 100%;
}
.order.data .guest-form .centering {
width: 100%;
}
.order.data .login-partial {
margin-bottom: 40px;
}
.order.data .guest-form h2:not(.visible-h2),
.order.data .login-partial h2:not(.visible-h2) {
display: none;
}
.order-content .cart-benefits {
border: 1px solid #e1f2fa;
border-radius: 10px;
clear: both;
display: block;
width: 100%;
min-height: 40px;
margin-top: 15px;
padding-left: 5px;
padding-right: 5px;
}
.order-content .cart-benefits p {
text-align: center;
font-family: Arial, sans-serif;
font-size: 18px;
color: #9d9d9d;
font-weight: 300;
margin-top: 3px;
}
.order-content .cart-benefits p span {
color: #525252;
}
/* MY CUSTOM CHANGES */
.order .make-order-btn,
.order .go-back-btn {
border-radius: 5px;
width: auto;
padding-left: 12px;
padding-right: 12px;
margin-right: 15px;
}
.order .make-order-btn {
background: #d9534f;
box-shadow: 1px 1px 8px #888;
border: 1px solid #d43f3a;
}
.order .make-order-btn:disabled {
background: #ddd;
border: 1px solid #bbb;
color: #666;
cursor: not-allowed;
}
.order .info {
background: transparent;
}
.benefits {
margin-top: 20px;
}
.benefits img {
height: 64px;
}
.benefits p.text-md {
color: #333;
font-size: 16px;
font-weight: 600;
margin-top: 10px;
}
.order .cross-selling.homepage-swipe .product-item .product-desc .product-name a {
font-size: 14px;
font-weight: 600;
}
.order .cross-selling.homepage-swipe .product-item .product-desc .price,
.order .cross-selling.homepage-swipe .product-item .product-desc .price-details > .price {
font-size: 15px;
font-weight: 600;
}
.order .cross-selling.homepage-swipe .product-item .product-desc .free-shipping {
font-size: 11px;
}
.order .cross-selling.homepage-swipe .product-item .add-to-cart > span {
font-size: 14px;
font-weight: 600;
height: 32px;
line-height: 32px;
}
.order .cross-selling.homepage-swipe .short-description,
.order .cross-selling.homepage-swipe .product-desc .show-desc {
display: none    ;
}
@media (max-width: 800px) {
.benefits {
margin-top: 20px;
}
.benefits img {
height: 32px;
}
.benefits p.text-md {
color: #333;
font-size: 13px;
font-weight: 600;
margin-top: 5px;
}
}
@media (max-width: 799px) {
.order .content .cart-products {
margin-top: 20px;
}
.order .content .content-row .content-col.photo {
width: 75px;
float: left;
}
.order .content .content-row .content-col.details,
.order .content .content-row .mobile-adapter {
width: -moz-calc(25%);
width: -webkit-calc(25%);
width: calc(100% - 75px);
}
.order .content .content-row .content-col.del {
display: inline-block;
padding: 5px 10px;
border: 1px solid #ccc;
border-radius: 5px;
margin: 10px auto 10px auto;
text-align: center;
}
.order .content .cart-products .content-heading-title {
display: inline-block;
margin-left: 0px;
margin-right: 15px;
}
}
.client-panel .white-container {
background: #FFF;
margin-top: 20px;
color: #888;
min-height: 300px;
}
@media (min-width: 992px) {
.client-panel .white-container {
position: relative;
}
}
.client-panel .sidebar {
padding: 0;
position: absolute;
}
@media (min-width: 992px) {
.client-panel .sidebar {
top: 0;
bottom: 0;
}
}
.client-panel .sidebar .mobile-adapter::before {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
top: -1px;
vertical-align: middle;
content: "\E235";
font-size: 23px;
margin-right: 7px;
}
.client-panel .sidebar ul {
list-style-type: none;
margin: 0;
padding: 20px 0;
}
.client-panel .sidebar ul li {
margin-bottom: 15px;
}
.client-panel .sidebar ul li a {
font-family: Arial, sans-serif;
font-weight: 300;
color: #6F6F6F;
font-size: 16px;
padding-left: 40px;
}
@media (max-width: 991px) {
.client-panel .sidebar ul li a {
padding-left: 20px;
}
}
.client-panel .sidebar ul li.active {
border-left: 4px solid #6F6F6F;
}
.client-panel .sidebar ul li.active a {
font-family: Arial, sans-serif;
font-weight: 600;
}
.client-panel .content {
font-family: Arial, sans-serif;
font-size: 13px;
padding: 20px;
}
.client-panel .content .login-data,
.client-panel .content .client-data,
.client-panel .content .adresses {
font-family: Arial, sans-serif;
}
.client-panel .content section,
.client-panel .content form,
.client-panel .content .row {
clear: both;
}
.client-panel .content section {
padding: 0;
}
.client-panel .content section:not(:last-child) {
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #888;
}
.client-panel .profile-content .customer-profile-data section:not(:last-child) {
border: none;
}
.client-panel .content h2 {
font-family: Arial, sans-serif;
font-weight: 700;
font-size: 15px;
float: left;
margin: 0;
text-transform: uppercase;
}
.client-panel .content h2.editform-title {
margin-bottom: 12px;
}
.client-panel .title-bar {
margin-bottom: 20px;
padding-bottom: 7px;
border-bottom: 1px solid #888;
}
.client-panel .content .login-data h2 {
margin-bottom: 0;
}
.client-panel .content p:not(.validator),
.client-panel .content .action-link {
float: right;
margin: 0;
}
.client-panel .content p.complaint-scenario {
margin-top: 10px;
font-family: Arial, sans-serif;
font-weight: 300;
margin-bottom: 10px;
}
.client-panel .content p.current-email {
float: none;
}
.client-panel .content .action-link .glyphicon {
margin-right: 5px;
font-size: large;
vertical-align: sub;
}
@media (max-width: 991px) {
.client-panel .content form {
max-width: 100%;
}
}
.client-panel .content form label,
.client-panel .content form legend,
.client-panel .content form .slash {
display: none;
}
.client-panel .content form input,
.client-panel .content form select {
width: 100%;
margin-bottom: 9px;
padding: 8px 12px;
}
.client-panel .content form .half {
width: 48%;
width: -moz-calc(46.5%);
width: -webkit-calc(46.5%);
width: calc(50% - 3.5px);
float: left;
margin-right: 7px;
}
.client-panel .content form .half.nm {
margin-right: 0;
}
.client-panel .content form input.house,
.client-panel .content form input.zip {
margin-right: 7px;
}
.client-panel .content form button::after,
.client-panel .content form button::before {
content: none;
}
.client-panel .content form.deactivated .inputs-wrapper,
.client-panel .content form .input-group {
padding-left: 33px;
min-height: 30px;
}
.client-panel .content form .input-wrapper {
position: relative;
margin-top: 10px;
}
.client-panel .content form .input-wrapper.nip {
padding-top: 4px;
}
.client-panel .content form div[data-name="zip"]::before {
content: '\A';
white-space: pre;
}
.client-panel .content form .name:not(input),
.client-panel .content form .account-for {
margin-left: 33px;
font-size: 15px;
font-family: Arial, sans-serif;
font-weight: 600;
}
.client-panel .content .account-for {
margin-top: 10px;
}
.client-panel .content form .to-input,
.client-panel .content form .to-select {
padding: 2px 0;
}
.client-panel .content form .slash {
display: inline;
}
.client-panel .content form.deactivated .glyphicon,
.client-panel .content form.deactivated .group-label {
font-size: 21px;
position: absolute;
vertical-align: middle;
top: 4px;
}
.client-panel .content form .input-group,
.client-panel .content form.group-label {
font-size: 15px;
}
.client-panel .content form .input-wrapper.nip .group-label {
font-family: Arial, sans-serif;
font-weight: 700;
font-size: 15px;
}
.client-panel .content form.deactivated input[type="submit"],
.client-panel .content form.deactivated button {
display: none;
}
.client-panel .content form .pass-wrapper {
width: 100%;
}
.client-panel .content form .show-pass {
bottom: 10px;
}
#CustomerUpdateForm {
padding: 0;
}
.client-panel .content .address-wrapper {
margin-bottom: 20px;
}
.client-panel .content .address-wrapper:nth-child(odd) {
padding-left: 0;
}
.client-panel .content .address-wrapper:nth-child(even) {
padding-right: 0;
}
@media (max-width: 991px) {
.client-panel .content .address-wrapper {
padding: 0;
}
}
.client-panel .content #CustomerUpdateForm,
.client-panel .content .adresses .address {
padding: 10px;
position: relative;
border: 3px solid transparent;
min-height: 176px;
background: #E2E2E2;
color: #7B7B7B;
}
.client-panel .content .address .secondary-action.default {
padding-left: 0;
}
.client-panel .content .address .action-link {
position: absolute;
right: 10px;
color: #7B7B7B;
}
.client-panel .content .address .cancel {
display: none;
}
.address h3 a,
.address h3 time {
font-family: Arial, sans-serif;
font-size: 14px;
text-transform: none;
}
.client-panel .content .address.editable .remove {
display: block;
}
.client-panel .content .address.editable .edit {
display: none;
}
.client-panel .content .address.default {
border: 3px solid #C5D5E2;
}
.client-panel .content .address select {
background: #FFF;
color: #888;
}
.client-panel .content .address form:not(.deactivated) {
margin: auto;
padding-top: 30px;
}
.client-panel .content .address form:not(.deactivated) input {
background: #FFF;
color: #888;
}
.client-panel .content .address .form-add:not(.deactivated) input,
.client-panel .content .address .form-add:not(.deactivated) select {
background: #FFF;
}
.client-panel .content .address form.deactivated .name {
margin-left: 33px;
}
.client-panel .content .address form.deactivated legend,
.client-panel .content .address form.deactivated label {
min-width: 0;
}
.client-panel .content .address form.deactivated label {
margin-right: 8px;
}
.client-panel .content .address form.deactivated fieldset div {
padding-left: 33px;
}
.client-panel .content .profile-header {
padding-bottom: 0 !important;
margin-bottom: 35px !important;
}
.client-panel .content .header-tabs > * {
margin-bottom: -1px;
}
.client-panel .content .header-tabs .active {
border-bottom: 4px solid #2b8abd;
}
.client-panel .order .content .content-row.heading,
.client-panel .order .content > ul {
padding: 20px 0;
}
.client-panel .profile-content .client-data .order-summary > * {
display: block;
float: none !important;
}
.client-panel .order-content .mobile-adapter {
width: 60% !important;
float: right;
margin-top: 10px;
}
.client-panel .content .content-row {
padding-bottom: 64px;
}
.profile-content .order-content .cart-products,
.profile-content .order-content .cart-products ul {
padding: 0;
}
.profile-content .content .content-row .content-col.photo {
width: 40%;
padding-right: 15px !important;
text-align: center;
}
.profile-content .content .content-row .content-col.price:not(.gross),
.profile-content .content .content-row .content-col.amount {
width: 100%;
text-align: left;
}
.profile-content .content .content-row.heading {
display: none;
}
.client-panel .order .custom-collection p {
margin-bottom: 10px;
}