.package-module-div .hide {
display: none; }
.package-module-div label {
margin-bottom: 12px !important; }
.permission-block .ant-row.ant-form-item {
padding-bottom: 0px; }
.permission-block .ant-divider-horizontal {
margin: 20px 0px;
width: 100%; }
.mauto {
margin: auto 0px; }
.ant-legacy-form-item-label > label {
color: #38484f !important; }
.ant-checkbox + span {
color: #38484f !important; }
.package-module-div .packageName {
color: #38484f !important; }
span.ant-radio + * {
color: #38484f !important; }
.userProfilePhoto .ant-upload-select-picture-card {
background-color: transparent;
border: none; }
.userProfilePhoto .un-profile-avatar {
width: 130px;
margin: 0;
border-radius: 50%;
overflow: hidden; }
.staff-table {
overflow-x: auto; }
.staff-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.staff-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.staff-table table thead {
background-color: #fafafb !important; }
.staff-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.staff-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.staff-table .un-text-truncate {
font-weight: bold !important; }
.staff-table .un-light-label {
font-size: 14px !important; }
.staff-table .action span:not(:last-child) {
margin-right: 10px; }
.staff-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.users-newUser .ant-list-item {
padding: 0 !important;
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important; }
.users-newUser .ant-list-item-meta {
padding-left: 0 !important;
padding-right: 0 !important; }
.users-newUser .ant-list-item-meta-content {
padding-top: 10px !important; }
.users-newUser .ant-list-item-meta-avatar {
background: #ffae4c 0% 0% no-repeat padding-box;
border-radius: 50%;
width: 53px !important;
height: 53px !important;
margin-bottom: 15px !important; }
.users-newUser .ant-input-affix-wrapper {
padding-top: 0px !important;
padding-bottom: 0px !important;
height: 33px !important;
border-radius: 4px !important; }
.users-newUser .ant-input-affix-wrapper > input.ant-input {
height: 31px !important; }
.users-newUser .ant-legacy-form-vertical .ant-legacy-form-item {
padding-bottom: 0; }
.users-newUser label {
padding-bottom: 0 !important;
margin-bottom: 4px !important;
color: #38484f !important; }
.users-newUser .details .row {
align-items: baseline !important; }
.users-newUser .details .user-details {
width: 100%;
display: flex; }
@media (max-width: 425px) {
.users-newUser .details .user-details {
display: block !important; } }
.users-newUser .details .user-details .user-avatar {
width: 130px !important;
margin-right: 24px !important; }
@media (max-width: 425px) {
.users-newUser .details .user-details .user-avatar {
width: 100% !important;
margin-right: unset !important; } }
.users-newUser .details .user-details .user-info {
width: 630px !important;
margin-right: auto !important; }
@media (max-width: 1025px) {
.users-newUser .details .user-details .user-info {
width: 100% !important;
margin-right: unset !important; } }
.users-newUser .modules-permissions .modules-section {
height: fit-content !important; }
.users-newUser .modules-permissions .modules-section .modules-container label {
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important;
margin-bottom: 10px !important;
color: #0c2028 !important; }
.users-newUser .modules-permissions .modules-section .modules-container .ant-checkbox + span {
padding-left: 12px !important; }
.users-newUser .modules-permissions .modules-section .modules-container .ant-checkbox,
.users-newUser .modules-permissions .modules-section .modules-container .ant-checkbox-input,
.users-newUser .modules-permissions .modules-section .modules-container .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.users-newUser .modules-permissions .modules-section .modules-container .ant-checkbox-group {
display: block !important; }
.users-newUser .modules-permissions .permissions-section {
height: fit-content !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-collapse {
border: none !important;
background-color: transparent; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-collapse > .ant-collapse-item > .ant-collapse-header {
padding: 0 !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-collapse > .ant-collapse-item {
border-bottom: none !important;
margin-bottom: 20px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-collapse
> .ant-collapse-item
> .ant-collapse-header
.ant-collapse-arrow {
z-index: 1001;
font-size: 20px;
color: #647176; }
.users-newUser .modules-permissions .permissions-section .permissions-container .no-child .ant-collapse-content {
display: none !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-collapse-content {
border-top: none !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-collapse-content > .ant-collapse-content-box {
padding: 0 !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container label {
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important;
color: #0c2028 !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-checkbox + span {
padding-left: 12px !important;
color: #0c2028 !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-checkbox,
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-checkbox-input,
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .ant-checkbox-group {
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container {
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .module {
position: relative;
min-height: 34px !important;
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important;
padding: 8px 24px !important;
background-color: #fafafb !important;
display: flex !important; }
@media (max-width: 425px) {
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .module {
display: block !important; } }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .module .ant-checkbox + span {
color: #0c2028 !important;
font-weight: bold !important;
font-size: 16px !important;
line-height: 19px; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .module .ant-select-single .ant-select-selector .ant-select-selection-item {
padding: 4px 0 !important;
line-height: 17px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .module .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector,
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .module .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-select-selection-search-input {
height: 25px !important;
width: 200px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module {
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important;
padding: 12px 54px !important;
color: #0c2028 !important;
font-size: 14px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module label {
margin-bottom: 10px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .ant-checkbox + span {
color: #0c2028 !important;
line-height: 17px;
margin-bottom: 8px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .ant-select {
margin-left: 30px !important;
margin-bottom: 20px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .ant-select-single .ant-select-selector .ant-select-selection-item {
padding: 4px 0 !important;
line-height: 17px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector {
height: 25px !important;
width: 200px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .apps-checkbox .apps-label {
line-height: 25px !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .apps-checkbox .apps-label::before {
content: 'OFF' !important;
font-size: 16px !important;
font-weight: bold !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .apps-checkbox .ant-checkbox {
display: none !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .apps-checkbox .ant-checkbox + span {
color: #e5e5e5 !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .apps-checkbox.ant-checkbox-wrapper-checked .ant-checkbox + span {
color: #5acc5a !important; }
.users-newUser .modules-permissions .permissions-section .permissions-container .module-container .sub-module .apps-checkbox.ant-checkbox-wrapper-checked .apps-label::before {
content: 'ON' !important; }
.users-newUser .permissions .ant-legacy-form-item {
margin-bottom: 0 !important; }
.users-newUser .un-subModule label {
margin-bottom: 12px !important; }
.users-newUser .un-subModule .ant-divider {
display: none !important; }
@media (min-width: 1024px) {
.company {
width: 644px !important;
margin: 0 auto !important; } }
.company .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.company .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.company .header-buttons .b-btn,
.company .header-buttons .b-btn:hover,
.company .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.company .header-buttons .b-btn i,
.company .header-buttons .b-btn:hover i,
.company .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.company .header-buttons .outline-btn,
.company .header-buttons .outline-btn:focus,
.company .header-buttons .outline-btn:hover {
background: none !important; }
.company .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.company .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.company .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.company .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.company .ant-table .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .un-row-product img {
height: 48px !important;
width: 48px !important; }
.company .unicart-search .search-form {
margin-bottom: 20px !important; }
.company .unicart-search .search-form .un-filter-value {
height: 41px !important;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.company .ant-input-search {
height: 41px; }
.company .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
@media (min-width: 1024px) {
.new-company {
width: 644px !important;
margin: 0 auto !important; } }
.new-company .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.new-company .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.new-company .header-buttons .b-btn,
.new-company .header-buttons .b-btn:hover,
.new-company .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-company .header-buttons .b-btn i,
.new-company .header-buttons .b-btn:hover i,
.new-company .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-company .header-buttons .outline-btn,
.new-company .header-buttons .outline-btn:focus,
.new-company .header-buttons .outline-btn:hover {
background: none !important; }
.new-company .logo .ant-upload-list-picture-card .ant-upload-list-item {
width: 115px !important;
height: 115px !important;
border-radius: 4px !important;
margin-top: 16px; }
.new-company .logo .ant-upload-list-picture-card-container {
width: 115px !important;
border-radius: 4px !important;
margin-top: 16px; }
.new-company .logo .ant-upload-picture-card-wrapper {
display: inline-block;
width: 115px !important; }
.new-company .logo .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.new-company .logo .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.new-company .logo .upload-placeholder {
padding-top: 34% !important;
width: 115px !important; }
.new-company .logo .hvrbox {
width: 115px !important;
height: 115px !important; }
.new-company .logo .hvrbox img {
object-fit: contain; }
.new-company .company-table {
overflow-x: auto;
margin-bottom: 20px; }
.new-company .company-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.new-company .company-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.new-company .company-table table thead {
background-color: #fafafb !important; }
.new-company .company-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.new-company .company-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.new-company .company-table .un-text-truncate {
font-weight: bold !important; }
.new-company .company-table .un-light-label {
font-size: 14px !important; }
.new-company .company-table .action span:not(:last-child) {
margin-right: 10px; }
.new-company .company-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.ant-input-password {
padding: 0px 11px !important; }
.text-transform-none {
text-transform: none !important; }
@media (min-width: 1024px) {
.company-services {
width: 816px !important;
margin: 0 auto !important; } }
.company-services .search-form .un-filter-value {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.company-services .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.company-services .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.company-services .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.company-services .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.company-services .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.company-services .header-buttons .b-btn,
.company-services .header-buttons .b-btn:hover,
.company-services .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.company-services .header-buttons .b-btn i,
.company-services .header-buttons .b-btn:hover i,
.company-services .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.company-services .unicart-filter {
margin-top: 0 !important; }
.company-services .sorting {
text-align: center; }
.company-services .ant-input-number-handler-wrap {
display: none; }
@media (min-width: 1024px) {
.company-services-details {
width: 644px !important;
margin: 0 auto !important; } }
.company-services-details .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.company-services-details .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.company-services-details .header-buttons .b-btn,
.company-services-details .header-buttons .b-btn:hover,
.company-services-details .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.company-services-details .header-buttons .b-btn i,
.company-services-details .header-buttons .b-btn:hover i,
.company-services-details .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.editPurchaseOrderTemplate .purchase-order-container {
height: fit-content !important;
min-height: 800px !important;
margin: 0 auto !important;
background-color: #ffffff !important;
border: 1px solid #707070 !important;
padding: 17px 18px !important;
color: #38484f !important;
width: 100%; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-header .logo-container {
width: 60px;
height: fit-content;
border: 1px solid #d4d4d4 !important; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-header .logo-container img {
object-fit: contain !important;
width: 100%;
height: 100%; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-header .purchase-order-header-right {
text-align: right; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-header .purchase-order-header-right .purchase-order-header-title {
text-transform: uppercase;
font-size: 14px;
font-weight: bold; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-header-two,
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-header-three {
margin-top: 15px;
font-size: 8px; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-items {
margin-top: 15px !important; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-items .purchase-order-table {
margin-top: 14px !important;
margin-bottom: 16px !important;
overflow-x: unset !important; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-items .purchase-order-table .ant-table-tbody > tr > td {
padding: 4px !important;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
vertical-align: top !important; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-items .purchase-order-table .ant-table-tbody > tr:nth-child(4) > td {
border-bottom: none !important; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-items .purchase-order-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-items .purchase-order-table .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important; }
.editPurchaseOrderTemplate .purchase-order-container .purchase-order-items .purchase-order-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.editPurchaseOrderTemplate .purchase-order-container .signature-container {
text-align: center !important;
width: 100%; }
.editPurchaseOrderTemplate .purchase-order-container .signature-container .signature-section {
height: 40px !important; }
.editPurchaseOrderTemplate .purchase-order-container .signature-container .signature {
font-size: 8px !important;
border-top: 1px solid #707070 !important; }
.editPurchaseOrderTemplate .purchase-order-container .signature-container .signature-large {
font-size: 10px !important;
border-top: 1px solid #707070 !important; }
.editPurchaseOrderTemplate .purchase-order-container .signature-container .signature-data {
font-size: 8px !important;
text-align: left !important; }
.editPurchaseOrderTemplate .purchase-order-container .signature-container .signature-data-large {
font-size: 10px !important;
text-align: left !important; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .purchase-order-header-two,
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .purchase-order-header-three {
font-size: 10px !important; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .purchase-order-items .purchase-order-table .ant-table-tbody > tr > td {
font-size: 10px !important; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .purchase-order-items .purchase-order-table .ant-table-thead th {
font-size: 10px !important; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .signature-container {
text-align: center !important;
width: 100%; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .signature-container .signature-section {
height: 40px !important; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .signature-container .signature {
font-size: 8px !important;
border-top: 1px solid #707070 !important; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .signature-container .signature-large {
font-size: 10px !important;
border-top: 1px solid #707070 !important; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .signature-container .signature-data {
font-size: 8px !important;
text-align: left !important; }
.editPurchaseOrderTemplate .purchase-order-container.text-size-large .signature-container .signature-data-large {
font-size: 10px !important;
text-align: left !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details {
border-radius: 4px !important;
font-size: 14px !important;
margin-bottom: 0 !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .body.set-light {
margin-bottom: 12px !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .ant-form-item {
margin-bottom: 0 !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .ant-checkbox + span {
color: #0c2028 !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .ant-select {
margin-bottom: 12px !important;
color: #0c2028 !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .ant-divider {
margin-top: 14px !important;
margin-bottom: 18px !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .hvrbox {
height: 115px !important;
width: 115px !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .hvrbox img {
object-fit: contain; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .qr-code-size-input-number,
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .barcode-size-input-number {
width: 100%;
display: inline-flex !important; }
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .qr-code-size-input-number .ant-input-number,
.editPurchaseOrderTemplate .un-box-flat.purchase-order-details .barcode-size-input-number .ant-input-number {
width: 100%;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container {
height: fit-content !important;
min-height: 800px !important;
margin: 0 auto !important;
background-color: #ffffff !important;
border: 1px solid #707070 !important;
padding: 17px 18px !important;
color: #38484f !important;
width: 100%; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-header .logo-container {
width: 60px;
height: fit-content;
border: 1px solid #d4d4d4 !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-header .logo-container img {
object-fit: contain !important;
width: 100%;
height: 100%; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-header .warehouse-transfer-header-right {
text-align: right; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-header .warehouse-transfer-header-right .warehouse-transfer-header-title {
text-transform: uppercase;
font-size: 14px;
font-weight: bold; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-header-two {
margin-top: 15px;
font-size: 8px; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items {
margin-top: 15px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items .warehouse-transfer-table {
margin-top: 14px !important;
margin-bottom: 16px !important;
overflow-x: unset !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items .warehouse-transfer-table .ant-table-tbody > tr > td {
padding: 4px !important;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
vertical-align: top !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items .warehouse-transfer-table .ant-table-tbody > tr > td .ant-list-item {
padding: 0 !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items .warehouse-transfer-table .ant-table-tbody > tr > td .ant-list-item .ant-list-item-meta-content h4 {
font-size: 8px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items .warehouse-transfer-table .ant-table-tbody > tr:nth-child(3) > td {
border-bottom: none !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items .warehouse-transfer-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items .warehouse-transfer-table .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .warehouse-transfer-items .warehouse-transfer-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .signature-container {
text-align: center !important;
width: 100%; }
.editWarehouseTransferTemplate .warehouse-transfer-container .signature-container .signature-section {
height: 40px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .signature-container .signature {
font-size: 8px !important;
border-top: 1px solid #707070 !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .signature-container .signature-large {
font-size: 10px !important;
border-top: 1px solid #707070 !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .signature-container .signature-data {
font-size: 8px !important;
text-align: left !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container .signature-container .signature-data-large {
font-size: 10px !important;
text-align: left !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .warehouse-transfer-header-two {
font-size: 10px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .warehouse-transfer-items .warehouse-transfer-table .ant-table-tbody > tr > td {
font-size: 10px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .warehouse-transfer-items .warehouse-transfer-table .ant-table-tbody > tr > td .ant-list-item .ant-list-item-meta-content h4 {
font-size: 10px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .warehouse-transfer-items .warehouse-transfer-table .ant-table-thead th {
font-size: 10px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .signature-container {
text-align: center !important;
width: 100%; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .signature-container .signature-section {
height: 40px !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .signature-container .signature {
font-size: 8px !important;
border-top: 1px solid #707070 !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .signature-container .signature-large {
font-size: 10px !important;
border-top: 1px solid #707070 !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .signature-container .signature-data {
font-size: 8px !important;
text-align: left !important; }
.editWarehouseTransferTemplate .warehouse-transfer-container.text-size-large .signature-container .signature-data-large {
font-size: 10px !important;
text-align: left !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details {
border-radius: 4px !important;
font-size: 14px !important;
margin-bottom: 0 !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .body.set-light {
margin-bottom: 12px !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .ant-form-item {
margin-bottom: 0 !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .ant-checkbox + span {
color: #0c2028 !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .ant-select {
margin-bottom: 12px !important;
color: #0c2028 !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .ant-divider {
margin-top: 14px !important;
margin-bottom: 18px !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .hvrbox {
height: 115px !important;
width: 115px !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .hvrbox img {
object-fit: contain; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .qr-code-size-input-number,
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .barcode-size-input-number {
width: 100%;
display: inline-flex !important; }
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .qr-code-size-input-number .ant-input-number,
.editWarehouseTransferTemplate .un-box-flat.warehouse-transfer-details .barcode-size-input-number .ant-input-number {
width: 100%;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.editPurchaseOrderTemplate .einvoice-container {
height: fit-content !important;
min-height: 800px !important;
margin: 0 auto !important;
background-color: #ffffff !important;
border: 1px solid #707070 !important;
padding: 17px 18px !important;
color: #38484f !important;
width: 100%; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-header .logo-container {
width: 60px;
border: 1px solid #d4d4d4 !important; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-header .logo-container img {
object-fit: contain !important;
width: 100%;
height: 100%; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-header .einvoice-header-right {
text-align: right; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-header .einvoice-header-right .einvoice-header-title {
text-transform: uppercase;
font-size: 14px;
font-weight: bold; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-header-two,
.editPurchaseOrderTemplate .einvoice-container .einvoice-header-three {
margin-top: 15px;
font-size: 8px; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-items {
margin-top: 15px !important; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-items .einvoice-table {
margin-top: 14px !important;
margin-bottom: 16px !important;
overflow-x: unset !important; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-items .einvoice-table .ant-table-tbody > tr > td {
padding: 4px !important;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
vertical-align: top !important; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-items .einvoice-table .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-items .einvoice-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-items .einvoice-table .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important; }
.editPurchaseOrderTemplate .einvoice-container .einvoice-items .einvoice-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.editPurchaseOrderTemplate .einvoice-container .signature-container {
text-align: center !important;
width: 100%; }
.editPurchaseOrderTemplate .einvoice-container .signature-container .signature-section {
height: 40px !important; }
.editPurchaseOrderTemplate .einvoice-container .signature-container .signature {
font-size: 8px !important;
border-top: 1px solid #707070 !important; }
.editPurchaseOrderTemplate .einvoice-container .signature-container .signature-large {
font-size: 10px !important;
border-top: 1px solid #707070 !important; }
.editPurchaseOrderTemplate .einvoice-container .signature-container .signature-data {
font-size: 8px !important;
text-align: left !important; }
.editPurchaseOrderTemplate .einvoice-container .signature-container .signature-data-large {
font-size: 10px !important;
text-align: left !important; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .einvoice-header-two,
.editPurchaseOrderTemplate .einvoice-container.text-size-large .einvoice-header-three {
font-size: 10px !important; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .einvoice-items .einvoice-table .ant-table-tbody > tr > td {
font-size: 10px !important; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .einvoice-items .einvoice-table .ant-table-thead th {
font-size: 10px !important; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .signature-container {
text-align: center !important;
width: 100%; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .signature-container .signature-section {
height: 40px !important; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .signature-container .signature {
font-size: 8px !important;
border-top: 1px solid #707070 !important; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .signature-container .signature-large {
font-size: 10px !important;
border-top: 1px solid #707070 !important; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .signature-container .signature-data {
font-size: 8px !important;
text-align: left !important; }
.editPurchaseOrderTemplate .einvoice-container.text-size-large .signature-container .signature-data-large {
font-size: 10px !important;
text-align: left !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details {
border-radius: 4px !important;
font-size: 14px !important;
margin-bottom: 0 !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .body.set-light {
margin-bottom: 12px !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .ant-form-item {
margin-bottom: 0 !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .ant-checkbox + span {
color: #0c2028 !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .ant-select {
margin-bottom: 12px !important;
color: #0c2028 !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .ant-divider {
margin-top: 14px !important;
margin-bottom: 18px !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .hvrbox {
height: 115px !important;
width: 115px !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .hvrbox img {
object-fit: contain; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .qr-code-size-input-number,
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .barcode-size-input-number {
width: 100%;
display: inline-flex !important; }
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .qr-code-size-input-number .ant-input-number,
.editPurchaseOrderTemplate .un-box-flat.einvoice-details .barcode-size-input-number .ant-input-number {
width: 100%;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.editQuotationTemplate .quotation-container {
height: fit-content !important;
min-height: 800px !important;
margin: 0 auto !important;
background-color: #ffffff !important;
border: 1px solid #707070 !important;
padding: 17px 18px !important;
color: #38484f !important;
width: 100%; }
.editQuotationTemplate .quotation-container .quotation-header .logo-container {
width: 60px;
height: fit-content;
border: 1px solid #d4d4d4 !important;
margin-right: 6px; }
.editQuotationTemplate .quotation-container .quotation-header .logo-container img {
object-fit: contain !important;
width: 100%;
height: 100%; }
.editQuotationTemplate .quotation-container .quotation-header .store {
text-align: left !important;
margin-bottom: 0 !important;
align-content: flex-start !important; }
.editQuotationTemplate .quotation-container .quotation-header .store .store-name {
font-size: 10px !important;
font-weight: bold !important;
line-height: 14px !important;
margin-bottom: 4px !important; }
.editQuotationTemplate .quotation-container .quotation-header .store .store-name-large {
font-size: 12px !important; }
.editQuotationTemplate .quotation-container .quotation-header .store .store-address {
font-size: 8px !important;
line-height: 12px !important; }
.editQuotationTemplate .quotation-container .quotation-header .store .store-address-large {
font-size: 10px !important;
line-height: 14px !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-header-right {
text-align: right; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-header-right .quotation-header-title {
text-transform: uppercase;
font-size: 14px;
font-weight: bold; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details {
font-size: 8px !important;
line-height: 12px !important;
align-items: flex-start !important;
align-content: flex-start !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details .quotation-label {
text-align: right !important;
padding-right: 4px !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details .quotation-value {
text-align: left !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details .code-display {
margin: 5px 0 !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details .code-display > div {
overflow: hidden !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details-large {
font-size: 10px !important;
line-height: 14px !important;
align-items: flex-start !important;
align-content: flex-start !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details-large .quotation-label {
text-align: right !important;
padding-right: 4px !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details-large .quotation-value {
text-align: left !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details-large .code-display {
margin: 5px 0 !important; }
.editQuotationTemplate .quotation-container .quotation-header .quotation-details-large .code-display > div {
overflow: hidden !important; }
.editQuotationTemplate .quotation-container .quotation-header .customer-address {
margin-top: 20px; }
.editQuotationTemplate .quotation-container .quotation-header .customer-address .customer-address-header {
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important; }
.editQuotationTemplate .quotation-container .quotation-header .customer-address .customer-address-header-large {
font-size: 10px !important;
line-height: 14px !important;
color: #38484f !important; }
.editQuotationTemplate .quotation-container .quotation-header .customer-address .customer-address-content {
font-size: 8px !important;
line-height: 12px !important; }
.editQuotationTemplate .quotation-container .quotation-header .customer-address .customer-address-content-large {
font-size: 10px !important;
line-height: 14px !important; }
.editQuotationTemplate .quotation-container .quotation-products {
margin-top: 15px !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table {
position: relative;
overflow-x: unset !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr > td {
padding: 6px !important;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
vertical-align: top !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr > td .ant-list-item {
padding: 0 !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr > td .ant-list-item .ant-list-item-meta-avatar {
margin-right: 6px !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr > td .ant-list-item .ant-list-item-meta-content h4 {
font-size: 8px !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr:nth-child(4) > td,
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr:nth-child(6) > td {
border-bottom: none !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr:nth-child(5) > td:nth-child(1),
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr:nth-child(5) > td:nth-child(2) {
border-bottom: none !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-tbody > tr:nth-child(6) > td {
font-size: 10px !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px 6px !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.editQuotationTemplate .quotation-container .quotation-products .products-table .remark {
position: absolute;
bottom: 0;
width: 250px;
height: 65px;
background: #fafafb !important;
font-size: 8px !important;
color: #38484f !important;
padding: 6px !important; }
.editQuotationTemplate .quotation-container .quotation-products .term {
margin-top: 10px;
height: fit-content;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important; }
.editQuotationTemplate .quotation-container .quotation-products .term1 p {
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
padding: 0 !important; }
.editQuotationTemplate .quotation-container.text-size-large .quotation-header .quotation-header-right .quotation-header-title {
font-size: 16px !important; }
.editQuotationTemplate .quotation-container.text-size-large .quotation-products .products-table .ant-table-thead > tr > th {
font-size: 10px !important; }
.editQuotationTemplate .quotation-container.text-size-large .quotation-products .products-table .ant-table-tbody > tr > td {
font-size: 10px !important; }
.editQuotationTemplate .quotation-container.text-size-large .quotation-products .products-table .ant-table-tbody > tr > td .ant-list-item .ant-list-item-meta-content h4 {
font-size: 10px !important; }
.editQuotationTemplate .quotation-container.text-size-large .quotation-products .products-table .ant-table-tbody > tr:nth-child(6) > td {
font-size: 12px !important; }
.editQuotationTemplate .quotation-container.text-size-large .quotation-products .products-table .remark {
font-size: 10px !important; }
.editQuotationTemplate .quotation-container.text-size-large .quotation-products .term,
.editQuotationTemplate .quotation-container.text-size-large .quotation-products .term1 p {
font-size: 10px !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details {
border-radius: 4px !important;
font-size: 14px !important;
margin-bottom: 0 !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .body.set-light {
margin-bottom: 12px !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .ant-form-item {
margin-bottom: 0 !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .ant-checkbox + span {
color: #0c2028 !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .ant-select {
margin-bottom: 12px !important;
color: #0c2028 !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .ant-divider {
margin-top: 14px !important;
margin-bottom: 18px !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .hvrbox {
height: 115px !important;
width: 115px !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .hvrbox img {
object-fit: contain; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .qr-code-size-input-number,
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .barcode-size-input-number {
width: 100%;
display: inline-flex !important; }
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .qr-code-size-input-number .ant-input-number,
.editQuotationTemplate .un-box-flat.warehouse-transfer-details .barcode-size-input-number .ant-input-number {
width: 100%;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.un-section-title {
margin-bottom: 12px !important; } }
@media (min-width: 1024px) {
.localisations-currencies {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.localisations-currencies .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.localisations-currencies .header-buttons .b-btn,
.localisations-currencies .header-buttons .b-btn:hover,
.localisations-currencies .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.localisations-currencies .header-buttons .b-btn i,
.localisations-currencies .header-buttons .b-btn:hover i,
.localisations-currencies .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.localisations-currencies .currency-table {
overflow-x: auto; }
.localisations-currencies .currency-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.localisations-currencies .currency-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.localisations-currencies .currency-table table thead {
background-color: #fafafb !important; }
.localisations-currencies .currency-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.localisations-currencies .currency-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.localisations-currencies .currency-table .un-text-truncate {
font-weight: bold !important; }
.localisations-currencies .currency-table .un-light-label {
font-size: 14px !important; }
@media (min-width: 1024px) {
.localisations-weightClasses {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.localisations-weightClasses .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.localisations-weightClasses .header-buttons .b-btn,
.localisations-weightClasses .header-buttons .b-btn:hover,
.localisations-weightClasses .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.localisations-weightClasses .header-buttons .b-btn i,
.localisations-weightClasses .header-buttons .b-btn:hover i,
.localisations-weightClasses .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.localisations-weightClasses .weight-table {
overflow-x: auto; }
.localisations-weightClasses .weight-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.localisations-weightClasses .weight-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.localisations-weightClasses .weight-table table thead {
background-color: #fafafb !important; }
.localisations-weightClasses .weight-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.localisations-weightClasses .weight-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.localisations-weightClasses .weight-table .un-text-truncate {
font-weight: bold !important; }
.localisations-weightClasses .weight-table .un-light-label {
font-size: 14px !important; }
.weightClasses-addWeightClass .ant-input-affix-wrapper {
border-radius: 4px;
padding: 0 11px;
height: 33px; }
.weightClasses-addWeightClass .ant-input-affix-wrapper > input.ant-input {
padding: 0;
border: none;
outline: none;
height: 31px !important; }
@media (min-width: 1024px) {
.localisations-lengthClasses {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.localisations-lengthClasses .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.localisations-lengthClasses .header-buttons .b-btn,
.localisations-lengthClasses .header-buttons .b-btn:hover,
.localisations-lengthClasses .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.localisations-lengthClasses .header-buttons .b-btn i,
.localisations-lengthClasses .header-buttons .b-btn:hover i,
.localisations-lengthClasses .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.localisations-lengthClasses .length-table {
overflow-x: auto; }
.localisations-lengthClasses .length-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.localisations-lengthClasses .length-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.localisations-lengthClasses .length-table table thead {
background-color: #fafafb !important; }
.localisations-lengthClasses .length-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.localisations-lengthClasses .length-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.localisations-lengthClasses .length-table .un-text-truncate {
font-weight: bold !important; }
.localisations-lengthClasses .length-table .un-light-label {
font-size: 14px !important; }
.lengthClasses-addLengthClass .ant-input-affix-wrapper {
border-radius: 4px;
padding: 0 11px;
height: 33px; }
.lengthClasses-addLengthClass .ant-input-affix-wrapper > input.ant-input {
padding: 0;
border: none;
outline: none;
height: 31px !important; }
.checkout .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.checkout .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.checkout .header-buttons .b-btn,
.checkout .header-buttons .b-btn:hover,
.checkout .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.checkout .header-buttons .b-btn i,
.checkout .header-buttons .b-btn:hover i,
.checkout .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.checkout .radio-group span.ant-radio + * {
padding-left: 16px; }
.checkout .radio-group .caption-large {
padding-left: 32px;
margin-bottom: -8px; }
.checkout .radio-group .radio-item {
height: 30px; }
.checkout .un-form-setting .ant-legacy-form-item {
margin-bottom: 0 !important; }
.checkout .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.checkout .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.checkout .un-section-title {
margin-bottom: 12px !important; } }
.checkout .ant-radio-checked .ant-radio-inner {
border-color: #5acc5a !important; }
.checkout .ant-radio-inner::after {
background-color: #5acc5a !important; }
.checkout .abdcart-message {
color: red;
margin-bottom: 15px;
font-style: italic;
font-size: 13px; }
.checkout .ant-divider-horizontal {
margin: 0 !important; }
.checkout .color-pane {
display: inline-flex;
width: 176px;
height: 29px !important;
border: 1px solid #d4d4d4;
border-radius: 4px;
padding: 0; }
.checkout .color-pane .color-box {
width: 47% !important;
height: 27px !important;
border-right: 1px solid #d4d4d4;
border-radius: 4px 0 0 4px;
border-left: none;
border-top: none;
border-bottom: none; }
.checkout .color-pane .color-code {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
padding: 0px 12px;
line-height: 27px !important;
font-size: 14px;
color: #0c2028;
text-transform: uppercase;
height: 27px !important;
border: none;
border-radius: 0 !important; }
.checkout .color-pane .color-code input {
height: 25px !important;
border: none !important;
width: 100px !important;
color: #0c2028 !important; }
.checkout .color-pane .color-remove {
cursor: pointer;
padding-right: 8px;
line-height: 27px !important;
font-size: 16px;
color: #90999d; }
.checkout .button-remark {
display: flex;
padding: 6px 12px;
font-size: 14px;
color: #647176;
background-color: #f6f6f6;
border: 1px solid #d4d4d4; }
.checkout .button-remark svg {
width: 18px !important;
min-width: 18px !important;
height: 18px !important;
margin-right: 8px; }
.checkout .field-form-table {
overflow-x: auto; }
.checkout .field-form-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.checkout .field-form-table .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.checkout .field-form-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.checkout .field-form-table .ant-table .action i:not(:last-child) {
margin-right: 10px; }
.checkout .field-form-table .ant-table i {
cursor: pointer !important;
font-size: 20px !important; }
.checkout .field-form-table table thead {
background-color: transparent !important; }
.checkout .field-form-table .ant-table-thead th {
background: transparent 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.checkout .field-form-table .ant-table-thead > tr > th {
border-bottom: none !important;
vertical-align: baseline !important; }
.checkout .field-form-table .un-text-truncate {
font-weight: bold !important; }
.checkout .field-form-table .un-light-label {
font-size: 14px !important; }
.checkout .field-form-table .ant-form-item {
margin-bottom: 0; }
.checkout .field-form-table .ant-select {
width: 218px !important; }
.checkout .field-form-table .radio-btn-header {
width: 120px !important; }
.checkout .field-form-table .ant-radio-wrapper {
width: 120px !important;
margin-right: 0 !important; }
.checkout .field-form-table .ant-radio-wrapper.hide-radio .ant-radio {
display: none !important; }
.checkout .field-form-table .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
background-color: #90999d !important;
border-color: #90999d !important; }
.checkout .field-form-table .ant-checkbox-disabled.ant-checkbox-checked::after {
border-color: #90999d !important;
border-top-color: #90999d !important;
border-right-color: #90999d !important;
border-bottom-color: #90999d !important;
border-left-color: #90999d !important; }
.checkout .field-form-table .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
border-color: #fff !important; }
.checkout .field-form-table .ant-checkbox-disabled .ant-checkbox-inner {
background-color: #e2e2e2 !important;
border-color: #d9d9d9 !important; }
#checkoutLayoutDesign {
display: flex !important;
margin-bottom: 20px; }
#checkoutLayoutDesign .row {
align-items: flex-start; }
#checkoutLayoutDesign .ant-radio-wrapper {
white-space: pre-wrap !important;
display: flex;
align-items: flex-start; }
#checkoutLayoutDesign img {
width: 85% !important;
margin-left: 20px;
margin-bottom: 12px; }
.taxes .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.taxes .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.taxes .header-buttons .b-btn,
.taxes .header-buttons .b-btn:hover,
.taxes .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.taxes .header-buttons .b-btn i,
.taxes .header-buttons .b-btn:hover i,
.taxes .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.taxes .header-buttons .setting-btn {
margin-left: auto;
margin-right: 0; }
.taxes .taxes-table {
overflow-x: auto; }
.taxes .taxes-table .country img {
height: 13px;
width: 22px;
margin-right: 12px; }
.taxes .taxes-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.taxes .taxes-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.taxes .taxes-table table thead {
background-color: #fafafb !important; }
.taxes .taxes-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.taxes .taxes-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.taxes .taxes-table .un-text-truncate {
font-weight: bold !important; }
.taxes .taxes-table .un-light-label {
font-size: 14px !important; }
.taxes .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.taxes .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.taxes .un-section-title {
margin-bottom: 12px !important; } }
@media (min-width: 1024px) {
.taxes-add-edit {
width: 816px !important;
margin: 0 auto !important; } }
.taxes-add-edit .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.taxes-add-edit .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
margin: 0 auto; } }
.taxes-add-edit .header-buttons .b-btn,
.taxes-add-edit .header-buttons .b-btn:hover,
.taxes-add-edit .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.taxes-add-edit .header-buttons .b-btn i,
.taxes-add-edit .header-buttons .b-btn:hover i,
.taxes-add-edit .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.taxes-add-edit .header-buttons .setting-btn {
margin-left: auto;
margin-right: 0; }
.taxes-add-edit .un-form-setting .ant-legacy-form-item-label {
padding-bottom: 0px !important;
margin-bottom: 4px !important; }
.taxes-add-edit .delete-tax {
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176; }
.taxes-add-edit .delete-tax .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.taxes-add-edit .delete-taxg:hover {
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #e0241a; }
.taxes-add-edit .delete-taxg:hover .feather-trash-2 {
color: #e0241a !important;
font-size: 13px;
margin-right: 4px; }
.taxes-add-edit .country {
height: 13px;
width: 22px;
margin-right: 12px; }
.taxes-add-edit .th-tax {
background: #fafafb 0% 0% no-repeat padding-box;
padding-top: 8px;
padding-bottom: 8px;
font-size: 12px !important;
height: 30px; }
.taxes-add-edit .no-tax {
border: 1px solid #e5e5e5;
border-radius: 4px;
background: none !important;
font-size: 12px !important;
height: 33px; }
.taxes-add-edit .row {
align-items: flex-start !important; }
.taxes-add-edit .td-tax {
font-size: 14px !important;
color: #0c2028; }
.taxes-add-edit .un-box-flat.transparent {
background: none !important;
border: none !important;
padding: 0 12px !important;
margin-bottom: 20px !important; }
.taxes-add-edit .un-box-flat.manage-button {
padding-top: 8px !important;
padding-bottom: 8px !important;
border: 2px dashed #e5e5e5 !important;
text-align: center;
color: #007ce0 !important;
text-transform: capitalize;
cursor: pointer; }
.ant-select-item-option-content .country {
height: 13px;
width: 22px;
margin-right: 12px; }
@media (min-width: 1024px) {
.tax-settings {
width: 644px !important;
margin: 0 auto !important; } }
.tax-settings .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.tax-settings .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.tax-settings .header-buttons .b-btn,
.tax-settings .header-buttons .b-btn:hover,
.tax-settings .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.tax-settings .header-buttons .b-btn i,
.tax-settings .header-buttons .b-btn:hover i,
.tax-settings .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.tax-settings .un-form-setting .ant-form-item-label > label {
color: #38484f !important;
font-size: 14px !important;
font-weight: normal !important;
margin-bottom: 8px; }
.tax-settings .un-form-setting .radio-group span.ant-radio + * {
color: #0c2028 !important;
padding-left: 16px; }
.tax-settings .un-form-setting .radio-group .body {
padding-left: 32px;
margin-bottom: -8px; }
.tax-settings .un-form-setting .radio-group .radio-item {
height: 30px; }
.tax-settings .un-form-setting .radio-group .ant-radio-checked .ant-radio-inner {
border-color: #5acc5a !important; }
.tax-settings .un-form-setting .radio-group .ant-radio-inner::after {
background-color: #5acc5a !important; }
.tax-settings .un-form-setting .checkbox-group .ant-checkbox-wrapper {
color: #0c2028 !important;
height: 30px; }
.tax-settings .un-form-setting .checkbox-group .ant-checkbox + span {
padding-right: 8px;
padding-left: 13px; }
.tax-settings .un-form-setting .checkbox-group .body {
padding-left: 31px;
margin-top: -10px;
margin-bottom: 10px; }
.tax-settings .un-form-setting .checkbox-group .ant-checkbox,
.tax-settings .un-form-setting .checkbox-group .ant-checkbox-input,
.tax-settings .un-form-setting .checkbox-group .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.tax-settings .un-form-setting .checkbox-group .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
@media (min-width: 1024px) {
.store-locator,
.store-locator-form {
width: 816px !important;
margin: 0 auto !important; } }
.store-locator .header-buttons,
.store-locator-form .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.store-locator .header-buttons .b-btn,
.store-locator .header-buttons .b-btn:hover,
.store-locator .header-buttons .b-btn:focus,
.store-locator-form .header-buttons .b-btn,
.store-locator-form .header-buttons .b-btn:hover,
.store-locator-form .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.store-locator .header-buttons .b-btn i,
.store-locator .header-buttons .b-btn:hover i,
.store-locator .header-buttons .b-btn:focus i,
.store-locator-form .header-buttons .b-btn i,
.store-locator-form .header-buttons .b-btn:hover i,
.store-locator-form .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.store-locator .header-buttons .outline-btn,
.store-locator .header-buttons .outline-btn:focus,
.store-locator .header-buttons .outline-btn:hover,
.store-locator-form .header-buttons .outline-btn,
.store-locator-form .header-buttons .outline-btn:focus,
.store-locator-form .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.store-locator .unicart-filter,
.store-locator-form .unicart-filter {
margin-top: 0 !important; }
.store-locator .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.store-locator .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.store-locator .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.store-locator .store .store-img {
border-radius: 4px;
overflow: hidden;
margin-right: 12px; }
.store-locator .store .store-img img {
width: 133px;
height: 100px;
object-fit: cover; }
.store-locator .unicart-table .ant-table-thead > tr > th,
.store-locator .unicart-table .ant-table-tbody > tr > td {
padding: 20px 24px !important; }
.store-locator .unicart-table .ant-table-thead > tr > th:last-child,
.store-locator .unicart-table .ant-table-tbody > tr > td:last-child {
padding-left: 0 !important; }
.store-locator .sorting {
text-align: center; }
.store-locator .ant-input-number-handler-wrap {
display: none; }
.store-locator-form .delete-store {
width: fit-content;
margin-left: auto;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176; }
.store-locator-form .delete-store .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.store-locator-form .delete-store:hover {
color: #e0241a; }
.store-locator-form .delete-store:hover .feather-trash-2 {
color: #e0241a !important; }
.store-locator-form .image-upload .extra-msg {
color: #647176;
font-size: 12px; }
.store-locator-form .image-upload .ant-form-item-control-input-content {
height: 102px; }
.store-locator-form .image-upload .ant-form-item-control-input-content .ant-upload.ant-upload-select-picture-card {
background-color: #fafafb;
border-color: #007ce0 !important;
width: 133px !important;
height: 100px !important; }
.store-locator-form .image-upload .ant-form-item-control-input-content .ant-upload.ant-upload-select-picture-card .upload-placeholder {
width: 133px;
height: 100px;
padding-top: 25% !important; }
.store-locator-form .image-upload .ant-form-item-control-input-content img {
height: 100px;
object-fit: cover; }
.store-locator-form .sorting .ant-input-number {
width: 100%; }
.store-locator-form .address-fields {
margin-bottom: 8px; }
.store-locator-form .address-fields .ant-form-item {
height: fit-content;
margin-bottom: 12px !important; }
@media (max-width: 575px) {
.store-locator-form .ant-form-item-label,
.store-locator-form .ant-form-item-control {
flex: 1 !important; } }
.store-locator-form .business-hours .time-range-input-container .ant-form-item-control-input-content {
display: inline-flex;
align-items: center; }
.store-locator-form .business-hours .time-range-input-container .ant-form-item-control-input-content .action {
cursor: pointer; }
.store-locator-form .google-map-link .html-embed.ant-form-item {
margin-bottom: 12px !important; }
.store-locator-form .google-map-link .google-map-container {
height: fit-content; }
.store-locator-form .google-map-link .google-map-container .html-preview {
height: 200px !important;
text-align: center;
background-color: #fafafb !important; }
.store-locator-form .google-map-link .google-map-container iframe {
border: 0 !important;
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important;
border-radius: 4px !important;
border: 1px solid #d4d4d4 !important; }
.settings-package .un-form-setting label {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
.settings-package .un-form-setting .ant-legacy-form-item-label {
padding-bottom: 0px !important;
margin-bottom: 0px !important; }
.settings-package .un-form-setting label {
color: #38484f !important;
margin-bottom: 0 !important; }
.settings-package .un-form-setting .ant-form-item-label {
padding-top: 0px !important; }
.settings-package .header-buttons {
min-width: 816px !important;
max-width: none !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 64px !important; }
.settings-package .header-buttons .b-btn,
.settings-package .header-buttons .b-btn:hover,
.settings-package .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.settings-package .header-buttons .b-btn i,
.settings-package .header-buttons .b-btn:hover i,
.settings-package .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.package-group-parent-div .ant-btn.active,
.package-group-parent-div .ant-btn:hover,
.package-group-parent-div .ant-btn:focus {
color: white !important;
border-color: #55ce63 !important;
background: #55ce63 !important; }
.package-module-div .hide {
display: none; }
.mauto {
margin: auto 0px; }
.un-tooltip-override {
padding-left: 20px;
padding-right: 20px; }
.permission-block .ant-row.ant-form-item {
padding-bottom: 0px; }
.permission-block .ant-divider-horizontal {
margin: 20px 0; }
.permission-container {
display: flex;
width: fit-content;
width: -moz-fit-content;
height: 33px !important; }
.permission-container .ant-legacy-form-vertical .ant-legacy-form-item {
padding-bottom: 0px !important; }
.permission-container .un-form .ant-legacy-form-item {
margin-bottom: 0px !important; }
.package-group-div {
border: 1px solid #e8e8e8; }
.package-group-div .group-header {
padding: 16px;
text-align: center;
border-bottom: 1px solid #e8e8e8;
font-weight: 500; }
.package-group-div .group-body {
padding: 24px;
text-align: center;
display: grid; }
.package-group-div .group-body .ant-btn {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.permission-setting-block .ant-form-item-control {
line-height: 40px !important; }
@media (max-width: 480px) {
.ant-radio-button-wrapper {
padding: 0px 10px !important; } }
.un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.un-section-title {
margin-bottom: 12px !important; } }
.new-storeCountry .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.new-storeCountry .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.new-storeCountry .header-buttons .b-btn,
.new-storeCountry .header-buttons .b-btn:hover,
.new-storeCountry .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-storeCountry .header-buttons .b-btn i,
.new-storeCountry .header-buttons .b-btn:hover i,
.new-storeCountry .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-storeCountry .zone-country .ant-legacy-form-item {
padding-bottom: 0 !important;
margin-bottom: 12px !important; }
.new-storeCountry .zone-country .ant-legacy-form-item-with-help .ant-select-selector {
border: none !important; }
.new-storeCountry .zone-country .search-country .ant-input-affix-wrapper {
line-height: 33px;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.new-storeCountry .zone-country .search-country .ant-input-affix-wrapper > input.ant-input {
margin-left: 25px !important; }
.new-storeCountry .zone-country .search-country .feather-search {
color: #90999d;
font-size: 20px;
padding-left: 10px;
position: absolute;
left: 0;
top: 5px; }
.new-storeCountry .zone-country .search-country .primary-btn {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
padding: 8px 12px !important; }
.new-storeCountry .zone-country .search-country .filCoun-checkbox {
width: 33.33%; }
.new-storeCountry .no-margin-bottom-form .ant-form-item {
margin-bottom: 0px !important; }
.new-storeCountry .not-allow-delete:hover {
color: #647176 !important;
cursor: not-allowed !important; }
.new-storeCountry .middle-floating-text {
line-height: 33px; }
.new-storeCountry .weight-input {
text-align: center;
width: 20%; }
.my-account .col-12 {
height: fit-content !important; }
.my-account .un-box-flat {
height: fit-content !important;
margin-bottom: 20px !important; }
.my-account .greeting {
font-size: 14px !important;
font-style: italic;
color: #647176;
margin-left: 15px;
margin-bottom: 3px; }
.my-account #your-plan .container-with-btn {
width: 100%;
margin-bottom: 20px; }
.my-account #your-plan .container-with-btn .plan-btn {
width: 100%;
display: flex;
justify-content: space-between; }
.my-account #your-plan .container-with-btn .plan-btn .plan {
font-size: 18px;
color: #0c2028;
font-weight: bold;
display: flex;
align-items: center; }
.my-account #your-plan .container-with-btn .remark {
width: 100%;
display: flex; }
.my-account #your-plan .container-with-btn .remark .count {
color: #0c2028;
font-weight: 500;
font-size: 12px; }
.my-account #your-plan .container-with-btn .remark .desc {
color: #647176;
font-size: 12px; }
.my-account #your-plan .container-with-c-prog {
width: 100%;
background-color: #fafafb;
padding: 16px 16px 20px 16px;
border-radius: 12px;
margin-bottom: 8px; }
.my-account #your-plan .container-with-c-prog #chart .custom-data-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center; }
.my-account #your-plan .container-with-c-prog #chart .custom-data-label .data-item {
width: 100%;
display: flex;
align-items: center; }
.my-account #your-plan .container-with-c-prog #chart .custom-data-label .data-item .dot {
margin-right: 4px;
margin-top: unset; }
.my-account #your-plan .container-with-c-prog .data-item {
width: 100%;
display: flex; }
.my-account #your-plan .container-with-c-prog .data-item .dot {
height: 7px;
width: 7px;
min-width: 7px;
border-radius: 50%;
margin-right: 8px;
margin-top: 7px;
background-image: unset !important;
background-size: unset !important;
margin-left: unset !important; }
.my-account #your-plan .container-with-c-prog .data-item .dot.order {
background-color: #007ce0; }
.my-account #your-plan .container-with-c-prog .data-item .dot.add-on-order {
background-color: #5acc5a; }
.my-account #your-plan .container-with-c-prog .data-item .label-value {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 4px; }
.my-account #your-plan .container-with-c-prog .data-item .remark-list {
width: 100%;
margin-bottom: 12px; }
.my-account #your-plan .container-with-c-prog .data-item .remark-list .remark {
width: 100%;
display: flex;
margin-bottom: 4px;
white-space: nowrap; }
.my-account #your-plan .container-with-c-prog .data-item .remark-list .remark .count {
color: #0c2028;
font-weight: normal !important;
font-size: 10px !important; }
.my-account #your-plan .container-with-c-prog .data-item .remark-list .remark .desc {
color: #647176;
font-size: 10px !important; }
.my-account #your-plan .container-with-c-prog .primary-btn,
.my-account #your-plan .container-with-c-prog .outline-btn {
width: 100% !important; }
.my-account #your-plan .container-usage-limit {
width: 100%;
background-color: #fafafb;
padding: 16px 16px 20px 16px;
border-radius: 12px;
margin-bottom: 8px; }
.my-account #your-plan .container-usage-limit .container-with-l-prog {
width: 100%;
padding: 8px 0;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 8px; }
.my-account #your-plan .container-usage-limit .container-with-l-prog:last-child {
border-bottom: none !important; }
.my-account #your-plan .container-usage-limit .container-with-l-prog .label-value {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 4px; }
.my-account #your-plan .container-usage-limit .container-with-l-prog .caption {
font-size: 10px !important; }
.my-account #your-plan .container-usage-limit .container-with-l-prog .ant-progress-inner {
background-color: #e5e5e5 !important; }
.my-account #wallet-balance .container-with-btn {
width: 100%;
margin-bottom: 12px; }
.my-account #wallet-balance .container-with-btn .plan-btn {
width: 100%;
display: flex;
justify-content: space-between; }
.my-account #wallet-balance .container-with-btn .plan-btn .plan {
font-size: 26px;
color: #0c2028;
font-weight: bold;
display: flex;
align-items: center;
text-transform: capitalize; }
.my-account #wallet-balance .container-with-btn .remark {
width: 100%;
display: flex;
align-items: center; }
.my-account #wallet-balance .container-with-btn .remark .count {
color: #0c2028;
font-weight: normal !important;
font-size: 12px !important; }
.my-account #wallet-balance .container-with-btn .remark .desc {
color: #647176;
font-size: 12px !important; }
.my-account #wallet-balance .ant-collapse {
background: none !important;
border: none !important;
padding: 0 !important; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item {
border: none !important; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-header {
width: fit-content !important;
background: none !important;
border: none !important;
padding: 0 !important; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
right: -15px !important;
font-size: 10px !important;
color: #647176 !important; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content {
border: none !important; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
padding: 0 !important; }
@media (min-width: 1440px) {
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart {
width: 400px;
margin: 0 auto; } }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .apexcharts-legend {
padding: 0 !important; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .apexcharts-legend .apexcharts-legend-series {
cursor: pointer;
line-height: normal;
display: flex;
align-items: baseline; }
@media (min-width: 1440px) {
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .apexcharts-legend .apexcharts-legend-series {
max-width: 160px !important; } }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-marker {
display: block;
height: 7px !important;
width: 7px !important;
min-width: 7px !important;
margin-bottom: 1px;
margin-right: 8px; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
display: block; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .custom-donut-data-label {
width: 77px !important;
position: absolute;
text-align: center;
top: 25%;
left: 50%;
transform: translate(-50%, 0); }
@media (min-width: 1440px) {
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .custom-donut-data-label {
top: 32%;
left: 17.5%;
transform: unset; } }
@media (max-width: 1024px) {
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .custom-donut-data-label {
top: 20%; } }
@media (max-width: 442px) {
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .custom-donut-data-label {
top: 25%; } }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box #chart .custom-donut-data-label .caption-s {
font-size: 10px !important;
word-break: break-word; }
.my-account #wallet-balance .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .feather-info {
display: block;
width: fit-content;
font-size: 14px;
color: #90999d;
margin-left: auto;
cursor: pointer; }
.my-account #add-on .container-with-btn {
width: 100%;
margin-bottom: 8px; }
.my-account #add-on .container-with-btn .plan-btn {
width: 100%;
display: flex;
justify-content: space-between; }
.my-account #add-on .container-with-btn .plan-btn .plan {
font-size: 26px;
color: #0c2028;
font-weight: bold;
display: flex;
align-items: center;
text-transform: capitalize; }
.my-account #add-on .ant-collapse {
background: none !important;
border: none !important;
padding: 0 !important; }
.my-account #add-on .ant-collapse .ant-collapse-item {
border: none !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-header {
width: fit-content !important;
background: none !important;
border: none !important;
padding: 0 !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
right: -15px !important;
font-size: 10px !important;
color: #647176 !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content {
border: none !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
padding: 10px 0 0 0 !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list {
width: 100%;
max-height: 123px !important;
overflow-y: auto;
overflow-y: auto !important;
scrollbar-color: #d4d4d4 #ffffff;
scrollbar-width: thin; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list::-webkit-scrollbar-track {
background-color: #ffffff !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list::-webkit-scrollbar {
display: block;
width: 4px;
background-color: #ffffff !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list::-webkit-scrollbar-thumb {
background-color: #d4d4d4 !important;
border: 1px solid #d4d4d4 !important;
border-radius: 12px !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list .ant-list-item {
padding: 0 0 10px 0 !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list .ant-list-item .ant-list-item-meta {
align-items: center; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
margin-right: 8px;
width: 133px;
height: 44px; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar img {
object-fit: contain;
width: 133px;
height: 44px;
margin-left: 0 !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-title {
margin-bottom: 0 !important; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .caption-s {
font-size: 10px !important;
word-break: break-word; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .caption-s .count {
color: #0c2028; }
.my-account #add-on .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .app-list .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .caption-s .desc {
color: #647176; }
.my-account #tabs {
width: 100%; }
.my-account #tabs .myaccount-tabs {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-bar {
position: absolute;
height: 49px !important;
border-bottom: none !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-nav-scroll {
padding-left: 0 !important;
height: 49px !important;
border-bottom: none !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-tab-active.ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 49px !important;
padding: 16px 20px !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
background: none !important;
border: none !important;
border-bottom: 3px solid transparent !important;
height: 49px !important;
padding: 16px 20px !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content {
margin-top: 48px;
border-top: 2px solid #e5e5e5 !important;
color: #0c2028;
font-size: 14px !important;
padding: 20px 0 0 !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-range {
height: 33px !important;
width: 230px !important;
border: 1px solid #d4d4d4;
border-radius: 4px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right: none !important;
background: #ffffff; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-range .ant-picker {
width: 200px !important;
height: 31px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-range .ant-picker-suffix {
position: absolute;
right: 196px;
top: 4px; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-range .ant-picker-suffix .feather-calendar {
font-size: 20px !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-range .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-range .ant-picker-input input {
color: #0c2028 !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-picker-button {
vertical-align: top !important;
height: 33px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
color: #38484f !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-picker-button:hover,
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-picker-button:active,
.my-account #tabs .myaccount-tabs .ant-tabs-content .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .filter-button {
position: relative;
padding: 0;
margin-left: 8px !important;
width: 32px !important;
height: 33px !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .filter-button .dot {
display: none; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .filter-button.filled .dot {
display: block !important;
position: absolute;
top: 3px;
right: 2px;
height: 10px;
width: 10px;
min-width: 10px;
border-radius: 50%;
background-color: #007ce0;
background-image: unset !important;
background-size: unset !important;
margin-left: unset !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .filter-button.filled i {
color: #007ce0 !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .filter-button i {
font-size: 20px;
color: #0c2028; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .filter-button:hover {
border: 1px solid #007ce0; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .myaccount-table .ant-table-tbody > tr > td {
padding: 8px 12px !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .myaccount-table .ant-table-tbody > tr > td .status-tag {
white-space: nowrap; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .myaccount-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .myaccount-table table thead {
background-color: #fafafb !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .myaccount-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .myaccount-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.my-account #tabs .myaccount-tabs .ant-tabs-content .myaccount-table .ant-pagination.with-quick-jumper {
margin-bottom: 0 !important; }
.topup-modal h1 {
font-size: 1.8rem;
display: flex;
justify-content: center;
margin-bottom: 0px; }
.topup-modal .ant-card {
height: 137px;
font-size: 24px;
font-weight: bold;
text-transform: capitalize;
cursor: pointer;
overflow: hidden;
background-color: #f6f6f6 !important;
display: flex;
justify-content: center;
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
line-height: normal; }
.topup-modal .ant-card .ant-card-body {
width: 100%;
padding: 16px !important;
display: flex;
flex-direction: column;
justify-content: space-around; }
.topup-modal .cards-row {
margin-top: 16px !important;
margin-bottom: 16px !important; }
.topup-modal .ant-card.selected {
border: 2px solid #5acc5a !important; }
.topup-modal .topup-modal-note {
font-size: 14px !important;
font-weight: bold; }
.topup-modal .topup-modal-button {
width: 100% !important;
display: inline;
background: #5acc5a;
border-radius: 21px;
color: #fff;
margin: auto;
width: 12rem; }
.credit-pricing-table-modal {
width: 400px !important; }
@media (max-width: 1024px) {
.credit-pricing-table-modal {
max-width: 400px !important; } }
.credit-pricing-table-modal .ant-modal-body {
padding: 20px 20px 0 !important; }
.credit-pricing-table-modal .ant-modal-body .credit-pricing-table {
overflow-x: auto; }
.credit-pricing-table-modal .ant-modal-body .credit-pricing-table .ant-table-tbody > tr > td {
padding: 8px 12px !important;
border: none !important; }
.credit-pricing-table-modal .ant-modal-body .credit-pricing-table .ant-table-tbody .ant-table-row-level-1 .body.set.bold {
font-weight: normal !important;
padding-left: 10px; }
.credit-pricing-table-modal .ant-modal-body .credit-pricing-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.credit-pricing-table-modal .ant-modal-body .credit-pricing-table table thead {
background-color: #fafafb !important; }
.credit-pricing-table-modal .ant-modal-body .credit-pricing-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.credit-pricing-table-modal .ant-modal-body .credit-pricing-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.credit-pricing-table-modal .ant-modal-footer {
border-top: none !important; }
.unlock-order-modal {
width: 400px !important; }
@media (max-width: 1024px) {
.unlock-order-modal {
max-width: 400px !important; } }
.unlock-order-modal .ant-modal-body {
padding: 20px 25px 0 !important; }
.unlock-order-modal .ant-modal-body .ant-radio-group {
margin-bottom: 20px;
display: block; }
.unlock-order-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper {
display: flex !important;
margin-bottom: 8px !important; }
.unlock-order-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .custom-order .ant-input-wrapper {
width: fit-content;
padding: 3px 13px;
border: 1px solid #d9d9d9;
border-radius: 4px;
/* Firefox */ }
.unlock-order-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .custom-order .ant-input-wrapper input[type='number']::-webkit-outer-spin-button,
.unlock-order-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .custom-order .ant-input-wrapper input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.unlock-order-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .custom-order .ant-input-wrapper input[type='number'] {
-moz-appearance: textfield; }
.unlock-order-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .custom-order .ant-input-wrapper .ant-input {
height: 25px !important;
border: none;
padding: 0;
text-align: center; }
.unlock-order-modal .ant-modal-body .ant-radio-group .ant-radio-wrapper .custom-order .ant-input-wrapper .ant-input-group-addon {
border: none;
padding: 1px 0 0 0; }
.unlock-order-modal .ant-modal-body .summary {
width: 100%; }
.unlock-order-modal .ant-modal-body .summary .summary-item {
width: 100%;
display: flex;
color: #0c2028;
margin-bottom: 4px; }
.unlock-order-modal .ant-modal-body .summary .summary-item.warning {
color: #e0241a !important; }
.unlock-order-modal .ant-modal-body .summary .summary-item.warning .summary-label {
width: 100%; }
.unlock-order-modal .ant-modal-body .summary .summary-item.warning .summary-label i {
color: #e0241a !important; }
.unlock-order-modal .ant-modal-body .summary .summary-item .summary-label {
width: 75%; }
.unlock-order-modal .ant-modal-body .summary .summary-item .summary-label i {
font-size: 14px;
color: #90999d;
margin-right: 8px; }
.unlock-order-modal .ant-modal-body .summary .summary-item .summary-value {
width: 25%; }
.unlock-order-modal .ant-modal-body .summary .summary-item .summary-value.red {
font-weight: bold; }
.unlock-order-modal .ant-modal-footer {
border-top: none !important; }
.unlock-order-modal .ant-modal-footer .primary-btn.blue,
.unlock-order-modal .ant-modal-footer .primary-btn.blue:hover,
.unlock-order-modal .ant-modal-footer .primary-btn.blue:focus-visible,
.unlock-order-modal .ant-modal-footer .primary-btn.blue:active {
border: 0.4px solid #007ce0 !important;
background-color: #007ce0 !important;
color: #ffffff !important; }
.email > div {
pointer-events: none; }
.email-template .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.email-template .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.email-template .header-buttons .b-btn,
.email-template .header-buttons .b-btn:hover,
.email-template .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.email-template .header-buttons .b-btn i,
.email-template .header-buttons .b-btn:hover i,
.email-template .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.email-template .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.email-template .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.email-template .un-section-title {
margin-bottom: 12px !important; } }
.email-template .email-table {
overflow-x: unset !important; }
.email-template .email-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.email-template .email-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.email-template .email-table table thead {
background-color: #fafafb !important; }
.email-template .email-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.email-template .email-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.email-template .email-table .un-text-truncate {
font-weight: bold !important; }
.email-template .email-table .un-light-label {
font-size: 14px !important; }
.email-template .un-feather-eye {
padding-top: 6px !important;
padding-right: 22px !important;
color: #647176 !important;
cursor: pointer; }
.email-template .un-box-flat.placeholder {
background-color: #f6f6f6 !important;
padding-top: 12px;
padding-left: 16px;
padding-right: 16px;
padding-bottom: 24px; }
.email-template .un-box-flat.placeholder .ant-divider-horizontal {
margin: 12px 0; }
.email-template .ant-radio-group {
margin-top: 10px; }
.email-preview-modal .ant-modal-body {
padding-right: 0 !important;
max-height: unset !important; }
.email-preview-modal .un-box-flat {
height: 470px !important;
overflow-y: auto;
border: none !important;
margin-bottom: 0;
padding-right: 48px; }
.email-preview-modal .un-box-flat .logo-image {
height: 81px !important;
margin-bottom: 24px; }
.email-preview-modal .un-box-flat .text-1 {
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.email-preview-modal .un-box-flat .text-2 {
margin-bottom: 16px; }
.email-preview-modal .un-box-flat .text-3 {
margin-bottom: 48px; }
.email-preview-modal .un-box-flat .text-4 {
margin-bottom: 8px; }
.email-preview-modal .un-box-flat .text-5 {
text-align: center;
margin-top: 12px; }
.email-preview-modal .un-box-flat .text-6 {
text-align: center; }
.email-preview-modal .un-box-flat .ant-list-item-meta-description {
position: absolute;
bottom: 8px; }
.email-preview-modal .un-box-flat .product-quantity {
padding: 12px 0;
color: #0c2028 !important; }
.email-preview-modal .un-box-flat .product-price {
padding: 12px 0;
color: #0c2028 !important;
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.email-preview-modal .un-box-flat .subject {
padding: 4px 0;
color: #0c2028 !important; }
.email-preview-modal .un-box-flat .subject-cost {
padding: 4px 0;
color: #0c2028 !important;
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.email-preview-modal .un-box-flat .total-col {
background-color: #f6f6f6; }
.email-preview-modal .un-box-flat .total {
padding: 12px 0;
color: #0c2028 !important; }
.email-preview-modal .un-box-flat .total-cost {
padding: 12px 0;
font-weight: bold;
color: #0c2028 !important;
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.email-preview-modal .un-box-flat .primary-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 41px !important;
padding: 8px 24px !important;
border-radius: 4px !important;
font-size: 14px !important;
border: 0.4px solid #5acc5a !important;
background-color: #5acc5a !important;
box-shadow: none !important;
color: #ffffff !important;
text-transform: unset !important;
cursor: default; }
.customize-email-template .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.customize-email-template .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.customize-email-template .header-buttons .b-btn,
.customize-email-template .header-buttons .b-btn:hover,
.customize-email-template .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.customize-email-template .header-buttons .b-btn i,
.customize-email-template .header-buttons .b-btn:hover i,
.customize-email-template .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.customize-email-template .outline-btn {
width: 33px !important;
height: 33px !important;
padding: 4px 5px !important;
border-radius: 50% !important;
font-size: unset !important;
border-color: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
color: #647176 !important; }
.customize-email-template .outline-btn i {
font-size: 20px !important; }
.customize-email-template .outline-btn:hover,
.customize-email-template .outline-btn:focus,
.customize-email-template .outline-btn.selected {
border-color: #e5e5e5 !important;
background-color: #e5e5e5 !important; }
.customize-email-template .email-navigation {
width: fit-content;
width: -moz-fit-content;
margin-top: 4px;
margin-left: auto;
margin-right: 0;
display: flex; }
.customize-email-template .email-navigation .plain-btn {
margin-left: 8px;
background: none !important;
width: 26px !important;
height: 28px !important; }
.customize-email-template .email-navigation .plain-btn i {
color: #90999d !important;
font-size: 26px !important; }
.customize-email-template .email-navigation .plain-btn:hover {
background: none !important; }
.customize-email-template .email-navigation .nav-left,
.customize-email-template .email-navigation .nav-right {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px; }
.customize-email-template .un-box-flat {
background-color: #f6f6f6 !important; }
.customize-email-template .un-box-flat.store-logo {
background-color: #ffffff !important; }
.customize-email-template .un-box-flat.store-logo .ant-upload.ant-upload-select-picture-card,
.customize-email-template .un-box-flat.store-logo .ant-upload.ant-upload-select-picture-card:hover {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.customize-email-template .un-box-flat.email {
background-color: #ffffff !important;
border: none !important;
border-radius: 0 !important;
margin-bottom: 0;
padding: 24px !important; }
.customize-email-template .un-box-flat.email .logo-image {
height: 81px !important;
margin-bottom: 24px; }
.customize-email-template .un-box-flat.email .text-1 {
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.customize-email-template .un-box-flat.email .text-2 {
margin-bottom: 16px; }
.customize-email-template .un-box-flat.email .text-3 {
margin-bottom: 48px; }
.customize-email-template .un-box-flat.email .text-4 {
margin-bottom: 8px; }
.customize-email-template .un-box-flat.email .text-5 {
text-align: center;
margin-top: 12px; }
.customize-email-template .un-box-flat.email .text-6 {
text-align: center; }
.customize-email-template .un-box-flat.email .ant-list-item-meta-description {
position: absolute;
bottom: 8px; }
.customize-email-template .un-box-flat.email .product-quantity {
padding: 12px 0;
color: #0c2028 !important; }
.customize-email-template .un-box-flat.email .product-price {
padding: 12px 0;
color: #0c2028 !important;
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.customize-email-template .un-box-flat.email .subject {
padding: 4px 0;
color: #0c2028 !important; }
.customize-email-template .un-box-flat.email .subject-cost {
padding: 4px 0;
color: #0c2028 !important;
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.customize-email-template .un-box-flat.email .total-col {
background-color: #f6f6f6; }
.customize-email-template .un-box-flat.email .total {
padding: 12px 0;
color: #0c2028 !important; }
.customize-email-template .un-box-flat.email .total-cost {
padding: 12px 0;
font-weight: bold;
color: #0c2028 !important;
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.customize-email-template .un-box-flat.email .primary-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 41px !important;
padding: 8px 24px !important;
border-radius: 4px !important;
font-size: 14px !important;
border: 0.4px solid #5acc5a !important;
background-color: #5acc5a !important;
box-shadow: none !important;
color: #ffffff !important;
text-transform: unset !important;
cursor: default; }
.customize-email-template .un-box-flat.email .email-content img {
max-width: 100%; }
.ant-table-thead .racks-table-th {
background: #fafafa !important; }
.warehouseRacks .search-rack {
height: 33px !important;
margin-bottom: 20px; }
.warehouseRacks .search-rack .ant-input-affix-wrapper {
height: 33px !important;
width: 240px !important;
border-radius: 22px !important; }
.warehouseRacks .search-rack .ant-input-affix-wrapper > input.ant-input {
margin-left: 30px !important;
color: #90999d !important; }
.warehouseRacks .search-rack .feather-search {
color: #90999d !important;
font-size: 20px;
padding-left: 12px;
position: absolute;
left: 0; }
@media (max-width: 1024px) {
.ant-table-body table {
min-width: 100% !important; } }
@media (min-width: 1024px) {
.settings-warehouses {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.settings-warehouses .un-box-flat {
border: none !important;
background: none !important;
padding: 0 !important; }
.settings-warehouses .dash-cards .card {
background-color: #fff;
box-shadow: none !important;
border: 1px solid #e5e5e5 !important;
border-radius: 4px !important;
padding: 20px 24px !important; }
@media (min-width: 1024px) {
.settings-warehouses .dash-cards .card {
height: 180px; } }
.settings-warehouses .title {
margin-bottom: 12px !important;
display: flex;
justify-content: space-between; }
.settings-warehouses .title i {
color: #007ce0 !important;
font-size: 18px !important;
margin-right: 8px; }
.settings-warehouses .caption {
margin-bottom: 12px !important; }
.settings-warehouses .warehouse-address {
display: block;
display: -webkit-box;
max-width: 320px;
max-height: 36px;
margin: 0;
font-size: 12px;
line-height: 1.5;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.settings-warehouses .warehouse-tag .ant-tag,
.settings-warehouses .warehouse-tag .ant-tag:hover {
color: #35454c;
height: 18px;
font-size: 12px;
font-weight: normal !important;
line-height: 18px;
background: #f3fff3;
border-color: #bcefb9;
border-radius: 4px;
margin-right: 0 !important; }
.settings-warehouses .warehouse-switch {
display: block; }
.settings-warehouses .warehouse-switch span {
float: right; }
.settings-warehouses .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.settings-warehouses .header-buttons .b-btn,
.settings-warehouses .header-buttons .b-btn:hover,
.settings-warehouses .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.settings-warehouses .header-buttons .b-btn i,
.settings-warehouses .header-buttons .b-btn:hover i,
.settings-warehouses .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.formWarehouse .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.formWarehouse .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.formWarehouse .un-section-title {
margin-bottom: 12px !important; } }
.formWarehouse label {
padding-bottom: 0 !important;
margin-bottom: 4px !important;
color: #38484f !important; }
.formWarehouse .ant-legacy-form-item-label {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
color: #38484f !important; }
.formWarehouse .ant-legacy-form-vertical .ant-legacy-form-item {
padding-bottom: 0; }
.formWarehouse .un-form .ant-input {
color: #0c2028 !important; }
.formWarehouse .store-address .ant-legacy-form-item {
padding-bottom: 12px !important;
margin-bottom: 0 !important; }
.formWarehouse .rack-table .ant-table-title {
padding: 0 !important;
z-index: 1001 !important;
width: calc(100% - 80px) !important;
margin-top: 2px !important;
margin-left: 70px !important;
background: #fafafb !important; }
.formWarehouse .rack-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.formWarehouse .rack-table table thead {
background-color: #fafafb !important; }
.formWarehouse .rack-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
height: 32px !important; }
.formWarehouse .rack-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.formWarehouse .rack-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.formWarehouse .rack-table .un-text-truncate {
font-weight: bold !important; }
.formWarehouse .rack-table .un-light-label {
font-size: 14px !important;
color: #0c2028 !important; }
.formWarehouse .rack-table .ant-pagination {
margin-bottom: 20px;
margin-top: 20px !important;
width: max-content !important;
float: right !important; }
.formWarehouse .rack-table .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.formWarehouse .rack-table .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
font-size: 14px; }
.formWarehouse .rack-table .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
font-size: 14px; }
.formWarehouse .rack-add {
height: 33px !important;
margin-bottom: 20px;
display: block; }
.formWarehouse .rack-add .un-blue-capsule-btn {
font-size: 14px !important;
height: 33px !important;
width: 106px !important;
padding-top: 7px !important;
padding-right: 10px !important;
padding-bottom: 8px !important;
padding-left: 10px !important; }
@media (min-width: 768px) {
.formWarehouse .rack-add span {
float: right; } }
.modal-rack-group .ant-list-item {
padding-left: 5px;
padding-right: 5px; }
.modal-rack-group .selected {
background-color: #eee; }
.modal-rack-group .slim-btn {
height: 25px; }
.modal-rack-group .ant-modal-content {
border-radius: 12px !important; }
.modal-rack-group .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.modal-rack-group .ant-modal-body {
padding: 20px 24px !important; }
.modal-rack-group .ant-modal-footer {
padding: 12px 24px !important; }
.modal-rack-group .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.modal-rack-group .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.modal-rack-group .plain-btn {
margin: auto 0 auto auto !important; }
.un-import-error-column {
background: #fde3e3;
padding: 5px !important; }
@media (min-width: 1024px) {
.exportRacks {
width: 644px !important;
margin: 0 auto !important; } }
.exportRacks .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.exportRacks .header-buttons .b-btn,
.exportRacks .header-buttons .b-btn:hover,
.exportRacks .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.exportRacks .header-buttons .b-btn i,
.exportRacks .header-buttons .b-btn:hover i,
.exportRacks .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.exportRacks .ant-checkbox,
.exportRacks .ant-checkbox-input,
.exportRacks .ant-checkbox-inner {
border-radius: 4px !important;
width: 18px !important;
height: 18px !important; }
.exportRacks .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.exportRacks .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.exportRacks .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.exportRacks .export-table table thead {
background-color: #fafafb !important; }
.exportRacks .export-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
height: unset !important; }
.exportRacks .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.exportRacks .export-table .un-text-truncate {
font-weight: bold !important; }
.exportRacks .export-table .un-light-label {
font-size: 14px !important; }
.exportRacks .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.exportRacks .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
@media (min-width: 1024px) {
.importRacks {
width: 644px !important;
margin: 0 auto !important; } }
.importRacks .plain-btn,
.importRacks .plain-btn:hover {
text-transform: unset;
text-decoration: underline; }
.importRacks .ant-upload.ant-upload-drag {
height: 169px !important; }
.importRacks .ant-upload.ant-upload-drag::after {
display: none; }
.importRacks .showUploader .ant-upload.ant-upload-drag {
display: block; }
.importRacks .hideUploader {
display: none; }
.importRacks .uploadList {
height: 33px;
width: fit-content;
width: -moz-fit-content; }
.importRacks .uploadList .file {
border: 1px solid #e5e5e5;
border-radius: 4px;
height: 33px;
width: fit-content;
width: -moz-fit-content;
padding: 7px 12px;
margin-right: 20px; }
.importRacks .uploadList .file .feather-file-text {
color: #647176;
font-size: 20px !important; }
.importRacks .uploadList .plain-btn {
text-decoration: unset; }
.importRacks .ant-upload-list {
width: 50%; }
.importRacks .feather-upload-cloud {
font-size: 32px;
color: #d4d4d4; }
.importRacks .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.importRacks .header-buttons .b-btn,
.importRacks .header-buttons .b-btn:hover,
.importRacks .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.importRacks .header-buttons .b-btn i,
.importRacks .header-buttons .b-btn:hover i,
.importRacks .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.importPreview .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.importPreview .header-buttons .b-btn,
.importPreview .header-buttons .b-btn:hover,
.importPreview .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.importPreview .header-buttons .b-btn i,
.importPreview .header-buttons .b-btn:hover i,
.importPreview .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.importTable {
overflow-x: auto; }
.importTable .ant-table table {
border: 1px solid #f6f6f6 !important; }
.importTable .ant-table-thead > tr > th {
color: #90999d !important;
font-size: 10px !important;
height: 56px !important;
background: #f6f6f6 !important;
border-left: none !important;
border-right: none !important; }
.importTable .ant-table-tbody > tr > td {
color: #90999d !important;
font-size: 10px !important; }
.importTable .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.importTable .ant-table-tbody > tr > td {
padding: 16px 10px !important; }
.importTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
background: unset !important; }
.smtext {
font-size: 12px !important;
line-height: 20px;
font-weight: 400;
color: #0c2028 !important; }
.settings-sales-channel .progress-div {
display: flex;
justify-content: space-between;
align-items: center;
width: 55%; }
.settings-sales-channel .progress-div span:first-child {
width: inherit; }
.settings-sales-channel .progress-div span:last-child {
width: 100px;
text-align: center; }
.settings-sales-channel .available-sales-channel {
color: #0c2028 !important;
font-size: 14px !important; }
.settings-sales-channel .available-sales-channel .sales-channel-label {
width: 187.77px !important;
padding-bottom: 6px;
align-self: center;
margin-right: 29px !important; }
.settings-sales-channel .available-sales-channel .sales-channel-list {
align-self: center; }
.settings-sales-channel .available-sales-channel .sales-channel-list span {
line-height: 44px !important;
margin-right: 29px !important; }
.settings-sales-channel .available-sales-channel .channel-with-name {
align-self: center;
display: inline-flex !important; }
.settings-sales-channel .available-sales-channel .channel-with-name img {
width: 44px;
height: 44px;
border-radius: 8px;
margin-right: 8px;
object-fit: contain !important; }
.settings-sales-channel .ant-list-item-action li {
padding: 0px; }
.settings-sales-channel .search-form .un-filter-value {
border-tsc-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.settings-sales-channel .unicart-marketplacelist {
margin-top: 0px; }
.settings-sales-channel .unicart-marketplacelist .btn-store {
margin-bottom: 5px; }
.settings-sales-channel .unicart-marketplacelist .btn-store .channel-count {
color: #90999d;
padding-left: 5px; }
.settings-sales-channel .unicart-marketplacelist .btn-store.active .channel-count {
color: #5acc5a !important; }
.settings-sales-channel .unicart-table .has-chat-authorization > .ant-table-cell {
padding-bottom: 0px !important;
border-bottom: none !important; }
.settings-sales-channel .unicart-table .chat-authorization > .ant-table-cell {
padding-top: 0px !important;
border-top: none !important; }
.settings-sales-channel .unicart-table .ant-table-content,
.settings-sales-channel .unicart-table .ant-table table,
.settings-sales-channel .unicart-table .ant-table-tbody,
.settings-sales-channel .unicart-table tbody tr:first-child {
border-tsc-left-radius: 12px !important;
border-tsc-right-radius: 12px !important; }
.settings-sales-channel .unicart-table .ant-table-tbody > tr:first-child td:first-child {
border-tsc-left-radius: 12px !important; }
.settings-sales-channel .unicart-table .ant-table-tbody > tr:first-child td:last-child {
border-tsc-right-radius: 12px !important; }
.settings-sales-channel .unicart-table .ant-table-thead > tr:first-child th:first-child {
border-tsc-left-radius: 12px !important; }
.settings-sales-channel .unicart-table .ant-table-thead > tr:first-child th:last-child {
border-tsc-right-radius: 12px !important; }
.settings-sales-channel .unicart-table .ant-list-item {
padding: 0 !important;
margin-bottom: 10px !important; }
.settings-sales-channel .unicart-table .ant-list-item .ant-list-item-meta-avatar {
width: auto;
height: auto;
border: 0px; }
.settings-sales-channel .unicart-table .ant-list-item .ant-list-item-meta-title {
height: 25px; }
.settings-sales-channel .unicart-table .ant-list-item .ant-list-item-meta-description {
font-size: 14px;
padding-left: 12px; }
.settings-sales-channel .unicart-table .ant-btn-text {
border-color: transparent;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none; }
.settings-sales-channel .unicart-table .ant-tabs-bar {
position: absolute;
height: 53px !important;
border-bottom: none !important; }
@media (max-width: 425px) {
.settings-sales-channel .unicart-table .ant-tabs-bar {
position: relative !important; } }
.settings-sales-channel .unicart-table .ant-tabs-ink-bar {
display: none !important; }
.settings-sales-channel .unicart-table .ant-tabs-nav-scroll {
padding-left: 0 !important;
height: 53px !important;
border-bottom: none !important; }
.settings-sales-channel .unicart-table .ant-tabs-tab-active.ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 52px !important;
padding: 16px 20px !important; }
.settings-sales-channel .unicart-table .ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
background: none !important;
border: none !important;
border-bottom: 3px solid transparent !important;
height: 52px !important;
padding: 16px 20px !important; }
.settings-sales-channel .unicart-table .ant-tabs-content {
margin-top: 0 !important;
border-top: none !important;
color: #0c2028;
font-size: 14px !important;
padding: 32px 0 !important; }
@media (max-width: 425px) {
.settings-sales-channel .unicart-table .ant-tabs-content {
margin-top: -1px !important;
padding: 0 !important; } }
.settings-sales-channel .unicart-table .ant-tabs-content .cardMenuLayout .ant-card img {
border: 1px solid #e5e5e5 !important;
border-radius: 10px; }
.settings-sales-channel .feather-settings {
font-size: 20px; }
.settings-sales-channel .channel-listing .dot {
height: 8px;
width: 8px;
background-color: #e0241a;
border-radius: 50%;
display: inline-block; }
.settings-sales-channel .channel-tabs .channel-card {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-bar {
position: absolute;
height: 49px;
border-bottom: none !important; }
@media (max-width: 425px) {
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-bar {
position: relative !important; } }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-bar .channel-count {
margin-left: 6px;
background-color: #e5e5e5 !important;
color: #0c2028 !important;
font-size: 12px;
font-weight: normal !important;
padding: 2px 6px !important;
border-radius: 11px;
width: fit-content; }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-nav-scroll {
padding-left: 0 !important;
height: 49px;
border-bottom: none !important; }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-tab-active.ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 49px;
padding: 16px 20px !important; }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-tab-active.ant-tabs-tab .channel-count {
margin-left: 6px;
background-color: #5acc5a !important;
color: #ffffff !important;
font-size: 12px;
font-weight: normal !important;
padding: 2px 6px !important;
border-radius: 11px;
width: fit-content; }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
background: none !important;
border: none !important;
border-bottom: 3px solid transparent !important;
height: 49px;
padding: 16px 20px !important; }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content {
margin-top: 48px;
border-top: 2px solid #e5e5e5;
color: #0c2028;
font-size: 14px !important;
padding: 32px 0; }
@media (max-width: 425px) {
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content {
margin-top: -1px !important; } }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content .history .unicart-filter .search-form .un-filter-value {
border-tsc-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
@media (max-width: 1024px) {
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content .cardMenuLayout .ant-card {
height: 75px !important; } }
@media (max-width: 425px) {
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content .cardMenuLayout .ant-card {
height: 120px !important; } }
@media (max-width: 320px) {
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content .cardMenuLayout .ant-card {
height: 96px !important; } }
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content .cardMenuLayout .ant-card img {
border: 1px solid #e5e5e5 !important;
border-radius: 10px;
border-top: none !important; }
@media (max-width: 1024px) {
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content .cardMenuLayout .ant-card img {
height: 75px !important; } }
@media (max-width: 425px) {
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content .cardMenuLayout .ant-card img {
height: 120px !important; } }
@media (max-width: 320px) {
.settings-sales-channel .channel-tabs .channel-card .ant-tabs-content .cardMenuLayout .ant-card img {
height: 96px !important; } }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-input-affix-wrapper {
height: 41px;
width: 336px;
border-radius: 4px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-input-affix-wrapper span.anticon {
width: 40px !important;
color: #0c2028; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-input-affix-wrapper .anticon {
font-size: 20px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-input-affix-wrapper > input.ant-input {
margin-top: 1px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-input-search-icon::after {
width: 40px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-input-search-icon::before {
right: 30px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
height: 41px !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-select-selection-search-input
.ant-custom-select-sorting {
margin-top: 1px;
height: 37px !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-select-single
.ant-select-selector
.ant-select-selection-item
.ant-custom-select-sorting {
line-height: 40px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-select-single
.ant-select-selector
.ant-select-selection-placeholder
.ant-custom-select-sorting {
line-height: 40px;
color: #90999d; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
padding-left: 70px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .sort-by {
left: 23px;
top: 10px;
z-index: 1;
position: absolute;
width: max-content;
color: #90999d; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-table table {
border: none !important;
box-shadow: none !important;
overflow-x: auto; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products table thead {
background-color: #fafafb !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
height: 32px !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-table-thead > tr > th {
border-bottom: none !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .ant-table-tbody > tr > td {
padding: 16px 12px;
vertical-align: top !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .un-cursor-drag td.ant-table-selection-column::before {
content: url("https://api.iconify.design/feather:menu.svg?color=%230C2028&height=16px") !important;
margin-top: 10px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .product-quantity {
padding: 8px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .primary-i-btn {
margin-left: auto;
margin-right: 0; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .productFeaturedTable .ant-checkbox-wrapper {
display: none; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .productFeaturedTable .ant-table-tbody > tr > td {
padding: 16px 12px;
vertical-align: middle !important;
color: #0c2028 !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item {
padding: 0 !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-avatar {
width: 56px;
height: 56px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .productFeaturedTable .un-row-product img {
height: 56px;
width: 56px;
border-radius: 6px;
margin-left: -1px; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-title {
margin-bottom: 4px;
color: #0c2028;
font-size: 14px;
font-weight: bold;
line-height: normal;
height: 33.6px;
margin-bottom: 0 !important; }
.settings-sales-channel .channel-tabs .channel-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-description {
margin-top: 8px;
height: 17px; }
.settings-sales-channel .filter-collapse {
border-radius: 12px;
background-color: #ffffff !important; }
.settings-sales-channel .filter-collapse .ant-collapse-arrow {
right: 35px !important;
left: auto; }
.settings-sales-channel .filter-collapse .ant-collapse-header {
height: 60px;
border-radius: 12px !important;
font-size: 16px;
font-weight: bold;
padding: 18px 24px; }
.settings-sales-channel .filter-collapse .ant-collapse-item {
border-radius: 12px; }
.settings-sales-channel .filter-collapse .ant-collapse-content {
border-top: none !important;
border-radius: 0 0 12px 12px !important; }
.settings-sales-channel .filter-collapse .ant-collapse-content.ant-collapse-content-inactive {
display: block !important; }
.settings-sales-channel .filter-collapse .ant-collapse-content.ant-collapse-content-inactive .filter-row.hide-filter-row {
display: none !important; }
.settings-sales-channel .filter-collapse .ant-collapse-content-box {
padding: 0 24px 15px !important; }
.settings-sales-channel .filter-collapse .filter-label {
width: 150px !important;
margin-right: 20px; }
.settings-sales-channel .filter-collapse .filter-label > span {
vertical-align: middle !important;
color: #0c2028 !important; }
.settings-sales-channel .filter-collapse .filter-row {
margin-bottom: 8px; }
.settings-sales-channel .filter-collapse .filter-row .filter-pin {
margin-right: 10px;
cursor: pointer; }
.settings-sales-channel .filter-collapse .filter-row .filter-pin.disabled {
cursor: not-allowed !important; }
.settings-sales-channel .filter-collapse .filter-row .filter-pin .sc-pin {
width: 16px;
vertical-align: middle;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M2 5.27 3.28 4 20 20.72 18.73 22l-5.93-5.93V22h-1.6v-6H6v-2l2-2v-.73l-6-6ZM16 12l2 2v2h-.18L8 6.18V4H7V2h10v2h-1v8Z' fill='%23647176'/%3E%3C/svg%3E"); }
.settings-sales-channel .filter-collapse .filter-row .filter-pin .sc-pin.active {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2l-2-2Z' fill='%23647176'/%3E%3C/svg%3E") !important; }
.settings-sales-channel .filter-collapse .filter-row .ant-divider-horizontal {
margin: 4px 0 !important;
border-color: #e5e5e5 !important; }
.settings-sales-channel .filter-collapse .filter-row.bigger .filter-pin,
.settings-sales-channel .filter-collapse .filter-row.bigger .filter-label {
line-height: 27px !important; }
.settings-sales-channel .filter-collapse .filter-row.bigger .channel-row .channel-btn {
line-height: 27px !important;
padding: 0px 12px !important; }
.settings-sales-channel .filter-collapse .filter-row.bigger .channel-row .channel-btn img {
margin-right: 6px !important; }
.settings-sales-channel .filter-collapse .filter-row.bigger .channel-row .channel-btn .count-label {
display: flex;
align-items: center;
padding-left: 6px !important; }
.settings-sales-channel .filter-collapse .filter-row.bigger .channel-row .channel-btn .count-label .tab {
line-height: 20px !important;
height: 20px !important;
border-radius: 11px !important;
background-color: #d0f4ff !important;
color: #0c2028 !important;
margin-right: 6px !important;
text-align: center;
font-weight: normal;
padding: 0 7px; }
.settings-sales-channel .filter-collapse .filter-row.bigger .channel-row .channel-btn .count-label .tab.zero {
background-color: #e5e5e5 !important; }
.settings-sales-channel .filter-collapse .filter-row.bigger .channel-row .channel-btn .count-label .divider {
width: 2px;
height: 20px;
border-left: 1px solid #d4d4d4 !important;
margin-right: 6px !important; }
.settings-sales-channel .filter-collapse .filter-row.bigger .channel-row .channel-btn.active .count-label .tab,
.settings-sales-channel .filter-collapse .filter-row.bigger .channel-row .channel-btn.active .count-label .tab.zero {
background-color: #5acc5a !important;
color: #ffffff !important; }
.settings-sales-channel .filter-collapse .channel-row {
width: 100%;
gap: 4px 8px;
display: flex;
flex-wrap: wrap; }
.settings-sales-channel .filter-collapse .channel-row.store-row {
background-color: #fafafb;
border-radius: 4px;
padding: 6px 12px !important;
gap: 6px 8px !important; }
.settings-sales-channel .filter-collapse .channel-row.store-row .plain-btn {
margin: 0 20px 0 0 !important;
height: unset !important; }
.settings-sales-channel .filter-collapse .channel-row.store-row .ant-checkbox-group-item {
margin-right: 16px;
line-height: 28px; }
.settings-sales-channel .filter-collapse .channel-row.store-row .ant-checkbox-group-item.ant-checkbox-wrapper-checked {
color: #0c2028 !important; }
.settings-sales-channel .filter-collapse .channel-row.store-row .ant-checkbox + span {
padding-left: 6px !important; }
.settings-sales-channel .filter-collapse .channel-row .ant-checkbox-wrapper .count-label {
padding-left: 4px !important;
font-weight: 700 !important; }
.settings-sales-channel .filter-collapse .channel-row .ant-checkbox-wrapper.ant-checkbox-wrapper-checked {
color: #0c2028 !important; }
.settings-sales-channel .filter-collapse .channel-row .ant-checkbox-group {
display: inline !important; }
.settings-sales-channel .filter-collapse .channel-row .ant-checkbox-group-item .count-label {
padding-left: 4px !important;
font-weight: 700 !important; }
.settings-sales-channel .filter-collapse .channel-row .plain-btn {
margin: 0 8px !important;
height: 22px !important;
align-items: center;
display: inline-flex; }
.settings-sales-channel .filter-collapse .channel-row .plain-btn i {
font-size: 18px !important;
margin: 0 !important; }
.settings-sales-channel .filter-collapse .channel-btn {
padding: 0px 8px !important;
border-radius: 16px;
background-color: #fafafb;
border: 1px solid #fafafb;
color: #38484f;
cursor: pointer;
margin-right: 0; }
.settings-sales-channel .filter-collapse .channel-btn .count-label {
color: #647176;
padding-left: 4px !important;
font-weight: 700 !important; }
.settings-sales-channel .filter-collapse .channel-btn .count-label.warning-label {
color: #e0241a !important; }
.settings-sales-channel .filter-collapse .channel-btn .count-label .tab {
color: #007ce0 !important; }
.settings-sales-channel .filter-collapse .channel-btn img {
width: 17px !important;
height: 17px !important;
margin-right: 4px !important; }
.settings-sales-channel .filter-collapse .channel-btn img.country-logo {
width: 22px !important; }
.settings-sales-channel .filter-collapse .channel-btn.active {
color: #0c2028;
font-weight: 500;
background-color: #f3fff3;
border: 1px solid #5acc5a;
margin-right: 0; }
.settings-sales-channel .filter-collapse .channel-btn.active .count-label {
color: #0c2028; }
.settings-sales-channel .filter-collapse .channel-btn.active .count-label.warning-label {
color: #0c2028 !important; }
.settings-sales-channel .filter-collapse .channel-btn.disabled {
cursor: not-allowed !important; }
.add-channel-modal .light-text {
color: #38484f; }
.add-channel-modal .channels-container {
display: flex;
flex-wrap: wrap;
column-gap: 12px;
row-gap: 12px;
margin-bottom: 32px; }
.add-channel-modal .channels-container .channel-item {
width: 24% !important;
min-width: 24% !important; }
@media (max-width: 1024px) {
.add-channel-modal .channels-container .channel-item {
width: 32% !important;
min-width: 32% !important; } }
@media (max-width: 425px) {
.add-channel-modal .channels-container .channel-item {
width: 100% !important;
min-width: 100% !important; } }
.add-channel-modal .channels-container .channel-item .channel-div {
padding: 8px;
border-radius: 8px;
display: flex;
align-items: center;
border: 1px solid #e5e5e5;
cursor: pointer; }
.add-channel-modal .channels-container .channel-item .channel-div.active {
border: 2px solid #5acc5a; }
.add-channel-modal .channels-container .channel-item .channel-div.disabled {
border: 2px solid #e5e5e5;
opacity: 40%;
cursor: unset; }
.add-channel-modal .channels-container .channel-item .channel-div .ant-avatar {
width: 70px !important;
min-width: 70px !important;
height: 70px !important;
line-height: 70px !important;
font-size: 18px !important; }
.add-channel-modal .channels-container .channel-item .channel-div span.body {
word-break: break-all;
margin-left: 8px; }
.add-channel-modal .un-upload-image-div .ant-legacy-form-item {
margin: 0 !important; }
.add-channel-modal .ant-upload.ant-upload-select-picture-card {
position: relative !important;
display: block !important;
width: 100% !important;
height: 200px !important;
margin: 0 !important; }
.add-channel-modal .upload-list-inline .ant-upload-select-picture-card {
display: none !important; }
.add-channel-modal .ant-upload-list {
width: 30% !important;
margin-top: 15px !important; }
.add-channel-modal .connection_method-radio-group .ant-radio {
height: fit-content !important; }
.add-channel-modal .connection_method-radio-group .connection_method-radio-group-item {
width: 100%;
display: flex;
margin-bottom: 8px !important; }
.add-channel-modal .ant-form-item-label > label {
color: #0c2028 !important; }
.add-channel-modal .ant-modal-content .ant-modal-footer {
height: 57px !important; }
.add-channel-modal .ant-form-item .ant-form-item-label {
padding: 0 !important; }
.add-channel-modal .ant-form-item .ant-form-item-label label {
width: 100% !important;
color: #0c2028 !important; }
.save-channel-setting-modal .un-filter-modal .ant-modal-body {
padding: 20px 24px !important; }
.save-channel-setting-modal .ant-upload.ant-upload-select-picture-card {
display: block !important;
width: 100% !important;
height: 200px !important;
margin: 0 !important; }
.save-channel-setting-modal .un-upload-image-div .ant-legacy-form-item {
margin-top: 10px !important;
margin-bottom: 0 !important; }
.save-channel-setting-modal .upload-list-inline-first .first-image-upload {
margin: 14% auto; }
.save-channel-setting-modal .upload-list-inline .ant-upload-select-picture-card {
display: none !important; }
.save-channel-setting-modal .product-image-list {
margin-top: 25px !important; }
.save-channel-setting-modal .product-image-list .ant-upload-list {
grid-template-columns: repeat(4, 1fr) !important; }
.change-channel-modal .product-image-list {
margin-bottom: 70px !important; }
.modal-slotLimit {
width: 634px !important; }
.usage-limit-link {
text-decoration: underline;
cursor: pointer; }
.usage-limit-link:hover {
text-decoration: underline; }
.submit-btn .ant-btn[disabled],
.submit-btn .ant-btn[disabled]:hover {
background-color: lightgray !important;
cursor: not-allowed !important; }
.staff-form .ant-select-show-search.ant-select-single:not(.ant-select-customize-input)
.ant-select-selector {
cursor: pointer !important; }
.shopifyTable {
margin-top: 25px !important; }
.row-dragging {
z-index: 9999; }
.row-dragging td {
padding: 25px; }
.row-dragging .drag-visible {
visibility: visible; }
.commission-rate .ant-input-group {
width: 100px !important; }
.shopee-shop-tag {
color: #647176 !important;
border-color: #d4d4d4 !important;
background-color: #f6f6f6 !important;
border-radius: 4px !important;
font-size: 12px !important;
line-height: 14px !important;
font-weight: normal !important;
border: 1px solid;
white-space: normal;
height: fit-content;
padding: 1px 8px;
display: inline-grid !important;
vertical-align: top !important; }
.settings-list .un-box-flat {
margin-top: 20px;
padding-top: 20px;
padding-right: 24px;
padding-bottom: 20px;
padding-left: 24px; }
.settings-list .dash-cards .card {
background: #f6f6f6 0% 0% no-repeat padding-box !important;
border-radius: 4px !important;
padding: 0 !important;
margin-bottom: 20px !important; }
.settings-list .card {
border: none !important; }
.settings-list .ant-list-item {
padding: 20px 0 !important;
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important; }
.settings-list .ant-list-item-meta {
padding-left: 24px !important;
padding-right: 34px !important; }
.settings-list .ant-list-item-meta-avatar {
background: #8ed7ff 0% 0% no-repeat padding-box;
border-radius: 50%;
width: 53px !important;
height: 53px !important;
margin-right: 8px;
text-align: center; }
.settings-list .ant-avatar {
border-radius: unset !important; }
.settings-list .ant-avatar-image {
margin-top: 14px !important; }
.settings-list .ant-list-item-meta-title {
margin-bottom: 0; }
.settings-list .ant-list-item-meta-description {
line-height: 1.2 !important; }
.settings-list .un-text-truncate {
font-size: 16px !important;
max-height: none !important; }
.settings-list .un-light-label {
font-size: 12px !important;
color: #647176 !important; }
.businessInfoForm .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.businessInfoForm .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.businessInfoForm .un-section-title {
margin-bottom: 12px !important; } }
.businessInfoForm .un-description-light {
font-size: 14px;
color: #647176; }
.businessInfoForm .ant-legacy-form-vertical .ant-legacy-form-item-label {
padding: 0 !important;
color: #38484f !important; }
.businessInfoForm .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.businessInfoForm .ant-legacy-form-vertical .ant-legacy-form-item {
padding-bottom: 0px !important; }
.businessInfoForm .ant-input,
.businessInfoForm .ant-select {
color: #0c2028 !important; }
.businessInfoForm .address-fields .ant-legacy-form-item {
margin-bottom: 12px !important; }
.businessInfoForm .un-box-flat .row {
align-items: baseline !important; }
.businessInfoForm .hvrbox {
height: 115px !important;
width: 115px !important; }
.businessInfoForm .hvrbox img {
object-fit: contain; }
.businessInfoForm .document-templates .templates-table {
overflow-x: unset !important; }
.businessInfoForm .document-templates .templates-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.businessInfoForm .document-templates .templates-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.businessInfoForm .document-templates .templates-table table thead {
background-color: #fafafb !important; }
.businessInfoForm .document-templates .templates-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.businessInfoForm .document-templates .templates-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.businessInfoForm .document-templates .templates-table .un-text-truncate {
font-weight: bold !important; }
.businessInfoForm .document-templates .templates-table .un-light-label {
font-size: 14px !important; }
.businessInfoForm .radio-button {
display: block;
height: fit-content;
white-space: pre-wrap; }
.businessInfoForm .checkbox-full .ant-checkbox-wrapper {
width: 100%; }
.businessInfoForm .volumetric-rate-input-number {
width: 100%;
display: inline-flex !important; }
.businessInfoForm .volumetric-rate-input-number .ant-input-group-addon {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.businessInfoForm .volumetric-rate-input-number .ant-input-number {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.editInvoiceTemplate {
max-width: 1344px !important;
margin: 0 auto !important; }
.editInvoiceTemplate .invoice-container {
height: fit-content !important;
min-height: 800px !important;
width: 100% !important;
margin: 0 auto !important;
background-color: #ffffff !important;
border: 1px solid #707070 !important;
padding: 17px 18px !important;
color: #38484f !important; }
.editInvoiceTemplate .invoice-container .d-inline-flex {
width: 100% !important; }
.editInvoiceTemplate .invoice-container.text-size-large {
font-size: 10px !important; }
.editInvoiceTemplate .invoice-container.text-size-large .invoice-table .ant-table-tbody > tr > td {
font-size: 10px !important; }
.editInvoiceTemplate .invoice-container.text-size-large .invoice-table .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 10px !important;
color: #38484f !important;
padding: 4px !important; }
.editInvoiceTemplate .invoice-container.text-size-large .invoice-table .ant-list-item-meta-title {
font-size: 10px !important;
color: #38484f !important;
margin-bottom: 0 !important; }
.editInvoiceTemplate .invoice-container.text-size-large .logo-container {
display: inline-block !important;
vertical-align: top !important;
margin-right: 10px !important;
margin-bottom: 10px !important; }
.editInvoiceTemplate .invoice-container.text-size-large .logo-container img {
object-fit: contain !important;
width: 100%;
border: 1px solid #d4d4d4 !important; }
.editInvoiceTemplate .invoice-container .logo-container {
display: inline-block !important;
vertical-align: top !important;
margin-right: 10px !important;
margin-bottom: 10px !important; }
.editInvoiceTemplate .invoice-container .logo-container img {
object-fit: contain !important;
width: 100%;
border: 1px solid #d4d4d4 !important; }
.editInvoiceTemplate .invoice-container .stores {
width: 60% !important;
text-align: left !important;
margin-bottom: 0 !important; }
.editInvoiceTemplate .invoice-container .stores .store-details {
display: inline-block !important;
width: 60% !important; }
.editInvoiceTemplate .invoice-container .stores .store-name {
font-size: 10px !important;
font-weight: bold !important;
line-height: 14px !important;
margin-bottom: 4px !important; }
.editInvoiceTemplate .invoice-container .stores .store-name-large {
font-size: 12px !important; }
.editInvoiceTemplate .invoice-container .stores .store-address {
font-size: 8px !important;
line-height: 12px !important;
word-wrap: break-word; }
.editInvoiceTemplate .invoice-container .stores .store-address-large {
font-size: 10px !important;
line-height: 14px !important;
word-wrap: break-word; }
.editInvoiceTemplate .invoice-container .invoice-details {
width: 40% !important;
font-size: 8px !important;
line-height: 12px !important; }
.editInvoiceTemplate .invoice-container .invoice-details .invoice-header {
text-align: right !important;
font-size: 14px !important;
font-weight: bold !important;
line-height: 18px !important;
margin-bottom: 5px !important;
text-transform: uppercase !important; }
.editInvoiceTemplate .invoice-container .invoice-details .invoice-label {
text-align: left !important;
padding-right: 4px !important; }
.editInvoiceTemplate .invoice-container .invoice-details .code-display {
margin: 5px 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-details .code-display > div {
overflow: hidden !important; }
.editInvoiceTemplate .invoice-container .invoice-details-large {
width: 40% !important;
font-size: 10px !important;
line-height: 14px !important; }
.editInvoiceTemplate .invoice-container .invoice-details-large .invoice-header {
text-align: right !important;
font-size: 14px !important;
font-weight: bold !important;
line-height: 18px !important;
margin-bottom: 5px !important;
text-transform: uppercase !important; }
.editInvoiceTemplate .invoice-container .invoice-details-large .invoice-label {
text-align: left !important;
padding-right: 4px !important; }
.editInvoiceTemplate .invoice-container .invoice-details-large .code-display {
margin: 5px 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-details-large .code-display > div {
overflow: hidden !important; }
.editInvoiceTemplate .invoice-container .customer,
.editInvoiceTemplate .invoice-container .shipping-address {
margin-top: 12px;
width: 50% !important;
font-size: 8px !important;
line-height: 12px !important; }
.editInvoiceTemplate .invoice-container .customer-large,
.editInvoiceTemplate .invoice-container .shipping-address-large {
margin-top: 12px;
width: 50% !important;
font-size: 10px !important;
line-height: 14px !important; }
.editInvoiceTemplate .invoice-container .tracking {
width: 40% !important;
font-size: 8px !important;
line-height: 12px !important; }
.editInvoiceTemplate .invoice-container .tracking .code-display {
margin: 5px 0 !important; }
.editInvoiceTemplate .invoice-container .tracking .code-display > div {
overflow: hidden !important; }
.editInvoiceTemplate .invoice-container .tracking-large {
width: 40% !important;
font-size: 10px !important;
line-height: 14px !important;
margin-top: 2px !important; }
.editInvoiceTemplate .invoice-container .tracking-large .code-display {
margin: 5px 0 !important; }
.editInvoiceTemplate .invoice-container .tracking-large .code-display > div {
overflow: hidden !important; }
.editInvoiceTemplate .invoice-container .invoice-table {
margin-top: 14px !important;
margin-bottom: 16px !important;
overflow-x: unset !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-tbody > tr > td {
padding: 4px !important;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
vertical-align: top !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(4) > td,
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(5) > td {
border-bottom: none !important;
padding-bottom: 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(6) > td:first-child,
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(6) > td:nth-child(2) {
border-bottom: none !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(7) > td {
border-bottom: none !important;
font-size: 10px !important;
font-weight: bold !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-tbody > tr:nth-child(8) > td {
border-bottom: none !important;
padding-bottom: 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-list-item {
padding: 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-list-item-meta-avatar {
margin-right: 4px !important; }
.editInvoiceTemplate .invoice-container .invoice-table .ant-list-item-meta-title {
font-size: 10px !important;
color: #38484f !important;
margin-bottom: 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-table .un-row-product img {
height: 24px !important;
width: 24px !important;
border-radius: 2px; }
.editInvoiceTemplate .invoice-container .invoice-table-kit {
margin-top: 14px !important;
margin-bottom: 16px !important;
overflow-x: unset !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-tbody > tr > td {
padding: 4px !important;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
vertical-align: top !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(6) > td,
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(7) > td {
border-bottom: none !important;
padding-bottom: 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(8) > td:first-child,
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(8) > td:nth-child(2) {
border-bottom: none !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(9) > td {
border-bottom: none !important;
font-size: 10px !important;
font-weight: bold !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-tbody > tr:nth-child(10) > td {
border-bottom: none !important;
padding-bottom: 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table table {
border: none !important;
box-shadow: none !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-table-thead > tr > th {
border-bottom: none !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-list-item {
padding: 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-list-item-meta-avatar {
margin-right: 4px !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .ant-list-item-meta-title {
font-size: 10px !important;
color: #38484f !important;
margin-bottom: 0 !important; }
.editInvoiceTemplate .invoice-container .invoice-table-kit .un-row-product img {
height: 24px !important;
width: 24px !important;
border-radius: 2px; }
.editInvoiceTemplate .invoice-container .remarks-container {
font-size: 8px !important; }
.editInvoiceTemplate .invoice-container .remarks-container .packing-note {
font-size: 8px !important;
margin-bottom: 10px !important;
word-break: break-word; }
.editInvoiceTemplate .invoice-container .remarks-container .invoice-remark {
width: calc(100% - 20px) !important;
background-color: #fafafb !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important;
margin-left: 10px !important;
margin-bottom: 10px !important;
word-break: break-word; }
.editInvoiceTemplate .invoice-container .remarks-container .term {
font-size: 8px !important;
color: #38484f !important;
padding: 0 !important;
word-break: break-word; }
.editInvoiceTemplate .invoice-container .remarks-container .term1 p {
font-size: 8px !important;
color: #38484f !important;
padding: 0 !important;
word-break: break-word; }
.editInvoiceTemplate .invoice-container .remarks-container-large {
position: relative !important;
font-size: 10px !important; }
.editInvoiceTemplate .invoice-container .remarks-container-large .packing-note {
margin-bottom: 10px !important;
font-size: 10px !important;
word-break: break-word; }
.editInvoiceTemplate .invoice-container .remarks-container-large .invoice-remark {
width: calc(100% - 20px) !important;
background-color: #fafafb !important;
font-size: 10px !important;
color: #38484f !important;
padding: 4px !important;
margin-left: 10px !important;
margin-bottom: 10px !important;
word-break: break-word; }
.editInvoiceTemplate .invoice-container .remarks-container-large .term {
font-size: 10px !important;
color: #38484f !important;
padding: 0 !important;
word-break: break-word; }
.editInvoiceTemplate .invoice-container .remarks-container-large .term1 p {
font-size: 10px !important;
color: #38484f !important;
padding: 0 !important;
word-break: break-word; }
.editInvoiceTemplate .invoice-container .qsr-container {
padding: 10px 0px;
text-align: left;
font-size: 8px !important; }
.editInvoiceTemplate .invoice-container .qsr-container .qr-code {
margin: 5px 0px; }
.editInvoiceTemplate .invoice-container .signature-container {
text-align: center !important;
width: 100%; }
.editInvoiceTemplate .invoice-container .signature-container .signature-section {
height: 40px !important; }
.editInvoiceTemplate .invoice-container .signature-container .signature {
font-size: 8px !important;
border-top: 1px solid #707070 !important; }
.editInvoiceTemplate .invoice-container .signature-container .signature-large {
font-size: 10px !important;
border-top: 1px solid #707070 !important; }
.editInvoiceTemplate .invoice-container .signature-container .signature-data {
font-size: 8px !important;
text-align: left !important; }
.editInvoiceTemplate .invoice-container .signature-container .signature-data-large {
font-size: 10px !important;
text-align: left !important; }
.editInvoiceTemplate .invoice-container .malaysia-einvoice-submission .title {
font-size: 10px !important;
font-weight: bold; }
.editInvoiceTemplate .invoice-container .malaysia-einvoice-submission .desc {
font-size: 8px !important; }
.editInvoiceTemplate .un-box-flat.invoice-details {
border-radius: 4px !important;
font-size: 14px !important;
margin-bottom: 0 !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .body.set-light {
margin-bottom: 12px !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .ant-form-item {
margin-bottom: 0 !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .ant-checkbox + span {
color: #0c2028 !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .ant-select {
margin-bottom: 12px !important;
color: #0c2028 !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .ant-divider {
margin-top: 14px !important;
margin-bottom: 18px !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .hvrbox {
height: 115px !important;
width: 115px !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .hvrbox img {
object-fit: contain; }
.editInvoiceTemplate .un-box-flat.invoice-details .qr-code-size-input-number,
.editInvoiceTemplate .un-box-flat.invoice-details .barcode-size-input-number {
width: 100%;
display: inline-flex !important; }
.editInvoiceTemplate .un-box-flat.invoice-details .qr-code-size-input-number .ant-input-number,
.editInvoiceTemplate .un-box-flat.invoice-details .barcode-size-input-number .ant-input-number {
width: 100%;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.editDeliveryOrderTemplate {
max-width: 1344px !important;
margin: 0 auto !important; }
.editDeliveryOrderTemplate .delivery-order-container {
height: fit-content !important;
min-height: 800px !important;
margin: 0 auto !important;
background-color: #ffffff !important;
border: 1px solid #707070 !important;
padding: 17px 18px !important;
color: #38484f !important;
width: 100%; }
.editDeliveryOrderTemplate .delivery-order-container .d-inline-flex {
width: 100% !important; }
.editDeliveryOrderTemplate .delivery-order-container.text-size-large {
font-size: 10px !important; }
.editDeliveryOrderTemplate .delivery-order-container.text-size-large .delivery-order-table .ant-table-tbody > tr > td,
.editDeliveryOrderTemplate .delivery-order-container.text-size-large .delivery-order-table-kit .ant-table-tbody > tr > td {
font-size: 10px !important; }
.editDeliveryOrderTemplate .delivery-order-container.text-size-large .delivery-order-table .ant-table-thead th,
.editDeliveryOrderTemplate .delivery-order-container.text-size-large .delivery-order-table-kit .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 10px !important;
color: #38484f !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container.text-size-large .delivery-order-table .ant-list-item-meta-title,
.editDeliveryOrderTemplate .delivery-order-container.text-size-large .delivery-order-table-kit .ant-list-item-meta-title {
font-size: 10px !important;
color: #38484f !important;
margin-bottom: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-header {
text-transform: uppercase !important;
text-align: right !important;
font-size: 14px !important;
font-weight: bold !important;
line-height: 16px !important;
margin-bottom: 10px !important;
border-bottom: 1px solid #cddddd !important; }
.editDeliveryOrderTemplate .delivery-order-container .logo-container {
width: 60px;
border: 1px solid #d4d4d4 !important; }
.editDeliveryOrderTemplate .delivery-order-container .logo-container img {
object-fit: contain !important;
width: 100%;
height: 100%; }
.editDeliveryOrderTemplate .delivery-order-container .store {
display: inline-flex !important;
text-align: left !important;
margin-bottom: 0 !important;
align-content: flex-start !important;
width: -webkit-fill-available;
justify-content: space-between; }
.editDeliveryOrderTemplate .delivery-order-container .store .store-details {
display: inline-block !important;
width: 45% !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .store-name {
font-size: 10px !important;
font-weight: bold !important;
line-height: 14px !important;
margin-bottom: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .store-name-large {
font-size: 12px !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .store-address {
font-size: 8px !important;
line-height: 12px !important;
word-wrap: break-word; }
.editDeliveryOrderTemplate .delivery-order-container .store .store-address-large {
font-size: 10px !important;
line-height: 14px !important;
word-wrap: break-word; }
.editDeliveryOrderTemplate .delivery-order-container .store .delivery-order-details {
font-size: 8px !important;
line-height: 12px !important;
align-items: flex-start !important;
align-content: flex-start !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .delivery-order-details .delivery-order-label {
text-align: left !important;
padding-right: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .delivery-order-details .code-display {
margin: 5px 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .delivery-order-details .code-display > div {
overflow: hidden !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .delivery-order-details-large {
font-size: 10px !important;
line-height: 14px !important;
align-items: flex-start !important;
align-content: flex-start !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .delivery-order-details-large .delivery-order-label {
text-align: left !important;
padding-right: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .delivery-order-details-large .code-display {
margin: 5px 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .store .delivery-order-details-large .code-display > div {
overflow: hidden !important; }
.editDeliveryOrderTemplate .delivery-order-container .billing-address .billing-address-header {
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
background: #e5e5e5 !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .billing-address .billing-address-header-large {
font-size: 10px !important;
line-height: 14px !important;
color: #38484f !important;
background: #e5e5e5 !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .billing-address .billing-address-content {
font-size: 8px !important;
line-height: 12px !important;
padding: 4px !important;
border: 1px solid #f0f0f0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .billing-address .billing-address-content-large {
font-size: 10px !important;
line-height: 14px !important;
padding: 4px !important;
border: 1px solid #f0f0f0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .shipping-address .shipping-address-header {
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
background: #e5e5e5 !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .shipping-address .shipping-address-header-large {
font-size: 10px !important;
line-height: 14px !important;
color: #38484f !important;
background: #e5e5e5 !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .shipping-address .shipping-address-content {
font-size: 8px !important;
line-height: 12px !important;
padding: 4px !important;
border: 1px solid #f0f0f0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .shipping-address .shipping-address-content-large {
font-size: 10px !important;
line-height: 14px !important;
padding: 4px !important;
border: 1px solid #f0f0f0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table {
margin-top: 14px !important;
margin-bottom: 16px !important;
overflow-x: unset !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table-tbody > tr > td {
padding: 4px !important;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
vertical-align: top !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table-tbody > tr:nth-child(4) > td {
border-bottom: none !important;
padding-bottom: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table-tbody > tr:nth-child(5) > td:first-child,
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table-tbody > tr:nth-child(5) > td:nth-child(2) {
border-bottom: none !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table-tbody > tr:nth-child(6) > td {
border-bottom: none !important;
font-size: 10px !important;
font-weight: bold !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table-tbody > tr:nth-child(7) > td {
border-bottom: none !important;
padding-bottom: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-list-item {
padding: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-list-item-meta-avatar {
margin-right: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .ant-list-item-meta-title {
font-size: 10px !important;
color: #38484f !important;
margin-bottom: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table .un-row-product img {
height: 24px !important;
width: 24px !important;
border-radius: 2px; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit {
margin-top: 14px !important;
margin-bottom: 16px !important;
overflow-x: unset !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table-tbody > tr > td {
padding: 4px !important;
font-size: 8px !important;
line-height: 12px !important;
color: #38484f !important;
vertical-align: top !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table-tbody > tr:nth-child(6) > td {
border-bottom: none !important;
padding-bottom: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table-tbody > tr:nth-child(7) > td:first-child,
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table-tbody > tr:nth-child(7) > td:nth-child(2) {
border-bottom: none !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table-tbody > tr:nth-child(8) > td {
border-bottom: none !important;
font-size: 10px !important;
font-weight: bold !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table-tbody > tr:nth-child(9) > td {
border-bottom: none !important;
padding-bottom: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table table {
border: none !important;
box-shadow: none !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table-thead th {
background: #e5e5e5 !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-table-thead > tr > th {
border-bottom: none !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-list-item {
padding: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-list-item-meta-avatar {
margin-right: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .ant-list-item-meta-title {
font-size: 10px !important;
color: #38484f !important;
margin-bottom: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .delivery-order-table-kit .un-row-product img {
height: 24px !important;
width: 24px !important;
border-radius: 2px; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container {
font-size: 8px !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container .delivery-order-remark {
width: 100% !important;
height: 42px !important;
background-color: #fafafb !important;
font-size: 8px !important;
color: #38484f !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container .remarks-left {
align-items: flex-start !important;
align-content: flex-start !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container .term {
font-size: 8px !important;
color: #38484f !important;
padding: 0 !important;
margin-top: 10px !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container .term1 p {
font-size: 8px !important;
color: #38484f !important;
padding: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container-large {
font-size: 10px !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container-large .delivery-order-remark {
width: 100% !important;
height: 42px !important;
background-color: #fafafb !important;
font-size: 10px !important;
color: #38484f !important;
padding: 4px !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container-large .remarks-left {
align-items: flex-start !important;
align-content: flex-start !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container-large .term {
font-size: 10px !important;
color: #38484f !important;
padding: 0 !important;
margin-top: 10px !important; }
.editDeliveryOrderTemplate .delivery-order-container .remarks-container-large .term1 p {
font-size: 10px !important;
color: #38484f !important;
padding: 0 !important; }
.editDeliveryOrderTemplate .delivery-order-container .signature-container {
text-align: center !important;
width: 100%; }
.editDeliveryOrderTemplate .delivery-order-container .signature-container .signature-section {
height: 40px !important; }
.editDeliveryOrderTemplate .delivery-order-container .signature-container .signature {
font-size: 8px !important;
border-top: 1px solid #707070 !important; }
.editDeliveryOrderTemplate .delivery-order-container .signature-container .signature-large {
font-size: 10px !important;
border-top: 1px solid #707070 !important; }
.editDeliveryOrderTemplate .delivery-order-container .signature-container .signature-data {
font-size: 8px !important;
text-align: left !important; }
.editDeliveryOrderTemplate .delivery-order-container .signature-container .signature-data-large {
font-size: 10px !important;
text-align: left !important; }
.editDeliveryOrderTemplate .delivery-order-container .signature-container .additional-fields-signature {
white-space: pre-wrap !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details {
border-radius: 4px !important;
font-size: 14px !important;
margin-bottom: 0 !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .body.set-light {
margin-bottom: 12px; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .ant-form-item {
margin-bottom: 0 !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .ant-checkbox + span {
color: #0c2028 !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .ant-select {
margin-bottom: 12px !important;
color: #0c2028 !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .ant-divider {
margin-top: 14px !important;
margin-bottom: 18px !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .hvrbox {
height: 115px !important;
width: 115px !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .hvrbox img {
object-fit: contain; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .qr-code-size-input-number,
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .barcode-size-input-number {
width: 100%;
display: inline-flex !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .qr-code-size-input-number .ant-input-number,
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .barcode-size-input-number .ant-input-number {
width: 100%;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .fulfillment-center-mode {
margin-bottom: 20px !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .fulfillment-center-mode label > div {
margin-bottom: 0 !important; }
.editDeliveryOrderTemplate .un-box-flat.delivery-order-details .row {
align-items: start !important; }
.settings-users .ant-list-item {
padding: 0 !important;
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important;
margin-bottom: 20px; }
.settings-users .ant-list-item-meta-avatar {
margin-right: 12px; }
.settings-users .ant-list-item-meta {
padding-left: 0 !important;
padding-right: 0 !important; }
.settings-users .ant-list-item-meta-content {
padding-top: 12px !important; }
.settings-users .un-text-truncate {
font-weight: 400 !important; }
.settings-users .un-light-label {
color: #647176 !important; }
.settings-users .ant-list-item-meta-description {
line-height: 1.2 !important; }
.settings-users .staff-table {
overflow-x: auto; }
.settings-users .staff-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.settings-users .staff-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.settings-users .staff-table table thead {
background-color: #fafafb !important; }
.settings-users .staff-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.settings-users .staff-table .ant-table-thead > tr > th {
border-bottom: none !important;
text-wrap: nowrap; }
.settings-users .staff-table .ant-table-column-sorters {
padding: 0 !important; }
.settings-users .staff-table .un-text-truncate {
font-weight: bold !important; }
.settings-users .staff-table .un-light-label {
font-size: 14px !important; }
.settings-users .staff-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
@media (min-width: 1024px) {
.package-module-div .un-subModule .ant-divider-horizontal {
display: none !important; }
.package-module-div .packageName {
padding-top: 5px !important;
height: 33px !important; } }
.shippings .zone-table {
overflow-x: auto; }
.shippings .zone-table .shipping-zone img {
height: 13px;
width: 22px;
margin-right: 12px; }
.shippings .zone-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.shippings .zone-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.shippings .zone-table table thead {
background-color: #fafafb !important; }
.shippings .zone-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.shippings .zone-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.shippings .zone-table .un-text-truncate {
font-weight: bold !important; }
.shippings .zone-table .un-light-label {
font-size: 14px !important; }
.un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.un-section-title {
margin-bottom: 12px !important; } }
.new-shippings .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.new-shippings .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.new-shippings .header-buttons .b-btn,
.new-shippings .header-buttons .b-btn:hover,
.new-shippings .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-shippings .header-buttons .b-btn i,
.new-shippings .header-buttons .b-btn:hover i,
.new-shippings .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-shippings .delete-shipping {
width: fit-content;
width: -moz-fit-content;
margin-left: auto !important;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176; }
.new-shippings .delete-shipping .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.new-shippings .delete-shipping:hover {
width: fit-content;
width: -moz-fit-content;
margin-left: auto !important;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #e0241a; }
.new-shippings .delete-shipping:hover .feather-trash-2 {
color: #e0241a !important;
font-size: 13px;
margin-right: 4px; }
.new-shippings .delete-shipping > .ant-btn {
width: fit-content;
width: -moz-fit-content;
margin-left: auto !important;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176; }
.new-shippings .delete-shipping > .ant-btn .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.new-shippings .delete-shipping > .ant-btn:hover {
width: fit-content;
width: -moz-fit-content;
margin-left: auto !important;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important; }
.new-shippings .delete-shipping > .ant-btn:hover .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.new-shippings .zone-country .ant-legacy-form-item {
padding-bottom: 0 !important;
margin-bottom: 12px !important; }
.new-shippings .zone-country .ant-legacy-form-item-with-help .ant-select-selector {
border: none !important; }
.new-shippings .zone-country .search-country .ant-input-affix-wrapper {
line-height: 33px;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.new-shippings .zone-country .search-country .ant-input-affix-wrapper > input.ant-input {
margin-left: 25px !important; }
.new-shippings .zone-country .search-country .feather-search {
color: #90999d;
font-size: 20px;
padding-left: 10px;
position: absolute;
left: 0;
top: 5px; }
.new-shippings .zone-country .search-country .primary-btn {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
padding: 8px 12px !important; }
.new-shippings .zone-country .selected-country {
border-radius: 4px; }
.new-shippings .zone-country .selected-country .shipping-zone img {
height: 13px;
width: 22px;
margin-top: -1px;
margin-right: 7px; }
.new-shippings .zone-country .selected-country .ant-collapse-header {
height: 33px;
line-height: 33px;
padding: 8px 12px;
border-radius: 4px; }
.new-shippings .zone-country .selected-country .ant-collapse-header .ant-collapse-extra {
color: #0c2028 !important;
position: absolute;
top: 1px;
right: 40px;
text-align: right; }
.new-shippings .zone-country .selected-country .ant-collapse-content {
border-radius: 0 0 4px 4px; }
.new-shippings .zone-country .selected-country .ant-collapse-content > .ant-collapse-content-box {
padding: 16px 24px 21px 12px;
background-color: #fafafb; }
.new-shippings .zone-country .selected-country .ant-radio-checked .ant-radio-inner {
border-color: #5acc5a !important; }
.new-shippings .zone-country .selected-country .ant-radio-inner::after {
background-color: #5acc5a !important; }
.new-shippings .zone-country .selected-country .select-postcode {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
margin-left: 24px;
margin-bottom: 12px; }
.new-shippings .zone-country .selected-country .select-postcode .ant-select-selector {
height: 33px !important;
padding: 0 12px; }
.new-shippings .zone-country .selected-country .selected_region {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
margin-left: 24px;
margin-top: 12px;
border-bottom: 1px solid #e5e5e5; }
.new-shippings .zone-country .selected-country .selected_region .ant-checkbox-wrapper {
width: 200px;
margin-bottom: 12px; }
.new-shippings .zone-country .selected-country .selected_region .ant-checkbox-group-item {
color: #0c2028 !important; }
.new-shippings .zone-country .selected-country .selected_region .ant-checkbox,
.new-shippings .zone-country .selected-country .selected_region .ant-checkbox-input,
.new-shippings .zone-country .selected-country .selected_region .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.new-shippings .zone-country .selected-country .selected_region .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
.new-shippings .zone-country .selected-country .caption {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
margin-left: 24px;
margin-top: 12px; }
.new-shippings .zone-country .selected-country .select-sub_region {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
margin-left: 24px;
margin-top: 12px; }
.new-shippings .zone-country .selected-country .select-sub_region .ant-checkbox-wrapper {
width: 200px;
margin-bottom: 12px; }
.new-shippings .zone-country .selected-country .select-sub_region .ant-checkbox-group-item {
color: #0c2028 !important; }
.new-shippings .zone-country .selected-country .select-sub_region .ant-checkbox,
.new-shippings .zone-country .selected-country .select-sub_region .ant-checkbox-input,
.new-shippings .zone-country .selected-country .select-sub_region .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.new-shippings .zone-country .selected-country .select-sub_region .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
.new-shippings .zone-country .selected-country .select-state {
display: flex;
margin-top: 10px;
margin-left: 10px; }
.new-shippings .zone-country .selected-country .postcode-list {
max-height: 200px;
overflow: auto; }
.new-shippings .zone-country .feather-trash-2 {
padding: 8px; }
.new-shippings .methods-rates {
padding-bottom: 8px !important; }
.new-shippings .methods-rates .methods-btn {
height: 35px !important;
border-radius: 4px !important;
border: 1px dashed #d4d4d4;
background: none !important;
box-shadow: none !important;
color: #007ce0 !important;
text-transform: unset !important;
margin-bottom: 12px !important; }
.new-shippings .methods-rates .methods-btn svg {
margin-bottom: -2px !important;
margin-right: 4px !important; }
.new-shippings .methods-rates .methods-btn:hover {
border: 1px dashed #007ce0; }
.new-shippings .no-margin-bottom-form .ant-form-item {
margin-bottom: 0px !important; }
.new-shippings .not-allow-delete:hover {
color: #647176 !important;
cursor: not-allowed !important; }
.new-shippings .easy-parcel-couriers {
border-bottom: 1px solid #d4d4d4; }
.new-shippings .middle-floating-text {
line-height: 33px; }
.new-shippings .weight-input {
text-align: center;
width: 40%; }
.new-shippings .shipping-profile .radio-group span.ant-radio + * {
padding-left: 16px; }
.new-shippings .shipping-profile .radio-group .caption-large {
padding-left: 32px;
margin-bottom: -8px; }
.new-shippings .shipping-profile .radio-group .radio-item {
line-height: 30px;
width: 100%; }
.new-shippings .shipping-profile .radio-group .radio-item .ant-select {
width: calc(100% - 32px);
margin-left: 32px;
margin-bottom: 4px; }
.new-shippings .shipping-profile .radio-group .shipping-profile-form-item {
margin-bottom: 0px !important; }
.new-shippings .shipping-profile .radio-group .shipping-profile-select {
padding-left: 30px; }
.pickup-location-form .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.pickup-location-form .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.pickup-location-form .header-buttons .b-btn,
.pickup-location-form .header-buttons .b-btn:hover,
.pickup-location-form .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.pickup-location-form .header-buttons .b-btn i,
.pickup-location-form .header-buttons .b-btn:hover i,
.pickup-location-form .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.pickup-location-form .delete-store {
width: fit-content;
margin-left: auto;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176; }
.pickup-location-form .delete-store .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.pickup-location-form .delete-store:hover {
color: #e0241a; }
.pickup-location-form .delete-store:hover .feather-trash-2 {
color: #e0241a !important; }
.pickup-location-form .selected-store-detail {
margin-bottom: 8px;
font-size: 14px; }
.pickup-location-form .selected-store-detail .address-label {
font-weight: bold; }
.pickup-location-form .business-hours .time-range-input-container .ant-form-item-control-input-content {
display: inline-flex;
align-items: center; }
.pickup-location-form .business-hours .time-range-input-container .ant-form-item-control-input-content .action {
cursor: pointer; }
.pickup-location-form .ant-input-group > .ant-input:first-child {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.pickup-location-form .item-checkbox .ant-form-item {
margin-bottom: 8px !important; }
.pickup-location-form .sub {
margin-left: 31px; }
@media (max-width: 575px) {
.pickup-location-form .ant-form-item-label,
.pickup-location-form .ant-form-item-control {
flex: 1 !important; } }
.specialAfter input {
border-right: none !important; }
.specialAfter .ant-input-group-addon:last-child {
border-left: none !important; }
.based-on-weight .heading-medium svg {
margin-top: 2px !important;
margin-right: 4px !important; }
.based-on-weight .feather-trash-2 {
padding: 8px; }
.based-on-weight .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.based-on-weight .upload-placeholder {
padding-top: 35% !important;
color: #007ce0; }
.based-on-weight .upload-placeholder i {
font-size: 32px; }
.based-on-weight .hvrbox {
height: 115px !important;
width: 115px !important; }
.based-on-weight .hvrbox img {
object-fit: contain !important; }
.based-on-weight .weight-checkbox.sub {
margin-left: 31px; }
.based-on-weight .weight-checkbox .ant-form-item {
margin-bottom: 8px !important; }
.based-on-weight .weight-checkbox .ant-checkbox-wrapper {
margin-bottom: 8px;
color: #0c2028 !important; }
.based-on-weight .weight-checkbox .ant-checkbox + span {
padding-right: 8px;
padding-left: 13px; }
.based-on-weight .weight-checkbox .ant-checkbox,
.based-on-weight .weight-checkbox .ant-checkbox-input,
.based-on-weight .weight-checkbox .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.based-on-weight .weight-checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
.based-on-weight .range-table {
background-color: #fafafb !important;
border-radius: 4px !important; }
.based-on-weight .range-table .rate1 {
padding: 10px;
border-bottom: 1px solid #e5e5e5; }
.based-on-weight .range-table .rate2 {
padding: 10px; }
.based-on-weight .range-table .ant-legacy-form-item {
margin-bottom: 0 !important; }
.based-on-weight .empty-selection .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.based-on-weight .empty-selection .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
line-height: 3; }
.based-on-item-quantity .heading-medium svg {
margin-top: 2px !important;
margin-right: 4px !important; }
.based-on-item-quantity .feather-trash-2 {
padding: 8px; }
.based-on-item-quantity .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.based-on-item-quantity .upload-placeholder {
padding-top: 35% !important;
color: #007ce0; }
.based-on-item-quantity .upload-placeholder i {
font-size: 32px; }
.based-on-item-quantity .hvrbox {
height: 115px !important;
width: 115px !important; }
.based-on-item-quantity .hvrbox img {
object-fit: contain !important; }
.based-on-item-quantity .item-checkbox .ant-form-item {
margin-bottom: 8px !important; }
.based-on-item-quantity .item-checkbox.sub {
margin-left: 31px; }
.based-on-item-quantity .item-checkbox .ant-checkbox-wrapper {
margin-bottom: 8px;
color: #0c2028 !important; }
.based-on-item-quantity .item-checkbox .ant-checkbox + span {
padding-right: 8px;
padding-left: 13px; }
.based-on-item-quantity .item-checkbox .ant-checkbox,
.based-on-item-quantity .item-checkbox .ant-checkbox-input,
.based-on-item-quantity .item-checkbox .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.based-on-item-quantity .item-checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
.based-on-item-quantity .range-table {
background-color: #fafafb !important;
border-radius: 4px !important; }
.based-on-item-quantity .range-table .rate1 {
padding: 10px;
border-bottom: 1px solid #e5e5e5; }
.based-on-item-quantity .range-table .rate2 {
padding: 10px; }
.based-on-item-quantity .range-table .ant-legacy-form-item {
margin-bottom: 0 !important; }
.based-on-item-quantity .empty-selection .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.based-on-item-quantity .empty-selection .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
line-height: 3; }
.flat-rate .heading-medium svg {
margin-top: 2px !important;
margin-right: 4px !important; }
.flat-rate .feather-trash-2 {
padding: 8px; }
.flat-rate .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.flat-rate .upload-placeholder {
padding-top: 35% !important;
color: #007ce0; }
.flat-rate .upload-placeholder i {
font-size: 32px; }
.flat-rate .hvrbox {
height: 115px !important;
width: 115px !important; }
.flat-rate .hvrbox img {
object-fit: contain !important; }
.flat-rate .flat-rate-checkbox .ant-form-item {
margin-bottom: 8px !important; }
.flat-rate .flat-rate-checkbox.sub {
margin-left: 31px; }
.flat-rate .flat-rate-checkbox .ant-checkbox-wrapper {
margin-bottom: 8px;
color: #0c2028 !important; }
.flat-rate .flat-rate-checkbox .ant-checkbox + span {
padding-right: 8px;
padding-left: 13px; }
.flat-rate .flat-rate-checkbox .ant-checkbox,
.flat-rate .flat-rate-checkbox .ant-checkbox-input,
.flat-rate .flat-rate-checkbox .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.flat-rate .flat-rate-checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
.flat-rate .range-table {
background-color: #fafafb !important;
border-radius: 4px !important; }
.flat-rate .range-table .rate1 {
padding: 10px;
border-bottom: 1px solid #e5e5e5; }
.flat-rate .range-table .rate2 {
padding: 10px; }
.flat-rate .range-table .ant-legacy-form-item {
margin-bottom: 0 !important; }
.flat-rate .empty-selection .ant-select-single.ant-select-show-arrow .ant-select-selection-item,
.flat-rate .empty-selection .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
line-height: 3; }
.ecpay .heading-medium svg {
margin-top: 2px !important;
margin-right: 4px !important; }
.ecpay .feather-trash-2 {
padding: 8px; }
.ecpay .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important; }
.ecpay .upload-placeholder {
padding-top: 35% !important;
color: #007ce0; }
.ecpay .upload-placeholder i {
font-size: 32px; }
.ecpay .hvrbox {
height: 115px !important;
width: 115px !important; }
.ecpay .hvrbox img {
object-fit: contain !important; }
.ecpay .ecpay-checkbox .ant-form-item {
margin-bottom: 8px !important; }
.ecpay .ecpay-checkbox.sub {
margin-left: 55px; }
.ecpay .ecpay-checkbox.sub-2 {
margin-left: 65px; }
.ecpay .ecpay-checkbox.price {
margin-left: 31px; }
.ecpay .ecpay-checkbox .ant-checkbox-wrapper {
margin-bottom: 8px;
color: #0c2028 !important; }
.ecpay .ecpay-checkbox .ant-checkbox + span {
padding-right: 8px;
padding-left: 13px; }
.ecpay .ecpay-checkbox .ant-checkbox,
.ecpay .ecpay-checkbox .ant-checkbox-input,
.ecpay .ecpay-checkbox .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.ecpay .ecpay-checkbox .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
.ecpay .ecpaySupermarket .ant-form-item {
margin-bottom: 0px !important; }
.ecpay .ecpaySupermarket.label span {
color: #38484f !important; }
.shippingMethods-ShippingMethodsLayout .ant-card.rounded-card,
.shippingMethods-ShippingMethodsLayout2 .ant-card.rounded-card {
padding-left: 25px;
padding-right: 25px; }
.shippingMethods-ShippingMethodsLayout .ant-card.rounded-card .ant-card-head,
.shippingMethods-ShippingMethodsLayout .ant-card.rounded-card .ant-card-body,
.shippingMethods-ShippingMethodsLayout2 .ant-card.rounded-card .ant-card-head,
.shippingMethods-ShippingMethodsLayout2 .ant-card.rounded-card .ant-card-body {
padding-left: 0;
padding-right: 0; }
.new-shipping-profile .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.new-shipping-profile .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.new-shipping-profile .header-buttons .b-btn,
.new-shipping-profile .header-buttons .b-btn:hover,
.new-shipping-profile .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-shipping-profile .header-buttons .b-btn i,
.new-shipping-profile .header-buttons .b-btn:hover i,
.new-shipping-profile .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-shipping-profile .delete-shipping {
width: fit-content;
width: -moz-fit-content;
margin-left: auto !important;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176; }
.new-shipping-profile .delete-shipping .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.new-shipping-profile .delete-shipping:hover {
width: fit-content;
width: -moz-fit-content;
margin-left: auto !important;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #e0241a; }
.new-shipping-profile .delete-shipping:hover .feather-trash-2 {
color: #e0241a !important;
font-size: 13px;
margin-right: 4px; }
.new-shipping-profile .delete-shipping > .ant-btn {
width: fit-content;
width: -moz-fit-content;
margin-left: auto !important;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176; }
.new-shipping-profile .delete-shipping > .ant-btn .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.new-shipping-profile .delete-shipping > .ant-btn:hover {
width: fit-content;
width: -moz-fit-content;
margin-left: auto !important;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important; }
.new-shipping-profile .delete-shipping > .ant-btn:hover .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.new-shipping-profile .radio-group span.ant-radio + * {
padding-left: 16px; }
.new-shipping-profile .radio-group .caption-large {
padding-left: 32px;
margin-bottom: -8px; }
.new-shipping-profile .radio-group .radio-item {
line-height: 30px;
width: 100%; }
.new-shipping-profile .radio-group .radio-item i {
margin-right: 4px; }
.new-shipping-profile .radio-group .radio-item .mdi-package-variant-closed {
content: url("https://api.iconify.design/mdi/package-variant-closed.svg?color=%2338484f&width=17&height=17");
vertical-align: -0.125em;
margin-bottom: -2px; }
.new-shipping-profile .radio-group .radio-item .mdi-glass-cocktail {
content: url("https://api.iconify.design/mdi/glass-cocktail.svg?color=%2338484f&width=17&height=17");
vertical-align: -0.125em;
margin-bottom: -2px; }
.new-shipping-profile .radio-group .radio-item .mdi-thermometer {
content: url("https://api.iconify.design/mdi/thermometer.svg?color=%2338484f&width=17&height=17");
vertical-align: -0.125em;
margin-bottom: -2px; }
.new-shipping-profile .radio-group .radio-item .mdi-snowflake {
content: url("https://api.iconify.design/mdi/snowflake.svg?color=%2338484f&width=17&height=17");
vertical-align: -0.125em;
margin-bottom: -2px; }
.new-shipping-profile .radio-group .radio-item .mdi-weight {
content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.11482 11.5344H10.8926L9.96898 5.05295H4.03843L3.11482 11.5344ZM7.00371 3.75665C7.18735 3.75665 7.34139 3.69443 7.46583 3.56999C7.59028 3.44554 7.65229 3.29172 7.65185 3.10851C7.65142 2.9253 7.5892 2.77147 7.46519 2.64703C7.34117 2.52258 7.18735 2.46036 7.00371 2.46036C6.82006 2.46036 6.66624 2.52258 6.54222 2.64703C6.41821 2.77147 6.35599 2.9253 6.35556 3.10851C6.35512 3.29172 6.41735 3.44576 6.54222 3.57064C6.6671 3.69551 6.82093 3.75752 7.00371 3.75665ZM8.83472 3.75665H9.96898C10.2931 3.75665 10.5739 3.86468 10.8116 4.08073C11.0492 4.29678 11.1951 4.56144 11.2491 4.87471L12.1727 11.3562C12.2267 11.7451 12.1269 12.0882 11.8732 12.3855C11.6196 12.6827 11.2927 12.8312 10.8926 12.8307H3.11482C2.71513 12.8307 2.38824 12.6823 2.13417 12.3855C1.88009 12.0886 1.78028 11.7455 1.83472 11.3562L2.75834 4.87471C2.81235 4.56144 2.95818 4.29678 3.19584 4.08073C3.43349 3.86468 3.71435 3.75665 4.03843 3.75665H5.17269C5.14028 3.64863 5.11327 3.54341 5.09167 3.44101C5.07006 3.3386 5.05926 3.22777 5.05926 3.10851C5.05926 2.56838 5.2483 2.10928 5.62639 1.73119C6.00448 1.35311 6.46358 1.16406 7.00371 1.16406C7.54383 1.16406 8.00293 1.35311 8.38102 1.73119C8.75911 2.10928 8.94815 2.56838 8.94815 3.10851C8.94815 3.22733 8.93735 3.33817 8.91574 3.44101C8.89414 3.54385 8.86713 3.64906 8.83472 3.75665Z' fill='%2338484f'/%3E%3C/svg%3E%0A");
vertical-align: -0.125em;
margin-bottom: -2px; }
.new-shipping-profile .radio-group .radio-item .mdi-bulky {
content: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.91406 11.6641V12.3932C2.91406 12.5585 2.85806 12.6971 2.74606 12.8091C2.63406 12.9211 2.49562 12.977 2.33073 12.9766H1.7474C1.58212 12.9766 1.44367 12.9206 1.33206 12.8086C1.22045 12.6966 1.16445 12.5581 1.16406 12.3932V11.0807C1.16406 10.9155 1.22006 10.777 1.33206 10.6654C1.44406 10.5538 1.58251 10.4978 1.7474 10.4974H12.2474C12.4127 10.4974 12.5513 10.5534 12.6633 10.6654C12.7753 10.7774 12.8311 10.9158 12.8307 11.0807V12.3932C12.8307 12.5585 12.7747 12.6971 12.6627 12.8091C12.5507 12.9211 12.4123 12.977 12.2474 12.9766H11.6641C11.4988 12.9766 11.3603 12.9206 11.2487 12.8086C11.1371 12.6966 11.0811 12.5581 11.0807 12.3932V11.6641H7.8724V12.3932C7.8724 12.5585 7.8164 12.6971 7.7044 12.8091C7.5924 12.9211 7.45395 12.977 7.28906 12.9766H6.70573C6.54045 12.9766 6.40201 12.9206 6.2904 12.8086C6.17878 12.6966 6.12278 12.5581 6.1224 12.3932V11.6641H2.91406ZM3.4974 9.33073C3.33212 9.33073 3.19367 9.27473 3.08206 9.16273C2.97045 9.05073 2.91445 8.91228 2.91406 8.7474V1.7474C2.91406 1.58212 2.97006 1.44367 3.08206 1.33206C3.19406 1.22045 3.33251 1.16445 3.4974 1.16406H10.4974C10.6627 1.16406 10.8013 1.22006 10.9133 1.33206C11.0253 1.44406 11.0811 1.58251 11.0807 1.7474V8.7474C11.0807 8.91267 11.0247 9.05131 10.9127 9.16331C10.8007 9.27531 10.6623 9.33112 10.4974 9.33073H3.4974ZM4.08073 8.16406H9.91406V2.33073H4.08073V8.16406ZM8.16406 4.66406C8.32934 4.66406 8.46798 4.60806 8.57998 4.49606C8.69198 4.38406 8.74778 4.24562 8.7474 4.08073C8.74701 3.91584 8.69101 3.7774 8.5794 3.6654C8.46778 3.5534 8.32934 3.4974 8.16406 3.4974H5.83073C5.66545 3.4974 5.52701 3.5534 5.4154 3.6654C5.30378 3.7774 5.24778 3.91584 5.2474 4.08073C5.24701 4.24562 5.30301 4.38426 5.4154 4.49665C5.52778 4.60903 5.66623 4.66484 5.83073 4.66406H8.16406Z' fill='%2338484f'/%3E%3C/svg%3E%0A");
vertical-align: -0.125em;
margin-bottom: -2px; }
.new-shipping-profile .zone-table {
overflow-x: auto; }
.new-shipping-profile .zone-table .ant-table-tbody > tr > td {
padding: 12px 12px !important;
vertical-align: baseline !important; }
.new-shipping-profile .zone-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.new-shipping-profile .zone-table table thead {
background-color: #fafafb !important; }
.new-shipping-profile .zone-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.new-shipping-profile .zone-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.new-shipping-profile .zone-table .un-text-truncate {
font-weight: bold !important; }
.new-shipping-profile .zone-table .un-light-label {
font-size: 14px !important; }
.new-shipping-profile .zone-table .ant-list-item {
padding: 0 !important; }
.new-shipping-profile .zone-table .ant-list-item .ant-list-item-meta-avatar {
margin-right: 12px; }
.new-shipping-profile .zone-table .ant-list-item .ant-list-item-meta-avatar img {
width: 42px !important;
height: 42px !important; }
.select-modal {
width: 750px !important; }
.select-modal .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.select-modal .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important; }
.select-modal .ant-modal-close,
.select-modal .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.select-modal .ant-table-body {
overflow-y: scroll;
max-height: calc(100vh - 360px) !important; }
.select-modal .ant-modal-body {
max-height: unset;
height: calc(100vh - 240px) !important;
padding: 20px 20px 0 !important; }
.select-modal .ant-modal-body .modal-filter {
height: 41px !important; }
.select-modal .ant-modal-body .modal-filter .search-form {
position: absolute !important;
z-index: 1002 !important;
top: 1px;
width: 420; }
.select-modal .ant-modal-body .item-table table tbody tr td {
vertical-align: top !important; }
.select-modal .ant-modal-body .item-table .ant-list-item {
padding: 0 !important; }
.select-modal .ant-modal-body .item-table .ant-list-item-meta {
padding-top: 1px !important; }
.select-modal .ant-modal-body .item-table .ant-list-item-meta-description {
padding-left: 0; }
.select-modal .ant-modal-body .item-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.select-modal .ant-modal-body .item-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.select-modal .ant-modal-body .item-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.select-modal .ant-modal-body .item-table table thead {
background-color: #fafafb !important; }
.select-modal .ant-modal-body .item-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.select-modal .ant-modal-body .item-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.select-modal .ant-modal-body .item-table .desc {
line-height: 15px !important; }
.select-modal .ant-modal-body .item-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.select-modal .ant-modal-body .ant-pagination {
margin-top: 0 !important;
height: 41px !important;
align-items: center;
color: #0c2028 !important;
font-weight: normal !important; }
.select-modal .ant-modal-body .ant-pagination .ant-pagination-total-text {
display: none !important; }
.select-modal .ant-modal-body .ant-pagination .ant-pagination-item-link {
color: #0c2028 !important; }
.select-modal .ant-modal-body .ant-pagination .ant-pagination-item a {
color: #0c2028 !important; }
.select-modal .ant-modal-body .ant-pagination .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.select-modal .ant-modal-body .ant-pagination .ant-pagination-item-active a {
color: #007ce0 !important; }
.select-modal .ant-modal-body .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.select-modal .ant-modal-body .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.select-modal .ant-modal-body .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.select-modal .ant-modal-body .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.select-modal .ant-modal-body .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.select-modal .ant-modal-footer {
padding: 12px 24px !important;
height: 151px !important; }
.select-modal .ant-modal-footer .selected-container {
width: -webkit-fill-available;
height: 81px;
display: inline-flex;
text-align: left !important;
margin-bottom: 12px !important;
overflow-x: auto; }
.select-modal .ant-modal-footer .selected-container .un-row-product img {
height: 56px !important;
width: 56px !important;
border: 1px solid #e5e5e5 !important;
border-radius: 6px !important;
margin-left: 0 !important;
margin-top: 8px !important; }
.select-modal .ant-modal-footer .selected-container .selected-img {
position: relative;
margin-right: 16px; }
.select-modal .ant-modal-footer .selected-container .selected-img .anticon.anticon-close {
background-color: #0c2028 !important;
border-radius: 50%;
padding: 4px;
width: 28px;
content: url("https://api.iconify.design/feather:x.svg?color=%23FFFFFF&width=24px");
vertical-align: -0.125em;
position: absolute;
top: 1px;
right: -4px;
opacity: 0.65; }
.courier-list {
list-style-type: none;
padding: 0;
margin: 0; }
.courier-list-title {
font-size: 13px;
font-weight: 300;
background-color: #f0f0f0;
padding: 8px; }
.courier-item {
display: flex;
align-items: center;
padding: 9px;
border-bottom: 1px solid #ddd; }
.courier-logo {
width: 90px;
height: 30px;
object-fit: contain;
margin-right: 10px;
border: 1px solid #eee; }
.courier-name {
font-size: 14px;
font-weight: 400;
color: #333; }
.sync-available-courier-modal .ant-modal-body {
max-height: unset !important; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container {
width: 100%;
display: flex;
background-color: #f6f6f6;
border-radius: 4px !important;
padding: 16px !important;
margin-bottom: 20px; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .s-label {
padding-right: 16px !important; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .s-label i {
font-size: 18px;
font-weight: bold;
margin-right: 4px;
color: #0c2028; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .s-label span {
font-size: 16px;
font-weight: bold;
color: #0c2028; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .ant-form-item {
margin-bottom: 12px !important; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .ant-form-item .ant-select-selector,
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .ant-form-item .ant-input {
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
border-bottom: 1px solid #e5e5e5 !important;
background-color: transparent !important; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .ant-form-item .ant-select-arrow {
color: #0c2028 !important; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .sender,
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .receiver {
width: 100%;
display: flex;
align-items: baseline;
padding-right: 20px !important; }
.sync-available-courier-modal .ant-modal-body .sender-receiver-search-container .search {
width: fit-content;
margin-left: auto;
align-items: end; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container {
display: flex;
width: 100%; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section {
width: 50%; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list {
width: 100%;
max-height: 50vh !important;
overflow-y: auto; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list::-webkit-scrollbar-track,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list::-webkit-scrollbar-track {
background-color: #ffffff !important; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list::-webkit-scrollbar,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list::-webkit-scrollbar {
display: block;
width: 4px;
background-color: #ffffff !important; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list::-webkit-scrollbar-thumb,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list::-webkit-scrollbar-thumb {
background-color: #d4d4d4 !important;
border: 1px solid #d4d4d4 !important;
border-radius: 12px !important; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 20px 12px 0;
border-bottom: 1px solid #e5e5e5; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item .courier-logo-name,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item .courier-logo-name {
width: fit-content;
display: flex;
align-items: center; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item .courier-logo-name img,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item .courier-logo-name img {
width: 90px;
min-width: 90px;
height: 30px;
border: 1px solid #eee;
object-fit: contain; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item .remove-btn,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item .add-btn,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item .remove-btn,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item .add-btn {
width: 26px;
min-width: 26px;
height: 26px;
min-height: 26px;
border-radius: 50%;
border: none !important;
box-shadow: none !important;
padding: 4px; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item .remove-btn i,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item .add-btn i,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item .remove-btn i,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item .add-btn i {
font-size: 16px !important;
font-weight: bold;
color: #ffffff !important; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item .remove-btn,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item .remove-btn {
background-color: #e0241a !important; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .list .list-item .add-btn,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .list .list-item .add-btn {
background-color: #5acc5a !important; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .showEmptyData,
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section .showEmptyData {
display: flex;
align-items: center;
justify-content: center;
height: 95%;
margin-bottom: 40px; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section {
border-right: 1px solid #e5e5e5; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .right-section {
padding-left: 20px; }
.sync-available-courier-modal .ant-modal-body .transfer-list-container .left-section .leftshowEmptyData {
display: flex;
align-items: center;
justify-content: center;
height: 95%;
margin-bottom: 40px; }
.payments .payment-table {
overflow-x: auto; }
.payments .payment-table .method-name {
line-height: 52px; }
.payments .payment-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.payments .payment-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.payments .payment-table table thead {
background-color: #fafafb !important; }
.payments .payment-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.payments .payment-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.payments .payment-table .un-table-cell {
color: #0c2028;
margin-top: 12px !important; }
.payments .payment-table .un-text-truncate {
font-weight: bold !important; }
.payments .payment-table .un-light-label {
font-size: 14px !important; }
.method-img .ant-form-item {
margin-bottom: 0 !important; }
.method-img .ant-form-item .ant-upload-select-picture-card {
border: none;
margin: 0;
height: fit-content; }
.method-img .ant-upload-select-picture-card img,
.method-img img.size-guide {
height: 77px !important;
width: 183.5px !important;
margin: 0; }
.method-img img {
height: 52px;
width: 123px;
margin-right: 12px;
border: 1px solid #d4d4d4;
border-radius: 4px;
object-fit: cover !important; }
.un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.un-section-title {
margin-bottom: 12px !important; } }
.selectModal .ant-modal-body .options-btn {
display: grid !important;
border: 1px solid #d4d4d4;
border-radius: 4px !important;
height: 116px !important;
padding: 0 !important;
margin-bottom: 12px; }
.selectModal .ant-modal-body .options-btn .options-img {
width: inherit !important;
height: 69px; }
.selectModal .ant-modal-body .options-btn .options-img img {
width: 100% !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important;
height: 69px;
object-fit: cover; }
.selectModal .ant-modal-body .options-btn .options-name {
padding: 0 5px !important;
width: inherit !important;
white-space: normal; }
.selectModal .ant-modal-body .options-btn:hover,
.selectModal .ant-modal-body .options-btn:focus {
border: 4px solid #5acc5a !important; }
.selectModal .ant-modal-body .ant-upload img.custom-image {
width: 228px;
height: 104px;
object-fit: cover; }
.selectModal .ant-modal-body img.account-image {
width: 190px;
height: 78.5px; }
.selectModal .modal-filter .ant-input-group.ant-input-group-compact > *:first-child {
width: 30%; }
.selectModal .modal-filter .ant-input-group.ant-input-group-compact > *:last-child {
width: 70%; }
.selectModal .modal-filter .search-form {
display: block !important; }
.selectModal .modal-filter .search-form .un-filter-value {
width: 558px !important;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.un-section-title {
margin-bottom: 12px !important; } }
.new-payments .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.new-payments .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.new-payments .header-buttons .b-btn,
.new-payments .header-buttons .b-btn:hover,
.new-payments .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-payments .header-buttons .b-btn i,
.new-payments .header-buttons .b-btn:hover i,
.new-payments .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-payments .delete-payment {
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176; }
.new-payments .delete-payment .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.new-payments .delete-payment:hover {
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
padding: 0;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #e0241a; }
.new-payments .delete-payment:hover .feather-trash-2 {
color: #e0241a !important;
font-size: 13px;
margin-right: 4px; }
.new-payments .payment-detail.senangpay ol {
padding-inline-start: 16px !important;
margin-bottom: 0;
color: #38484f !important; }
.new-payments .payment-detail.senangpay ol li {
line-height: 25px;
padding-bottom: 8px;
padding-left: 10px; }
.new-payments .payment-detail.ipay88 .eppStatus {
margin: 0 0 0 auto !important; }
.new-payments .payment-detail.ipay88 .eppPlan .ant-form-item {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available; }
.new-payments .payment-detail.ipay88 .eppPlan .primary-btn {
margin-left: 8px;
border-radius: 2px !important;
align-self: center;
padding: 9px !important; }
.new-payments .payment-detail.ipay88 .method-plan-container {
border: 1px solid #e5e5e5;
padding: 12px;
border-radius: 4px; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item {
width: 100%;
display: inline-flex;
margin-bottom: 12px; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan {
width: 100px; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan .status-tag {
border-radius: 4px !important;
text-transform: capitalize;
font-size: 12px !important;
border: 1px solid; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan .status-tag span {
font-size: 12px !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan .status-tag.three {
color: #323f47 !important;
border-color: #8ed7ff !important;
background-color: #d0f4ff !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan .status-tag.six {
color: #514b32 !important;
border-color: #f9e477 !important;
background-color: #fff5c4 !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan .status-tag.nine {
color: #49302c !important;
border-color: #ffadad !important;
background-color: #ffe0e0 !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan .status-tag.twelve {
color: #35454c !important;
border-color: #bcefb9 !important;
background-color: #f3fff3 !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan .status-tag.twentyfour {
color: #610061 !important;
border-color: #b427e0 !important;
background-color: #cd8ef2 !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .plan .status-tag.thirtysix {
color: #f6f6f6 !important;
border-color: #38484f !important;
background-color: #647176 !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .method {
width: fit-content;
color: #0c2028 !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .method-plan-action {
width: 20px;
height: 20px;
background-color: #e0241a;
align-items: center;
border-radius: 50%;
text-align: center;
margin: 0 0 0 auto !important; }
.new-payments .payment-detail.ipay88 .method-plan-container .method-plan-item .method-plan-action .feather-x {
font-size: 14px;
line-height: 20px;
color: #ffffff; }
.new-payments .payment-detail .first-image-upload {
padding-top: 20px;
padding-bottom: 20px; }
.new-payments .payment-detail .image-upload-blank {
margin-bottom: 0 !important; }
.new-payments .payment-detail.tappay-tw .tappay-sub-method.display-merchant-id > div {
margin-bottom: 0 !important; }
.payment-settings .ant-radio-checked .ant-radio-inner {
border-color: #5acc5a !important; }
.payment-settings .ant-radio-inner::after {
background-color: #5acc5a !important; }
.payment-methods .ant-checkbox-wrapper {
line-height: 33px; }
.bank-account-table {
overflow-x: auto; }
.bank-account-table .ant-table-tbody > tr > td {
border: none !important;
padding: 12px 12px !important;
vertical-align: top !important; }
.bank-account-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.bank-account-table table thead {
background-color: #fafafb !important; }
.bank-account-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.bank-account-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.bank-account-table .bank-img {
width: 166px !important;
margin-right: 12px; }
.bank-account-table .bank-img img {
width: 100% !important;
border-radius: 4px !important; }
.bank-account-table .bank-img img.cardImage {
width: 166px;
height: 69px;
object-fit: cover; }
.bank-account-table .bank-details {
padding-top: 4px; }
.all-banks-container {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
height: 320px;
overflow-y: auto; }
.bank-detail-container {
display: flex;
margin-bottom: 20px; }
.bank-detail-container .bank-img {
width: 166px !important;
min-width: 166px !important;
height: 69px !important;
margin-right: 12px; }
.bank-detail-container .bank-img img {
width: 100%;
height: 100%;
border-radius: 4px;
object-fit: cover; }
.upload-list-inline .ant-upload-select-picture-card {
display: none !important; }
.row-dragging {
background: #fafafa;
border: 1px solid #ccc; }
.row-dragging td {
padding: 16px; }
.row-dragging .drag-visible {
visibility: visible; }
.payment-group-status {
margin-left: auto;
width: fit-content; }
.ecpay-sub-payment-method-modal {
width: 650px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body {
max-height: unset;
height: calc(100vh - 240px) !important;
padding: 20px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .search-form {
position: absolute !important;
z-index: 1002 !important;
width: 370px;
margin-top: -10px; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
width: 226px !important; }
@media (max-width: 425px) {
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
width: 100% !important; } }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination-total-text {
display: none !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination-item-link {
color: #0c2028 !important;
font-size: 10px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination-item a {
color: #0c2028 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination-item-active a {
color: #007ce0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination.mini {
margin-top: 10px; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter.collection .ant-input-affix-wrapper {
height: 41px !important;
border-radius: 4px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .modal-filter.collection .ant-input-affix-wrapper .ant-input-prefix {
font-size: 20px !important;
margin-right: 8px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table table tbody tr td {
vertical-align: top !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-list-item {
padding: 0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-list-item-meta {
padding-top: 1px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-list-item-meta-description {
padding-left: 0; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table-row.disabled-row {
background-color: #e5e5e5; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table table thead {
background-color: #fafafb !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .desc {
line-height: 15px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table-pagination.ant-pagination {
margin: 12px 0 28px; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination-total-text {
display: none !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination-item-link {
color: #0c2028 !important;
font-size: 10px !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination-item a {
color: #0c2028 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination-item-active a {
color: #007ce0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination.mini {
margin-top: 4px; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-tree .ant-tree-list .ant-tree-treenode {
padding: 0 0 10px 0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-tree .ant-tree-list .ant-tree-treenode .ant-tree-switcher {
margin-right: 12px !important;
color: #90999d !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-tree .ant-tree-list .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
background-color: transparent !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-tree .ant-tree-list .ant-tree-treenode .ant-tree-checkbox-checked .ant-tree-checkbox-inner {
background-color: #5acc5a !important;
border-color: #5acc5a !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-tree .ant-tree-list .ant-tree-treenode .ant-tree-checkbox:hover .ant-tree-checkbox-inner {
border-color: #d9d9d9 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table-column-sorters {
padding: unset !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .ant-table-tbody .ant-table-measure-row td {
padding: 0 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .currency-text {
font-size: 12px !important;
color: #90999d !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .status-tag.banking {
color: #443805 !important;
border-color: #f9c908 !important;
background-color: #f9c908 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .status-tag.credit-card {
color: #270f6a !important;
border-color: #e3d9ff !important;
background-color: #e3d9ff !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .status-tag.app-payment {
color: #346073 !important;
border-color: #b7e1f3 !important;
background-color: #b7e1f3 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .status-tag.e-wallet {
color: #445423 !important;
border-color: #aad356 !important;
background-color: #aad356 !important; }
.ecpay-sub-payment-method-modal .ant-modal-body .item-table .status-tag.offline-payment {
color: #647176 !important;
border-color: #d4d4d4 !important;
background-color: #f6f6f6 !important; }
.ecpay-sub-payment-method-modal .ant-modal-footer {
border-top: 1px solid #f0f0f0 !important;
padding: 12px 24px !important;
height: 65px !important; }
.ecpay-sub-payment-method-modal .ant-modal-footer .selected-container {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
height: 80px;
display: inline-flex;
text-align: left !important;
margin-bottom: 12px !important;
overflow-x: auto; }
.ecpay-sub-payment-method-modal .ant-modal-footer .selected-container .un-row-product img {
height: 56px;
width: 56px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: 0;
margin-top: 8px; }
.ecpay-sub-payment-method-modal .ant-modal-footer .selected-container .selected-img {
position: relative;
margin-right: 16px; }
.ecpay-sub-payment-method-modal .ant-modal-footer .selected-container .selected-img .anticon.anticon-close {
background-color: #0c2028 !important;
border-radius: 50%;
padding: 4px;
width: 28px;
content: url("https://api.iconify.design/feather:x.svg?color=%23FFFFFF&width=24px");
vertical-align: -0.125em;
position: absolute;
top: 1px;
right: -4px;
opacity: 0.65; }
.ecpay-sub-payment-settings-modal {
width: 500px !important; }
.ecpay-sub-payment-settings-modal .ant-modal-body {
padding: 24px;
font-size: 14px;
line-height: 1.5;
word-wrap: unset !important; }
.ecpay-sub-payment-settings-modal .settings-form-item {
padding-left: 0 !important;
padding-right: 0 !important; }
.ecpay-sub-payment-settings-modal .ant-checkbox-wrapper {
margin-left: 8px !important; }
.ecpay-sub-payment-settings-modal .installment-period-info {
font-size: 12px !important;
color: #647176 !important;
margin-bottom: 12px !important;
padding-left: 0 !important; }
.domains .primary-btn,
.domains .primary-btn:hover,
.domains .primary-btn:active,
.domains .primary-btn:focus {
margin-top: 12px;
background-color: #d4d4d4 !important;
border: 1px solid #d4d4d4 !important;
border-radius: 4px !important;
box-shadow: none !important;
color: #38484f !important; }
.domains .domains-table {
overflow-x: auto; }
.domains .domains-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.domains .domains-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.domains .domains-table table thead {
background-color: #fafafb !important; }
.domains .domains-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.domains .domains-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.domains .domains-table .un-text-truncate {
font-weight: bold !important; }
.domains .domains-table .un-light-label {
font-size: 14px !important; }
.domains .domains-table .secured {
display: inline-block;
text-align: center;
font-size: 12px;
line-height: 14px;
white-space: nowrap;
border-radius: 30px;
background: #bcefb9;
padding: 6px 12px;
color: #38484f; }
.domains .domains-table .secured i {
margin-right: 4px; }
.domains .domains-table .not-verified {
display: inline-block;
text-align: center;
font-size: 12px;
line-height: 14px;
white-space: nowrap;
border-radius: 30px;
background: #e5e5e5;
padding: 6px 12px;
color: #38484f; }
.domains .domains-table .not-verified i {
margin-right: 4px; }
.domains .domains-table .feather-star {
margin-right: 16px;
padding: 2px;
color: #ffffff;
border-radius: 4px;
background-color: #f2cb0c;
font-size: 14px; }
.domains .domains-table .feather-external-link {
margin-right: 16px;
padding: 2px;
color: #ffffff;
border-radius: 4px;
background-color: #90999d;
font-size: 14px; }
.domains .domains-table .anticon.anticon-info-circle {
content: url("https://api.iconify.design/feather:info.svg?color=%23647176&width=20px"); }
.domains .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.domains .un-section-title {
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.domains .un-section-title {
margin-bottom: 12px !important; } }
.domains .un-form-setting .ant-form-item-label > label {
font-size: 16px !important;
font-weight: bold !important;
margin-bottom: 8px; }
.domains .un-form-setting .radio-group span.ant-radio + * {
padding-left: 16px; }
.domains .un-form-setting .radio-group .caption {
padding-left: 32px;
margin-bottom: -8px; }
.domains .un-form-setting .radio-group .radio-item {
height: 30px; }
.domains .un-form-setting .radio-group .ant-radio-checked .ant-radio-inner {
border-color: #5acc5a !important; }
.domains .un-form-setting .radio-group .ant-radio-inner::after {
background-color: #5acc5a !important; }
.domains .un-form-setting .checkbox-group .ant-checkbox-wrapper {
color: #38484f !important;
height: 30px; }
.domains .un-form-setting .checkbox-group .ant-checkbox + span {
padding-right: 8px;
padding-left: 13px; }
.domains .un-form-setting .checkbox-group .caption {
padding-left: 31px;
margin-top: -10px;
margin-bottom: 10px; }
.domains .un-form-setting .checkbox-group .ant-checkbox,
.domains .un-form-setting .checkbox-group .ant-checkbox-input,
.domains .un-form-setting .checkbox-group .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.domains .un-form-setting .checkbox-group .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
.domain-modal .ant-modal-body .plain-btn {
color: #647176 !important; }
.domain-modal .ant-modal-body .plain-btn .feather-trash-2 {
color: #647176 !important;
font-size: 13px;
margin-right: 4px; }
.domain-modal .ant-modal-body .plain-btn:hover,
.domain-modal .ant-modal-body .plain-btn:active,
.domain-modal .ant-modal-body .plain-btn:focus {
color: #e0241a !important; }
.domain-modal .ant-modal-body .plain-btn:hover .feather-trash-2,
.domain-modal .ant-modal-body .plain-btn:active .feather-trash-2,
.domain-modal .ant-modal-body .plain-btn:focus .feather-trash-2 {
color: #e0241a !important;
font-size: 13px;
margin-right: 4px; }
.domain-modal .ant-modal-body .checkbox-group .ant-checkbox-wrapper {
color: #38484f !important;
height: 30px; }
.domain-modal .ant-modal-body .checkbox-group .ant-checkbox + span {
padding-right: 8px;
padding-left: 13px; }
.domain-modal .ant-modal-body .checkbox-group .caption {
padding-left: 31px;
margin-top: -10px;
margin-bottom: 10px; }
.domain-modal .ant-modal-body .checkbox-group .ant-checkbox,
.domain-modal .ant-modal-body .checkbox-group .ant-checkbox-input,
.domain-modal .ant-modal-body .checkbox-group .ant-checkbox-inner {
width: 18px !important;
height: 18px !important; }
.domain-modal .ant-modal-body .checkbox-group .ant-checkbox-checked .ant-checkbox-inner::after {
top: 46%;
left: 25%; }
.settings-api .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0 !important; }
.settings-api .header-buttons .b-btn,
.settings-api .header-buttons .b-btn:hover,
.settings-api .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.settings-api .header-buttons .b-btn i,
.settings-api .header-buttons .b-btn:hover i,
.settings-api .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.settings-api .left-section,
.settings-api .right-section {
display: inline-block;
width: 50%; }
.settings-api .secret-key-title {
font-size: 14px !important;
color: #647176 !important; }
.settings-api .secret-key {
font-size: 14px !important;
margin-left: 34px !important;
color: #0c2028 !important; }
.settings-api i.feather-copy {
font-size: 16px !important;
color: #007ce0 !important;
margin-left: 12px !important; }
.settings-api .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.settings-api .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.settings-api .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.settings-api .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.settings-activity-log .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0 !important; }
.settings-activity-log .header-buttons .b-btn,
.settings-activity-log .header-buttons .b-btn:hover,
.settings-activity-log .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.settings-activity-log .header-buttons .b-btn i,
.settings-activity-log .header-buttons .b-btn:hover i,
.settings-activity-log .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.settings-activity-log .activity-log-tabs {
position: relative !important; }
.settings-activity-log .activity-log-tabs .activity-log-card {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.settings-activity-log .activity-log-tabs .activity-log-card .ant-tabs-bar {
position: absolute;
border-bottom: none !important; }
.settings-activity-log .activity-log-tabs .activity-log-card .ant-tabs-nav-scroll {
padding-left: 0 !important;
border-bottom: none !important; }
.settings-activity-log .activity-log-tabs .activity-log-card .ant-tabs-tab-active.ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
padding: 16px 20px !important; }
.settings-activity-log .activity-log-tabs .activity-log-card .ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
background: none !important;
border: none !important;
border-bottom: 3px solid transparent !important;
padding: 16px 20px !important; }
.settings-activity-log .activity-log-tabs .activity-log-card .ant-tabs-content {
margin-top: 56px;
border-top: 2px solid #e5e5e5 !important;
color: #0c2028;
font-size: 14px !important;
padding-top: 32px !important;
padding-left: 0 !important;
padding-right: 0px !important;
padding-bottom: 0 !important; }
@media (min-width: 1024px) {
.settings-activity-log .filter-container {
display: inline-flex; } }
.settings-activity-log .unicart-marketplacelist {
margin-top: 0 !important; }
.settings-activity-log .search-form .un-filter-name > div.ant-select-selector {
width: 135px; }
.settings-activity-log .search-form .ant-input-group-addon {
width: 140px !important;
text-align: left; }
.settings-activity-log .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.settings-activity-log .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.settings-activity-log .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.settings-activity-log .ant-table table .ant-table-tbody .small-light-font {
font-size: 12px !important;
line-height: 16px !important;
color: #647176 !important;
letter-spacing: 0px !important; }
.settings-activity-log .ant-table table .ant-table-tbody .small-light-font.font-bold {
font-weight: bold !important; }
.settings-activity-log .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.print-rack-label-modal .preview .barcode-remark {
font-size: 12px !important;
line-height: 16px;
font-weight: 400; }
.has-selection .ant-table-title {
padding-top: 30px !important; }
.warehouse .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.warehouse .header-buttons .b-btn,
.warehouse .header-buttons .b-btn:hover,
.warehouse .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.warehouse .header-buttons .b-btn i,
.warehouse .header-buttons .b-btn:hover i,
.warehouse .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.warehouse .importProducts.un-page .header-buttons {
padding-right: unset !important; }
.warehouse .warehouse-action-buttons {
display: flex !important;
flex-wrap: wrap;
margin-bottom: 20px; }
.warehouse .section {
width: 100% !important;
display: block !important; }
@media (min-width: 1024px) {
.warehouse .section {
min-width: 816px !important;
max-width: unset !important;
display: flex !important; } }
.warehouse .section .side-nav {
background-color: #ffffff;
border-radius: 12px;
border: 1px solid #e5e5e5;
padding: 12px 0;
box-shadow: none;
height: -moz-fit-content !important;
/* WebKit-based browsers will ignore this. */
height: -webkit-fit-content !important;
/* Mozilla-based browsers will ignore this. */
height: fit-content !important;
margin-bottom: 20px; }
@media (min-width: 1024px) {
.warehouse .section .side-nav {
width: 222px !important;
margin-right: 24px !important; } }
.warehouse .section .side-nav .warehouse-menu {
width: inherit !important;
border: none !important; }
.warehouse .section .side-nav .warehouse-menu .ant-menu-inline {
border-right: none !important; }
@media (min-width: 1024px) {
.warehouse .section .side-nav .warehouse-menu .ant-menu-inline {
width: 220px !important; } }
.warehouse .section .side-nav .nav-item {
display: inline-flex;
height: 43px;
padding-left: 12px !important;
cursor: pointer;
margin: 0 !important;
align-items: center !important; }
@media (min-width: 1024px) {
.warehouse .section .side-nav .nav-item {
width: 221px; } }
.warehouse .section .side-nav .nav-item.active {
background-color: #f3fff3;
border-right: 4px solid #5acc5a; }
.warehouse .section .side-nav .nav-item.active i,
.warehouse .section .side-nav .nav-item.active .item-name {
font-weight: bold; }
.warehouse .section .side-nav .nav-item i {
font-size: 17px;
color: #0c2028;
margin-right: 8px;
line-height: 43px; }
.warehouse .section .side-nav .nav-item .item-name {
font-size: 16px;
line-height: 43px;
color: #0c2028;
margin-right: 4px;
display: -webkit-box;
word-wrap: break-word;
word-break: break-all;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: break-spaces; }
.warehouse .section .side-nav .nav-item .default-tag {
height: fit-content !important;
margin-left: auto !important;
margin-right: 0 !important; }
.warehouse .section .side-nav .nav-item::after {
border-right: 4px solid #5acc5a !important; }
@media (min-width: 1024px) {
.warehouse .section .right-section {
width: calc(100% - 246px) !important;
margin-left: auto !important; } }
@media (max-width: 480px) {
.warehouse .section .right-section .search-form .un-filter-name > div.ant-select-selector {
width: initial; } }
@media (min-width: 768px) {
.warehouse .section .right-section .search-form .un-filter-name > div.ant-select-selector {
width: initial; } }
.warehouse .section .right-section .filter-section.filter .search-form {
margin-bottom: 10px !important; }
.warehouse .section .right-section .filter-section.filter .un-filter-value {
width: 400px !important; }
@media (min-width: 1024px) {
.warehouse .section .right-section .filter-section.filter .un-filter-value {
width: 300px !important; } }
.warehouse .section .right-section .filter-section.filter .rack-label {
color: #38484f !important; }
.warehouse .section .right-section .filter-section.filter .rack-field {
margin-bottom: 12px !important;
width: 300px !important; }
.warehouse .section .right-section .filter-section.filter .rack-field .ant-select {
width: 100% !important; }
@media (min-width: 1024px) {
.warehouse .section .right-section .filter-section.filter .rack-field .ant-select {
width: 300px !important; } }
.warehouse .section .right-section .filter-section.filter .rack-field .ant-select-selector {
height: 41px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important; }
.warehouse .section .ant-table-thead {
height: 100px !important; }
.warehouse .section .has-selection .ant-table-title {
padding-top: 30px !important;
padding-bottom: 30px !important; }
.warehouse .section .ant-list-item {
padding-top: 0 !important;
padding-bottom: 16px !important; }
.warehouse .section .ant-list-item .ant-list-item-meta-title {
height: 41px !important; }
.warehouse .section .item-quantity {
height: 77px !important; }
.warehouse .section .collapse-action {
font-size: 12px !important; }
.warehouse .section .collapse-action span {
font-size: 12px !important;
margin-left: 4px !important; }
.warehouse .section .collapse-action.more i {
color: #007ce0; }
.warehouse .section .collapse-action.more .caption {
color: #007ce0 !important; }
.warehouse .section .collapse-action.collapses i {
color: #0058b6; }
.warehouse .section .collapse-action.collapses .caption {
color: #0058b6 !important; }
.warehouse .section .collapse-action:hover, .warehouse .section .collapse-action:focus {
cursor: pointer; }
.warehouse .section .table-without-card .ant-table table {
border-radius: 12px 12px 0 0 !important; }
.warehouse .section .table-without-card .ant-table-title + .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.warehouse .section .table-without-card .ant-table-title + .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.warehouse .section .table-without-card .ant-table-title {
padding: 0 !important;
margin-top: 1px !important; }
.warehouse .section .table-without-card .ant-table-title .input-group {
height: 90px;
align-content: center; }
@media (min-width: 768px) {
.col-md-2 {
flex: 0 0 20%;
max-width: 20%; }
.col-md-10 {
flex: 0 0 80%;
max-width: 80%; } }
.menu-name,
.nowrap-single {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden; }
.nowrap-double {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.5;
max-height: 3; }
.warehouses .outline-btn,
.warehouses .outline-i-btn,
.warehouses .outline-i-btn:focus,
.warehouses .outline-i-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: #f5f6f8 !important;
color: #0c2028 !important; }
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
background-color: #f3fff3 !important; }
.ant-menu-item-selected {
color: black !important;
font-weight: bold !important; }
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
border-right: 3px solid #5acc5a !important; }
.ant-menu-item-active {
color: black !important; }
.menu-title {
line-height: 2rem;
margin-left: 1rem;
font-weight: bold;
color: #6d797e; }
.default-tag {
color: #323f47;
height: 18px;
font-size: 12px;
font-weight: normal !important;
line-height: 18px;
background: #d0f4ff;
border-color: #8ed7ff;
border-radius: 4px; }
.search-form {
display: flex; }
@media (min-width: 768px) {
.search-form {
display: inline-flex; } }
@media (max-width: 480px) {
.search-form .ant-select-item-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 132px; }
.search-form .ant-select-arrow {
display: inline-block;
color: inherit;
font-style: normal;
line-height: 0;
text-transform: none;
vertical-align: -0.125em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 53%;
/* right: 11px; */
width: 12px;
height: 12px;
margin-top: -6px;
color: rgba(0, 0, 0, 0.25);
font-size: 12px;
line-height: 1;
text-align: center;
pointer-events: none; }
.search-form .un-filter-value {
width: 140px !important; }
.search-form .un-filter-value .ant-input {
color: #0c2028 !important; }
.search-form .un-filter-name > div.ant-select-selector {
width: 100px; } }
@media (min-width: 768px) {
.search-form .un-filter-name > div.ant-select-selector {
width: 132px; } }
.search-form .un-filter-name > div.ant-select-selector {
color: #0c2028 !important;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important; }
@media (max-width: 480px) {
.search-form .un-filter-name > div.ant-select-selector {
width: 132px; } }
@media (width: 320px) {
.search-form .un-filter-name > div.ant-select-selector {
width: 100px; } }
@media (width: 375px) {
.search-form .un-filter-name > div.ant-select-selector {
width: 132px; } }
@media (width: 425px) {
.search-form .un-filter-name > div.ant-select-selector {
width: 132px; } }
.search-form .un-filter-name {
color: #0c2028 !important; }
.search-form .ant-select-arrow {
color: #0c2028; }
.search-form .un-filter-value {
height: 41px !important;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.search-form .un-filter-value span.anticon {
width: 40px !important;
color: #0c2028; }
.search-form .un-filter-value .ant-input-suffix {
font-size: 20px; }
@media (max-width: 768px) {
.search-form .un-filter-value {
width: 180px; } }
@media (width: 375px) {
.search-form .un-filter-value {
width: 162px !important; } }
@media (width: 425px) {
.search-form .un-filter-value {
width: 212px !important; } }
.search-form .un-filter-name > div.ant-select-selector:hover,
.search-form .un-filter-value:hover {
color: inherit !important;
border-color: #d9d9d9 !important; }
.search-form .ant-btn.ant-btn-primary:hover {
border-color: #d9d9d9 !important;
color: inherit !important; }
.search-form .ant-select-focused.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
border-color: #d9d9d9 !important;
color: inherit !important;
box-shadow: none !important; }
.search-form .ant-input-affix-wrapper {
width: 226px; }
.search-form .ant-input-affix-wrapper:hover {
border-color: #007ce0 !important;
color: inherit !important; }
.search-form .ant-input-affix-wrapper:focus,
.search-form .ant-input-affix-wrapper-focused {
border-color: #d9d9d9 !important;
color: inherit !important;
box-shadow: none !important; }
.collapse-action {
color: #007ce0; }
.collapse-action i {
color: inherit;
font-weight: inherit; }
.collapse-action:hover, .collapse-action:focus {
cursor: pointer; }
.modal-rack .ant-input-number {
width: 50%; }
.modal-rack-group {
width: 600px !important;
height: 600px !important;
overflow-y: hidden !important; }
.modal-rack-group .ant-list-item {
padding-left: 5px;
padding-right: 5px; }
.modal-rack-group .selected {
background-color: #eee; }
.modal-rack-group .slim-btn {
height: 25px; }
.modal-rack-group .ant-modal-content {
border-radius: 12px !important; }
.modal-rack-group .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.modal-rack-group .ant-modal-body {
height: 551px;
padding: 20px 24px !important; }
.modal-rack-group .ant-modal-footer {
padding: 12px 24px !important; }
.modal-rack-group .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.modal-rack-group .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.modal-rack-group .plain-btn {
margin: auto 0 auto auto !important; }
.print-rack-label-modal {
overflow-y: hidden !important; }
.print-rack-label-modal .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.print-rack-label-modal .ant-modal-body {
max-height: 80vh; }
.print-rack-label-modal .ant-list-item {
padding: 8px 0 !important;
border-bottom: none !important;
align-items: baseline; }
.print-rack-label-modal .ant-list-item .ant-list-item-meta {
margin-bottom: 4px !important; }
.print-rack-label-modal .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
color: #38484f !important;
line-height: 18px !important; }
.print-rack-label-modal .ant-list-item .ant-list-item-meta .barcode-input-number {
width: 100%;
display: inline-flex !important; }
.print-rack-label-modal .ant-list-item .ant-list-item-meta .barcode-input-number .ant-input-number {
width: 100%;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.print-rack-label-modal .ant-list-item .ant-list-item-meta .barcode-input-number .ant-input-number.text_amt {
border-radius: 4px !important; }
.print-rack-label-modal .ant-list-item .ant-list-item-meta .ant-form-item {
margin-bottom: 0 !important; }
.print-rack-label-modal .ant-list-item .ant-list-item-meta .ant-checkbox-wrapper {
line-height: 18px !important; }
.print-rack-label-modal .ant-list-item .ant-list-item-meta::before {
content: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-size: 20px;
background-position-y: center;
cursor: -webkit-grab;
cursor: grab;
z-index: 1;
width: 20px;
height: 15px;
margin-right: 4px; }
.print-rack-label-modal .preview {
position: relative; }
.print-rack-label-modal .preview .barcode-label-preview {
margin: 25% auto; }
.print-rack-label-modal .preview .barcode-label-preview .barcode-block {
display: inline-flex !important;
margin: 0 auto !important; }
.print-rack-label-modal .preview .barcode-label-preview .barcode-container {
font-weight: bold !important;
color: #0c2028 !important;
border: 1px solid #707070 !important;
text-align: center !important;
overflow: hidden; }
.print-rack-label-modal .preview .barcode-label-preview .barcode-container .barcode-inner-container .barcode {
border: 1px solid #e0241a !important; }
.print-rack-label-modal .preview .barcode-height {
color: #0c2028;
font-size: 14px;
margin-left: 16px !important;
width: 50px !important; }
.print-rack-label-modal .preview .barcode-width {
color: #0c2028;
font-size: 14px;
text-align: center;
margin-top: 16px !important; }
.print-rack-label-modal .preview .empty-space {
margin-left: 16px !important;
width: 50px !important; }
.print-rack-label-modal .preview .barcode-remark {
color: #647176 !important;
position: absolute !important;
bottom: 0 !important; }
.print-label-layout .barcode-block {
position: relative;
margin: 20px auto; }
.importSuccess.un-box-flat {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
.kitItems {
overflow-x: auto; }
.kitItems .ant-table table {
border: none !important; }
.kitItems table tbody tr td {
vertical-align: top !important; }
.kitItems .ant-table-container table > thead > tr th {
border: none !important;
background-color: #fafafb !important; }
.kitItems .ant-table-thead > tr > th {
padding: 8px 16px; }
.kitItems .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.kitItems .ant-table-row.editable-row {
background: #ffffff !important; }
.kitItems .ant-table-tbody > tr > td {
border-bottom: 1px solid #e5e5e5 !important;
border-left: none !important;
border-right: none !important; }
.kitItems .ant-table-tbody > tr:last-child > td {
border-bottom: none !important;
border-left: none !important;
border-right: none !important; }
.kitItems .editable-row .ant-input {
border-radius: 0 !important; }
.kitItems .un-row-product img {
border-radius: 6px;
object-fit: contain !important;
border: 1px solid #e5e5e5 !important; }
@media (min-width: 1024px) {
.importProducts.un-page {
width: 644px !important;
margin: 0 auto !important; } }
.importProducts.un-page .plain-btn,
.importProducts.un-page .plain-btn:hover {
text-transform: unset;
text-decoration: underline; }
.importProducts.un-page .ant-upload.ant-upload-drag {
height: 169px !important; }
.importProducts.un-page .ant-upload.ant-upload-drag::after {
display: none; }
.importProducts.un-page .showUploader .ant-upload.ant-upload-drag {
display: block; }
.importProducts.un-page .hideUploader {
display: none; }
.importProducts.un-page .uploadList {
height: 33px;
width: fit-content;
width: -moz-fit-content; }
.importProducts.un-page .uploadList .file {
border: 1px solid #e5e5e5;
border-radius: 4px;
height: 33px;
width: fit-content;
width: -moz-fit-content;
padding: 7px 12px;
margin-right: 20px; }
.importProducts.un-page .uploadList .file .feather-file-text {
color: #647176;
font-size: 20px !important; }
.importProducts.un-page .uploadList .plain-btn {
text-decoration: unset; }
.importProducts.un-page .ant-upload-list {
width: 50%; }
.importProducts.un-page .feather-upload-cloud {
font-size: 32px;
color: #d4d4d4; }
.importProducts.un-page .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.importProducts.un-page .header-buttons .b-btn,
.importProducts.un-page .header-buttons .b-btn:hover,
.importProducts.un-page .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.importProducts.un-page .header-buttons .b-btn i,
.importProducts.un-page .header-buttons .b-btn:hover i,
.importProducts.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.importPreview .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.importPreview .header-buttons .b-btn,
.importPreview .header-buttons .b-btn:hover,
.importPreview .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.importPreview .header-buttons .b-btn i,
.importPreview .header-buttons .b-btn:hover i,
.importPreview .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.importSuccess.un-box-flat {
color: #35454c !important;
border-color: #bcefb9 !important;
background-color: #f3fff3 !important; }
.importSuccess.un-box-flat i {
font-size: 15px !important;
margin-right: 4px !important; }
.importTable {
overflow-x: auto; }
.importTable .ant-table table {
border: 1px solid #f6f6f6 !important; }
.importTable .ant-table-thead > tr > th {
color: #90999d !important;
font-size: 10px !important;
height: 56px !important;
background: #f6f6f6 !important;
border-left: none !important;
border-right: none !important; }
.importTable .ant-table-tbody > tr > td {
color: #90999d !important;
font-size: 10px !important; }
.importTable .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.importTable .ant-table-tbody > tr > td {
padding: 16px 10px !important; }
.importTable .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
background: unset !important; }
.importTable .un-import-error-column {
background: #fde3e3;
padding: 5px !important; }
.importTable .un-import-warning-column {
background: #ffe9b8;
padding: 5px !important; }
.importTable .un-import-error-block {
height: 300px;
overflow: auto; }
@media (min-width: 1024px) {
.exportProducts {
width: 816px !important;
margin: 0 auto !important; } }
.exportProducts .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.exportProducts .header-buttons .b-btn,
.exportProducts .header-buttons .b-btn:hover,
.exportProducts .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.exportProducts .header-buttons .b-btn i,
.exportProducts .header-buttons .b-btn:hover i,
.exportProducts .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.exportProducts .ant-checkbox,
.exportProducts .ant-checkbox-input,
.exportProducts .ant-checkbox-inner {
border-radius: 4px !important;
width: 18px !important;
height: 18px !important; }
.exportProducts .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.exportProducts .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.exportProducts .export-table .ant-table-tbody .ant-table-measure-row {
display: table-row !important; }
.exportProducts .export-table .ant-table-tbody .ant-table-measure-row td {
padding: 0 !important; }
.exportProducts .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.exportProducts .export-table table thead {
background-color: #fafafb !important; }
.exportProducts .export-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
height: unset !important; }
.exportProducts .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.exportProducts .export-table .un-text-truncate {
font-weight: bold !important; }
.exportProducts .export-table .un-light-label {
font-size: 14px !important; }
.exportProducts .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.exportProducts .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
@charset "UTF-8";
.preferences .header-buttons {
top: 10px !important;
display: flex;
position: fixed;
justify-content: end; }
@media (min-width: 1024px) {
.preferences .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.preferences .header-buttons .b-btn,
.preferences .header-buttons .b-btn:hover,
.preferences .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.preferences .header-buttons .b-btn i,
.preferences .header-buttons .b-btn:hover i,
.preferences .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.preferences .appPreferences .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; }
.preferences .appPreferences .logo .ant-upload-list-picture-card .ant-upload-list-item,
.preferences .appPreferences .logo .ant-upload-list-picture-card-container {
width: 62px !important;
height: 62px !important;
border-radius: 4px !important;
margin-top: -16px; }
.preferences .appPreferences .logo .ant-upload-picture-card-wrapper {
display: inline-block;
width: 62px !important;
height: 62px !important; }
.preferences .appPreferences .logo .ant-upload.ant-upload.ant-upload-select-picture-card {
margin: 0 62px 0 0 !important;
width: 62px !important;
height: 62px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.preferences .appPreferences .logo .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.preferences .appPreferences .logo .upload-placeholder {
padding-top: 15px !important;
width: 62px !important; }
.preferences .appPreferences .logo .hvrbox {
width: 62px !important;
height: 62px !important; }
.preferences .appPreferences .logo .hvrbox img {
object-fit: contain; }
.preferences .appPreferences .logo .ant-form-item-explain {
padding-top: 5px !important; }
.preferences .appPreferences .appIcon .ant-upload-list-picture-card .ant-upload-list-item,
.preferences .appPreferences .appIcon .ant-upload-list-picture-card-container {
width: 115px !important;
border-radius: 4px !important;
margin-top: -16px; }
.preferences .appPreferences .appIcon .ant-upload-picture-card-wrapper {
display: inline-block;
width: 115px !important; }
.preferences .appPreferences .appIcon .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.preferences .appPreferences .appIcon .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.preferences .appPreferences .appIcon .upload-placeholder {
padding-top: 34% !important;
width: 115px !important; }
.preferences .appPreferences .appIcon .hvrbox {
width: 115px !important;
height: 115px !important; }
.preferences .appPreferences .appIcon .hvrbox img {
object-fit: contain; }
.preferences .appPreferences ul {
position: relative;
list-style: none;
margin-left: 0;
padding-left: 1.2em;
color: #647176;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.4px;
font-weight: 400; }
.preferences .appPreferences ul li:before {
content: "•";
position: absolute;
left: 0; }
.preferences .appPreferences .fb_client_token {
margin-bottom: 3px !important; }
.preferences .secret-key {
font-weight: bold;
display: flex; }
.preferences .feather-copy {
margin-right: 4px !important;
font-size: 12px !important;
color: #007ce0 !important; }
.preferences .feather-copy:hover {
cursor: pointer; }
.ant-modal.ant-modal-confirm.ant-modal-confirm-confirm,
.ant-modal.ant-modal-confirm.ant-modal-confirm-error,
.ant-modal.ant-modal-confirm.ant-modal-confirm-info,
.ant-modal.ant-modal-confirm.ant-modal-confirm-success,
.ant-modal.ant-modal-confirm.ant-modal-confirm-warning {
top: 20% !important;
width: 400px !important; }
@charset "UTF-8";
.app-layout-builder {
height: calc(100vh - 50px); }
.app-layout-builder .abuilder-header {
min-width: 100% !important;
max-width: 100% !important;
width: 100% !important;
top: 10px !important;
display: inline-flex;
position: fixed;
padding-left: 20px;
padding-right: 16px;
justify-content: space-between; }
.app-layout-builder .abuilder-header .b-btn,
.app-layout-builder .abuilder-header .b-btn:hover,
.app-layout-builder .abuilder-header .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.app-layout-builder .abuilder-header .b-btn i,
.app-layout-builder .abuilder-header .b-btn:hover i,
.app-layout-builder .abuilder-header .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media (max-width: 768px) {
.app-layout-builder .abuilder-header .b-btn i,
.app-layout-builder .abuilder-header .b-btn:hover i,
.app-layout-builder .abuilder-header .b-btn:focus i {
display: none !important; } }
.app-layout-builder .abuilder-header .select-page {
margin-right: auto !important; }
@media (max-width: 768px) {
.app-layout-builder .abuilder-header .select-page {
display: flex !important;
margin-left: auto !important; } }
@media (max-width: 425px) {
.app-layout-builder .abuilder-header .select-page {
display: none !important; } }
.app-layout-builder .abuilder-header .select-page .ant-select {
width: 80px;
margin-left: 0;
color: #0c2028 !important; }
@media (min-width: 1132px) {
.app-layout-builder .abuilder-header .select-page .ant-select {
width: 100px !important;
margin-left: 16px; } }
.app-layout-builder .abuilder-header .select-page .ant-select:nth-child(2) {
width: 150px !important;
margin-left: 4px; }
@media (min-width: 1132px) {
.app-layout-builder .abuilder-header .select-page .ant-select:nth-child(2) {
margin-left: 10px;
width: 192px !important; } }
@media (max-width: 425px) {
.app-layout-builder .abuilder-header .select-page .ant-select:nth-child(2) {
width: 100px !important; } }
.app-layout-builder .abuilder-header .live-preview {
width: fit-content !important;
width: -moz-fit-content !important;
height: 33px !important;
padding: 0px 16px 0px 12px !important;
border-radius: 17px !important;
font-size: 14px !important;
border: 0.4px solid #d4d4d4 !important;
background-color: transparent !important;
box-shadow: none !important;
color: #0c2028 !important;
margin-right: 16px; }
.app-layout-builder .abuilder-header .live-preview i {
font-size: 14px !important;
height: 15px !important;
padding-right: 4px !important; }
.app-layout-builder .abuilder-header .live-preview span {
vertical-align: top !important; }
.app-layout-builder .abuilder-header .reset-btn,
.app-layout-builder .abuilder-header .primary-btn.save-btn {
margin-right: 15px; }
@media (max-width: 425px) {
.app-layout-builder .abuilder-header .reset-btn,
.app-layout-builder .abuilder-header .primary-btn.save-btn {
margin-left: auto !important; } }
@media (max-width: 768px) {
.app-layout-builder .abuilder-header .reset-btn,
.app-layout-builder .abuilder-header .primary-btn.save-btn {
margin-right: 10px !important; } }
.app-layout-builder .abuilder-header .view-store-icon {
margin-right: 15px;
padding-top: 6px; }
@media (max-width: 425px) {
.app-layout-builder .abuilder-header .view-store-icon {
display: none !important; } }
@media (max-width: 768px) {
.app-layout-builder .abuilder-header .view-store-icon {
margin-right: 10px !important;
margin-left: 10px !important; } }
.app-layout-builder .abuilder-mobile-warning {
min-width: 100% !important;
max-width: 100% !important;
width: 100% !important;
top: 48px !important;
display: none;
position: fixed;
background-color: #faef9b !important;
color: #647176 !important;
font-size: 11px !important;
z-index: 1001 !important;
padding: 4px 12px !important; }
@media (max-width: 425px) {
.app-layout-builder .abuilder-mobile-warning {
display: block !important; } }
.app-layout-builder .abuilder-container {
padding-top: 10px; }
.app-layout-builder .abuilder-container .sidebar-nav {
display: inline-flex;
min-height: 100%;
width: fit-content; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list {
width: 66px !important;
min-height: 100%;
padding-top: 12px; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .category {
display: block;
height: 62px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
cursor: pointer; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .category i {
font-size: 26px;
color: #90999d; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .category .category-title {
font-size: 12px;
color: #90999d; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .category.selected {
background-color: #f3fff3 !important; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .category.selected i,
.app-layout-builder .abuilder-container .sidebar-nav .category-list .category.selected .category-title {
color: #5acc5a !important; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .guide {
display: block;
height: 62px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
cursor: pointer;
position: fixed;
width: 66px !important;
bottom: 0 !important; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .guide i {
font-size: 26px;
color: #90999d; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .guide.selected {
background-color: #f3fff3 !important; }
.app-layout-builder .abuilder-container .sidebar-nav .category-list .guide.selected i {
color: #5acc5a !important; }
.app-layout-builder .abuilder-container .sidebar-nav .category-content {
display: none;
border-left: 1px solid #e5e5e5;
min-height: calc(100vh - 50px); }
.app-layout-builder .abuilder-container .sidebar-nav .category-content.show-theme {
display: block;
width: 209px; }
.app-layout-builder .abuilder-container .sidebar-nav .category-content.show-settings {
display: block;
width: 621px; }
.app-layout-builder .abuilder-container .sidebar-nav .category-content .selected-img {
object-fit: cover !important;
height: 100%;
width: 100%; }
.app-layout-builder .abuilder-container .sidebar-right {
width: 319px;
min-width: 319px;
background-color: #ffffff;
margin: 0 0 0 auto; }
.app-layout-builder .abuilder-container .sidebar-right .empty-block {
background-color: #efefef;
color: #90999d;
height: 100%;
width: inherit;
position: relative; }
.app-layout-builder .abuilder-container .sidebar-right .empty-block .empty-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
font-size: 14px;
font-style: italic; }
.app-layout-builder .abuilder-container .abuilder-content {
overflow: hidden;
display: flex;
justify-content: center;
height: 100%;
width: 100%; }
.app-layout-builder .abuilder-container .abuilder-content .abuilder-preview {
overflow: hidden auto;
background-color: #e5e5e5 !important;
padding: 0 !important;
height: 100%;
width: -webkit-fill-available; }
.app-layout-builder .abuilder-container .abuilder-content .abuilder-preview::-webkit-scrollbar-track {
background-color: #ffffff !important; }
.app-layout-builder .abuilder-container .abuilder-content .abuilder-preview::-webkit-scrollbar {
display: none;
width: 4px;
background-color: #ffffff !important; }
.app-layout-builder .abuilder-container .abuilder-content .abuilder-preview::-webkit-scrollbar-thumb {
background-color: #d4d4d4 !important;
border: 1px solid #d4d4d4 !important;
border-radius: 12px !important; }
.app-layout-builder .abuilder-container .abuilder-content .webstore-preview {
background-color: #ffffff;
border-radius: 12px;
min-height: calc(100vh - 90px); }
.app-layout-builder .abuilder-container .abuilder-content .preview-layout {
margin: 0 auto;
display: flex;
height: 42px;
background-color: #efefef;
color: #38484f;
border-radius: 12px 12px 0 0;
font-size: 14px;
padding: 5px 24px; }
.app-layout-builder .abuilder-container .abuilder-content .preview-layout .ellipsis {
display: inline-flex;
height: 33px;
padding: 11px 0;
margin-right: 28px; }
.app-layout-builder .abuilder-container .abuilder-content .preview-layout .ellipsis .dots {
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #d4d4d4;
margin-right: 12px; }
.app-layout-builder .abuilder-container .abuilder-content .preview-layout .search {
width: 70%;
height: 33px;
padding: 0 12px;
border-radius: 4px;
border: 1px solid #e5e5e5;
background-color: #ffffff;
line-height: 31px;
font-size: 14px;
color: #38484f;
word-break: keep-all;
overflow-x: hidden;
white-space: nowrap; }
.app-layout-builder .abuilder-container .abuilder-content .preview-layout .link-btn {
display: none !important;
height: 33px;
margin-left: auto;
margin-right: 0;
line-height: 31px;
font-size: 14px;
color: #007ce0; }
.app-layout-builder .abuilder-container .abuilder-content #preview-content {
border: 0px !important;
margin: 0 auto; }
.app-layout-builder .no-arrows .ant-input-number-handler-wrap {
display: none; }
.app-layout-builder .add-blog-btn {
cursor: pointer;
width: 100%;
height: 33px;
background-color: #5acc5a;
border: 1px solid #5acc5a;
border-radius: 4px !important;
text-align: center;
font-size: 14px;
color: #ffffff; }
.app-layout-builder .add-blog-btn:hover,
.app-layout-builder .add-blog-btn:focus {
cursor: pointer;
width: 100%;
height: 33px;
background-color: #11aa4f;
border: 1px solid #5acc5a;
border-radius: 4px !important;
text-align: center;
font-size: 14px;
color: #ffffff; }
.app-layout-builder .blog-item {
width: 100%;
display: inline-flex;
height: 32px;
background-color: #f6f6f6;
margin-bottom: 4px; }
.app-layout-builder .blog-item .blog-name {
display: block;
width: 229px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: nowrap;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
line-height: 32px;
font-size: 14px;
font-weight: bold;
color: #0c2028; }
.app-layout-builder .blog-item .feather-x {
cursor: pointer;
font-size: 20px;
color: #647176;
margin-top: 10px;
margin-right: 12px;
margin-left: auto;
text-align: right; }
.abuilder-select-image {
width: 750px !important;
overflow-y: auto !important; }
.abuilder-select-image .ant-modal-content {
border-radius: 12px !important; }
.abuilder-select-image .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.abuilder-select-image .ant-modal-body {
padding: 0 0 20px 0 !important; }
.abuilder-select-image .ant-modal-body .select-image-tabs {
position: relative; }
.abuilder-select-image .ant-modal-body .select-image-tabs .primary-i-btn {
cursor: pointer;
position: absolute;
top: 12px;
right: 24px; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-bar {
position: absolute;
height: 57px !important;
border-bottom: none !important;
padding-left: 23px;
width: 100%; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-nav-container {
width: 40%; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-extra-content {
padding-left: 0 !important;
height: 57px !important; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-nav-scroll {
padding-left: 0 !important;
height: 57px !important;
border-bottom: none !important; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-tab-active.ant-tabs-tab {
color: #5acc5a !important;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 57px !important;
padding: 16px 20px !important; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
background: none !important;
border: none !important;
border-bottom: 3px solid transparent !important;
height: 57px !important;
padding: 16px 20px !important; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content {
max-height: 405px;
margin-top: 56px;
border-top: 1px solid #e5e5e5 !important;
color: #0c2028;
font-size: 14px !important;
padding: 5px 24px 0 24px; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list {
overflow-y: auto;
max-height: 363px; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card {
cursor: pointer;
width: 161px !important;
height: 161px !important;
border: 1px solid #707070;
margin-bottom: 20px;
position: relative; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card img {
object-fit: contain;
width: 100%;
height: 100%; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.9;
display: none; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .image-button {
position: absolute;
top: 45%;
left: 0;
right: 0;
text-align: center; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .image-button .select-image {
margin-right: 10px;
background-color: #5acc5f;
color: white; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .image-button .remove-image {
margin-left: 10px;
background-color: #b1343e;
color: white; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .image-button .preview-image {
margin-left: 10px;
background-color: #5acc5f;
color: white; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .name-card {
position: absolute;
bottom: 0;
width: 100%;
background-color: #5acc5f;
font-size: 14px;
text-align: center;
color: white; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card:hover .image-hover {
border: 3px solid #5acc5a;
display: block; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-loader {
position: relative;
min-height: 150px;
width: 100%; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-loader .spinning-ring {
background-image: contain;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-loader .spinning-ring,
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-loader .spinning-s {
position: absolute;
width: 100px;
height: 100px;
left: 55%;
top: 80%;
margin: -100px 0 0 -100px;
background-image: contain;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
z-index: 9999; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .empty-image-store {
width: 100%;
height: 150px;
display: flex;
align-items: center;
justify-content: center; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .empty-image-store .empty-image {
max-width: 100%;
max-height: 100%;
margin-right: 10px; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list {
overflow-y: auto;
max-height: 363px;
margin-top: 20px; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .single-icon {
cursor: pointer;
margin-left: 16px;
margin-bottom: 16px; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .single-icon:hover {
border: 2px solid #5acc5a; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .image-loader {
position: relative;
min-height: 150px;
width: 100%; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .image-loader .spinning-ring {
background-image: contain;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .image-loader .spinning-ring,
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .image-loader .spinning-s {
position: absolute;
width: 100px;
height: 100px;
left: 55%;
top: 80%;
margin: -100px 0 0 -100px;
background-image: contain;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
z-index: 9999; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .empty-image-store {
width: 100%;
height: 150px;
display: flex;
align-items: center;
justify-content: center; }
.abuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .empty-image-store .empty-image {
max-width: 100%;
max-height: 100%;
margin-right: 10px; }
.abuilder-select-image .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important;
text-transform: capitalize !important; }
.abuilder-select-image .ant-modal-close,
.abuilder-select-image .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.abuilder-select-product-card {
width: 570px !important;
overflow-y: auto !important; }
.abuilder-select-product-card .ant-modal-content {
border-radius: 12px !important; }
.abuilder-select-product-card .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.abuilder-select-product-card .ant-modal-body {
padding: 20px 24px; }
.abuilder-select-product-card .ant-modal-body .image-list .image-card {
cursor: pointer;
width: 249px !important;
height: 132px !important;
margin-bottom: 20px; }
.abuilder-select-product-card .ant-modal-body .image-list .image-card img {
object-fit: contain;
width: 100%;
height: 100%; }
.abuilder-select-product-card .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important;
text-transform: capitalize !important; }
.abuilder-select-product-card .ant-modal-close,
.abuilder-select-product-card .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.app-info-modal .tutorial-header {
margin-bottom: 20px !important; }
.app-info-modal .appInfo .ant-row.ant-form-item {
display: block !important; }
.app-info-modal .appInfo .ant-form-item-label > label.ant-form-item-required::before,
.app-info-modal .appInfo .ant-form-item-label > label::after {
display: none !important; }
.app-info-modal .appInfo .appIcon .ant-form-item-label,
.app-info-modal .appInfo .logo .ant-form-item-label {
margin: 0;
line-height: 1.5715;
white-space: initial;
text-align: left; }
.app-info-modal .appInfo .appIcon .ant-form-item-label .ant-form-item-required,
.app-info-modal .appInfo .logo .ant-form-item-label .ant-form-item-required {
height: auto; }
.app-info-modal .appInfo .appIcon .ant-form-item-label ul,
.app-info-modal .appInfo .logo .ant-form-item-label ul {
position: relative;
list-style: none;
margin-left: 0;
padding-left: 1.2em;
color: #647176;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.4px;
font-weight: 400; }
.app-info-modal .appInfo .appIcon .ant-form-item-label ul li:before,
.app-info-modal .appInfo .logo .ant-form-item-label ul li:before {
content: '•';
position: absolute;
left: 0; }
.app-info-modal .appInfo .appIcon .ant-upload-list-picture-card .ant-upload-list-item,
.app-info-modal .appInfo .appIcon .ant-upload-list-picture-card-container {
width: 62px !important;
height: 62px !important;
border-radius: 4px !important; }
.app-info-modal .appInfo .appIcon .ant-upload-picture-card-wrapper {
display: inline-block;
width: 62px !important;
height: 62px !important; }
.app-info-modal .appInfo .appIcon .ant-upload.ant-upload.ant-upload-select-picture-card {
margin: 0 62px 0 0 !important;
width: 62px !important;
height: 62px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.app-info-modal .appInfo .appIcon .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.app-info-modal .appInfo .appIcon .upload-placeholder {
padding-top: 15px !important;
width: 62px !important; }
.app-info-modal .appInfo .appIcon .hvrbox {
width: 62px !important;
height: 62px !important; }
.app-info-modal .appInfo .appIcon .hvrbox img {
object-fit: contain; }
.app-info-modal .appInfo .appIcon .ant-form-item-explain {
padding-top: 5px !important; }
.app-info-modal .appInfo .logo .ant-upload-list-picture-card .ant-upload-list-item,
.app-info-modal .appInfo .logo .ant-upload-list-picture-card-container {
width: 115px !important;
border-radius: 4px !important; }
.app-info-modal .appInfo .logo .ant-upload-picture-card-wrapper {
display: inline-block;
width: 115px !important; }
.app-info-modal .appInfo .logo .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.app-info-modal .appInfo .logo .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.app-info-modal .appInfo .logo .upload-placeholder {
padding-top: 34% !important;
width: 115px !important; }
.app-info-modal .appInfo .logo .hvrbox {
width: 115px !important;
height: 115px !important; }
.app-info-modal .appInfo .logo .hvrbox img {
object-fit: contain; }
.push-notifications .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.push-notifications .header-buttons .b-btn,
.push-notifications .header-buttons .b-btn:hover,
.push-notifications .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.push-notifications .header-buttons .b-btn i,
.push-notifications .header-buttons .b-btn:hover i,
.push-notifications .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.push-notifications .unicart-filter {
margin-top: 0 !important; }
.push-notifications .unicart-filter .search-form .un-filter-value {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.push-notifications .push-notification-tab {
border-radius: 12px; }
.push-notifications .push-notification-tab .ant-tabs-bar {
border-bottom: 1px solid #e5e5e5 !important; }
.push-notifications .push-notification-tab .ant-tabs-nav {
margin-bottom: 0 !important; }
.push-notifications .push-notification-tab .ant-tabs-tab {
padding: 16px 16px !important; }
.push-notifications .push-notification-tab table {
border: none !important; }
.push-notifications .push-notification-tab .ant-table-footer {
border: none !important; }
.new-push-notifications .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.new-push-notifications .header-buttons .b-btn,
.new-push-notifications .header-buttons .b-btn:hover,
.new-push-notifications .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-push-notifications .header-buttons .b-btn i,
.new-push-notifications .header-buttons .b-btn:hover i,
.new-push-notifications .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-push-notifications .message-textarea {
margin-bottom: 3px !important; }
.new-push-notifications .info-image .ant-upload {
padding: 0 !important;
height: 153px !important;
width: 298px !important; }
.new-push-notifications .info-image .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 100% !important;
height: 154px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.new-push-notifications .info-image .ant-upload.ant-upload-select-picture-card:hover {
border-color: #007ce0 !important; }
.new-push-notifications .info-image .upload-placeholder {
padding-top: 0 !important;
padding-bottom: 0 !important;
height: 154px !important;
width: 100% !important;
position: relative !important; }
.new-push-notifications .info-image .upload-placeholder .ant-upload-text {
width: fit-content;
left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%); }
.new-push-notifications .info-image .ant-upload:hover {
border-color: #007ce0 !important; }
.new-push-notifications .info-image .hvrbox {
height: 153px !important;
width: 100% !important; }
.new-push-notifications .info-image .hvrbox img {
height: 100% !important;
width: 100% !important;
object-fit: contain; }
.new-push-notifications .link-to {
margin-top: 20px !important;
margin-bottom: 8px !important; }
.new-push-notifications .add-product-btn {
cursor: pointer;
width: 100%;
height: 33px;
background-color: #5acc5a;
border: 1px solid #5acc5a;
border-radius: 4px !important;
text-align: center;
font-size: 14px;
color: #ffffff; }
.new-push-notifications .add-product-btn:hover,
.new-push-notifications .add-product-btn:focus {
cursor: pointer;
width: 100%;
height: 33px;
background-color: #11aa4f;
border: 1px solid #5acc5a;
border-radius: 4px !important;
text-align: center;
font-size: 14px;
color: #ffffff; }
.new-push-notifications .collection-item {
margin-bottom: 4px !important; }
.new-push-notifications .plain-btn {
height: 30px !important;
text-align: left; }
.new-push-notifications .product-item {
width: 100%;
display: inline-flex;
height: 32px;
background-color: #f6f6f6;
margin-bottom: 4px; }
.new-push-notifications .product-item .product-name {
display: block;
width: 229px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: nowrap;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
line-height: 32px;
font-size: 14px;
font-weight: bold;
color: #0c2028; }
.new-push-notifications .product-item .feather-x {
cursor: pointer;
font-size: 20px;
color: #647176;
margin-top: 10px;
margin-right: 12px;
margin-left: auto;
text-align: right; }
.new-push-notifications .grey-background {
width: 230.92px !important;
height: 491.16px !important;
position: absolute;
margin-left: 96.53px !important;
margin-top: 37.59px !important;
background-color: #d4d4d4; }
.new-push-notifications .mobile {
width: 264.25px !important;
height: 526px !important;
position: absolute !important;
margin-top: 20px !important;
margin-left: 79.87px !important; }
.new-push-notifications .content .current-time {
width: 136px !important;
height: 66px !important;
color: #0c2028;
font-size: 55px;
margin-top: 57.41px !important;
margin-left: 47.47px !important; }
.new-push-notifications .content .today-date {
height: 19px !important;
text-align: center !important; }
.new-push-notifications .content .notification-message {
width: 206px !important;
height: fit-content;
margin-left: 10px !important;
margin-top: 20px !important;
padding: 20px 20px !important; }
.new-push-notifications .content .notification-message-small {
width: 206px !important;
height: 100px !important;
margin-left: 10px !important;
margin-top: 20px !important;
padding: 20px 20px !important; }
.new-push-notifications .content .container {
width: 180px !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: -12px !important; }
.new-push-notifications .content .first-row {
width: 178px !important;
margin-top: -8px !important;
margin-right: 0 !important;
margin-left: 0 !important; }
.new-push-notifications .content .app-icon-column {
padding-right: 0px !important; }
.new-push-notifications .content .app-name-column {
padding-left: 0px !important;
padding-right: 0px !important; }
.new-push-notifications .content .just-now-tag-column {
padding-left: 0px !important;
padding-right: 0 !important;
text-align: right !important;
width: 35px !important;
height: 10px !important;
line-height: 16px !important;
font-size: 8px !important;
color: #647176 !important; }
.new-push-notifications .content .app-icon {
width: 16px !important;
height: 16px !important; }
.new-push-notifications .content .app-name {
width: 100px !important;
height: 13px !important;
font-size: 10px !important;
color: #0c2028 !important;
display: block;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: nowrap;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical; }
.new-push-notifications .content .title {
padding-left: 10px !important;
padding-top: 8px !important;
display: block;
width: 178px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: nowrap;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
font-size: 12px;
font-weight: bold;
color: #0c2028;
margin-right: 0 !important;
margin-left: 0 !important; }
.new-push-notifications .content .title-preview {
padding-left: 10px !important;
padding-top: 8px !important;
display: block;
width: 178px;
margin-right: 0 !important;
margin-left: 0 !important; }
.new-push-notifications .content .message {
padding-left: 10px !important;
width: 178px;
color: #647176 !important;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
margin: 0;
font-size: 10px;
line-height: 17px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 0 !important;
margin-left: 0 !important; }
.new-push-notifications .content .message-preview {
padding-left: 10px !important;
display: block;
width: 178px;
margin-right: 0 !important;
margin-left: 0 !important; }
.new-push-notifications .content .image-output {
padding-left: 10px !important;
margin-right: 0 !important;
margin-left: 0 !important;
width: 178px !important;
padding-top: 3px !important;
aspect-ratio: 2/1;
overflow: hidden; }
.new-push-notifications .content .image-output-preview {
margin-right: 0 !important;
margin-left: 0 !important;
width: 170px !important; }
.new-push-notifications .content .image-preview {
padding-left: 10px !important;
display: block;
width: 178px;
margin-right: 0 !important;
margin-left: 0 !important; }
.customer-login .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.customer-login .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.customer-login .header-buttons .b-btn,
.customer-login .header-buttons .b-btn:hover,
.customer-login .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.customer-login .header-buttons .b-btn i,
.customer-login .header-buttons .b-btn:hover i,
.customer-login .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.customer-login .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.customer-login .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.customer-login .un-section-title {
margin-bottom: 12px !important; } }
.customer-login .field-form-table {
overflow-x: auto; }
.customer-login .field-form-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.customer-login .field-form-table .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.customer-login .field-form-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.customer-login .field-form-table .ant-table .action i:not(:last-child) {
margin-right: 10px; }
.customer-login .field-form-table .ant-table i {
cursor: pointer !important;
font-size: 20px !important; }
.customer-login .field-form-table table thead {
background-color: transparent !important; }
.customer-login .field-form-table .ant-table-thead th {
background: transparent 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.customer-login .field-form-table .ant-table-thead > tr > th {
border-bottom: none !important;
vertical-align: baseline !important; }
.customer-login .field-form-table .un-text-truncate {
font-weight: bold !important; }
.customer-login .field-form-table .un-light-label {
font-size: 14px !important; }
.customer-login .field-form-table .ant-form-item {
margin-bottom: 0; }
.customer-login .field-form-table .ant-select {
width: 218px !important; }
.customer-login .field-form-table .radio-btn-header {
width: 80px !important; }
.customer-login .field-form-table .ant-radio-wrapper {
width: 80px !important;
margin-right: 0 !important; }
.customer-login .field-form-table .ant-radio-wrapper.hide-radio .ant-radio {
display: none !important; }
.customer-login .field-form-table .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
background-color: #90999d !important;
border-color: #90999d !important; }
.customer-login .field-form-table .ant-checkbox-disabled.ant-checkbox-checked::after {
border-color: #90999d !important;
border-top-color: #90999d !important;
border-right-color: #90999d !important;
border-bottom-color: #90999d !important;
border-left-color: #90999d !important; }
.customer-login .field-form-table .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
border-color: #fff !important; }
.customer-login .field-form-table .ant-checkbox-disabled .ant-checkbox-inner {
background-color: #e2e2e2 !important;
border-color: #d9d9d9 !important; }
.customer-login .drag-handle {
cursor: grab; }
.customer-login .drag-handle svg {
align-self: center;
margin-right: 14px; }
.customer-login .customer-group .ant-select {
width: 288px !important; }
.customer-login .customer-group .ant-form-item-has-error .ant-select-selector {
border-color: #ff4d4f; }
.customer-login .customer-group .ant-form-item-explain {
color: #ff4d4f;
font-size: 14px; }
.customer-login .customer-group .customize-group-item {
align-items: center;
display: flex; }
.customer-login .customer-group .customize-group-item .plain-btn {
height: fit-content !important;
margin-right: 14px !important; }
.customer-login .customer-group .customize-group-item .plain-btn i {
font-size: 20px !important; }
.customer-login .third-party-table {
overflow-x: auto; }
.customer-login .third-party-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.customer-login .third-party-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.customer-login .third-party-table table thead {
background-color: #fafafb !important; }
.customer-login .third-party-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.customer-login .third-party-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.customer-login .third-party-table .un-text-truncate {
font-weight: bold !important; }
.customer-login .third-party-table .un-light-label {
font-size: 14px !important; }
.un-third-party-form .un-form-setting .ant-form-item.sa-fb-input {
margin-bottom: 4px !important; }
.un-third-party-form .un-form-setting .ant-collapse {
border: none !important;
margin-bottom: 20px; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item {
border: none !important; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-header {
height: 34px;
border: none !important;
background-color: #fafafb !important;
padding: 0 16px; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
font-size: 10px !important;
color: #647176 !important; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-header .country-header {
display: flex;
align-items: center;
height: 34px; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-header .country-header .ant-form-item {
width: fit-content !important; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-header .country-header .ant-form-item .ant-checkbox {
margin-right: 16px; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-header .country-header .ant-row.ant-form-item {
margin-bottom: 0 !important; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-content {
border: none !important; }
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box {
padding: 16px 16px 0 49px; }
@media (max-width: 1024px) {
.un-third-party-form .un-form-setting .ant-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .ant-form-item {
margin-bottom: 20px !important; } }
@media (min-width: 1024px) {
.customize-form {
width: 644px !important;
margin: 0 auto !important; } }
.customize-form .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0 !important; }
@media (min-width: 1024px) {
.customize-form .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.customize-form .header-buttons .b-btn,
.customize-form .header-buttons .b-btn:hover,
.customize-form .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.customize-form .header-buttons .b-btn i,
.customize-form .header-buttons .b-btn:hover i,
.customize-form .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.customize-form .field-form-table {
overflow-x: auto; }
.customize-form .field-form-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.customize-form .field-form-table .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.customize-form .field-form-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.customize-form .field-form-table .ant-table .action i:not(:last-child) {
margin-right: 10px; }
.customize-form .field-form-table .ant-table i {
cursor: pointer !important;
font-size: 20px !important; }
.customize-form .field-form-table table thead {
background-color: transparent !important; }
.customize-form .field-form-table .ant-table-thead th {
background: transparent 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.customize-form .field-form-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.customize-form .field-form-table .un-text-truncate {
font-weight: bold !important; }
.customize-form .field-form-table .un-light-label {
font-size: 14px !important; }
.customize-form .field-form-table .ant-form-item {
margin-bottom: 0; }
.customize-form .field-form-table .ant-select {
width: 218px !important; }
.customize-form .field-form-table .radio-btn-header {
width: 60px !important; }
.customize-form .field-form-table .ant-radio-wrapper {
width: 60px !important;
margin-right: 0 !important; }
.customize-form .field-form-table .ant-radio-wrapper.hide-radio .ant-radio {
display: none !important; }
.customize-form .field-form-table .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner {
background-color: #90999d !important;
border-color: #90999d !important; }
.customize-form .field-form-table .ant-checkbox-disabled.ant-checkbox-checked::after {
border-color: #90999d !important;
border-top-color: #90999d !important;
border-right-color: #90999d !important;
border-bottom-color: #90999d !important;
border-left-color: #90999d !important; }
.customize-form .field-form-table .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
border-color: #fff !important; }
@media (min-width: 1024px) {
.whatsapp-notification {
width: 816px !important;
margin: 0 auto !important; } }
.whatsapp-notification .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.whatsapp-notification .header-buttons .b-btn,
.whatsapp-notification .header-buttons .b-btn:hover,
.whatsapp-notification .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.whatsapp-notification .header-buttons .b-btn i,
.whatsapp-notification .header-buttons .b-btn:hover i,
.whatsapp-notification .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.whatsapp-notification .header-buttons .outline-btn,
.whatsapp-notification .header-buttons .outline-btn:focus,
.whatsapp-notification .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.whatsapp-notification .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.whatsapp-notification .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.whatsapp-notification .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.whatsapp-notification .unicart-table .ant-table-thead > tr > th,
.whatsapp-notification .unicart-table .ant-table-tbody > tr > td {
padding: 20px 24px !important; }
.whatsapp-notification .unicart-table .ant-table-thead > tr > th:last-child,
.whatsapp-notification .unicart-table .ant-table-tbody > tr > td:last-child {
padding-left: 0 !important; }
.whatsapp-notification .ant-table-thead > tr > th {
padding: 20px 16px !important;
border-bottom: 1px solid #e5e5e5 !important; }
.whatsapp-notification .ant-table-tbody > tr > td {
vertical-align: top !important;
padding: 12px 16px !important; }
.whatsapp-notification .ant-table-title {
width: 70% !important;
margin-left: 100px !important; }
@media (min-width: 1024px) {
.whatsapp-role {
width: 816px !important;
margin: 0 auto !important; } }
.whatsapp-role .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.whatsapp-role .header-buttons .b-btn,
.whatsapp-role .header-buttons .b-btn:hover,
.whatsapp-role .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.whatsapp-role .header-buttons .b-btn i,
.whatsapp-role .header-buttons .b-btn:hover i,
.whatsapp-role .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.whatsapp-role .header-buttons .outline-btn,
.whatsapp-role .header-buttons .outline-btn:focus,
.whatsapp-role .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.whatsapp-role .wa-table {
overflow-x: unset !important; }
@media (max-width: 1024px) {
.whatsapp-role .wa-table {
overflow-x: auto !important; } }
.whatsapp-role .wa-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.whatsapp-role .wa-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.whatsapp-role .wa-table table thead {
background-color: #fafafb !important; }
.whatsapp-role .wa-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.whatsapp-role .wa-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.whatsapp-role .wa-table .un-text-truncate {
font-weight: bold !important; }
.whatsapp-role .wa-table .un-light-label {
font-size: 14px !important; }
.whatsapp-role .wa-table .ant-list-item {
padding: 0 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-table-expanded-row-level-1 .ant-table-cell {
padding-left: 6px !important; }
.selectStaffModal .ant-modal-body .staff-table .variant-price {
padding-left: 27px; }
.selectStaffModal .ant-modal-body .staff-table .variant-stock {
padding-left: 17px; }
.selectStaffModal .ant-modal-body .staff-table table tbody tr td {
vertical-align: top !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-list-item {
padding: 0 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-list-item-meta {
padding-top: 1px !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-list-item-meta-description {
padding-left: 0; }
.selectStaffModal .ant-modal-body .staff-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.selectStaffModal .ant-modal-body .staff-table table thead {
background-color: #fafafb !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-table-tbody .ant-table-measure-row td {
padding: 0 !important; }
.selectStaffModal .ant-modal-body .staff-table .desc {
line-height: 15px !important; }
.selectStaffModal .ant-modal-body .staff-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-table-pagination.ant-pagination {
margin: 20px 0 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination-item-link {
color: #0c2028 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination-item a {
color: #0c2028 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination-item-active a {
color: #007ce0 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination.mini {
margin-top: 10px; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.selectStaffModal .ant-modal-body .staff-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.selectStaffModal .ant-modal-body .staff-table .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.app-menu-management .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.app-menu-management .header-buttons .b-btn,
.app-menu-management .header-buttons .b-btn:hover,
.app-menu-management .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.app-menu-management .header-buttons .b-btn i,
.app-menu-management .header-buttons .b-btn:hover i,
.app-menu-management .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media (max-width: 1024px) {
.app-menu-management .col-lg-5.col-12 .un-box-flat {
height: 650px !important; } }
.app-menu-management .menu-error {
margin-top: 4px; }
.app-menu-management .blue-capsule-btn {
cursor: pointer !important;
margin-top: 20px !important;
margin-bottom: 12px !important; }
.app-menu-management .menu-items {
width: 100%;
display: inline-flex;
padding: 8px 12px;
border-radius: 2px;
margin: 2px 0;
background-color: #f6f6f6 !important; }
.app-menu-management .menu-items.header {
background-color: #e5e5e5 !important;
margin: 8px 0 2px !important;
justify-content: space-between !important; }
.app-menu-management .menu-items.header .menu-actions {
margin-left: unset !important; }
.app-menu-management .menu-items:hover {
box-shadow: 1px 1px 1px 1px rgba(183, 180, 189, 0.08); }
.app-menu-management .menu-items.red-background {
background: #ffe0e0 !important; }
.app-menu-management .menu-items .drag-icon {
content: url("https://api.iconify.design/material-symbols/drag-indicator.svg?color=gray&height=20") !important;
background-repeat: no-repeat;
background-size: 20px;
background-position-y: center;
cursor: -webkit-grab;
cursor: grab;
z-index: 1;
width: 20px;
height: 21px;
margin-top: 2px;
margin-right: 5px; }
.app-menu-management .menu-items .menu-title {
color: black;
font-weight: bold;
align-self: center;
line-height: 17px;
display: block !important; }
.app-menu-management .menu-items .menu-actions {
width: 60px !important;
margin-right: 0;
margin-left: auto; }
.app-menu-management .menu-items .menu-actions .feather-edit-3 {
cursor: pointer !important;
font-size: 20px;
color: #007ce0;
margin-left: 5px;
margin-right: 12px; }
.app-menu-management .menu-items .menu-actions .feather-x {
cursor: pointer !important;
font-size: 20px;
color: #647176; }
.un-subpage-selection .un-form-setting .ant-form-item.collection-item {
margin-bottom: 4px !important; }
.collection-item {
margin-bottom: 4px !important; }
.add-blog-post-btn {
cursor: pointer;
width: 100%;
height: 33px;
background-color: #5acc5a !important;
border: 1px solid #5acc5a !important;
border-radius: 4px !important;
text-align: center;
font-size: 14px;
color: #ffffff; }
.add-blog-post-btn:hover,
.add-blog-post-btn:focus {
cursor: pointer;
width: 100%;
height: 33px;
background-color: #11aa4f !important;
border: 1px solid #5acc5a !important;
border-radius: 4px !important;
text-align: center;
font-size: 14px;
color: #ffffff; }
.blog-post-item {
width: 100%;
display: inline-flex;
height: 32px;
background-color: #f6f6f6;
margin-bottom: 4px; }
.blog-post-item .blog-post-name {
display: block;
width: 229px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: nowrap;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
line-height: 32px;
font-size: 14px;
font-weight: bold;
color: #0c2028; }
.blog-post-item .feather-x {
cursor: pointer;
font-size: 20px;
color: #647176;
margin-top: 10px;
margin-right: 12px;
margin-left: auto;
text-align: right; }
.webstore-page .banner {
padding-top: 32px; }
.webstore-page .banner .row {
border-radius: 20px !important;
background-image: linear-gradient(0.25turn, #1b1464, 25%, #93278f);
margin-left: 0px !important;
margin-right: 0px !important; }
@media (min-width: 1440px) {
.webstore-page .banner .row {
height: 195px !important; } }
@media (min-width: 768px) {
.webstore-page .banner .row {
margin-left: 14px !important;
margin-right: -1px !important; } }
.webstore-page .banner .row .col-md-5.col-sm-12 {
align-content: baseline; }
.webstore-page .banner .row .col-md-7.col-sm-12 {
padding-right: 0 !important;
padding-left: 0 !important; }
.webstore-page .banner .row .titlemdpi {
padding: 20px 12px 8px !important;
height: 100% !important;
color: #f9c34b !important;
font-size: 18px !important;
font-weight: bold !important;
font-style: italic !important; }
@media (min-width: 1440px) {
.webstore-page .banner .row .titlemdpi {
font-size: 23px !important; } }
.webstore-page .banner .row .titlemdpi .list-container {
align-items: center; }
.webstore-page .banner .row .titlemdpi .list-container .list-title {
display: flex; }
.webstore-page .banner .row .questionmdpi {
position: relative;
width: 334px !important;
height: 43px !important;
text-align: left !important; }
@media (min-width: 1440px) {
.webstore-page .banner .row .questionmdpi {
width: 409px !important;
height: 53px !important; } }
@media (max-width: 768px) {
.webstore-page .banner .row .questionmdpi {
width: 100% !important;
height: 50px !important; } }
.webstore-page .banner .row .questionmdpi img {
left: -21px !important;
position: absolute;
width: 100%;
object-fit: contain;
top: 0; }
@media (min-width: 1440px) {
.webstore-page .banner .row .questionmdpi img {
left: -23px !important; } }
.webstore-page .banner .row .listmdpi {
color: #ffffff !important;
font-size: 14px !important;
padding-bottom: 20px !important; }
@media (min-width: 1440px) {
.webstore-page .banner .row .listmdpi {
font-size: 16px !important;
padding-bottom: unset !important; } }
.webstore-page .banner .row .listmdpi .list-container {
position: relative;
align-items: center;
height: unset !important;
border-radius: 0 !important;
background-image: none !important; }
.webstore-page .banner .row .listmdpi .list-container .list-point {
display: flex; }
.webstore-page .banner .row .listmdpi .list-container .list-point img {
height: 16px;
width: 16px;
object-fit: contain;
margin-right: 8px;
margin-top: 4px; }
.webstore-page .banner .row .button-videocovermdpi {
display: flex !important; }
@media (min-width: 768px) {
.webstore-page .banner .row .button-videocovermdpi {
min-height: 100px; } }
@media (max-width: 1024px) {
.webstore-page .banner .row .button-videocovermdpi {
display: block !important; } }
.webstore-page .banner .row .button-videocovermdpi .buttonmdpi {
position: relative;
padding: 12px !important;
text-align: center; }
@media (min-width: 1024px) {
.webstore-page .banner .row .button-videocovermdpi .buttonmdpi {
text-align: left !important; } }
.webstore-page .banner .row .button-videocovermdpi .buttonmdpi a {
min-width: 100%; }
.webstore-page .banner .row .button-videocovermdpi .buttonmdpi a img {
width: 150px !important;
margin: 0 auto !important; }
@media (min-width: 1024px) {
.webstore-page .banner .row .button-videocovermdpi .buttonmdpi a img {
margin: unset !important;
position: absolute;
top: 50% !important;
transform: translate(0%, -50%); } }
.webstore-page .banner .row .button-videocovermdpi .videocovermdpi {
width: fit-content !important;
height: 175px !important;
margin-left: auto;
margin-right: 0; }
@media (min-width: 1440px) {
.webstore-page .banner .row .button-videocovermdpi .videocovermdpi {
height: 210px !important; } }
@media (min-width: 1024px) {
.webstore-page .banner .row .button-videocovermdpi .videocovermdpi {
min-height: 100px;
position: absolute;
right: 0;
bottom: 0; } }
@media (max-width: 768px) {
.webstore-page .banner .row .button-videocovermdpi .videocovermdpi {
height: unset !important; } }
.webstore-page .banner .row .button-videocovermdpi .videocovermdpi a {
min-width: 100%; }
@media (min-width: 1024px) {
.webstore-page .banner .row .button-videocovermdpi .videocovermdpi a {
width: 100%;
height: 100%; } }
.webstore-page .banner .row .button-videocovermdpi .videocovermdpi a img {
width: 100%;
object-fit: contain; }
@media (min-width: 1024px) {
.webstore-page .banner .row .button-videocovermdpi .videocovermdpi a img {
width: 100%;
height: 100%; } }
@media (min-width: 1024px) {
.webstore-decoration {
width: 816px !important;
margin: 0 auto !important; } }
.webstore-decoration .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.webstore-decoration .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
margin: 0 auto; } }
.webstore-decoration .header-buttons .b-btn,
.webstore-decoration .header-buttons .b-btn:hover,
.webstore-decoration .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.webstore-decoration .header-buttons .b-btn i,
.webstore-decoration .header-buttons .b-btn:hover i,
.webstore-decoration .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.webstore-decoration .webstore-tabs .webstore-card {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.webstore-decoration .webstore-tabs .webstore-card.theme .ant-tabs-content {
border-radius: 0 12px 12px 12px; }
.webstore-decoration .webstore-tabs .webstore-card .ant-tabs-bar {
position: absolute;
height: 49px !important;
border-bottom: none !important; }
.webstore-decoration .webstore-tabs .webstore-card .ant-tabs-nav-scroll {
padding-left: 0 !important;
height: 49px !important;
border-bottom: none !important; }
.webstore-decoration .webstore-tabs .webstore-card .ant-tabs-tab-active.ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
font-weight: bold !important;
background-color: #ffffff !important;
border: 1px solid #e5e5e5 !important;
border-bottom: none !important;
height: 49px !important;
padding: 16px 20px;
border-radius: 12px 12px 0 0; }
.webstore-decoration .webstore-tabs .webstore-card .ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
background: none !important;
border: none !important;
height: 49px !important;
padding: 16px 20px;
border-radius: 12px 12px 0 0 !important; }
.webstore-decoration .webstore-tabs .webstore-card .ant-tabs-content {
margin-top: 48px;
color: #0c2028;
font-size: 14px !important;
background-color: #ffffff;
border: 1px solid #e5e5e5;
padding: 24px !important;
border-radius: 12px 12px 12px 12px; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-action .primary-btn {
margin-left: auto;
margin-right: 0;
margin-bottom: 20px; }
.webstore-decoration .webstore-tabs .webstore-card .sketch-picker {
position: absolute;
top: 30%;
left: 60%; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane {
margin-bottom: 32px; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .navbar {
cursor: pointer;
position: absolute;
top: 89px !important;
left: 22px !important;
padding-top: 0;
padding-bottom: 0;
padding-left: 80px;
padding-right: 80px;
width: 377.68px;
height: 24.12px;
text-align: center;
background-color: var(--menu-color) !important; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .navbar .navbar-item {
line-height: 24.12px;
font-size: 11px;
padding-left: 12px;
padding-right: 12px;
color: var(--menu-text-color) !important; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .desktop-view {
width: 395.62px;
height: 244.18px; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .mobile-view {
width: 151.12px;
height: 265px;
margin-left: 56%; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .action-btn {
cursor: pointer;
position: absolute;
bottom: 7px !important;
left: 262px !important;
padding-top: 8px;
padding-bottom: 0;
width: 137.16px;
height: 33.97px;
border-radius: 3.79px;
text-align: center;
font-size: 11.98px;
background-color: var(--button-color) !important;
color: var(--button-text-color) !important; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .action-btn .feather-shopping-bag {
font-size: 13px;
color: var(--button-text-color) !important;
margin-right: 4px; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container {
width: fit-content;
width: -moz-fit-content;
margin: auto;
text-align: left; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane {
width: 171px;
border: 1px solid #e5e5e5;
border-radius: 4px;
padding: 0;
margin-bottom: 24px;
display: inline-flex; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane.menuColor .color-box {
background-color: var(--menu-color) !important; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane.menuTextColor .color-box {
background-color: var(--menu-text-color) !important; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane.buttonColor .color-box {
background-color: var(--button-color) !important; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane.buttonTextColor .color-box {
background-color: var(--button-text-color) !important; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane .color-box {
width: 33px;
height: 33px !important;
border-right: 1px solid #e5e5e5;
border-radius: 4px 0 0 4px; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane .color-code {
padding-left: 12px;
color: #0c2028;
font-size: 14px;
padding: 5px 12px;
text-transform: uppercase; }
.webstore-decoration .webstore-tabs .webstore-card .theme-pane .container .color-pane .color-remove {
color: #707070;
height: 33px;
font-size: 20px;
padding: 5px;
margin-left: auto;
margin-right: 0; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo-title {
height: 17px;
font-size: 14px;
line-height: 17px;
color: #38484f;
margin-bottom: 4px; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo-desc {
font-size: 12px;
color: #647176;
margin-top: 0;
margin-bottom: auto; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload-list-picture-card .ant-upload-list-item,
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload-list-picture-card-container {
width: 64px !important;
height: 64px !important;
border-radius: 4px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload-picture-card-wrapper {
display: inline-block;
width: 64px !important;
height: 64px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload.ant-upload.ant-upload-select-picture-card {
margin: 0 64px 0 0 !important;
width: 64px !important;
height: 64px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .upload-placeholder {
padding-top: 15px !important;
width: 64px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .hvrbox {
width: 64px !important;
height: 64px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .favicon .hvrbox img {
object-fit: contain; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload-list-picture-card .ant-upload-list-item,
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload-list-picture-card-container {
width: 224px !important;
border-radius: 4px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload-picture-card-wrapper {
display: inline-block;
width: 224px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 224px !important;
height: 112px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .upload-placeholder {
padding-top: 8% !important;
width: 224px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .hvrbox {
width: 224px !important;
height: 112px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .logo .hvrbox img {
object-fit: contain; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-list-picture-card .ant-upload-list-item,
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-list-picture-card-container {
width: 400px !important;
border-radius: 4px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-picture-card-wrapper {
display: inline-block;
width: inherit; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload.ant-upload-select-picture-card {
margin: 0 0 20px 0 !important;
width: 400px !important;
height: 155px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .upload-placeholder {
padding-top: 11% !important;
width: 400px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .hvrbox {
width: 400px !important;
height: 155px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .hvrbox img {
object-fit: contain; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-list-picture-card-container {
width: 400px !important;
height: 155px !important; }
.webstore-decoration .webstore-tabs .webstore-card .webstore-logo .slideshow .ant-upload-list-picture-card .ant-upload-list-item {
width: 400px !important;
height: 155px !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-affix-wrapper {
height: 41px;
width: 336px;
border-radius: 4px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-affix-wrapper span.anticon {
width: 40px !important;
color: #0c2028; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-affix-wrapper .anticon {
font-size: 20px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-affix-wrapper > input.ant-input {
margin-top: 1px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-search-icon::after {
width: 40px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-input-search-icon::before {
right: 30px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
height: 41px !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-select-selection-search-input
.ant-custom-select-sorting {
margin-top: 1px;
height: 37px !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single
.ant-select-selector
.ant-select-selection-item
.ant-custom-select-sorting {
line-height: 40px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single
.ant-select-selector
.ant-select-selection-placeholder
.ant-custom-select-sorting {
line-height: 40px;
color: #90999d; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
padding-left: 70px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .sort-by {
left: 23px;
top: 10px;
z-index: 1;
position: absolute;
width: max-content;
color: #90999d; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-table table {
border: none !important;
box-shadow: none !important;
overflow-x: auto; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products table thead {
background-color: #fafafb !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
height: 32px !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-table-thead > tr > th {
border-bottom: none !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .ant-table-tbody > tr > td {
padding: 16px 12px;
vertical-align: top !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .un-cursor-drag td.ant-table-selection-column::before {
content: url("https://api.iconify.design/feather:menu.svg?color=%230C2028&height=16px") !important;
margin-top: 10px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .product-quantity {
padding: 8px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .primary-i-btn {
margin-left: auto;
margin-right: 0; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-checkbox-wrapper {
display: none; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-table-tbody > tr > td {
padding: 16px 12px;
vertical-align: middle !important;
color: #0c2028 !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item {
padding: 0 !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-avatar {
width: 56px;
height: 56px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .un-row-product img {
height: 56px;
width: 56px;
border-radius: 6px;
margin-left: -1px; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-title {
margin-bottom: 4px;
color: #0c2028;
font-size: 14px;
font-weight: bold;
line-height: normal;
height: 33.6px;
margin-bottom: 0 !important; }
.webstore-decoration .webstore-tabs .webstore-card .featured-products .search-featured-products .productFeaturedTable .ant-list-item-meta-description {
margin-top: 8px;
height: 17px; }
.searchFeaturedProductModal .ant-modal-body .ant-list-item {
padding: 0 !important; }
.searchFeaturedProductModal .ant-modal-body .ant-list-item-meta-avatar {
width: 56px;
height: 56px; }
.searchFeaturedProductModal .ant-modal-body .ant-table table {
border: none !important;
box-shadow: none !important;
overflow-x: auto; }
.searchFeaturedProductModal .ant-modal-body table thead {
background-color: #fafafb !important; }
.searchFeaturedProductModal .ant-modal-body .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
height: 32px !important; }
.searchFeaturedProductModal .ant-modal-body .ant-table-thead > tr > th {
border-bottom: none !important; }
.searchFeaturedProductModal .ant-modal-body .ant-table-tbody > tr > td {
padding: 16px 12px;
vertical-align: top !important; }
.searchFeaturedProductModal .ant-modal-body .unicart-filter {
margin-top: 0 !important; }
.searchFeaturedProductModal .ant-modal-body .search-form .un-filter-value {
width: 420px; }
.searchFeaturedProductModal .ant-modal-body .ant-select-selection-item {
font-weight: normal !important; }
.product-reviews .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.product-reviews .header-buttons .b-btn,
.product-reviews .header-buttons .b-btn:hover,
.product-reviews .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.product-reviews .header-buttons .b-btn i,
.product-reviews .header-buttons .b-btn:hover i,
.product-reviews .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.product-reviews .unicart-marketplacelist {
margin-top: 0; }
.product-reviews .unicart-marketplacelist .btn-store {
text-transform: unset !important; }
.product-reviews .product-rate {
margin-bottom: 8px; }
.product-reviews .product-rate .ant-rate {
font-size: 20px;
color: #ffae4c; }
.product-reviews .product-rate .ant-rate .ant-rate-star {
margin-right: 2px; }
.product-reviews .unicart-table .ant-tabs {
width: 100% !important; }
@media (min-width: 1024px) {
.review-details {
width: 644px !important;
margin: 0 auto !important; } }
.review-details .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.review-details .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.review-details .header-buttons .b-btn,
.review-details .header-buttons .b-btn:hover,
.review-details .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.review-details .header-buttons .b-btn i,
.review-details .header-buttons .b-btn:hover i,
.review-details .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.review-details .delete-btn {
margin: 0 0 20px auto !important;
width: fit-content !important;
height: 17px !important;
padding: 0 !important;
font-size: 14px !important;
border: none !important;
background: none !important;
box-shadow: none !important;
color: #647176 !important; }
.review-details .delete-btn i {
font-size: 14px !important;
color: #647176 !important;
margin-right: 4px !important; }
.review-details .delete-btn:hover, .review-details .delete-btn:focus {
color: #e0241a !important; }
.review-details .delete-btn:hover i, .review-details .delete-btn:focus i {
color: #e0241a !important; }
.review-details .review-status {
display: inline-flex; }
.review-details .review-status .body.set {
vertical-align: middle;
line-height: 25px;
margin-right: 16px; }
.review-details .un-row-product img {
height: 89px;
width: 89px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.review-details .product-detail .ant-list-item {
padding-top: 0;
padding-bottom: 20px;
margin-bottom: 20px; }
.review-details .product-detail.new .ant-list-item {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0; }
.review-details .product-detail.new .ant-list-item .ant-list-item-meta-title .body {
word-break: break-word; }
.review-details .product-review {
width: 100%;
display: inline-flex; }
.review-details .product-review .ant-list-item {
padding-top: 0;
padding-bottom: 12px; }
.review-details .product-review .ant-list-item .ant-list-item-meta-avatar {
margin-right: 8px !important; }
.review-details .product-review .ant-list-item .ant-list-item-meta-title {
margin-bottom: 0 !important; }
.review-details .product-review .body.set.bold {
width: fit-content;
width: -moz-fit-content; }
.review-details .product-review .body.set-lightest {
font-style: italic;
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.review-details .product-rate .ant-rate {
font-size: 20px;
color: #ffae4c; }
.review-details .product-rate .ant-rate .ant-rate-star {
margin-right: 2px; }
.review-details .review-comment {
word-wrap: break-word; }
.review-details .review-image .un-row-product img {
height: 89px;
width: 89px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px;
margin-right: 12px; }
.review-details .review-image .content {
border: none !important; }
.review-details .review-table {
overflow-x: auto; }
.review-details .review-table .ant-table-tbody > tr > td {
padding: 10px 12px !important;
vertical-align: baseline !important; }
.review-details .review-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.review-details .review-table table thead {
background-color: #fafafb !important; }
.review-details .review-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.review-details .review-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.review-details .review-table .un-text-truncate {
font-weight: bold !important; }
.review-details .review-table .un-light-label {
font-size: 14px !important; }
.review-details .review-table .actions-btn i {
font-size: 20px !important; }
.review-details .review-table .body.set-lightest {
font-style: italic;
width: fit-content;
width: -moz-fit-content; }
.review-details .review-table .ant-list-item {
padding-top: 0;
padding-bottom: 12px; }
.review-details .review-table .ant-list-item .ant-list-item-meta-avatar {
margin-right: 8px !important; }
.review-details .review-table .ant-list-item .ant-list-item-meta-title {
margin-bottom: 0 !important; }
@media (min-width: 1024px) {
.product-label {
width: 856px !important;
margin: 0 auto !important; } }
.product-label .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.product-label .header-buttons {
min-width: 856px !important;
max-width: 856px !important;
margin: 0 auto; } }
.product-label .header-buttons .b-btn,
.product-label .header-buttons .b-btn:hover,
.product-label .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.product-label .header-buttons .b-btn i,
.product-label .header-buttons .b-btn:hover i,
.product-label .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.product-label .product-label-actions {
display: inline-flex !important;
margin-bottom: 20px; }
.product-label .product-label-actions .outline-btn,
.product-label .product-label-actions .outline-btn:hover,
.product-label .product-label-actions .outline-btn:focus {
margin-left: auto;
margin-right: 16px;
background: none !important; }
.product-label .product-label-actions .primary-i-btn {
margin-left: 0;
margin-right: 0; }
.product-label .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.product-label .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.product-label .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.product-label .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.product-label .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
@media (max-width: 425px) {
.new-product-label .un-form-setting .ant-form-item {
flex-direction: unset !important; } }
.new-product-label .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.new-product-label .header-buttons .b-btn,
.new-product-label .header-buttons .b-btn:hover,
.new-product-label .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-product-label .header-buttons .b-btn i,
.new-product-label .header-buttons .b-btn:hover i,
.new-product-label .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-product-label .ant-upload-picture-card-wrapper {
width: unset; }
.new-product-label .ant-upload.ant-upload-select-picture-card {
margin: 0; }
.new-product-label .upload-placeholder {
padding-top: 35% !important;
width: 115px !important;
height: 115px !important; }
.new-product-label .upload-placeholder i {
font-size: 32px; }
.new-product-label .hvrbox {
width: 115px !important;
height: 115px !important; }
.new-product-label .ant-upload:hover {
border-color: #007ce0 !important; }
.new-product-label .ant-upload-drag-icon img {
object-fit: contain !important; }
.new-product-label .search-form .un-filter-value {
height: 41px !important;
width: 336px !important;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
@media (max-width: 1024px) {
.new-product-label .search-form .un-filter-value {
width: 100% !important; } }
.new-product-label .ant-radio-group.display span.ant-radio + * {
padding-right: 8px;
padding-left: 16px;
color: #38484f !important; }
.new-product-label .ant-radio-group.label-shape span.ant-radio + * {
padding-right: 8px;
padding-left: 16px; }
.new-product-label .ant-radio-group.label-shape .ant-radio {
height: fit-content; }
.new-product-label .ant-radio-group.label-shape .ant-radio-wrapper {
display: flex !important; }
.new-product-label .ant-radio-group.label-shape .ant-radio-wrapper .circle {
width: 82px !important;
height: 82px !important;
border: 1px solid #707070 !important;
border-radius: 50%; }
.new-product-label .ant-radio-group.label-shape .ant-radio-wrapper .rectangle {
width: 82px !important;
height: 29px !important;
border: 1px solid #707070 !important; }
.new-product-label .ant-radio-group.label-shape .ant-radio-wrapper .triangle {
position: relative;
width: 82px !important;
height: 82px !important;
border: 1px solid #707070 !important;
border-left: none !important;
border-bottom: none !important; }
.new-product-label .ant-radio-group.label-shape .ant-radio-wrapper .triangle .diagonal-line {
position: absolute;
border-bottom: 1px solid #707070;
width: 116px;
transform: rotate(45deg);
transform-origin: top left;
top: -1px;
left: 0px; }
.new-product-label .ant-radio-group.position {
display: inline-flex;
width: 189px !important;
margin-left: 0 !important; }
.new-product-label .ant-radio-group.position span.ant-radio + * {
padding-right: 0;
padding-left: 0; }
.new-product-label .ant-radio-group.position .ant-radio-wrapper {
width: 63px !important;
height: 63px !important;
display: inline-flex;
margin-right: 0;
padding-right: 0 !important;
padding-left: 0 !important; }
.new-product-label .ant-radio-group.position .ant-radio-wrapper .ant-radio {
display: none !important; }
.new-product-label .ant-radio-group.position .ant-radio-wrapper .position-box {
width: 63px !important;
height: 63px !important;
border: 1px solid #707070 !important;
background-color: #ffffff !important; }
.new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(2) .position-box, .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(8) .position-box {
border-left: none !important;
border-right: none !important; }
@media (max-width: 425px) {
.new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(2) .position-box, .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(8) .position-box {
border-left: 1px solid #707070 !important; } }
.new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(4) .position-box, .new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(6) .position-box {
border-top: none !important;
border-bottom: none !important; }
.new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(5) .position-box {
border: none !important; }
@media (max-width: 425px) {
.new-product-label .ant-radio-group.position .ant-radio-wrapper:nth-child(5) .position-box {
border-left: 1px solid #707070 !important; } }
.new-product-label .ant-radio-group.position .ant-radio-wrapper-checked .position-box {
background-color: #5acc5a !important; }
.new-product-label .ant-radio-group.position .ant-radio-wrapper-disabled {
cursor: not-allowed; }
.new-product-label .ant-radio-group.position .ant-radio-wrapper-disabled .position-box {
background-color: #d4d4d4 !important; }
.new-product-label .ant-form-item.text-format {
margin-bottom: 0 !important; }
.new-product-label .webstore-table .ant-list-item-meta-title {
line-height: 20px !important;
height: unset !important; }
.new-product-label .webstore-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.new-product-label .webstore-table .ant-list-item-meta-avatar {
margin-right: 0;
height: 42px;
width: 42px;
border-radius: 6px !important; }
.new-product-label .webstore-table .un-row-product img {
height: 42px;
width: 42px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.new-product-label .webstore-table .ant-table-tbody > tr > td {
padding: 10px 12px !important;
border-top: none !important;
border-bottom: 1px solid #e5e5e5 !important; }
.new-product-label .webstore-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.new-product-label .webstore-table table thead {
background-color: #fafafb !important; }
.new-product-label .webstore-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.new-product-label .webstore-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.new-product-label .webstore-table .un-text-truncate {
font-weight: bold !important; }
.new-product-label .webstore-table .un-light-label {
font-size: 14px !important; }
.new-product-label .webstore-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.webstore-product-modal .modal-filter .search-form {
display: block !important; }
.webstore-product-modal .btn-productlist {
display: flex;
margin-bottom: 20px; }
.webstore-product-modal .btn-productlist .btn-product {
font-size: 14px;
line-height: 17px;
height: 33px;
padding: 7px 16px 8px 16px;
background-color: transparent;
border: 1px solid #d4d4d4;
color: #0c2028 !important;
border-radius: 60px;
letter-spacing: 0px; }
.webstore-product-modal .btn-productlist .btn-product + .btn-product {
margin-left: 10px; }
.webstore-product-modal .btn-productlist .btn-product.active {
color: #5acc5a !important;
border-color: #5acc5a !important;
background-color: #ffffff; }
.webstore-product-modal .product-table table tbody tr td {
vertical-align: top !important; }
.webstore-product-modal .product-table .ant-list-item {
padding: 0 !important; }
.webstore-product-modal .product-table .ant-list-item-meta {
padding-top: 1px !important; }
.webstore-product-modal .product-table .ant-list-item-meta-avatar {
width: 56px;
height: 56px; }
.webstore-product-modal .product-table .ant-list-item-meta-description {
padding-left: 0; }
.webstore-product-modal .product-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.webstore-product-modal .product-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.webstore-product-modal .product-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.webstore-product-modal .product-table table thead {
background-color: #fafafb !important; }
.webstore-product-modal .product-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.webstore-product-modal .product-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.webstore-product-modal .product-table .desc {
line-height: 15px !important; }
.webstore-product-modal .product-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.webstore-product-modal .ant-pagination-options-size-changer.ant-select {
display: none; }
.preferences .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.preferences .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.preferences .header-buttons .b-btn,
.preferences .header-buttons .b-btn:hover,
.preferences .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.preferences .header-buttons .b-btn i,
.preferences .header-buttons .b-btn:hover i,
.preferences .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.preferences .webstorePreferences .ant-form-item-label > label {
color: #0c2028 !important; }
.preferences .webstorePreferences .ant-divider-horizontal {
margin: 0 !important; }
.preferences .webstorePreferences .caption.plain-btn {
font-size: 12px !important;
text-decoration: underline; }
.preferences .webstorePreferences .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; }
.preferences .webstorePreferences .favicon .ant-upload-list-picture-card .ant-upload-list-item,
.preferences .webstorePreferences .favicon .ant-upload-list-picture-card-container {
width: 62px !important;
height: 62px !important;
border-radius: 4px !important;
margin-top: 4px; }
.preferences .webstorePreferences .favicon .ant-upload-picture-card-wrapper {
display: inline-block;
width: 62px !important;
height: 62px !important; }
.preferences .webstorePreferences .favicon .ant-upload.ant-upload.ant-upload-select-picture-card {
margin: 0 62px 0 0 !important;
width: 62px !important;
height: 62px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.preferences .webstorePreferences .favicon .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.preferences .webstorePreferences .favicon .upload-placeholder {
padding-top: 15px !important;
width: 62px !important; }
.preferences .webstorePreferences .favicon .hvrbox {
width: 62px !important;
height: 62px !important; }
.preferences .webstorePreferences .favicon .hvrbox img {
object-fit: contain; }
.preferences .webstorePreferences .logo .ant-upload-list-picture-card .ant-upload-list-item,
.preferences .webstorePreferences .logo .ant-upload-list-picture-card-container {
width: 115px !important;
border-radius: 4px !important;
margin-top: 4px; }
.preferences .webstorePreferences .logo .ant-upload-picture-card-wrapper {
display: inline-block;
width: 115px !important; }
.preferences .webstorePreferences .logo .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.preferences .webstorePreferences .logo .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.preferences .webstorePreferences .logo .upload-placeholder {
padding-top: 34% !important;
width: 115px !important; }
.preferences .webstorePreferences .logo .hvrbox {
width: 115px !important;
height: 115px !important; }
.preferences .webstorePreferences .logo .hvrbox img {
object-fit: contain; }
.preferences .webstorePreferences .address-fields .ant-form-item {
margin-bottom: 12px !important; }
.preferences .webstorePreferences .html-embed.ant-form-item {
margin-bottom: 12px !important; }
.preferences .webstorePreferences .google-map-container {
height: fit-content; }
.preferences .webstorePreferences .google-map-container .html-preview {
height: 200px !important;
text-align: center;
background-color: #fafafb !important; }
.preferences .webstorePreferences .google-map-container iframe {
border: 0 !important;
width: -webkit-fill-available !important;
width: fill-available !important;
width: -moz-available !important;
border-radius: 4px !important;
border: 1px solid #d4d4d4 !important; }
.preferences .webstorePreferences .business-hour-switch {
display: inline-flex;
width: -webkit-fill-available;
width: fill-available;
width: -moz-available; }
.preferences .webstorePreferences .business-hour-switch span {
line-height: 25px;
font-size: 14px;
color: #38484f; }
.preferences .webstorePreferences .business-hour-switch .day {
width: 120px !important; }
.preferences .webstorePreferences .business-hour-switch .day .ant-checkbox-wrapper {
margin-right: 16px !important; }
.preferences .webstorePreferences .business-hour-switch .ant-switch {
margin-right: 32px; }
.preferences .webstorePreferences .business-hours-time-range .ant-picker {
width: 195px;
height: 29px !important;
border: 1px solid #d4d4d4;
margin: 0 10px; }
.preferences .webstorePreferences .business-hours-time-range .ant-picker .ant-picker-range-separator {
padding: 0 4px; }
.preferences .webstorePreferences .business-hours-time-range .ant-picker .ant-picker-range-separator .anticon-swap-right {
content: url("https://api.iconify.design/feather:minus.svg?color=%230C2028&height=14px");
vertical-align: -0.125em; }
.preferences .webstorePreferences .business-hours-time-range .ant-picker .ant-picker-suffix {
margin-top: 4px; }
.preferences .webstorePreferences .business-hours-time-range .ant-picker .ant-picker-suffix .feather-clock {
font-size: 20px;
color: #90999d; }
.preferences .webstorePreferences .business-hour-preview {
padding-top: 20px;
margin-bottom: 20px; }
.preferences .webstorePreferences .business-hour-preview .days {
width: 70px !important;
margin-right: 4px; }
.preferences .webstorePreferences .business-hour-preview .time {
margin-left: 4px; }
.preferences .webstorePreferences .webstore-status .row {
align-items: flex-start; }
.preferences .webstorePreferences .webstore-status .display-setting span {
line-height: 33px; }
.preferences .webstorePreferences span.ant-radio + * {
color: #0c2028 !important; }
.preferences .webstorePreferences .ant-select-disabled.ant-select-single:not(.ant-select-customize-input)
.ant-select-selector {
color: #0c2028 !important; }
@media (min-width: 1024px) {
.menu-management {
width: 816px !important;
margin: 0 auto !important; } }
.menu-management .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.menu-management .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
margin: 0 auto; } }
.menu-management .header-buttons .b-btn,
.menu-management .header-buttons .b-btn:hover,
.menu-management .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.menu-management .header-buttons .b-btn i,
.menu-management .header-buttons .b-btn:hover i,
.menu-management .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.menu-management .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.menu-management .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.menu-management .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.menu-management .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.menu-management .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.new-menu-set .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.new-menu-set .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.new-menu-set .header-buttons .b-btn,
.new-menu-set .header-buttons .b-btn:hover,
.new-menu-set .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-menu-set .header-buttons .b-btn i,
.new-menu-set .header-buttons .b-btn:hover i,
.new-menu-set .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-menu-set span.ant-radio + * {
line-height: 29px !important;
padding-left: 16px !important;
color: #0c2028 !important; }
.new-menu-set .ant-radio-wrapper {
display: block !important; }
.new-menu-set .menu-radio-group {
margin: 0 0 0 32px !important; }
.new-menu-set .blue-capsule-btn {
cursor: pointer !important;
margin-bottom: 12px !important; }
.new-menu-set .ant-list-item {
height: 41px;
align-items: baseline;
background-color: #f6f6f6;
border-bottom: none !important;
margin-bottom: 4px;
padding: 12px !important; }
.new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
line-height: 1.2;
font-size: 14px;
font-weight: bold;
color: #0c2028; }
.new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions {
width: 80px !important;
margin-right: 0;
margin-left: auto; }
.new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions .feather-plus {
cursor: pointer !important;
line-height: 0.9;
font-size: 20px;
color: #007ce0;
margin-right: 12px; }
.new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions .feather-edit-3 {
cursor: pointer !important;
line-height: 0.9;
font-size: 20px;
color: #007ce0;
margin-right: 12px; }
.new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions .feather-x {
cursor: pointer !important;
line-height: 0.9;
font-size: 20px;
color: #647176; }
.new-menu-set .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .item-actions .feather-eye {
cursor: pointer !important;
line-height: 0.9;
font-size: 20px;
color: #007ce0;
margin-right: 12px; }
.new-menu-set .ant-list-item .ant-list-item-meta::before {
content: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-size: 20px;
background-position-y: center;
cursor: -webkit-grab;
cursor: grab;
z-index: 1;
width: 20px;
height: 15px;
margin-right: 4px; }
.new-menu-set .ant-list-item .ant-select-selector {
padding-left: 4px !important; }
.new-menu-set .menu-items {
display: inline-flex;
padding: 5px;
border-radius: 2px;
margin: 2px 0;
background-color: #f6f6f6 !important; }
.new-menu-set .menu-items:hover {
box-shadow: 1px 1px 1px 1px rgba(183, 180, 189, 0.08); }
.new-menu-set .menu-items .drag-icon {
content: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-size: 20px;
background-position-y: center;
cursor: -webkit-grab;
cursor: grab;
z-index: 1;
width: 20px;
height: 21px;
margin-top: 5px;
margin-right: 5px; }
.new-menu-set .menu-items .menu-title {
color: black;
font-weight: bold;
align-self: center; }
.new-menu-set .menu-items .menu-actions {
width: 60px !important;
margin-right: 0;
margin-left: auto; }
.new-menu-set .menu-items .menu-actions .feather-edit-3 {
cursor: pointer !important;
line-height: 1.1;
font-size: 20px;
color: #007ce0;
margin-left: 5px;
margin-right: 12px; }
.new-menu-set .menu-items .menu-actions .feather-x {
cursor: pointer !important;
line-height: 1.1;
font-size: 20px;
color: #647176; }
.new-menu-set .menu-items .menu-actions-with-permission {
width: 32px !important;
margin-right: 0;
margin-left: auto; }
.new-menu-set .menu-items .menu-actions-with-permission .feather-eye {
cursor: pointer !important;
line-height: 0.9;
font-size: 20px;
color: #007ce0;
margin-right: 12px; }
.new-menu-set .mega-menu {
align-items: baseline; }
.new-menu-set .mega-menu .col-md-3.col-12 {
padding-right: 16px !important; }
.new-menu-set .mega-menu .col-md-9.col-12 {
padding-left: 16px !important; }
.new-menu-set .mega-menu .linkto-radio-group .ant-radio-wrapper {
display: inline-block !important; }
.new-menu-set .mega-menu .menu-items {
border: none !important;
background-color: #f6f6f6 !important;
cursor: -webkit-grab;
cursor: grab; }
.new-menu-set .mega-menu .menu-items.active {
background-color: #e5e5e5 !important; }
.new-menu-set .mega-menu .menu-items .menu-actions {
width: 60px !important;
margin-right: 0;
margin-left: auto; }
.new-menu-set .mega-menu .menu-items .menu-title {
color: black;
font-weight: bold;
align-self: center; }
.new-menu-set .mega-menu .top-level-menu-info.un-box-flat {
height: fit-content !important; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .ant-select {
width: 222px; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container {
background-color: #fafafb;
margin-left: 0px !important;
margin-right: 0px !important;
padding: 10px 5px !important;
margin-bottom: 20px; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .col-lg-3,
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .col-lg-4,
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .col-lg-6 {
padding: 0px 5px !important;
align-content: baseline; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .col-lg-3 .widget-item .widget-content {
width: 70%; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .col-lg-4 .widget-item .widget-content {
width: 78%; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .col-lg-6 .widget-item .widget-content {
width: 85.5%; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .blue-capsule-btn {
cursor: pointer !important;
margin-bottom: 12px !important;
height: fit-content; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item {
display: inline-flex;
width: 100%;
padding: 10px 5px;
border-radius: 2px;
margin: 0 0 8px;
background-color: #ffffff; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item:hover {
box-shadow: 1px 1px 1px 1px rgba(183, 180, 189, 0.08); }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .widget-content {
display: block; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .widget-link {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: nowrap;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
line-height: 26px;
font-size: 14px;
font-weight: bold;
color: #0c2028;
align-self: center; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .widget-title {
display: block;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
word-break: break-all;
white-space: nowrap;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
line-height: 14px;
font-size: 12px !important;
font-weight: bold;
color: #0c2028;
align-self: center; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .widget-desc {
display: -webkit-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
line-height: 20px;
font-size: 14px;
font-weight: normal;
color: #0c2028;
align-self: center; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .widget-img {
width: 100%;
height: 100%; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .widget-img img {
width: 100%;
height: 100%;
object-fit: contain; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .drag-icon {
content: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-size: 20px;
background-position-y: center;
cursor: -webkit-grab;
cursor: grab;
z-index: 1;
width: 20px;
height: 21px;
margin-top: 5px;
margin-right: 5px; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .plain-btn {
align-self: baseline;
margin: 3px 5px 0 auto; }
.new-menu-set .mega-menu .child-menu-widgets.un-box-flat .widgets-container .widget-item .plain-btn i {
cursor: pointer;
font-size: 20px !important;
color: #007ce0; }
.new-menu-set .ant-select-disabled.ant-select-single:not(.ant-select-customize-input)
.ant-select-selector {
color: #0c2028 !important; }
.new-menu-set .local-override.border-danger {
border-color: #ff3739 !important; }
.add-widget-modal {
width: 500px !important; }
.add-widget-modal .ant-modal-body .ant-radio-group {
display: block;
margin-bottom: 20px; }
.add-widget-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper {
display: block;
min-height: 36px !important;
width: 164px;
margin: 0 auto 11px !important;
border-radius: 4px !important;
text-align: center !important;
border: 1px solid #e5e5e5 !important; }
.add-widget-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .widget-opt {
display: flex;
min-height: 34px;
align-items: center;
width: fit-content;
margin: 0 auto; }
.add-widget-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .widget-opt i {
font-size: 20px !important;
margin: -3px 8px 0 0;
color: #000000 !important; }
.add-widget-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper .widget-opt div {
font-size: 14px !important;
line-height: 18px;
color: #0c2028 !important; }
.add-widget-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked {
border: 1px solid #5acc5a !important;
border-bottom: 3px solid #5acc5a !important;
background-color: #ffffff !important; }
.add-widget-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked .widget-opt i,
.add-widget-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked .widget-opt div {
color: #5acc5a !important; }
.add-widget-modal .ant-modal-body .ant-radio-group .ant-radio-button-wrapper:not(:first-child)::before {
display: none !important; }
.widget-modal .ant-modal-body .ant-upload.ant-upload-select-picture-card {
width: 262px !important;
height: 136px !important;
position: relative; }
.widget-modal .ant-modal-body .ant-upload.ant-upload-select-picture-card:hover {
border: 1px dashed #007ce0 !important; }
.widget-modal .ant-modal-body .upload-placeholder {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: unset !important;
color: #007ce0;
position: absolute;
height: fit-content; }
.widget-modal .ant-modal-body .hvrbox img {
width: 262px !important;
height: 136px !important;
object-fit: contain; }
.widget-modal .ant-modal-body .plain-mono-btn {
width: fit-content !important;
margin: 0 0 20px auto !important; }
.widget-modal .ant-modal-body .plain-mono-btn .feather-trash-2 {
color: #e0241a !important;
font-size: 14px !important;
margin-right: 4px; }
.widget-modal .ant-modal-body .plain-mono-btn:hover .feather-trash-2, .widget-modal .ant-modal-body .plain-mono-btn:focus .feather-trash-2 {
color: #99140a !important; }
.widget-modal .ant-modal-body .un-form-setting .ant-form-item.collection-select {
margin-bottom: 0 !important; }
.widget-modal .ant-modal-body .un-form-setting .ant-form-item.collection-select .ant-cascader-picker-label .disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed; }
.add-page-modal .ant-modal-body .un-form-setting .ant-form-item.collection-select {
margin-bottom: 0 !important; }
.add-page-modal .ant-modal-body .un-form-setting .ant-form-item.collection-select .ant-cascader-picker-label .disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed; }
.ant-form-item.collection-select {
margin-bottom: 0 !important; }
.ant-form-item.collection-select .ant-cascader-picker-label .disabled {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed; }
.ant-select-selection-item .inactive {
color: rgba(0, 0, 0, 0.25); }
@media (min-width: 1024px) {
.page-management {
width: 816px !important;
margin: 0 auto !important; } }
.page-management .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.page-management .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
margin: 0 auto; } }
.page-management .header-buttons .b-btn,
.page-management .header-buttons .b-btn:hover,
.page-management .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.page-management .header-buttons .b-btn i,
.page-management .header-buttons .b-btn:hover i,
.page-management .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.page-management .header-buttons .outline-btn,
.page-management .header-buttons .outline-btn:focus,
.page-management .header-buttons .outline-btn:hover {
background: none !important; }
.page-management .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.page-management .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.page-management .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.page-management .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.page-management .unicart-search .search-form {
margin-bottom: 20px !important; }
.page-management .unicart-search .search-form .un-filter-value {
height: 41px !important;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.page-management .ant-input-search {
height: 41px; }
.page-management .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.pageManagementSelectModal .ant-modal-body .options-btn,
.blogPostSelectModal .ant-modal-body .options-btn {
display: grid !important;
border: 1px solid #d4d4d4;
border-radius: 4px !important;
height: 116px !important;
padding: 0 !important;
margin-bottom: 12px; }
.pageManagementSelectModal .ant-modal-body .options-btn .options-img,
.blogPostSelectModal .ant-modal-body .options-btn .options-img {
width: inherit !important;
padding: 10px 0 !important; }
.pageManagementSelectModal .ant-modal-body .options-btn .options-img img,
.blogPostSelectModal .ant-modal-body .options-btn .options-img img {
width: 40% !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important; }
.pageManagementSelectModal .ant-modal-body .options-btn .options-name,
.blogPostSelectModal .ant-modal-body .options-btn .options-name {
padding: 0 5px !important;
width: inherit !important;
white-space: normal; }
.pageManagementSelectModal .ant-modal-body .options-btn:hover,
.pageManagementSelectModal .ant-modal-body .options-btn:focus,
.blogPostSelectModal .ant-modal-body .options-btn:hover,
.blogPostSelectModal .ant-modal-body .options-btn:focus {
border: 4px solid #5acc5a !important; }
.pageManagementSelectModal .modal-filter .ant-input-group.ant-input-group-compact > *:first-child,
.blogPostSelectModal .modal-filter .ant-input-group.ant-input-group-compact > *:first-child {
width: 30%; }
.pageManagementSelectModal .modal-filter .ant-input-group.ant-input-group-compact > *:last-child,
.blogPostSelectModal .modal-filter .ant-input-group.ant-input-group-compact > *:last-child {
width: 70%; }
.pageManagementSelectModal .modal-filter .search-form,
.blogPostSelectModal .modal-filter .search-form {
display: block !important; }
.pageManagementSelectModal .modal-filter .search-form .un-filter-value,
.blogPostSelectModal .modal-filter .search-form .un-filter-value {
width: 558px !important;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.unicartPageSelectModal {
width: 750px !important; }
.unicartPageSelectModal .ant-modal-body {
max-height: unset;
height: calc(100vh - 310px) !important;
padding: 20px 20px 0 !important; }
.unicartPageSelectModal .ant-modal-body .modal-filter .search-form {
position: absolute !important;
z-index: 1002 !important;
width: 370px; }
.unicartPageSelectModal .ant-modal-body .modal-filter .search-form .un-filter-value {
width: max-content !important; }
.unicartPageSelectModal .ant-modal-body .page-table table tbody tr td {
vertical-align: top !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-list-item {
padding: 0 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-list-item-meta {
padding-top: 1px !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-list-item-meta-description {
padding-left: 0; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-table-body {
overflow-y: scroll;
height: calc(100vh - 435px); }
.unicartPageSelectModal .ant-modal-body .page-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-table-tbody tr.ant-table-measure-row > td {
padding: 0 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.unicartPageSelectModal .ant-modal-body .page-table table thead {
background-color: #fafafb !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.unicartPageSelectModal .ant-modal-body .page-table .desc {
line-height: 15px !important; }
.unicartPageSelectModal .ant-modal-body .page-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-table-pagination.ant-pagination {
margin: 12px 0 30px !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination-item-link {
color: #0c2028 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination-item a {
color: #0c2028 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination-item-active a {
color: #007ce0 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.unicartPageSelectModal .ant-modal-body .page-table .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.unicartPageSelectModal .ant-modal-footer {
padding: 12px 24px !important; }
.unicartPageSelectModal .ant-modal-footer .select-action {
position: absolute;
width: calc(100% - 48px);
bottom: 12px; }
@media (min-width: 1024px) {
.new-menu-page {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto !important; } }
.new-menu-page .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.new-menu-page .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.new-menu-page .header-buttons .b-btn,
.new-menu-page .header-buttons .b-btn:hover,
.new-menu-page .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-menu-page .header-buttons .b-btn i,
.new-menu-page .header-buttons .b-btn:hover i,
.new-menu-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-menu-page .ant-select-disabled
.ant-select-single.ant-select-show-arrow
.ant-select-selection-item,
.new-menu-page .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
color: #0c2028 !important; }
.new-menu-page .page-builder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 2px solid #e7e3e3;
min-height: 200px;
width: 100%;
margin: auto;
cursor: pointer;
color: #007ce0; }
.new-menu-page .page-builder img {
width: auto;
height: 120px;
margin-bottom: 10px; }
.new-menu-page .content-type {
width: fit-content !important;
height: fit-content !important;
line-height: 40px !important;
border: 1px solid #d9d9d9 !important;
border-radius: 4px !important;
margin-right: 20px !important;
padding: 6px 12px !important;
cursor: pointer; }
.new-menu-page .content-type img {
width: 40px;
height: 40px; }
.new-menu-page .content-type span {
margin-left: 5px; }
.new-menu-page .content-type.active {
position: relative;
border-color: #5acc5a !important;
color: #5acc5a !important;
background-color: #ffffff !important; }
.new-menu-page .content-type.active .feather-check {
display: block !important;
position: absolute;
right: 0;
bottom: 0;
background-color: #5acc5a;
color: #ffffff;
font-size: 10px;
border-bottom-right-radius: 4px; }
.new-menu-page .content-type.active .arrow-left {
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #5acc5a; }
.new-menu-page .content-type.active .arrow-up {
position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #5acc5a; }
.new-menu-page .content-editor .fr-wrapper {
min-height: 200px; }
.new-menu-page .seo .seo-detail {
background-color: #fafafb;
border-radius: 4px;
padding: 20px 24px;
margin-bottom: 20px; }
.new-menu-page .seo .seo-detail span {
word-break: break-all !important; }
.new-menu-page .seo .seo-url .ant-input-group-addon:first-child {
background-color: #f6f6f6 !important;
color: #90999d !important; }
.new-menu-page .seo .seo-url .ant-input-group > .ant-input:last-child,
.new-menu-page .seo .seo-url .ant-input-group-addon:last-child {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.blog-post .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.blog-post .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.blog-post .header-buttons .b-btn,
.blog-post .header-buttons .b-btn:hover,
.blog-post .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.blog-post .header-buttons .b-btn i,
.blog-post .header-buttons .b-btn:hover i,
.blog-post .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.blog-post .unicart-marketplacelist {
margin-top: 0 !important; }
.blog-post .unicart-filter {
margin-top: 0 !important;
display: flex; }
.blog-post .unicart-filter .search-form .un-filter-value {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.blog-post .unicart-filter .outline-btn.manage-categories-btn {
margin-left: auto;
margin-right: 16px; }
.blog-post .unicart-filter .primary-i-btn {
margin-left: 0;
margin-right: 0; }
.blog-post .unicart-filter .outline-btn,
.blog-post .unicart-filter .outline-btn:focus,
.blog-post .unicart-filter .outline-btn:hover {
background: none !important; }
.blog-post .blog-post-listing .ant-table-row {
word-wrap: break-word !important;
word-break: break-word !important; }
.blog-post .blog-post-listing .status-tag {
margin-right: 0 !important;
width: max-content !important; }
.blog-post .blog-post-listing .status-tag.draft {
color: #323f47;
height: 18px;
font-size: 12px;
font-weight: normal !important;
line-height: 18px;
background: #d0f4ff;
border-color: #8ed7ff;
border-radius: 4px; }
.blog-post .blog-post-listing .status-tag.scheduled {
color: #0c2028;
border-color: #f9e477;
background-color: #fff5c4;
text-transform: unset !important; }
.blog-post .blog-post-listing .status-tag.published {
color: #323f47;
border-color: #bcefb9;
background-color: #f3fff3; }
.blog-post .unicart-table .ant-table-tbody > tr > td {
vertical-align: top !important;
padding: 24px 16px !important; }
.blog-post .ant-input-search {
height: 41px; }
.blog-post .ant-list-item {
padding: 0 !important; }
.blog-post .ant-list-item .ant-list-item-meta-avatar {
margin-right: 0;
width: 84px;
height: 43px;
border-radius: 6px !important; }
.blog-post .ant-list-item .ant-list-item-meta-avatar .un-row-product img {
height: 43px;
width: 84px;
border: 1px solid #e5e5e5;
border-radius: 6px !important;
margin-left: -1px; }
@media (min-width: 1024px) {
.blog-categories {
width: 816px !important;
margin: 0 auto !important; } }
.blog-categories .search-form .un-filter-value {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.blog-categories .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.blog-categories .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.blog-categories .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.blog-categories .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.blog-categories .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.blog-categories .header-buttons .b-btn,
.blog-categories .header-buttons .b-btn:hover,
.blog-categories .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.blog-categories .header-buttons .b-btn i,
.blog-categories .header-buttons .b-btn:hover i,
.blog-categories .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.blog-categories .unicart-filter {
margin-top: 0 !important; }
.blog-categories .unicart-table .ant-table-thead > tr > th:first-child {
padding-left: 40px !important; }
.blog-categories .unicart-table .ant-table-tbody > tr > td {
vertical-align: middle !important; }
.blog-categories .unicart-table .ant-table-tbody > tr > td:first-child {
padding-left: 40px !important; }
.blog-categories .unicart-table .un-cursor-drag td:first-child:before {
content: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-size: 20px;
background-position-y: center;
cursor: -webkit-grab;
cursor: grab;
z-index: 1;
width: 20px;
height: 15px;
position: absolute;
left: 8px;
top: 16px !important; }
.new-post .header-buttons {
width: 100% !important;
top: 7px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.new-post .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.new-post .header-buttons .b-btn,
.new-post .header-buttons .b-btn:hover,
.new-post .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.new-post .header-buttons .b-btn i,
.new-post .header-buttons .b-btn:hover i,
.new-post .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.new-post .header-buttons .list-inline-item {
margin-right: 0 !important; }
.new-post .header-buttons .outline-btn,
.new-post .header-buttons .outline-btn:focus,
.new-post .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
@media (max-width: 1024px) {
.new-post .header-buttons .outline-btn,
.new-post .header-buttons .outline-btn:focus,
.new-post .header-buttons .outline-btn:hover {
margin-bottom: 0 !important;
margin-right: 16px !important; } }
.new-post .pg-title:not(h2) {
align-items: flex-start; }
@media (max-width: 1024px) {
.new-post .outline-btn,
.new-post .outline-btn:focus,
.new-post .outline-btn:hover {
margin-bottom: 0 !important;
margin-right: 16px !important; } }
.new-post .schedule {
border: 1px solid #d4d4d4 !important;
background: none !important;
line-height: 32px;
font-size: 14px;
padding: 0 12px;
border-radius: 4px;
color: #647176;
margin-right: 16px; }
.new-post .schedule .anticon-close {
font-size: 12px !important;
color: #0c2028 !important; }
.new-post .ant-form-vertical .ant-form-item {
display: block !important; }
.new-post .main-image .ant-form-item-control-input {
height: 293px !important; }
.new-post .main-image .ant-form-item-control-input .ant-form-item-control-input-content {
display: inline-block; }
.new-post .main-image .ant-form-item-control-input .ant-upload-list-item-list-type-picture-card {
height: 277px !important; }
.new-post .main-image .ant-upload-list-picture-card .ant-upload-list-item,
.new-post .main-image .ant-upload-list-picture-card-container {
width: 544px !important;
height: 256px;
border-radius: 4px !important; }
@media (max-width: 1024px) {
.new-post .main-image .ant-upload-list-picture-card .ant-upload-list-item,
.new-post .main-image .ant-upload-list-picture-card-container {
width: 300px !important; } }
.new-post .main-image .ant-upload-picture-card-wrapper {
display: inline-block;
width: 544px !important; }
@media (max-width: 1024px) {
.new-post .main-image .ant-upload-picture-card-wrapper {
width: 100% !important; } }
.new-post .main-image .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 544px !important;
height: 277px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
@media (max-width: 1024px) {
.new-post .main-image .ant-upload.ant-upload-select-picture-card {
width: 100% !important; } }
.new-post .main-image .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.new-post .main-image .upload-placeholder {
padding-top: 22% !important;
width: 544px !important; }
@media (max-width: 1024px) {
.new-post .main-image .upload-placeholder {
padding-top: 34% !important;
width: 100% !important; } }
.new-post .main-image .hvrbox {
width: 544px !important;
height: 277px !important; }
.new-post .main-image .hvrbox img {
object-fit: contain; }
@media (max-width: 1024px) {
.new-post .main-image .hvrbox {
width: 100% !important; } }
@media (max-width: 1024px) {
.new-post .related-post-table {
overflow-x: auto !important; } }
.new-post .related-post-table .ant-table-placeholder > td {
padding: 16px !important; }
.new-post .related-post-table .ant-table-placeholder > td:before {
content: none !important; }
.new-post .related-post-table .ant-table table {
border: none !important; }
.new-post .related-post-table .ant-table-thead > tr > th:first-child {
padding-left: 40px !important; }
.new-post .related-post-table .ant-table-thead > tr > th {
padding: 9px 16px !important;
border: none !important;
background-color: #fafafb !important; }
.new-post .related-post-table .ant-table-tbody > tr > td {
vertical-align: top !important;
border: none !important;
border-bottom: 1px solid #e5e5e5 !important; }
.new-post .related-post-table .ant-table-tbody > tr > td .feather-x {
font-size: 20px !important;
cursor: pointer !important; }
.new-post .related-post-table .ant-table-tbody > tr > td:first-child {
padding-left: 40px !important; }
.new-post .related-post-table .ant-table-tbody > tr > td:first-child:before {
content: url("data:image/svg+xml;charset=utf-8,");
background-repeat: no-repeat;
background-size: 20px;
background-position-y: center;
cursor: -webkit-grab;
cursor: grab;
z-index: 1;
width: 20px;
height: 15px;
position: absolute;
left: 8px;
top: 16px !important; }
.new-post .related-post-table .ant-list-item {
padding: 0 !important; }
.new-post .related-post-table .ant-list-item .ant-list-item-meta-avatar {
margin-right: 12px !important;
width: 64px;
height: 42px;
border-radius: 6px !important; }
.new-post .related-post-table .ant-list-item .ant-list-item-meta-avatar .un-row-product img {
height: 42px;
width: 64px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.new-post .blog-channel-checkbox .blog-channel-checkbox-group {
margin-bottom: 20px !important;
border-radius: 4px !important;
border: 1px solid #d9d9d9;
padding: 20px 24px; }
.new-post .blog-channel-checkbox .blog-channel-checkbox-group .ant-checkbox + span {
color: #0c2028 !important;
padding-right: 41px !important;
padding-left: 12px !important; }
.webstore-post-modal .ant-modal {
top: 87px !important; }
.webstore-post-modal .modal-filter .search-form {
display: block !important; }
.webstore-post-modal .search-form .un-filter-value {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.webstore-post-modal .btn-productlist {
display: flex;
margin-bottom: 20px; }
.webstore-post-modal .btn-productlist .btn-product {
font-size: 14px;
line-height: 17px;
height: 33px;
padding: 7px 16px 8px 16px;
background-color: transparent;
border: 1px solid #d4d4d4;
color: #0c2028 !important;
border-radius: 60px;
letter-spacing: 0px; }
.webstore-post-modal .btn-productlist .btn-product + .btn-product {
margin-left: 10px; }
.webstore-post-modal .btn-productlist .btn-product.active {
color: #5acc5a !important;
border-color: #5acc5a !important;
background-color: #ffffff; }
.webstore-post-modal .post-table table tbody tr td {
vertical-align: top !important; }
.webstore-post-modal .post-table .ant-list-item {
padding: 0 !important; }
.webstore-post-modal .post-table .ant-list-item-meta-avatar {
margin-right: 12px !important;
width: 84px;
height: 43px;
border-radius: 6px !important; }
.webstore-post-modal .post-table .ant-list-item-meta-avatar .un-row-product img {
height: 43px;
width: 84px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.webstore-post-modal .post-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.webstore-post-modal .post-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.webstore-post-modal .post-table table thead {
background-color: #fafafb !important; }
.webstore-post-modal .post-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.webstore-post-modal .post-table .ant-table-thead > tr > th {
border-bottom: none !important;
padding: 9px 12px !important; }
.webstore-post-modal .post-table .ant-table-tbody > tr > td {
padding: 12px !important; }
.webstore-post-modal .post-table .desc {
line-height: 15px !important; }
.webstore-post-modal .post-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.webstore-post-modal .ant-pagination-options-size-changer.ant-select {
display: none; }
.webstore-post-modal .ant-pagination.with-quick-jumper {
margin-bottom: 0 !important; }
.google-map-guide-modal {
width: 750px !important;
height: 527px !important;
padding-bottom: 0 !important; }
.google-map-guide-modal .ant-modal-close,
.google-map-guide-modal .ant-modal-close:hover {
top: -6px !important;
left: -4px !important;
color: #90999d !important; }
.google-map-guide-modal .ant-modal-header {
padding: 10px 24px !important;
border-bottom: none !important; }
.google-map-guide-modal .ant-modal-header .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important; }
.google-map-guide-modal .ant-modal-body {
height: 428px !important;
max-height: unset !important;
padding: 0 24px !important;
overflow: hidden;
margin-bottom: 20px; }
.google-map-guide-modal .ant-modal-body img {
width: 100%;
height: 100%; }
.google-map-guide-modal .ant-modal-footer {
padding: 0px 24px !important;
border-top: none !important; }
.google-map-guide-modal .ant-modal-footer .hide-modal .ant-checkbox-wrapper {
color: #0c2028 !important;
font-size: 14px !important;
line-height: 35px !important; }
.google-map-guide-modal .ant-modal-footer .outline-btn,
.google-map-guide-modal .ant-modal-footer .outline-btn:hover,
.google-map-guide-modal .ant-modal-footer .outline-btn:focus {
padding: 8px 16px !important;
height: fit-content !important;
width: fit-content !important;
color: #0c2028 !important;
border: 1px solid #d4d4d4 !important;
background-color: #ffffff !important;
margin-right: 16px !important; }
.google-map-guide-modal .ant-modal-footer .primary-btn {
padding: 8px 28.5px !important;
height: fit-content !important;
width: fit-content !important; }
.ant-cascader-picker > input.ant-input {
border-color: #d9d9d9 !important; }
.add-review-modal .ant-modal-body .userProfilePhoto .ant-upload-select-picture-card {
background-color: transparent;
border: none; }
.add-review-modal .ant-modal-body .userProfilePhoto .un-profile-avatar {
width: 130px;
margin: 0;
border-radius: 50%;
overflow: hidden; }
.add-review-modal .ant-modal-body .ant-picker {
width: 100%; }
.add-review-modal .ant-modal-body .ant-picker .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.add-review-modal .ant-modal-body .ant-rate {
font-size: 38px;
color: #ffae4c;
height: 38px; }
.add-review-modal .ant-modal-body .ant-rate .ant-rate-star {
margin-right: 2px; }
.add-review-modal .ant-modal-body .upload-review .ant-form-item-label {
margin-bottom: 12px !important; }
.add-review-modal .ant-modal-body .upload-review .ant-form-item-control {
height: 62px !important; }
.add-review-modal .ant-modal-body .upload-review .ant-upload-list {
display: block !important; }
.add-review-modal .ant-modal-body .upload-review .ant-upload-list-picture-card-container {
display: inline-block;
width: 62px !important;
height: 62px !important;
margin: 0 4px;
vertical-align: top;
border-radius: 5px; }
.add-review-modal .ant-modal-body .upload-review .ant-upload-list-picture-card .ant-upload-list-item {
height: 62px !important;
width: 62px !important;
margin: 0;
padding: 0;
border-radius: 5px; }
.add-review-modal .ant-modal-body .upload-review .ant-upload.ant-upload-select-picture-card,
.add-review-modal .ant-modal-body .upload-review .ant-upload.ant-upload-select-picture-card:hover {
color: #007ce0 !important;
width: 62px !important;
height: 62px !important;
margin: 0 4px;
text-align: center;
vertical-align: top;
background-color: #fafafa;
border: 2px dashed #007ce0 !important;
border-radius: 5px;
cursor: pointer;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s; }
.add-review-modal .ant-modal-body .upload-review .ant-upload {
font-size: 18px;
color: #007ce0 !important;
line-height: 18px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-align: center; }
.add-review-modal .ant-modal-body .upload-review .ant-upload-text {
width: 62px !important;
height: 62px !important;
padding: 13px 0; }
.add-review-modal .ant-modal-body .upload-review .ant-upload-list-picture-card .ant-upload-list-item-actions {
position: absolute;
top: 50%;
left: 50%;
z-index: 10;
white-space: nowrap;
transform: translate(-20%, -60%);
transition: all 0.3s;
height: 62px;
width: 62px; }
.add-review-modal .ant-modal-body .upload-review .anticon.anticon-delete {
background-color: #d4d4d4 !important;
border-radius: 50% !important;
padding: 4px !important;
width: 26px !important;
margin-bottom: 20px !important;
margin-left: 0 !important;
content: url("https://api.iconify.design/feather:x.svg?color=%230C2028&width=20px") !important;
vertical-align: -0.125em !important; }
.add-review-product-modal {
width: 750px !important; }
.add-review-product-modal .ant-modal-body {
max-height: unset;
height: calc(100vh - 240px) !important;
padding: 20px 20px 0 !important; }
.add-review-product-modal .ant-modal-body .product-type {
margin-bottom: 12px !important; }
.add-review-product-modal .ant-modal-body .product-type .ant-radio-wrapper {
margin: 0 0 8px 0 !important; }
.add-review-product-modal .ant-modal-body .modal-filter {
position: relative !important; }
.add-review-product-modal .ant-modal-body .modal-filter .search-form {
top: 9px;
position: absolute !important;
z-index: 1002 !important;
width: 370px; }
.add-review-product-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
width: 226px !important; }
@media (max-width: 425px) {
.add-review-product-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
width: 100% !important; } }
.add-review-product-modal .ant-modal-body .modal-filter .collection-brand-cascader.ant-cascader-picker {
top: 9px;
position: absolute !important;
z-index: 1002 !important;
width: 388px !important;
height: 41px !important; }
.add-review-product-modal .ant-modal-body .modal-filter .collection-brand-cascader.ant-cascader-picker .ant-cascader-input {
height: 41px !important;
padding: 6px 11px !important; }
.add-review-product-modal .ant-modal-body .modal-filter .deal-select.ant-select {
position: absolute !important;
z-index: 1002 !important;
width: 388px !important;
height: 57px !important; }
.add-review-product-modal .ant-modal-body .modal-filter .deal-select.ant-select .ant-select-selector {
height: 57px !important;
padding: 11px !important; }
.add-review-product-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item {
width: 388px !important; }
.add-review-product-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-title {
line-height: 17px !important;
font-size: 14px !important;
font-weight: bold !important;
color: #0c2028 !important;
margin-bottom: 2px !important; }
.add-review-product-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type {
display: flex;
line-height: 14px !important;
font-size: 12px !important;
color: #647176 !important; }
.add-review-product-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag {
font-size: 10px !important;
border-radius: 2px !important;
height: 13px;
line-height: 11px;
padding: 0 3px;
text-transform: capitalize;
margin-right: 4px !important;
width: fit-content !important; }
.add-review-product-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag.store {
background-color: #ffe0e0 !important;
border: 1px solid #ffe0e0 !important;
color: #49302c !important; }
.add-review-product-modal .ant-modal-body .modal-filter .deal-select.ant-select .deal-item .deal-type .ant-tag.product {
background-color: #c9f8f2 !important;
border: 1px solid #c9f8f2 !important;
color: #02232a !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table-row.ant-table-row-level-0.hide-radio .ant-radio-wrapper {
display: none !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table .ant-table-selection-col {
width: 30px !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table-expanded-row-level-1 .ant-table-cell {
padding-left: 7px !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table-expanded-row-level-1 .ant-table-cell .ant-table {
margin-left: 0 !important; }
.add-review-product-modal .ant-modal-body .product-table .variant-price {
padding-left: 27px; }
.add-review-product-modal .ant-modal-body .product-table .variant-stock {
padding-left: 17px; }
.add-review-product-modal .ant-modal-body .product-table table tbody tr td {
vertical-align: top !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-list-item {
padding: 0 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-list-item-meta {
padding-top: 1px !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-list-item-meta-description {
padding-left: 0; }
.add-review-product-modal .ant-modal-body .product-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.add-review-product-modal .ant-modal-body .product-table table thead {
background-color: #fafafb !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.add-review-product-modal .ant-modal-body .product-table .desc {
line-height: 15px !important; }
.add-review-product-modal .ant-modal-body .product-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
margin: 20px 0 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination-item-link {
color: #0c2028 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination-item a {
color: #0c2028 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination-item-active a {
color: #007ce0 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination.mini {
margin-top: 10px; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.add-review-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.add-review-product-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.add-review-product-modal .ant-modal-footer {
padding: 12px 24px !important;
height: 57px !important; }
.add-review-product-modal .ant-table-expand-icon-col {
width: 0px; }
.add-review-product-modal .ant-table-row-expand-icon-cell .ant-table-row-expand-icon {
display: none; }
.add-review-product-modal .ant-table-expanded-row-level-1 .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
margin: 0px 0px 0px 12px !important; }
.redirect-url .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.redirect-url .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.redirect-url .header-buttons .b-btn,
.redirect-url .header-buttons .b-btn:hover,
.redirect-url .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.redirect-url .header-buttons .b-btn i,
.redirect-url .header-buttons .b-btn:hover i,
.redirect-url .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.redirect-url .url-list {
width: 100%;
display: block;
margin-bottom: 12px; }
.redirect-url .url-list .url-header {
width: 100%;
display: inline-flex;
align-items: center;
margin-bottom: 20px; }
@media (max-width: 1025px) {
.redirect-url .url-list .url-header {
display: none !important; } }
.redirect-url .url-list .url-header .from {
width: 45%;
text-align: center; }
.redirect-url .url-list .url-header .arrow {
width: 5%; }
.redirect-url .url-list .url-header .to {
width: 45%;
text-align: center; }
.redirect-url .url-list .url-header .delete {
width: 5%; }
.redirect-url .url-list .url-item {
width: 100%;
display: inline-flex;
align-items: center;
margin-bottom: 8px;
padding: 4px 0; }
@media (max-width: 1025px) {
.redirect-url .url-list .url-item {
flex-wrap: wrap !important; } }
.redirect-url .url-list .url-item .from {
width: 45%; }
@media (max-width: 1025px) {
.redirect-url .url-list .url-item .from {
width: 80% !important;
margin-bottom: 8px !important; } }
.redirect-url .url-list .url-item .from .url .ant-input-group-addon:first-child {
background-color: #f6f6f6 !important;
color: #90999d !important; }
@media (max-width: 1025px) {
.redirect-url .url-list .url-item .from .url .ant-input-group-addon:first-child {
max-width: 150px;
overflow-x: auto; } }
.redirect-url .url-list .url-item .from .url .ant-input-group > .ant-input:last-child,
.redirect-url .url-list .url-item .from .url .ant-input-group-addon:last-child {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.redirect-url .url-list .url-item .arrow {
width: 5%;
text-align: center;
margin-bottom: 20px; }
@media (max-width: 1025px) {
.redirect-url .url-list .url-item .arrow {
width: 20% !important;
margin-bottom: 8px !important; } }
.redirect-url .url-list .url-item .arrow .arrow-right {
content: url("https://api.iconify.design/heroicons/arrow-long-right.svg?color=%2338484f&width=32") !important;
vertical-align: middle; }
.redirect-url .url-list .url-item .to {
width: 45%; }
@media (max-width: 1025px) {
.redirect-url .url-list .url-item .to {
width: 80% !important; } }
.redirect-url .url-list .url-item .to .url .ant-input-group-addon:first-child {
background-color: #f6f6f6 !important;
color: #90999d !important; }
@media (max-width: 1025px) {
.redirect-url .url-list .url-item .to .url .ant-input-group-addon:first-child {
max-width: 150px;
overflow-x: auto; } }
.redirect-url .url-list .url-item .to .url .ant-input-group > .ant-input:last-child,
.redirect-url .url-list .url-item .to .url .ant-input-group-addon:last-child {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.redirect-url .url-list .url-item .delete {
width: 5%;
text-align: center;
margin-bottom: 20px; }
@media (max-width: 1025px) {
.redirect-url .url-list .url-item .delete {
width: 20% !important; } }
@media (min-width: 1024px) {
.settings-warehouses {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.settings-warehouses .cursor-pointer {
cursor: pointer; }
.settings-warehouses .un-box-flat {
border: none !important;
background: none !important;
padding: 0 !important; }
.settings-warehouses .dash-cards .card {
background-color: #fff;
box-shadow: none !important;
border: 1px solid #e5e5e5 !important;
border-radius: 4px !important;
padding: 20px 24px !important; }
@media (min-width: 1024px) {
.settings-warehouses .dash-cards .card {
height: 180px; } }
.settings-warehouses .title {
margin-bottom: 12px !important;
display: flex;
justify-content: space-between; }
.settings-warehouses .title i {
color: #007ce0 !important;
font-size: 18px !important;
margin-right: 8px; }
.settings-warehouses .caption {
margin-bottom: 12px !important; }
.settings-warehouses .warehouse-address {
display: block;
display: -webkit-box;
max-width: 350px;
max-height: 68.25px;
margin: 0;
font-size: 13px;
line-height: 1.75;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.settings-warehouses .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.settings-warehouses .header-buttons .b-btn,
.settings-warehouses .header-buttons .b-btn:hover,
.settings-warehouses .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.settings-warehouses .header-buttons .b-btn i,
.settings-warehouses .header-buttons .b-btn:hover i,
.settings-warehouses .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media (min-width: 1024px) {
.warehouses-newWarehouse {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.warehouses-newWarehouse .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.warehouses-newWarehouse .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.warehouses-newWarehouse .b-btn,
.warehouses-newWarehouse .b-btn:hover,
.warehouses-newWarehouse .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.warehouses-newWarehouse .b-btn i,
.warehouses-newWarehouse .b-btn:hover i,
.warehouses-newWarehouse .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.warehouses-newWarehouse .header-btn {
background: none;
color: #0c2028;
background-color: none; }
.warehouses-newWarehouse .status-tag.default {
background: #d0f4ff !important;
border-color: #8ed7ff !important; }
.warehouses-newWarehouse .form-address .ant-form-item {
padding-bottom: 12px !important;
margin-bottom: 0 !important; }
@media only screen and (min-width: 768px) and (max-width: 1025px) {
.header-tag {
display: none !important; } }
@media only screen and (max-width: 768px) {
.header-tag {
display: none !important; } }
.webstore-blog-schedule-time .ant-picker-now {
display: none !important; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
font-size: 16px !important;
line-height: 20px;
font-weight: 500; }
@media (min-width: 1024px) {
.fulfillment-center {
width: 644px !important;
margin: 0 auto !important; } }
.fulfillment-center .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.fulfillment-center .header-buttons .b-btn,
.fulfillment-center .header-buttons .b-btn:hover,
.fulfillment-center .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.fulfillment-center .header-buttons .b-btn i,
.fulfillment-center .header-buttons .b-btn:hover i,
.fulfillment-center .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.fulfillment-center .header-buttons .outline-btn,
.fulfillment-center .header-buttons .outline-btn:focus,
.fulfillment-center .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
@media (min-width: 1024px) {
.fulfillment-center-clients {
width: 644px !important;
margin: 0 auto !important; } }
.fulfillment-center-clients .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.fulfillment-center-clients .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.fulfillment-center-clients .header-buttons .b-btn,
.fulfillment-center-clients .header-buttons .b-btn:hover,
.fulfillment-center-clients .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.fulfillment-center-clients .header-buttons .b-btn i,
.fulfillment-center-clients .header-buttons .b-btn:hover i,
.fulfillment-center-clients .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.fulfillment-center-clients .header-buttons .outline-btn,
.fulfillment-center-clients .header-buttons .outline-btn:focus,
.fulfillment-center-clients .header-buttons .outline-btn:hover {
background: none !important; }
.fulfillment-center-clients .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.fulfillment-center-clients .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.fulfillment-center-clients .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.fulfillment-center-clients .ant-table {
color: #0c2028 !important;
background: #ffffff !important;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px; }
.fulfillment-center-clients .ant-table .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
height: 48px !important;
width: 48px !important;
margin-right: 12px !important; }
.fulfillment-center-clients .ant-table .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .un-row-product {
height: 48px !important;
width: 48px !important; }
.fulfillment-center-clients .ant-table .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .un-row-product img {
height: 48px !important;
width: 48px !important; }
.fulfillment-center-clients .ant-table .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
padding-left: 0 !important; }
.fulfillment-center-clients .unicart-search .search-form {
margin-bottom: 20px !important; }
.fulfillment-center-clients .unicart-search .search-form .un-filter-value {
height: 41px !important;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.fulfillment-center-clients .ant-input-search {
height: 41px; }
.fulfillment-center-client-details .field-required {
color: #e0241a !important; }
.fulfillment-center-client-details .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.fulfillment-center-client-details .header-buttons .b-btn,
.fulfillment-center-client-details .header-buttons .b-btn:hover,
.fulfillment-center-client-details .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.fulfillment-center-client-details .header-buttons .b-btn i,
.fulfillment-center-client-details .header-buttons .b-btn:hover i,
.fulfillment-center-client-details .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.fulfillment-center-client-details .header-buttons .outline-btn,
.fulfillment-center-client-details .header-buttons .outline-btn:focus,
.fulfillment-center-client-details .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
@media (max-width: 1025px) {
.fulfillment-center-client-details .ant-form-item {
flex-direction: unset; } }
.fulfillment-center-client-details .un-section-title {
display: block;
margin-bottom: 20px !important;
border-bottom: 1px solid #d4d4d4; }
@media (max-width: 1025px) {
.fulfillment-center-client-details .un-section-title {
border-bottom: none !important;
margin-bottom: 12px !important; } }
.fulfillment-center-client-details .logo .ant-upload-list-picture-card .ant-upload-list-item {
width: 115px !important;
height: 115px !important;
border-radius: 4px !important;
margin-top: 16px; }
.fulfillment-center-client-details .logo .ant-upload-list-picture-card-container {
width: 115px !important;
border-radius: 4px !important;
margin-top: 16px; }
.fulfillment-center-client-details .logo .ant-upload-picture-card-wrapper {
display: inline-block;
width: 115px !important; }
.fulfillment-center-client-details .logo .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 115px !important;
height: 115px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.fulfillment-center-client-details .logo .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.fulfillment-center-client-details .logo .upload-placeholder {
padding-top: 34% !important;
width: 115px !important; }
.fulfillment-center-client-details .logo .hvrbox {
width: 115px !important;
height: 115px !important; }
.fulfillment-center-client-details .logo .hvrbox img {
object-fit: contain; }
.fulfillment-center-client-details .feather-alert-circle {
color: #e0241a !important;
font-size: 14px !important;
margin-left: 4px !important; }
.fulfillment-center-client-details .client-table {
overflow-x: auto;
margin-bottom: 20px; }
.fulfillment-center-client-details .client-table.addNew .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.fulfillment-center-client-details .client-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.fulfillment-center-client-details .client-table .ant-table-tbody > tr > td .ant-form-item {
margin-bottom: 0 !important; }
.fulfillment-center-client-details .client-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.fulfillment-center-client-details .client-table table thead {
background-color: #fafafb !important; }
.fulfillment-center-client-details .client-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.fulfillment-center-client-details .client-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.fulfillment-center-client-details .client-table .un-text-truncate {
font-weight: bold !important; }
.fulfillment-center-client-details .client-table .un-light-label {
font-size: 14px !important; }
.fulfillment-center-client-details .client-table .action span:not(:last-child) {
margin-right: 10px; }
.fulfillment-center-client-details .client-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.fulfillment-center-client-details .address-fields .ant-form-item {
margin-bottom: 12px !important; }
.fulfillment-center-settings .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.fulfillment-center-settings .header-buttons .b-btn,
.fulfillment-center-settings .header-buttons .b-btn:hover,
.fulfillment-center-settings .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.fulfillment-center-settings .header-buttons .b-btn i,
.fulfillment-center-settings .header-buttons .b-btn:hover i,
.fulfillment-center-settings .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.fulfillment-center-settings .header-buttons .outline-btn,
.fulfillment-center-settings .header-buttons .outline-btn:focus,
.fulfillment-center-settings .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
@media (max-width: 1025px) {
.fulfillment-center-settings .ant-form-item {
flex-direction: unset; } }
.fulfillment-center-settings .settings-tab {
border-top-right-radius: 0px !important;
border-top-left-radius: 0px !important;
border: none !important; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar {
border-right: none !important; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container {
width: 220px; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-nav-scroll {
padding-left: 0px !important; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab {
padding: 10px !important;
text-align: left; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab span {
color: #0c2028;
font-weight: normal; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab {
background-color: #f3fff3 !important; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-tab-active.ant-tabs-tab span {
font-weight: bold !important; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-bar .ant-tabs-nav-container .ant-tabs-ink-bar {
width: 4px !important; }
.fulfillment-center-settings .settings-tab .ant-tabs-left-content {
padding-left: 32px !important;
border-left: 1px solid #e5e5e5 !important; }
.fulfillment-center-settings .client-table {
overflow-x: auto;
margin-bottom: 20px; }
.fulfillment-center-settings .client-table.addNew .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.fulfillment-center-settings .client-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.fulfillment-center-settings .client-table .ant-table-tbody > tr > td .ant-form-item {
margin-bottom: 0 !important; }
.fulfillment-center-settings .client-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.fulfillment-center-settings .client-table table thead {
background-color: #fafafb !important; }
.fulfillment-center-settings .client-table .ant-table-thead th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.fulfillment-center-settings .client-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.fulfillment-center-settings .client-table .un-text-truncate {
font-weight: bold !important; }
.fulfillment-center-settings .client-table .un-light-label {
font-size: 14px !important; }
.fulfillment-center-settings .client-table .action span:not(:last-child) {
margin-right: 10px; }
.fulfillment-center-settings .client-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.fulfillment-center-settings .client-table .feather-edit-3,
.fulfillment-center-settings .client-table .feather-save {
cursor: pointer !important;
color: #007ce0 !important;
font-size: 20px !important;
margin-right: 16px; }
@media (min-width: 1024px) {
.wholesales {
width: 644px !important;
margin: 0 auto !important; } }
.wholesales .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0 !important; }
.wholesales .header-buttons .b-btn,
.wholesales .header-buttons .b-btn:hover,
.wholesales .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.wholesales .header-buttons .b-btn i,
.wholesales .header-buttons .b-btn:hover i,
.wholesales .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.wholesales .un-form-item .ant-form-item {
display: block; }
.wholesales .radio-group .radio-group-item {
margin-bottom: 6px !important; }
.wholesales .radio-group .radio-group-item span {
color: #0c2028 !important; }
.wholesales .radio-group span.ant-radio + * {
padding-left: 16px; }
.wholesales .radio-group .caption {
padding-left: 32px !important; }
.wholesales .btn-record {
color: #0c2028;
background-color: transparent; }
.mapping-modal .ant-modal-body .mapping-data {
display: flex;
padding-left: 0px !important;
padding-right: 0px !important;
color: #0c2028 !important; }
.mapping-modal .ant-modal-body .mapping-table .table-header {
width: 100%;
display: flex;
margin-bottom: 4px; }
.mapping-modal .ant-modal-body .mapping-table .table-header .membership-tier {
width: 50% !important; }
.mapping-modal .ant-modal-body .mapping-table .table-header .customer-group {
width: 50% !important; }
.mapping-modal .ant-modal-body .mapping-table .table-body {
width: 100%; }
.mapping-modal .ant-modal-body .mapping-table .table-body .table-item {
width: 100%;
display: flex;
margin-bottom: 12px; }
.mapping-modal .ant-modal-body .mapping-table .table-body .table-item .membership-tier {
width: 50% !important;
display: flex;
justify-content: space-between;
align-items: center; }
.mapping-modal .ant-modal-body .mapping-table .table-body .table-item .membership-tier .feather-arrow-right {
font-size: 20px;
margin: 5px 12px 0;
align-self: baseline; }
.mapping-modal .ant-modal-body .mapping-table .table-body .table-item .membership-tier-2 {
width: 50% !important;
display: flex;
justify-content: space-between;
align-items: center; }
.mapping-modal .ant-modal-body .mapping-table .table-body .table-item .membership-tier-2 .feather-arrow-right {
font-size: 20px;
margin: 0 12px;
align-self: baseline; }
.mapping-modal .ant-modal-body .mapping-table .table-body .table-item .customer-group {
width: 50% !important; }
.webstore-theme-builder .wbuilder-header {
min-width: 100% !important;
max-width: 100% !important;
width: 100% !important;
top: 10px !important;
display: inline-flex;
position: fixed;
padding-left: 20px;
padding-right: 16px; }
.webstore-theme-builder .wbuilder-header .b-btn,
.webstore-theme-builder .wbuilder-header .b-btn:hover,
.webstore-theme-builder .wbuilder-header .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
.webstore-theme-builder .wbuilder-header .b-btn i,
.webstore-theme-builder .wbuilder-header .b-btn:hover i,
.webstore-theme-builder .wbuilder-header .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media (max-width: 768px) {
.webstore-theme-builder .wbuilder-header .b-btn i,
.webstore-theme-builder .wbuilder-header .b-btn:hover i,
.webstore-theme-builder .wbuilder-header .b-btn:focus i {
display: none !important; } }
@media (max-width: 768px) {
.webstore-theme-builder .wbuilder-header .select-page {
display: flex !important;
margin-left: auto !important; } }
@media (max-width: 425px) {
.webstore-theme-builder .wbuilder-header .select-page {
display: none !important; } }
.webstore-theme-builder .wbuilder-header .select-page .ant-select {
width: 80px;
margin-left: 0;
color: #0c2028 !important; }
@media (min-width: 1132px) {
.webstore-theme-builder .wbuilder-header .select-page .ant-select {
width: 100px !important;
margin-left: 16px; } }
.webstore-theme-builder .wbuilder-header .select-page .ant-select:nth-child(2) {
width: 150px !important;
margin-left: 4px; }
@media (min-width: 1132px) {
.webstore-theme-builder .wbuilder-header .select-page .ant-select:nth-child(2) {
margin-left: 10px;
width: 192px !important; } }
@media (max-width: 425px) {
.webstore-theme-builder .wbuilder-header .select-page .ant-select:nth-child(2) {
width: 100px !important; } }
.webstore-theme-builder .wbuilder-header .select-view {
margin-left: auto !important;
margin-right: auto !important; }
@media (max-width: 425px) {
.webstore-theme-builder .wbuilder-header .select-view {
display: none !important; } }
@media (max-width: 768px) {
.webstore-theme-builder .wbuilder-header .select-view {
margin-left: 10px !important;
margin-right: 0 !important; } }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view {
display: inline-flex; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper {
width: 40px !important;
height: 33px !important;
padding: 0;
border: 1px solid #d4d4d4;
line-height: 27px !important;
text-align: center !important;
color: #90999d !important; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper .mdi-desktop-mac {
margin-top: 4px;
content: url("https://api.iconify.design/mdi:desktop-mac.svg?color=%2390999D&width=24px&height=25px");
vertical-align: -0.125em; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper .mdi-tablet-android {
margin-top: 3px;
content: url("https://api.iconify.design/mdi:tablet-android.svg?color=%2390999D&width=24px&height=25px");
vertical-align: -0.125em; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper .mdi-cellphone {
margin-top: 3px;
content: url("https://api.iconify.design/mdi:cellphone.svg?color=%2390999D&width=23px&height=24px");
vertical-align: -0.125em; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper:nth-child(2) {
border-left: 0 !important;
border-right: 0 !important; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper-checked {
color: #ffffff !important;
background-color: #5acc5a !important;
border: 1px solid #5acc5a !important; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper-checked .mdi-desktop-mac {
content: url("https://api.iconify.design/mdi:desktop-mac.svg?color=%23ffffff&width=24px&height=25px");
vertical-align: -0.125em; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper-checked .mdi-tablet-android {
content: url("https://api.iconify.design/mdi:tablet-android.svg?color=%23ffffff&width=24px&height=25px");
vertical-align: -0.125em; }
.webstore-theme-builder .wbuilder-header .select-view .ant-radio-group.view .ant-radio-button-wrapper-checked .mdi-cellphone {
content: url("https://api.iconify.design/mdi:cellphone.svg?color=%23ffffff&width=23px&height=24px");
vertical-align: -0.125em; }
.webstore-theme-builder .wbuilder-header .ellipsis-btn {
margin-right: 16px !important; }
.webstore-theme-builder .wbuilder-header .live-preview {
width: fit-content !important;
width: -moz-fit-content !important;
height: 33px !important;
padding: 0px 16px 0px 12px !important;
border-radius: 17px !important;
font-size: 14px !important;
border: 0.4px solid #d4d4d4 !important;
background-color: transparent !important;
box-shadow: none !important;
color: #0c2028 !important;
margin-right: 16px; }
.webstore-theme-builder .wbuilder-header .live-preview i {
font-size: 14px !important;
height: 15px !important;
padding-right: 4px !important; }
.webstore-theme-builder .wbuilder-header .live-preview span {
vertical-align: top !important; }
.webstore-theme-builder .wbuilder-header .reset-btn {
margin-right: 15px; }
@media (max-width: 425px) {
.webstore-theme-builder .wbuilder-header .reset-btn {
margin-left: auto !important; } }
@media (max-width: 768px) {
.webstore-theme-builder .wbuilder-header .reset-btn {
margin-right: 10px !important; } }
.webstore-theme-builder .wbuilder-header .view-store-icon {
margin-right: 15px;
padding-top: 6px; }
@media (max-width: 425px) {
.webstore-theme-builder .wbuilder-header .view-store-icon {
display: none !important; } }
@media (max-width: 768px) {
.webstore-theme-builder .wbuilder-header .view-store-icon {
margin-right: 10px !important;
margin-left: 10px !important; } }
.webstore-theme-builder .wbuilder-mobile-warning {
min-width: 100% !important;
max-width: 100% !important;
width: 100% !important;
top: 48px !important;
display: none;
position: fixed;
background-color: #faef9b !important;
color: #647176 !important;
font-size: 11px !important;
z-index: 1001 !important;
padding: 4px 12px !important; }
@media (max-width: 425px) {
.webstore-theme-builder .wbuilder-mobile-warning {
display: block !important; } }
.webstore-theme-builder .wbuilder-container {
min-height: 100%; }
.webstore-theme-builder .wbuilder-container > div > div:nth-child(2) {
display: none !important; }
.webstore-theme-builder .wbuilder-container .sidebar-nav {
display: inline-flex;
min-height: 100%;
width: fit-content; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list {
width: 66px !important;
min-height: 100%;
padding-top: 12px; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .category {
display: block;
height: 62px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
cursor: pointer; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .category i {
font-size: 26px;
color: #90999d; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .category .category-title {
font-size: 12px;
color: #90999d; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .category.selected {
background-color: #f3fff3 !important; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .category.selected i,
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .category.selected .category-title {
color: #5acc5a !important; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .guide {
display: block;
height: 62px;
padding-top: 8px;
padding-bottom: 8px;
text-align: center;
cursor: pointer;
position: fixed;
width: 66px !important;
bottom: 0 !important; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .guide i {
font-size: 26px;
color: #90999d; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .guide.selected {
background-color: #f3fff3 !important; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-list .guide.selected i {
color: #5acc5a !important; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-content {
display: none;
border-left: 1px solid #e5e5e5;
min-height: calc(100vh - 50px); }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-content.show-theme {
display: block;
width: 208px; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-content.show-settings {
display: block;
width: 621px; }
.webstore-theme-builder .wbuilder-container .sidebar-nav .category-content .selected-img {
object-fit: cover !important;
height: 100%;
width: 100%; }
.webstore-theme-builder .wbuilder-container .sidebar-right {
min-width: 208px;
width: 208px;
background-color: #ffffff; }
.webstore-theme-builder .wbuilder-container .wbuilder-content {
overflow: hidden;
display: flex;
justify-content: center;
height: 100%;
width: 100%; }
.webstore-theme-builder .wbuilder-container .wbuilder-content .wbuilder-preview {
background-color: #e5e5e5 !important;
padding: 0 !important;
height: 100%; }
.webstore-theme-builder .wbuilder-container .wbuilder-content .webstore-preview {
background-color: #ffffff;
border-radius: 12px;
min-height: calc(100vh - 90px); }
.webstore-theme-builder .wbuilder-container .wbuilder-content .preview-layout {
margin: 0 auto;
display: flex;
height: 42px;
background-color: #f6f6f6;
color: #38484f;
border-radius: 12px 12px 0 0;
font-size: 14px;
padding: 5px 24px; }
.webstore-theme-builder .wbuilder-container .wbuilder-content .preview-layout .ellipsis {
display: inline-flex;
height: 33px;
padding: 11px 0;
margin-right: 28px; }
.webstore-theme-builder .wbuilder-container .wbuilder-content .preview-layout .ellipsis .dots {
width: 12px;
height: 12px;
border-radius: 12px;
background-color: #d4d4d4;
margin-right: 12px; }
.webstore-theme-builder .wbuilder-container .wbuilder-content .preview-layout .search {
width: 70%;
height: 33px;
padding: 0 12px;
border-radius: 4px;
border: 1px solid #e5e5e5;
background-color: #ffffff;
line-height: 31px;
font-size: 14px;
color: #38484f;
word-break: keep-all;
overflow-x: hidden;
white-space: nowrap; }
.webstore-theme-builder .wbuilder-container .wbuilder-content .preview-layout .link-btn {
display: none !important;
height: 33px;
margin-left: auto;
margin-right: 0;
line-height: 31px;
font-size: 14px;
color: #007ce0; }
.webstore-theme-builder .wbuilder-container .wbuilder-content #preview-content {
border: 0px !important;
margin: 0 auto;
overflow: hidden;
width: 100%;
height: calc(100vh - 130px) !important; }
.webstore-theme-builder .no-arrows .ant-input-number-handler-wrap {
display: none; }
.ant-select-item-option-content .second-level-menu {
padding-left: 10px; }
.ant-select-item-option-content .third-level-menu {
padding-left: 20px; }
.ant-select-item-option-content .feather-external-link {
float: right;
font-size: 16px;
color: #007ce0; }
.wbuilder-select-image {
width: 750px !important;
overflow-y: auto !important; }
.wbuilder-select-image .ant-modal-content {
border-radius: 12px !important; }
.wbuilder-select-image .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.wbuilder-select-image .ant-modal-body {
padding: 0 0 20px 0 !important; }
.wbuilder-select-image .ant-modal-body .select-image-tabs {
position: relative; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .primary-i-btn {
cursor: pointer;
position: absolute;
top: 12px;
right: 24px; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-bar {
position: absolute;
height: 57px !important;
border-bottom: none !important;
padding-left: 23px;
width: 100%; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-nav-container {
width: 40%; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-extra-content {
padding-left: 0 !important;
height: 57px !important; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-nav-scroll {
padding-left: 0 !important;
height: 57px !important;
border-bottom: none !important; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-tab-active.ant-tabs-tab {
color: #5acc5a !important;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 57px !important;
padding: 16px 20px !important; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-tab {
color: #0c2028;
font-size: 14px !important;
background: none !important;
border: none !important;
border-bottom: 3px solid transparent !important;
height: 57px !important;
padding: 16px 20px !important; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content {
max-height: 405px;
margin-top: 56px;
border-top: 1px solid #e5e5e5 !important;
color: #0c2028;
font-size: 14px !important;
padding: 5px 24px 0 24px; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list {
overflow-y: auto;
max-height: 363px; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card {
cursor: pointer;
width: 161px !important;
height: 161px !important;
border: 1px solid #707070;
margin-bottom: 20px;
position: relative; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card img {
object-fit: contain;
width: 100%;
height: 100%; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.9;
display: none; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .image-button {
position: absolute;
top: 45%;
left: 0;
right: 0;
text-align: center; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .image-button .select-image {
margin-right: 10px;
background-color: #5acc5f;
color: white; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .image-button .remove-image {
margin-left: 10px;
background-color: #b1343e;
color: white; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .image-button .preview-image {
margin-left: 10px;
background-color: #5acc5f;
color: white; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card .image-hover .name-card {
position: absolute;
bottom: 0;
width: 100%;
background-color: #5acc5f;
font-size: 14px;
text-align: center;
color: white; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-card:hover .image-hover {
border: 3px solid #5acc5a;
display: block; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-loader {
position: relative;
min-height: 150px;
width: 100%; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-loader .spinning-ring {
background-image: contain;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-loader .spinning-ring,
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .image-loader .spinning-s {
position: absolute;
width: 100px;
height: 100px;
left: 55%;
top: 80%;
margin: -100px 0 0 -100px;
background-image: contain;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
z-index: 9999; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .empty-image-store {
width: 100%;
height: 150px;
display: flex;
align-items: center;
justify-content: center; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .image-list .empty-image-store .empty-image {
max-width: 100%;
max-height: 100%;
margin-right: 10px; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list {
overflow-y: auto;
max-height: 363px;
margin-top: 20px; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .single-icon {
cursor: pointer;
margin-left: 16px;
margin-bottom: 16px; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .single-icon:hover {
border: 2px solid #5acc5a; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .image-loader {
position: relative;
min-height: 150px;
width: 100%; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .image-loader .spinning-ring {
background-image: contain;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .image-loader .spinning-ring,
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .image-loader .spinning-s {
position: absolute;
width: 100px;
height: 100px;
left: 55%;
top: 80%;
margin: -100px 0 0 -100px;
background-image: contain;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
z-index: 9999; }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .empty-image-store {
width: 100%;
height: 150px;
display: flex;
align-items: center;
justify-content: center; }
.wbuilder-select-image .ant-modal-body .select-image-tabs .select-image-card .ant-tabs-content .icons-list .empty-image-store .empty-image {
max-width: 100%;
max-height: 100%;
margin-right: 10px; }
.wbuilder-select-image .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important;
text-transform: capitalize !important; }
.wbuilder-select-image .ant-modal-close,
.wbuilder-select-image .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.wbuilder-editor {
width: 750px !important;
overflow-y: auto !important; }
.wbuilder-editor .ant-modal-content {
border-radius: 12px !important; }
.wbuilder-editor .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.wbuilder-editor .ant-modal-body {
height: unset;
padding: 0 !important; }
.wbuilder-editor .ant-modal-body .container {
padding: 20px !important; }
.wbuilder-editor .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important;
text-transform: capitalize !important; }
.wbuilder-editor .ant-modal-title span {
text-transform: capitalize !important; }
.wbuilder-editor .ant-modal-close,
.wbuilder-editor .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.wbuilder-select-header {
width: 750px !important;
overflow-y: auto !important; }
.wbuilder-select-header .ant-modal-content {
border-radius: 12px !important; }
.wbuilder-select-header .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.wbuilder-select-header .ant-modal-body {
padding: 20px 24px; }
.wbuilder-select-header .ant-modal-body .image-list .image-card {
cursor: pointer;
width: 339px !important;
height: 100px !important;
margin-bottom: 20px; }
.wbuilder-select-header .ant-modal-body .image-list .image-card img {
object-fit: contain;
width: 100%;
height: 100%; }
.wbuilder-select-header .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important;
text-transform: capitalize !important; }
.wbuilder-select-header .ant-modal-close,
.wbuilder-select-header .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.wbuilder-select-footer {
width: 750px !important;
overflow-y: auto !important; }
.wbuilder-select-footer .ant-modal-content {
border-radius: 12px !important; }
.wbuilder-select-footer .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.wbuilder-select-footer .ant-modal-body {
padding: 20px 24px; }
.wbuilder-select-footer .ant-modal-body .image-list .image-card {
cursor: pointer;
width: 339px !important;
height: 112px !important;
margin-bottom: 20px; }
.wbuilder-select-footer .ant-modal-body .image-list .image-card img {
object-fit: contain;
width: 100%;
height: 100%; }
.wbuilder-select-footer .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important;
text-transform: capitalize !important; }
.wbuilder-select-footer .ant-modal-close,
.wbuilder-select-footer .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.wbuilder-guide-modal {
width: 750px !important;
height: 527px !important;
padding-bottom: 0 !important; }
.wbuilder-guide-modal .ant-modal-close,
.wbuilder-guide-modal .ant-modal-close:hover {
top: -6px !important;
left: -4px !important;
color: #90999d !important; }
.wbuilder-guide-modal .ant-modal-header {
padding: 10px 24px !important;
border-bottom: none !important; }
.wbuilder-guide-modal .ant-modal-header .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important; }
.wbuilder-guide-modal .ant-modal-body {
height: 428px !important;
max-height: unset !important;
padding: 0 24px !important;
overflow: hidden; }
.wbuilder-guide-modal .ant-modal-body .step-image {
width: 702px !important;
height: 385px !important; }
.wbuilder-guide-modal .ant-modal-body .ant-carousel .slick-dots-bottom {
position: absolute;
bottom: -24px; }
.wbuilder-guide-modal .ant-modal-body .ant-carousel .slick-dots {
margin-left: -5px;
left: -5px;
margin-right: unset;
background: none !important; }
.wbuilder-guide-modal .ant-modal-body .slick-dots li button:before {
font-size: 8px !important;
content: url("https://api.iconify.design/mdi:checkbox-blank-circle-outline.svg?color=%23647176&height=10");
opacity: 1 !important; }
.wbuilder-guide-modal .ant-modal-body .slick-dots li.slick-active button:before {
color: #90999d;
content: url("https://api.iconify.design/mdi:checkbox-blank-circle.svg?color=%2390999D&height=10"); }
.wbuilder-guide-modal .ant-modal-footer {
padding: 0px 24px !important;
border-top: none !important; }
.wbuilder-guide-modal .ant-modal-footer .hide-modal .ant-checkbox-wrapper {
color: #0c2028 !important;
font-size: 14px !important;
line-height: 35px !important; }
.wbuilder-guide-modal .ant-modal-footer .outline-btn,
.wbuilder-guide-modal .ant-modal-footer .outline-btn:hover,
.wbuilder-guide-modal .ant-modal-footer .outline-btn:focus {
height: 33px !important;
line-height: 31px !important;
width: fit-content !important;
color: #0c2028 !important;
border: 1px solid #d4d4d4 !important;
background-color: #ffffff !important;
margin-right: 16px !important; }
.wbuilder-guide-modal .ant-modal-footer .primary-btn {
height: 33px !important;
line-height: 31px !important;
width: fit-content !important; }
.wbuilder-select-layout {
width: 750px !important;
overflow-y: auto !important; }
.wbuilder-select-layout .ant-modal-content {
border-radius: 12px !important; }
.wbuilder-select-layout .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.wbuilder-select-layout .ant-modal-body {
padding: 20px 24px; }
.wbuilder-select-layout .ant-modal-body .image-list .image-card {
cursor: pointer;
width: 202px !important;
height: 136px !important;
margin-bottom: 20px; }
.wbuilder-select-layout .ant-modal-body .image-list .image-card img {
object-fit: contain;
width: 100%;
height: 100%; }
.wbuilder-select-layout .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important;
text-transform: capitalize !important; }
.wbuilder-select-layout .ant-modal-close,
.wbuilder-select-layout .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.template-image-form-item {
display: flex;
justify-content: center;
margin-bottom: 24px;
margin-top: 24px; }
.template-image-form-item .template-uploader {
display: flex;
justify-content: center; }
.template-image-form-item .template-uploader .ant-upload-select-picture-card .ant-upload {
position: relative !important; }
.template-image-form-item .template-uploader .ant-upload-select-picture-card .ant-upload .template-upload-placeholder {
color: #007ce0;
height: 115px;
width: 115px;
border: 1px dashed #007ce0;
display: flex;
justify-content: center;
align-items: center; }
.template-image-form-item .template-uploader .ant-upload-select-picture-card .ant-upload .template-upload-placeholder .ant-upload-text {
text-align: center;
font-size: 32px; }
.template-image-form-item .template-uploader .ant-upload-select-picture-card .ant-upload .hvrbox {
height: auto !important; }
.wbuilder-select-product-card {
width: 570px !important;
overflow-y: auto !important; }
.wbuilder-select-product-card .ant-modal-content {
border-radius: 12px !important; }
.wbuilder-select-product-card .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.wbuilder-select-product-card .ant-modal-body {
padding: 20px 24px; }
.wbuilder-select-product-card .ant-modal-body .image-list .image-card {
cursor: pointer;
width: 249px !important;
height: 132px !important;
margin-bottom: 20px; }
.wbuilder-select-product-card .ant-modal-body .image-list .image-card img {
object-fit: contain;
width: 100%;
height: 100%; }
.wbuilder-select-product-card .ant-modal-title {
color: #0c2028 !important;
font-size: 16px !important;
font-weight: bold !important;
text-align: center !important;
text-transform: capitalize !important; }
.wbuilder-select-product-card .ant-modal-close,
.wbuilder-select-product-card .ant-modal-close:hover {
top: -4px !important;
left: 0 !important;
color: #0c2028 !important; }
.webstore-theme-builder-template .wbtemplate-header {
min-width: 100% !important;
max-width: 100% !important;
width: 100% !important;
top: 10px !important;
display: inline-flex;
position: fixed;
padding-left: 20px;
padding-right: 16px; }
.webstore-theme-builder-template .wbtemplate-header .b-btn,
.webstore-theme-builder-template .wbtemplate-header .b-btn:hover,
.webstore-theme-builder-template .wbtemplate-header .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 6px !important;
margin: 0 5%; }
.webstore-theme-builder-template .wbtemplate-header .b-btn i,
.webstore-theme-builder-template .wbtemplate-header .b-btn:hover i,
.webstore-theme-builder-template .wbtemplate-header .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.webstore-theme-builder-template .wbtemplate-header .ellipsis-btn {
margin-right: 16px !important; }
.webstore-theme-builder-template .wbtemplate-header .view-store-icon {
margin-right: 15px;
padding-top: 6px; }
.webstore-theme-builder-template .wbtemplate-body {
margin: 20px; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container {
margin: 0 5%; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row {
display: flex;
flex-wrap: wrap; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 {
margin-bottom: 20px; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper {
width: 100% !important;
height: 100%;
background-color: white;
border-radius: 12px !important;
position: relative; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay {
overflow: hidden;
border-radius: 12px 12px 0 0 !important; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay .template-img {
width: 100%;
object-fit: contain;
transition: transform 1s; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay .template-img-btn-div {
position: absolute;
top: 45%;
left: 50%;
width: 100%;
text-align: center;
z-index: 1002;
display: none;
transform: translate(-50%, -50%); }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay .template-img-btn-div .temp-btn-demo {
margin-right: 15px;
background-color: transparent;
color: white; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay .template-img-btn-div .temp-btn-demo .temp-icon {
margin-right: 5px; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay .template-img-btn-div .temp-btn-activate {
background-color: #5acc5a;
border-color: #11aa4f;
color: white; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay .template-img-btn-div .temp-btn-activate .temp-icon {
margin-right: 5px; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay.isAdmin:after {
content: "\A";
position: absolute;
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
height: calc(100% - 84px) !important;
border-radius: 12px 12px 0 0 !important;
left: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay:after {
content: "\A";
position: absolute;
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
height: calc(100% - 50px) !important;
border-radius: 12px 12px 0 0 !important;
left: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay:hover:after {
opacity: 1; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay:hover .template-img {
-ms-transform: scale(1.2);
/* IE 9 */
-webkit-transform: scale(1.2);
/* Safari 3-8 */
transform: scale(1.2); }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-img-overlay:hover .template-img-btn-div {
display: block; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay {
overflow: hidden;
border-radius: 12px 12px 0 0 !important; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay .template-img {
width: 100%;
object-fit: contain;
transition: transform 1s; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay .active-template-img-btn-div {
position: absolute;
top: 45%;
left: 50%;
width: 100%;
text-align: center;
z-index: 1002;
display: block;
transform: translate(-50%, -50%); }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay .active-template-img-btn-div .active-templateCard-text {
font-size: 28px; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay .active-template-img-btn-div .temp-btn-demo {
background-color: transparent;
color: white; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay .active-template-img-btn-div .temp-btn-demo .temp-icon {
margin-right: 5px; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay .active-template-img-btn-div .temp-btn-customize {
background-color: #5acc5a;
border-color: #11aa4f;
color: white;
margin-right: 15px; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay .active-template-img-btn-div .temp-btn-customize .temp-icon {
margin-right: 5px; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay.isAdmin:after {
content: "\A";
position: absolute;
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
height: calc(100% - 84px) !important;
border-radius: 12px 12px 0 0 !important;
left: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 1; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-template-img-overlay:after {
content: "\A";
position: absolute;
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
height: calc(100% - 50px) !important;
border-radius: 12px 12px 0 0 !important;
left: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 1; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .recommend {
background-color: #5acc5a;
font-weight: 500;
font-size: 11px;
color: white;
height: 30px;
width: 100%;
display: flex;
justify-content: center;
align-items: center; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .template-title {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
color: #0c2028 !important;
font-weight: 400;
font-size: 18px;
border-radius: 0 0 12px 12px !important; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .activate-template-title {
display: flex;
justify-content: center;
align-items: center;
height: 50px;
color: #ffffff;
background-color: #0c2028 !important;
font-weight: 400;
font-size: 18px;
border-radius: 0 0 12px 12px !important; }
.webstore-theme-builder-template .wbtemplate-body .site-card-container .template-row .template-col.col-sm-12.col-md-6.col-lg-4.col-xl-3 .site-card-wrapper .active-templateCard-text {
color: #ffffff;
font: icon;
margin-bottom: 15px; }
.wBuilderTemplate-apply-modal-wrapper {
z-index: 1003; }
.wBuilderTemplate-apply-modal-wrapper .wBuilderTemplate-apply-modal {
z-index: 1004; }
.wBuilderTemplate-apply-modal-wrapper .wBuilderTemplate-apply-modal .ant-modal-body .title {
text-align: left !important; }
.wBuilderTemplate-apply-modal-wrapper .wBuilderTemplate-apply-modal .ant-modal-footer {
border-top: none !important; }
.wBuilderTemplate-apply-modal-wrapper .wBuilderTemplate-apply-modal .ant-modal-footer .ant-btn.ant-btn-primary {
color: #ffffff !important;
background-color: #5acc5a !important;
border: 0.4px solid #5acc5a !important; }
.wBuilderTemplate-apply-modal-wrapper .wBuilderTemplate-apply-modal .ant-modal-footer .ant-btn.ant-btn-primary:hover {
color: #ffffff !important;
background-color: #11aa4f !important;
border: 0.4px solid #11aa4f !important; }
.wBuilderTemplate-apply-modal-wrapper .wBuilderTemplate-apply-modal .ant-modal-footer .ant-btn.ant-btn-primary:focus {
color: #ffffff !important;
background-color: #005c34 !important;
border-color: #11aa4f !important;
border: 0.4px solid #11aa4f !important; }
.wBuilderTemplate-delete-modal-wrapper {
z-index: 1003; }
.wBuilderTemplate-delete-modal-wrapper .wBuilderTemplate-delete-modal {
z-index: 1004; }
.wBuilderTemplate-delete-modal-wrapper .wBuilderTemplate-delete-modal .ant-modal-body .title {
text-align: left !important; }
.wBuilderTemplate-delete-modal-wrapper .wBuilderTemplate-delete-modal .ant-modal-footer {
border-top: none !important; }
.wBuilderTemplate-delete-modal-wrapper .wBuilderTemplate-delete-modal .ant-modal-footer .ant-btn.confirmDeleteTemplateBtn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 33px !important;
padding: 0px 16px !important;
border-radius: 17px !important;
font-size: 14px !important;
border: 0.4px solid #e0241a !important;
background-color: #e0241a !important;
box-shadow: none !important;
color: #ffffff !important;
margin-left: 16px; }
.wBuilderTemplate-delete-modal-wrapper .wBuilderTemplate-delete-modal .ant-modal-footer .ant-btn.confirmDeleteTemplateBtn:hover {
color: #ffffff !important;
background-color: #99140a !important;
border: 0.4px solid #99140a !important; }
.wBuilderTemplate-delete-modal-wrapper .wBuilderTemplate-delete-modal .ant-modal-footer .ant-btn.confirmDeleteTemplateBtn:focus {
color: #ffffff !important;
background-color: #440505 !important;
border: 0.4px solid #99140a !important; }
.template-image-form-item {
display: flex;
justify-content: center;
margin-bottom: 24px;
margin-top: 24px; }
.template-image-form-item .template-uploader {
display: flex;
justify-content: center; }
.template-image-form-item .template-uploader .ant-upload-select-picture-card .ant-upload {
position: relative !important; }
.template-image-form-item .template-uploader .ant-upload-select-picture-card .ant-upload .template-upload-placeholder {
color: #007ce0;
height: 115px;
width: 115px;
border: 1px dashed #007ce0;
display: flex;
justify-content: center;
align-items: center; }
.template-image-form-item .template-uploader .ant-upload-select-picture-card .ant-upload .template-upload-placeholder .ant-upload-text {
text-align: center;
font-size: 32px; }
.template-image-form-item .template-uploader .ant-upload-select-picture-card .ant-upload .hvrbox {
height: auto !important; }