/* common value, do not edit unless you have global search and confirm it is safe */
/* Color Theme */
/* Color theme for landing */
/* header scss variable */
/* (Flexbox Mixin Helper) */
/* (Calc Mixin Helper) */
/* START: Animation Mixin */
/* Clockwise Spinning */
/* Anti-clockwise Spinning */
/* END: Animation Mixin */
/* copy from my-account.css */
/* line 9, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.wrapper-content {
overflow: hidden;
margin-top: 30px;
}
/* line 13, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-nav-bar {
float: left;
display: flex;
align-items: stretch;
justify-content: flex-end;
width: 180px;
margin: 0px;
color: #000000;
font-weight: 400;
font-size: 16px;
margin-right: 10px;
}
/* line 24, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-nav-bar::after {
display: block;
clear: both;
content: '';
}
/* line 31, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-nav-bar > ul {
width: inherit;
overflow: hidden;
}
/* line 37, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-nav-bar > ul > li {
float: left;
width: 100%;
}
/* line 42, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-nav-bar > ul > li > a {
display: block;
padding: 10px 17px;
padding-left: 8px;
border-left: 4px solid transparent;
}
/* line 51, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-nav-bar > ul > li.active > a {
border-left: 4px solid #3da631;
background-color: #eeeeee;
}
/* line 56, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-nav-bar > ul > li > a:hover {
background-color: #eeeeee;
}
/* line 59, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#global-messages {
margin: 0px;
background-color: rgba(255, 255, 255, 0.5);
box-sizing: content-box;
overflow: hidden;
}
/* line 61, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.page-emailPrefsPage #global-messages {
width: 990px;
}
/* line 67, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#global-messages.accountOrderPage {
padding: 0px;
}
/* line 71, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.account-content-wrapper {
border: 1px solid rgba(204, 204, 204, 0.7);
}
/* line 74, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content {
margin: 0px;
background-color: rgba(255, 255, 255, 0.5);
box-sizing: content-box;
overflow: hidden;
}
/* line 80, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage {
padding: 0px;
}
/* line 83, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.credit-record-container {
border-style: none;
padding: 0px;
}
/* line 89, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.template-pages-insuranceRecordPageTemplate #account-content {
padding-top: 15px;
padding-left: 0px;
padding-right: 0px;
}
/* line 94, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.template-pages-insuranceRecordPageTemplate .no-record {
color: #178726;
}
/* line 98, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.template-pages-insuranceRecordPageTemplate .completed .no-record {
color: #797979;
}
/* line 104, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.template-pages-account-accountHomePage #account-content {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
}
/* line 109, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.template-pages-account-accountHomePage .no-record {
color: #178726;
}
/* line 113, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.template-pages-account-accountHomePage .completed .no-record {
color: #797979;
}
/* line 118, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#global-messages > div.alert.negative {
color: #ff0000;
border-color: #ff0000;
}
/* line 123, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#global-messages:empty {
display: none;
}
/* line 127, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#global-messages > * {
font-size: 17px;
font-weight: bold;
background-color: white;
border-right: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
padding: 5px 20px;
}
/* line 136, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#global-messages > :first-child {
border-top: 1px solid #d4d4d4;
padding-top: 20px;
}
/* line 141, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#global-messages > :last-child {
border-bottom: 1px solid #d4d4d4;
padding-bottom: 20px;
}
/* line 146, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content > *:not(.applyCobrandBanner):not(.user-profile):not(.directory-container):not(.account-content-title):not(.account-content-container):not(#address-list):not(.user-profile-title):not(.account-content-wrapper):not(.order-details):not(.ui-checkout-payment-cardLogo) {
padding: 20px;
border: 1px solid #d4d4d4;
background-color: white;
width: 100%;
}
/* line 151, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.page-account #account-content > *:not(.applyCobrandBanner):not(.user-profile):not(.directory-container):not(.account-content-title):not(.account-content-container):not(#address-list):not(.user-profile-title):not(.account-content-wrapper):not(.order-details):not(.ui-checkout-payment-cardLogo) {
border-style: none;
padding: 0px;
padding-left: 11px;
}
/* line 156, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.page-insuranceRecordPage #account-content > *:not(.applyCobrandBanner):not(.user-profile):not(.directory-container):not(.account-content-title):not(.account-content-container):not(#address-list):not(.user-profile-title):not(.account-content-wrapper):not(.order-details):not(.ui-checkout-payment-cardLogo) {
padding: 0px;
}
/* line 161, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .applyCobrandBanner {
margin-bottom: 20px;
}
/* line 166, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .completed-insurance-container {
margin-top: 24px;
}
/* line 170, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .completed-warranty-container {
margin-top: 24px;
}
/* line 174, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-content-title {
font-size: 20px;
width: fit-content;
height: 48px;
line-height: 48px;
padding-left: 20px;
padding-right: 50px;
color: #ffffff;
background-color: #178726;
font-weight: bold;
border-top-left-radius: 7px;
border-top-right-radius: 70px;
}
/* line 186, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-content-title.completed {
background-color: #797979;
}
/* line 190, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-content-container {
padding: 20px;
border: 2px solid #3a993a;
background-color: white;
width: 100%;
margin-bottom: 40px;
}
/* line 196, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-content-container.completed {
border: 2px solid #797979;
}
/* line 201, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-id {
width: 17%;
}
/* line 204, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-status {
position: relative;
width: 25%;
padding-right: 70px !important;
}
/* line 208, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-status .tooltips {
bottom: 63px;
}
/* line 210, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-status .tooltips span.negative a {
display: none;
}
/* line 215, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-status .tooltips a {
font-style: italic;
font-size: 12px;
text-decoration: underline;
}
/* line 219, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-status .tooltips a i {
margin-left: 8px;
}
/* line 225, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-orderDateLabel {
width: 15%;
}
/* line 229, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-TotalLinks {
width: 17%;
}
/* line 232, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-ViewOrder {
width: 14%;
}
/* line 235, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .list-item-ViewInvoice {
width: 12%;
}
/* line 238, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .statusDiscirption {
font-size: 14px;
line-height: 16px;
}
/* line 241, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .statusDiscirption.red {
color: #e6142c;
}
/* line 244, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .statusDiscirption.black {
color: #000000;
}
/* line 248, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .reBuylink {
font-size: 14px;
line-height: 16px;
color: #e6142c;
}
/* line 253, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .login-loginForm-forgot-pwd-container {
margin-bottom: 20px;
margin-right: 60px;
text-align: right;
}
/* line 258, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .login-loginForm-forgot-pwd-anchor {
display: inline-block;
font-size: 13px;
line-height: 24px;
color: #00A759;
}
/* line 263, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .login-loginForm-forgot-pwd-anchor:hover {
text-decoration: underline;
}
/* line 269, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.wrapper-content #account-content .order-details {
border: 0;
padding: 10px 0px 20px 0;
}
/* line 273, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.wrapper-content #account-content .order-details h1 {
line-height: 32px;
padding-left: 11px;
}
/* line 278, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content > :first-child {
margin-top: 0px !important;
}
/* line 282, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content > :last-child {
margin-bottom: 0px !important;
}
/* line 286, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content h1 {
margin: 0px;
font-size: 24px;
font-weight: 700;
color: #6d6e71;
}
/* line 293, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .show-more {
color: #6fcde3;
font-size: 14px;
text-decoration: underline;
background-color: transparent;
}
/* line 300, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content > *:not(#address-list):not(.user-profile) > div {
margin: 20px 0px;
}
/* line 302, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.page-insuranceRecordPage #account-content > *:not(#address-list):not(.user-profile) > div {
margin: 0px;
}
/* line 307, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.credit-record,
.credit-history,
.order-list {
display: table;
border-collapse: collapse;
width: 100%;
font-size: 14px;
}
/* line 316, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content > *:not(#address-list) > div:first-of-type {
margin-top: 10px;
}
/* line 320, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content > * > :last-child {
margin-bottom: 0px;
}
/* line 324, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record > div {
display: table-row;
border-bottom: 1px solid #000;
}
/* line 329, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record > div:first-child,
#account-content .credit-history > div:first-child {
font-family: proxima_nova_rgregular, Arial, 'Heiti TC', 'Microsoft JhengHei', 'Microsoft Yahei', PMingLiU, sans-serif;
font-weight: bold;
}
/* line 335, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record > div:first-child {
font-size: 16px;
}
/* line 339, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-history > div:first-child {
font-size: 14px;
}
/* line 343, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record > div:first-child > :last-child {
color: #abc400;
}
/* line 347, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record {
border-bottom: 2px solid #000;
}
/* line 351, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record > div.credit-record-list-header {
border-top: 2px solid #000;
}
/* line 355, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record > div > *,
#account-content .credit-history > div > *,
#account-content .order-list > div > * {
display: table-cell;
vertical-align: middle;
height: 45px;
padding: 10px 5px;
}
/* line 363, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-list .list-title {
color: #666666;
font-size: 14px;
}
/* line 367, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record > div:not(:first-child) > :first-child {
width: 40%;
padding-left: 30px;
}
/* line 372, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record > div > :nth-child(2) {
width: 15%;
}
/* line 376, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record .credit-record-list-header:hover {
background-color: #eef3cc;
cursor: pointer;
}
/* line 381, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record .credit-record-list-header > :first-child {
position: relative;
}
/* line 385, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record .credit-record-list-header > :first-child:before {
content: "";
background: url(/_ui/desktop/common/images/hktv-sprite.png) no-repeat;
width: 16px;
height: 16px;
display: inline-block;
position: absolute;
left: 15px;
top: 10px;
}
/* line 396, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record .credit-record-list-header:not(.closed) > :first-child:before {
background-position: -82px -102px;
}
/* line 400, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record .credit-record-list-element:not(.shown) {
display: none;
}
/* line 404, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record .credit-record-list-header.closed > :first-child:before {
background-position: -65px -104px;
}
/* line 408, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record .credit-record-list-element.closed + .show-more-container,
#account-content .credit-record .credit-record-list-element.shown + .show-more-container {
display: none;
}
/* line 413, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-record .show-more.header,
#account-content .credit-history .show-more,
#account-content .order-list .show-more {
float: right;
}
/* line 419, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-history > div,
#account-content .order-list > div {
display: table-row;
}
/* line 424, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-history > div:nth-child(2n),
#account-content .order-list > div:nth-child(2n) {
background-color: #cbe8d0;
}
/* line 429, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-list.completed > div:nth-child(2n) {
background-color: #f0f0f0;
}
/* line 433, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-history > div:nth-child(2n + 1),
#account-content .credit-history > div.show-more-container:last-child,
#account-content .order-list > div:nth-child(2n + 1),
#account-content .order-list.completed > div:nth-child(2n + 1),
#account-content .order-list.completed > div.show-more-container:last-child,
#account-content .order-list > div.show-more-container:last-child {
background-color: white;
}
/* line 443, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-history > div > * {
width: 20%;
}
/* line 447, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .credit-history > div > :last-child {
width: 40%;
}
/* line 451, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .email-prefs form > * {
padding: 10px;
font-size: 17px;
}
/* line 456, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .email-prefs .field-interest {
display: inline-block;
width: 25%;
margin-bottom: 10px;
}
/* line 461, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .order-btn {
float: right;
display: inline-block;
}
/* line 466, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderMiddle-payment-detail {
height: 20px;
}
/* line 470, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .shipment .btn, #account-content .payment .btn {
margin-top: 0px;
font-size: 14px;
min-width: 166px;
line-height: 24px;
background-color: #00B54C;
}
/* line 479, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .btn {
display: inline-block;
height: 36px;
min-width: 100px;
padding: 0 20px;
border-radius: 2px;
font-size: 16px;
line-height: 36px;
text-align: center;
vertical-align: middle;
background-color: #36B449;
color: #FFF;
}
/* line 491, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .btn:hover {
background-color: #2B8939;
cursor: pointer;
}
/* line 497, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement {
margin-top: 10px;
color: #000000;
font-size: 16px;
line-height: 25px;
}
/* line 497, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement.promo {
background-color: #e9fae9;
padding-top: 10px;
padding-bottom: 10px;
}
/* line 497, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement.promo span#addressText {
color: #3a993a;
font-weight: 600;
}
/* line 502, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement span#addressText {
margin-left: 11px;
}
/* line 505, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content {
display: flex;
justify-content: space-between;
margin-left: 11px;
}
/* line 509, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content ul.address-Content {
width: 840px;
}
/* line 513, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .address-Content > li:first-child {
margin-top: 5px;
}
/* line 516, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .address-Content > li:last-child {
margin-bottom: 0px;
}
/* line 520, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content #addressItem {
margin-top: -1px;
min-width: 350px;
}
/* line 523, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content #addressItem #confirm-text {
color: #222222;
font-size: 14px;
font-weight: 300;
line-height: 19px;
}
/* line 528, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.language-en #account-content .addElement .address-element-content #addressItem #confirm-text {
color: #000000;
}
/* line 533, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .address-no {
margin-right: 10px;
}
/* line 536, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .btnn {
margin-top: 7px;
margin-bottom: auto;
background-color: #ffffff;
border: 1px solid #3a993a;
border-radius: 3px;
width: 100px;
height: 40px;
margin-right: 30px;
justify-content: center;
text-align: center;
}
/* line 547, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .btnn.remove-btn {
display: flex;
align-items: center;
}
/* line 550, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .btnn.remove-btn:hover {
background-color: #3a993a;
border: 1px solid #3a993a;
}
/* line 552, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .btnn.remove-btn:hover span {
color: #ffffff;
}
/* line 561, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .btnn span {
color: #3a993a;
font-size: 16px;
}
/* line 566, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .btnn:hover {
border: 1px solid #555555;
}
/* line 570, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .address-yes {
display: inline-block;
width: 102px;
height: 38px;
background-color: #36b449;
border: 1px;
border-radius: 4px;
}
/* line 577, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .address-yes:hover {
background-color: #2b8939;
border: 0px;
}
/* line 581, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement .address-element-content .address-yes span {
line-height: 22px;
font-size: 16px;
text-align: center;
color: #ffffff;
}
/* line 589, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addElement hr {
border: 0;
border-top: 1px solid #eee;
margin-top: 10px;
}
/* line 597, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .btn {
line-height: 36px;
padding: 0 20px;
background: #36b449;
}
/* line 603, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .btn :hover {
border: 1px solid #006539;
}
/* line 607, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .orderDetailButtons a:not(:first-of-type) {
margin-left: 10px;
}
/* line 611, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .other-payment-method-list {
display: table;
width: 100%;
border-collapse: collapse;
}
/* line 617, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .other-payment-method-list > * {
display: table-cell;
vertical-align: middle;
}
/* line 622, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method-title {
display: table;
width: -webkit-fill-available;
border-collapse: collapse;
margin: 15px 12px !important;
}
/* line 629, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method-title > * {
display: table-cell;
vertical-align: middle;
}
/* line 634, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addSavedCardDropButton {
background-color: #3A993A;
display: flex;
color: white;
padding: 12px;
font-size: 16px;
border: none;
border-radius: 2px;
width: inherit;
}
/* line 645, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addSavedCreditCardImgTitle {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
margin-right: 12px;
}
/* line 653, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .dropdown {
position: relative;
display: inline-block;
float: right;
width: 353px;
}
/* line 660, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .dropdown-content {
display: none;
position: absolute;
background-color: #FFFFFF;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
width: 100%;
padding: 4px 0px;
}
/* line 671, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .dropdown-content a {
color: black;
padding: 5px 12px;
text-decoration: none;
display: block;
font-size: 14px;
line-height: 22px;
font-weight: 400;
}
/* line 681, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .dropdown-content a:hover {
background-color: #F5F5F5;
}
/* line 685, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .dropdown:hover .dropdown-content {
display: block;
}
/* line 689, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .dropdown:hover .expandMoreImg {
background-image: url(/_ui/shared/common/svg/addSavedCard/icExpandLess.svg);
}
/* line 693, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addSavedCreditCard {
width: 353px;
padding: 10px 10px;
}
/* line 698, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addSavedCreditCardButton {
display: flex;
border-radius: 2px;
color: #ffffff !important;
background-color: #3a993a;
padding: 13.5px;
text-align: center;
justify-content: center;
align-items: center;
}
/* line 709, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addSavedCreditCardTitle {
padding-left: 10px;
}
/* line 713, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .addSavedCreditCardImg {
background-image: url(/_ui/shared/common/svg/addSavedCard/ic_addSavedCreditCardCircle.svg);
background-repeat: no-repeat;
background-size: 24px;
width: 24px;
height: 24px;
}
/* line 721, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .expandMoreImg {
background-image: url(/_ui/shared/common/svg/addSavedCard/icExpandMore.svg);
background-repeat: no-repeat;
background-size: 24px;
width: 24px;
height: 24px;
margin-left: auto;
}
/* line 730, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method-list {
display: table;
width: 100%;
border-collapse: collapse;
font-size: 16px;
border-top: 1px solid #e1e1e1;
}
/* line 738, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .normal-payment-method-list > :last-child {
border-bottom: 0px !important;
}
/* line 742, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method {
display: table-row;
border-bottom: 1px solid #e1e1e1;
}
/* line 745, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method .card-icon {
padding: 28px 28px;
}
/* line 747, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method .card-icon img {
width: 56px;
height: 35px;
}
/* line 752, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method .option-wrapper {
display: flex;
justify-content: flex-end;
}
/* line 760, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method > * {
display: table-cell;
padding: 28px 0px;
vertical-align: middle;
}
/* line 765, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method .remove {
padding-right: 31px;
}
/* line 768, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .no-record {
width: 100%;
padding: 10px;
font-size: 17px;
font-style: italic;
text-align: center;
}
/* line 774, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .no-record.citiCobrand {
padding: 0px;
}
/* line 779, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .no-saved-card {
border-top: 1px solid rgba(204, 204, 204, 0.7);
text-align: center;
width: 100%;
}
/* line 785, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .no-saved-card-title {
padding: 20px;
padding-top: 30px;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
/* line 793, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .no-saved-card-content {
font-size: 14px;
font-weight: 400;
line-height: 16px;
}
/* line 799, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .ui-checkout-payment-cardLogo {
margin-top: 20px;
margin-left: 8px;
}
/* line 802, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .ui-checkout-payment-cardLogo img {
max-width: 64px;
max-height: 38px;
object-fit: contain;
}
/* line 807, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .ui-checkout-payment-cardLogo img:nth-child(n+2) {
margin-left: 9px;
}
/* line 812, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method > :first-child {
width: 80px;
}
/* line 817, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method-list > :first-child {
border-top: 1px solid #e1e1e1;
}
/* line 821, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method > :last-child {
width: 80px;
text-align: right;
}
/* line 826, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method .card-type {
width: 56px;
height: 35px;
}
/* line 831, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method a {
text-decoration: none;
display: inline-block;
}
/* line 836, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-list > div > :first-child {
padding-left: 15px;
}
/* line 840, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method .expiry-date,
#account-content .payment-method .status-remark {
font-size: 12px;
line-height: 16px;
}
/* line 845, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method .expiry-date {
margin-top: 5px;
}
/* line 849, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment-method .isCardExpiredSoon {
color: #FF4C4C;
}
/* line 861, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-list > div a {
text-decoration: underline;
}
/* line 864, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-list a.btn-primary, #account-content .order-list a.download-invoice {
color: #237630;
}
/* line 867, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-list.completed div a.download-invoice.disable {
pointer-events: none;
text-decoration: none;
color: #B0B0B0;
}
/* line 873, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > h1 span {
margin-right: 20px;
}
/* line 877, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div {
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
color: #666666;
}
/* line 884, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.language-zh #account-content .order-details .orderListTable, .language-en #account-content .order-details .orderListTable {
font-size: 13px;
}
/* line 888, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:first-of-type {
margin-bottom: 20px;
position: relative;
}
/* line 895, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .shipment .orderMiddle-shopRemarks-detail {
width: 700px;
color: #5b3800;
font-family: STHeitiTC;
font-weight: 500;
}
/* line 903, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .payment .order-btn {
position: absolute;
right: 0px;
top: 76px;
}
/* line 911, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content > * > div.orderPanel {
margin-top: 0;
}
/* line 915, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content > * > .orderPanel .orderList:last-child {
margin-bottom: 0px;
}
/* line 919, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:first-of-type > div {
padding: 10px 0px 20px;
}
/* line 923, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:first-of-type > .order-btn {
padding: 0;
}
/* line 927, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:first-of-type > div:last-of-type {
padding-bottom: 0;
}
/* line 931, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:nth-last-of-type(2) {
overflow: hidden;
}
/* line 935, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:nth-last-of-type(2) > * {
float: right;
margin-right: 24px;
}
/* line 940, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:nth-last-of-type(2) tr > td {
padding-bottom: 10px;
}
/* line 944, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:nth-last-of-type(2) tr > td:first-child {
padding-right: 10px;
text-align: right;
font-size: 18px;
color: #222;
width: 250px;
}
/* line 952, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:nth-last-of-type(2) tr > td:last-child {
vertical-align: middle;
text-align: right;
font-size: 18px;
}
/* line 957, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details a.returnUrl {
color: #00B74F;
font-size: 14px;
line-height: 14px;
font-weight: normal;
padding-right: 25px;
}
/* line 966, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:nth-last-of-type(2) tr.totals > td {
padding-top: 25px;
font-weight: bold;
font-size: 22px;
color: #36B449;
line-height: 22px;
font-family: "proxima_nova_rgbold", Arial, "Heiti TC medium", "Microsoft Yahei", "PMingLiU", sans-serif;
}
/* line 975, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details > div:last-of-type {
text-align: right;
padding-right: 24px;
}
/* line 980, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList {
text-align: left;
color: #333;
border: 1px solid rgba(204, 204, 204, 0.7);
padding: 20px 20px 0px 20px;
background: #f5f5f5;
margin-bottom: 30px;
}
/* line 988, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .deliveryBatch {
color: #49B43F;
font-size: 21px;
line-height: 26px;
padding-bottom: 10px;
font-weight: bold;
}
/* line 994, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .deliveryBatch .deliveryMerchant {
float: right;
font-size: 14px;
color: #929292;
}
/* line 1000, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .deliverySchedule {
color: #222;
font-size: 14px;
line-height: 16px;
}
/* line 1006, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList table {
width: 100%;
}
/* line 1010, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList table * {
box-sizing: content-box;
line-height: 18px;
}
/* line 1015, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList thead tr {
/*border-bottom: 1px solid rgb(226,226,226);*/
}
/* line 1025, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr td {
padding: 0px 8px 30px 0px;
color: #222;
vertical-align: top;
}
/* line 1029, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr td .BundleSpace {
word-spacing: 8px;
display: inline;
}
/* line 1034, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr th {
height: 30px;
padding-right: 8px;
font-weight: 700;
font-size: 1em;
vertical-align: middle;
}
/* line 1042, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody .BundleFirst td {
padding-bottom: 11px;
}
/* line 1045, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody .SubEnNotBundle td {
padding-bottom: 20px;
}
/* line 1048, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody .BundleOther td {
padding-bottom: 20px;
}
/* line 1058, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr:first-child td {
padding-top: 20px;
}
/* line 1061, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr td span {
display: block;
color: #666666;
}
/* line 1065, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .thumb {
width: 59px;
}
/* line 1068, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .details {
width: 172px;
}
/* line 1070, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .details p {
margin-left: 32px;
text-indent: -32px;
}
/* line 1075, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .deliveryMsg {
width: 172px;
}
/* line 1078, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .status {
width: 120px;
}
/* line 1081, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .statusUpdateDateTime {
width: 121px;
}
/* line 1085, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .return {
width: 119px;
}
/* line 1089, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .quantity {
width: 59px;
}
/* line 1093, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr .price {
width: 59px;
text-align: right;
}
/* line 1097, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr td a:hover {
text-decoration: underline;
}
/* line 1101, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr td .image {
display: block;
width: 57px;
height: 57px;
/*line-height: 128px;*/
border: 1px solid #e1e1e1;
text-align: center;
background: #eeeeee;
}
/* line 1111, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tbody tr td .image img {
max-height: 57px;
max-width: 57px;
vertical-align: middle;
}
/* line 1117, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList tfoot td {
height: 1px;
background: #e1e1e1;
}
/* line 1122, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container {
overflow: hidden;
font-size: 14px;
}
/* line 1127, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container > div {
float: left;
margin: 0px;
width: 50%;
}
/* start of new account page scss */
/* line 1134, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container h1 {
color: #222;
font-size: 24px;
line-height: 25px;
font-weight: 700;
}
/* line 1141, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .fields-mandatory {
font-size: 13px;
line-height: 13px;
font-weight: 700;
color: #3a993a;
}
/* line 1148, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile {
border-right: 1px solid #ccc;
padding-right: 20px;
}
/* line 1151, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile h1 {
margin-bottom: 23px;
}
/* line 1156, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-password {
border-top: 1px dotted #CCCCCC;
margin-top: 30px;
padding-top: 30px;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#account-content .account-container .account-password:after {
content: " ";
display: table;
height: 0;
clear: both;
}
/* line 1164, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-extras {
padding-left: 20px;
}
/* line 1166, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-extras h1 {
margin-bottom: 20px;
}
/* line 1169, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-extras .password-mask {
margin-bottom: 10px;
}
/* line 1171, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-extras .password-mask:after {
content: '';
display: block;
clear: both;
}
/* line 1179, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container input[type="text"], #account-content .account-container input[type="password"], #account-content .account-container input[type="number"] {
font-size: 15px;
font-weight: 100;
color: #222;
width: 100%;
padding: 0px 10px;
height: 36px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
}
/* line 1190, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container input[type="text"]:hover, #account-content .account-container input[type="text"]:focus, #account-content .account-container input[type="password"]:hover, #account-content .account-container input[type="password"]:focus, #account-content .account-container input[type="number"]:hover, #account-content .account-container input[type="number"]:focus {
border: 1px solid #36b449;
}
/* line 1195, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container select {
font-size: 15px;
font-weight: 100;
color: #666;
background-color: #fff;
width: 260px;
padding: 0 4px;
height: 36px;
line-height: 36px;
border: 1px solid #ccc;
border-radius: 4px;
margin: 0 -3px;
}
/* line 1209, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .alignTop > * {
vertical-align: top;
}
/* line 1213, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .alignMiddle > * {
vertical-align: middle;
}
/* line 1214, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .alignMiddle label {
margin-top: 0;
}
/* line 1217, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile-row .gender {
display: inline-block;
width: auto;
padding: 0 10px;
line-height: 36px;
font-size: 15px;
font-weight: 100;
color: #000;
}
/* line 1225, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile-row .gender input {
margin: 0px;
margin-right: 5px;
vertical-align: middle;
}
/* line 1233, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile .name {
display: inline-block;
}
/* line 1237, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-profile-row .name .control-group {
width: 148px;
}
/* line 1243, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-password-current label {
line-height: 18px;
font-size: 15px;
margin-top: 9px;
font-weight: 100;
color: #000;
width: 100px;
display: inline-block;
margin-right: 10px;
}
/* line 1255, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-profile-row, #account-content .account-password-row {
margin-bottom: 20px;
}
/* line 1257, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-profile-row label, #account-content .account-password-row label {
line-height: 18px;
font-size: 15px;
margin-top: 9px;
font-weight: 100;
color: #000;
width: 100px;
display: inline-block;
margin-right: 10px;
}
/* line 1269, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .control-group {
display: inline-block;
width: 300px;
}
/* line 1274, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .email {
display: inline-block;
line-height: 36px;
width: 300px;
color: #555555;
font-size: 15px;
font-weight: 700;
}
/* line 1284, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .updatepage-error {
color: #ff0000;
}
/* line 1288, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .control-group.error input {
border-color: #c90400;
}
/* line 1292, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container div.control-group label.control-label {
display: none;
}
/* line 1296, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile .age,
#account-content .account-container .account-profile .birthday {
float: left;
padding-right: 5px;
}
/* line 1302, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile .age {
width: 33.333%;
}
/* line 1306, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile .birthday {
width: 66.666%;
}
/* line 1310, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .account-container .account-profile .birthday select {
display: inline-block;
width: 49%;
}
/* line 1317, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content #address-list h1 {
margin-left: 11px;
color: #3a993a;
font-size: 20px;
line-height: 20px;
padding-bottom: 3px;
border-bottom: 3px solid #3a993a;
display: inline-block;
}
/* line 1328, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #account-content h1 {
color: #3a993a;
font-size: 20px;
line-height: 20px;
padding-bottom: 3px;
border-bottom: 3px solid #3a993a;
display: inline-block;
}
/* line 1336, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #account-content .paymentMethodTitle {
font-size: 16px;
font-weight: bold;
}
/* line 1339, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #account-content .paymentMethodTitle #addCobrandCard {
float: right;
font-size: 14px;
line-height: 20px;
padding-right: 31px;
text-decoration: underline;
}
/* line 1348, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .address-list {
color: #333;
font-size: 14px;
font-family: "proxima_nova_rgregular", Arial, "Heiti TC", "Microsoft JhengHei", "Microsoft Yahei", "PMingLiU", sans-serif;
}
/* line 1355, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .address-list ul > li {
margin: 5px 0px;
}
/* line 1359, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.help-inline {
font-size: 13px;
line-height: 15px;
color: #666;
font-weight: 100;
}
/* line 1364, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.help-inline p {
margin-top: 6px;
}
/* line 1369, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.control-group.error .help-inline {
color: #ff0000;
}
/* line 1373, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.control-group.error input[type=text],
.control-group.error input[type=password] {
border: 1px solid #ff0000;
}
/* line 1380, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.control {
width: 100%;
}
/* line 1383, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
select.small-select {
border: 1px solid #ccc;
}
/* line 1387, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content label.showPwd {
font-size: 15px;
font-weight: 100;
line-height: 17px;
float: right;
margin-right: 50px;
}
/* line 1388, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content label.showPwd * {
vertical-align: middle;
}
/* line 1399, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content button.account-profile-changepw-submit.btn {
margin-top: 30px;
}
/* end of new account page scss */
/* line 1403, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
span.star {
color: #67b900;
}
/* new content */
/* line 1409, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.account-content {
display: inline-flex;
display: -webkit-inline-flex;
width: 990px;
}
/* line 1413, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.account-content h1 {
font-size: 20px;
color: #3a993a;
font-weight: 700;
margin-top: 15px;
margin-left: 11px;
border-bottom: 3px solid #3a993a;
display: inline-block;
padding-bottom: 3px;
}
/* line 1424, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList table tbody td.details dl dd {
font-weight: bold;
}
/* line 1428, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .order-details .orderList table tbody td.details div.itemName {
margin-bottom: 4px;
}
/* line 1435, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .insurance-nav-tab {
display: flex;
font-weight: 500;
margin-bottom: 24px;
margin-left: 11px;
}
/* line 1441, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .insurance-nav-tab > ul {
display: flex;
}
/* line 1444, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .insurance-nav-tab li {
margin-right: 16px;
}
/* line 1448, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .insurance-nav-tab button {
font-size: 20px;
}
/* line 1452, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .insurance-nav-tab-btn.active {
color: #36b449;
border-bottom: 3px solid #36b449;
}
/* line 1457, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .insurance-nav-tab a {
color: #9E9E9E;
}
/* line 1461, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .insurance-list-container {
border: 2px solid #3a993a;
margin-bottom: 40px;
}
/* line 1466, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .insuranceRemarks {
font-size: 16px;
line-height: 19px;
color: #d0021b;
padding: 10px;
background-color: rgba(255, 199, 206, 0.5);
}
/* line 1476, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.insurance-order-list {
display: table;
border-collapse: collapse;
width: 100%;
font-size: 14px;
}
/* line 1483, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list > div > * {
display: table-cell;
padding: 5px 2px;
width: 260px;
}
/* line 1489, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .show-more {
float: right;
}
/* line 1493, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list > div {
display: table-row;
}
/* line 1497, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list > div {
background-color: #FFFEEC;
width: 260px;
}
/* line 1502, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed > .insuranceOrderWrapper:nth-child(even) {
background-color: #F8F8F8;
}
/* line 1505, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed > .insuranceOrderWrapper:nth-child(odd) {
background-color: #FFFFFF;
}
/* line 1509, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed > div.show-more-container:last-child,
#account-content .insurance-order-list > div.show-more-container:last-child {
background-color: #F8F8F8;
}
/* line 1514, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list > div > :first-child {
width: 641px;
background-color: unset;
padding-block: 16px;
padding-left: 24px;
}
/* line 1521, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list > div > :last-child {
width: 247px;
}
/* line 1525, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed > div > :first-child {
padding-left: 24px;
width: 578px;
background-color: unset;
padding-block: 16px;
}
/* line 1532, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed > div > * {
width: 190px;
padding-left: 0px;
padding-right: 15px;
}
/* line 1538, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed > div > :last-child {
width: 190px;
padding-right: 12px;
}
/* line 1543, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed div a.download-invoice.disable {
pointer-events: none;
text-decoration: none;
color: #B0B0B0;
}
/* line 1548, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent > div {
border: none !important;
}
/* line 1552, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .insuranceOrderHeader {
background-color: white !important;
}
/* line 1556, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.insuranceOrderHistoryContent .show-more-container {
background-color: white !important;
text-align: center;
}
/* line 1561, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list {
font-size: 14px;
line-height: 20px;
}
/* line 1565, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed {
border-left: 2px solid #797979;
border-right: 2px solid #797979;
border-bottom: 2px solid #797979;
border-top: 2px solid #797979;
}
/* line 1571, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper {
padding-left: 19px;
padding-top: 10px;
padding-bottom: 10px;
color: #222222;
font-size: 14px;
line-height: 21px;
}
/* line 1579, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .productThumbnail {
display: inline-block;
width: 68px;
height: 68px;
vertical-align: top;
}
/* line 1584, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .productThumbnail a {
width: 68px;
height: 68px;
}
/* line 1587, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .productThumbnail a img {
width: 68px;
height: 68px;
}
/* line 1593, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .prdDetail {
vertical-align: middle;
display: inline-block;
width: 225px;
padding-left: 10px;
font-size: 14px;
line-height: 16px;
}
/* line 1600, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .prdDetail .prdName {
padding-top: 4px;
}
/* line 1603, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .prdDetail .orderNumber {
padding-top: 4px;
}
/* line 1606, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .prdDetail .electronicProductSerialNumber {
padding-top: 4px;
}
/* line 1609, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .prdDetail .variantOption {
font-size: 14px;
line-height: 18px;
padding-top: 3px;
}
/* line 1614, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .prdDetail .storeName {
display: flex;
}
/* line 1617, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .prdDetail .ewName {
display: flex;
font-size: 16px;
font-weight: 500;
line-height: 16px;
}
/* line 1622, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list.completed .productWrapper .prdDetail .ewName .moreInfo {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33203 3.66927H7.66536V5.0026H6.33203V3.66927ZM6.9987 10.3359C7.36537 10.3359 7.66536 10.0359 7.66536 9.66927V7.0026C7.66536 6.63594 7.36537 6.33594 6.9987 6.33594C6.63203 6.33594 6.33203 6.63594 6.33203 7.0026V9.66927C6.33203 10.0359 6.63203 10.3359 6.9987 10.3359ZM6.9987 0.335938C3.3187 0.335938 0.332031 3.3226 0.332031 7.0026C0.332031 10.6826 3.3187 13.6693 6.9987 13.6693C10.6787 13.6693 13.6654 10.6826 13.6654 7.0026C13.6654 3.3226 10.6787 0.335938 6.9987 0.335938ZM6.9987 12.3359C4.0587 12.3359 1.66536 9.9426 1.66536 7.0026C1.66536 4.0626 4.0587 1.66927 6.9987 1.66927C9.9387 1.66927 12.332 4.0626 12.332 7.0026C12.332 9.9426 9.9387 12.3359 6.9987 12.3359Z' fill='black'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 14px;
display: block;
height: 14px;
margin-left: 5px;
}
/* line 1636, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .insuranceOrderHeader {
color: #666666;
}
/* line 1640, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .insuranceOrderWrapper {
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
}
/* line 1644, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .insuranceOrderWrapper .claim a {
font-size: 14px;
font-weight: 500;
border-bottom: 1px solid;
}
/* line 1650, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .variantOptions {
vertical-align: text-top;
}
/* line 1653, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .policyNumber {
color: #3A993A;
font-size: 14px;
line-height: 16px;
padding-top: 4px;
}
/* line 1658, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .policyNumber--normal {
color: black;
}
/* line 1663, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .certNumber {
color: #3A993A;
font-size: 14px;
line-height: 16px;
padding-top: 4px;
}
/* line 1668, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .certNumber--expired {
color: black;
}
/* line 1674, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper {
padding-left: 19px;
padding-top: 10px;
padding-bottom: 10px;
color: #222222;
font-size: 14px;
line-height: 21px;
}
/* line 1682, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .productThumbnail {
display: inline-block;
width: 68px;
height: 68px;
vertical-align: top;
}
/* line 1687, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .productThumbnail a {
width: 68px;
height: 68px;
}
/* line 1690, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .productThumbnail a img {
width: 68px;
height: 68px;
}
/* line 1696, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail {
vertical-align: middle;
display: inline-block;
width: 225px;
padding-left: 10px;
font-size: 14px;
line-height: 16px;
}
/* line 1703, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail .prdName {
padding-top: 4px;
}
/* line 1706, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail .orderNumber {
padding-top: 4px;
}
/* line 1709, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail .productDetail {
padding-top: 4px;
}
/* line 1712, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail .electronicProductSerialNumber {
padding-top: 4px;
}
/* line 1715, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail .variantOption {
font-size: 14px;
line-height: 18px;
padding-top: 3px;
}
/* line 1720, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail .storeName {
display: flex;
}
/* line 1724, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail .ewName {
display: flex;
font-size: 16px;
font-weight: 500;
line-height: 16px;
}
/* line 1729, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .productWrapper .prdDetail .ewName .moreInfo {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.33203 3.66927H7.66536V5.0026H6.33203V3.66927ZM6.9987 10.3359C7.36537 10.3359 7.66536 10.0359 7.66536 9.66927V7.0026C7.66536 6.63594 7.36537 6.33594 6.9987 6.33594C6.63203 6.33594 6.33203 6.63594 6.33203 7.0026V9.66927C6.33203 10.0359 6.63203 10.3359 6.9987 10.3359ZM6.9987 0.335938C3.3187 0.335938 0.332031 3.3226 0.332031 7.0026C0.332031 10.6826 3.3187 13.6693 6.9987 13.6693C10.6787 13.6693 13.6654 10.6826 13.6654 7.0026C13.6654 3.3226 10.6787 0.335938 6.9987 0.335938ZM6.9987 12.3359C4.0587 12.3359 1.66536 9.9426 1.66536 7.0026C1.66536 4.0626 4.0587 1.66927 6.9987 1.66927C9.9387 1.66927 12.332 4.0626 12.332 7.0026C12.332 9.9426 9.9387 12.3359 6.9987 12.3359Z' fill='black'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 14px;
display: block;
height: 14px;
margin-left: 5px;
}
/* line 1743, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .accessExternalFormButton a, #account-content .insurance-order-list .fillInFormButton a {
background-image: url(/_ui/desktop/common/svg/finance/ic_insuranceWriteRed.svg);
background-repeat: no-repeat;
background-size: 18px;
padding-left: 24px;
color: #D0021B;
font-size: 14px;
line-height: 18px;
text-decoration: underline;
display: inline-block;
vertical-align: text-top;
}
/* line 1754, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .accessExternalFormButton a.disabled, #account-content .insurance-order-list .fillInFormButton a.disabled {
text-decoration: none;
pointer-events: none;
color: #9E9E9E;
background-image: url(/_ui/desktop/common/svg/finance/ic_insuranceWriteGrey.svg);
}
/* line 1762, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .editFormButton a {
background-image: url(/_ui/desktop/common/svg/finance/ic_insuranceEdit.svg);
background-repeat: no-repeat;
background-size: 18px;
background-position-y: -2px;
padding-left: 24px;
font-size: 14px;
line-height: 18px;
display: inline-block;
vertical-align: text-top;
}
/* line 1773, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .renewButton a {
background-image: url(/_ui/desktop/common/svg/finance/ic_renewal.svg);
background-repeat: no-repeat;
background-size: 18px;
padding-left: 24px;
color: #D0021B;
font-size: 14px;
line-height: 18px;
text-decoration: underline;
display: inline-block;
vertical-align: text-top;
}
/* line 1785, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content .insurance-order-list .notSubmittedBeforeDeadline {
color: #222222;
font-size: 14px;
line-height: 18px;
}
/* line 1792, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
a.account-card-delete {
background-image: url(/_ui/shared/common/svg/common/ic_removeAddress.svg);
background-repeat: no-repeat;
margin-left: 10px;
padding-left: 24px;
display: block;
width: 100px;
height: 40px;
padding: 10px;
padding-top: 12px;
border-radius: 3px;
color: #3a993a;
border: 1px solid #3a993a;
}
/* line 1805, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.language-zh a.account-card-delete {
padding-right: 25px;
background-position: bottom 10px left 22px;
}
/* line 1809, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.language-en a.account-card-delete {
padding-right: 16px;
background-position: bottom 10px left 15px;
}
/* line 1813, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
a.account-card-delete:hover {
background-repeat: no-repeat;
background-size: 18px;
background-image: url(/_ui/shared/common/svg/common/ic_removeAddress_hover.svg);
background-color: #3a993a;
color: #ffffff;
}
/* line 1822, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.update-payment-method .account-card-update {
background-image: url(/_ui/shared/common/svg/common/ic_updateCard.svg);
background-repeat: no-repeat;
padding-left: 24px;
padding: 10px;
padding-right: 12px;
padding-top: 12px;
display: block;
height: 40px;
border-radius: 3px;
color: #3a993a;
border: 1px solid #3a993a;
background-size: 27px;
font: inherit;
}
/* line 1836, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.language-zh .update-payment-method .account-card-update {
padding-left: 36px;
padding-right: 25px;
background-position: bottom 7px left 8px;
width: 100px;
}
/* line 1842, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.language-en .update-payment-method .account-card-update {
padding-left: 35px;
padding-right: 16px;
background-position: bottom 7px left 7px;
width: 110px;
}
/* line 1848, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
.update-payment-method .account-card-update:hover {
background-repeat: no-repeat;
background-size: 27px;
background-image: url(/_ui/shared/common/svg/common/ic_updateCard_hover.svg);
background-color: #3a993a;
color: #ffffff;
}
/* line 1859, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #account-content .account-content-wrapper .paymentMethodTitle#otherSavedPaymentMethodTitle, body.page-payment-infos #account-content .account-content-wrapper .paymentMethodTitle#cobrandCardTitle, body.page-payment-infos #account-content .account-content-wrapper .paymentMethodTitle#addSavedCreditCardTitle {
font-size: 16px;
line-height: 20px;
font-weight: bold;
padding-left: 10px;
margin: 10px 0px;
}
/* line 1867, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #mainWrapper .wrapper-content #account-content .account-content-wrapper .payment-method-list {
margin: 0px 0px;
}
/* line 1869, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #mainWrapper .wrapper-content #account-content .account-content-wrapper .payment-method-list .option-wrapper {
padding-right: 31px;
}
/* line 1871, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #mainWrapper .wrapper-content #account-content .account-content-wrapper .payment-method-list .option-wrapper .delete-card-confirmation {
width: 350px;
text-align: left;
}
/* line 1874, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #mainWrapper .wrapper-content #account-content .account-content-wrapper .payment-method-list .option-wrapper .delete-card-confirmation .delete-card-description {
margin-bottom: 7px;
}
/* line 1877, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #mainWrapper .wrapper-content #account-content .account-content-wrapper .payment-method-list .option-wrapper .delete-card-confirmation .button {
display: inline-block;
width: 100px;
height: 40px;
padding: 10px;
padding-top: 12px;
border-radius: 3px;
color: #3a993a;
border: 1px solid #3a993a;
margin-right: 30px;
text-align: center;
cursor: pointer;
}
/* line 1889, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
body.page-payment-infos #mainWrapper .wrapper-content #account-content .account-content-wrapper .payment-method-list .option-wrapper .delete-card-confirmation .button:hover {
background-color: #3a993a;
color: #ffffff;
}
/* line 1903, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage {
border: none;
padding: 0px !important;
/* for order detail page recently view */
}
/* line 1906, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details {
padding: 0px !important;
}
/* line 1908, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details .backToHistoryBtn {
margin-right: 0px !important;
padding-right: 0px !important;
}
/* line 1911, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details .backToHistoryBtn a {
margin: 0px !important;
}
/* line 1915, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel {
margin: 0px;
}
/* line 1917, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails {
margin: 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding: 0px;
}
/* line 1923, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .ordersTitle {
padding: 25px 17px 25px 17px;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
text-align: left;
color: #222222;
}
/* line 1931, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails #additionalOrderBannerSection {
flex-basis: 100%;
margin-bottom: 24px;
}
/* line 1934, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails #additionalOrderBannerSection > div {
width: 100%;
min-height: 113px;
display: block;
}
/* line 1940, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails #_3RBannerSection {
flex-basis: 100%;
margin-bottom: 24px;
}
/* line 1943, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails #_3RBannerSection > div {
width: 100%;
min-height: 176px;
display: block;
}
/* line 1949, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails #settleConsolidatorFeeBannerSection {
flex-basis: 100%;
margin-bottom: 24px;
}
/* line 1953, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails #settleConsolidatorFeeBannerSection > div {
width: 100%;
min-height: 176px;
display: block;
}
/* line 1959, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .stickyNav {
flex-basis: 100%;
margin-bottom: 24px;
background-color: #eeeeee;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
z-index: 99;
}
/* line 1968, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .stickyNav .navButton {
border-right: solid 1px #cccccc;
min-width: 144px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 40px;
}
/* line 1976, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .stickyNav .navButton.active {
background-color: #36b449;
color: #ffffff;
}
/* line 1982, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData {
flex-basis: 100%;
display: flex;
margin-bottom: 24px;
}
/* line 1986, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper {
flex: 1;
color: #222222;
}
/* line 1989, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview {
border: solid 1px #cccccc;
margin-bottom: 24px;
}
/* line 1992, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .details {
padding: 0px 17px 25px 17px;
display: flex;
justify-content: space-between;
}
/* line 1996, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .details .paymentStatus {
margin: 0 16px;
}
/* line 2001, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address {
border: solid 1px #cccccc;
}
/* line 2004, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressType, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressText, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressRemarks, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressDetails {
padding: 0px 17px 25px 17px;
}
/* line 2007, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressType {
padding-bottom: 8px;
}
/* line 2009, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressType .icon {
background-repeat: no-repeat;
background-size: 24px;
background-position-y: center;
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
}
/* line 2017, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressType .icon.building {
background-image: url(/_ui/shared/common/svg/account/orderPage/apartment.svg);
}
/* line 2020, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressType .icon.shop {
background-image: url(/_ui/shared/common/svg/account/orderPage/o2o.svg);
}
/* line 2023, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressType .icon.locker {
background-image: url(/_ui/shared/common/svg/account/orderPage/locker.svg);
}
/* line 2026, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressType .icon.consolidator {
background-image: url(/_ui/shared/common/svg/account/orderPage/consolidator.svg);
}
/* line 2030, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressType .text {
border-radius: 4px;
background-color: #eeeeee;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.43;
color: #666666;
padding: 2px 4px;
vertical-align: middle;
margin-left: 9px;
}
/* line 2044, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressText {
padding-bottom: 16px;
}
/* line 2047, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressRemarks {
color: #0490e7;
}
/* line 2049, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressRemarks.shop {
color: #ff6030;
}
/* line 2054, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .addressDetails .addressDetails .addressPhone {
margin-left: 16px;
}
/* line 2059, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .delivery-remarks-wrapper {
margin: 0px 17px 25px 17px;
}
/* line 2061, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .delivery-remarks-wrapper label {
height: 20px;
font-size: 14px;
line-height: 20px;
margin-bottom: 3px;
}
/* line 2067, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .delivery-remarks-wrapper .delivery-remarks {
width: fit-content;
background: #f0f0f0;
padding: 4px 8px 4px 8px;
border-radius: 4px;
font-size: 14px;
color: #666666;
line-height: 28px;
}
/* line 2072, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .delivery-remarks-wrapper .delivery-remarks ul {
list-style: disc;
}
/* line 2074, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .delivery-remarks-wrapper .delivery-remarks ul > li {
list-style-position: inside;
}
/* line 2085, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime {
display: inline-block;
font-weight: bold;
}
/* line 2088, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber.success, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus.success, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime.success {
color: #36b449;
}
/* line 2091, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber.fail, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus.fail, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime.fail {
color: #ea3150;
}
/* line 2094, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber.inProgress, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus.inProgress, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime.inProgress {
color: #ef8200;
}
/* line 2097, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber .desc, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus .desc, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime .desc {
font-weight: normal;
color: #222222;
padding-bottom: 4px;
}
/* line 2102, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber .copyBtn, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus .copyBtn, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime .copyBtn {
margin-left: 10px;
font-size: 14px;
color: #36b449;
font-weight: normal;
position: relative;
}
/* line 2113, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber .copyBtn #copyOrderNumberBtnTooltipDummy, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus .copyBtn #copyOrderNumberBtnTooltipDummy, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime .copyBtn #copyOrderNumberBtnTooltipDummy {
position: absolute;
}
/* line 2116, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber .copyBtn .tooltips, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus .copyBtn .tooltips, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime .copyBtn .tooltips {
bottom: 30px;
left: 50%;
transform: translateX(-50%);
min-height: 0px;
width: unset;
z-index: 999;
}
/* line 2123, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber .copyBtn .tooltips.bottom::after, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber .copyBtn .tooltips.bottom::before, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus .copyBtn .tooltips.bottom::after, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus .copyBtn .tooltips.bottom::before, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime .copyBtn .tooltips.bottom::after, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime .copyBtn .tooltips.bottom::before {
transform: translateX(-50%);
left: 50%;
}
/* line 2127, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber .copyBtn .tooltips .tooltipsContainer, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .paymentStatus .copyBtn .tooltips .tooltipsContainer, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime .copyBtn .tooltips .tooltipsContainer {
font-size: 16px;
text-align: center;
white-space: nowrap;
}
/* line 2135, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .orderNumber, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .orderOverview .purchaseDateTime {
flex-shrink: 0;
}
/* line 2139, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address {
font-weight: bold;
}
/* line 2141, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .orderInfoWrapper .address .ordersTitle {
padding-bottom: 18px;
}
/* line 2146, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons {
margin-left: 16px;
flex-basis: 240px;
}
/* line 2149, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons > * {
display: block;
color: #36b449;
}
/* line 2152, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons > *:not(:last-child) {
margin-bottom: 12px;
}
/* line 2155, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons > * .recycle_packing_new_box {
background: #ee4054;
color: #fff;
-webkit-border-radius: 12px;
display: inline-block;
margin-left: 5px;
}
/* line 2161, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons > * .recycle_packing_new_box .recycle_packing_new_title {
padding: 4px;
font-size: 14px;
font-weight: 700;
}
/* line 2168, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button {
width: 100%;
max-width: 240px;
min-height: 40px;
border-radius: 2px;
border: solid 1px #36b449;
background-color: #ffffff;
font-size: 16px;
text-align: center;
color: #36b449;
padding: 8px 0px;
}
/* line 2179, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.elockerUnavailable {
color: #cccccc;
border-color: #cccccc;
position: relative;
}
/* line 2183, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.elockerUnavailable #elockerBtnUnavailableTooltipDummy {
position: absolute;
left: 0px;
}
/* line 2187, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.elockerUnavailable .tooltips {
bottom: 50px;
min-height: 0px;
width: 190px;
transform: translateX(-50%);
left: 50%;
z-index: 999;
}
/* line 2194, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.elockerUnavailable .tooltips.bottom::after, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.elockerUnavailable .tooltips.bottom::before {
transform: translateX(-50%);
left: 50%;
}
/* line 2198, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.elockerUnavailable .tooltips .tooltipsContainer {
font-size: 16px;
text-align: center;
white-space: pre-line;
}
/* line 2205, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.isInsurance {
color: #8f171f;
border-color: #8f171f;
}
/* line 2209, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.consolidatorAvailable {
color: #FFFFFF;
border-color: #F5A623;
background-color: #F5A623;
}
/* line 2214, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orderData .buttons .button.unavailable {
color: #FFFFFF;
border-color: #9E9E9E;
background-color: #9E9E9E;
pointer-events: none;
text-decoration: none;
}
/* line 2224, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders {
background: #ffffff;
border: 1px solid #cccccc;
flex-basis: 100%;
}
/* line 2228, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .ordersTitle {
padding-bottom: 0px;
}
/* line 2231, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper {
padding-bottom: 25px;
}
/* line 2234, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries {
padding: 0 16px;
}
/* line 2236, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries:not(:last-child) {
border-bottom: 1px solid #cccccc;
}
/* line 2239, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .sectionTitle {
font-size: 14px;
text-align: left;
color: #666666;
padding-bottom: 8px;
}
/* line 2245, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .messages {
padding: 16px 12px;
background-color: rgba(234, 49, 80, 0.08);
margin-bottom: 24px;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #ea3150;
}
/* line 2254, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType {
font-size: 20px;
font-weight: bold;
text-align: left;
padding-bottom: 24px;
}
/* line 2259, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType .dot {
height: 16px;
width: 16px;
border-radius: 50%;
margin-right: 8px;
display: inline-block;
}
/* line 2266, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.cancelledWithRefund {
color: #ea3150;
}
/* line 2268, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.cancelledWithRefund .dot {
background-color: #ea3150;
}
/* line 2272, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.cancelledWithNoRefund {
color: #ea3150;
}
/* line 2274, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.cancelledWithNoRefund .dot {
background-color: #ea3150;
}
/* line 2278, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.csProcessing {
color: #36b449;
}
/* line 2280, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.csProcessing .dot {
background-color: #36b449;
}
/* line 2284, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.failToDelivery {
color: #ef8200;
}
/* line 2286, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.failToDelivery .dot {
background-color: #ef8200;
}
/* line 2290, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.rescheduled {
color: #ef8200;
}
/* line 2292, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.rescheduled .dot {
background-color: #ef8200;
}
/* line 2296, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.normal {
color: #36b449;
}
/* line 2298, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.normal .dot {
background-color: #36b449;
}
/* line 2302, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.unknown {
color: #36b449;
}
/* line 2304, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryType.unknown .dot {
background-color: #36b449;
}
/* line 2309, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails {
padding-bottom: 24px;
}
/* line 2311, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails .deliveryDateTime {
font-size: 32px;
font-weight: bold;
color: #222222;
padding-top: 8px;
}
/* line 2316, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails .deliveryDateTime .separator {
width: 1px;
height: 16px;
margin: 0px 16px;
background-color: #cccccc;
display: inline-block;
}
/* line 2325, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.failToDelivery .deliveryDateTime {
color: #ef8200;
}
/* line 2328, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.failToDelivery .statusUpdateTime {
font-size: 14px;
text-align: left;
color: #222222;
padding-top: 8px;
}
/* line 2336, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.rescheduled .deliveryDateTime {
color: #ef8200;
}
/* line 2339, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.rescheduled .statusUpdateTime {
font-size: 14px;
text-align: left;
color: #222222;
padding-top: 8px;
}
/* line 2347, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.merchantDelivery .deliveryBy, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.merchantDelivery .contactDetail, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.macauDelivery .deliveryBy, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.macauDelivery .contactDetail {
padding-top: 8px;
color: #222222;
font-weight: bold;
}
/* line 2352, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.merchantDelivery .sectionTitle, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.macauDelivery .sectionTitle {
padding-top: 24px;
padding-bottom: 8px;
}
/* line 2357, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.merchantDelivery .courierTracking a, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.macauDelivery .courierTracking a {
color: #3A993A;
}
/* line 2362, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.merchantDelivery .deliveryDateTime .deliveryPeriodText, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.macauDelivery .deliveryDateTime .deliveryPeriodText {
line-height: 32px;
display: inline-block;
}
/* line 2366, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.merchantDelivery .deliveryDateTime .deliveryPeriodStartFromText, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.macauDelivery .deliveryDateTime .deliveryPeriodStartFromText {
padding-left: 8px;
font-size: 16px;
font-weight: bold;
text-align: left;
color: #222222;
display: inline-block;
line-height: 32px;
vertical-align: middle;
}
/* line 2379, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.consolidatorDelivery .sectionTitle {
padding-bottom: 8px;
}
/* line 2382, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.consolidatorDelivery .deliveryDateTime {
display: grid;
}
/* line 2384, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.consolidatorDelivery .deliveryDateTime .deliveryPeriodText {
line-height: 32px;
display: inline-block;
}
/* line 2388, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.consolidatorDelivery .deliveryDateTime .deliveryPeriodStartFromText {
font-size: 16px;
font-weight: bold;
text-align: left;
color: #222222;
display: inline-block;
line-height: 32px;
vertical-align: middle;
}
/* line 2400, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.macauDelivery .contactDetail {
padding-top: 0px;
}
/* line 2402, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.macauDelivery .contactDetail .addressName::after {
content: ' / ';
}
/* line 2408, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryDetails.onSitePurchase .contactDetail {
font-size: 16px;
color: #222222;
padding-top: 8px;
}
/* line 2415, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryStatus {
padding-bottom: 40px;
text-align: center;
}
/* line 2418, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .deliveryStatus img {
max-width: 100%;
max-height: 104px;
}
/* line 2423, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList {
display: flex;
flex-direction: column;
}
/* line 2426, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry {
flex-basis: 100%;
padding-bottom: 16px;
}
/* line 2429, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry.title .products .productImg {
height: unset;
}
/* line 2432, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts {
color: #222222;
display: flex;
justify-content: space-between;
}
/* line 2436, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .productImg, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .productImg {
width: 64px;
height: 64px;
position: relative;
}
/* line 2440, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .productImg img, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .productImg img {
display: block;
max-width: 64px;
max-height: 64px;
width: auto;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/* line 2453, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .productDetail, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .productDetail {
width: 300px;
font-size: 14px;
color: #222222;
}
/* line 2455, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .productDetail .brandName, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .productDetail .brandName {
font-size: 16px;
font-weight: bold;
color: #222222;
padding-bottom: 4px;
word-break: break-word;
}
/* line 2462, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .productDetail a, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .productDetail a {
font-size: 16px;
color: #222222;
padding-bottom: 4px;
}
/* line 2466, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .productDetail a :hover, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .productDetail a :hover {
text-decoration: underline;
}
/* line 2473, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .status, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .status {
width: 382px;
}
/* line 2476, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .extendedWarrantyText, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .extendedWarrantyText {
background-color: #f0f0f0;
padding: 8px;
border-radius: 8px;
}
/* line 2481, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .quantities, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .quantities {
width: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* line 2487, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .quantities .dynamicPriceQuantity, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .quantities .dynamicPriceQuantity {
padding-block: 8px;
}
/* line 2491, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .entryPrice, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .entryPrice {
width: 80px;
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
}
/* line 2498, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .products .entryPrice .dynamicEntryPrice, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .entry .subEntryProducts .entryPrice .dynamicEntryPrice {
padding-block: 8px;
}
/* line 2504, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries .entriesList .button {
cursor: pointer;
}
/* line 2508, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper .entries:not(:first-child) {
padding-top: 25px;
}
/* line 2512, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper .batchDetailWrapper:not(:first-child) {
padding-top: 25px;
}
/* line 2516, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper:not(:first-child) {
padding-top: 25px;
}
/* line 2519, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .orders .deliveryBatchWrapper:not(:last-child) {
border-bottom: 1px solid #cccccc;
}
/* line 2524, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn {
border: 1px solid #cccccc;
border-top: 0px;
flex-basis: 100%;
margin-left: auto;
text-align: right;
padding-top: 23px;
padding-right: 16px;
padding-bottom: 24px;
}
/* line 2533, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn .readd.button.green {
font-size: 16px;
position: relative;
}
/* line 2536, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn .readd.button.green .iconCart {
background-image: url(/_ui/shared/common/svg/account/orderPage/whiteCart.svg);
background-repeat: no-repeat;
background-size: 24px;
background-position: center;
margin-right: 8px;
height: 24px;
width: 24px;
display: inline-block;
vertical-align: bottom;
}
/* line 2547, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn .readd.button.green #reAddProductsTooltipDummy {
position: absolute;
}
/* line 2550, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn .readd.button.green .tooltips {
bottom: 30px;
left: 50%;
transform: translateX(-50%);
min-height: 0px;
width: unset;
}
/* line 2556, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn .readd.button.green .tooltips.bottom::after, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn .readd.button.green .tooltips.bottom::before {
transform: translateX(-50%);
left: 50%;
}
/* line 2560, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn .readd.button.green .tooltips .tooltipsContainer {
font-size: 16px;
text-align: center;
white-space: nowrap;
}
/* line 2567, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .reAddItemBtn .remark {
padding-top: 8px;
font-size: 14px;
color: #666666;
}
/* line 2573, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .paymentDetails {
flex-basis: 465px;
margin-left: auto;
margin-top: 48px;
}
/* line 2577, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .paymentDetails > * {
padding-left: 0px;
}
/* line 2580, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .paymentDetails .ordersTitle {
padding-top: 0px;
}
/* line 2583, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .paymentDetails .paymentData {
display: flex;
justify-content: space-between;
padding-bottom: 16px;
font-size: 16px;
font-weight: bold;
color: #222222;
}
/* line 2590, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .paymentDetails .paymentData .title, #account-content.accountOrderPage .order-details #orderPanel .orderDetails .paymentDetails .paymentData .data {
display: inline-block;
}
/* line 2593, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .paymentDetails .paymentData.discounts {
color: #36b449;
}
/* line 2596, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .paymentDetails .paymentData.paymentTotal {
font-size: 32px;
font-weight: bold;
color: #222222;
line-height: normal;
}
/* line 2604, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .button {
cursor: pointer;
}
/* line 2606, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .button.green {
padding: 8px 24px;
border-radius: 2px;
background-color: #36b449;
min-height: 40px;
color: #ffffff;
}
/* line 2613, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .order-details #orderPanel .orderDetails .button.deactivate {
background: #CCCCCC;
color: #ffffff;
border: 1px solid #CCCCCC;
pointer-events: none;
cursor: default;
}
/* line 2626, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slick-slider .productBox .imageWrapper, #account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .imageWrapper {
position: relative;
background: white;
padding-top: 100%;
}
/* line 2630, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slick-slider .productBox .imageWrapper .imgContainer, #account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .imageWrapper .imgContainer {
position: absolute;
top: 0;
left: 0;
}
/* line 2639, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper {
padding: 16px;
margin: 48px 0px 0px 0px !important;
display: flex;
}
/* line 2640, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper.active {
border: 1px solid #cccccc;
}
/* line 2646, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView {
margin-top: 16px;
width: 948px;
}
/* line 2650, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .titleWrapper {
font-weight: bold;
font-size: 20px;
line-height: 1.4;
color: #222222;
}
/* line 19, ../../../../resource/compass/lib/_hktvMixin.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .titleWrapper:after {
content: " ";
display: table;
height: 0;
clear: both;
}
/* line 2657, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .titleWrapper .title {
float: left;
}
/* line 2660, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .titleWrapper .recentlyViewPagination {
float: left;
margin-left: 10px;
}
/* line 2666, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slick-slider {
float: left;
left: 47px;
width: 855px;
}
/* line 2670, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slick-slider:not(.scrolled) {
left: 0;
width: 954px;
}
/* line 2679, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .btnSliderPrevMedium {
position: absolute;
top: 31px;
left: -47px;
}
/* line 2684, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .btnSliderNextMedium {
position: absolute;
top: 31px;
right: -47px;
}
/* line 2690, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox {
position: relative;
margin: 10px 11px;
}
/* line 2695, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .iconWrapper {
display: none;
position: absolute;
top: -10px;
right: -10px;
}
/* line 2700, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .iconWrapper i {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -357px 0;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 20px;
width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2700, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .iconWrapper i {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -357px 0;
height: 20px;
width: 20px;
}
}
/* line 2704, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .imageWrapper {
display: block;
border: solid 1px #FFF;
}
/* line 2707, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .imageWrapper:hover {
border: solid 1px #ccc;
}
/* line 2713, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox:hover .iconWrapper {
display: block;
z-index: 1;
}
/* line 2717, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover + .imageWrapper {
display: block;
border: solid 1px #e4483f;
}
/* line 2721, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover i {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -297px 0;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 20px;
width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2721, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox:hover .iconWrapper:hover i {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -297px 0;
height: 20px;
width: 20px;
}
}
/* line 2728, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .pdtNameWrapper {
margin-top: 5px;
}
/* line 2731, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper #orderPageRecentlyView .slider .slick-track .productBox .pdtNameWrapper .brand-product-name > span {
color: #FFF;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
line-height: 15px;
font-style: normal;
}
/* line 2746, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .icRecentlyviewoverlayAlertWhite {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -996px 0;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 26px;
width: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2746, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .icRecentlyviewoverlayAlertWhite {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -996px 0;
height: 26px;
width: 26px;
}
}
/* line 2749, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .icRecentlyviewDelete {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -357px 0;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 20px;
width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2749, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .icRecentlyviewDelete {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -357px 0;
height: 20px;
width: 20px;
}
}
/* line 2752, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .icRecentlyviewDeleteHover {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -297px 0;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 20px;
width: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2752, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .icRecentlyviewDeleteHover {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -297px 0;
height: 20px;
width: 20px;
}
}
/* line 2755, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .btnSliderPrevMedium {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -1087px -62px;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 55px;
width: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2755, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .btnSliderPrevMedium {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -1087px -61px;
height: 55px;
width: 35px;
}
}
/* line 2758, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .btnSliderPrevMedium:hover {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -915px -117px;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 55px;
width: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2758, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .btnSliderPrevMedium:hover {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -915px -116px;
height: 55px;
width: 35px;
}
}
/* line 2761, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .btnSliderNextMedium {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -985px -117px;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 55px;
width: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2761, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .btnSliderNextMedium {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -985px -116px;
height: 55px;
width: 35px;
}
}
/* line 2764, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .btnSliderNextMedium:hover {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-s6c86c57acc.png);
background-position: -950px -117px;
background-repeat: no-repeat;
overflow: hidden;
display: inline-block;
height: 55px;
width: 35px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2764, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .orderPageRecentlyViewWrapper .btnSliderNextMedium:hover {
background-image: url(/_ui/desktop/common/images/sprite/sprite1511-2x-s50e7106e33.png);
background-size: 1189px 180px;
background-position: -950px -116px;
height: 55px;
width: 35px;
}
}
/* line 2769, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.accountOrderPage .tooltips {
z-index: 999;
}
/* line 2774, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList {
border: none !important;
padding: 0px !important;
}
/* line 2778, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper {
padding: 0px !important;
border: none !important;
}
/* line 2781, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .button {
cursor: pointer;
}
/* line 2784, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer {
margin: 0px;
}
/* line 2787, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData {
border: 1px solid #cccccc;
border-bottom: none;
margin-bottom: 24px;
}
/* line 2791, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .TitleWrapper {
background-color: #125b54;
display: flex;
justify-content: space-between;
}
/* line 2796, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .sectionTitle {
font-weight: bold;
line-height: 1.4;
display: inline-block;
background-color: #125b54;
font-size: 32px;
padding-left: 32px;
margin-top: 30px;
margin-bottom: 29.7px;
color: #e0ff00;
}
/* line 2806, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .sectionTitle .sectionTitleDate {
font-weight: normal;
display: inline-block;
background-color: #125b54;
font-size: 32px;
padding-left: 32px;
color: #ffffff;
}
/* line 2816, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .orderList {
display: flex;
flex-direction: column;
font-size: 24px;
border-bottom: none;
}
/* line 2821, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .orderList .row {
border-bottom: solid 1px #cccccc;
display: flex;
align-items: center;
}
/* line 2826, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .orderList .row .billNumber {
margin-left: 32px;
margin-top: 22px;
margin-bottom: 22px;
margin-right: 32px;
width: 182px;
}
/* line 2833, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .orderList .row .detailBtn {
height: 40px;
padding: 8px 24px;
border-radius: 2px;
background-color: #ef8200;
align-self: center;
color: #ffffff;
line-height: 24px;
font-size: 16px;
}
/* line 2843, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .orderList .row.showMoreButton {
justify-content: center;
padding: 24px;
}
/* line 2846, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .orderList .row.showMoreButton a {
padding: 8px 32px;
border-radius: 2px;
border: solid 1px #36b449;
background-color: #ffffff;
color: #36b449;
cursor: pointer;
font-size: 16px;
}
/* line 2857, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .orderList .showMoreButton {
justify-content: center;
border-bottom: none;
}
/* line 2859, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .deliveryTodayData .orderList .showMoreButton a {
padding: 8px 32px;
border-radius: 2px;
border: solid 1px #36b449;
background-color: #ffffff;
color: #36b449;
cursor: pointer;
}
/* line 2872, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata {
border: 1px solid #cccccc;
}
/* line 2874, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .sectionTitle, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .sectionTitle {
font-weight: bold;
line-height: 1.4;
font-size: 20px;
border-bottom: solid 4px;
display: inline-block;
margin: 24px 16px;
}
/* line 2882, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList {
display: flex;
flex-direction: column;
}
/* line 2885, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row {
flex-wrap: wrap;
display: flex;
justify-content: space-between;
padding: 24px 16px;
font-size: 16px;
text-align: left;
color: #222222;
}
/* line 2893, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row:not(:last-child), #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row:not(:last-child) {
border-bottom: solid 1px #cccccc;
}
/* line 2896, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderNumber, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderNumber {
width: 184px;
}
/* line 2899, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus {
width: 274px;
}
/* line 2901, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus.success, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus.success {
color: #36b449;
}
/* line 2904, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus.fail, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus.fail {
color: #ea3150;
}
/* line 2907, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus.inProgress, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus.inProgress {
color: #ef8200;
}
/* line 2910, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus .reAddCartText, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus .reAddCartText {
position: relative;
}
/* line 2912, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus .reAddCartText #reAddProductsTooltipDummy, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus .reAddCartText #reAddProductsTooltipDummy {
position: absolute;
}
/* line 2915, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus .reAddCartText .reAddButton, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus .reAddCartText .reAddButton {
color: #36b449;
padding-left: 5px;
text-decoration: underline;
}
/* line 2920, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus .reAddCartText .tooltips, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus .reAddCartText .tooltips {
bottom: 50px;
left: 50%;
transform: translateX(-50%);
min-height: 0px;
width: unset;
}
/* line 2926, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus .reAddCartText .tooltips.bottom::after, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus .reAddCartText .tooltips.bottom::before, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus .reAddCartText .tooltips.bottom::after, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus .reAddCartText .tooltips.bottom::before {
transform: translateX(-50%);
left: 50%;
}
/* line 2930, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .transactionStatus .reAddCartText .tooltips .tooltipsContainer, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .transactionStatus .reAddCartText .tooltips .tooltipsContainer {
font-size: 16px;
text-align: center;
white-space: nowrap;
}
/* line 2938, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .purchaseDateTime, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .purchaseDateTime {
width: 160px;
}
/* line 2941, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderTotal, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderTotal {
width: 120px;
}
/* line 2944, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderOverview, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderOverview {
width: 160px;
text-align: right;
}
/* line 2947, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderOverview a.download-invoice, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderOverview a.download-invoice {
color: #36b449;
text-decoration: underline;
}
/* line 2952, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderInfo, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderInfo {
flex-basis: 100%;
justify-content: space-between;
padding-top: 24px;
display: flex;
}
/* line 2957, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderInfo .button-list, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderInfo .button-list {
display: flex;
}
/* line 2959, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderInfo .button-list .receivalCodePopUpButton, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderInfo .button-list .receivalCodePopUpButton {
border-radius: 2px;
border: solid 1px #36b449;
font-size: 16px;
text-align: center;
color: #36b449;
padding: 8px 15px 8px 15px;
margin-right: 20px;
max-height: 40px;
}
/* line 2970, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderInfo .imagesContainer, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderInfo .imagesContainer {
display: flex;
}
/* line 2972, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderInfo .imagesContainer .imageWrapper, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderInfo .imagesContainer .imageWrapper {
margin-right: 24px;
border-radius: 4px;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
display: flex;
justify-content: space-around;
width: 64px;
height: 64px;
}
/* line 2982, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderInfo .imagesContainer .imageWrapper img, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderInfo .imagesContainer .imageWrapper img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* line 2987, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderInfo .imagesContainer .imageWrapper .showMoreProduct, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderInfo .imagesContainer .imageWrapper .showMoreProduct {
position: absolute;
top: 0;
left: 0;
background-color: rgba(34, 34, 34, 0.5);
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #ffffff;
}
/* line 3001, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row .orderInfo .detailButton, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row .orderInfo .detailButton {
padding: 8px 24px;
border-radius: 2px;
background-color: #36b449;
align-self: center;
color: #ffffff;
line-height: 24px;
}
/* line 3010, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row.title, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row.title {
font-size: 14px;
text-align: left;
padding-top: 0px;
padding-bottom: 9px;
}
/* line 3015, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row.title div, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row.title div {
color: #666666 !important;
}
/* line 3019, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row.showMoreButton, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row.showMoreButton {
justify-content: center;
border-bottom: none;
}
/* line 3021, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .row.showMoreButton a, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .row.showMoreButton a {
padding: 8px 32px;
border-radius: 2px;
border: solid 1px #36b449;
background-color: #ffffff;
color: #36b449;
cursor: pointer;
}
/* line 3032, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .orderList .noRecord, #account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .orderList .noRecord {
display: flex;
align-content: center;
justify-content: center;
padding: 24px 0px;
font-size: 16px;
text-align: left;
}
/* line 3042, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData {
margin-bottom: 24px;
}
/* line 3044, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .searchPageData .sectionTitle {
color: #36b449;
border-color: #36b449;
}
/* line 3050, ../../../../resource/compass/_ui/desktop/common/css/myAccount.scss */
#account-content.orderHistoryList #orderHistoryWrapper .orderHistoryContainer .closedPagedata .sectionTitle {
color: #666666;
border-color: #666666;
}