| Server IP : 103.48.194.25 / Your IP : 216.73.216.74 Web Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.33 System : Linux VMHostDefault 3.10.0-1160.42.2.el7.x86_64 #1 SMP Tue Sep 7 14:49:57 UTC 2021 x86_64 User : sieuthimay ( 1016) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/namduongmarket.com-bk/public_html/skin/css/ |
Upload File : |
body {
color: #737373;
background: white;
font-size: 14px;
font-family: Helvetica Neue, sans-serif;
line-height: 1.42857143em;
overflow-wrap: break-word;
overflow-x: hidden;
word-wrap: break-word;
word-break: break-word;
padding: 0;
margin: 0;
}
@media(min-width: 1000px) {
body {
height: 100vh;
}
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: normal;
}
h2 {
color: #333;
}
h1, .heading-1 {
font-size: 2em;
}
a, .icon-print {
color: #2a9dcc;
text-decoration: none;
cursor: pointer;
}
a:hover,.icon-print:hover {
color: #2a6395;
}
.field__input, .input-checkbox, .input-radio, button, textarea {
color: inherit;
font: inherit;
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-font-smoothing: inherit;
border: none;
background: transparent;
line-height: normal;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
width: 100%;
margin: 0;
}
td, th {
font-weight: normal;
}
td:first-child, th:first-child {
padding-left: 0;
text-align: left;
}
td:last-child, th:last-child {
text-align: right;
}
form {
margin: 0;
padding: 0;
}
.layout-flex {
display: flex;
align-items: baseline;
}
.layout-flex--wrap {
flex-wrap: wrap;
}
.layout-flex__item--stretch {
flex: 1 1 auto;
}
.layout-flex--row-reverse {
flex-direction: row-reverse;
}
.btn {
cursor: pointer;
display: inline-block;
background-color: #357ebd;
border-color: #2f71a9;
background-clip: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px transparent solid;
border-radius: 5px;
color: white;
font-weight: 500;
padding: 0.98em 1.7em;
text-align: center;
position: relative;
}
.btn--large {
font-size: 1.1rem;
}
.btn--disabled {
opacity: 0.6;
}
.btn:hover {
background-color: #2a6395;
border-color: #225179;
color: #fff;
}
@media(min-width: 1000px) {
.btn-complete-order {
min-width: 20em;
}
}
.hide {
display: none !important;
}
html, body {
width: 100%;
}
body, .content, .content .wrap, .main, .main__content, .step, .content > form {
display: flex;
flex: 1 0 auto;
flex-direction: column;
}
.content {
overflow: hidden;
}
.content .wrap {
flex-direction: column-reverse;
}
.main {
width: 100%;
padding-top: 1.5em;
}
.main--nosidebar {
padding-top: 0;
}
.main--nosidebar .main__header {
padding-bottom: 0;
}
.main__header {
padding-bottom: 1.5em;
}
.multistep .main__header {
padding-bottom: 1em;
}
.main__content {
padding-bottom: 1.5em;
}
.main__footer {
display: flex;
flex: 1 0 auto;
flex-direction: column;
padding: 1em 0;
text-align: right;
}
.main__policy {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-end;
}
.main__policy > li {
margin-left: 1.5em;
}
.main__policy > li:first-child {
margin-left: 0;
}
.main__content + .main__footer {
border-top: 1px solid rgba(175,175,175,0.34);
}
.main .logo {
display: none;
}
.main .logo.logo--always-show {
display: inline-block;
}
.logo__image--small {
max-height: 2.14286em;
}
.logo__image--medium {
max-height: 3.28571em;
}
.logo__image--large {
max-height: 4.57143em;
}
.shop__name {
line-height: 1.12;
}
@media(min-width: 1000px) {
.main {
width: 52%;
padding: 2em 2em 0 2em;
}
.multistep .main {
padding: 4em 6% 0 0;
}
.main .logo {
display: block;
}
.logo__image--small {
max-height: 3.85714em;
}
.logo__image--medium {
max-height: 6.28571em;
}
.logo__image--large {
max-height: 8.71429em;
}
.logo--left {
text-align: left;
}
.logo--center {
text-align: center;
}
.logo--right {
text-align: right;
}
.main--nosidebar .main__header {
padding-bottom: 1.5em;
}
.main__footer {
text-align: right;
}
.main__policy {
flex-direction: row;
justify-content: flex-end;
}
.main__policy > li:last-child {
margin-right: 0;
}
}
.wrap {
display: block;
width: 100%;
box-sizing: border-box;
padding: 0 1em;
font-size: 14px;
max-width: 40em;
margin: 0 auto;
}
.wrap:after, .wrap:before {
content: "";
display: table;
}
.wrap:after {
clear: both;
}
.wrap--mobile-fluid {
max-width: 100%;
padding: 0;
}
.wrap--mobile-fluid .main__footer {
padding-left: 1em;
padding-right: 1em;
}
@media (min-width: 768px) {
.wrap--mobile-fluid {
max-width: 50em;
}
}
@media (min-width: 1000px) {
.wrap {
padding: 0 2em;
max-width: 95em;
}
.multistep .wrap {
box-sizing: content-box;
max-width: 78.5em;
width: 85%;
padding: 0 5%;
}
.wrap--mobile-fluid .main__footer {
padding-left: 0;
padding-right: 0;
}
}
.banner {
padding: 1.5em 0;
text-align: center;
}
.col {
float: left;
width: 100%;
box-sizing: border-box;
padding-top: 2em;
}
.col--half {
width: 100%;
text-align: center;
}
.col--secondary {
float: right;
}
@media (min-width: 768px) {
.col--md-two {
padding-top: 0;
width: 50%;
}
}
.row:first-child > .col:first-child {
padding-top: 0;
}
.row::after {
content: "";
display: table;
clear: both;
}
@media(min-width: 1000px) {
.banner {
display: none;
}
.order-summary-toggle {
display: none;
}
.content .wrap {
flex-direction: row;
}
.row {
margin-left: -10px;
margin-right: -10px;
}
.col {
padding-left: 1em;
padding-right: 1em;
padding-top: 0;
}
.col--half {
width: 50%;
}
.col--two {
width: 50%;
}
.col--primary {
width: 60%;
}
.col--secondary {
width: 40%;
}
}
.order-summary-toggle {
background: #fafafa;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
padding: 1.25em 0;
text-align: left;
width: 100%;
outline: none;
}
.order-summary-toggle__inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.expandable:after {
content: "\f107";
font-family: FontAwesome;
font-size: 1em;
display: inline-block;
text-shadow: none;
position: relative;
-webkit-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.toggled .expandable:after, .toggled.expandable:after {
content: "\f106";
}
.step__footer {
margin-top: 1.5em;
}
.step__footer .previous-link {
margin-top: 1em;
}
.step__btn-group {
display: flex;
flex-direction: column;
text-align: center;
}
.previous-link:hover .previous-link__arrow {
transform: translateX(-3px);
}
.previous-link__arrow {
display: inline-block;
vertical-align: middle;
font-style: normal;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}
.previous-link__content {
vertical-align: middle;
}
@media(min-width: 1000px) {
.step__btn-group {
flex-direction: row-reverse;
justify-content: space-between;
}
}
.section {
padding-top: 2em;
}
.section--no-title {
padding-top: 1em;
}
.section--mobile-fluid {
padding-left: 1em;
padding-right: 1em;
}
.section--relative {
position: relative;
}
.section--icon-heading {
text-align: center;
padding-left: 1em;
padding-right: 1em;
}
.section:first-child {
padding-top: 0;
}
.section__icon {
margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.section--icon-heading {
text-align: inherit;
display: flex;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.section__icon {
margin-right: 1rem;
}
.section--mobile-fluid {
padding-left: 0;
padding-right: 0;
}
}
.section__header {
margin-bottom: 12px;
}
.section__title, .modal__title, .sidebar__title, .order-summary-toggle__text {
color: #333;
font-weight: 600;
font-size: 1.15rem;
}
.section__title--icon {
margin: 0 3px;
vertical-align: top;
}
.section__content--bordered {
border: 1px solid #dadada;
padding: 1em;
margin: 1em;
}
.section__content::after, .section__content::before {
content: "";
display: table;
}
.section__content::after {
clear: both;
}
.field {
float: left;
width: 100%;
box-sizing: border-box;
padding: 0.4em;
}
.main .field--disabled .field__input,
.field--disabled .field__input {
background: #ddd;
cursor: not-allowed;
}
.main .field {
padding: 0.4em
}
.field-group {
width: 100%;
}
@media(min-width: 1000px) {
.field-group {
display: flex;
}
.field-group > .field {
flex: 1;
}
}
.fieldset {
margin: -0.4em;
}
.fieldset::before, .fieldset::after {
content: "";
display: table;
}
.fieldset::after {
clear: both;
}
.fieldset--inline {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.fieldset--inline .btn {
margin: 0.45em;
width: 100%;
}
@media (min-width: 1000px) {
.fieldset--inline {
flex-wrap: nowrap;
}
.fieldset--inline .btn {
width: auto;
}
}
.field__input-wrapper {
position: relative;
}
.field__label {
text-align: left;
margin: 0.5em 0;
display: block;
}
.field__input {
border-radius: 4px;
width: 100%;
display: block;
box-sizing: border-box;
padding: 0.94em 0.8em;
border: 1px #d9d9d9 solid;
height: 44px;
background-color: white;
color: #333333;
}
textarea.field__input {
height: auto;
resize: vertical;
}
.input-radio:focus, .input-checkbox:focus, .field__input:focus {
outline: none;
border-color: #66afe9;
box-shadow: 0 0 0 1px #66afe9;
}
.field__input--select {
padding-right: 2em;
white-space: nowrap;
}
.field__caret {
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
pointer-events: none;
width: 2em;
height: 43%;
border-left: 1px rgba(179,179,179,0.5) solid;
}
.field__caret .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.field--error .field__input {
border-color: #c23527;
box-shadow: 0 0 0 1px #c23527;
}
.floating-labels .field__label {
position: absolute;
top: 0;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
margin-top: 0.4em;
margin-left: 1px;
padding: 0 0.8em;
font-size: 0.84em;
color: #999999;
z-index: 1;
user-select: none;
pointer-events: none;
font-size: 1em;
transform: translateY(6px);
}
.floating-labels .field--show-floating-label .field__label {
transform: none;
font-size: 0.84em;
padding-left: 0.9em;
}
.floating-labels .field--show-floating-label .field__input {
padding-top: 1.5em;
padding-bottom: 0.35em;
}
.animate-floating-labels .field__label {
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}
.field__message {
line-height: 1.3em;
margin: 0.5em 0.2em;
}
.field__message.field__message--error {
color: #c23527;
display: none;
}
.field__message--error.field__message--error-always-show {
display: block;
}
.field--error .field__message--error {
display: block;
}
.field__input-btn-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.field__input-btn-wrapper--vertical {
align-items: stretch;
flex-direction: column;
text-align: center;
margin: 1em 0;
}
.field__input-btn-wrapper--vertical .btn-checkout {
margin-bottom: 1em;
}
.field__input-btn-wrapper--floating {
justify-content: center;
}
@media (min-width: 1000px) {
.field__input-btn-wrapper--floating {
justify-content: flex-end;
}
}
.field__input-btn {
width: auto;
margin-left: 0.85714em;
white-space: nowrap;
}
.field__input-btn-wrapper .field__input-wrapper {
flex-grow: 1;
}
.sidebar__header {
border-bottom: 1px solid #e1e1e1;
padding-top: 20px;
padding-bottom: 20px;
display: none;
}
.sidebar__footer {
margin-top: 1.5em;
display: flex;
align-items: center;
justify-content: space-between;
}
.sidebar {
color: #717171;
position: relative;
width: 100%;
}
.sidebar--disabled {
opacity: 0.7;
}
.visually-hidden {
border: 0;
clip: rect(0, 0, 0, 0);
clip: rect(0 0 0 0);
width: 2px;
height: 2px;
margin: -2px;
overflow: hidden;
padding: 0;
position: absolute;
}
.sidebar::after {
content: "";
display: block;
width: 300%;
position: absolute;
top: 0;
left: -100%;
bottom: 0;
background: #fafafa;
z-index: -1;
box-shadow: 0 -1px 0 #e1e1e1 inset;
}
.sidebar .field__input {
border-color: #d5d5d5;
}
@media(min-width: 1000px) {
.sidebar__header {
display: block;
}
.sidebar {
width: 32%;
}
.multistep .sidebar {
width: 45%;
}
.sidebar__header, .sidebar__content {
padding-left: 2em;
}
.multistep .sidebar__header, .multistep .sidebar__content {
padding-left: 10%;
}
.sidebar::after {
left: 0;
background-position: left top;
-webkit-box-shadow: 1px 0 0 #e1e1e1 inset;
box-shadow: 1px 0 0 #e1e1e1 inset;
}
}
.product-table tbody th, .stock-table tbody th {
padding-left: 1em;
font-weight: 500;
color: #333333;
padding-top: 0;
padding-bottom: 0;
}
.product-table thead th, .stock-table thead th {
white-space: nowrap;
}
.product-table td, .stock-table td {
padding-left: 1em;
}
.product-table td:first-child, .stock-table td:first-child {
padding-left: 0;
}
.product-table td, .product-table th, .stock-table td, .stock-table th {
padding-top: 0;
padding-bottom: 0;
}
.stock-table .stock-table__header th {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 1em;
}
.stock-table tbody td, .stock-table tbody th {
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #e6e6e6;
}
.product-thumbnail {
width: 50px;
height: 50px;
border-radius: 8px;
background: #fff;
position: relative;
}
.product-thumbnail::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 8px;
border: 1px rgba(0,0,0,0.1) solid;
z-index: 2;
}
.product-thumbnail__wrapper {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
border-radius: 8px;
/* z-index: 1; */
}
.product-thumbnail__image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.product-thumbnail__quantity {
font-size: 0.78em;
white-space: nowrap;
padding: 0 0.62em;
border-radius: 2em;
background-color: #2a9dcc;
color: #fff;
position: absolute;
right: -0.9em;
top: -0.55em;
z-index: 3;
box-sizing: border-box;
min-width: 1.75em;
height: 1.75em;
text-align: center;
line-height: 1.75em;
}
@media(min-width: 1000px) {
.hide-on-desktop {
display: none !important;
}
}
@media(max-width: 999px) {
.hide-on-mobile {
display: none !important;
}
}
.product td {
padding-top: 1em;
}
.product__description {
text-align: left;
width: 100%;
}
.product__price, .product__quantity {
white-space: nowrap;
}
.product__quantity > em {
color: #969696;
font-style: normal;
}
.product__description__name, .product__description__property {
display: block;
}
.product__description__property {
font-size: 0.85em;
color: #969696;
}
.total-line th, .total-line td {
padding-top: 0.75em;
}
.total-line__price {
padding-left: 1.5em;
text-align: right;
white-space: nowrap;
}
.total-line-table__tbody + .total-line-table__footer .total-line:first-child th, .total-line-table__tbody + .total-line-table__footer .total-line:first-child td {
padding-top: 2em;
position: relative;
}
.sidebar .total-line-table__tbody + .total-line-table__footer .total-line:first-child th:before,
.sidebar .total-line-table__tbody + .total-line-table__footer .total-line:first-child td:before {
background-color: rgba(175,175,175,0.34);
content: '';
position: absolute;
top: 1em;
left: 0;
width: 100%;
height: 1px;
}
.payment-due__label-total {
font-size: 1.2em;
}
.payment-due__price {
font-size: 1.5em;
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1em;
color: #2a9dcc;
}
.order-summary--bordered {
border: 1px solid #e1e1e1;
background: white;
}
.order-summary--bordered .order-summary__header {
padding: 7px 15px;
display: flex;
justify-content: space-between;
}
.order-summary--bordered .order-summary__section {
padding: 7px 15px;
}
.order-summary--bordered .order-summary__section--product-list {
border-top: 1px solid #e1e1e1;
padding-top: 0;
padding-bottom: 0;
}
.order-summary--bordered .order-summary__section--product-list tbody td,
.order-summary--bordered .order-summary__section--product-list tbody th {
border-bottom: 1px solid #e6e6e6;
padding-top: 1em;
padding-bottom: 1em;
}
.order-summary--bordered .order-summary__section--product-list tbody tr:last-child td,
.order-summary--bordered .order-summary__section--product-list tbody tr:last-child th {
border-bottom: none;
}
.order-summary__title {
font-weight: 600;
}
.order-summary__section--note {
margin-top: 2em;
}
.order-summary__section--note textarea {
resize: vertical;
}
.order-summary__section {
padding-top: 1em;
padding-bottom: 1em;
}
.order-summary__section ~ .order-summary__section {
border-top: 1px solid rgba(175,175,175,0.34);
}
@media (max-width: 999px) {
.order-summary--is-collapsed .order-summary--collapse-element {
height: 0;
visibility: hidden;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
}
.order-summary-toggle__total-recap {
font-size: 1.12em;
line-height: 1em;
font-weight: 600;
color: #2a9dcc;
}
@media(min-width: 1000px) {
.order-summary__sections {
display: flex;
flex-direction: column;
}
.order-summary__section--is-scrollable {
overflow-y: auto;
max-height: calc(100vh - 480px);
}
}
.order-summary__nav {
margin-bottom: 1em;
}
nav {
display: flex;
}
.progress-bar {
display: flex;
flex-wrap: wrap;
counter-reset: line-number;
}
.progress-bar__item {
display: flex;
align-items: center;
position: relative;
counter-increment: line-number;
}
.progress-bar__item--muted {
color: #999999;
}
.progress-bar__item--current {
color: #000;
}
.progress-bar__pipe::after {
content: "\f105";
display: inline;
margin: 0 0.5em;
font-family: FontAwesome;
}
@media(min-width: 1000px) {
nav {
margin-top: 2em;
}
}
.content-box {
border: 1px solid #CECDCD;
background: #fff;
background-clip: padding-box;
border-radius: 5px;
color: #545454;
}
.content-box__row {
display: table;
box-sizing: border-box;
width: 100%;
position: relative;
padding: 1em;
}
.content-box__row ~ .content-box__row {
border-top: 1px solid #d9d9d9;
}
.content-box__row:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.content-box__row__desc {
background-color: #f8f8f8;
padding: 1.14em;
margin: 1.14em -1.14em -1.14em -1.14em;
border-color: rgba(175,175,175,0.34);
border-style: solid;
border-width: 0 1px;
}
.content-box__row:last-child .content-box__row__desc {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-width: 1px;
}
.select-address-wrapper select {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-width: 0;
border-bottom-width: 1px;
}
.select-address__header {
color: #4E4E4E;
font-weight: bold;
}
.select-address__header .fa {
color: #0088FF;
}
.select-address {
color: #353535;
}
.select-address td, .select-address th {
text-align: left;
padding: 0.4em 0.94em;
}
.select-address tr:last-child > td {
padding-bottom: 1em;
}
.select-address__body tr > td:first-child {
color: #8C8C8C;
white-space: nowrap;
}
.review-block {
display: flex;
}
.review-block ~ .review-block {
margin-top: 0.8em;
padding-top: 0.8em;
border-top: 1px solid #e6e6e6;
}
.review-block__body {
flex: 1;
display: flex;
flex-wrap: wrap;
}
.review-block__label {
color: #9b9b9b;
font-size: 1.08em;
flex: 0 1 10em;
padding-right: 1em;
padding-bottom: 0.3em;
white-space: nowrap;
}
.review-block__content {
flex: 0 1 auto;
padding-right: 1em;
width: 100%;
}
.radio-wrapper {
display: table;
box-sizing: border-box;
width: 100%;
}
.radio-wrapper:last-child {
margin-bottom: 0;
}
.radio-wrapper:after, .radio-wrapper:before, .checkbox-wrapper:after, .checkbox-wrapper:before {
content: "";
display: table;
}
.radio__input, .checkbox__input {
white-space: nowrap;
padding-right: 0.75em;
}
.radio__input, .checkbox__input {
display: table-cell;
}
input[type="checkbox"], input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
.input-checkbox, .input-radio {
width: 18px;
height: 18px;
-webkit-box-shadow: 0 0 0 0 #197bbd inset;
box-shadow: 0 0 0 0 #197bbd inset;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
cursor: pointer;
vertical-align: -4px;
border: 1px solid;
}
.input-radio {
border-radius: 50%;
}
.input-checkbox {
border-radius: 4px;
position: relative;
}
.input-radio:after {
width: 4px;
height: 4px;
margin-left: -2px;
margin-top: -2px;
background-color: #fff;
border-radius: 50%;
}
.input-checkbox:after, .input-radio:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: all 0.2s ease-in-out 0.1s;
transition: all 0.2s ease-in-out 0.1s;
opacity: 0;
}
.input-checkbox:checked:after, .input-radio:checked:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.input-checkbox:after {
content: '\f00c';
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0,0);
top: 2px;
left: 2px;
position: absolute;
color: #fff;
}
.main .input-checkbox, .main .input-radio {
border-color: #d9d9d9;
background-color: white;
}
.content-box .input-checkbox, .content-box .input-radio {
border-color: #d9d9d9;
background-color: white;
}
.input-checkbox:checked, .input-radio:checked {
border: none;
-webkit-box-shadow: 0 0 0 10px #337ab7 inset;
box-shadow: 0 0 0 10px #337ab7 inset;
}
.input-checkbox:checked:focus, .input-radio:checked:focus {
outline: none;
}
.radio__label, .checkbox__label {
cursor: pointer;
vertical-align: middle;
display: table-cell;
width: 100%;
}
.radio__label__primary {
cursor: inherit;
font-family: inherit;
vertical-align: top;
display: table-cell;
width: 100%;
}
.radio__label__accessory {
text-align: right;
padding-left: 0.75em;
white-space: nowrap;
display: table-cell;
vertical-align: middle;
}
.radio__label__icon {
color: #1990c6;
font-size: 1.5em;
height: 100%;
display: inline-block;
}
.radio__label__icon img {
height: 100%;
width: auto;
}
.content-box__emphasis {
font-weight: 500;
color: #333333;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.payment-icon {
display: flex;
justify-content: center;
align-content: center;
width: 52px;
height: 28px;
transition: opacity 0.5s cubic-bezier(0.3, 0, 0, 1);
-webkit-backface-visibility: hidden;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
transform: translate(0,0);
}
.payment-icon--1, .payment-icon--2 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_onepay.png) no-repeat center center;
}
.payment-icon--6 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_ngan_luong.png) no-repeat center center;
}
.payment-icon--7 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_bao_kim.png?18) no-repeat center center;
}
.payment-icon--10 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_paypal.png) no-repeat center center;
}
.payment-icon--11 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_moca.png) no-repeat center center;
}
.payment-icon--12 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_webmoney.png?18) no-repeat center center;
}
.payment-icon--13, .payment-icon--14 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_napas.png) no-repeat center center;
}
.payment-icon--15 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_vtc_pay.png) no-repeat center center;
}
.payment-icon--16 {
background: url(//bizweb.dktcdn.net/assets/themes_support/payment_icon_vnpay.png) no-repeat center center;
}
.payment-icon--17 {
background: url(//bizweb.dktcdn.net/assets/images/payment_icon_zalopay_alt.png) no-repeat center center;
}
.payment-icon--18 {
background: url(//bizweb.dktcdn.net/assets/admin/images/logomm1.png?v=1) no-repeat center center;
background-size: 28px 28px;
}
.payment-icon--19 {
background: url(//bizweb.dktcdn.net/assets/themes_support/vnpayqr-icon.png) no-repeat center center;
}
.payment-icon--20 {
background: url(//bizweb.dktcdn.net/assets/themes_support/alepay-icon.png) no-repeat center center;
background-size: contain;
}
.payment-icon--8::before, .payment-icon--3::before, .payment-icon--5::before, .payment-icon--4::before {
content: "\f0d6";
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-retry {
cursor: pointer;
}
.alert--warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert--danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert--secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.alert--info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.alert--loader {
background-color: #fff;
border-color: #CECDCD;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 0;
}
.discount-code {
display: flex;
justify-content: space-between;
align-items: center;
}
.ui-tag {
display: inline-flex;
align-items: center;
background-color: #dfe4e8;
border-radius: 3px;
color: #454f5b;
}
.ui-tag--warning {
background-color: #fff3cd;
color: #856404;
border-color: #ffeeba;
}
.ui-tag__label {
font-weight: 400;
line-height: 2rem;
display: block;
flex: 0 1 auto;
min-width: 0;
width: 100%;
padding: 0.1rem 0.4rem;
}
.ui-tag__close {
display: inline-flex;
justify-content: center;
align-items: center;
cursor: pointer;
text-transform: none;
user-select: none;
vertical-align: middle;
display: block;
padding: 0.1rem 0.6rem;
}
.spinner {
display: flex;
justify-content: center;
align-items: center;
}
.spinner-loader {
height: 32px;
width: 32px;
display: none;
}
.btn.spinner .spinner-loader {
position: absolute;
}
.spinner--active .spinner-loader {
display: block;
}
.spinner--active .spinner-label {
opacity: 0;
}
.modal-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
z-index: 10;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.75);
text-align: center;
}
.modal {
display: none;
vertical-align: middle;
position: relative;
z-index: 9;
max-width: 600px;
box-sizing: border-box;
width: 90%;
background: #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
text-align: left;
}
.modal-header {
border-bottom: 1px solid #e5e5e5;
display: flex;
justify-content: space-between;
}
.modal-title {
font-size: 1.18rem;
font-weight: 700;
}
.modal-header, .modal-body, .modal-footer {
padding: 1.12em;
}
.modal-header .close {
font-size: 1.5rem;
cursor: pointer;
padding: 1rem;
margin: -1rem -1rem -1rem auto;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close {
opacity: 0.5;
font-weight: 700;
}
.close:hover {
opacity: 1;
}
.modal-footer {
display: flex;
justify-content: flex-end;
}
.qr {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
@media(min-width: 1000px) {
.qr {
flex-wrap: nowrap;
}
}
.qrcode {
padding: 0 1em;
text-align: center;
}
.qrcode__order-amount {
font-size: 1.5em;
}
.qrcode__image {
width: 240px;
height: 240px;
}
.qr__guide {
padding: 0 1em;
}
.inline-icon {
width: 32px;
display: inline-block;
vertical-align: middle;
margin: 0 3px;
}
.select2-selection {
border-radius: 4px;
}
.select2-results__options {
color: #000;
}
.select2-selection:focus, .select2-search__field:focus {
outline: none;
border-color: #66afe9;
box-shadow: 0 0 0 1px #66afe9;
}
.select2-container--default .select2-selection--single {
border: 1px #d9d9d9 solid;
}
.field__input-wrapper--select2 .select2-container .select2-selection--single {
height: 3em;
padding-top: 1em;
}
.field__input-wrapper--select2 .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 0.8em;
}
.field__input-wrapper--select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
border-left: 1px rgba(179,179,179,0.5) solid;
width: 2em;
top: 0.5em;
}
.field--error .field__input-wrapper--select2 .select2-container--default .select2-selection--single {
border-color: #c23527;
box-shadow: 0 0 0 1px #c23527;
}
.term-preview {
white-space: pre-wrap;
word-break: break-word;
}
hr {
width: 100%;
border-top: 0.5px solid #CECDCD;
}
.p-desc {
margin: 1.5rem 0;
}
.p-desc p {
margin: 0;
}
.text-icon-group {
cursor: pointer;
display: inline-block;
margin-left: 2rem;
margin-right: 2rem;
}
.text-icon-group--large {
font-size: 1.5rem;
}
.text-icon-group--large .fa {
font-size: 1.8rem;
}
.icon-failure svg {
width: 40px;
height: 40px;
}
.error-message,
.thankyou-page .main__content .error-message {
color: #c23527;
}
@media(min-width: 1000px) {
.thankyou-message-container {
max-width: 75%;
}
}
td.printable-only {
display: none;
}
@media print {
.unprintable {
display: none;
}
.thankyou-message-container {
max-width: 100%;
}
td.printable-only {
display: table-cell;
}
.order-summary--is-collapsed .order-summary--collapse-element {
visibility: visible;
overflow: visible;
height: 100%;
}
.col--md-two {
width: 50%;
padding-top: 0;
}
.section__content--bordered {
margin: 0;
}
a, .radio__label__icon, .payment-due__price, .spinner--active, .ui-tag__label, .ui-tag__close {
color: #000 !important;
}
}
.redacted-line {
height: 1em;
background: #e5e5e5;
width: 100%;
}
.redacted-line--60 {
width: 60%;
}
.redacted-line--65 {
width: 65%;
}
.redacted-line--70 {
width: 70%;
}
.redacted-line--90 {
width: 90%;
}
.thankyou-page body {
background-color: #e6e8ea;
color: #46484a;
}
.thankyou-page .order-summary {
background-color: #fafafa;
}