@page {
margin: 10mm 0;
display: block;
size: A4 portrait; }
@media print {
.shipping-label, page {
margin: 15mm 0 12mm 0;
display: block;
overflow: hidden; }
.cm-print-without-scanner-icon-tr {
display: table;
width: 100%;
height: 1px; }
.cm-print-without-scanner-icon-tr td > div {
min-height: 10px !important;
/* force content box presence */ }
.cm-tracking-num-table {
height: auto !important;
border-collapse: separate !important; }
.cm-tracking-num-table.no-table-border {
border: none !important; } }
.shipping-label {
size: auto;
margin-top: 0mm;
margin-bottom: 0mm;
margin-left: 8mm;
margin-right: 8mm;
page-break-after: always;
color: #000;
background: #fff;
font-family: 'Rubik', sans-serif;
overflow-x: hidden;
font-weight: 300;
font-size: 1.2rem; }
.shipping-label b, .shipping-label span {
color: #000; }
.shipping-label h3 {
line-height: 30px;
font-size: 21px; }
.shipping-label h2 {
line-height: 30px;
font-size: 21px; }
.shipping-label .invoice-sheet {
background: #fff;
max-width: 1050px;
margin-left: auto;
margin-right: auto;
padding: 40px 40px 0 40px;
border-radius: 5px;
position: relative;
overflow: hidden;
box-shadow: 0px 0px 120px 0px rgba(83, 120, 149, 0.6); }
.shipping-label .m-t-10 {
margin-top: 10px; }
.shipping-label .table {
width: 100%;
max-width: 100%; }
.shipping-label .table.td-25 td {
width: 25%; }
.shipping-label .table td {
vertical-align: middle;
border-color: black; }
.shipping-label .table td b {
font-weight: bold;
font-size: 20px; }
.shipping-label .table td span.tracking_no_ {
font-size: 20px; }
.shipping-label .table td.print-td {
font-weight: 500; }
.shipping-label .table td.align-text-top {
vertical-align: text-top !important; }
.shipping-label .table th {
border-color: black;
border-top: 1px solid #eceeef; }
.shipping-label table {
border-collapse: separate;
background-color: transparent; }
.shipping-label table,
.shipping-label th,
.shipping-label td {
border: 1px solid transparent;
font-size: 14px; }
.shipping-label table, .shipping-label tr {
border: 1px solid black !important; }
.shipping-label .detail-table {
height: 150px;
min-height: 150px;
max-height: 150px; }
.shipping-label .detail-table tbody > tr > td {
width: 50%; }
.shipping-label .detail-container {
padding-top: 0;
page-break-inside: avoid; }
.shipping-label .courier-sign span {
color: unset !important; }
/* Prevent wrapper from being broken on page break */
.cm-tracking-num-table-wrapper {
page-break-inside: avoid !important;
break-inside: avoid !important;
-webkit-column-break-inside: avoid !important;
overflow: visible !important;
padding: 0px !important;
margin: 0px !important; }
.cm-tracking-num-table-wrapper .cm-tracking-num-table {
table-layout: fixed;
width: 100%;
padding: 0px !important;
margin: 0px !important; }
.cm-tracking-num-table-wrapper tr td {
overflow: visible !important;
height: auto !important; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet > p > a, .dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet img, .dashboard-inventory .current-widget:hover, .dashboard-inventory .reload-button {
transition: all 0.3s; }
.dashboard .rct-block {
border: 1px solid #e5e5e5 !important;
border-radius: 12px !important;
width: 100%;
margin-bottom: 32px !important; }
.dashboard .rct-block .rct-block-title {
padding: 20px 24px 0px 24px !important; }
.dashboard .rct-block .rct-block-content {
padding: 20px 24px 20px 24px !important; }
.dashboard .rct-block .rct-block-content .ant-table table {
border: none !important; }
.dashboard .rct-block .rct-sales-block {
padding: 0px !important; }
.dashboard .card-title {
color: #0c2028;
font-size: 16px;
font-weight: bold; }
.dashboard-all {
border-radius: 4px !important;
padding: 12px 24px 12px 24px !important;
margin-bottom: 0px !important; }
@media (max-width: 480px) {
.dashboard-all {
margin-bottom: 12px !important; } }
.dashboard-all:hover {
background-color: #fafafb !important;
cursor: pointer !important; }
.dashboard-all.unset-hover:hover {
background-color: initial !important;
cursor: initial !important;
transform: none !important; }
.dashboard-inventory .company-dashboard-charts,
.dashboard-inventory .dashboard-charts,
.dashboard-inventory .dashboard-news {
align-content: flex-start;
padding-left: 12px;
padding-right: 12px; }
@media (min-width: 1024px) {
.dashboard-inventory .company-dashboard-charts,
.dashboard-inventory .dashboard-charts,
.dashboard-inventory .dashboard-news {
padding-left: 0px;
padding-right: 0px; } }
@media (max-width: 1024px) {
.dashboard-inventory .has-dashboard-news {
margin: 0 !important; } }
@media (max-width: 1024px) {
.dashboard-inventory .has-dashboard-news .dashboard-news {
padding-right: 0 !important; } }
@media (min-width: 1025px) {
.dashboard-inventory .company-dashboard-charts,
.dashboard-inventory .dashboard-charts {
width: 65%;
order: 1; } }
@media (min-width: 1024px) {
.dashboard-inventory .company-dashboard-charts,
.dashboard-inventory .dashboard-charts {
padding-right: 30px !important;
border-right: 1px solid #e5e5e5 !important; } }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts,
.dashboard-inventory .dashboard-charts {
width: 65%;
order: 1; } }
@media (max-width: 768px) {
.dashboard-inventory .company-dashboard-charts,
.dashboard-inventory .dashboard-charts {
width: 100%;
order: 2; } }
.dashboard-inventory .company-dashboard-charts .dashboard-title,
.dashboard-inventory .dashboard-charts .dashboard-title {
font-size: 26px !important;
color: #0c2028 !important; }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .dashboard-title,
.dashboard-inventory .dashboard-charts .dashboard-title {
padding-left: 0px !important;
padding-right: 0px !important; } }
.dashboard-inventory .company-dashboard-charts .test,
.dashboard-inventory .dashboard-charts .test {
margin-left: 10px !important;
margin-right: 10px !important;
width: 100% !important;
text-align: center !important; }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .test,
.dashboard-inventory .dashboard-charts .test {
margin-left: 0 !important;
margin-right: 0 !important; } }
.dashboard-inventory .company-dashboard-charts .test div:nth-child(2) .dashboard-all:hover,
.dashboard-inventory .dashboard-charts .test div:nth-child(2) .dashboard-all:hover {
box-shadow: none !important;
transform: unset !important;
transition: unset !important;
background-color: unset !important;
cursor: unset !important; }
.dashboard-inventory .company-dashboard-charts .test div:nth-child(2) .dashboard-all:hover .count,
.dashboard-inventory .dashboard-charts .test div:nth-child(2) .dashboard-all:hover .count {
color: unset !important; }
.dashboard-inventory .company-dashboard-charts .alert,
.dashboard-inventory .dashboard-charts .alert {
background-color: transparent !important;
padding: 0 !important;
border: none !important;
margin-bottom: 0 !important; }
.dashboard-inventory .company-dashboard-charts .alert.add-margin,
.dashboard-inventory .dashboard-charts .alert.add-margin {
margin-bottom: 24px !important; }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .alert,
.dashboard-inventory .dashboard-charts .alert {
margin-left: 0 !important;
margin-right: 0 !important; } }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse,
.dashboard-inventory .dashboard-charts .alert .alert-collapse {
width: 100% !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse .ant-collapse-header,
.dashboard-inventory .dashboard-charts .alert .alert-collapse .ant-collapse-header {
text-align: left !important;
padding: 6px 12px !important;
line-height: 17px !important;
color: #ffffff !important;
border-radius: 0 !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse .ant-collapse-header .header-title,
.dashboard-inventory .dashboard-charts .alert .alert-collapse .ant-collapse-header .header-title {
display: inline-flex !important; }
@media (max-width: 425px) {
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse .ant-collapse-header .header-title,
.dashboard-inventory .dashboard-charts .alert .alert-collapse .ant-collapse-header .header-title {
width: 70% !important; } }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse .ant-collapse-header .header-title i,
.dashboard-inventory .dashboard-charts .alert .alert-collapse .ant-collapse-header .header-title i {
margin-right: 7px;
font-size: 16px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse .ant-collapse-header .ant-collapse-arrow,
.dashboard-inventory .dashboard-charts .alert .alert-collapse .ant-collapse-header .ant-collapse-arrow {
display: inline-flex !important;
line-height: 14px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse .ant-collapse-header .ant-collapse-arrow i,
.dashboard-inventory .dashboard-charts .alert .alert-collapse .ant-collapse-header .ant-collapse-arrow i {
margin-right: 4px;
font-size: 13px !important;
margin-top: -1px; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse .ant-collapse-content-box,
.dashboard-inventory .dashboard-charts .alert .alert-collapse .ant-collapse-content-box {
padding: 0 !important;
text-align: left !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration {
margin-bottom: 8px !important;
border: 1px solid #e0241a !important;
border-bottom: none !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-header,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-header {
background-color: #e0241a !important;
border-bottom: 1px solid #e0241a !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box {
border-top: none !important;
border-bottom: 1px solid #e0241a !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list {
padding: 15px 12px 4px 12px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box {
display: flex; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item {
width: 100% !important;
display: inline-flex;
margin-bottom: 8px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text {
font-size: 14px !important;
color: #0c2028 !important;
line-height: 17px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon {
display: inline-flex !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon .channel-with-name,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon .channel-with-name img,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon .channel-with-name img {
width: 17px !important;
height: 17px !important;
border-radius: 3px;
margin-right: 4px; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .reauthorize-btn,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-item .reauthorize-btn {
height: fit-content !important;
width: fit-content !important;
padding: 0 0 0 8px !important;
border: none !important;
font-size: 14px !important;
color: #007ce0 !important;
line-height: 17px;
box-shadow: none !important;
background: none !important;
text-transform: none !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-expired,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-list .alert-box .alert-expired {
text-align: right;
width: 115px !important;
padding: 0 0 0 8px !important;
font-size: 14px !important;
color: #e0241a !important;
line-height: 17px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-remark,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-remark {
border-top: 1px solid #e5e5e5 !important;
padding: 8px 12px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-remark span,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.expiration .ant-collapse-content-box .alert-remark span {
font-size: 12px !important;
color: #e0241a !important;
line-height: 14px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit {
border: 1px solid #ff7f00 !important;
border-bottom: none !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-header,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-header {
background-color: #ff7f00 !important;
border-bottom: 1px solid #ff7f00 !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box {
border-top: none !important;
border-bottom: 1px solid #ff7f00 !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-list,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-list {
padding: 15px 12px 7px 12px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-list .alert-item,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-list .alert-item {
width: 100% !important;
display: inline-flex;
margin-bottom: 8px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-list .alert-item .alert-text,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-list .alert-item .alert-text {
font-size: 14px !important;
color: #0c2028 !important;
line-height: 17px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-list .alert-item .limit-btn,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-list .alert-item .limit-btn {
height: fit-content !important;
width: fit-content !important;
padding: 0 0 0 16px !important;
border: none !important;
font-size: 14px !important;
color: #007ce0 !important;
line-height: 17px;
box-shadow: none !important;
background: none !important;
text-transform: none !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-remark,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-remark {
display: inline-flex;
border-top: 1px solid #e5e5e5 !important;
padding: 8px 12px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-remark .remark-text,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-remark .remark-text {
font-size: 12px !important;
color: #647176 !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-remark .remark-text span,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-remark .remark-text span {
line-height: 14px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-remark .upgrade-btn,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-remark .upgrade-btn {
width: 118px !important;
padding-left: 24px !important;
padding-right: 0 !important;
border: none !important;
font-size: 14px !important;
color: #007ce0 !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-date,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-date {
padding: 15px 12px 7px 12px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-date .date-text,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-limit .ant-collapse-content-box .alert-date .date-text {
font-size: 12px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-out-limit,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-out-limit {
border: 1px solid #e0241a !important;
border-bottom: none !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-out-limit .ant-collapse-header,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-out-limit .ant-collapse-header {
background-color: #e0241a !important;
border-bottom: 1px solid #e0241a !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.plan-out-limit .ant-collapse-content-box,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.plan-out-limit .ant-collapse-content-box {
border-top: none !important;
border-bottom: 1px solid #e0241a !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update {
margin-bottom: 8px !important;
border: 1px solid #e0241a !important;
border-bottom: none !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-header,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-header {
background-color: #e0241a !important;
border-bottom: 1px solid #e0241a !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box {
border-top: none !important;
border-bottom: 1px solid #e0241a !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list {
padding: 15px 12px 4px 12px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box {
display: flex; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item {
width: 100% !important;
display: inline-flex;
margin-bottom: 8px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text {
font-size: 14px !important;
color: #0c2028 !important;
line-height: 17px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon {
display: inline-flex !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon .channel-with-name,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon .channel-with-name img,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .alert-text .marketplace-channel-icon .channel-with-name img {
width: 17px !important;
height: 17px !important;
border-radius: 3px;
margin-right: 4px; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .reauthorize-btn,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-list .alert-box .alert-item .reauthorize-btn {
height: fit-content !important;
width: fit-content !important;
padding: 0 0 0 8px !important;
border: none !important;
font-size: 14px !important;
color: #007ce0 !important;
line-height: 17px;
box-shadow: none !important;
background: none !important;
text-transform: none !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-remark,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-remark {
border-top: 1px solid #e5e5e5 !important;
padding: 8px 12px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-remark span,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-remark span {
font-size: 12px !important;
color: #647176 !important;
line-height: 14px !important; }
.dashboard-inventory .company-dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-remark .plain-btn span,
.dashboard-inventory .dashboard-charts .alert .alert-collapse.setup-update .ant-collapse-content-box .alert-remark .plain-btn span {
font-size: 12px !important;
color: #007ce0 !important;
line-height: 14px !important;
text-decoration: underline; }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .whats-new-title,
.dashboard-inventory .company-dashboard-charts .suggestion-title,
.dashboard-inventory .dashboard-charts .whats-new-title,
.dashboard-inventory .dashboard-charts .suggestion-title {
padding-left: 0px !important;
padding-right: 0px !important; } }
.dashboard-inventory .company-dashboard-charts .dashboard-header,
.dashboard-inventory .dashboard-charts .dashboard-header {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.dashboard-inventory .company-dashboard-charts .dashboard-header .dashboard-title,
.dashboard-inventory .dashboard-charts .dashboard-header .dashboard-title {
font-size: 26px !important;
color: #0c2028; }
.dashboard-inventory .company-dashboard-charts .dashboard-header .dashboard-view-all,
.dashboard-inventory .dashboard-charts .dashboard-header .dashboard-view-all {
font-size: 14px; }
.dashboard-inventory .company-dashboard-charts .card-title,
.dashboard-inventory .dashboard-charts .card-title {
margin-bottom: 0px !important; }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .dashboard,
.dashboard-inventory .dashboard-charts .dashboard {
padding-left: 0 !important;
padding-right: 0 !important; } }
.dashboard-inventory .company-dashboard-charts .dashboard .ant-radio-group,
.dashboard-inventory .dashboard-charts .dashboard .ant-radio-group {
width: fit-content; }
@media (max-width: 425px) {
.dashboard-inventory .company-dashboard-charts .to-do,
.dashboard-inventory .dashboard-charts .to-do {
display: block !important;
height: fit-content !important; } }
.dashboard-inventory .company-dashboard-charts .to-do .heading,
.dashboard-inventory .dashboard-charts .to-do .heading {
min-width: 130px;
height: fit-content; }
@media (min-width: 1440px) {
.dashboard-inventory .company-dashboard-charts .to-do .heading,
.dashboard-inventory .dashboard-charts .to-do .heading {
min-width: 150px !important; } }
@media (max-width: 1025px) {
.dashboard-inventory .company-dashboard-charts .to-do .heading,
.dashboard-inventory .dashboard-charts .to-do .heading {
min-width: 75px !important; } }
@media (max-width: 425px) {
.dashboard-inventory .company-dashboard-charts .to-do .heading,
.dashboard-inventory .dashboard-charts .to-do .heading {
width: 100% !important;
font-size: 18px !important; } }
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container {
margin-bottom: 12px !important; }
@media (min-width: 768px) {
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container {
margin-left: -5px !important;
margin-right: -5px !important; } }
@media (min-width: 768px) {
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container .col-md-3,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container .col-md-3 {
padding-left: 5px !important;
padding-right: 5px !important; } }
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container .ant-spin-container,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container .ant-spin-container {
height: 100%; }
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container .overview-stats,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container .overview-stats {
width: 100% !important;
height: 100%;
overflow: hidden;
text-align: left !important;
padding: 16px 12px !important;
border: 1px solid #e5e5e5 !important;
border-radius: 8px !important; }
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container .overview-stats img,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container .overview-stats img {
width: 30px !important;
height: 30px !important;
filter: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(134%) hue-rotate(153deg) brightness(88%) contrast(90%);
margin-right: 8px; }
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container .overview-stats .count,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container .overview-stats .count {
font-size: 22px !important; }
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container .overview-stats .task-subtitle,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container .overview-stats .task-subtitle {
height: unset !important; }
.dashboard-inventory .company-dashboard-charts .to-do .overview-stats-container .overview-stats i.feather-chevron-right,
.dashboard-inventory .dashboard-charts .to-do .overview-stats-container .overview-stats i.feather-chevron-right {
font-size: 16px !important;
color: #007ce0 !important;
margin-right: 0;
cursor: pointer; }
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container,
.dashboard-inventory .dashboard-charts .to-do .inventory-container {
background-color: #fafafb;
border-radius: 8px !important;
padding: 12px;
margin-left: 0px !important;
margin-right: 0px !important; }
@media (max-width: 767px) {
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container .inventory-title,
.dashboard-inventory .dashboard-charts .to-do .inventory-container .inventory-title {
margin-bottom: 12px !important; } }
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container img.feather-archive,
.dashboard-inventory .dashboard-charts .to-do .inventory-container img.feather-archive {
width: 22px !important;
height: 22px !important;
filter: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(134%) hue-rotate(153deg) brightness(88%) contrast(90%);
margin-right: 8px; }
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container i.feather-chevron-right,
.dashboard-inventory .dashboard-charts .to-do .inventory-container i.feather-chevron-right {
font-size: 16px !important;
color: #007ce0 !important;
cursor: pointer; }
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container .ant-divider,
.dashboard-inventory .dashboard-charts .to-do .inventory-container .ant-divider {
border-color: #d4d4d4 !important;
margin: 0 20px 0 0 !important;
height: 22px !important; }
@media (min-width: 768px) {
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container .col-md-3,
.dashboard-inventory .dashboard-charts .to-do .inventory-container .col-md-3 {
padding-right: 0 !important; } }
@media (max-width: 767px) {
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container .col-md-3,
.dashboard-inventory .dashboard-charts .to-do .inventory-container .col-md-3 {
padding: 0 !important; } }
@media (min-width: 768px) {
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container .col-md-6,
.dashboard-inventory .dashboard-charts .to-do .inventory-container .col-md-6 {
padding-left: 0 !important;
padding-right: 0 !important; } }
@media (max-width: 767px) {
.dashboard-inventory .company-dashboard-charts .to-do .inventory-container .col-md-6,
.dashboard-inventory .dashboard-charts .to-do .inventory-container .col-md-6 {
padding: 0 !important; } }
.dashboard-inventory .company-dashboard-charts .suggestion,
.dashboard-inventory .dashboard-charts .suggestion {
margin-bottom: 20px; }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .suggestion,
.dashboard-inventory .dashboard-charts .suggestion {
margin-left: -20px !important;
margin-right: -20px !important; } }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .suggestion .heading-medium,
.dashboard-inventory .dashboard-charts .suggestion .heading-medium {
margin-left: 10px !important; } }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card {
padding: 12px 20px !important;
margin-bottom: 12px !important; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item {
padding: 0 !important;
width: 100%;
height: 100%; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta {
height: 100%;
width: 100%; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
position: relative;
margin: auto 20px auto 0 !important; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content {
min-height: 100%;
position: relative; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-title,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-title {
margin-bottom: 8px; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description {
padding-bottom: 50px !important; }
@media (min-width: 1440px) {
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description {
padding-bottom: 30px !important; } }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .caption,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .caption {
line-height: 15px !important; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action {
width: 100%;
display: block;
align-items: center;
position: absolute;
bottom: 0;
justify-content: space-between; }
@media (min-width: 1440px) {
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action {
display: flex;
height: 26px !important; } }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .status-tag,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .status-tag {
border-radius: 4px !important;
text-transform: capitalize;
font-size: 12px !important;
border: 1px solid;
width: fit-content;
width: -moz-fit-content;
height: 18px;
line-height: 17px; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .status-tag span,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .status-tag span {
font-size: 12px !important; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .status-tag.gain-traffic,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .status-tag.gain-traffic {
color: #442f0f;
border-color: #ffae4c;
background-color: #ffe5cc; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .status-tag.improve-conversion,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .status-tag.improve-conversion {
color: #323f47;
border-color: #bcefb9;
background-color: #f3fff3; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .action-buttons,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .action-buttons {
height: 26px !important;
display: flex;
align-items: center; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .action-buttons .plain-btn,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .action-buttons .plain-btn {
margin: 0 12px 0 auto !important; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .action-buttons .plain-btn i,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .action-buttons .plain-btn i {
font-size: 15px !important; }
.dashboard-inventory .company-dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .action-buttons .primary-btn,
.dashboard-inventory .dashboard-charts .suggestion .suggestion-card .ant-list-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description .suggestion-status-action .action-buttons .primary-btn {
height: 25px !important;
line-height: 15px !important;
padding: 4px 8px !important;
background-color: #11aa4f !important;
border: none !important; }
.dashboard-inventory .company-dashboard-charts .sales-report .sales-options,
.dashboard-inventory .dashboard-charts .sales-report .sales-options {
width: 100%;
display: flex;
justify-content: space-between; }
@media (max-width: 425px) {
.dashboard-inventory .company-dashboard-charts .sales-report .sales-options,
.dashboard-inventory .dashboard-charts .sales-report .sales-options {
display: block !important; } }
@media (max-width: 425px) {
.dashboard-inventory .company-dashboard-charts .sales-report .sales-options .heading-medium,
.dashboard-inventory .dashboard-charts .sales-report .sales-options .heading-medium {
margin-bottom: 12px !important; } }
@media (max-width: 425px) {
.dashboard-inventory .company-dashboard-charts .sales-report .sales-options .ant-radio-group,
.dashboard-inventory .dashboard-charts .sales-report .sales-options .ant-radio-group {
margin: 0 0 0 auto !important; } }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .ant-radio-group,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .ant-radio-group {
width: fit-content;
position: absolute;
right: 32px;
top: 20px;
z-index: unset; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .ant-radio-group .ant-radio-button-wrapper,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .ant-radio-group .ant-radio-button-wrapper {
padding: 8px !important;
height: fit-content !important;
line-height: 15px !important;
z-index: unset !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .ant-radio-group .ant-radio-button-wrapper:last-child,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .ant-radio-group .ant-radio-button-wrapper:last-child {
margin-left: -1px; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .ant-radio-group .ant-radio-button-wrapper i,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .ant-radio-group .ant-radio-button-wrapper i {
font-size: 20px !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-yesterday-tabs,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-yesterday-tabs {
position: relative !important; }
@media (max-width: 425px) {
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-yesterday-tabs,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-yesterday-tabs {
margin-top: 40px !important; } }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card .ant-tabs-bar,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card .ant-tabs-bar {
position: absolute;
border-bottom: none !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card .ant-tabs-nav-scroll,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card .ant-tabs-nav-scroll {
padding-left: 0 !important;
border-bottom: none !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card .ant-tabs-tab-active.ant-tabs-tab,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-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; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card .ant-tabs-tab,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-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; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card .ant-tabs-content,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-yesterday-tabs .today-yesterday-card .ant-tabs-content {
margin-top: 56px;
color: #0c2028;
font-size: 14px !important;
padding: 20px 0 !important;
overflow-x: auto; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item {
padding: 8px 12px;
margin-bottom: 8px; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item .heading,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item .heading {
word-break: break-word !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item .feather-info,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item .feather-info {
font-size: 14px;
margin-left: 4px;
color: #90999d; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item .body,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item .body {
color: #0c2028;
line-height: 17px;
margin-bottom: 4px; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item:hover,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item:hover {
border-radius: 4px;
background-color: #fafafb !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item:hover .feather-info,
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item:hover .heading,
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item:hover .body,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item:hover .feather-info,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item:hover .heading,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .col-md-3.col-6 .sales-item:hover .body {
color: #007ce0 !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table {
position: relative;
overflow-x: auto; }
@media (max-width: 425px) {
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table {
min-width: 480px; } }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .show-btn,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .show-btn {
position: absolute;
right: 18px;
top: 8px; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .show-btn img.eye,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .show-btn img.eye {
cursor: pointer;
width: 16px !important;
height: auto;
filter: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(134%) hue-rotate(153deg) brightness(88%) contrast(90%); }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table-tbody > tr > td,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table table,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table table thead,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table table thead {
background-color: #fafafb !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table-thead th,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-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; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table-thead > tr > th,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .chevron-btn i,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .chevron-btn i {
font-size: 20px !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .price,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .price {
width: fit-content;
margin-left: auto !important;
display: flex;
align-items: center; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table img.arrowDown,
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table img.arrowUp,
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table img.minus,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table img.arrowDown,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table img.arrowUp,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table img.minus {
margin-left: 4px;
width: 20px !important;
height: auto; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table img.arrowDown,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table img.arrowDown {
filter: brightness(0) saturate(100%) invert(28%) sepia(94%) saturate(5970%) hue-rotate(354deg) brightness(91%) contrast(92%); }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table img.arrowUp,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table img.arrowUp {
filter: brightness(0) saturate(100%) invert(67%) sepia(39%) saturate(668%) hue-rotate(71deg) brightness(96%) contrast(86%); }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table img.minus,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table img.minus {
filter: brightness(0) saturate(100%) invert(62%) sepia(1%) saturate(2445%) hue-rotate(173deg) brightness(97%) contrast(92%); }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table-expanded-row.ant-table-expanded-row-level-1 td,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .ant-table-expanded-row.ant-table-expanded-row-level-1 td {
padding: 0 !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table {
margin: 0 !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table-tbody > tr > td,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table-tbody > tr > td {
padding: 10px 12px !important;
border-bottom: 0 !important;
background-color: #f6f6f6 !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table table,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table table thead,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table table thead {
background-color: #fafafb !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table-thead th,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table-thead th {
background: #f6f6f6 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
padding-top: 9px !important;
padding-bottom: 9px !important; }
.dashboard-inventory .company-dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table-thead > tr > th,
.dashboard-inventory .dashboard-charts .today-yesterday-sales .today-sales .sales-table .sales-expended-table .ant-table-thead > tr > th {
border-bottom: none !important; }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .whats-new,
.dashboard-inventory .dashboard-charts .whats-new {
margin-left: -20px !important;
margin-right: -20px !important; } }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .whats-new .heading-medium,
.dashboard-inventory .dashboard-charts .whats-new .heading-medium {
margin-left: 10px !important; } }
.dashboard-inventory .company-dashboard-charts .whats-new .whats-new-card,
.dashboard-inventory .dashboard-charts .whats-new .whats-new-card {
margin-bottom: 24px;
border-radius: 8px; }
.dashboard-inventory .company-dashboard-charts .whats-new .whats-new-card .ant-card-cover,
.dashboard-inventory .dashboard-charts .whats-new .whats-new-card .ant-card-cover {
height: 195px !important;
border-top-left-radius: 8px;
border-top-right-radius: 8px; }
@media (min-width: 1440px) {
.dashboard-inventory .company-dashboard-charts .whats-new .whats-new-card .ant-card-cover,
.dashboard-inventory .dashboard-charts .whats-new .whats-new-card .ant-card-cover {
height: 250px !important; } }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts .whats-new .whats-new-card .ant-card-cover,
.dashboard-inventory .dashboard-charts .whats-new .whats-new-card .ant-card-cover {
height: 234px !important; } }
.dashboard-inventory .company-dashboard-charts .whats-new .whats-new-card .ant-card-cover img,
.dashboard-inventory .dashboard-charts .whats-new .whats-new-card .ant-card-cover img {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
height: 100%;
object-fit: cover; }
.dashboard-inventory .company-dashboard-charts .whats-new .whats-new-card .ant-card-body,
.dashboard-inventory .dashboard-charts .whats-new .whats-new-card .ant-card-body {
height: 61px !important;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #ffffff;
padding: 0; }
.dashboard-inventory .company-dashboard-charts .whats-new .whats-new-card .ant-card-body .ant-card-meta,
.dashboard-inventory .dashboard-charts .whats-new .whats-new-card .ant-card-body .ant-card-meta {
margin: 0;
padding: 8px 12px; }
@media (min-width: 1024px) {
.dashboard-inventory .company-dashboard-charts {
padding-right: 0px !important;
border-right: 0px solid #e5e5e5 !important; } }
@media (min-width: 1025px) {
.dashboard-inventory .company-dashboard-charts {
width: 100%;
order: 1; } }
@media (max-width: 1024px) {
.dashboard-inventory .company-dashboard-charts {
width: 100%;
order: 1; } }
@media (min-width: 1025px) {
.dashboard-inventory .dashboard-news {
width: 35%;
order: 2; } }
@media (max-width: 1024px) {
.dashboard-inventory .dashboard-news {
width: 35%;
order: 2; }
.dashboard-inventory .dashboard-news .dashboard-all {
padding: 0px !important; } }
@media (max-width: 768px) {
.dashboard-inventory .dashboard-news {
width: 100%;
order: 1; }
.dashboard-inventory .dashboard-news .card-block {
max-height: 400px;
overflow: auto;
padding: 0 !important; }
.dashboard-inventory .dashboard-news .dashboard-all {
padding: 0px !important; } }
@media (max-width: 425px) {
.dashboard-inventory .dashboard-news .card-block {
max-height: 400px;
overflow: auto;
padding: 0 !important; }
.dashboard-inventory .dashboard-news .dashboard-all {
padding: 0px !important; } }
.dashboard-inventory .dashboard-news .popular-features {
padding: 0 0 8px 25px !important;
border-bottom: 1px solid #e5e5e5 !important;
margin-bottom: 32px !important; }
@media (max-width: 768px) {
.dashboard-inventory .dashboard-news .popular-features {
padding-left: 0 !important; } }
.dashboard-inventory .dashboard-news .popular-features .feature-item {
display: inline-flex !important;
height: 67px !important;
align-items: center !important;
font-size: 14px !important;
color: #0c2028 !important;
margin-bottom: 12px; }
.dashboard-inventory .dashboard-news .popular-features .feature-item img {
width: 67px !important;
height: 67px !important;
margin-right: 12px !important; }
.dashboard-inventory .dashboard-news .popular-features .feature-item span {
cursor: pointer !important; }
.dashboard-inventory .dashboard-news .popular-features .feature-item:hover {
color: #007ce0 !important; }
.dashboard-inventory .dashboard-news .dashboard-header {
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
@media (min-width: 768px) {
.dashboard-inventory .dashboard-news .dashboard-header {
margin-left: 25px;
margin-bottom: 0px; } }
.dashboard-inventory .dashboard-news .dashboard-header .dashboard-title {
font-size: 26px !important;
color: #0c2028; }
.dashboard-inventory .dashboard-news .dashboard-header .dashboard-view-all {
font-size: 14px; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all {
background: none !important;
box-shadow: none !important;
border: none !important;
border-bottom: 1px solid #e5e5e5 !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all:hover {
transform: none; }
@media (min-width: 1024px) {
.dashboard-inventory .dashboard-news .rct-block.dashboard-all {
padding-left: 0px !important;
padding-right: 0px !important;
padding-top: 0px !important; } }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs {
overflow: hidden;
flex-wrap: nowrap;
align-items: flex-end; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item {
width: 100%;
justify-content: center;
display: flex;
font-size: 14px; }
@media (max-width: 1024px) {
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item {
width: auto; } }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link {
padding: 7px;
width: 100%;
text-align: center;
color: rgba(84, 102, 122, 0.5) !important;
position: relative; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link:hover {
color: #5acc5a !important;
border-color: transparent; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link.active {
background-color: transparent;
border: 0;
border-bottom: 3px solid #5acc5a;
color: #5acc5a !important; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-sm-up {
display: none; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-xs-down {
display: block; }
@media (max-width: 480px) {
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-sm-up {
display: block; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-sm-up i::before {
font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-sm-up i.mdi-newspaper::before {
content: '\f324'; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-sm-up i.fa-tags::before {
content: '\f187'; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-sm-up i.fa-lightbulb-o::before {
content: '\f189'; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-sm-up i.fa-comments-o::before {
content: '\f266'; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-sm-up i.fa-cloud::before {
content: '\f21f'; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .nav-tabs .nav-item .nav-link .hidden-xs-down {
font-size: 0;
width: 40px;
height: 35px;
position: absolute;
top: 0;
left: 0; } }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block {
padding: 20px 25px 0; }
@media (min-width: 1025px) {
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block {
padding-right: 0px !important; } }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet h3 span {
font-weight: 100; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet .title {
margin-bottom: 0 !important; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet > p > a {
display: flex;
align-items: center;
justify-content: flex-end; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet .announcement-img img {
transform: unset !important;
border-radius: 8px;
box-shadow: none !important;
margin-bottom: 12px;
border-radius: 8px !important; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet:hover img {
transform: translate(-1px, -1px); }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet:hover .announcement-img img {
transform: unset !important; }
.dashboard-inventory .dashboard-news .rct-block.dashboard-all .card-block .p3_nna_bullet:last-child .ant-divider {
display: none !important; }
.dashboard-inventory .dashboard-news .faq {
width: 100%;
background-color: transparent !important;
padding: 0 0 20px 25px !important; }
@media (max-width: 768px) {
.dashboard-inventory .dashboard-news .faq {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important; } }
.dashboard-inventory .dashboard-news .faq .dashboard-view-all a {
display: inline-flex; }
.dashboard-inventory .dashboard-news .faq .feather-chevron-right {
display: block !important;
font-size: 15px !important;
color: #007ce0 !important;
cursor: pointer !important;
line-height: 22px;
margin-left: 4px; }
.dashboard-inventory .dashboard-news .faq .faq-container {
width: 100%;
text-align: left !important; }
.dashboard-inventory .dashboard-news .faq .faq-container a.faq-item {
width: 100%;
text-align: left !important;
display: inline-flex !important;
color: #0c2028 !important;
font-size: 14px !important;
line-height: 24px !important;
cursor: pointer !important; }
.dashboard-inventory .dashboard-news .faq .faq-container a.faq-item .feather-search {
display: block !important;
font-size: 15px !important;
color: #0c2028 !important;
line-height: 24px !important;
margin-right: 4px !important; }
.dashboard-inventory .dashboard-news .faq .faq-container a.faq-item:hover {
color: #007ce0 !important; }
.dashboard-inventory .dashboard-news .faq .faq-container a.faq-item:hover .feather-search {
color: #007ce0 !important; }
.dashboard-inventory .fixed-height {
position: relative; }
.dashboard-inventory .analytics-by-sg {
position: absolute;
top: 10px;
right: 8px;
font-size: 11px !important; }
.dashboard-inventory .analytics-by-sg .by-text {
color: #a0a0a0; }
.dashboard-inventory .analytics-by-sg .name-text {
color: #647176; }
.dashboard-inventory .current-widget {
box-shadow: none !important;
padding: 15px; }
.dashboard-inventory .current-widget:hover {
box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
transform: translate(-1px, -1px); }
.dashboard-inventory .rct-sales-block {
padding: 15px; }
.dashboard-inventory .sales-chart {
align-items: center;
display: flex;
flex-wrap: wrap;
height: fit-content; }
.dashboard-inventory .sales-chart div {
width: 100%; }
.dashboard-inventory .orders-stats {
display: flex;
flex-wrap: wrap;
border: 1px solid #e5e5e5;
border-radius: 12px;
overflow: hidden; }
.dashboard-inventory .orders-stats .border-yesterday {
border-color: #35ba5a !important; }
.dashboard-inventory .orders-stats .border-today {
border-color: #35ba5a !important; }
.dashboard-inventory .orders-stats .border-this-week {
border-color: #1686e1 !important; }
.dashboard-inventory .orders-stats .border-this-month {
border-color: #ff8800 !important; }
.dashboard-inventory .orders-stats .box-stats {
display: flex;
height: 108px;
width: 197px;
padding: 8px 4px 8px 10px; }
.dashboard-inventory .orders-stats .box-indicator {
width: 0px; }
.dashboard-inventory .orders-stats .box-info {
height: 108px;
width: 100%; }
.dashboard-inventory .orders-stats .info-details {
margin-bottom: 8px; }
.dashboard-inventory .orders-stats .info-details .stat-title {
color: #90999d;
font-size: 12px !important;
line-height: 12px !important;
margin-bottom: 7px; }
.dashboard-inventory .orders-stats .info-details .stats-count {
color: #0c2028;
font-size: 20px !important;
font-weight: bolder !important;
line-height: 20px !important; }
.dashboard-inventory .orders-stats .stats-box-title {
font-size: 18px;
margin-bottom: 12px;
margin-top: 3px; }
.dashboard-inventory .color-yesterday {
box-shadow: -5px 0px 0px -1px #35ba5a !important; }
.dashboard-inventory .color-previous {
box-shadow: -5px 0px 0px -1px #cdcdcd !important; }
.dashboard-inventory .color-today {
box-shadow: -5px 0px 0px -1px #35ba5a !important; }
.dashboard-inventory .color-this-week {
box-shadow: -5px 0px 0px -1px #1686e1 !important; }
.dashboard-inventory .color-this-month {
box-shadow: -5px 0px 0px -1px #ff8800 !important; }
.dashboard-inventory .order-stat-title {
color: #0c2028;
font-size: 12px !important;
height: 14px !important;
margin-top: 16px;
margin-bottom: 8px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center; }
.dashboard-inventory .order-stat-title img.eye {
cursor: pointer;
width: 16px !important;
height: auto;
filter: brightness(0) saturate(100%) invert(66%) sepia(16%) saturate(134%) hue-rotate(153deg) brightness(88%) contrast(90%); }
.dashboard-inventory .stat-title-first {
margin-top: 0px !important; }
.dashboard-inventory .overviewstats-frame {
padding-left: 12px;
padding-right: 12px; }
@media (min-width: 1025px) {
.dashboard-inventory .overviewstats-frame {
width: 33.333%; } }
@media (max-width: 1024px) {
.dashboard-inventory .overviewstats-frame {
width: 33.333%; }
.dashboard-inventory .overviewstats-frame .overview-stats {
padding: 10px; }
.dashboard-inventory .overviewstats-frame .overview-stats .align-items-end {
display: none; } }
@media (max-width: 768px) {
.dashboard-inventory .overviewstats-frame {
width: 33.333%; }
.dashboard-inventory .overviewstats-frame .overview-stats {
padding: 15px; }
.dashboard-inventory .overviewstats-frame .overview-stats .align-items-end {
display: block; } }
@media (max-width: 480px) {
.dashboard-inventory .overviewstats-frame {
width: 100%; } }
.dashboard-inventory .overview-stats .icon-lg {
font-size: 3rem !important; }
.dashboard-inventory .overview-stats .title-overview {
color: white;
font-size: 1em !important; }
.dashboard-inventory .overview-stats .value-overview {
color: white;
font-size: 1.3em !important; }
.dashboard-inventory .overview-stats .title-task {
color: #90999d;
font-size: 12px !important;
height: 30px !important; }
.dashboard-inventory .overview-stats .count {
font-size: 40px !important;
font-weight: bolder !important; }
.dashboard-inventory .overview-stats .task-subtitle {
color: #38484f;
font-size: 12px !important;
height: 14px !important; }
.dashboard-inventory .reload-button {
right: -5px;
opacity: 0.5; }
.dashboard-inventory .reload-button:hover {
right: -0px;
opacity: 1; }
.dashboard-inventory .reload-button .reload-btn {
padding: 0px 2px;
background: white;
border: 1px solid #eee;
border-radius: 5px 0px 0px 5px; }
.dashboard-inventory .reload-button .icon-sm {
font-size: 20px !important; }
.un-store-model-back .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
padding: 12px 24px !important; }
.un-store-model-back .ant-modal-title {
width: 100% !important; }
.un-store-model-back .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.un-store-model-back .plain-btn {
line-height: 24px !important; }
.un-store-model-back .ant-select-show-search.ant-select-single .ant-select-selector input {
padding: unset; }
.customers .viewOrderHist .table-orderhistory table th.ant-table-cell,
.marketplaceCustomers .viewOrderHist .table-orderhistory table th.ant-table-cell {
font-size: 12px !important;
line-height: 16px;
font-weight: 400; }
.customers .unicart-table .ant-table-measure-row {
display: table-row !important; }
.customers .unicart-table .ant-table-measure-row td {
padding: 0 !important; }
.customers .unicart-table .ant-table-title {
position: absolute !important;
z-index: 1004 !important;
width: calc(100% - 90px) !important;
background: #ffffff !important;
margin-left: 75px !important;
margin-top: 1px !important;
padding-top: 7px !important;
padding-bottom: 5px !important;
padding-left: 0px !important;
border-top-right-radius: 12px !important;
height: 76px !important;
display: flex;
align-items: center; }
.customers .unicart-table .ant-table-cell-fix-left,
.customers .unicart-table .ant-table-cell-fix-right {
z-index: 1003 !important; }
.customers .unicart-table .ant-table-tbody > tr.ant-table-row-selected > td.ant-table-cell.ant-table-cell-fix-left.ant-table-cell-fix-left-last {
background: #e6f7ff; }
.customers .unicart-table .ant-table-thead > tr > th {
height: 78px !important; }
.customers .unicart-table .ant-table-thead > tr > th.ant-table-cell.ant-table-selection-column:first-child {
width: 60px !important;
max-width: 60px !important;
text-align: left !important; }
.customers .unicart-table .ant-table-thead > tr > th.ant-table-cell.ant-table-selection-column:first-child .ant-table-selection {
width: 60px !important;
max-width: 60px !important; }
.customers .unicart-table .ant-table-thead > tr > th:last-child {
padding: 20px 40px 20px 16px !important; }
.customers .unicart-table .ant-table-tbody > tr > td.ant-table-selection-column:first-child {
width: 60px !important;
max-width: 60px !important;
text-align: left !important; }
.customers .unicart-table .un-no-fixed-column colgroup col {
width: unset !important; }
.customers .slider-btn {
height: 77px;
width: 40px !important;
background-color: #ffffff !important;
position: absolute;
top: 1px;
right: 11px;
z-index: 1000;
border-top-right-radius: 12px !important; }
.customers .slider-btn .mdi-slider-vertical {
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23647176' d='M8 12.14V2H6v10.14c-1.72.45-3 2-3 3.86s1.28 3.41 3 3.86V22h2v-2.14c1.72-.45 3-2 3-3.86s-1.28-3.41-3-3.86M7 14c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2M18 2h-2v2.14c-1.72.45-3 2-3 3.86s1.28 3.41 3 3.86V22h2V11.86c1.72-.45 3-2 3-3.86s-1.28-3.41-3-3.86zm-1 4c1.1 0 2 .9 2 2s-.9 2-2 2s-2-.9-2-2s.9-2 2-2'/%3E%3C/svg%3E"); }
.customers .ant-table-tbody .ant-table-cell,
.marketplaceCustomers .ant-table-tbody .ant-table-cell {
overflow-wrap: anywhere; }
.customers .pg-title .un-btn,
.marketplaceCustomers .pg-title .un-btn {
margin-bottom: 0 !important; }
.customers .addAddress .un-bottom-border,
.marketplaceCustomers .addAddress .un-bottom-border {
margin-bottom: 32px; }
.customers .addAddress .un-bottom-border .collapse-action,
.marketplaceCustomers .addAddress .un-bottom-border .collapse-action {
color: #007ce0;
display: flex;
align-items: center; }
.customers .addAddress .un-bottom-border .collapse-action i,
.marketplaceCustomers .addAddress .un-bottom-border .collapse-action i {
color: inherit;
margin-right: 0.3rem;
font-weight: inherit; }
.customers .addAddress .un-bottom-border .collapse-action span,
.marketplaceCustomers .addAddress .un-bottom-border .collapse-action span {
font-size: 12px; }
.customers .addAddress .un-bottom-border .collapse-action:hover, .customers .addAddress .un-bottom-border .collapse-action:focus,
.marketplaceCustomers .addAddress .un-bottom-border .collapse-action:hover,
.marketplaceCustomers .addAddress .un-bottom-border .collapse-action:focus {
cursor: pointer; }
.customers .viewProfileHeader,
.marketplaceCustomers .viewProfileHeader {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
align-items: center; }
@media (max-width: 480px) {
.customers .viewProfileHeader,
.marketplaceCustomers .viewProfileHeader {
flex-wrap: wrap; }
.customers .viewProfileHeader .profile,
.marketplaceCustomers .viewProfileHeader .profile {
order: 2; }
.customers .viewProfileHeader .profileNavigation,
.marketplaceCustomers .viewProfileHeader .profileNavigation {
justify-content: flex-end;
width: 100%;
order: 1; } }
.customers .viewProfileHeader .profile,
.marketplaceCustomers .viewProfileHeader .profile {
display: flex;
align-items: center; }
.customers .viewProfileHeader .profile .ant-avatar,
.marketplaceCustomers .viewProfileHeader .profile .ant-avatar {
background-color: #ffae4c;
margin-right: 12px; }
.customers .viewProfileHeader .profile .profile-info > div,
.marketplaceCustomers .viewProfileHeader .profile .profile-info > div {
width: 100%; }
.customers .viewProfileHeader .profile .profile-info .name-tier,
.marketplaceCustomers .viewProfileHeader .profile .profile-info .name-tier {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 4px; }
.customers .viewProfileHeader .profile .profile-info .name-tier .profile-name,
.marketplaceCustomers .viewProfileHeader .profile .profile-info .name-tier .profile-name {
margin-right: 14px; }
.customers .viewProfileHeader .profile .profile-info .name-tier .tier-tag,
.marketplaceCustomers .viewProfileHeader .profile .profile-info .name-tier .tier-tag {
display: flex; }
.customers .viewProfileHeader .profile .profile-info .name-tier .tier-tag .feather-edit-2,
.marketplaceCustomers .viewProfileHeader .profile .profile-info .name-tier .tier-tag .feather-edit-2 {
font-size: 13px !important;
cursor: pointer;
align-self: center; }
.customers .viewProfileHeader .profile .profile-info .customer-group,
.marketplaceCustomers .viewProfileHeader .profile .profile-info .customer-group {
display: flex;
align-items: baseline; }
.customers .viewProfileHeader .profile .profile-info .customer-group .feather-edit-2,
.marketplaceCustomers .viewProfileHeader .profile .profile-info .customer-group .feather-edit-2 {
font-size: 13px !important;
cursor: pointer; }
.customers .viewProfileHeader .profileNavigation,
.marketplaceCustomers .viewProfileHeader .profileNavigation {
display: flex; }
.customers .viewProfileHeader .profileNavigation .plain-btn,
.marketplaceCustomers .viewProfileHeader .profileNavigation .plain-btn {
margin-left: 8px;
background: none !important;
width: 26px !important;
height: 28px !important; }
.customers .viewProfileHeader .profileNavigation .plain-btn i,
.marketplaceCustomers .viewProfileHeader .profileNavigation .plain-btn i {
color: #90999d !important;
font-size: 26px !important; }
.customers .viewProfileHeader .profileNavigation .plain-btn:hover,
.marketplaceCustomers .viewProfileHeader .profileNavigation .plain-btn:hover {
background: #ffffff !important; }
.customers .viewProfileHeader .profileNavigation .nav-left,
.customers .viewProfileHeader .profileNavigation .nav-right,
.marketplaceCustomers .viewProfileHeader .profileNavigation .nav-left,
.marketplaceCustomers .viewProfileHeader .profileNavigation .nav-right {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px; }
.customers .viewProfileHeader .profileNavigation .plain-btn[disabled],
.marketplaceCustomers .viewProfileHeader .profileNavigation .plain-btn[disabled] {
cursor: not-allowed !important; }
.customers .profile-action,
.marketplaceCustomers .profile-action {
display: flex;
align-items: center;
margin-left: auto !important;
margin-right: 0 !important; }
@media (max-width: 1024px) {
.customers .profile-action,
.marketplaceCustomers .profile-action {
margin-left: 0 !important; } }
.customers .profile-action .action,
.marketplaceCustomers .profile-action .action {
color: #5acc5a; }
.customers .profile-action .action span,
.marketplaceCustomers .profile-action .action span {
padding-left: 3px; }
.customers .profile-action .action + .action,
.marketplaceCustomers .profile-action .action + .action {
padding-left: 10px; }
.customers .profile-action .delete-action-btn,
.marketplaceCustomers .profile-action .delete-action-btn {
height: 17px !important;
padding: 0 !important;
font-size: 14px !important;
border: none !important;
box-shadow: none !important;
background-color: transparent !important;
color: #e0241a !important; }
.customers .profile-action .delete-action-btn i,
.marketplaceCustomers .profile-action .delete-action-btn i {
color: #e0241a !important;
width: 13px;
height: 14px;
font-size: 13px !important;
margin-right: 4px !important; }
@media (max-width: 480px) {
.customers .profile-action,
.marketplaceCustomers .profile-action {
flex-wrap: wrap; }
.customers .profile-action .action,
.marketplaceCustomers .profile-action .action {
padding-left: 0;
width: 100%; }
.customers .profile-action .action + .action,
.marketplaceCustomers .profile-action .action + .action {
padding-left: 0; } }
.customers .viewCustomer .viewCustomer-info,
.marketplaceCustomers .viewCustomer .viewCustomer-info {
display: flex;
flex-wrap: wrap; }
.customers .viewCustomer .viewCustomer-info .left-panel,
.marketplaceCustomers .viewCustomer .viewCustomer-info .left-panel {
width: 50%;
padding-right: 10px; }
.customers .viewCustomer .viewCustomer-info .right-panel,
.marketplaceCustomers .viewCustomer .viewCustomer-info .right-panel {
width: 50%;
padding-left: 10px; }
@media (max-width: 768px) {
.customers .viewCustomer .viewCustomer-info .left-panel,
.marketplaceCustomers .viewCustomer .viewCustomer-info .left-panel {
width: 100%;
margin-bottom: 20px;
padding-right: 0; }
.customers .viewCustomer .viewCustomer-info .right-panel,
.marketplaceCustomers .viewCustomer .viewCustomer-info .right-panel {
width: 100%;
padding-left: 0; } }
.customers .viewCustomer .addAddress,
.marketplaceCustomers .viewCustomer .addAddress {
border-top: 1px solid #ddd;
margin-top: 20px;
padding-top: 20px;
display: flex;
justify-content: space-between; }
.customers .viewMembershipDetails,
.marketplaceCustomers .viewMembershipDetails {
width: 100%;
display: flex;
justify-content: space-between; }
@media (max-width: 1024px) {
.customers .viewMembershipDetails,
.marketplaceCustomers .viewMembershipDetails {
display: block !important; } }
.customers .viewMembershipDetails .membership-card-details,
.marketplaceCustomers .viewMembershipDetails .membership-card-details {
width: 70%;
display: flex; }
@media (max-width: 1024px) {
.customers .viewMembershipDetails .membership-card-details,
.marketplaceCustomers .viewMembershipDetails .membership-card-details {
width: 100% !important;
display: block !important;
min-width: unset !important; } }
.customers .viewMembershipDetails .membership-card-details.full-width,
.marketplaceCustomers .viewMembershipDetails .membership-card-details.full-width {
width: 100%; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main {
overflow-wrap: anywhere;
padding-left: 20px; }
@media (max-width: 1024px) {
.customers .viewMembershipDetails .membership-card-details .membership-detail-main,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main {
padding-left: 0 !important; } }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main.full-width,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main.full-width {
width: 100%; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .tier-tag-id-qr,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .tier-tag-id-qr {
display: flex;
margin-bottom: 20px;
align-items: center; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .tier-tag-id-qr .member-id,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .tier-tag-id-qr .member-id {
color: #0c2028;
display: inherit; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .tier-tag-id-qr .qr-code,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .tier-tag-id-qr .qr-code {
content: url("https://api.iconify.design/ion/qr-code-outline.svg?color=%23007ce0&width=15&height=15") !important;
margin-left: 4px;
cursor: pointer; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .total-purchase,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .total-purchase {
color: #647176 !important;
display: flex;
justify-content: space-between;
margin-bottom: 4px; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .purchase-progress,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .purchase-progress {
width: 100% !important;
margin-bottom: 8px; }
@media (min-width: 1440px) {
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .purchase-progress,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .purchase-progress {
width: 356px !important; } }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .purchase-progress .purchase-progress-text,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .purchase-progress .purchase-progress-text {
color: #0c2028;
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: -3px; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .purchase-progress .ant-progress-bg,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .purchase-progress .ant-progress-bg {
height: 10px !important; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .membership-detail-item,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .membership-detail-item {
color: #0c2028;
display: flex; }
.customers .viewMembershipDetails .membership-card-details .membership-detail-main .membership-detail-item i,
.marketplaceCustomers .viewMembershipDetails .membership-card-details .membership-detail-main .membership-detail-item i {
color: #90999d !important;
margin-right: 8px;
margin-top: 2px; }
.customers .viewMembershipDetails .my-points,
.marketplaceCustomers .viewMembershipDetails .my-points {
width: calc(30% - 32px); }
@media (max-width: 1024px) {
.customers .viewMembershipDetails .my-points,
.marketplaceCustomers .viewMembershipDetails .my-points {
width: 100% !important;
min-width: unset !important; } }
.customers .viewMembershipDetails .my-points .point-name,
.marketplaceCustomers .viewMembershipDetails .my-points .point-name {
display: flex;
align-items: center; }
.customers .viewMembershipDetails .my-points .point-name .point,
.marketplaceCustomers .viewMembershipDetails .my-points .point-name .point {
font-size: 22px;
font-weight: 600;
color: #0c2028;
margin-right: 4px; }
.customers .viewMembershipDetails .my-points .point-name .name,
.marketplaceCustomers .viewMembershipDetails .my-points .point-name .name {
font-size: 12px;
font-weight: 400;
color: #38484f !important; }
.customers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item,
.marketplaceCustomers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item {
padding-bottom: 8px !important; }
.customers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head-blue,
.marketplaceCustomers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head-blue {
color: #007ce0;
border-color: #007ce0;
background-color: #007ce0; }
.customers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue,
.marketplaceCustomers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue {
color: #d4d4d4;
border-color: #d4d4d4;
background-color: #d4d4d4; }
.customers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-title,
.marketplaceCustomers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-title {
font-size: 12px;
font-weight: 400;
color: #647176 !important;
height: fit-content !important;
margin-bottom: 0; }
.customers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-description,
.marketplaceCustomers .viewMembershipDetails .my-points .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-description {
font-size: 12px;
font-weight: 400;
color: #90999d !important;
height: fit-content !important; }
.customers .viewMembershipDetails .my-points .ant-timeline .plain-btn,
.marketplaceCustomers .viewMembershipDetails .my-points .ant-timeline .plain-btn {
margin: 0 0 0 26px; }
.customers .viewMembershipDetails.un-box-flat,
.marketplaceCustomers .viewMembershipDetails.un-box-flat {
display: initial; }
.customers .viewMembershipDetails.un-box-flat .point-name,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .point-name {
margin-right: -5px;
text-align: center;
align-self: center; }
.customers .viewMembershipDetails.un-box-flat .point-name .point,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .point-name .point {
font-size: 22px;
font-weight: bold;
line-height: 27px;
color: #0c2028;
margin-bottom: 4px; }
.customers .viewMembershipDetails.un-box-flat .point-name .name,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .point-name .name {
font-size: 12px;
font-weight: inherit;
line-height: 14px;
color: #38484f;
margin-bottom: 12px !important; }
.customers .viewMembershipDetails.un-box-flat .history,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .history {
display: flex;
justify-content: space-between;
padding-left: 0 !important; }
.customers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item {
padding-bottom: 8px !important; }
.customers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head-blue,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head-blue {
color: #007ce0;
border-color: #007ce0;
background-color: #007ce0; }
.customers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue {
color: #d4d4d4;
border-color: #d4d4d4;
background-color: #d4d4d4; }
.customers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-title,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-title {
font-size: 12px;
font-weight: 400;
color: #647176 !important;
height: fit-content !important;
margin-bottom: 0; }
.customers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-description,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .history .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-description {
font-size: 12px;
font-weight: 400;
color: #90999d !important;
height: fit-content !important; }
.customers .viewMembershipDetails.un-box-flat .history .ant-timeline .plain-btn,
.marketplaceCustomers .viewMembershipDetails.un-box-flat .history .ant-timeline .plain-btn {
margin: 0 0 0 26px; }
.customers .product-tabs,
.marketplaceCustomers .product-tabs {
width: 100% !important;
max-width: 1248px;
display: inline-flex;
background-color: #f5f6f8;
top: 49px;
z-index: 10;
margin-bottom: 20px; }
.customers .product-tabs .tabs,
.marketplaceCustomers .product-tabs .tabs {
width: 100%;
display: flex;
border-bottom: 1px solid #e5e5e5; }
.customers .product-tabs .tabs .tab-item,
.marketplaceCustomers .product-tabs .tabs .tab-item {
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;
max-width: unset;
cursor: pointer !important; }
.customers .product-tabs .tabs .tab-item.active,
.marketplaceCustomers .product-tabs .tabs .tab-item.active {
color: #5acc5a;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 49px !important;
padding: 16px 20px !important; }
.customers .product-tabs .tabs .tab-item:hover,
.marketplaceCustomers .product-tabs .tabs .tab-item:hover {
color: #5acc5a !important; }
.customers .product-tabs .tabs .viewProductHeader,
.marketplaceCustomers .product-tabs .tabs .viewProductHeader {
display: flex;
justify-content: flex-end;
margin-bottom: 0;
margin-left: auto;
align-items: center; }
.customers .viewTotals,
.marketplaceCustomers .viewTotals {
text-align: center; }
@media (max-width: 1024px) {
.customers .viewTotals,
.marketplaceCustomers .viewTotals {
min-width: unset !important; } }
@media (min-width: 1024px) {
.customers .viewTotals .border-right,
.marketplaceCustomers .viewTotals .border-right {
border-right: 1px solid #e5e5e5; } }
.customers .viewTotals .total-label,
.marketplaceCustomers .viewTotals .total-label {
font-size: 12px;
line-height: 14px;
color: #38484f;
margin-bottom: 4px; }
.customers .viewTotals .total-value,
.marketplaceCustomers .viewTotals .total-value {
font-size: 22px;
font-weight: bold;
line-height: 27px;
color: #0c2028; }
@media (min-width: 425px) {
.customers .viewTotals .total-value,
.marketplaceCustomers .viewTotals .total-value {
margin-bottom: 12px !important; } }
.customers .viewProfile .un-bottom-border,
.marketplaceCustomers .viewProfile .un-bottom-border {
padding-bottom: 32px;
margin-bottom: 32px; }
.customers .viewProfile .feather-copy,
.marketplaceCustomers .viewProfile .feather-copy {
cursor: pointer;
font-size: 14px !important;
color: #007ce0 !important; }
.customers .viewProfile .customer-attribute,
.marketplaceCustomers .viewProfile .customer-attribute {
margin-bottom: 8px; }
.customers .viewProfile .customer-attribute .caption-large,
.customers .viewProfile .customer-attribute .body.set,
.marketplaceCustomers .viewProfile .customer-attribute .caption-large,
.marketplaceCustomers .viewProfile .customer-attribute .body.set {
overflow-wrap: break-word !important; }
.customers .viewProfile .title,
.marketplaceCustomers .viewProfile .title {
margin-bottom: 20px !important; }
.customers .viewProfile .editProfile,
.marketplaceCustomers .viewProfile .editProfile {
text-align: right; }
.customers .viewProfile table,
.marketplaceCustomers .viewProfile table {
width: 100%; }
.customers .viewProfile table tr td:first-child,
.marketplaceCustomers .viewProfile table tr td:first-child {
width: 150px;
font-weight: 500; }
.customers .viewAddress,
.marketplaceCustomers .viewAddress {
display: flex;
justify-content: space-between;
padding-bottom: 20px; }
@media (max-width: 480px) {
.customers .viewAddress,
.marketplaceCustomers .viewAddress {
flex-wrap: wrap; }
.customers .viewAddress .address-frame,
.marketplaceCustomers .viewAddress .address-frame {
order: 2; }
.customers .viewAddress .actions,
.marketplaceCustomers .viewAddress .actions {
order: 1;
width: 100% !important;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px; }
.customers .viewAddress .actions button,
.marketplaceCustomers .viewAddress .actions button {
width: 150px !important;
order: 1; }
.customers .viewAddress .actions .btn-edit,
.marketplaceCustomers .viewAddress .actions .btn-edit {
order: 2;
margin-bottom: 0 !important; } }
.customers .viewAddress .address-frame,
.marketplaceCustomers .viewAddress .address-frame {
width: 100%;
padding-right: 10px; }
.customers .viewAddress .address-frame span,
.marketplaceCustomers .viewAddress .address-frame span {
font-weight: 500; }
.customers .viewAddress .actions,
.marketplaceCustomers .viewAddress .actions {
width: 140px;
min-width: 140px;
text-align: right; }
.customers .viewAddress .actions button,
.marketplaceCustomers .viewAddress .actions button {
width: 100%; }
.customers .viewAddress .actions .btn-edit,
.marketplaceCustomers .viewAddress .actions .btn-edit {
margin-bottom: 10px; }
.customers .viewAddress .actions .btn-edit i,
.marketplaceCustomers .viewAddress .actions .btn-edit i {
padding: 5px;
margin: 0px 5px; }
.customers .viewAddress .status-tag,
.marketplaceCustomers .viewAddress .status-tag {
position: absolute !important;
bottom: 0 !important;
margin-right: 0 !important;
right: 10% !important;
color: #35454c !important;
border-color: #bcefb9 !important;
background-color: #f3fff3 !important; }
.customers .viewAddress .default-btn,
.marketplaceCustomers .viewAddress .default-btn {
position: absolute !important;
bottom: 0 !important;
right: 10% !important; }
.customers .viewAddress .address-name,
.marketplaceCustomers .viewAddress .address-name {
display: flex; }
.customers .viewAddress .address-name span + span,
.marketplaceCustomers .viewAddress .address-name span + span {
padding-left: 5px; }
.customers .viewAddress .telephone,
.marketplaceCustomers .viewAddress .telephone {
padding-bottom: 10; }
.customers .viewOrdDetails,
.marketplaceCustomers .viewOrdDetails {
margin-bottom: 20px; }
.customers .viewOrdDetails .title,
.marketplaceCustomers .viewOrdDetails .title {
margin-bottom: 20px !important; }
.customers .viewOrdDetails .caption,
.marketplaceCustomers .viewOrdDetails .caption {
margin-bottom: 8px; }
.customers .viewOrdDetails .body-set,
.marketplaceCustomers .viewOrdDetails .body-set {
margin-bottom: 4px; }
.customers .viewOrdDetails .separator,
.marketplaceCustomers .viewOrdDetails .separator {
color: #f6f6f6;
margin-top: 20px;
margin-bottom: 20px; }
@media (max-width: 1024px) {
.customers .viewOrderHist,
.marketplaceCustomers .viewOrderHist {
min-width: unset !important; } }
.customers .viewOrderHist h3,
.marketplaceCustomers .viewOrderHist h3 {
display: flex;
justify-content: space-between;
align-items: center; }
.customers .viewOrderHist .unicart-marketplacelist,
.marketplaceCustomers .viewOrderHist .unicart-marketplacelist {
margin-top: 0 !important; }
.customers .viewOrderHist .title,
.marketplaceCustomers .viewOrderHist .title {
margin-bottom: 20px !important; }
.customers .viewOrderHist .body.set.bold,
.marketplaceCustomers .viewOrderHist .body.set.bold {
font-weight: bold; }
.customers .viewOrderHist .btn-store .order-stat-badge,
.marketplaceCustomers .viewOrderHist .btn-store .order-stat-badge {
margin-left: 5px !important; }
.customers .viewOrderHist .btn-store .order-stat-badge > sup,
.marketplaceCustomers .viewOrderHist .btn-store .order-stat-badge > sup {
background-color: #e5e5e5 !important;
color: #000 !important; }
.customers .viewOrderHist .btn-store.active .order-stat-badge > sup,
.marketplaceCustomers .viewOrderHist .btn-store.active .order-stat-badge > sup {
background-color: #5acc5a !important;
color: #e5e5e5 !important; }
.customers .viewOrderHist .table-orderhistory,
.marketplaceCustomers .viewOrderHist .table-orderhistory {
overflow: auto; }
.customers .viewOrderHist .table-orderhistory table,
.marketplaceCustomers .viewOrderHist .table-orderhistory table {
border: none !important; }
.customers .viewOrderHist .table-orderhistory table th.ant-table-cell,
.marketplaceCustomers .viewOrderHist .table-orderhistory table th.ant-table-cell {
height: 32px !important;
background-color: #fafafb !important;
color: #647176 !important;
padding: 0 10px !important; }
.customers .viewOrderHist .table-orderhistory table td.ant-table-cell,
.marketplaceCustomers .viewOrderHist .table-orderhistory table td.ant-table-cell {
vertical-align: top !important; }
.customers .viewOrderHist .purchased-history-table,
.marketplaceCustomers .viewOrderHist .purchased-history-table {
overflow-x: auto; }
.customers .viewOrderHist .purchased-history-table .ant-table-column-sorters,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-table-column-sorters {
padding: 0 !important; }
.customers .viewOrderHist .purchased-history-table .ant-table-tbody > tr > td,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-table-tbody > tr > td {
color: #0c2028;
padding: 10px 12px !important;
vertical-align: top !important; }
.customers .viewOrderHist .purchased-history-table .ant-table table,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.customers .viewOrderHist .purchased-history-table table thead,
.marketplaceCustomers .viewOrderHist .purchased-history-table table thead {
background-color: #fafafb !important; }
.customers .viewOrderHist .purchased-history-table .ant-table-thead th,
.marketplaceCustomers .viewOrderHist .purchased-history-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; }
.customers .viewOrderHist .purchased-history-table .ant-table-thead > tr > th,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.customers .viewOrderHist .purchased-history-table .ant-table-thead > tr > th:first-child,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-table-thead > tr > th:first-child {
width: 65%; }
.customers .viewOrderHist .purchased-history-table .ant-table-tbody > tr > td:first-child,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-table-tbody > tr > td:first-child {
width: 65%; }
.customers .viewOrderHist .purchased-history-table .ant-list-item,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-list-item {
padding: 0 !important; }
.customers .viewOrderHist .purchased-history-table .ant-list-item .ant-list-item-meta-avatar,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-list-item .ant-list-item-meta-avatar {
margin-right: 12px; }
.customers .viewOrderHist .purchased-history-table .un-light-label,
.marketplaceCustomers .viewOrderHist .purchased-history-table .un-light-label {
font-size: 14px !important; }
.customers .viewOrderHist .purchased-history-table .ant-pagination,
.marketplaceCustomers .viewOrderHist .purchased-history-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.customers .viewOrderHist .purchased-history-table .order-hist-desc,
.marketplaceCustomers .viewOrderHist .purchased-history-table .order-hist-desc {
font-size: 14px;
min-width: 72px; }
.customers .viewOrderHist .purchased-history-table .order-hist-btn,
.marketplaceCustomers .viewOrderHist .purchased-history-table .order-hist-btn {
margin-left: 20px; }
.customers .viewOrderHist .purchased-history-table .order-hist-btn i,
.marketplaceCustomers .viewOrderHist .purchased-history-table .order-hist-btn i {
cursor: pointer;
font-size: 13px !important;
color: #007ce0 !important; }
.customers .viewOrderHist .ant-pagination.with-quick-jumper,
.marketplaceCustomers .viewOrderHist .ant-pagination.with-quick-jumper {
margin-bottom: 0 !important; }
.customers .viewOrderHist .status-tag,
.marketplaceCustomers .viewOrderHist .status-tag {
white-space: nowrap; }
.customers .addMarketplaceCustomer .un-bottom-border,
.marketplaceCustomers .addMarketplaceCustomer .un-bottom-border {
margin-bottom: 32px; }
.customers .addMarketplaceCustomer .customer-item,
.marketplaceCustomers .addMarketplaceCustomer .customer-item {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px; }
.customers .addMarketplaceCustomer .customer-item .channel-with-name,
.marketplaceCustomers .addMarketplaceCustomer .customer-item .channel-with-name {
display: inline-flex; }
.customers .addMarketplaceCustomer .customer-item .channel-with-name.shopeemy,
.marketplaceCustomers .addMarketplaceCustomer .customer-item .channel-with-name.shopeemy {
padding-top: 3px !important;
padding-left: 0;
line-height: 20px !important; }
.customers .addMarketplaceCustomer .customer-item .channel-with-name.lazadamy,
.marketplaceCustomers .addMarketplaceCustomer .customer-item .channel-with-name.lazadamy {
padding-left: 0;
line-height: 20px !important;
margin-top: 2px; }
.customers .addMarketplaceCustomer .customer-item .channel-with-name img,
.marketplaceCustomers .addMarketplaceCustomer .customer-item .channel-with-name img {
width: 14px !important;
height: 14px !important;
border-radius: 3px;
margin-right: 4px; }
.customers .addMarketplaceCustomer .customer-item .feather-x,
.marketplaceCustomers .addMarketplaceCustomer .customer-item .feather-x {
font-size: 20px;
color: #647176;
cursor: pointer; }
.customers .unicart-table .un-light-label-dark,
.marketplaceCustomers .unicart-table .un-light-label-dark {
color: #0c2028 !important; }
.customers .unicart-table .un-table-text,
.marketplaceCustomers .unicart-table .un-table-text {
color: #0c2028 !important;
font-size: 14px !important; }
.customers .unicart-table .un-table-text-special,
.marketplaceCustomers .unicart-table .un-table-text-special {
color: #0c2028 !important;
font-size: 14px !important; }
.customers .unicart-table .un-table-text-special:hover,
.marketplaceCustomers .unicart-table .un-table-text-special:hover {
color: #5acc5a !important;
font-size: 14px !important; }
.customers .unicart-table .un-table-text-light,
.marketplaceCustomers .unicart-table .un-table-text-light {
color: #647176 !important;
font-size: 14px !important; }
.customers .ant-table-container table > thead > tr:first-child th:last-child,
.marketplaceCustomers .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.customers .ant-table-container table > thead > tr:first-child th:first-child,
.marketplaceCustomers .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.customers .ant-table table,
.marketplaceCustomers .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.customers .ant-table,
.marketplaceCustomers .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; }
.customers .ant-table-tbody > tr > td,
.marketplaceCustomers .ant-table-tbody > tr > td {
padding: 24px 16px !important; }
.customers .ant-list-item,
.marketplaceCustomers .ant-list-item {
padding: 0px !important; }
.customers .ant-list-item .ant-list-item-meta-title,
.marketplaceCustomers .ant-list-item .ant-list-item-meta-title {
padding-left: 0px; }
.customers .ant-list-item .ant-list-item-meta-description,
.marketplaceCustomers .ant-list-item .ant-list-item-meta-description {
color: #647176;
font-size: 12px;
line-height: 18px;
padding-left: 0px; }
.customers .ant-list-item .ant-list-item-meta-description .whatsapp-icon-size,
.marketplaceCustomers .ant-list-item .ant-list-item-meta-description .whatsapp-icon-size {
vertical-align: sub; }
.customers .whatsapp-icon-size,
.marketplaceCustomers .whatsapp-icon-size {
width: 14px;
height: 14px; }
.customers .hvrbox img,
.marketplaceCustomers .hvrbox img {
object-fit: cover !important; }
.addressModelEdit .trash-btn,
.addressModelAdd .trash-btn {
color: #e0241a !important;
font-size: 14px !important; }
.addressModelEdit .trash-btn i.feather-trash-2,
.addressModelAdd .trash-btn i.feather-trash-2 {
color: #e0241a !important;
font-size: 13px !important;
margin-right: 4px !important; }
.addressModelEdit .trash-btn:hover,
.addressModelAdd .trash-btn:hover {
color: #99140a !important;
font-size: 14px !important; }
.addressModelEdit .trash-btn:hover i.feather-trash-2,
.addressModelAdd .trash-btn:hover i.feather-trash-2 {
color: #99140a !important;
font-size: 13px !important;
margin-right: 4px !important; }
.profileModel {
width: 800px !important;
height: 477px !important; }
.profileModel .trash-btn {
color: #e0241a !important; }
.profileModel .ant-modal-header {
height: 44px;
padding: 12px 24px; }
.editCustomerProfile .customerProfilePhoto {
margin-bottom: 12px !important; }
.editCustomerProfile .customerProfilePhoto .ant-upload-select-picture-card {
background-color: transparent;
border: none; }
.editCustomerProfile .customerProfilePhoto .un-profile-avatar {
width: 130px;
margin: auto;
border-radius: 50%;
overflow: hidden; }
.editCustomerProfile #customerGender {
display: flex;
text-align: center; }
.editCustomerProfile #customerGender > label {
width: 100%; }
.editCustomerProfile .hvrbox img {
object-fit: cover !important; }
.editCustomerAddress .row {
align-items: baseline !important; }
.customerGroups .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; }
.customerGroups .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.customerGroups .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.customerGroups .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.customerGroups .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; }
.customerGroups .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.customerGroups .header-buttons .b-btn,
.customerGroups .header-buttons .b-btn:hover,
.customerGroups .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; }
.customerGroups .header-buttons .b-btn i,
.customerGroups .header-buttons .b-btn:hover i,
.customerGroups .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.customerGroups .default-tag {
color: #323f47;
font-weight: normal !important;
background: #d0f4ff;
border-color: #8ed7ff;
border-radius: 4px;
height: fit-content !important; }
@media (min-width: 1024px) {
.newCustomerGroup {
width: 644px !important;
margin: 0 auto !important; } }
.customerSegments .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; }
.customerSegments .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.customerSegments .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.customerSegments .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.customerSegments .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; }
.customerSegments .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.customerSegments .header-buttons .b-btn,
.customerSegments .header-buttons .b-btn:hover,
.customerSegments .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; }
.customerSegments .header-buttons .b-btn i,
.customerSegments .header-buttons .b-btn:hover i,
.customerSegments .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.customerSegments .default-tag {
color: #323f47;
font-weight: normal !important;
background: #d0f4ff;
border-color: #8ed7ff;
border-radius: 4px;
height: fit-content !important; }
@media (min-width: 1024px) {
.newCustomerSegment {
width: 644px !important;
margin: 0 auto !important; } }
.newCustomerSegment .unicart-table .total-percentage {
border: 1px solid #e5e5e5;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
border-bottom: none;
background-color: #f6f6f6;
padding: 20px 16px; }
.newCustomerSegment .unicart-table .total-percentage .border-right {
border-color: #e5e5e5 !important; }
.newCustomerSegment .ant-table table {
border-top-right-radius: 0px;
border-top-left-radius: 0px; }
.newCustomerSegment .ant-table-tbody > tr > td {
padding: 24px 16px !important; }
.newCustomerSegment .ant-list-item {
padding: 0px !important; }
.newCustomerSegment .ant-list-item .ant-list-item-meta-title {
height: 30px !important;
padding-left: 0px; }
.newCustomerSegment .ant-list-item .ant-list-item-meta-description {
color: #647176;
font-size: 12px;
line-height: 18px;
padding-left: 0px; }
.newCustomerSegment .ant-list-item .ant-list-item-meta-description .whatsapp-icon-size {
vertical-align: sub; }
.newCustomerSegment .whatsapp-icon-size {
width: 14px;
height: 14px; }
.customer-segment-form .filter .row div:first-child {
word-wrap: break-word;
word-break: break-word; }
.customer-segment-form .filter .ant-form-item {
margin-bottom: 0 !important; }
.customer-segment-form .filter .un-filter-value {
width: 100%; }
.customer-segment-form .filter .filter-flex {
display: inline-flex;
align-items: flex-end; }
.customer-segment-form .filter .ant-divider {
margin: 8px 0 !important; }
.customer-segment-form .filter .ant-space {
padding: 0 8px 4px;
width: 100%;
justify-content: space-between; }
.customer-segment-form .filter .ant-space .ant-space-item {
height: 18px; }
.customer-segment-form .filter .ant-space .dd-nav {
font-size: 18px;
height: 18px; }
.customer-segment-form .filter .ant-space .dd-nav:hover {
color: #007ce0; }
.customer-segment-form .filter .ant-space .dd-nav-disabled {
color: transparent; }
.customer-segment-form .filter .ant-space .dd-nav-disabled:hover {
color: transparent; }
.customer-segment-form .filter .reset-apply {
text-align: right; }
.customer-segment-form .filter .reset-apply .primary-btn {
margin-left: 16px; }
.customer-segment-form .ant-pagination.with-quick-jumper {
margin-bottom: 0 !important; }
.customer-profile-form .customer-detail .row,
.customer-profile-form .contact-information .row,
.customer-profile-form .editCustomerProfile .row {
align-items: baseline !important; }
.customer-profile-form .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.customer-profile-form .un-section-title {
border-bottom: 1px solid #d4d4d4;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.customer-profile-form .un-section-title {
margin-bottom: 12px !important; } }
.customer-profile-form .ant-legacy-form-vertical .ant-legacy-form-item-label {
padding: 0 !important;
color: #38484f !important; }
.customer-profile-form .ant-upload.ant-upload-select-picture-card {
width: 115px !important;
height: 115px !important; }
.customer-profile-form .ant-legacy-form-vertical .ant-legacy-form-item {
padding-bottom: 0px !important; }
.customer-profile-form .ant-input,
.customer-profile-form .ant-select {
color: #0c2028 !important; }
.customer-profile-form .address-fields {
align-items: unset !important; }
.customer-profile-form .address-fields .ant-legacy-form-item {
margin-bottom: 12px !important; }
.customer-profile-form .customerProfilePhoto .ant-upload-select-picture-card {
background-color: transparent;
border: none; }
.customer-profile-form .customerProfilePhoto .un-profile-avatar {
width: 130px;
margin: 0;
border-radius: 50%;
overflow: hidden; }
.customer-profile-form .un-gender-radio-option {
width: 50%;
text-align: center; }
.ant-select-dropdown.country-code {
width: 378px !important; }
@media (max-width: 480px) {
.ant-select-dropdown.country-code {
width: 262px !important; } }
.ant-select-dropdown.country-code-modal {
width: 262px !important; }
@media (max-width: 1024px) and (min-width: 480px) {
.ant-select-dropdown.country-code-modal {
width: 378px !important; } }
.country-code::-webkit-outer-spin-button,
.country-code::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
input.country-code[type='number'] {
-webkit-appearance: none;
-moz-appearance: textfield; }
.reward-points-manual-set-modal .radio-full .ant-radio-wrapper {
width: 100%; }
.reward-points-manual-set-modal .radio-full .ant-radio-wrapper + .ant-radio-wrapper {
margin-top: 10px; }
.reward-points-manual-set-modal .ant-radio-group .radio-button {
width: 100%;
margin-bottom: 15px !important;
display: block; }
.reward-points-manual-set-modal .ant-radio-group .radio-button .ant-radio {
vertical-align: top; }
.reward-points-manual-set-modal .ant-radio-group .radio-button .single-input-div {
display: inline-block;
width: 95%; }
.reward-points-manual-set-modal .ant-radio-group .radio-button .single-input-div .single-input {
margin-top: 10px; }
.reward-points-history-modal {
width: 750px !important; }
.reward-points-history-modal .reward-points-history-table .ant-pagination .ant-pagination-total-text {
left: 2% !important; }
.customer-view-cart .un-bottom-border {
margin-bottom: 32px; }
.customer-view-cart .cart-table-header .ant-table-selection-column {
vertical-align: top; }
.customer-view-cart .cart-table-header .ant-table .ant-table-selection-col {
width: 46px; }
.customer-view-cart .cart-table-header table tbody .hide-data {
display: none; }
.customer-view-cart .un-product-img {
height: 56px;
width: 56px;
vertical-align: middle;
align-items: center; }
.customer-view-cart .un-product-img img {
object-fit: contain;
height: 56px;
width: 56px;
border: 1px solid #e5e5e5;
border-radius: 4px !important; }
.customer-view-cart .ant-list-item-meta-avatar {
margin-right: 12px !important;
width: 56px;
text-align: right; }
.customer-view-cart .deal-tag {
font-family: 'Roboto', sans-serif !important;
width: fit-content;
height: 21px;
line-height: 19px;
font-size: 14px;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
padding: 0 6px;
align-self: center;
margin-right: 8px; }
.customer-view-cart .cart-table .unit-price .caption {
color: #90999d !important;
margin-top: 2px;
margin-right: 19px; }
.customer-view-cart .un-strike {
text-decoration: line-through; }
.customer-view-cart .product-cart-content {
max-height: 630px;
overflow-y: auto;
color: #666666; }
.customer-view-cart .product-cart-content .cart-section-title {
margin-bottom: 5px; }
.customer-view-cart .product-cart-content .product-cart {
height: fit-content;
position: relative;
padding-left: 86px;
padding-bottom: 15px;
margin-bottom: 12px; }
.customer-view-cart .product-cart-content .product-cart:not(:last-child) {
border-bottom: 1px solid #e5e5e5; }
.customer-view-cart .product-cart-content .product-cart .product-image {
position: absolute;
left: 0;
top: 0;
height: 74px;
width: 74px;
vertical-align: middle;
align-items: center; }
.customer-view-cart .product-cart-content .product-cart .product-image img {
object-fit: contain;
height: 74px;
width: 74px;
border: 1px solid #e5e5e5;
border-radius: 4px !important; }
.customer-view-cart .product-cart-content .product-cart .product-image .add-on-image {
height: 80px !important;
width: 80px !important;
float: right !important; }
.customer-view-cart .product-cart-content .product-cart .product-content {
min-height: 80px; }
.customer-view-cart .product-cart-content .product-cart .product-content h3 {
font-size: 14px;
line-height: 18px !important;
text-transform: initial;
margin-bottom: 5px; }
.customer-view-cart .product-cart-content .product-cart .product-content h3 a {
color: #0c2028;
margin-bottom: 5px;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
height: unset;
font-size: 14px;
font-weight: bold;
line-height: 18px;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
@media (max-width: 1023px) {
.customer-view-cart .product-cart-content .product-cart .product-content h3 a {
font-size: 14px !important;
line-height: 20px !important;
letter-spacing: 0.25px !important;
font-weight: 400 !important; } }
.customer-view-cart .product-cart-content .product-cart .product-content h3 a .deal-tag {
font-family: 'Roboto', sans-serif !important;
width: fit-content;
height: 18px;
line-height: 16px;
font-size: 12px;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
padding: 1px 6px;
align-self: center;
margin-right: 4px; }
.customer-view-cart .product-cart-content .product-cart .product-content h3 div {
font-size: 12px;
font-weight: normal;
margin-bottom: 0;
word-wrap: break-word;
word-break: break-word;
line-height: 18px;
-webkit-line-clamp: 1 !important; }
.customer-view-cart .product-cart-content .product-cart .product-content span {
font-size: 12px;
margin-bottom: 0; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-property .property-attachment a {
font-size: 12px;
font-weight: unset;
color: #007ce0; }
@media (max-width: 1023px) {
.customer-view-cart .product-cart-content .product-cart .product-content .product-price {
text-align: left !important; } }
.customer-view-cart .product-cart-content .product-cart .product-content .product-price span {
display: inline-block;
margin-bottom: 8px;
font-size: 12px;
color: #666666; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-price span.price {
font-size: 14px;
color: #0c2028; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-price span.original-price {
text-decoration: line-through;
opacity: 0.6; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-price span:nth-child(2) {
margin-left: 2px;
margin-right: 2px; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity {
display: inline-flex; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .dimension-input {
width: 133px; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .dimension-input input {
padding-right: 0px; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .ant-input,
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .ant-input:hover {
border-color: #d9d9d9;
border-radius: 0 !important;
text-align: center !important;
border-left: none;
border-right: none; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .ant-input-group .ant-input {
height: 43px;
float: left;
width: 100%;
margin-bottom: 0; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .ant-input-group-addon:first-child {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
padding: 4px; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .ant-input-group-addon:last-child {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
padding: 4px; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .ant-input-group-addon {
background-color: #ffffff;
outline: none !important;
cursor: pointer; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .ant-input-group-addon span {
outline: none !important; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .feather-minus {
font-size: 20px;
background-color: #f6f6f6;
border-radius: 2px;
padding: 7px;
color: #0c2028; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .feather-plus {
font-size: 20px;
background-color: #e5e5e5;
border-radius: 2px;
padding: 7px;
color: #0c2028; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .feather-trash-2 {
cursor: pointer;
position: absolute !important;
right: 0 !important;
bottom: 22px !important;
color: #90999d;
font-size: 24px !important; }
.customer-view-cart .product-cart-content .product-cart .product-content .product-quantity .feather-trash-2:hover {
color: #e0241a; }
.customer-view-cart .product-cart-content .add-on-deal-title {
display: flex;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #e5e5e5; }
.customer-view-cart .product-cart-content .add-on-deal-title span {
font-family: 'Roboto', sans-serif !important;
width: fit-content;
height: 18px;
line-height: 16px;
font-size: 12px;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
padding: 1px 6px;
align-self: center;
margin-right: 4px; }
.customer-view-cart .product-cart-content .add-on-deal-title .add-on-deal-name {
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
height: unset;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
font-weight: bold; }
.customer-view-cart .product-cart-content .add-on-deal-title i {
cursor: pointer;
color: #90999d;
font-size: 24px !important; }
.customer-view-cart .product-cart-content .add-on-deal-title .icon-1 {
right: 60px !important;
margin-left: auto; }
.customer-view-cart .product-cart-content .add-on-deal-title .icon-1:hover {
color: #1e90ff; }
.customer-view-cart .product-cart-content .add-on-deal-title .icon-2 {
right: 24px !important; }
.customer-view-cart .product-cart-content .add-on-deal-title .icon-2:hover {
color: #e0241a; }
.customer-view-cart .opacity-30 {
opacity: 30%; }
.customer-view-cart .cart-tag-absolute {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #90999d 0% 0% no-repeat padding-box; }
.customer-view-recently-viewed .un-box-flat {
background: none !important;
border: none !important;
padding: 0 !important; }
.customer-view-recently-viewed .product-list-item {
height: fit-content;
position: relative;
margin-bottom: 12px; }
.customer-view-recently-viewed .product-list-item .product-image {
height: 56px;
width: 56px;
vertical-align: middle;
align-items: center; }
.customer-view-recently-viewed .product-list-item .product-image img {
object-fit: contain;
height: 100%;
width: 100%;
border: 1px solid #e5e5e5;
border-radius: 4px !important; }
.customer-view-recently-viewed .product-list-item .product-content {
min-height: 80px; }
.customer-view-recently-viewed .product-list-item .product-content h3 {
font-size: 14px;
line-height: 18px !important;
text-transform: initial;
margin-bottom: 5px; }
.customer-view-recently-viewed .product-list-item .product-content h3 a {
color: #0c2028;
margin-bottom: 5px;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
height: unset;
font-size: 14px;
font-weight: bold;
line-height: 18px;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
@media (max-width: 1023px) {
.customer-view-recently-viewed .product-list-item .product-content h3 a {
font-size: 14px !important;
line-height: 20px !important;
letter-spacing: 0.25px !important;
font-weight: 400 !important; } }
.customer-view-recently-viewed .product-list-item .product-content h3 a .deal-tag {
font-family: 'Roboto', sans-serif !important;
width: fit-content;
height: 18px;
line-height: 16px;
font-size: 12px;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
padding: 1px 6px;
align-self: center;
margin-right: 4px; }
.customer-view-recently-viewed .product-list-item .product-content h3 div {
font-size: 12px;
font-weight: normal;
margin-bottom: 0;
word-wrap: break-word;
word-break: break-word;
line-height: 18px;
-webkit-line-clamp: 1 !important; }
.customer-view-recently-viewed .product-list-item .product-content span {
font-size: 12px;
margin-bottom: 0;
color: #666666; }
.customer-view-recently-viewed .product-list-item .product-content .product-property .property-attachment a {
font-size: 12px;
font-weight: unset; }
@media (max-width: 1023px) {
.customer-view-recently-viewed .product-list-item .product-content .product-price {
text-align: left !important; } }
.customer-view-recently-viewed .product-list-item .product-content .product-price span {
display: inline-block;
margin-bottom: 8px;
font-size: 12px;
color: #666666; }
.customer-view-recently-viewed .product-list-item .product-content .product-price span.price {
font-size: 16px;
font-weight: bold;
color: #0c2028; }
.customer-view-recently-viewed .product-list-item .product-content .product-price span.original-price {
text-decoration: line-through;
opacity: 0.6; }
.customer-view-recently-viewed .product-list-item .product-content .product-price span:nth-child(2) {
margin-left: 2px;
margin-right: 2px; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity {
display: inline-flex; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .dimension-input {
width: 133px; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .dimension-input input {
padding-right: 0px; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .ant-input,
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .ant-input:hover {
border-color: #d9d9d9;
border-radius: 0 !important;
text-align: center !important;
border-left: none;
border-right: none; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .ant-input-group .ant-input {
height: 43px;
float: left;
width: 100%;
margin-bottom: 0; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .ant-input-group-addon:first-child {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
padding: 4px; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .ant-input-group-addon:last-child {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
padding: 4px; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .ant-input-group-addon {
background-color: #ffffff;
outline: none !important;
cursor: pointer; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .ant-input-group-addon span {
outline: none !important; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .feather-minus {
font-size: 20px;
background-color: #f6f6f6;
border-radius: 2px;
padding: 7px;
color: #0c2028; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .feather-plus {
font-size: 20px;
background-color: #e5e5e5;
border-radius: 2px;
padding: 7px;
color: #0c2028; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .feather-trash-2 {
cursor: pointer;
position: absolute !important;
right: 0 !important;
bottom: 22px !important;
color: #90999d;
font-size: 24px !important; }
.customer-view-recently-viewed .product-list-item .product-content .product-quantity .feather-trash-2:hover {
color: #e0241a; }
.points-membership .un-section-title,
.wallet .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.points-membership .un-section-title,
.wallet .un-section-title {
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.points-membership .un-section-title,
.wallet .un-section-title {
margin-bottom: 12px !important; } }
.points-membership .price-field,
.wallet .price-field {
margin-bottom: 0 !important; }
.points-membership .price-field .ant-input-group-addon,
.wallet .price-field .ant-input-group-addon {
width: 60px !important; }
.points-membership .price-field .ant-input-number,
.wallet .price-field .ant-input-number {
width: 100px !important; }
.points-membership .ant-radio-checked .ant-radio-inner,
.wallet .ant-radio-checked .ant-radio-inner {
border-color: #5acc5a !important; }
.points-membership .ant-radio-inner::after,
.wallet .ant-radio-inner::after {
background-color: #5acc5a !important; }
.points-membership .anticon-info-circle,
.wallet .anticon-info-circle {
color: #90999d;
font-size: 14px; }
.points-membership .points-preview,
.wallet .points-preview {
text-align: center !important;
padding: 20px;
background-color: #f5f6f8 !important;
border-radius: 12px !important; }
.points-membership .points-preview > .row,
.wallet .points-preview > .row {
align-items: baseline; }
.points-membership .points-preview .checkout-preview,
.wallet .points-preview .checkout-preview {
margin: 0 auto 20px !important;
height: fit-content !important;
width: 280px !important;
border-radius: 8px !important;
background-color: #ffffff !important;
border: 1px solid #e5e5e5 !important; }
.points-membership .points-preview .checkout-preview .top-section,
.wallet .points-preview .checkout-preview .top-section {
display: flex;
padding: 15px;
border-bottom: 1px solid #e5e5e5 !important; }
.points-membership .points-preview .checkout-preview .top-section .product-img,
.wallet .points-preview .checkout-preview .top-section .product-img {
position: relative;
margin-right: 15px;
border-radius: 6px !important;
width: 60px !important;
height: 60px !important;
background-color: #f6f6f6 !important; }
.points-membership .points-preview .checkout-preview .top-section .product-img .feather-tag,
.wallet .points-preview .checkout-preview .top-section .product-img .feather-tag {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 30px !important;
color: #d4d4d4; }
.points-membership .points-preview .checkout-preview .top-section .product-detail .product-name,
.wallet .points-preview .checkout-preview .top-section .product-detail .product-name {
background-color: #f6f6f6 !important;
width: 100px !important;
height: 13px !important;
border-radius: 3px !important;
margin-bottom: 12px; }
.points-membership .points-preview .checkout-preview .top-section .product-detail .product-desc,
.wallet .points-preview .checkout-preview .top-section .product-detail .product-desc {
background-color: #f6f6f6 !important;
width: 70px !important;
height: 13px !important;
border-radius: 3px !important; }
.points-membership .points-preview .checkout-preview .top-section .product-price,
.wallet .points-preview .checkout-preview .top-section .product-price {
width: fit-content;
margin: 10px 0 0 auto; }
.points-membership .points-preview .checkout-preview .bottom-section,
.wallet .points-preview .checkout-preview .bottom-section {
display: flex;
padding: 12px 15px 15px; }
.points-membership .points-preview .checkout-preview .bottom-section .point-price,
.wallet .points-preview .checkout-preview .bottom-section .point-price {
display: flex;
padding: 8px 12px;
background-color: #f6f6f6 !important;
width: -webkit-fill-available;
border-radius: 6px !important;
margin-right: 12px;
justify-content: space-between; }
.points-membership .points-preview .checkout-preview .bottom-section .point-price .product-point,
.wallet .points-preview .checkout-preview .bottom-section .point-price .product-point {
color: #007ce0 !important;
width: fit-content; }
.points-membership .points-preview .checkout-preview .bottom-section .point-price .product-price,
.wallet .points-preview .checkout-preview .bottom-section .point-price .product-price {
width: fit-content; }
.points-membership .points-preview .checkout-preview .bottom-section .apply-point,
.wallet .points-preview .checkout-preview .bottom-section .apply-point {
width: fit-content;
padding: 8px 12px;
background-color: #f6f6f6 !important;
border-radius: 6px !important; }
.points-membership .points-preview .my-account-preview,
.wallet .points-preview .my-account-preview {
margin: 0 auto 20px !important;
height: fit-content !important;
width: 280px !important;
border-radius: 8px !important;
padding: 12px 15px 15px;
background-color: #ffffff !important;
border: 1px solid #e5e5e5 !important; }
.points-membership .points-preview .my-account-preview .log-out,
.wallet .points-preview .my-account-preview .log-out {
width: fit-content;
margin: 0 0 12px auto !important;
text-decoration: underline !important; }
.points-membership .points-preview .my-account-preview .available-point,
.wallet .points-preview .my-account-preview .available-point {
color: #007ce0 !important;
text-align: left !important; }
.points-membership .points-preview .my-account-preview .my-acc-title,
.wallet .points-preview .my-account-preview .my-acc-title {
background-color: #f6f6f6 !important;
width: 100px !important;
height: 20px !important;
border-radius: 3px !important;
margin-bottom: 12px; }
.points-membership .points-preview .my-account-preview .my-acc-desc,
.wallet .points-preview .my-account-preview .my-acc-desc {
background-color: #f6f6f6 !important;
width: -webkit-fill-available;
height: 60px !important;
border-radius: 3px !important; }
.points-membership .un-box-flat.empty-membership-tier,
.wallet .un-box-flat.empty-membership-tier {
text-align: center !important;
border: 2px dashed #e5e5e5 !important;
background-color: transparent !important;
padding: 32px !important; }
.points-membership .un-box-flat.empty-membership-tier .primary-i-btn,
.wallet .un-box-flat.empty-membership-tier .primary-i-btn {
margin: 0 auto !important; }
.points-membership .tier-table,
.wallet .tier-table {
overflow-x: auto; }
.points-membership .tier-table .ant-table-tbody > tr > td,
.wallet .tier-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.points-membership .tier-table .ant-table table,
.wallet .tier-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.points-membership .tier-table table thead,
.wallet .tier-table table thead {
background-color: #fafafb !important; }
.points-membership .tier-table .ant-table-thead th,
.wallet .tier-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; }
.points-membership .tier-table .ant-table-thead > tr > th,
.wallet .tier-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.points-membership .tier-table .un-text-truncate,
.wallet .tier-table .un-text-truncate {
font-weight: bold !important; }
.points-membership .tier-table .un-light-label,
.wallet .tier-table .un-light-label {
font-size: 14px !important; }
.points-membership .tier-table .ant-table-container table > thead > tr:first-child th:first-child,
.wallet .tier-table .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 2px; }
.points-membership .tier-table .ant-table-container table > thead > tr:first-child th:last-child,
.wallet .tier-table .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 2px; }
.points-membership .tier-table .feather-edit-3,
.wallet .tier-table .feather-edit-3 {
font-size: 20px !important; }
.points-membership .blue-capsule-btn.no-border,
.wallet .blue-capsule-btn.no-border {
border: none !important; }
.points-membership .remark,
.wallet .remark {
font-size: 12px !important; }
.points-membership .expand,
.wallet .expand {
display: flex;
align-items: center;
cursor: pointer;
font-size: 12px !important;
color: #007ce0 !important; }
.points-membership .expand i,
.wallet .expand i {
margin-right: 4px;
margin-bottom: 1px; }
.add-membership-tier .tier-tag {
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
min-width: 20px;
border-radius: 14px;
opacity: 1;
border: none; }
.add-membership-tier .rules-status {
display: flex;
flex-wrap: wrap;
align-items: center; }
.add-membership-tier .rules-text-input {
margin: 0px 5px !important;
max-width: 100px; }
.add-membership-tier .rules-price-input {
margin: 0px 5px !important;
max-width: 160px; }
.add-membership-tier .rules-price-input .ant-form-item {
margin: 0px !important; }
.add-membership-tier .rules-membership-tier-option {
margin: 0px 5px !important;
min-width: 150px;
max-width: 150px; }
.add-membership-tier .rules-period > span {
display: inline-flex;
align-items: center; }
.add-membership-tier .rules {
margin-bottom: 10px;
display: flex;
align-items: center; }
.add-membership-tier .rules > span {
display: flex;
flex-wrap: wrap;
align-items: center; }
.add-membership-tier .blue-capsule-btn {
width: 200px !important; }
.add-membership-tier .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.add-membership-tier .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.add-membership-tier .header-buttons .b-btn,
.add-membership-tier .header-buttons .b-btn:hover,
.add-membership-tier .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; }
.add-membership-tier .header-buttons .b-btn i,
.add-membership-tier .header-buttons .b-btn:hover i,
.add-membership-tier .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.add-membership-tier .delete-tier-btn {
margin: 0 4px 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: #e0241a !important; }
.add-membership-tier .delete-tier-btn i {
font-size: 14px !important;
color: #e0241a !important;
margin-right: 4px !important; }
.add-membership-tier .un-section-title {
display: block;
margin-bottom: 20px !important; }
@media (min-width: 768px) {
.add-membership-tier .un-section-title {
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.add-membership-tier .un-section-title {
margin-bottom: 12px !important; } }
@media (max-width: 425px) {
.add-membership-tier .ant-form-vertical .ant-form-item {
flex-direction: unset !important; } }
.add-membership-tier .price-field {
margin-bottom: 0 !important; }
.add-membership-tier .price-field .ant-input-group-addon {
width: 60px !important; }
.add-membership-tier .price-field .ant-input-number {
width: 100px !important; }
.add-membership-tier .ant-radio-checked .ant-radio-inner {
border-color: #5acc5a !important; }
.add-membership-tier .ant-radio-inner::after {
background-color: #5acc5a !important; }
.add-membership-tier .anticon-info-circle {
color: #90999d;
font-size: 14px; }
.add-membership-tier .membership-period {
margin-bottom: 12px !important; }
.add-membership-tier .custom-membership-period,
.add-membership-tier .single-order-spends {
margin-left: 25px !important; }
.add-membership-tier .plain-btn {
text-transform: unset !important; }
.add-membership-tier .bg-img-upload .ant-upload-list-picture-card .ant-upload-list-item,
.add-membership-tier .bg-img-upload .ant-upload-list-picture-card-container {
width: 300px !important;
height: 154px !important;
border-radius: 4px !important;
margin-top: 16px; }
.add-membership-tier .bg-img-upload .ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.add-membership-tier .bg-img-upload .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
width: 300px !important;
height: 154px !important; }
.add-membership-tier .bg-img-upload .ant-upload-picture-card-wrapper {
display: inline-block;
width: 300px !important;
height: 154px !important; }
.add-membership-tier .bg-img-upload .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 300px !important;
height: 154px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.add-membership-tier .bg-img-upload .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.add-membership-tier .bg-img-upload .upload-placeholder {
padding-top: 19% !important;
width: 300px !important; }
.add-membership-tier .bg-img-upload .hvrbox {
width: 300px !important;
height: 154px !important; }
.add-membership-tier .bg-img-upload .hvrbox img {
object-fit: contain; }
.add-membership-tier .logo-upload .ant-upload-list-picture-card .ant-upload-list-item,
.add-membership-tier .logo-upload .ant-upload-list-picture-card-container {
width: 105px !important;
border-radius: 4px !important;
margin-top: 16px; }
.add-membership-tier .logo-upload .ant-upload-picture-card-wrapper {
display: inline-block;
width: 105px !important; }
.add-membership-tier .logo-upload .ant-upload.ant-upload-select-picture-card {
margin: 0 !important;
width: 105px !important;
height: 105px !important;
border: 1px dashed #007ce0 !important;
border-radius: 4px !important; }
.add-membership-tier .logo-upload .ant-upload.ant-upload-select-picture-card > .ant-upload {
padding: 0 !important; }
.add-membership-tier .logo-upload .upload-placeholder {
padding-top: 32% !important;
width: 105px !important; }
.add-membership-tier .logo-upload .hvrbox {
width: 105px !important;
height: 105px !important; }
.add-membership-tier .logo-upload .hvrbox img {
object-fit: contain; }
.add-membership-tier .color-pane {
display: inline-flex;
width: 176px;
height: 29px !important;
border: 1px solid #d4d4d4;
border-radius: 4px;
padding: 0; }
.add-membership-tier .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; }
.add-membership-tier .color-pane .color-code {
width: -webkit-fill-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; }
.add-membership-tier .color-pane .color-code input {
height: 25px !important;
border: none !important;
width: 100px !important;
color: #0c2028 !important; }
.add-membership-tier .color-pane .color-remove {
cursor: pointer;
padding-right: 8px;
line-height: 27px !important;
font-size: 16px;
color: #90999d; }
.points-membership .feather-trash-2,
.points-membership .feather-edit-3 {
font-size: 20px !important; }
.points-membership .feather-chevron-up,
.points-membership .feather-chevron-down {
font-size: 23px !important; }
.points-membership .ant-collapse-content > .ant-collapse-content-box {
padding-left: 0px;
padding-right: 0px; }
.points-membership .membership-tier-group-section .tier-group-table {
row-gap: 5px;
display: grid; }
.points-membership .membership-tier-group-section .tier-group-table .tier-group-name-col {
align-items: center; }
.points-membership .membership-tier-group-section .tier-group-table .tier-group-actions-col {
display: flex;
justify-content: right;
column-gap: 5px;
align-items: center; }
.points-membership .membership-tier-group-section .tier-group-table .tier-group-actions-col .blue-capsule-btn {
align-self: center; }
.points-membership .membership-tier-group-section .membership-tier-collapse .ant-collapse > .ant-collapse-item > .ant-collapse-header {
padding: 0 !important; }
.points-membership .membership-tier-group-section .membership-tier-collapse .ant-collapse > .ant-collapse-item {
border-bottom: 0px solid black !important; }
.points-membership .store-list-checkbox-group {
border-radius: 4px !important;
border: 1px solid #d9d9d9;
padding: 20px; }
.points-membership .store-list-checkbox-group .ant-checkbox + span {
color: #0c2028 !important;
padding-right: 41px !important;
padding-left: 12px !important; }
.points-membership .tiers-table .ant-table-tbody .ant-table-cell {
overflow-wrap: anywhere; }
.membership-tier-group-modal .ant-checkbox-disabled + span {
color: inherit; }
.membership-history-modal .ant-timeline-item {
padding-bottom: 0px !important; }
.membership-history-modal .ant-timeline-item .ant-list-item {
padding: 4px 0 !important; }
.membership-history-modal .ant-pagination .ant-pagination-total-text {
left: 2% !important; }
.membership-history-modal .ant-pagination .ant-pagination-next {
margin-right: 12px; }
.points-detail-modal .points-detail-table .ant-pagination .ant-pagination-total-text {
left: 2% !important; }
.voucher-type-modal .ant-modal-body {
max-height: unset !important; }
.voucher-type-modal .ant-modal-body .options-btn {
display: grid !important;
border: 4px solid transparent;
border-radius: 4px !important;
height: auto !important;
padding: 0 !important;
margin-bottom: 12px; }
.voucher-type-modal .ant-modal-body .options-btn.shipping, .voucher-type-modal .ant-modal-body .options-btn.normal {
background-color: #f9c908; }
.voucher-type-modal .ant-modal-body .options-btn.shipping .options-name, .voucher-type-modal .ant-modal-body .options-btn.normal .options-name {
color: #501313; }
.voucher-type-modal .ant-modal-body .options-btn.membership {
background-color: #e3d9ff; }
.voucher-type-modal .ant-modal-body .options-btn.membership .options-name {
color: #151224; }
.voucher-type-modal .ant-modal-body .options-btn.birthday {
background-color: #ffaca6; }
.voucher-type-modal .ant-modal-body .options-btn.birthday .options-name {
color: #81332e; }
.voucher-type-modal .ant-modal-body .options-btn.unique {
background-color: #b7e1f3; }
.voucher-type-modal .ant-modal-body .options-btn.unique .options-name {
color: #647176; }
.voucher-type-modal .ant-modal-body .options-btn.welcome {
background-color: #7af1e2; }
.voucher-type-modal .ant-modal-body .options-btn.welcome .options-name {
color: #060415; }
.voucher-type-modal .ant-modal-body .options-btn .options-img {
width: inherit !important; }
.voucher-type-modal .ant-modal-body .options-btn .options-img img {
width: 100% !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important; }
.voucher-type-modal .ant-modal-body .options-btn .options-name {
padding: 0 5px !important;
width: inherit !important;
white-space: normal;
font-weight: bold;
font-size: 20px;
line-height: 33px; }
.voucher-type-modal .ant-modal-body .options-btn:hover,
.voucher-type-modal .ant-modal-body .options-btn:focus {
border: 4px solid #5acc5a !important; }
.voucher-template-table {
overflow-x: auto; }
.voucher-template-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.voucher-template-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.voucher-template-table .voucher_name_col {
font-weight: bold;
color: #0c2028;
display: inline-block;
cursor: pointer; }
.voucher-template-table .voucher_name_col:hover {
font-weight: bold;
color: #5acc5a;
display: inline-block;
cursor: pointer; }
.voucher-template-table table thead {
background-color: #fafafb !important; }
.voucher-template-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; }
.voucher-template-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.voucher-template-table .un-text-truncate {
font-weight: bold !important; }
.voucher-template-table .un-light-label {
font-size: 14px !important; }
.voucher-template-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.fixed-table-modal .ant-modal-body {
overflow-y: hidden; }
.csc-table {
overflow-x: auto; }
.csc-table .csc-header {
background-color: #fafafb;
display: flex;
min-width: fit-content; }
.csc-table .csc-header .csc-h-item {
padding: 9px 12px;
color: #647176;
font-size: 12px;
text-align: center; }
.csc-table .csc-header .csc-h-item:nth-child(1) {
width: 335px !important;
min-width: 335px !important;
text-align: left !important; }
.csc-table .csc-header .csc-h-item:nth-child(2) {
width: 82px !important;
min-width: 82px !important;
text-align: left !important; }
.csc-table .csc-body {
padding: 0 12px 12px;
height: 400px;
overflow-y: auto; }
.csc-table .csc-body.deals {
padding: 0 !important;
margin: 0 12px 24px !important;
border-radius: 0 !important;
border: 1px solid #e5e5e5 !important;
min-width: fit-content; }
.csc-table .csc-body.deals-header .od-b-item {
padding: 8px 12px !important;
width: 100% !important;
background-color: #fff7f0 !important;
border-radius: 0 !important; }
.csc-table .csc-body.deals-header .od-b-item .deal-tag {
width: fit-content;
height: 21px;
line-height: 17px;
font-size: 14px;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
padding: 1px 6px;
align-self: center;
margin-right: 8px; }
.csc-table .csc-body .csc-row {
display: flex;
border-bottom: 1px solid #e5e5e5 !important;
align-items: flex-start;
min-width: fit-content; }
.csc-table .csc-body .csc-row:last-child {
border-bottom: none !important; }
.csc-table .csc-body .csc-row .deal-h {
margin: 5px 0 5px !important; }
.csc-table .csc-body .csc-row .deal-h .tag {
width: fit-content;
height: 18px;
line-height: 14px;
font-size: 12px;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
padding: 1px 6px;
align-self: center;
margin-right: 8px; }
.csc-table .csc-body .csc-row .add-on-deal-name {
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
height: unset;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
font-weight: bold; }
.csc-table .csc-body .csc-row .csc-b-item {
padding: 12px;
color: #0c2028;
font-size: 14px;
text-align: center;
align-self: auto; }
.csc-table .csc-body .csc-row .csc-b-item .ant-form-item {
margin-bottom: 4px !important; }
.csc-table .csc-body .csc-row .csc-b-item:nth-child(1) {
padding: 12px 0 !important;
width: 325px !important;
min-width: 325px !important;
text-align: left !important;
align-self: baseline !important; }
.csc-table .csc-body .csc-row .csc-b-item:nth-child(1) .ant-list-item {
padding: 0 !important; }
.csc-table .csc-body .csc-row .csc-b-item:nth-child(1) .ant-list-item .un-row-product img {
height: 37px;
width: 37px;
border-radius: 6px; }
.csc-table .csc-body .csc-row .csc-b-item:nth-child(1) .ant-list-item .deal-tag {
width: fit-content;
height: 18px;
line-height: 14px;
font-size: 12px;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
padding: 1px 6px;
align-self: center;
margin-right: 8px; }
.csc-table .csc-body .csc-row .csc-b-item:nth-child(2) {
width: 80px !important;
min-width: 80px !important;
text-align: left !important; }
.csc-table .csc-body .csc-row .csc-b-item:nth-child(3) .price {
font-size: 14px;
color: #0c2028; }
.csc-table .csc-body .csc-row .csc-b-item:nth-child(3) .original-price {
text-decoration: line-through;
opacity: 0.6;
font-size: 12px;
color: #666666; }
.csc-table .csc-body .csc-row .csc-b-item .dimension-input .ant-input-group-addon {
background-color: #f6f6f6 !important; }
.csc-table .csc-body .csc-row .csc-b-item .custom-input-class {
width: 140px; }
.rv-table {
overflow-x: auto; }
.rv-table .rv-header {
background-color: #fafafb;
display: flex;
min-width: fit-content; }
.rv-table .rv-header .rv-h-item {
padding: 9px 12px;
color: #647176;
font-size: 12px;
text-align: center; }
.rv-table .rv-header .rv-h-item:nth-child(1) {
width: 380px !important;
min-width: 380px !important;
text-align: left !important; }
.rv-table .rv-header .rv-h-item:nth-child(2) {
text-align: left !important; }
.rv-table .rv-body {
padding: 0 12px 12px;
height: 400px;
overflow-y: auto; }
.rv-table .rv-body .rv-row {
display: flex;
border-bottom: 1px solid #e5e5e5 !important;
align-items: flex-start;
min-width: fit-content; }
.rv-table .rv-body .rv-row:last-child {
border-bottom: none !important; }
.rv-table .rv-body .rv-row .rv-b-item {
padding: 12px;
color: #0c2028;
font-size: 14px;
text-align: center;
align-self: auto; }
.rv-table .rv-body .rv-row .rv-b-item .ant-form-item {
margin-bottom: 4px !important; }
.rv-table .rv-body .rv-row .rv-b-item:nth-child(1) {
padding: 12px 0 !important;
width: 370px !important;
min-width: 370px !important;
text-align: left !important;
align-self: baseline !important; }
.rv-table .rv-body .rv-row .rv-b-item:nth-child(1) .ant-list-item {
padding: 0 !important; }
.rv-table .rv-body .rv-row .rv-b-item:nth-child(1) .ant-list-item .un-row-product img {
height: 37px;
width: 37px;
border-radius: 6px; }
.rv-table .rv-body .rv-row .rv-b-item:nth-child(2) {
text-align: left !important; }
.rv-table .rv-body .rv-row .rv-b-item:nth-child(2) .price {
font-size: 14px;
color: #0c2028; }
.rv-table .rv-body .rv-row .rv-b-item .dimension-input .ant-input-group-addon {
background-color: #f6f6f6 !important; }
.rv-table .rv-body .rv-row .rv-b-item .custom-input-class {
width: 140px; }
.customer-voucher-modal {
width: 750px !important; }
.customer-voucher-modal .ant-modal-body {
max-height: calc(100vh - 90px) !important;
padding: 20px 20px 0 !important; }
.customer-voucher-modal .ant-modal-body .voucher-list {
padding: 0 10px !important;
max-height: calc(100vh - 190px) !important;
overflow-y: auto;
margin-right: -12px !important;
margin-left: -12px !important;
margin-bottom: 20px !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding {
padding: 0 5px 10px !important; }
@media (max-width: 1023px) {
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding {
padding: 0 10px 10px !important; } }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card {
width: 99%;
height: 225px;
border-radius: 8px;
font-size: 14px;
position: relative; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .fully-redeemed-logo {
position: absolute;
left: 30%;
top: 26%;
transform: rotate(345deg);
width: 145px;
z-index: 1001; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-detail {
opacity: 0.75 !important;
border: none;
border-bottom: none;
background-position: left bottom, right bottom, right top, left top !important;
background-size: 52% 52% !important;
background-repeat: no-repeat !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-detail .coupon-title a,
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-detail .coupon-title a:hover {
font-family: 'Staatliches', cursive !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-code {
opacity: 0.75 !important;
border: none;
background-position: left bottom, right bottom, right top, left top !important;
background-size: 52% 52% !important;
background-repeat: no-repeat !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-code .copy-coupon,
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-code .code {
opacity: 0.75 !important;
cursor: auto !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.fully-redeemed .coupon-code.redeemed .redeemed-text {
display: none !important;
text-align: left; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.shipping .coupon-detail, .customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.normal .coupon-detail {
border: none;
border-bottom: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.shipping .coupon-detail .coupon-title span, .customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.normal .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.shipping .coupon-code, .customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.normal .coupon-code {
border: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.shipping .coupon-code .code.apply, .customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.normal .coupon-code .code.apply {
border: 1px solid !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.birthday .coupon-detail {
border: none;
border-bottom: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.birthday .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.birthday .coupon-code {
border: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.birthday .coupon-code .code.apply {
border: 1px solid !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.membership .coupon-detail {
border: none;
border-bottom: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.membership .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.membership .coupon-code {
border: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.membership .coupon-code .code.apply {
border: 1px solid !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.unique .coupon-detail {
border: none;
border-bottom: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.unique .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.unique .coupon-code {
border: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.unique .coupon-code .code.apply {
border: 1px solid !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.welcome .coupon-detail {
border: none;
border-bottom: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.welcome .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.welcome .coupon-code {
border: none; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card.welcome .coupon-code .code.apply {
border: 1px solid !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail {
font-family: 'Roboto', sans-serif !important;
height: 154px;
padding: 24px;
border-radius: 8px;
text-align: left;
background-position: left bottom, right bottom, right top, left top !important;
background-size: 52% 52% !important;
background-repeat: no-repeat !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-title {
font-family: 'Staatliches', cursive !important;
text-transform: uppercase;
font-size: 22px;
line-height: 28px;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 2px; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-value {
width: 100%;
display: inline-flex;
align-items: center;
line-height: 46px;
font-weight: 900; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-value .currency {
width: fit-content;
font-size: 20px; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-value .number {
width: fit-content;
font-size: 28px; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-value .off {
width: fit-content;
font-size: 20px;
margin-left: 2px; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-validity {
width: 100%;
display: inline-flex;
font-size: 14px; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-validity .date {
width: fit-content; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-detail .coupon-validity .plain-btn {
cursor: text !important;
font-size: 14px !important;
background: none !important;
margin-left: auto;
margin-right: 0; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code {
font-family: 'Roboto', sans-serif !important;
width: 100%;
height: 72px;
text-align: center;
padding: 12px 24px;
display: inline-flex;
border-radius: 8px;
border-top: none;
margin-top: -1px;
background-position: left bottom, right bottom, right top, left top !important;
background-size: 52% 52% !important;
background-repeat: no-repeat !important; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code .copy-coupon {
width: fit-content;
align-self: center; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code .copy-coupon .feather-copy {
font-size: 15px;
margin-left: 4px; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code .code {
font-family: 'Staatliches', cursive !important;
font-size: 20px;
height: 49px;
line-height: 49px;
width: 146px;
margin-left: auto;
margin-right: 0;
border-radius: 25px;
border: 1px solid; }
.customer-voucher-modal .ant-modal-body .voucher-list .voucher-padding .voucher-card .coupon-code .code.apply {
cursor: pointer;
width: 112px;
text-transform: uppercase; }
.customer-voucher-modal .ant-modal-body .disabled-message {
display: flex;
align-items: flex-start;
width: 100%;
text-align: left;
background-color: #fff5c4;
border: 1px solid #f2cb0c;
margin: 0 auto;
word-break: break-word;
padding: 6px 12px !important;
height: fit-content !important; }
.customer-voucher-modal .ant-modal-body .disabled-message .message {
color: #323f47;
word-break: break-word !important; }
.customer-voucher-modal .ant-modal-body .disabled-message .message p {
margin-bottom: 0;
color: #323f47; }
.customer-voucher-modal .ant-modal-body .disabled-message .message span {
color: #323f47; }
.voucher-tnc-modal {
width: 400px !important; }
.voucher-tnc-modal .ant-modal-body {
font-size: 16px;
color: #0c2028; }
.voucher-tnc-modal .ant-modal-body .voucher-size {
width: 339px;
margin: 0 auto 29px; }
.voucher-tnc-modal .ant-modal-body .voucher-size .plain-btn {
color: #90999d !important;
cursor: text; }
@media (min-width: 1024px) {
.voucher-tnc-modal .ant-modal-body .tnc-details-container {
max-height: 126px;
overflow-y: auto; } }
.voucher-tnc-modal .ant-modal-body .voucher-card {
width: 100%;
height: 225px;
border-radius: 8px;
font-size: 14px;
position: relative; }
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .fully-redeemed-logo {
display: none !important;
position: absolute;
left: 30%;
top: 26%;
transform: rotate(345deg);
width: 145px;
z-index: 1001; }
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-detail {
opacity: 0.75 !important;
border: none;
border-bottom: none;
background-position: left bottom, right bottom, right top, left top !important;
background-size: 52% 52% !important;
background-repeat: no-repeat !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-detail .coupon-title a,
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-detail .coupon-title a:hover {
font-family: 'Staatliches', cursive !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code {
opacity: 0.75 !important;
border: none;
background-position: left bottom, right bottom, right top, left top !important;
background-size: 52% 52% !important;
background-repeat: no-repeat !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code .copy-coupon,
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code .code {
opacity: 0.75 !important;
cursor: auto !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code.redeemed .redeemed-text {
text-align: left; }
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code.redeemed .copy-coupon,
.voucher-tnc-modal .ant-modal-body .voucher-card.fully-redeemed .coupon-code.redeemed .code.apply {
display: none !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.shipping .coupon-detail, .voucher-tnc-modal .ant-modal-body .voucher-card.normal .coupon-detail {
border: none;
border-bottom: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.shipping .coupon-detail .coupon-title span, .voucher-tnc-modal .ant-modal-body .voucher-card.normal .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.shipping .coupon-code, .voucher-tnc-modal .ant-modal-body .voucher-card.normal .coupon-code {
border: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.shipping .coupon-code .code.apply, .voucher-tnc-modal .ant-modal-body .voucher-card.normal .coupon-code .code.apply {
border: 1px solid !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.birthday .coupon-detail {
border: none;
border-bottom: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.birthday .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.birthday .coupon-code {
border: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.birthday .coupon-code .code.apply {
border: 1px solid !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.membership .coupon-detail {
border: none;
border-bottom: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.membership .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.membership .coupon-code {
border: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.membership .coupon-code .code.apply {
border: 1px solid !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.unique .coupon-detail {
border: none;
border-bottom: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.unique .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.unique .coupon-code {
border: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.unique .coupon-code .code.apply {
border: 1px solid !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.welcome .coupon-detail {
border: none;
border-bottom: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.welcome .coupon-detail .coupon-title span {
font-family: 'Staatliches', cursive !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card.welcome .coupon-code {
border: none; }
.voucher-tnc-modal .ant-modal-body .voucher-card.welcome .coupon-code .code.apply {
border: 1px solid !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail {
font-family: 'Roboto', sans-serif !important;
height: 154px;
padding: 24px;
border-radius: 8px;
text-align: left;
background-position: left bottom, right bottom, right top, left top !important;
background-size: 52% 52% !important;
background-repeat: no-repeat !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-title {
font-family: 'Staatliches', cursive !important;
text-transform: uppercase;
font-size: 22px;
line-height: 28px;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 2px; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-value {
width: 100%;
display: inline-flex;
align-items: center;
line-height: 46px;
font-weight: 900; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-value .currency {
width: fit-content;
font-size: 20px; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-value .number {
width: fit-content;
font-size: 28px; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-value .off {
width: fit-content;
font-size: 20px;
margin-left: 2px; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-validity {
width: 100%;
display: inline-flex;
font-size: 14px; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-validity .date {
width: fit-content; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-detail .coupon-validity .plain-btn {
cursor: text !important;
font-size: 14px !important;
background: none !important;
margin-left: auto;
margin-right: 0; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code {
font-family: 'Roboto', sans-serif !important;
width: 100%;
height: 72px;
text-align: center;
padding: 12px 24px;
display: inline-flex;
border-radius: 8px;
border-top: none;
margin-top: -1px;
background-position: left bottom, right bottom, right top, left top !important;
background-size: 52% 52% !important;
background-repeat: no-repeat !important; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code .copy-coupon {
width: fit-content;
align-self: center; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code .copy-coupon .feather-copy {
font-size: 15px;
margin-left: 4px; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code .code {
font-family: 'Staatliches', cursive !important;
font-size: 20px;
height: 49px;
line-height: 49px;
width: 146px;
margin-left: auto;
margin-right: 0;
border-radius: 25px;
border: 1px solid; }
.voucher-tnc-modal .ant-modal-body .voucher-card .coupon-code .code.apply {
cursor: pointer;
width: 112px;
text-transform: uppercase; }
.voucher-tnc-modal .ant-modal-body .tnc-details {
font-size: 14px;
color: #38484f;
margin-bottom: 12px;
margin-left: 12px; }
.voucher-tnc-modal .ant-modal-body .tnc-details ul {
padding-left: 21px; }
.voucher-tnc-modal .ant-modal-body .tnc-details ul li {
line-height: 16px;
margin-bottom: 8px; }
.voucher-tnc-modal .ant-modal-body .voucher-more_description {
padding-left: 21px; }
.voucher-tnc-modal .ant-modal-body .voucher-more_description .voucher-description-content {
font-size: 14px;
color: #38484f;
white-space: pre-wrap;
overflow: auto;
height: 100px; }
.campaign-modal .ant-carousel .slick-dots {
margin-right: unset;
margin-left: unset; }
.campaign-modal .ant-modal-close {
top: -18px;
right: -18px;
border-radius: 50%;
padding: 8px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.5); }
.campaign-modal .ant-modal-close-x {
display: contents; }
.campaign-modal .ant-modal-content {
background: none !important;
box-shadow: none !important;
/* width: fit-content !important; */ }
.campaign-modal .ant-modal-body {
padding: 0;
text-align: center; }
.campaign-modal .ant-modal-body label {
margin-top: 10px;
color: #fff !important; }
.card {
box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.08);
border: 1px solid #ddd !important;
border-radius: 10px;
}
.card .card-block {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.ads_content img {
border-radius: 10px;
box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
border: 1px solid #ddd !important;
}
.ads_content > .row {
margin: 0px;
}
.dashboard-announcements {
/* max-height: 1513px;
overflow: auto !important; */
scrollbar-color: #d4d4d4 transparent;
scrollbar-width: thin;
}
.dashboard-announcements::-webkit-scrollbar-track {
background-color: transparent !important;
}
.dashboard-announcements::-webkit-scrollbar {
width: 6px;
background-color: transparent !important;
}
.dashboard-announcements::-webkit-scrollbar-thumb {
background-color: #d4d4d4 !important;
border: 1px solid #d4d4d4 !important;
border-radius: 12px !important;
}
.dashboard-announcements .new_icon {
background: red !important;
color: #fff !important;
}
.dashboard-announcements h3:hover .title,
.dashboard-announcements h3:hover .body.set,
.dashboard-announcements h3:hover .title span,
.dashboard-announcements h3:hover .title div,
.dashboard-announcements h3:hover .title p,
.dashboard-announcements h3:hover .title h1,
.dashboard-announcements h3:hover .title h2,
.dashboard-announcements h3:hover .title h3,
.dashboard-announcements h3:hover .title h4,
.dashboard-announcements h3:hover .title h5,
.dashboard-announcements h3:hover .title h6 {
color: #007ce0 !important;
}
.dashboard-announcements h3 .title,
.dashboard-announcements h3 .body.set,
.dashboard-announcements h3 .title span,
.dashboard-announcements h3 .title div,
.dashboard-announcements h3 .title p,
.dashboard-announcements h3 .title h1,
.dashboard-announcements h3 .title h2,
.dashboard-announcements h3 .title h3,
.dashboard-announcements h3 .title h4,
.dashboard-announcements h3 .title h5,
.dashboard-announcements h3 .title h6 {
margin-bottom: 8px !important;
}
.dashboard-announcements .title,
.dashboard-announcements .title span,
.dashboard-announcements .title div,
.dashboard-announcements .title p,
.dashboard-announcements .title h1,
.dashboard-announcements .title h2,
.dashboard-announcements .title h3,
.dashboard-announcements .title h4,
.dashboard-announcements .title h5,
.dashboard-announcements .title h6 {
font-family: inherit !important;
color: #0c2028 !important;
font-weight: bold !important;
font-size: 16px !important;
line-height: 24px !important;
}
.dashboard-announcements .p3_nna_bullet:first-child {
background: none;
padding-top: 0px;
}
.dashboard-announcements .p3_nna_bullet {
list-style: none;
/* padding: 15px 0px; */
/* background-image: linear-gradient(to right, #ddd 50%, rgba(255, 255, 255, 0) 20%); */
background-position: top;
background-size: 12px 1px;
background-repeat: repeat-x;
}
.dashboard-announcements .p3_nna_bullet img {
max-width: 100% !important;
border-radius: 10px;
box-shadow: 1px 0px 10px rgba(221, 221, 221, 0.8);
}
.dashboard-announcements .p3_nna_bullet > h3 {
line-height: 22px;
}
.dashboard-announcements .p3_nna_bullet > h3 > a {
display: block;
}
.dashboard-announcements .p3_nna_bullet > h3 > span {
font-size: 12px;
background: #ddd;
color: #5d5d5d;
border-radius: 4px;
padding: 3px 7px;
}
.dashboard-announcements .p3_nna_bullet > p {
margin: 0px;
}
.dashboard-announcements .p3_nna_bullet > p > a {
display: block;
text-align: right;
font-weight: 400;
font-size: 12px;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
/* .dashboard-announcements .p3_nna_bullet > p > a:before {
font-family: FontAwesome;
content: "\f0a9";
padding-right: 5px;
} */
.dashboard-announcements .p3_nna_bullet > p > a:hover {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
.m-h-140 {
max-height: 140px;
}
.row .flexRow {
display: flex;
flex-wrap: wrap;
}
.ant-divider {
border-top: 1px solid #e5e5e5 !important;
margin: 20px 0 !important;
}
.importSuccess.un-box-flat {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
@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; }
.import-customer-from-others {
width: 954px !important;
margin: auto !important; }
.import-customer-from-others .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 66px !important; }
@media (min-width: 1024px) {
.import-customer-from-others .header-buttons {
min-width: 816px !important;
max-width: 954px !important;
margin: 0 auto;
padding-right: 0 !important; } }
.import-customer-from-others .header-buttons .b-btn,
.import-customer-from-others .header-buttons .b-btn:hover,
.import-customer-from-others .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; }
.import-customer-from-others .header-buttons .b-btn i,
.import-customer-from-others .header-buttons .b-btn:hover i,
.import-customer-from-others .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.import-customer-from-others .channel-list-tab {
border: none !important;
padding: 0 !important;
margin-bottom: 0 !important; }
.import-customer-from-others .channel-list-tab .ant-tabs {
border-radius: 0 !important;
border: none !important; }
.import-customer-from-others .channel-list-tab .ant-tabs-bar {
border-bottom: none !important; }
.import-customer-from-others .channel-list-tab .ant-tabs-nav-scroll {
padding: 0px 0px 20px !important; }
.import-customer-from-others .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
margin-right: 16px !important;
background-color: #ffffff !important;
border: 1px solid #e5e5e5 !important;
border-radius: 4px !important;
color: #0c2028; }
.import-customer-from-others .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab img {
margin-right: 8px !important; }
.import-customer-from-others .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab span {
padding: 0 !important; }
.import-customer-from-others .channel-list-tab .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
border: 1px solid #5acc5a !important;
border-bottom: 3px solid #5acc5a !important; }
.import-customer-from-others .channel-list-tab .store-list-radio {
padding-bottom: 0 !important; }
.import-customer-from-others .channel-list-tab .store-list-radio .ant-radio-group > div {
display: inline-block;
margin-bottom: 15px !important;
margin-right: 8px !important; }
.import-customer-from-others .export-item .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.import-customer-from-others .export-item .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.import-customer-from-others .export-item .export-table .ant-table-tbody .ant-table-measure-row {
display: table-row !important; }
.import-customer-from-others .export-item .export-table .ant-table-tbody .ant-table-measure-row td {
padding: 0 !important; }
.import-customer-from-others .export-item .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.import-customer-from-others .export-item .export-table table thead {
background-color: #fafafb !important; }
.import-customer-from-others .export-item .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; }
.import-customer-from-others .export-item .export-table .ant-table-thead th:first-child {
border-top-left-radius: 2px !important; }
.import-customer-from-others .export-item .export-table .ant-table-thead th:last-child {
border-top-right-radius: 2px !important; }
.import-customer-from-others .export-item .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.import-customer-from-others .export-item .export-table .un-text-truncate {
font-weight: bold !important; }
.import-customer-from-others .export-item .export-table .un-light-label {
font-size: 14px !important; }
.import-customer-from-others .export-item .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.import-customer-from-others .export-item .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
.importSuccess.un-box-flat {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
.batch-edit .capitalize {
text-transform: capitalize; }
.batch-edit .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.batch-edit .header-buttons .b-btn,
.batch-edit .header-buttons .b-btn:hover,
.batch-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; }
.batch-edit .header-buttons .b-btn i,
.batch-edit .header-buttons .b-btn:hover i,
.batch-edit .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.import-item .plain-btn,
.import-item .plain-btn:hover {
text-transform: unset;
text-decoration: underline; }
.import-item .ant-upload.ant-upload-drag {
height: 169px !important; }
.import-item .ant-upload.ant-upload-drag::after {
display: none; }
.import-item .showUploader .ant-upload.ant-upload-drag {
display: block; }
.import-item .hideUploader {
display: none; }
.import-item .uploadList {
height: 33px;
width: fit-content;
width: -moz-fit-content; }
.import-item .uploadList .file {
border: 1px solid #e5e5e5;
border-radius: 4px;
height: 33px;
width: fit-content;
width: -moz-fit-content;
padding: 7px 12px;
margin-right: 20px; }
.import-item .uploadList .file .feather-file-text {
color: #647176;
font-size: 20px !important; }
.import-item .uploadList .plain-btn {
text-decoration: unset; }
.import-item .ant-upload-list {
width: 50%; }
.import-item .feather-upload-cloud {
font-size: 32px;
color: #d4d4d4; }
.import-preview .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.import-preview .header-buttons .b-btn,
.import-preview .header-buttons .b-btn:hover,
.import-preview .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; }
.import-preview .header-buttons .b-btn i,
.import-preview .header-buttons .b-btn:hover i,
.import-preview .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.import-preview .outline-i-btn,
.import-preview .outline-i-btn:focus,
.import-preview .outline-i-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !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:hover:not(.ant-table-expanded-row) > td {
background: unset !important; }
.importTable .un-import-error-column {
background: #fde3e3;
padding: 16px !important; }
.importTable .un-import-warning-column {
background: #ffe9b8;
padding: 16px !important; }
.importTable .un-import-error-block {
height: 300px;
overflow: auto; }
.ant-btn > .ant-btn-loading-icon .anticon {
padding: 0px;
margin-right: 8px; }
.export-item .ant-checkbox,
.export-item .ant-checkbox-input,
.export-item .ant-checkbox-inner {
border-radius: 4px !important;
width: 18px !important;
height: 18px !important; }
.export-item .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.export-item .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.export-item .export-table .ant-table-tbody .ant-table-measure-row {
display: table-row !important; }
.export-item .export-table .ant-table-tbody .ant-table-measure-row td {
padding: 0 !important; }
.export-item .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.export-item .export-table table thead {
background-color: #fafafb !important; }
.export-item .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; }
.export-item .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.export-item .export-table .un-text-truncate {
font-weight: bold !important; }
.export-item .export-table .un-light-label {
font-size: 14px !important; }
.export-item .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.export-item .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
@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; }
@media (min-width: 1024px) {
.customerAttributes {
width: 644px !important;
margin: 0 auto !important; } }
.customerAttributes .plain-btn,
.customerAttributes .plain-btn:hover {
text-transform: unset;
text-decoration: underline; }
.customerAttributes .ant-upload.ant-upload-drag {
height: 169px !important; }
.customerAttributes .ant-upload.ant-upload-drag::after {
display: none; }
.customerAttributes .showUploader .ant-upload.ant-upload-drag {
display: block; }
.customerAttributes .hideUploader {
display: none; }
.customerAttributes .uploadList {
height: 33px;
width: fit-content;
width: -moz-fit-content; }
.customerAttributes .uploadList .file {
border: 1px solid #e5e5e5;
border-radius: 4px;
height: 33px;
width: fit-content;
width: -moz-fit-content;
padding: 7px 12px;
margin-right: 20px; }
.customerAttributes .uploadList .file .feather-file-text {
color: #647176;
font-size: 20px !important; }
.customerAttributes .uploadList .plain-btn {
text-decoration: unset; }
.customerAttributes .ant-upload-list {
width: 50%; }
.customerAttributes .feather-upload-cloud {
font-size: 32px;
color: #d4d4d4; }
.customerAttributes .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.customerAttributes .header-buttons .b-btn,
.customerAttributes .header-buttons .b-btn:hover,
.customerAttributes .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; }
.customerAttributes .header-buttons .b-btn i,
.customerAttributes .header-buttons .b-btn:hover i,
.customerAttributes .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.attributesTable .unicart-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.attributesTable .unicart-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.attributesTable .unicart-table table thead {
background-color: #fafafb !important; }
.attributesTable .unicart-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; }
.attributesTable .unicart-table .ant-table-thead > tr > th {
border-bottom: none !important;
height: unset !important;
border-radius: unset !important; }
.attributesTable .unicart-table .un-text-truncate {
font-weight: bold !important; }
.attributesTable .unicart-table .un-light-label {
font-size: 14px !important; }
.attributesTable .unicart-table .ant-pagination {
margin-right: unset !important;
padding: 0 !important; }
.attributesTable .unicart-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
.attributesTable .unicart-table .unicart-table .ant-table-thead > tr > th {
padding: 8px 16px !important; }
@media (min-width: 1024px) {
.exportProducts {
width: 644px !important;
margin: 0 auto !important; } }
.exportProducts .header-buttons {
min-width: 644px !important;
max-width: 644px !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; }
@media (min-width: 1024px) {
.exportProducts {
width: 644px !important;
margin: 0 auto !important; } }
.exportProducts .header-buttons {
min-width: 644px !important;
max-width: 644px !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; }
.manage-sorting-wallet .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.manage-sorting-wallet .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.manage-sorting-wallet .header-buttons .b-btn,
.manage-sorting-wallet .header-buttons .b-btn:hover,
.manage-sorting-wallet .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; }
.manage-sorting-wallet .header-buttons .b-btn i,
.manage-sorting-wallet .header-buttons .b-btn:hover i,
.manage-sorting-wallet .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.collections .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; }
.collections .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.collections .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.collections .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.collections .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; }
.collections a.image-upload-link {
padding: 4px 16px !important; }
.collections .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.collections .header-buttons {
max-width: calc(100vw - 64px) !important; } }
.collections .header-buttons .b-btn,
.collections .header-buttons .b-btn:hover,
.collections .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; }
.collections .header-buttons .b-btn i,
.collections .header-buttons .b-btn:hover i,
.collections .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.collections .header-buttons .outline-i-btn,
.collections .header-buttons .outline-i-btn:focus,
.collections .header-buttons .outline-i-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.collections .outline-i-btn,
.collections .outline-i-btn:focus,
.collections .outline-i-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.collections .unicart-filter {
margin-top: 0 !important; }
@media (min-width: 1024px) {
.newcollections {
width: 816px !important;
margin: 0 auto !important; } }
.newcollections .un-box-flat {
position: relative; }
.newcollections .un-box-flat .sort-by {
display: flex;
align-items: center;
margin-bottom: 20px; }
@media (min-width: 768px) {
.newcollections .un-box-flat .sort-by {
margin-bottom: 0;
position: absolute;
top: 80px;
right: 24px;
z-index: 1000; } }
.newcollections .un-box-flat .sort-by .ant-legacy-form-item {
margin-bottom: 0 !important; }
.newcollections .ant-upload-picture-card-wrapper {
width: unset; }
.newcollections .ant-upload.ant-upload-select-picture-card {
margin: 0;
width: 116px !important;
height: 116px !important; }
.newcollections .upload-placeholder {
padding-top: 35% !important;
width: 115px !important;
height: 115px !important; }
.newcollections .upload-placeholder i {
font-size: 32px; }
.newcollections .hvrbox {
width: 115px !important;
height: 115px !important; }
.newcollections .ant-upload:hover {
border-color: #007ce0 !important; }
.newcollections .ant-upload-drag-icon img {
object-fit: contain !important; }
.newcollections .ant-cascader-picker > input.ant-input {
border-color: #d9d9d9 !important; }
.newcollections .ant-table-content {
overflow-x: auto; }
.newcollections .ant-pagination.with-quick-jumper {
margin-bottom: 0 !important; }
.banner-image .ant-upload.ant-upload-select-picture-card {
width: 376px !important;
height: 201px !important;
margin-top: 8px; }
.banner-image .upload-placeholder {
padding-top: 84px !important;
width: 376px !important;
height: 201px !important; }
.banner-image .upload-placeholder i {
font-size: 32px; }
.banner-image .hvrbox {
width: 376px !important;
height: 201px !important; }
.banner-image .ant-upload:hover {
border-color: #007ce0 !important; }
.search-collections-products .ant-input-affix-wrapper {
height: 41px;
width: 320px; }
.search-collections-products .ant-input-affix-wrapper span.anticon {
width: 40px !important;
color: #0c2028; }
.search-collections-products .ant-input-affix-wrapper .anticon {
font-size: 20px; }
.search-collections-products .ant-input-affix-wrapper > input.ant-input {
margin-top: 1px;
height: 37px !important; }
.search-collections-products .ant-input-search-icon::after {
width: 40px; }
.search-collections-products .ant-input-search-icon::before {
right: 30px; }
.search-collections-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
height: 41px !important; }
.search-collections-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; }
.search-collections-products .ant-select-single
.ant-select-selector
.ant-select-selection-item
.ant-custom-select-sorting {
line-height: 40px; }
.search-collections-products .ant-select-single
.ant-select-selector
.ant-select-selection-placeholder
.ant-custom-select-sorting {
line-height: 40px;
color: #90999d; }
.search-collections-products .ant-select-single:not(.ant-select-customize-input)
.ant-select-selector
.ant-custom-select-sorting {
padding-left: 70px; }
.search-collections-products .sort-by {
left: 23px;
top: 10px;
z-index: 1;
position: absolute;
width: max-content;
color: #90999d; }
.search-collections-products .ant-table table {
border: none !important;
box-shadow: none !important;
overflow-x: auto; }
.search-collections-products .ant-table table .ant-list-item-meta-avatar {
width: 56px;
height: 56px; }
.search-collections-products table thead {
background-color: #fafafb !important; }
.search-collections-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; }
.search-collections-products .ant-table-thead > tr > th {
border-bottom: none !important; }
.search-collections-products .ant-table-tbody > tr > td {
padding: 16px 12px;
vertical-align: top !important; }
.search-collections-products .productTable .ant-list-item {
padding: 0 !important; }
.search-collections-products .productTable .ant-list-item-meta-avatar {
width: 74px;
height: 74px; }
.search-collections-products .productTable .un-row-product img {
height: 74px;
width: 74px;
border-radius: 6px;
margin-left: -1px; }
.search-collections-products .productTable .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; }
.search-collections-products .productTable .ant-list-item-meta-description {
margin-top: 21px;
height: 17px; }
.un-select-product-modal {
width: 750px !important; }
.un-select-product-modal .ant-modal-body {
max-height: unset;
height: calc(100vh - 250px) !important;
padding: 20px 20px 0 !important; }
.un-select-product-modal .ant-modal-body .modal-filter .search-form {
position: absolute !important;
z-index: 1002 !important;
width: 370px; }
.un-select-product-modal .ant-modal-body .modal-filter .search-form .un-filter-value {
width: max-content !important; }
.un-select-product-modal .ant-modal-body .product-table table tbody tr td {
vertical-align: top !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-list-item {
padding: 0 !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-list-item-meta {
padding-top: 1px !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-list-item-meta-description {
padding-left: 0; }
.un-select-product-modal .ant-modal-body .product-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.un-select-product-modal .ant-modal-body .product-table table thead {
background-color: #fafafb !important; }
.un-select-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; }
.un-select-product-modal .ant-modal-body .product-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.un-select-product-modal .ant-modal-body .product-table .desc {
line-height: 15px !important; }
.un-select-product-modal .ant-modal-body .product-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
margin: 12px 0 30px !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-pagination-item-link {
color: #0c2028 !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-pagination-item a {
color: #0c2028 !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-pagination-item-active a {
color: #007ce0 !important; }
.un-select-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; }
.un-select-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; }
.un-select-product-modal .ant-modal-body .product-table .ant-pagination.mini
.ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.un-select-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.un-select-product-modal .ant-modal-body .product-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.un-select-product-modal .ant-modal-body .product-table .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.un-select-product-modal .ant-modal-footer {
padding: 12px 24px !important;
height: 151px !important; }
.un-select-product-modal .ant-modal-footer .selected-container {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
height: 81px;
display: inline-flex;
text-align: left !important;
margin-bottom: 12px !important;
overflow-x: auto; }
.un-select-product-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; }
.un-select-product-modal .ant-modal-footer .selected-container .selected-img {
position: relative;
margin-right: 16px; }
.un-select-product-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; }
.un-select-product-modal .ant-modal-footer .select-action {
position: absolute;
width: calc(100% - 48px);
bottom: 12px; }
@media (min-width: 1024px) {
.manage-sorting {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto !important; } }
.manage-sorting .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.manage-sorting .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.manage-sorting .header-buttons .b-btn,
.manage-sorting .header-buttons .b-btn:hover,
.manage-sorting .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; }
.manage-sorting .header-buttons .b-btn i,
.manage-sorting .header-buttons .b-btn:hover i,
.manage-sorting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.manage-sorting .un-box-flat {
height: fit-content !important; }
.manage-sorting .un-box-flat .heading {
height: 33px !important; }
.manage-sorting .collection-item {
width: 100%;
display: inline-flex;
height: 41px;
background-color: #f6f6f6;
margin-bottom: 4px; }
.manage-sorting .collection-item.disabled {
opacity: 0.3 !important;
cursor: not-allowed !important; }
.manage-sorting .collection-item.disabled .collection-actions .feather-edit-3 {
color: #647176 !important; }
.manage-sorting .collection-item.disabled .collection-actions .feather-arrow-left-circle {
display: none !important; }
.manage-sorting .collection-item.disabled .collection-actions .feather-arrow-right-circle {
display: initial !important; }
.manage-sorting .collection-item.selected .collection-actions .feather-arrow-left-circle {
display: initial !important; }
.manage-sorting .collection-item.selected .collection-actions .feather-arrow-right-circle {
display: none !important; }
.manage-sorting .collection-item .collection-name {
display: block;
width: 96px;
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: 41px;
font-size: 14px;
font-weight: bold;
color: #0c2028; }
.manage-sorting .collection-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: 27px;
height: 26px;
margin-left: 8px;
margin-top: 11px; }
.manage-sorting .collection-item .collection-actions {
width: fit-content;
margin-right: 0;
margin-left: auto;
padding: 9px; }
.manage-sorting .collection-item .collection-actions .ant-btn {
padding: 0 !important;
background: none !important;
border: none !important;
height: fit-content !important;
width: fit-content !important; }
.manage-sorting .collection-item .collection-actions .feather-edit-3 {
cursor: pointer !important;
line-height: 1.1;
font-size: 20px;
color: #007ce0;
margin-left: 5px;
margin-right: 12px; }
.manage-sorting .collection-item .collection-actions .feather-arrow-left-circle {
display: none !important;
cursor: pointer !important;
line-height: 1.1;
font-size: 20px;
color: #647176; }
.manage-sorting .collection-item .collection-actions .feather-arrow-right-circle {
display: initial !important;
cursor: pointer !important;
line-height: 1.1;
font-size: 20px;
color: #647176; }
.collectionsSelectModal .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; }
.collectionsSelectModal .ant-modal-body .options-btn .options-img {
width: inherit !important;
padding: 10px 0 !important; }
.collectionsSelectModal .ant-modal-body .options-btn .options-img img {
width: 40% !important;
border-top-left-radius: 4px !important;
border-top-right-radius: 4px !important; }
.collectionsSelectModal .ant-modal-body .options-btn .options-name {
padding: 0 5px !important;
width: inherit !important;
white-space: normal; }
.collectionsSelectModal .ant-modal-body .options-btn:hover,
.collectionsSelectModal .ant-modal-body .options-btn:focus {
border: 4px solid #5acc5a !important; }
.un-ant-form-item-control {
line-height: 25px; }
#un-live .un-current-total .un-of-title, #un-live-combo .un-current-total .un-of-title {
font-size: 20px;
line-height: 24px;
font-weight: 400; }
.orderFulfillmentAssistant .sections .sidebar-content .ofa-form label {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
@keyframes blink {
0%,
100% {
opacity: 1; }
50% {
opacity: 0; } }
.shipment-packing-image-modal .ant-modal-content .modal-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
width: 100%;
box-sizing: border-box; }
.shipment-packing-image-modal .ant-modal-content .ant-modal-close-x {
display: none; }
.shipment-packing-image-modal .ant-modal-content .ant-modal-footer {
display: flex;
justify-content: space-between; }
.shipment-packing-image-modal .ant-modal-content .ant-modal-body {
scrollbar-width: none; }
.shipment-packing-image-modal .ant-modal-content .camera-preview {
flex: 1 1 auto;
height: 100%; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .webcam-container {
position: relative; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .webcam {
width: 100%; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .recording-overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 2px 5px;
border-radius: 10px;
column-gap: 5px;
bottom: 15px;
left: 10px;
display: inline-flex;
align-items: center;
z-index: 11; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .recording-indicator {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: red;
animation: blink 1s infinite; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .loading-overlay-container {
width: 200px;
height: 113px; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .loading-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
padding: 5%;
text-align: center; }
.shipment-packing-image-modal .ant-modal-content .captured-media {
flex: 1 1 auto;
max-height: 100%;
box-sizing: border-box; }
.shipment-packing-image-modal .ant-modal-content .captured-media .media-item {
position: relative;
display: inline-block;
max-width: 225px; }
.shipment-packing-image-modal .ant-modal-content .captured-media .media-item .media-item-preview {
width: 100%;
border-radius: 5px; }
.shipment-packing-image-modal .ant-modal-content .captured-media .media-item .media-item-remove-btn {
position: absolute;
top: 5px;
right: 6px;
background-color: red;
color: white;
border: none;
border-radius: 50%;
width: 20px;
height: 20px;
cursor: pointer;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center; }
.shipment-packing-image-modal .ant-modal-content .video-devices {
display: inline-flex;
column-gap: 10px;
align-items: center;
margin-bottom: 5px; }
.shipment-packing-image-modal .ant-modal-content .video-devices .refresh-devices {
cursor: pointer; }
.ant-btn {
border-radius: 17px !important; }
.ant-select-item-option-content {
white-space: break-spaces;
word-break: break-word; }
@media (min-width: 1024px) {
.orderFulfillmentAssistant {
min-width: 816px !important;
max-width: unset !important;
margin: 0 auto; } }
.orderFulfillmentAssistant .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
width: 100% !important;
top: 4px !important;
display: flex;
position: fixed;
padding-right: 64px !important;
align-items: center; }
.orderFulfillmentAssistant .header-buttons .b-btn,
.orderFulfillmentAssistant .header-buttons .b-btn:hover,
.orderFulfillmentAssistant .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; }
.orderFulfillmentAssistant .header-buttons .b-btn i,
.orderFulfillmentAssistant .header-buttons .b-btn:hover i,
.orderFulfillmentAssistant .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 10px !important; }
.orderFulfillmentAssistant .header-buttons .outline-i-btn,
.orderFulfillmentAssistant .header-buttons .outline-i-btn:focus,
.orderFulfillmentAssistant .header-buttons .outline-i-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.orderFulfillmentAssistant .header-buttons ul {
margin-bottom: 0 !important; }
.orderFulfillmentAssistant .ant-legacy-form-item label,
.orderFulfillmentAssistant .ant-legacy-form-vertical .ant-legacy-form-item {
margin-bottom: 0; }
.orderFulfillmentAssistant .sections {
display: flex !important; }
@media (max-width: 1024px) {
.orderFulfillmentAssistant .sections {
display: block !important; } }
.orderFulfillmentAssistant .sections .sidebar-content {
position: fixed;
height: fit-content;
width: 370px !important; }
@media (max-width: 1024px) {
.orderFulfillmentAssistant .sections .sidebar-content {
width: 100% !important;
position: relative !important;
top: unset !important; } }
.orderFulfillmentAssistant .sections .sidebar-content .ofa-form .ant-input {
color: #0c2028;
font-size: 18px !important;
height: 46px;
font-weight: bold !important; }
.orderFulfillmentAssistant .sections .sidebar-content .ofa-form .ant-legacy-form-item-label {
padding-bottom: 0px !important;
margin-bottom: 0px !important; }
.orderFulfillmentAssistant .sections .sidebar-content .ofa-form label {
color: #38484f !important;
margin-bottom: 4px !important;
width: 100%; }
.orderFulfillmentAssistant .sections .sidebar-content .ofa-form .ant-legacy-form-item {
padding-bottom: 0 !important;
margin-bottom: 20px !important; }
.orderFulfillmentAssistant .sections .sidebar-content .ofa-form .barcodeFields {
height: 46px;
border-radius: 4px; }
.orderFulfillmentAssistant .sections .sidebar-content .ofa-form .barcodeFields svg {
color: #90999d;
margin-right: 8px;
font-size: 20px; }
.orderFulfillmentAssistant .sections .sidebar-content .ofa-form .barcodeFields .ant-input {
height: unset !important; }
.orderFulfillmentAssistant .sections .sidebar-content .capture-image {
align-content: center; }
.orderFulfillmentAssistant .sections .sidebar-content .capture-image .feather-camera {
font-size: 24px !important;
cursor: pointer; }
.orderFulfillmentAssistant .sections .ofa-scrollbar {
overflow-y: auto;
height: 90vh;
scrollbar-width: thin;
scrollbar-color: transparent transparent; }
@media (max-width: 1024px) {
.orderFulfillmentAssistant .sections .ofa-scrollbar {
height: auto !important;
overflow-y: none !important; } }
.orderFulfillmentAssistant .sections .right-section {
width: calc(100% - 390px) !important;
margin-left: auto !important; }
@media (max-width: 1024px) {
.orderFulfillmentAssistant .sections .right-section {
width: 100% !important; } }
.orderFulfillmentAssistant .sections .right-section .ofa-no-data {
position: relative;
min-height: 400px !important; }
.orderFulfillmentAssistant .sections .right-section .ofa-no-data .ofa-no-data-text {
font-size: 20px;
color: #647176;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center; }
.orderFulfillmentAssistant .ofa-tutorials .tutorial-alert.show {
display: flex !important; }
.orderFulfillmentAssistant .ofa-tutorials .tutorial-header.show {
display: flex !important; }
.orderFulfillmentAssistant .word-packing-comment {
word-wrap: break-word;
word-break: break-word; }
.orderFulfillmentAssistant .header-border {
border-right: 1px solid #d4d4d4; }
.orderFulfillmentAssistant .checkout-btn,
.orderFulfillmentAssistant .checkout-btn:focus,
.orderFulfillmentAssistant .checkout-btn:hover {
border-radius: 17px;
border: none;
background: #e0241a !important;
color: white !important; }
.orderFulfillmentAssistant .border-green {
border-radius: 4px;
border: 2px solid #5acc5a;
padding: 5px 14px; }
.orderFulfillmentAssistant .green-circle {
width: 8px;
height: 8px;
background-color: #5acc5a;
border-radius: 50%; }
.orderFulfillmentAssistant .video-recording {
animation: blink 1.5s infinite; }
.orderFulfillmentAssistant .draft-tag span {
vertical-align: middle; }
@media (min-width: 1024px) {
.orderFulfillmentAssitant-setting {
width: 644px !important;
margin: 0 auto; } }
.orderFulfillmentAssitant-setting .row {
align-content: baseline !important; }
.orderFulfillmentAssitant-setting .text-description {
margin-top: -15px;
margin-bottom: 15px;
color: #90999d !important;
font-size: 14px !important; }
.orderFulfillmentAssitant-setting .data-source {
height: fit-content; }
.orderFulfillmentAssitant-setting .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 644px !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0 !important; }
.orderFulfillmentAssitant-setting .header-buttons .b-btn,
.orderFulfillmentAssitant-setting .header-buttons .b-btn:hover,
.orderFulfillmentAssitant-setting .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; }
.orderFulfillmentAssitant-setting .header-buttons .b-btn i,
.orderFulfillmentAssitant-setting .header-buttons .b-btn:hover i,
.orderFulfillmentAssitant-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 10px !important; }
.orderFulfillmentAssitant-setting .ant-legacy-form-item label,
.orderFulfillmentAssitant-setting .ant-legacy-form-vertical .ant-legacy-form-item {
margin-bottom: 0 !important; }
.orderFulfillmentAssitant-setting .scan-item-using .ant-select,
.orderFulfillmentAssitant-setting .serial-number-setting .ant-select {
max-width: 225px; }
.orderFulfillmentAssitant-setting label {
margin-bottom: 0; }
.orderFulfillmentAssitant-setting label .vertical-center {
line-height: 27px !important; }
.orderFulfillmentAssitant-setting .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.orderFulfillmentAssitant-setting .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.orderFulfillmentAssitant-setting .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.orderFulfillmentAssitant-setting .export-table table thead {
background-color: #fafafb !important; }
.orderFulfillmentAssitant-setting .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; }
.orderFulfillmentAssitant-setting .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.orderFulfillmentAssitant-setting .export-table .un-text-truncate {
font-weight: bold !important; }
.orderFulfillmentAssitant-setting .export-table .un-light-label {
font-size: 14px !important; }
.orderFulfillmentAssitant-setting .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.orderFulfillmentAssitant-setting .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
.orderFulfillmentAssitant-setting .inline-radio {
display: inline !important; }
.orderFulfillmentAssitant-setting .inline-radio span.ant-radio + * {
padding-right: 4px;
padding-left: 4px; }
.orderFulfillmentAssitant-setting .invoice-setting {
height: fit-content; }
.ofaDetail.un-box-flat {
background: none !important;
border: none !important;
padding: 20px 8px !important;
height: -webkit-fill-available; }
.ofaDetail .un-bottom-border {
margin-bottom: 32px; }
.ofaDetail .title {
margin-bottom: 20px; }
.ofaHistory {
height: 100%;
margin-bottom: 20px; }
.ofaHistory .historyTimeline {
max-height: calc(100vh - 400px);
overflow: auto;
margin-bottom: 20px; }
.ofaHistory .ant-timeline-item-head-blue {
color: #d4d4d4;
border-color: #d4d4d4; }
.ofaHistory .ant-timeline-item-head {
background-color: #d4d4d4;
margin-top: 8px !important; }
.ofaHistory .ant-timeline-item-tail {
margin-top: 8px !important; }
.ofaHistory .ant-timeline-item {
padding-bottom: 0px; }
.ofaHistory .ant-list-item {
padding: 12px 0 !important; }
.ofaHistory .un-title-light-regular {
font-weight: 400 !important;
color: #0c2028; }
.ofaOrderDetails .ant-descriptions-bordered .ant-descriptions-view {
border: none !important; }
.ofaOrderDetails .ant-descriptions-bordered .ant-descriptions-row {
border: none !important; }
.ofaOrderDetails .ant-descriptions-bordered .ant-descriptions-item-label {
background: none !important;
padding: 8px 0px !important;
border-right: none !important; }
.ofaOrderDetails .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
text-align: right !important; }
.ofaOrderDetails .custom-border-top {
border-top: 1px solid #e5e5e5 !important; }
.ofaInvoiceWeightOrderDetails {
background-color: #ffffff !important;
border-radius: 12px !important;
border: 1px solid #e5e5e5 !important;
padding: 20px 24px;
margin-bottom: 32px !important;
box-shadow: none !important; }
.ofaInvoiceWeightOrderDetails .feather-printer {
margin-left: 8px !important; }
.ofaInvoiceWeightOrderDetails .feather-refresh-cw {
margin-left: 8px !important;
margin-right: 5px !important; }
@media (min-width: 1024px) {
.ofaInvoiceWeightOrderDetails .invoice-container {
display: inline-flex !important;
margin-bottom: 32px !important; } }
@media (max-width: 1024px) {
.ofaInvoiceWeightOrderDetails .invoice-container {
margin-bottom: 20px !important; }
.ofaInvoiceWeightOrderDetails .invoice-container .pull-right {
float: unset !important; } }
.ofaCustomer {
height: fit-content !important; }
.ofaCustomer .heading-medium {
margin-bottom: 20px;
width: fit-content; }
.ofaCustomer .customer-time {
width: fit-content; }
.ofaCustomer .shipping-name {
margin-bottom: 12px; }
.ofaCustomer .shipping-address1,
.ofaCustomer .shipping-address2 {
overflow-wrap: break-word; }
.ofaAddress {
margin-bottom: 20px; }
.ofaAddress .customerAddress {
margin-bottom: 20px; }
.un-mv-ellipsis {
color: #000000d9;
display: block;
display: -webkit-box;
max-width: 100%;
max-height: 28.8px;
margin: 0;
font-size: 12px;
font-weight: bold;
line-height: 1.2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.un-mv-line-height {
line-height: 15px !important; }
.un-mv-font-size {
font-size: 11px !important; }
.un-tag-font-size {
font-size: 9px !important; }
.un-dv-table {
width: 100%;
overflow-x: auto; }
#un-live {
margin: -32px 0;
height: 100vh; }
#un-live .hide {
display: none !important; }
#un-live .back-btn,
#un-live .back-btn:hover,
#un-live .back-btn:focus {
left: 20px !important;
top: 10px !important;
position: fixed !important;
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
#un-live .back-btn i,
#un-live .back-btn:hover i,
#un-live .back-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media only screen and (max-width: 768px) {
#un-live .back-btn {
display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 1025px) {
#un-live .back-btn {
display: none !important; } }
#un-live .un-live-order-fullfilment::before {
content: '';
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 90vh;
display: block;
left: 0;
position: fixed;
z-index: -1; }
#un-live .img-responsive {
width: 100%;
object-fit: contain; }
#un-live .un-button-live {
background-color: #fff;
margin-right: 10px;
margin-top: 10px;
z-index: 1;
position: absolute;
right: 0;
border-radius: 50% !important;
padding: 0; }
#un-live #un-backgroundImage {
position: absolute;
left: 0;
width: 100%;
bottom: 0; }
#un-live .un-leftImage {
position: absolute;
left: 100px;
bottom: 50px; }
#un-live .un-leftImage img {
width: 301px; }
@media (max-width: 1440px) {
#un-live .un-leftImage {
left: 30px;
bottom: 20px; }
#un-live .un-leftImage img {
width: 201px !important; } }
#un-live .un-rightImage {
position: absolute;
right: 100px;
bottom: 50px; }
#un-live .un-rightImage img {
width: 304px; }
@media (max-width: 1440px) {
#un-live .un-rightImage {
right: 30px;
bottom: 20px; }
#un-live .un-rightImage img {
width: 204px; } }
#un-live .un-top-logo {
top: 31px;
height: 219px;
background-color: #002c83;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
position: relative; }
@media (max-width: 1440px) {
#un-live .un-top-logo {
height: 160px !important; } }
#un-live .un-top-logo img {
margin-bottom: 100px;
margin-left: 362px;
margin-right: 327px;
width: 134px;
height: 62px;
z-index: 1; }
@media (max-width: 1440px) {
#un-live .un-top-logo img {
margin-bottom: 60px !important; } }
#un-live .un-top-logo #un-curr_datetime {
color: #fff; }
#un-live .un-top-logo span {
margin-bottom: 100px;
align-items: center;
justify-content: center;
display: flex;
color: white;
height: 41px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
font-size: 20px; }
@media (max-width: 1440px) {
#un-live .un-top-logo span {
margin-bottom: 60px !important; } }
#un-live .un-top-logo .selected-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 25px !important;
padding: auto !important;
border-radius: 17px !important;
border: 0.4px solid #5acc5a !important;
background-color: #5acc5a !important;
box-shadow: none !important;
color: #ffffff !important; }
#un-live .un-top-logo .selected-btn span {
height: unset !important;
font-size: 14px !important;
margin-bottom: 0 !important;
color: #ffffff !important; }
#un-live .un-top-logo .normal-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 25px !important;
padding: auto !important;
border-radius: 17px !important;
border: 0.4px solid #5acc5a !important;
background-color: transparent !important;
box-shadow: none !important;
color: #5acc5a !important; }
#un-live .un-top-logo .normal-btn span {
height: unset !important;
font-size: 14px !important;
margin-bottom: 0 !important;
color: #5acc5a !important; }
#un-live #un-total-scan .un-holder #un-total-scan-div {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center; }
#un-live #un-ranking-frame .un-holder #un-ranking_div {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center; }
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div {
justify-content: space-evenly; }
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div {
justify-content: space-evenly; }
#un-live .un-current-stats-container {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
width: fit-content;
width: -moz-fit-content; }
#un-live .un-current-stats-container .un-current-stats .un-ranking-stats-type {
justify-content: center;
font-size: 28px;
line-height: 28px;
margin-bottom: 12px; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-ranking-stats-type {
font-size: 24px;
margin-bottom: 5px; } }
#un-live .un-current-stats-container .un-current-stats {
z-index: 2; }
#un-live .un-current-stats-container .un-current-stats > div {
display: flex;
align-items: center; }
#un-live .un-current-stats-container .un-current-stats .un-current-datetime {
justify-content: space-evenly;
padding-bottom: 12px; }
#un-live .un-current-stats-container .un-current-stats .un-current-total {
box-shadow: 2px 4px 12px #00000029;
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 10px;
width: 427px;
height: 96px;
margin: auto; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-current-total {
width: 367px;
height: 86px; } }
#un-live .un-current-stats-container .un-current-stats .un-list {
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 20px 24px;
width: 427px;
height: 444px;
margin: 10px; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-list {
width: 367px !important;
height: 340px !important; } }
#un-live .un-current-total .un-of-title {
color: #0c2028;
margin-right: 12px; }
#un-live .un-current-total .un-number {
color: #5acc5a;
font-size: 60px;
font-weight: bold !important; }
#un-live .un-ranking-stats-container {
display: flex;
justify-content: center;
margin-top: -30px;
flex-wrap: wrap;
position: relative;
z-index: 0; }
#un-live .un-ranking-stats {
width: 80%;
background-color: rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 20px 2px #ff67f4;
border: 8px solid #cf00c0;
border-radius: 10px;
padding-top: 30px;
font-size: 25px; }
#un-live .un-ranking-stats .un-ranking:nth-child(odd) {
background-color: rgba(207, 0, 192, 0.4); }
#un-live .un-ranking-stats .un-ranking {
display: flex;
padding: 8px;
align-items: center; }
#un-live .un-ranking-stats .un-ranking-position {
width: 10%;
background-image: '';
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 16px;
font-weight: bold;
width: 50px;
height: 30px; }
#un-live .un-ranking-stats .un-ranking:nth-child(1) .un-ranking-position {
background-image: ''; }
#un-live .un-ranking-stats .un-ranking:nth-child(2) .un-ranking-position {
background-image: ''; }
#un-live .un-ranking-stats .un-ranking:nth-child(3) .un-ranking-position {
background-image: ''; }
#un-live .un-ranking-stats .un-ranking-name {
color: #fff;
width: 60%;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-left: 20px;
padding-right: 20px; }
#un-live .un-ranking-stats .un-ranking-counts {
color: #fffb78;
font-style: italic;
width: 40%;
font-size: 18px;
align-items: center;
display: flex;
justify-content: flex-end; }
#un-live .un-ranking-stats-base {
z-index: -1;
width: 100%;
transform: rotateX(75deg);
text-align: center;
height: 0;
position: relative;
bottom: 100px; }
#un-live .un-ranking-stats-base img {
animation: rotatingBase 5s infinite;
width: 40%; }
#un-live #un-btn-back {
position: fixed;
left: 100px;
top: 50px;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 100%;
padding: 10px;
z-index: 10; }
#un-live #un-total-scan {
height: auto;
position: absolute;
left: 50%;
top: 180px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
z-index: 1001; }
@media (max-width: 1440px) {
#un-live #un-total-scan {
top: 144px !important; } }
#un-live #un-ranking-frame {
height: auto;
position: absolute;
left: 50%;
top: 489px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
z-index: 1001; }
@media (max-width: 1440px) {
#un-live #un-ranking-frame {
top: 380px !important; } }
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div > div:first-child,
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div > div:nth-child(3),
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div > div:first-child,
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div > div:nth-child(3) {
transform: scale(0.9); }
#un-live-combo {
margin: -32px 0;
height: 100vh; }
#un-live-combo .hide {
display: none !important; }
#un-live-combo .back-btn,
#un-live-combo .back-btn:hover,
#un-live-combo .back-btn:focus {
left: 20px !important;
top: 10px !important;
position: fixed !important;
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
#un-live-combo .back-btn i,
#un-live-combo .back-btn:hover i,
#un-live-combo .back-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media only screen and (max-width: 768px) {
#un-live-combo .back-btn {
display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 1025px) {
#un-live-combo .back-btn {
display: none !important; } }
#un-live-combo .un-live-order-fullfilment::before {
content: '';
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 90vh;
display: block;
left: 0;
position: fixed;
z-index: -1; }
#un-live-combo .img-responsive {
width: 100%;
object-fit: contain; }
#un-live-combo .un-button-live {
background-color: #fff;
margin-right: 10px;
margin-top: 10px;
z-index: 1;
position: absolute;
right: 0;
border-radius: 50% !important;
padding: 0; }
#un-live-combo #un-backgroundImage {
position: absolute;
left: 0;
width: 100%;
bottom: 0; }
#un-live-combo .un-leftImage {
position: absolute;
left: 100px;
bottom: 50px; }
#un-live-combo .un-leftImage img {
width: 301px; }
@media (max-width: 1440px) {
#un-live-combo .un-leftImage {
left: 30px;
bottom: 20px; }
#un-live-combo .un-leftImage img {
width: 201px !important; } }
#un-live-combo .un-rightImage {
position: absolute;
right: 100px;
bottom: 50px; }
#un-live-combo .un-rightImage img {
width: 304px; }
@media (max-width: 1440px) {
#un-live-combo .un-rightImage {
right: 30px;
bottom: 20px; }
#un-live-combo .un-rightImage img {
width: 204px; } }
#un-live-combo .un-top-logo {
top: 31px;
height: 219px;
background-color: #002c83;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
position: relative; }
@media (max-width: 1440px) {
#un-live-combo .un-top-logo {
height: 160px !important; } }
#un-live-combo .un-top-logo img {
margin-bottom: 100px;
margin-left: 362px;
margin-right: 327px;
width: 134px;
height: 62px;
z-index: 1; }
@media (max-width: 1440px) {
#un-live-combo .un-top-logo img {
margin-bottom: 60px !important; } }
#un-live-combo .un-top-logo #un-curr_datetime {
color: #fff; }
#un-live-combo .un-top-logo span {
margin-bottom: 100px;
align-items: center;
justify-content: center;
display: flex;
color: white;
height: 41px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
font-size: 20px; }
@media (max-width: 1440px) {
#un-live-combo .un-top-logo span {
margin-bottom: 60px !important; } }
#un-live-combo .un-top-logo .selected-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 25px !important;
padding: auto !important;
border-radius: 17px !important;
border: 0.4px solid #5acc5a !important;
background-color: #5acc5a !important;
box-shadow: none !important;
color: #ffffff !important; }
#un-live-combo .un-top-logo .selected-btn span {
height: unset !important;
font-size: 14px !important;
margin-bottom: 0 !important;
color: #ffffff !important; }
#un-live-combo .un-top-logo .normal-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 25px !important;
padding: auto !important;
border-radius: 17px !important;
border: 0.4px solid #5acc5a !important;
background-color: transparent !important;
box-shadow: none !important;
color: #5acc5a !important; }
#un-live-combo .un-top-logo .normal-btn span {
height: unset !important;
font-size: 14px !important;
margin-bottom: 0 !important;
color: #5acc5a !important; }
#un-live-combo #un-total-scan .un-holder #un-total-scan-div {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center; }
#un-live-combo #un-ranking-frame .un-holder #un-ranking_div {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center; }
#un-live-combo #un-total-scan .un-holder.un-chart_3 #un-total-scan-div {
justify-content: space-evenly; }
#un-live-combo #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div {
justify-content: space-evenly; }
#un-live-combo .un-current-stats-container {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
width: fit-content;
width: -moz-fit-content; }
#un-live-combo .un-current-stats-container .un-current-stats .un-ranking-stats-type {
justify-content: center;
font-size: 28px;
line-height: 28px;
margin-bottom: 12px; }
@media (max-width: 1440px) {
#un-live-combo .un-current-stats-container .un-current-stats .un-ranking-stats-type {
font-size: 24px;
margin-bottom: 5px; } }
#un-live-combo .un-current-stats-container .un-current-stats {
z-index: 2; }
#un-live-combo .un-current-stats-container .un-current-stats > div {
display: flex;
align-items: center; }
#un-live-combo .un-current-stats-container .un-current-stats .un-current-datetime {
justify-content: space-evenly;
padding-bottom: 12px; }
#un-live-combo .un-current-stats-container .un-current-stats .un-current-total {
box-shadow: 2px 4px 12px #00000029;
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 10px;
width: 427px;
height: 96px;
margin: 10px; }
@media (max-width: 1440px) {
#un-live-combo .un-current-stats-container .un-current-stats .un-current-total {
width: 367px;
height: 86px; } }
#un-live-combo .un-current-stats-container .un-current-stats .un-list {
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 20px 24px;
width: 427px;
height: 444px;
margin: 10px; }
@media (max-width: 1440px) {
#un-live-combo .un-current-stats-container .un-current-stats .un-list {
width: 367px !important;
height: 340px !important; } }
#un-live-combo .un-current-total .un-of-title {
color: #0c2028;
margin-right: 12px; }
#un-live-combo .un-current-total .un-number {
color: #5acc5a;
font-size: 60px;
font-weight: bold !important; }
#un-live-combo .un-ranking-stats-container {
display: flex;
justify-content: center;
margin-top: -30px;
flex-wrap: wrap;
position: relative;
z-index: 0; }
#un-live-combo .un-ranking-stats {
width: 80%;
background-color: rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 20px 2px #ff67f4;
border: 8px solid #cf00c0;
border-radius: 10px;
padding-top: 30px;
font-size: 25px; }
#un-live-combo .un-ranking-stats .un-ranking:nth-child(odd) {
background-color: rgba(207, 0, 192, 0.4); }
#un-live-combo .un-ranking-stats .un-ranking {
display: flex;
padding: 8px;
align-items: center; }
#un-live-combo .un-ranking-stats .un-ranking-position {
width: 10%;
background-image: '';
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 16px;
font-weight: bold;
width: 50px;
height: 30px; }
#un-live-combo .un-ranking-stats .un-ranking:nth-child(1) .un-ranking-position {
background-image: ''; }
#un-live-combo .un-ranking-stats .un-ranking:nth-child(2) .un-ranking-position {
background-image: ''; }
#un-live-combo .un-ranking-stats .un-ranking:nth-child(3) .un-ranking-position {
background-image: ''; }
#un-live-combo .un-ranking-stats .un-ranking-name {
color: #fff;
width: 60%;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-left: 20px;
padding-right: 20px; }
#un-live-combo .un-ranking-stats .un-ranking-counts {
color: #fffb78;
font-style: italic;
width: 40%;
font-size: 18px;
align-items: center;
display: flex;
justify-content: flex-end; }
#un-live-combo .un-ranking-stats-base {
z-index: -1;
width: 100%;
transform: rotateX(75deg);
text-align: center;
height: 0;
position: relative;
bottom: 100px; }
#un-live-combo .un-ranking-stats-base img {
animation: rotatingBase 5s infinite;
width: 40%; }
#un-live-combo #un-btn-back {
position: fixed;
left: 100px;
top: 50px;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 100%;
padding: 10px;
z-index: 10; }
#un-live-combo #un-total-scan {
height: auto;
position: absolute;
left: 50%;
top: 132px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
z-index: 1001; }
@media (max-width: 1440px) {
#un-live-combo #un-total-scan {
top: 102px !important; } }
#un-live-combo #un-ranking-frame {
height: auto;
position: absolute;
left: 50%;
top: 432px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
z-index: 1001; }
@media (max-width: 1440px) {
#un-live-combo #un-ranking-frame {
top: 380px !important; } }
#un-live-combo #un-total-scan .un-holder.un-chart_3 #un-total-scan-div > div:first-child,
#un-live-combo #un-total-scan .un-holder.un-chart_3 #un-total-scan-div > div:nth-child(3),
#un-live-combo #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div > div:first-child,
#un-live-combo #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div > div:nth-child(3) {
transform: scale(0.9); }
.ofaForm .left-panel {
width: 50%;
padding-right: 10px; }
.ofaForm .right-panel {
width: 50%;
padding-left: 10px; }
.ofaWarning.un-box-flat {
font-size: 18px !important;
color: #49302c !important;
border-color: #ffadad !important;
background-color: #ffe0e0 !important; }
.ofaInfo.un-box-flat {
font-size: 18px !important;
font-size: 18px !important;
color: #323f47 !important;
border-color: #8ed7ff !important;
background-color: #d0f4ff !important; }
.ofaSuccess.un-box-flat {
font-size: 18px !important;
color: #35454c !important;
border-color: #bcefb9 !important;
background-color: #f3fff3 !important; }
.ofaOrder .title {
margin-bottom: 20px; }
.ofaOrder .ant-table table {
border: none !important;
box-shadow: none !important;
overflow-x: auto; }
.ofaOrder table thead {
background-color: #fafafb !important; }
.ofaOrder .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; }
.ofaOrder .ant-table-thead > tr > th {
border-bottom: none !important; }
.ofaOrder .ant-table-tbody > tr > td {
vertical-align: top !important; }
.ofaOrder .ofaOrderDetail {
margin-bottom: 12px; }
.ofaOrder .ofaOrderDetail .body.set-lighter {
width: 150px; }
.ofaOrder .ofaTable .heading-medium {
margin-bottom: 12px !important; }
.ofaOrder .ofaTable .heading-medium span.set-light {
font-weight: normal !important; }
.ofaOrder .ofaTable .heading-medium div.set-light {
font-weight: normal !important;
margin-right: 4px; }
.ofaOrder .ofaTable .tracking-number {
text-transform: uppercase; }
.ofaOrder .ofaTable .ant-table-wrapper.un-block {
overflow-x: auto !important; }
.ofaOrder .ofaTable .ant-table-row-indent {
display: none !important; }
.ofaOrder .ofaTable .ant-list-item {
padding: 0 !important; }
.ofaOrder .ofaTable .un-row-product {
margin-right: 12px; }
.ofaOrder .ofaTable .un-row-product img {
object-fit: contain !important; }
.ofaOrder .ofaTable .ant-table-tbody > tr:hover > td {
background: none !important; }
.ofaOrder .ofaTable .item-name {
min-width: 280px; }
.ofaOrder .ofaTable td:nth-child(1) {
width: 45% !important;
min-width: 45% !important; }
.ofaOrder .ofaTable td:nth-child(2) {
width: 35% !important;
min-width: 35% !important; }
.ofaOrder .ofaTable td:nth-child(3) {
width: 5% !important;
min-width: 5% !important; }
.ofaOrder .ofaTable td:nth-child(4) {
width: 5% !important;
min-width: 5% !important; }
.ofaOrder .ofaTable td:nth-child(5) {
width: 10% !important;
min-width: 10% !important; }
.ofaOrder .ofaTable td .heading-medium {
margin-bottom: 4px !important; }
.ofaOrder .ofaTable td .set-lighter {
line-height: 22px !important;
font-size: 18px !important;
margin-bottom: 4px !important; }
.ofaOrder .ofaTable td .set {
font-size: 18px !important;
margin-bottom: 4px !important; }
.ofaOrder .ofaTable td .display-large {
font-size: 28px !important;
font-weight: bold !important; }
.ofaOrder .ofaTable td .blue {
font-weight: bold !important; }
.ofaOrder .ofaTable td .variation {
display: inline-flex; }
.ofaOrder .ofaTable td .variation .set-lighter {
line-height: 22px !important;
font-size: 18px !important;
margin-bottom: 4px !important; }
.ofaOrder .ofaTable td .variation .orange {
line-height: 22px !important;
font-size: 18px !important;
font-weight: bold !important;
margin-bottom: 4px !important;
margin-left: 4px !important; }
.ofaOrder .ofaTable td .product-property .set-lighter {
line-height: 20px !important;
font-size: 16px !important;
margin-bottom: 4px !important; }
@media (max-width: 1024px) {
.ofaOrder .ofaTable td .serial-container {
display: block !important; } }
.ofaOrder .ofaTable td .serial-container .serial-label {
font-size: 18px !important;
color: #647176 !important;
line-height: 46px;
margin-right: 8px !important; }
.ofaOrder .ofaTable td .serial-container .barcodeFields {
height: 46px;
border-radius: 4px;
width: auto; }
.ofaOrder .ofaTable td .serial-container .barcodeFields svg {
color: #90999d;
margin-right: 8px;
width: 21px;
height: 22px; }
.ofaOrder .ofaTable td .serial-container .barcodeFields .ant-input {
color: #0c2028;
font-size: 18px !important;
font-weight: normal !important; }
.ofaOrder .ofaTable td .serial-container .barcodeFields #shippingLabel {
text-transform: uppercase; }
.ofaOrder .ofaTable td .serial-container .ant-form-item {
margin-bottom: 8px !important; }
.ofaOrder .ofaTable td .serial-container .add-on svg {
width: 18px !important;
height: 18px !important;
color: #90999d !important;
margin-left: 10px; }
.ofaOrder .ofaTable td .serial-container .serial-number-text {
display: flex;
align-items: flex-start;
gap: 0.5em;
width: 16em;
white-space: pre-wrap;
word-break: break-word; }
@media (min-width: 1600px) and (max-width: 1919px) {
.ofaOrder .ofaTable td .serial-container .serial-number-text {
width: 20em; } }
@media (min-width: 1920px) {
.ofaOrder .ofaTable td .serial-container .serial-number-text {
width: 30em; } }
.ofaOrder .ofaTable td .serial-container .serial-number-prefix {
flex-shrink: 0; }
.ofaOrder .ofaTable td .serial-container .serial-number-value {
flex: 1;
overflow-wrap: break-word; }
.ofaOrder .ofaTable .ant-table-row.ant-table-row-level-0.main-product > td:first-child {
padding-left: 1px !important; }
.ofaOrder .ofaTable .ant-table-row.ant-table-row-level-0.main-product td {
border-bottom: 1px solid #e5e5e5 !important; }
.ofaOrder .ofaTable .ant-table-row.ant-table-row-level-0.item-parent > td:first-child {
padding-left: 20px !important; }
.ofaOrder .ofaTable .ant-table-row.ant-table-row-level-0.item-parent td {
padding: 20px 16px !important; }
.ofaOrder .ofaTable .ant-table-row.ant-table-row-level-1.item-child > td:first-child {
padding-left: 20px !important;
padding-right: 35px !important; }
.ofaOrder .ofaTable .ant-table-row.ant-table-row-level-1.item-child > td:nth-child(2) {
padding-right: 27px !important; }
.ofaOrder .ofaTable .ant-table-row.ant-table-row-level-1.item-child td {
padding: 0 16px 20px !important; }
.ofaOrder .ofaTable .ant-list-item-meta-title {
margin-bottom: 4px;
color: #0c2028;
font-size: 18px !important;
font-weight: bold;
line-height: normal;
height: 33.6px;
margin-bottom: 0 !important; }
.ofaOrder .ofaTable .ant-list-item-meta-description {
font-size: 18px !important;
margin-top: 21px;
height: 17px; }
.ofaOrder .ofaTable svg {
width: 28px;
height: 29px;
color: #5acc5a; }
.ofaOrder .ofaTable .add-on svg {
width: 18px !important;
height: 19px !important;
color: #0c2028 !important; }
.ofaOrder .ofaTable .deal-tag {
width: fit-content;
height: 18px;
line-height: 18px;
font-size: 12px;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
padding: 1px 6px;
align-self: center;
margin-right: 4px; }
.ofaOrder .ofaTable .circle-quantity {
border: 2px solid black;
padding: 0.2rem 0.6rem;
border-radius: 50%; }
@media (min-width: 1024px) {
.orderFulfillmentAssistant-report {
width: 900px !important;
margin: 0 auto; } }
.orderFulfillmentAssistant-report .unicart-filter {
margin-top: 0 !important; }
.orderFulfillmentAssistant-viewReport h2 {
text-transform: capitalize; }
.orderFulfillmentAssistant-viewReport .unicart-table .checkCircleOutline svg {
width: 18px;
height: 18px;
color: #5acc5a; }
.orderFulfillmentAssistant-viewReport .unicart-table .alertCircleOutline svg {
width: 18px;
height: 18px;
color: #e0241a; }
.orderFulfillmentAssistant-report .date-range2,
.orderFulfillmentAssistant-viewReport .date-range2 {
background-color: #ffffff;
height: 41px !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; }
.orderFulfillmentAssistant-report .date-range2 .ant-picker,
.orderFulfillmentAssistant-viewReport .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.orderFulfillmentAssistant-report .date-range2 .ant-picker-suffix,
.orderFulfillmentAssistant-viewReport .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.orderFulfillmentAssistant-report .date-range2 .ant-picker-input,
.orderFulfillmentAssistant-viewReport .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.orderFulfillmentAssistant-report .date-range2 .ant-picker-input input,
.orderFulfillmentAssistant-viewReport .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.orderFulfillmentAssistant-report .date-range2 .ant-picker-clear,
.orderFulfillmentAssistant-viewReport .date-range2 .ant-picker-clear {
display: none !important; }
.orderFulfillmentAssistant-report .date-picker-button,
.orderFulfillmentAssistant-viewReport .date-picker-button {
height: 41px;
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; }
.orderFulfillmentAssistant-report .search-form .un-filter-value,
.orderFulfillmentAssistant-viewReport .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; }
.orderFulfillmentAssistant-report .ant-table-container table > thead > tr:first-child th:last-child,
.orderFulfillmentAssistant-viewReport .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.orderFulfillmentAssistant-report .ant-table-container table > thead > tr:first-child th:first-child,
.orderFulfillmentAssistant-viewReport .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.orderFulfillmentAssistant-report .ant-table table,
.orderFulfillmentAssistant-viewReport .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.orderFulfillmentAssistant-report .ant-table,
.orderFulfillmentAssistant-viewReport .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; }
.orderFulfillmentAssistant-report .unicart-table .ant-table-tbody > tr > td,
.orderFulfillmentAssistant-viewReport .unicart-table .ant-table-tbody > tr > td {
border-top: none !important;
border-bottom: 1px solid #e5e5e5 !important; }
.orderFulfillmentAssistant-report .unicart-table .ant-table-tbody > tr:last-child > td,
.orderFulfillmentAssistant-viewReport .unicart-table .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.orderFulfillmentAssistant-report .unicart-table .ant-list-item-meta-description,
.orderFulfillmentAssistant-viewReport .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.orderFulfillmentAssistant-report .view-btn,
.orderFulfillmentAssistant-viewReport .view-btn {
width: 33px !important;
height: 33px !important;
background: none !important;
border: none !important;
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
text-align: center !important; }
.orderFulfillmentAssistant-report .view-btn:hover,
.orderFulfillmentAssistant-viewReport .view-btn:hover {
background: #ffffff !important; }
.orderFulfillmentAssistant-report .view-btn:hover .un-dot,
.orderFulfillmentAssistant-viewReport .view-btn:hover .un-dot {
background-color: #0c2028 !important; }
.orderFulfillmentAssistant-report .view-btn:focus,
.orderFulfillmentAssistant-viewReport .view-btn:focus {
background: #e5e5e5 !important; }
.liveDataTable {
width: 400px;
min-height: 402px; }
.liveDataTable .ant-table table {
border: none !important; }
.liveDataTable .ant-table-thead > tr > th {
padding: 3px 10px !important;
border-bottom: none !important;
background-color: #fafafb !important;
height: 32px !important; }
.liveDataTable .ant-table-tbody > tr > td {
padding: 3px 10px !important;
border-bottom: none !important;
color: #0c2028;
font-size: 20px; }
.liveDataTable .ant-table-body {
overflow-y: auto !important;
max-height: 290px !important; }
@media (min-width: 1440px) {
.liveDataTable .ant-table-body {
max-height: 370px !important; } }
@media (max-width: 1440px) {
.liveDataTable {
width: 340px !important;
min-height: 332px; }
.liveDataTable .ant-table-tbody > tr > td {
padding: 3px 10px !important;
border-bottom: none !important;
color: #0c2028;
font-size: 16px !important; } }
.liveDataChart {
margin: 0; }
.apexcharts-canvas {
width: 400px; }
@media (max-width: 1440px) {
.apexcharts-canvas {
width: 350px !important; } }
.ofaTable .ant-table-tbody > tr td {
border: none; }
.ofaTable .item-parent td:first-child,
.ofaTable .item-child td:first-child {
border-left: 1px solid #e5e5e5; }
.ofaTable .item-parent td:last-child,
.ofaTable .item-child td:last-child {
border-right: 1px solid #e5e5e5; }
.ofaTable .ant-table-tbody > .last-item-child > td {
border-bottom: 1px solid #e5e5e5; }
.ofaTable .tracking-number {
text-transform: uppercase; }
.uom-modal .ant-modal-content {
border-radius: 12px !important; }
.uom-modal .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important; }
.uom-modal .uom-table table tbody tr td {
vertical-align: top !important; }
.uom-modal .uom-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.uom-modal .uom-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.uom-modal .uom-table table thead {
background-color: #fafafb !important; }
.uom-modal .uom-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; }
.uom-modal .uom-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.uom-modal .row {
align-items: baseline !important; }
.uom-modal .un-title-light {
display: none !important; }
.uom-modal .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.uom-modal .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.ofa-select-shipment-list .ofa-select-shipment-list-table tbody tr td {
vertical-align: top !important; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .ant-form-item {
margin-bottom: 0px !important; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .ant-table table {
border: none !important; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .ant-table-thead > tr > th,
.ofa-select-shipment-list .ofa-select-shipment-list-table .ant-table-tbody > tr > td {
padding: 6px 6px !important; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .ant-table-thead th {
background-color: #fafafb !important; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .ant-legacy-form-item {
margin-bottom: 0px; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .trash .ant-legacy-form-item-children {
display: flex;
align-items: center; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .dimension-field {
max-width: 90% !important; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .dimension-field .ant-input-suffix {
color: #90999d; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .dimension-field .first-dimension {
width: 35%;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: none; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .dimension-field .middle-dimension {
width: 35%;
border-left: none;
border-right: none; }
.ofa-select-shipment-list .ofa-select-shipment-list-table .dimension-field .last-dimension {
width: 27% !important;
border-left: none !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important; }
.ofa-package-list .row {
margin-right: 10px !important; }
.print-awb-package-table table tbody tr td {
vertical-align: top !important; }
body {
background: #ffffff; }
body,
td,
th,
input,
select,
textarea,
option,
optgroup {
font-size: 12px;
color: #000000; }
h1 {
text-transform: uppercase;
color: #cccccc;
text-align: right;
font-size: 24px;
font-weight: normal;
padding-bottom: 5px;
margin-top: 0px;
margin-bottom: 15px;
border-bottom: 1px solid #cddddd; }
.store {
width: 100%;
margin-bottom: 20px; }
.store > div {
display: inline-block !important;
vertical-align: top !important;
color: #38484f !important; }
.store .store-logo {
align-self: flex-start;
height: fit-content;
margin-bottom: 20px;
margin-right: 10px; }
.store .store-logo img {
width: 100%;
height: auto;
object-fit: contain !important; }
.store .store-name {
font-size: 16px !important;
font-weight: bold !important;
line-height: 20px !important;
color: #38484f !important;
margin-bottom: 8px; }
.store .store-name-large {
font-size: x-large !important;
font-weight: bold !important;
line-height: 20px !important;
color: #38484f !important;
margin-bottom: 8px; }
.store .store-address-large {
font-size: 16px !important; }
.store .store-address {
font-size: 14px !important; }
.store .customer-info-content,
.store .invoice-content {
width: 100% !important; }
.store .invoice-header > div {
font-size: 24px !important;
font-weight: bold !important;
line-height: 26px !important;
text-align: right !important;
color: #38484f !important;
margin-bottom: 8px;
text-transform: uppercase !important;
width: 100% !important; }
.store .invoice-label {
width: 45% !important;
text-align: left !important;
padding-right: 8px !important;
font-size: 14px !important;
display: inline-block !important;
vertical-align: top !important; }
.store .invoice-label-large {
width: 45% !important;
font-size: 16px !important;
display: inline-block !important;
vertical-align: top !important; }
.store .code-display {
padding: 5px 0 !important;
width: 100% !important; }
.store .invoice-val {
width: 55% !important;
font-size: 14px !important;
display: inline-block !important; }
.store .invoice-val-large {
width: 55% !important;
font-size: 16px !important;
display: inline-block !important; }
.store .customer,
.store .shipping-address {
margin-top: 12px;
font-size: 14px !important; }
.store .customer .break-text,
.store .shipping-address .break-text {
overflow-wrap: break-word !important; }
.store .customer-large,
.store .shipping-address-large {
margin-top: 12px;
font-size: 16px !important; }
.store .customer-large .break-text,
.store .shipping-address-large .break-text {
overflow-wrap: break-word !important; }
.store .customer-info {
margin-top: 12px;
font-size: 14px !important;
width: 60% !important; }
.store .customer-info .break-text {
overflow-wrap: break-word !important; }
.store .customer-info-large {
margin-top: 12px;
font-size: 16px !important;
width: 60% !important; }
.store .customer-info-large .break-text {
overflow-wrap: break-word !important; }
.store .customer-info-label {
width: 30% !important;
text-align: left !important;
padding-right: 8px !important;
font-size: 14px !important;
display: inline-block !important;
vertical-align: top !important; }
.store .customer-info-label-large {
width: 30% !important;
font-size: 16px !important;
display: inline-block !important;
vertical-align: top !important; }
.store .customer-info-val {
width: 70% !important;
font-size: 14px !important;
display: inline-block !important; }
.store .customer-info-val-large {
width: 70% !important;
font-size: 16px !important;
display: inline-block !important; }
.div2 {
float: left;
display: inline-block; }
.div3 {
float: right;
display: inline-block;
padding: 5px; }
.heading td {
background: #e5e5e5;
padding: 7px 12px !important; }
.address,
.product {
border-collapse: collapse; }
.address {
width: 100%;
margin-bottom: 20px;
border-top: 1px solid #cddddd;
border-right: 1px solid #cddddd; }
.address th,
.address td {
border-left: 1px solid #cddddd;
border-bottom: 1px solid #cddddd;
padding: 5px;
vertical-align: text-bottom; }
.address td {
width: 50%; }
.product {
width: 100%;
margin-top: 20px;
border-top: 1px solid #e5e5e5;
margin-bottom: 20px; }
.product td {
border-bottom: 1px solid #e5e5e5;
padding: 12px;
vertical-align: top !important;
color: #38484f !important;
font-size: 14px !important; }
.product td .product-img img {
height: 56px !important;
width: 56px !important;
border-radius: 2px; }
.product-large {
width: 100%;
margin-top: 20px;
border-top: 1px solid #e5e5e5;
margin-bottom: 20px; }
.product-large td {
border-bottom: 1px solid #e5e5e5;
padding: 12px;
vertical-align: top !important;
color: #38484f !important;
font-size: 16px !important; }
.product-large td .product-img img {
height: 80px !important;
width: 56px !important;
border-radius: 2px; }
.total-row {
border-bottom: none !important; }
.total-val {
font-size: 16px !important;
font-weight: bold !important;
width: 120px; }
.invoice-remark {
width: 100% !important;
height: fit-content !important;
color: #38484f !important;
padding: 4px !important;
font-size: 14px !important;
background-color: #f6f6f6;
margin-bottom: 12px;
word-break: break-word; }
.invoice-remark.no-price {
position: relative !important; }
.invoice-remark-large {
width: 100% !important;
height: fit-content !important;
color: #38484f !important;
padding: 4px !important;
font-size: 16px !important;
background-color: #f6f6f6;
margin-bottom: 12px;
word-break: break-word; }
.invoice-remark-large.no-price {
position: relative !important; }
.packing-note {
color: #38484f !important;
font-size: 14px !important;
word-break: break-word;
margin-bottom: 12px; }
.packing-note-large {
color: #38484f !important;
font-size: 16px !important;
word-break: break-word;
margin-bottom: 12px; }
.remarks-container {
position: relative !important; }
.remarks-container .term {
color: #38484f !important;
padding: 0 !important;
font-size: 14px !important; }
.remarks-container .term-large {
color: #38484f !important;
padding: 0 !important;
font-size: 16px !important; }
.remarks-container .term p {
color: #38484f !important;
padding: 0 !important;
font-size: 14px !important;
word-break: break-word; }
.remarks-container .term-large p {
color: #38484f !important;
padding: 0 !important;
font-size: 16px !important;
word-break: break-word; }
.signature-container {
text-align: center !important;
width: 40%;
padding-top: 20px;
margin-bottom: 50px; }
.signature-container .signature-section {
height: 60px !important; }
.signature-container .signature {
font-size: 14px !important;
border-top: 1px solid #707070 !important;
padding-top: 5px !important; }
.signature-container .signature-large {
font-size: 16px !important;
border-top: 1px solid #707070 !important;
padding-top: 5px !important; }
.signature-container .signature-data {
padding: 0 !important;
text-align: left !important;
font-size: 14px !important; }
.signature-container .signature-data-large {
padding: 0 !important;
text-align: left !important;
font-size: 16px !important; }
.malaysia-einvoice-submission .title {
font-size: 16px !important;
font-weight: bold !important;
margin-bottom: 10px !important; }
.malaysia-einvoice-submission .desc {
font-size: 14px !important;
margin-bottom: 10px !important; }
.orderPackerScan .order-packer-scan-form label,
.orderPackerScan .order-picker-scan-form label,
.orderPickerScan .order-packer-scan-form label,
.orderPickerScan .order-picker-scan-form label {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
@media (min-width: 1024px) {
.orderPickerPackerReport,
.orderPickerPackerReport-ViewReport,
.orderPackerScan,
.orderPickerScan {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.orderPickerPackerReport .header-buttons,
.orderPickerPackerReport-ViewReport .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
width: 100% !important;
top: 10px !important;
position: fixed;
display: block !important;
padding-right: 99px !important; }
.orderPickerPackerReport .header-buttons .b-btn,
.orderPickerPackerReport .header-buttons .b-btn:hover,
.orderPickerPackerReport .header-buttons .b-btn:focus,
.orderPickerPackerReport-ViewReport .header-buttons .b-btn,
.orderPickerPackerReport-ViewReport .header-buttons .b-btn:hover,
.orderPickerPackerReport-ViewReport .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; }
.orderPickerPackerReport .header-buttons .b-btn i,
.orderPickerPackerReport .header-buttons .b-btn:hover i,
.orderPickerPackerReport .header-buttons .b-btn:focus i,
.orderPickerPackerReport-ViewReport .header-buttons .b-btn i,
.orderPickerPackerReport-ViewReport .header-buttons .b-btn:hover i,
.orderPickerPackerReport-ViewReport .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 10px !important; }
.orderPickerPackerReport .navigate,
.orderPickerPackerReport-ViewReport .navigate {
margin: 20px 0 !important;
margin-top: 0 !important; }
.orderPickerPackerReport .navigate .live-monitor-div .ant-select,
.orderPickerPackerReport-ViewReport .navigate .live-monitor-div .ant-select {
color: #0c2028 !important;
margin-right: 10px !important; }
.orderPickerPackerReport .navigate .live-monitor-div .ant-select.live-data-type-selection,
.orderPickerPackerReport-ViewReport .navigate .live-monitor-div .ant-select.live-data-type-selection {
width: 230px !important; }
.orderPickerPackerReport .navigate .live-monitor-div .ant-select.live-data-option-selection,
.orderPickerPackerReport-ViewReport .navigate .live-monitor-div .ant-select.live-data-option-selection {
width: 110px !important; }
.orderPickerPackerReport .navigate .live-monitor-div .primary-btn,
.orderPickerPackerReport-ViewReport .navigate .live-monitor-div .primary-btn {
margin-left: 8px; }
.orderPickerPackerReport .navigate .live-monitor-div .plain-btn,
.orderPickerPackerReport .navigate .live-monitor-div .plain-btn:hover,
.orderPickerPackerReport-ViewReport .navigate .live-monitor-div .plain-btn,
.orderPickerPackerReport-ViewReport .navigate .live-monitor-div .plain-btn:hover {
margin-top: 8px;
margin-left: auto !important;
margin-right: 0 !important;
background: none !important; }
.orderPickerPackerReport .ant-table-container table > thead > tr:first-child th:last-child,
.orderPickerPackerReport-ViewReport .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.orderPickerPackerReport .ant-table-container table > thead > tr:first-child th:first-child,
.orderPickerPackerReport-ViewReport .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.orderPickerPackerReport .ant-table table,
.orderPickerPackerReport-ViewReport .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.orderPickerPackerReport .unicart-table .checkCircleOutline svg,
.orderPickerPackerReport-ViewReport .unicart-table .checkCircleOutline svg {
width: 18px;
height: 18px;
color: #5acc5a; }
.orderPickerPackerReport .unicart-table .alertCircleOutline svg,
.orderPickerPackerReport-ViewReport .unicart-table .alertCircleOutline svg {
width: 18px;
height: 18px;
color: #e0241a; }
.orderPickerPackerReport .unicart-table .packer-column,
.orderPickerPackerReport .unicart-table .packer-total-order-column,
.orderPickerPackerReport-ViewReport .unicart-table .packer-column,
.orderPickerPackerReport-ViewReport .unicart-table .packer-total-order-column {
border-left: 1px solid #e5e5e5; }
.orderPickerPackerReport .unicart-table .packer-column,
.orderPickerPackerReport .unicart-table .packer-view-report-column,
.orderPickerPackerReport-ViewReport .unicart-table .packer-column,
.orderPickerPackerReport-ViewReport .unicart-table .packer-view-report-column {
border-right: 1px solid #e5e5e5; }
.orderPickerPackerReport .unicart-filter {
margin-top: 0 !important; }
.orderPackerScan .header-buttons,
.orderPickerScan .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.orderPackerScan .header-buttons,
.orderPickerScan .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
margin: 0 auto;
padding-right: 99px !important; } }
.orderPackerScan .header-buttons .d-inline-flex,
.orderPickerScan .header-buttons .d-inline-flex {
margin-right: 0 !important;
margin-left: auto !important; }
.orderPackerScan .header-buttons .b-btn,
.orderPackerScan .header-buttons .b-btn:hover,
.orderPackerScan .header-buttons .b-btn:focus,
.orderPickerScan .header-buttons .b-btn,
.orderPickerScan .header-buttons .b-btn:hover,
.orderPickerScan .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; }
.orderPackerScan .header-buttons .b-btn i,
.orderPackerScan .header-buttons .b-btn:hover i,
.orderPackerScan .header-buttons .b-btn:focus i,
.orderPickerScan .header-buttons .b-btn i,
.orderPickerScan .header-buttons .b-btn:hover i,
.orderPickerScan .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.orderPackerScan .ant-btn-danger i,
.orderPickerScan .ant-btn-danger i {
font-size: 14px !important;
height: 15px !important;
padding-right: 4px !important; }
.orderPackerScan .barcodeFields,
.orderPickerScan .barcodeFields {
height: 33px;
border-radius: 4px; }
.orderPackerScan .barcodeFields svg,
.orderPickerScan .barcodeFields svg {
color: #90999d;
margin-right: 8px;
font-size: 20px; }
.orderPackerScan .barcodeFields .ant-input,
.orderPickerScan .barcodeFields .ant-input {
height: unset !important;
text-transform: uppercase !important; }
.orderPackerScan .order-packer-scan-form .ant-input,
.orderPackerScan .order-picker-scan-form .ant-input,
.orderPickerScan .order-packer-scan-form .ant-input,
.orderPickerScan .order-picker-scan-form .ant-input {
color: #0c2028;
text-transform: uppercase !important; }
.orderPackerScan .order-packer-scan-form .ant-legacy-form-item-label,
.orderPackerScan .order-picker-scan-form .ant-legacy-form-item-label,
.orderPickerScan .order-packer-scan-form .ant-legacy-form-item-label,
.orderPickerScan .order-picker-scan-form .ant-legacy-form-item-label {
padding-bottom: 0px !important;
margin-bottom: 0px !important; }
.orderPackerScan .order-packer-scan-form label,
.orderPackerScan .order-picker-scan-form label,
.orderPickerScan .order-packer-scan-form label,
.orderPickerScan .order-picker-scan-form label {
color: #38484f !important;
margin-bottom: 4px !important; }
.orderPackerScan .order-packer-scan-form .ant-legacy-form-item,
.orderPackerScan .order-picker-scan-form .ant-legacy-form-item,
.orderPickerScan .order-packer-scan-form .ant-legacy-form-item,
.orderPickerScan .order-picker-scan-form .ant-legacy-form-item {
padding-bottom: 0 !important; }
.orderPackerScan .packer-login-div,
.orderPackerScan .picker-login-div,
.orderPickerScan .packer-login-div,
.orderPickerScan .picker-login-div {
position: absolute;
border: 1px solid #dadada;
width: 50%;
max-width: 380px;
background-color: #fff;
padding: 25px;
border-radius: 10px;
margin: auto;
display: block;
left: 0;
right: 0; }
.orderPackerScan .packer-login-div .login-header-box h1,
.orderPackerScan .picker-login-div .login-header-box h1,
.orderPickerScan .packer-login-div .login-header-box h1,
.orderPickerScan .picker-login-div .login-header-box h1 {
text-align: center;
margin: 20px auto;
color: #54667a;
align-items: center;
display: flex;
border-bottom: none !important;
width: fit-content; }
.orderPackerScan .packer-login-div .login-header-box h1 i,
.orderPackerScan .picker-login-div .login-header-box h1 i,
.orderPickerScan .packer-login-div .login-header-box h1 i,
.orderPickerScan .picker-login-div .login-header-box h1 i {
font-size: 40px;
font-weight: bold; }
.orderPackerScan .packer-login-div .login-header-box h1 span,
.orderPackerScan .picker-login-div .login-header-box h1 span,
.orderPickerScan .packer-login-div .login-header-box h1 span,
.orderPickerScan .picker-login-div .login-header-box h1 span {
font-size: 30px;
padding-left: 10px; }
.orderPackerScan .packer-login-div .login-content .btn-cancel,
.orderPackerScan .packer-login-div .login-content .btn-login,
.orderPackerScan .picker-login-div .login-content .btn-cancel,
.orderPackerScan .picker-login-div .login-content .btn-login,
.orderPickerScan .packer-login-div .login-content .btn-cancel,
.orderPickerScan .packer-login-div .login-content .btn-login,
.orderPickerScan .picker-login-div .login-content .btn-cancel,
.orderPickerScan .picker-login-div .login-content .btn-login {
width: 100% !important;
margin-bottom: 10px; }
.orderPackerScan .scannedOrderContainer,
.orderPickerScan .scannedOrderContainer {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px; }
.orderPackerScan .scannedOrderContainer .trackingIndex,
.orderPickerScan .scannedOrderContainer .trackingIndex {
font-size: 12px;
font-weight: bold; }
.orderPackerScan .scannedOrderContainer .errorTracking,
.orderPickerScan .scannedOrderContainer .errorTracking {
border: 1.5px solid #e0241a !important; }
.orderPackerScan .scannedOrderContainer .errorTracking i,
.orderPickerScan .scannedOrderContainer .errorTracking i {
color: #e0241a !important; }
.orderPackerScan .scannedOrderContainer .row > *,
.orderPickerScan .scannedOrderContainer .row > * {
height: 33px;
border: 1px solid #e5e5e5;
padding: 8px 6px;
font-size: 14px;
color: #38484f !important;
line-height: 1.25;
display: flex;
width: 100%;
padding: 0.5rem;
justify-content: space-between;
align-items: center;
overflow: hidden;
text-transform: uppercase !important; }
@media (min-width: 1024px) {
.orderPackerSettings,
.orderPickerSettings,
.liveScreenSettings {
width: 644px !important;
margin: 0 auto !important; } }
.orderPackerSettings .header-buttons,
.orderPickerSettings .header-buttons,
.liveScreenSettings .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.orderPackerSettings .header-buttons,
.orderPickerSettings .header-buttons,
.liveScreenSettings .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto;
padding-right: 0 !important; } }
.orderPackerSettings .header-buttons .b-btn,
.orderPackerSettings .header-buttons .b-btn:hover,
.orderPackerSettings .header-buttons .b-btn:focus,
.orderPickerSettings .header-buttons .b-btn,
.orderPickerSettings .header-buttons .b-btn:hover,
.orderPickerSettings .header-buttons .b-btn:focus,
.liveScreenSettings .header-buttons .b-btn,
.liveScreenSettings .header-buttons .b-btn:hover,
.liveScreenSettings .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; }
.orderPackerSettings .header-buttons .b-btn i,
.orderPackerSettings .header-buttons .b-btn:hover i,
.orderPackerSettings .header-buttons .b-btn:focus i,
.orderPickerSettings .header-buttons .b-btn i,
.orderPickerSettings .header-buttons .b-btn:hover i,
.orderPickerSettings .header-buttons .b-btn:focus i,
.liveScreenSettings .header-buttons .b-btn i,
.liveScreenSettings .header-buttons .b-btn:hover i,
.liveScreenSettings .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media (min-width: 1024px) {
.orderPickerPacker-setting {
width: 816px !important;
margin: 0 auto !important; } }
.orderPickerPacker-setting .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.orderPickerPacker-setting .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
margin: 0 auto;
padding-right: 0 !important; } }
.orderPickerPacker-setting .header-buttons .b-btn,
.orderPickerPacker-setting .header-buttons .b-btn:hover,
.orderPickerPacker-setting .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; }
.orderPickerPacker-setting .header-buttons .b-btn i,
.orderPickerPacker-setting .header-buttons .b-btn:hover i,
.orderPickerPacker-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.orderPickerPacker-setting .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.orderPickerPacker-setting .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.orderPickerPacker-setting .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.orderPickerPacker-setting .export-table table thead {
background-color: #fafafb !important; }
.orderPickerPacker-setting .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; }
.orderPickerPacker-setting .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.orderPickerPacker-setting .export-table .un-text-truncate {
font-weight: bold !important; }
.orderPickerPacker-setting .export-table .un-light-label {
font-size: 14px !important; }
.orderPickerPacker-setting .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.orderPickerPacker-setting .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
#un-live .un-current-total .un-of-title,
#un-live .un-current-total-fulfillment .un-of-title {
font-size: 20px;
line-height: 24px;
font-weight: 400; }
#un-live #un-backgroundImage {
position: absolute;
left: 0;
width: 100%;
bottom: 0; }
#un-live #un-backgroundImage img {
width: 100%; }
#un-live .un-leftImage {
position: absolute;
left: 2%;
bottom: 50px; }
#un-live .un-leftImage img {
width: 301px; }
@media (max-width: 1440px) {
#un-live .un-leftImage {
bottom: 20px; }
#un-live .un-leftImage img {
width: 201px !important; } }
#un-live .un-rightImage {
position: absolute;
right: 2%;
bottom: 50px; }
#un-live .un-rightImage img {
width: 304px; }
@media (max-width: 1440px) {
#un-live .un-rightImage {
bottom: 20px; }
#un-live .un-rightImage img {
width: 204px; } }
#un-live .un-top-logo {
top: 0;
height: 219px;
background-color: #002c83;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
position: relative; }
@media (max-width: 1440px) {
#un-live .un-top-logo {
height: 160px !important; } }
#un-live .un-top-logo .fulfillment-back-btn {
margin-right: 180px !important; }
#un-live .un-top-logo img {
margin-bottom: 100px;
margin-left: 362px;
margin-right: 327px;
width: 134px;
height: 62px;
z-index: 1; }
@media (max-width: 1440px) {
#un-live .un-top-logo img {
margin-bottom: 60px !important; } }
#un-live .un-top-logo #un-curr_datetime {
color: #fff; }
#un-live .un-top-logo span {
margin-bottom: 100px;
align-items: center;
justify-content: center;
display: flex;
color: white;
height: 41px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
font-size: 20px; }
@media (max-width: 1440px) {
#un-live .un-top-logo span {
margin-bottom: 60px !important; } }
#un-live .un-top-logo .selected-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 25px !important;
padding: auto !important;
border-radius: 17px !important;
border: 0.4px solid #5acc5a !important;
background-color: #5acc5a !important;
box-shadow: none !important;
color: #ffffff !important; }
#un-live .un-top-logo .selected-btn span {
height: unset !important;
font-size: 14px !important;
margin-bottom: 0 !important;
color: #ffffff !important; }
#un-live .un-top-logo .normal-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 25px !important;
padding: auto !important;
border-radius: 17px !important;
border: 0.4px solid #5acc5a !important;
background-color: transparent !important;
box-shadow: none !important;
color: #5acc5a !important; }
#un-live .un-top-logo .normal-btn span {
height: unset !important;
font-size: 14px !important;
margin-bottom: 0 !important;
color: #5acc5a !important; }
#un-live #un-total-scan {
height: auto;
position: absolute;
left: 50%;
top: 180px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
z-index: 1001; }
@media (max-width: 1440px) {
#un-live #un-total-scan {
top: 150px !important; } }
#un-live #un-total-scan.combo-live-data {
top: 125px !important; }
@media (max-width: 1440px) {
#un-live #un-total-scan.combo-live-data {
top: 100px !important; } }
#un-live #un-total-scan .un-holder #un-total-scan-div {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center; }
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div {
justify-content: space-evenly; }
#un-live #un-ranking-frame {
height: auto;
position: absolute;
left: 50%;
top: 489px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
z-index: 1001; }
@media (max-width: 1440px) {
#un-live #un-ranking-frame {
top: 380px !important; } }
#un-live #un-ranking-frame.combo-live-frame {
top: 430px !important; }
@media (max-width: 1440px) {
#un-live #un-ranking-frame.combo-live-frame {
top: 360px !important; } }
#un-live #un-ranking-frame.combo-live-frame-fulfillment {
top: 420px !important; }
@media (max-width: 1440px) {
#un-live #un-ranking-frame.combo-live-frame-fulfillment {
top: 350px !important; } }
#un-live #un-ranking-frame .un-holder #un-ranking_div {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center; }
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div {
justify-content: space-evenly; }
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div > div:first-child,
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div > div:nth-child(3),
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div > div:first-child,
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div > div:nth-child(3) {
transform: scale(0.9); }
#un-live .un-current-stats-container {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
width: fit-content;
width: -moz-fit-content; }
#un-live .un-current-stats-container .un-current-stats .un-ranking-stats-type {
justify-content: center;
font-size: 28px;
line-height: 28px;
margin-bottom: 12px;
text-align: center; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-ranking-stats-type {
font-size: 24px;
margin-bottom: 5px; } }
#un-live .un-current-stats-container .un-current-stats {
z-index: 2; }
#un-live .un-current-stats-container .un-current-stats .un-current-total,
#un-live .un-current-stats-container .un-current-stats .un-current-total-fulfillment > div {
margin: auto;
width: fit-content;
display: flex;
align-items: center; }
#un-live .un-current-stats-container .un-current-stats .un-current-datetime {
justify-content: space-evenly;
padding-bottom: 12px; }
#un-live .un-current-stats-container .un-current-stats .un-current-total {
box-shadow: 2px 4px 12px #00000029;
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 10px;
width: 427px;
height: 96px;
margin: 10px; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-current-total {
width: 367px;
height: 86px; } }
#un-live .un-current-total .un-of-title,
#un-live .un-current-total-fulfillment .un-of-title {
color: #0c2028;
margin-right: 12px; }
#un-live .un-current-total .un-number,
#un-live .un-current-total-fulfillment .un-number {
color: #5acc5a;
font-size: 60px;
font-weight: bold !important; }
#un-live .un-current-stats-container .un-current-stats .un-current-total-fulfillment {
box-shadow: 2px 4px 12px #00000029;
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 10px;
width: 427px;
height: 130px;
margin: 10px; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-current-total-fulfillment {
width: 367px;
height: 135px; } }
#un-live .un-current-stats-container .un-current-stats .un-current-total-fulfillment .order-type-title {
display: block;
font-size: 22px;
font-weight: bold;
color: #0c2028; }
#un-live .un-current-stats-container .un-current-stats .un-list {
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 20px 24px;
width: 427px;
height: 444px;
margin: 10px; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-list {
width: 367px !important;
height: 340px !important; } }
#un-live .un-current-stats-container .un-current-stats .un-list.un-list-fulfillment {
height: 390px !important; }
#un-live .un-current-stats-container .un-current-stats .un-list.un-list-fulfillment .liveDataTable {
min-height: 350px !important; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-list.un-list-fulfillment {
height: 300px !important; }
#un-live .un-current-stats-container .un-current-stats .un-list.un-list-fulfillment .liveDataTable {
min-height: 260px !important; } }
#un-live .liveDataTable {
width: 100%;
min-height: 402px; }
#un-live .liveDataTable .ant-table table {
border: none !important; }
#un-live .liveDataTable .ant-table-thead > tr > th {
padding: 3px 10px !important;
border-bottom: none !important;
background-color: #fafafb !important;
height: 32px !important; }
#un-live .liveDataTable .ant-table-tbody > tr > td {
padding: 3px 10px !important;
border-bottom: none !important;
color: #0c2028;
font-size: 20px; }
#un-live .liveDataTable .ant-table-body {
overflow-y: auto !important;
max-height: 290px !important; }
@media (min-width: 1440px) {
#un-live .liveDataTable .ant-table-body {
max-height: 370px !important; } }
@media (max-width: 1440px) {
#un-live .liveDataTable {
width: 100% !important;
min-height: 332px; }
#un-live .liveDataTable .ant-table-tbody > tr > td {
padding: 3px 10px !important;
border-bottom: none !important;
color: #0c2028;
font-size: 16px !important; } }
#un-live .liveDataChart {
margin: 0; }
#un-live .apexcharts-canvas {
width: 400px; }
@media (max-width: 1440px) {
#un-live .apexcharts-canvas {
width: 350px !important; } }
.order-fulfillment-log .header-buttons {
min-width: inherit !important;
max-width: inherit !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.order-fulfillment-log .header-buttons {
min-width: 816px !important;
margin: 0 auto; } }
.order-fulfillment-log .header-buttons .b-btn,
.order-fulfillment-log .header-buttons .b-btn:hover,
.order-fulfillment-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; }
.order-fulfillment-log .header-buttons .b-btn i,
.order-fulfillment-log .header-buttons .b-btn:hover i,
.order-fulfillment-log .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 10px !important; }
.order-fulfillment-log .unicart-filter {
margin-top: 0 !important; }
.order-fulfillment-log .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.order-fulfillment-log .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.order-fulfillment-log .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.order-fulfillment-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; }
.order-fulfillment-log .unicart-table .status-tag {
white-space: nowrap; }
@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; }
.remarks-table {
overflow-x: auto; }
.remarks-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.remarks-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.remarks-table table thead {
background-color: #fafafb !important; }
.remarks-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; }
.remarks-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.remarks-table .un-text-truncate {
font-weight: bold !important; }
.remarks-table .un-light-label {
font-size: 14px !important; }
.remarks-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
:root {
--danger-hover-color: #ff7875;
}
.dangerHover {
transition: background-color 1s;
}
.dangerHover:hover,
.dangerHover:focus {
background-color: var(--danger-hover-color) !important;
border-color: var(--danger-hover-color) !important;
color: var(--light) !important;
}
.display-title-cell > .un-table-cell{
width:200px
}
.feather-upload.small {
font-size: 16px !important;
}
.header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.header-buttons .b-btn,
.header-buttons .b-btn:hover,
.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; }
.header-buttons .b-btn i,
.header-buttons .b-btn:hover i,
.header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.header-buttons .cm-popover-icon {
cursor: pointer !important;
font-size: 20px !important;
margin-right: 10px !important; }
@media (min-width: 1024px) {
.carrierManifestSettings {
width: 644px !important;
margin: 0 auto; } }
@media (min-width: 1024px) {
.carrier-manifest-settings {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.carrier-manifest-settings .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0px !important; }
@media (min-width: 1024px) {
.carrier-manifest-settings .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.carrier-manifest-settings .header-buttons .b-btn,
.carrier-manifest-settings .header-buttons .b-btn:hover,
.carrier-manifest-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; }
.carrier-manifest-settings .header-buttons .b-btn i,
.carrier-manifest-settings .header-buttons .b-btn:hover i,
.carrier-manifest-settings .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.carrier-manifest-settings .instruction {
font-size: 14px;
color: #90999D; }
.carrier-manifest-report .unicart-filter {
margin-top: 0 !important; }
.carrier-manifest-report .search-form .un-filter-value-channel {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.carrier-manifest-report .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.carrier-manifest-report .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.carrier-manifest-report .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.carrier-manifest-report .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; }
.shopee-chat-autoreply .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.shopee-chat-autoreply .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.shopee-chat-autoreply .header-buttons .b-btn,
.shopee-chat-autoreply .header-buttons .b-btn:hover,
.shopee-chat-autoreply .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; }
.shopee-chat-autoreply .header-buttons .b-btn i,
.shopee-chat-autoreply .header-buttons .b-btn:hover i,
.shopee-chat-autoreply .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.shopee-chat-autoreply .shopee-chat-filters .select-store > div.ant-select-selector {
color: #0c2028 !important;
height: 41px;
display: flex;
align-items: center;
justify-content: center;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
margin-left: 8px;
width: 250px; }
@media (max-width: 480px) {
.shopee-chat-autoreply .shopee-chat-filters .select-store > div.ant-select-selector {
margin-top: 5px;
margin-left: 0; } }
@media (width: 320px) {
.shopee-chat-autoreply .shopee-chat-filters .select-store > div.ant-select-selector {
width: 234px; } }
@media (width: 375px) {
.shopee-chat-autoreply .shopee-chat-filters .select-store > div.ant-select-selector {
width: 289px; } }
@media (width: 425px) {
.shopee-chat-autoreply .shopee-chat-filters .select-store > div.ant-select-selector {
width: 339px; } }
.shopee-chat-autoreply .shopee-chat-filters .filter-button {
padding: 0;
margin-left: 8px !important;
margin-right: 8px !important;
width: 40px !important;
height: 41px !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px !important; }
.shopee-chat-autoreply .shopee-chat-filters .filter-button i {
font-size: 20px;
color: #0c2028; }
.shopee-chat-autoreply .shopee-chat-filters .filter-button:hover {
border: 1px solid #007ce0; }
.shopee-chat-autoreply .shopee-chat-description {
display: flex;
color: #1d1b1a;
padding-left: 8px;
margin-top: 0.5rem;
margin-bottom: 0.5rem; }
.shopee-chat-autoreply .shopee-chat-autoreply-listing {
padding-left: 8px; }
.shopee-chat-autoreply .shopee-chat-autoreply-listing .shopee-chat-operating-status {
font-weight: bold; }
.shopee-chat-autoreply .shopee-chat-autoreply-listing .shopee-chat-operating-status:hover {
cursor: pointer;
color: #5acc5a !important; }
.edit-btn {
color: #007ce0 !important;
margin-right: 20px; }
.shopee-filter-form .un-filter-value {
border-radius: 4px;
min-height: 33px !important; }
.shopee-filter-form .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
border-radius: 4px !important;
min-height: 33px !important; }
.shopee-filter-form .ant-form-item {
margin-bottom: 4px !important; }
.shopee-filter-form .ant-form-item-no-colon {
color: #38484f !important;
font-size: 14px !important;
font-weight: 400 !important; }
.shopee-filter-form .ant-form-item-no-colon span {
position: fixed !important; }
.shopee-filter-form .ant-form-item-label {
padding-bottom: 4px !important; }
.shopee-filter-form .ant-input,
.shopee-filter-form .ant-input-number,
.shopee-filter-form .ant-input-number-input {
color: #0c2028 !important;
font-size: 14px !important; }
.shopee-filter-form .ant-picker {
border-radius: 4px !important; }
.shopee-filter-form .ant-picker .ant-picker-input > input {
color: #0c2028 !important; }
.shopee-filter-form .ant-picker:hover,
.shopee-filter-form .ant-picker-focused {
border-color: #007ce0 !important;
border-right-width: 1px !important; }
.shopee-filter-form .filter-custom-input {
margin-left: 30px; }
.shopee-filter-form .filter-custom-input span {
margin-left: 4px; }
@media (min-width: 1024px) {
.shopee-filter-form .filter {
margin-right: 10px !important;
margin-left: 10px !important; }
.shopee-filter-form .filter-full {
width: 100% !important; }
.shopee-filter-form .filter-default {
width: 266px !important; }
.shopee-filter-form .filter-range {
width: 111px !important; } }
@media (max-width: 480px) {
.shopee-filter-form .filter-full {
width: 100% !important;
margin-right: 20px !important; }
.shopee-filter-form .filter-default {
width: 100%;
margin-right: 20px !important; }
.shopee-filter-form .filter-number {
width: 100% !important;
margin-right: 20px !important; }
.shopee-filter-form .filter-select {
width: 100% !important;
margin-right: 20px !important; }
.shopee-filter-form .filter-range {
width: 105px !important; }
.shopee-filter-form .filter-date {
width: 100% !important;
margin-right: 20px !important; }
.shopee-filter-form .ant-form .ant-form-item .ant-form-item-label,
.shopee-filter-form .ant-form .ant-form-item .ant-form-item-control {
-webkit-box-flex: 0 !important; } }
.shopee-time-delay-form .ant-form-item {
margin-bottom: 4px !important; }
.shopee-time-delay-form .time-delay-input {
margin-left: 20px; }
.shopee-time-delay-form .time-delay-input span {
margin-left: 4px; }
.tagsGroup {
padding-left: 1px;
line-height: 21px; }
@media (max-width: 480px) {
.tagsGroup {
padding-top: 5px;
padding-left: 0;
margin-top: 0; } }
.holiday-tags {
height: 18px !important;
line-height: 16px;
background-color: #007ce0 !important;
border-color: #007ce0 !important;
border-radius: 4px !important;
color: #fff !important;
font-size: 12px;
justify-content: center; }
.holiday-tags .anticon.anticon-close {
color: #fff; }
.filterTag {
text-transform: capitalize;
color: #d0f4ff; }
.facebook-live-report .un-box-flat.comment .comment-content .comments-list.owner .username, .facebook-live-report .un-box-flat.comment .comment-content .comments-list .username, .comments-container .container-content .comments-list.owner .username, .comments-container .container-content .comments-list .username {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
@media (min-width: 1024px) {
.facebook {
width: 644px !important;
margin: 0 auto !important; } }
.facebook .un-box-flat {
padding: 20px 24px; }
.facebook .no-padding {
padding: 0 !important;
width: 100%; }
.facebook .token-expiration-info {
display: inline-flex !important; }
.facebook .token-expiration-info .info-icon {
color: #e0241a !important;
font-size: 14px !important;
line-height: 42px !important; }
.facebook .token-expiration-info .token-expiration-tooltip {
width: fit-content !important;
width: -moz-fit-content !important;
height: 42px !important;
background-color: #ffffff !important;
border: 1px solid #e5e5e5 !important;
padding: 4px 8px !important;
margin-right: 8px !important;
display: none !important; }
.facebook .token-expiration-info:hover .token-expiration-tooltip {
display: block !important; }
.facebook .facebook-ext-image {
width: 268px; }
.facebook .facebook-ext-image img {
object-fit: contain;
width: 268px;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px; }
.facebook .facebook-ext-detail {
width: 374px;
padding: 29px 20px 20px 20px; }
.facebook .facebook-ext-detail svg {
margin-bottom: -2px;
margin-right: 4px; }
.facebook .facebook-ext-button {
display: inline-flex; }
.facebook .facebook-ext-button .ellipsis-btn {
margin-right: 16px; }
.facebook .facebook-card {
text-align: center; }
.facebook .facebook-card img {
object-fit: contain;
width: 162px;
height: 87px;
margin-bottom: 12px; }
.facebook .facebook-card .fb-title {
height: 37px;
margin-bottom: 12px; }
.facebook-live-list .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.facebook-live-list .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.facebook-live-list .header-buttons .b-btn,
.facebook-live-list .header-buttons .b-btn:hover,
.facebook-live-list .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; }
.facebook-live-list .header-buttons .b-btn i,
.facebook-live-list .header-buttons .b-btn:hover i,
.facebook-live-list .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.facebook-live-list .unicart-filter .search-form .un-filter-value {
border-radius: 4px !important; }
.facebook-live-list .unicart-table .ant-table table {
border: none !important; }
.facebook-live-list .unicart-table .ant-table-content {
border: 1px solid #e5e5e5 !important;
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
border-bottom: none !important; }
.facebook-live-list .unicart-table .ant-table-thead {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important; }
.facebook-live-list .unicart-table .ant-table-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
border: 1px solid #e5e5e5 !important; }
.facebook-live-list .unicart-table .ant-table-body {
border-top: none !important;
border: 1px solid #e5e5e5 !important; }
.facebook-live-list .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.facebook-live-list .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.facebook-live-list .unicart-table .ant-table-tbody > tr > td {
background-color: #ffffff !important;
padding: 16px 25px !important;
color: #0c2028; }
.facebook-live-list .unicart-table .ant-table-thead > tr > th {
padding: 16px 25px !important; }
.facebook-live-list .facebook-details.un-box-flat {
margin-top: 3px !important;
padding: 0 8px !important;
border: none !important;
background: none !important; }
.facebook-live-list .facebook-details.un-box-flat h3 {
margin-bottom: 20px; }
.facebook-live-list .facebook-details.un-box-flat .ant-list-item {
padding: 0 0 20px 0 !important; }
.facebook-live-list .facebook-details.un-box-flat .ant-list-item .ant-list-item-meta-title {
line-height: 49px; }
.facebook-live-list .facebook-details.un-box-flat .details {
line-height: 17px !important;
margin-bottom: 8px !important; }
.facebook-live-list .facebook-details.un-box-flat .details.bold {
font-weight: bold; }
.facebook-live-list .facebook-details.un-box-flat label > a {
font-size: 14px !important; }
.facebook-live-list .facebook-details.un-box-flat .facebook-filled {
content: url("https://api.iconify.design/ant-design:facebook-filled.svg?color=%23007CE0&height=14px");
vertical-align: -0.125em;
margin-right: 4px; }
@media (min-width: 1024px) {
.facebook-live-pm-settings {
width: 644px !important;
margin: 0 auto !important; } }
.facebook-live-pm-settings .radio-group span.ant-radio + * {
padding-left: 16px; }
.facebook-live-pm-settings .radio-group .radio-item {
height: 30px; }
.facebook-live-pm-settings .radio-group img {
height: 154px;
width: 139px;
margin-left: 32px;
margin-bottom: 12px; }
.facebook-live-report .un-filter-button {
display: none !important; }
.facebook-live-report .un-box-flat .product-detail .ant-list-item {
padding: 0; }
.facebook-live-report .un-box-flat .product-detail .ant-list-item-meta-title {
margin-bottom: 0; }
.facebook-live-report .un-box-flat .feather-chevron-down,
.facebook-live-report .un-box-flat .feather-chevron-up {
margin-left: 4px; }
.facebook-live-report .un-box-flat .bidder-table {
overflow-x: auto; }
.facebook-live-report .un-box-flat .bidder-table.pm .ant-table-tbody > tr > td {
background: none !important; }
.facebook-live-report .un-box-flat .bidder-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.facebook-live-report .un-box-flat .bidder-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.facebook-live-report .un-box-flat .bidder-table table thead {
background-color: #fafafb !important; }
.facebook-live-report .un-box-flat .bidder-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; }
.facebook-live-report .un-box-flat .bidder-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.facebook-live-report .un-box-flat .bidder-table .un-text-truncate {
font-weight: bold !important; }
.facebook-live-report .un-box-flat .bidder-table .un-light-label {
font-size: 14px !important; }
.facebook-live-report .un-box-flat .bidder-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.facebook-live-report .un-box-flat .bidder-table .ant-table-tbody > tr > td {
padding: 5px 10px !important;
color: #0c2028;
background-color: #fafafb !important; }
.facebook-live-report .un-box-flat .bidder-action {
display: inline-flex;
width: 100%;
margin-top: 20px;
margin-bottom: 20px; }
@media (max-width: 425px) {
.facebook-live-report .un-box-flat .bidder-action {
display: block; }
.facebook-live-report .un-box-flat .bidder-action .total-bidder,
.facebook-live-report .un-box-flat .bidder-action .outline-i-btn,
.facebook-live-report .un-box-flat .bidder-action .primary-i-btn {
margin-bottom: 12px;
width: 100% !important; } }
.facebook-live-report .un-box-flat .no-record {
width: 100%;
background-color: #f6f6f6;
line-height: 32px;
border-radius: 4px;
text-align: center; }
.facebook-live-report .un-box-flat .total-bidder {
line-height: 33px; }
.facebook-live-report .un-box-flat .outline-i-btn,
.facebook-live-report .un-box-flat .outline-i-btn:focus,
.facebook-live-report .un-box-flat .outline-i-btn:hover {
margin-left: auto;
margin-right: auto;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.facebook-live-report .un-box-flat.comment {
height: calc(100vh - 180px);
position: sticky;
top: 0; }
@media (max-width: 1024px) {
.facebook-live-report .un-box-flat.comment {
position: unset;
width: unset; } }
.facebook-live-report .un-box-flat.comment .facebook-filled {
content: url("https://api.iconify.design/ant-design:facebook-filled.svg?color=%23007CE0&height=14px");
vertical-align: -0.125em;
margin-right: 4px; }
.facebook-live-report .un-box-flat.comment .comment-title {
width: 100% !important;
display: inline-flex;
justify-content: space-between; }
.facebook-live-report .un-box-flat.comment .comment-action {
width: 100% !important;
display: inline-flex;
justify-content: space-between; }
@media (max-width: 425px) {
.facebook-live-report .un-box-flat.comment .comment-action {
display: block; } }
.facebook-live-report .un-box-flat.comment .comment-action .sort .select-label {
position: absolute;
z-index: 1000;
line-height: 41px;
padding-left: 12px;
font-size: 14px;
color: #90999d; }
.facebook-live-report .un-box-flat.comment .comment-action .sort .sorter {
width: 220px; }
.facebook-live-report .un-box-flat.comment .comment-action .sort .sorter .ant-select-selector {
height: 41px;
padding-left: 70px; }
.facebook-live-report .un-box-flat.comment .comment-action .sort .sorter .ant-select-selection-search-input {
height: 41px;
padding-left: 60px; }
.facebook-live-report .un-box-flat.comment .comment-action .sort .sorter .ant-select-selection-placeholder {
line-height: 39px; }
.facebook-live-report .un-box-flat.comment .comment-action .sort .sorter .ant-select-selection-item {
line-height: 39px;
color: #0c2028; }
.facebook-live-report .un-box-flat.comment .comment-header {
margin-top: 20px;
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
padding: 0 20px;
background-color: #fafafb;
line-height: 32px;
font-size: 12px;
color: #647176; }
.facebook-live-report .un-box-flat.comment .comment-content {
overflow-y: auto;
height: calc(100vh - 400px); }
.facebook-live-report .un-box-flat.comment .comment-content .comments-list {
padding: 0 20px;
border-bottom: 1px solid #e5e5e5; }
.facebook-live-report .un-box-flat.comment .comment-content .comments-list.owner {
background: #f6f6f6 !important; }
.facebook-live-report .un-box-flat.comment .comment-content .comments-list.owner .username {
font-weight: bold;
color: #007ce0 !important; }
.facebook-live-report .un-box-flat.comment .comment-content .comments-list .username {
font-weight: bold;
color: #0c2028; }
.facebook-live-report .un-box-flat.comment .comment-content .comments-end {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
text-align: center;
line-height: 32px;
font-size: 12px;
color: #647176; }
.facebook-live-report .un-box-flat.comment .comment-content .bidder-btn {
display: inline-flex;
padding: 12px 0;
margin-left: auto;
margin-right: 0; }
.facebook-live-report .un-box-flat.comment .comment-content .bidder-btn .bid-btn {
height: 25px !important;
width: fit-content !important;
width: -moz-fit-content !important;
padding: 4px 10px !important;
color: #0c2028 !important;
background-color: #fafafb !important;
border: 1px solid #d4d4d4 !important; }
.facebook-live-report .un-box-flat.comment .comment-content .bidder-btn .bid-btn.left {
border-right: none !important;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.facebook-live-report .un-box-flat.comment .comment-content .bidder-btn .bid-btn.right {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.facebook-live-report .un-box-flat.comment .comment-content .bidder-btn .bid-btn:hover,
.facebook-live-report .un-box-flat.comment .comment-content .bidder-btn .bid-btn:focus {
color: #90999d !important;
background-color: #e5e5e5 !important;
border: 1px solid #d4d4d4 !important; }
.facebook-live-report .un-box-flat.comment .comment-content .bidder-btn .bid-btn:hover.left,
.facebook-live-report .un-box-flat.comment .comment-content .bidder-btn .bid-btn:focus.left {
border-right: none !important; }
.facebook-live-report .product-detail .ant-list-item {
padding-top: 0 !important; }
.facebook-live-report .unicart-table .ant-table table {
border: none !important; }
.facebook-live-report .unicart-table .ant-table-content {
background-color: white !important;
border: 1px solid #e5e5e5 !important;
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
border-bottom: none !important; }
.facebook-live-report .unicart-table .ant-table-thead {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important; }
.facebook-live-report .unicart-table .ant-table-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important;
border: 1px solid #e5e5e5 !important; }
.facebook-live-report .unicart-table .ant-table-body {
border-top: none !important;
border: 1px solid #e5e5e5 !important; }
.facebook-live-report .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.facebook-live-report .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.facebook-live-report .unicart-table .ant-table-tbody > tr > td {
background-color: #ffffff !important;
padding: 16px 0px !important;
color: #0c2028; }
.facebook-live-report .unicart-table .ant-table-tbody > tr > td:first-child,
.facebook-live-report .unicart-table .ant-table-tbody > tr > td:last-child,
.facebook-live-report .unicart-table .ant-table-thead > tr > th:first-child {
padding: 16px 10px !important; }
.facebook-live-report .unicart-table .ant-table-thead > tr > th {
padding: 16px 0px !important; }
@media (min-width: 1024px) {
.facebook-live {
width: 100% !important;
height: calc(100vh - 49px) !important;
margin: 0 auto !important; } }
.facebook-live .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-left: 16px !important;
padding-right: 16px !important; }
@media (min-width: 1024px) {
.facebook-live .header-buttons {
max-width: 100% !important;
margin: 0 auto; } }
.facebook-live .header-buttons .b-btn,
.facebook-live .header-buttons .b-btn:hover,
.facebook-live .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; }
.facebook-live .header-buttons .b-btn i,
.facebook-live .header-buttons .b-btn:hover i,
.facebook-live .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.facebook-live .status-tag {
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0;
height: 18px;
line-height: 17px; }
.facebook-live .status-tag.set-light {
color: #ffffff !important;
border-color: #38484f !important;
background-color: #38484f !important; }
.facebook-live .status-tag.blue {
color: #ffffff !important;
border-color: #007ce0 !important;
background-color: #007ce0 !important; }
.facebook-live .status-tag.red {
color: #ffffff !important;
border-color: #ff3d00 !important;
background-color: #ff3d00 !important; }
.facebook-live .status-tag.end-sales {
color: #ffffff !important;
border-color: #616161 !important;
background-color: #616161 !important; }
.chooseFacebookLiveModal .ant-modal-body .ant-table table {
border: none !important;
box-shadow: none !important;
overflow-x: auto; }
.chooseFacebookLiveModal .ant-modal-body table thead {
background-color: #fafafb !important; }
.chooseFacebookLiveModal .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; }
.chooseFacebookLiveModal .ant-modal-body .ant-table-thead > tr > th {
border-bottom: none !important; }
.chooseFacebookLiveModal .ant-modal-body .ant-table-tbody > tr > td {
vertical-align: top !important;
padding: 12px 12px;
color: #0c2028 !important; }
.live-container {
background: #f6f6f6 !important;
border: 1px solid #e5e5e5;
border-top: none;
border-bottom: none;
overflow-y: auto;
height: calc(100vh - 48px); }
.live-container .video-container {
width: inherit !important;
object-fit: contain !important; }
.live-container .video-container > div {
width: inherit !important;
max-height: 400px !important;
position: relative;
overflow: hidden;
padding-top: 100%; }
.live-container .video-container > div iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0; }
.live-container .empty-video-container {
padding: 20px;
width: inherit !important;
height: 300px !important;
background: #2c2b2e !important; }
.live-container .empty-video-container img {
width: auto;
height: 25px; }
.live-container .empty-video-container .connect-fb {
text-align: center;
line-height: 230px;
height: 230px; }
.live-container .product-to-sell {
width: inherit !important;
padding: 21px 24px 0px 24px;
overflow-y: auto;
height: calc(100vh - 483px); }
.live-container .product-to-sell .ant-list-item {
padding-top: 0;
padding-bottom: 12px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 12px; }
.live-container .product-to-sell .ant-list-item-meta-title {
margin-bottom: 0; }
.live-container .addProduct {
padding: 21px 24px;
position: absolute;
bottom: 0 !important;
width: 100%; }
.live-container .addProduct .full-primary-btn {
border-radius: 17px !important;
text-transform: unset !important;
font-size: 14px !important; }
.comments-container {
background: #ffffff !important; }
.comments-container .container-title {
padding: 20px 24px;
border-bottom: 1px solid #e5e5e5; }
.comments-container .container-content {
overflow-y: auto;
height: calc(100vh - 113px);
padding-bottom: 20px; }
.comments-container .container-content .comments-list {
padding: 0 24px;
border-bottom: 1px solid #e5e5e5; }
.comments-container .container-content .comments-list.owner {
background: #f6f6f6 !important; }
.comments-container .container-content .comments-list.owner .username {
font-weight: bold;
color: #007ce0 !important; }
.comments-container .container-content .comments-list .username {
font-weight: bold;
color: #0c2028; }
.comments-container .container-content .bidder-btn {
display: inline-flex;
padding: 12px 0;
margin-left: auto;
margin-right: 0; }
.comments-container .container-content .bidder-btn .bid-btn {
height: 25px !important;
width: fit-content !important;
width: -moz-fit-content !important;
padding: 4px 10px !important;
color: #0c2028 !important;
background-color: #fafafb !important;
border: 1px solid #d4d4d4 !important; }
.comments-container .container-content .bidder-btn .bid-btn.left {
border-right: none !important;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.comments-container .container-content .bidder-btn .bid-btn.right {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.comments-container .container-content .bidder-btn .bid-btn:hover,
.comments-container .container-content .bidder-btn .bid-btn:focus {
color: #90999d !important;
background-color: #e5e5e5 !important;
border: 1px solid #d4d4d4 !important; }
.comments-container .container-content .bidder-btn .bid-btn:hover.left,
.comments-container .container-content .bidder-btn .bid-btn:focus.left {
border-right: none !important; }
.comments-container .empty-container-content {
text-align: center; }
.comments-container .empty-container-content img {
width: 274px;
height: 274px;
display: block;
margin-top: 84px;
margin-left: auto !important;
margin-right: auto !important; }
.sales-engagements-container {
background: #f6f6f6 !important;
border: 1px solid #e5e5e5;
border-top: none;
border-bottom: none; }
.sales-engagements-container .container-title {
padding: 20px 24px; }
.sales-engagements-container .container-content {
overflow-y: auto;
height: calc(100vh - 113px);
padding-bottom: 20px; }
.sales-engagements-container .un-box-flat {
margin: 0px 24px 20px 24px !important; }
.sales-engagements-container .un-box-flat .ant-list-item {
padding-top: 0;
padding-bottom: 12px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 12px; }
.sales-engagements-container .un-box-flat .status-tag {
margin-left: 4px !important; }
.sales-engagements-container .un-box-flat .bidder-table {
overflow-x: auto;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid #e5e5e5; }
.sales-engagements-container .un-box-flat .bidder-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.sales-engagements-container .un-box-flat .bidder-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.sales-engagements-container .un-box-flat .bidder-table table thead {
background-color: #fafafb !important; }
.sales-engagements-container .un-box-flat .bidder-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; }
.sales-engagements-container .un-box-flat .bidder-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.sales-engagements-container .un-box-flat .bidder-table .ant-table-tbody > tr > td {
padding: 0 !important;
color: #0c2028;
border-bottom: none !important; }
.sales-engagements-container .un-box-flat .bidder-table .ant-table-tbody > tr:hover > td {
background: #ffffff !important;
cursor: auto; }
.sales-engagements-container .un-box-flat .edit-btn {
cursor: pointer !important;
width: fit-content;
width: -moz-fit-content;
margin-left: auto;
margin-right: 0; }
.sales-engagements-container .un-box-flat .edit-btn i {
font-size: 13px;
margin-right: 4px; }
.sales-engagements-container .un-box-flat .feather-send,
.sales-engagements-container .un-box-flat .feather-copy {
font-size: 13px;
margin-right: 4px; }
.sales-engagements-container .un-box-flat .total-bid {
width: 130px;
margin-left: auto;
margin-right: 46px; }
.sales-engagements-container .un-box-flat .sales-btn {
width: 100%; }
.sales-engagements-container .un-box-flat .sales-btn .end-sales-btn {
color: #e0241a !important;
border: 1px solid #e0241a !important; }
.sales-engagements-container .un-box-flat .sales-btn .end-sales-btn:hover,
.sales-engagements-container .un-box-flat .sales-btn .end-sales-btn:focus {
color: #99140a !important;
border: 1px solid #e0241a !important; }
.sales-engagements-container .un-box-flat .sales-btn .end-rslt-btn {
color: #007ce0 !important;
border: none !important;
background: none !important;
box-shadow: none !important;
margin-left: auto;
margin-right: auto; }
.sales-engagements-container .un-box-flat .sales-btn .end-rslt-btn:hover,
.sales-engagements-container .un-box-flat .sales-btn .end-rslt-btn:focus {
color: #007ce0 !important;
border: none !important;
background: none !important;
box-shadow: none !important; }
.sales-engagements-container .un-box-flat .sales-btn .copy-rslt-btn {
color: #90999d !important;
border: none !important;
background: none !important;
padding-right: 0 !important;
box-shadow: none !important; }
.sales-engagements-container .un-box-flat .sales-btn .copy-rslt-btn:hover,
.sales-engagements-container .un-box-flat .sales-btn .copy-rslt-btn:focus {
color: #90999d !important;
border: none !important;
background: none !important;
padding-right: 0 !important;
box-shadow: none !important; }
.editQuantityModal .ant-modal-body .ant-input-number {
width: 100%;
border-radius: 4px; }
@media (min-width: 1024px) {
.add-product-to-sell {
width: 644px !important;
margin: 0 auto !important; } }
.add-product-to-sell .un-box-flat .search-form .ant-input-affix-wrapper {
width: 460px; }
.add-product-to-sell .un-box-flat .ant-list-item {
padding-top: 0;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px; }
.add-product-to-sell .un-box-flat .status-tag {
width: fit-content;
width: -moz-fit-content;
margin-left: 4px;
height: 18px;
line-height: 17px; }
.add-product-to-sell .un-box-flat .status-tag.end-sales {
color: #ffffff !important;
border-color: #616161 !important;
background-color: #616161 !important; }
.add-product-to-sell .un-box-flat .status-tag .key-grey .radio-custom + .radio-custom-label:before {
background: #616161 !important;
border: 1px solid #616161 !important; }
.add-product-to-sell .un-box-flat .status-tag .key-blue .radio-custom + .radio-custom-label:before {
background: #007acc !important;
border: 1px solid #007acc !important; }
.add-product-to-sell .un-box-flat .status-tag .key-green .radio-custom + .radio-custom-label:before {
background: #73ac00 !important;
border: 1px solid #73ac00 !important; }
.add-product-to-sell .un-box-flat .status-tag .key-purple .radio-custom + .radio-custom-label:before {
background: #7a16b2 !important;
border: 1px solid #7a16b2 !important; }
.add-product-to-sell .un-box-flat .status-tag .key-red .radio-custom + .radio-custom-label:before {
background: #ff3d00 !important;
border: 1px solid #ff3d00 !important; }
.add-product-to-sell .un-box-flat .edit-btn {
position: absolute;
right: 12px; }
.add-product-to-sell .un-box-flat .edit-btn .edit-or-copy-btn,
.add-product-to-sell .un-box-flat .edit-btn .edit-or-copy-btn:hover,
.add-product-to-sell .un-box-flat .edit-btn .edit-or-copy-btn:focus {
color: #007ce0 !important;
border: none !important;
background: none !important;
width: fit-content !important;
width: -moz-fit-content !important;
height: fit-content !important;
height: -moz-fit-content !important;
padding: 0 !important;
margin-left: 20px;
box-shadow: none !important; }
.add-product-to-sell .un-box-flat .edit-btn .edit-or-copy-btn i,
.add-product-to-sell .un-box-flat .edit-btn .edit-or-copy-btn:hover i,
.add-product-to-sell .un-box-flat .edit-btn .edit-or-copy-btn:focus i {
font-size: 13px !important;
margin-right: 4px; }
.add-product-to-sell .un-box-flat .edit-btn .remove-btn,
.add-product-to-sell .un-box-flat .edit-btn .remove-btn:hover,
.add-product-to-sell .un-box-flat .edit-btn .remove-btn:focus {
color: #90999d !important;
border: none !important;
background: none !important;
width: fit-content !important;
width: -moz-fit-content !important;
height: fit-content !important;
height: -moz-fit-content !important;
padding: 0 !important;
margin-left: 20px;
box-shadow: none !important; }
.add-product-to-sell .un-box-flat .edit-btn .remove-btn i,
.add-product-to-sell .un-box-flat .edit-btn .remove-btn:hover i,
.add-product-to-sell .un-box-flat .edit-btn .remove-btn:focus i {
color: #90999d !important;
font-size: 13px !important;
margin-right: 4px; }
.add-product-to-sell .un-box-flat .sales-btn {
position: absolute;
bottom: 0;
right: 12px; }
.add-product-to-sell .un-box-flat .sales-btn .on-sales-btn,
.add-product-to-sell .un-box-flat .sales-btn .on-sales-btn:hover,
.add-product-to-sell .un-box-flat .sales-btn .on-sales-btn:focus {
color: #e0241a !important;
border: 1px solid #e0241a !important;
background: none !important;
width: fit-content !important;
width: -moz-fit-content !important;
height: fit-content !important;
height: -moz-fit-content !important;
border-radius: 4px !important;
padding: 3px 6px !important;
box-shadow: none !important; }
.add-product-to-sell .un-box-flat .sales-btn .end-sales-btn,
.add-product-to-sell .un-box-flat .sales-btn .end-sales-btn:hover,
.add-product-to-sell .un-box-flat .sales-btn .end-sales-btn:focus {
color: #647176 !important;
border: 1px solid #647176 !important;
background: none !important;
width: fit-content !important;
width: -moz-fit-content !important;
height: fit-content !important;
height: -moz-fit-content !important;
border-radius: 4px !important;
padding: 3px 6px !important;
box-shadow: none !important; }
.add-product-to-sell .un-box-flat .save-bid-limit-btn,
.add-product-to-sell .un-box-flat .save-bid-limit-btn:hover,
.add-product-to-sell .un-box-flat .save-bid-limit-btn:focus {
color: #007ce0 !important;
border: none !important;
background: none !important;
width: fit-content !important;
width: -moz-fit-content !important;
height: fit-content !important;
height: -moz-fit-content !important;
padding: 0 !important;
margin-left: 8px;
box-shadow: none !important;
cursor: pointer !important; }
.add-product-to-sell .un-box-flat .save-bid-limit-btn i,
.add-product-to-sell .un-box-flat .save-bid-limit-btn:hover i,
.add-product-to-sell .un-box-flat .save-bid-limit-btn:focus i {
font-size: 16px !important;
margin-right: 4px; }
.add-product-to-sell-modal {
width: 680px !important; }
.add-product-to-sell-modal .unicart-filter {
margin-top: 0 !important; }
.add-product-to-sell-modal .search-form .ant-input-affix-wrapper {
width: 428px; }
.add-product-to-sell-modal .btn-productlist {
display: flex;
margin-bottom: 20px; }
.add-product-to-sell-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; }
.add-product-to-sell-modal .btn-productlist .btn-product + .btn-product {
margin-left: 10px; }
.add-product-to-sell-modal .btn-productlist .btn-product.active {
color: #5acc5a !important;
border-color: #5acc5a !important;
background-color: #ffffff; }
.add-product-to-sell-modal .product-table table tbody tr td {
vertical-align: top !important; }
.add-product-to-sell-modal .product-table .ant-list-item {
padding: 0 !important; }
.add-product-to-sell-modal .product-table .ant-list-item-meta {
padding-top: 1px !important; }
.add-product-to-sell-modal .product-table .ant-list-item-meta-description {
padding-left: 0; }
.add-product-to-sell-modal .product-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.add-product-to-sell-modal .product-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.add-product-to-sell-modal .product-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.add-product-to-sell-modal .product-table table thead {
background-color: #fafafb !important; }
.add-product-to-sell-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; }
.add-product-to-sell-modal .product-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.add-product-to-sell-modal .ant-pagination-options-size-changer.ant-select {
display: none; }
.add-product-to-sell-modal .radio-custom:checked + .radio-custom-label:before {
content: "\e92b" !important;
display: unset !important;
font-family: "feather";
color: #ffffff; }
.set-keyword-modal .ant-modal-footer {
height: auto !important; }
.set-keyword-modal .ant-modal-footer .caption-medium {
text-align: left !important; }
.duplicate-fb-product-modal {
width: 820px !important; }
.duplicate-fb-product-modal .productTypeField span {
display: inline-block;
height: 1px; }
.duplicate-fb-product-modal .variant-table table tbody tr td {
vertical-align: top !important; }
.duplicate-fb-product-modal .variant-table .ant-table-tbody > tr > td {
padding: 10px 5px !important; }
.duplicate-fb-product-modal .variant-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.duplicate-fb-product-modal .variant-table table thead {
background-color: #fafafb !important; }
.duplicate-fb-product-modal .variant-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; }
.duplicate-fb-product-modal .variant-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.duplicate-fb-product-modal .variant-table .un-table-cell {
padding-top: 5px !important;
padding-left: 8px !important; }
@media (min-width: 1024px) {
.facebook-connect {
width: 644px !important;
margin: 0 auto !important; } }
.facebook-connect .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.facebook-connect .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.facebook-connect .header-buttons .b-btn,
.facebook-connect .header-buttons .b-btn:hover,
.facebook-connect .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; }
.facebook-connect .header-buttons .b-btn i,
.facebook-connect .header-buttons .b-btn:hover i,
.facebook-connect .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.facebook-connect .sa-fb-input {
margin-bottom: 3px !important; }
.facebook-connect .un-form .radio-outline-group .radio-outline-btn {
padding: 0 12px !important; }
.facebook-connect .un-form .radio-outline-group .radio-outline-btn .fb-radio-image {
width: 20px !important;
height: 20px !important;
margin-right: 8px !important;
margin-bottom: 8px !important;
margin-top: 7px !important; }
.facebook-connect .un-form .radio-outline-group .ant-radio-button-wrapper-disabled {
cursor: not-allowed !important; }
.fbLiveWithoutChannel .ant-table-header table {
visibility: visible !important; }
.fbeProductCategory .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.fbeProductCategory .header-buttons .b-btn,
.fbeProductCategory .header-buttons .b-btn:hover,
.fbeProductCategory .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; }
.fbeProductCategory .header-buttons .b-btn i,
.fbeProductCategory .header-buttons .b-btn:hover i,
.fbeProductCategory .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.fbeProductCategory .fbe-filter {
margin-top: 0px !important; }
.fbeProductCategory .unicart-filter .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
height: 41px !important; }
.fbeProductCategory .unicart-filter .search-form .large-selector > div.ant-select-selector {
width: unset; }
.fbeProductCategory .row.unicart-table {
display: block !important; }
.fbeProductCategory .unicart-table table {
min-width: 1000px; }
.fbeProductCategory .unicart-table .ant-table-title {
margin-left: 80px !important; }
.fbeProductCategory .unicart-table .ant-list-item-meta-description {
padding-left: 12px; }
.fbeProductCategory .unicart-table .un-text-truncate {
white-space: normal; }
.fbeProductCategory .unicart-table .un-text-truncate2 {
white-space: normal; }
.fbeProductCategory .unicart-table .un-text-truncate3 {
white-space: normal;
word-break: break-all;
-webkit-line-clamp: 2 !important; }
.fbeProductCategory .unicart-table .fbe-category-opt {
margin-left: 69px; }
.fbeProductCategory .unicart-table .fbe-category-opt .ant-list-item {
padding: 0; }
.fbeProductCategory .unicart-table .fbe-category-opt .ant-list-item-meta-title {
height: fit-content;
height: -moz-fit-content;
padding-left: 0px; }
.fbeProductCategory .unicart-table .fbe-category-opt .ant-list-item-meta-description {
padding-left: 0; }
.fbeProductCategory .unicart-table .fbe-category-variant {
width: 60px; }
.fbeProductCategory .unicart-table .fbe-selector {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available; }
.fbeProductCategory .unicart-table .fbe-variant-selector {
width: -webkit-fill-available;
width: fill-available;
width: -moz-available;
margin-top: 0px !important; }
.fbeProductCategory .ant-select-item-option-content {
white-space: break-spaces;
word-break: break-word; }
.fbeProductCategory .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
min-height: 32px !important;
height: auto !important; }
.fbeProductCategory .ant-select-selection-item {
height: auto;
white-space: break-spaces; }
.fbeProductCategory .product-box {
padding-top: 15px !important; }
.fbeProductCategory .variant-box {
padding-top: 5px !important; }
.fbe-category-modal .ant-modal-body {
padding-left: 0 !important;
padding-right: 0 !important; }
.fbe-category-modal .select-text,
.fbe-category-modal .modal-filter {
margin-bottom: 12px !important;
margin-left: 24px !important;
margin-right: 24px !important; }
.fbe-category-modal .ant-select {
width: 100% !important; }
.fbe-category-modal .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
min-height: 32px !important;
height: auto !important; }
.fbe-category-modal .ant-select-selection-item {
height: auto;
white-space: break-spaces; }
.ant-select-item-option-content {
white-space: break-spaces !important;
word-break: break-word !important; }
.fulfillment .shippinglabel-shopee .circle-border {
font-size: 12px;
border: 1px solid #90999d !important;
border-radius: 50% !important;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
padding: 3px 6.5px;
text-align: center;
margin-right: 5px !important;
height: 26px;
width: 26px; }
.fulfillment .shippinglabel-shopee .shippinglabel-shopee-table th.ant-table-row-expand-icon-cell,
.fulfillment .shippinglabel-shopee .shippinglabel-shopee-table td.ant-table-row-expand-icon-cell {
display: none; }
.fulfillment .shippinglabel-shopee .shippinglabel-shopee-table .print-status-icon {
line-height: 2.2; }
.fulfillment .shippinglabel-shopee .more-button .un-dots-div-active,
.fulfillment .shippinglabel-shopee .more-button .un-dots-div {
width: 40px;
height: 40px;
padding-top: 5px;
margin-top: 10px; }
.fulfillment .shippinglabel-shopee .arrange-shipment-button {
width: fit-content;
height: auto;
white-space: normal !important;
padding: 3px 10px;
background-color: #5acc5a !important;
margin-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee .update-shipment-button {
width: fit-content;
height: auto;
white-space: normal !important;
padding: 3px 10px;
background-color: #11aa4f !important;
margin-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee .bulk-print-custom-button {
width: fit-content;
height: auto;
white-space: normal !important;
padding: 3px 10px;
background-color: #005c34 !important;
margin-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee .shopee-customer-button {
width: fit-content;
height: 22px !important;
padding: 3px 12px;
background-color: #ee4d2d !important;
margin-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee .shopee-customer-button span,
.fulfillment .shippinglabel-shopee .shopee-customer-button i {
font-size: 12px; }
.fulfillment .shippinglabel-shopee td[class='ant-table-selection-column']::before {
content: ''; }
.fulfillment .shippinglabel-shopee .noti-count {
background-color: #007ce0;
position: absolute;
border-radius: 50%;
width: 16px;
height: 16px;
color: white;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
margin: -50px 0 0 33px; }
.fulfillment .shippinglabel-shopee .order-product-div {
margin-left: 68px;
display: inline-flex;
flex-wrap: wrap; }
.fulfillment .shippinglabel-shopee .product_image_count {
margin-right: 8px; }
.fulfillment .shippinglabel-shopee .sku-more {
margin-left: 8px !important;
color: #007ce0 !important; }
.fulfillment .shippinglabel-shopee .order-count {
color: #90999d !important; }
.fulfillment .shippinglabel-shopee .ant-tabs-tab-active .order-count {
color: inherit !important; }
.fulfillment .shippinglabel-shopee .ant-table-tbody > tr > td {
border-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee tr.ant-table-expanded-row > td {
background: #fff !important; }
.fulfillment .shippinglabel-shopee tr.ant-table-expanded-row:hover > td {
background: #f8f9fa !important; }
.fulfillment .shippinglabel-shopee tr.ant-table-row-selected + tr.ant-table-expanded-row > td {
background: #e6f7ff !important; }
.fulfillment .shippinglabel-shopee tr.ant-table-row-selected + tr.ant-table-expanded-row:hover > td {
background: #f8f9fa !important; }
.fulfillment .shippinglabel-setup {
width: 644px;
margin: auto; }
.fulfillment .shippinglabel-setup .shippinglabel-settng-title .ant-form-item {
margin-bottom: 5px; }
.fulfillment .shippinglabel-setup .radio-button {
display: 'block';
height: '30px';
line-height: '30px'; }
.fulfillment .shippinglabel-setup .courier-div .radio-button-row:nth-child(2) {
margin-top: 5%; }
.fulfillment .shippinglabel-setup .image-logo {
margin-left: 5% !important;
width: 45% !important; }
.fulfillment .shippinglabel-setup .image-shopee .image-logo:nth-child(2) {
margin-left: 10%; }
.fulfillment .shippinglabel-setup .switch-button-div {
display: flex;
flex: wrap;
height: 33px;
line-height: normal;
align-items: center;
margin-bottom: 20px; }
.fulfillment .shippinglabel-setup .switch-button-text {
width: 80%; }
.fulfillment .shippinglabel-setup .switch-button {
margin-left: auto;
height: 33px;
align-items: center; }
.fulfillment .shippinglabel-setup .select-channel-div {
display: flex;
align-items: center; }
.fulfillment .shippinglabel-setup .select-channel-div span:first-child {
padding-right: 10px; }
.arrange-shipment-modal .ant-modal-title {
text-align: center;
font-size: 20px; }
.arrange-shipment-modal .ant-radio-button-wrapper {
width: 49%;
border: 1px solid #d9d9d9 !important;
border-radius: 4px !important; }
.arrange-shipment-modal .ant-radio-button-wrapper:not(:first-child)::before {
content: none !important; }
.arrange-shipment-modal .ant-radio-button-wrapper-checked {
color: #ffffff !important;
background-color: #5acc5a !important; }
.arrange-shipment-modal .address-div + .address-div {
margin-top: 10px; }
.arrange-shipment-modal .address-div {
cursor: pointer;
width: 100%;
border-radius: 5px;
transition: 0.3s;
padding: 14px;
border: 1px solid #d4d4d4 !important;
background-color: #fafafb !important; }
.arrange-shipment-modal .address-div.active {
background-color: #ffffff !important;
border: 4px solid #5acc5a !important; }
.arrange-shipment-modal .feather-x:before {
cursor: pointer; }
.bestseller-modal {
margin-top: 1%; }
.bestseller-modal .table tbody td,
.bestseller-modal .table thead td {
padding: 20px; }
.bestseller-modal .table thead td {
border-top: 0; }
.bestseller-modal .table {
margin-top: -1%; }
.bestseller-modal .ant-modal-title {
text-align: center;
font-size: 20px; }
.bestseller-modal .feather-x:before {
cursor: pointer; }
.export-csv-modal .datepicker-formitem .ant-form-item-label {
line-height: 1; }
.sender-info-modal .ant-form-item-label {
line-height: 1; }
.printPreview-Drawer .ant-drawer-content-wrapper {
width: 900px !important; }
@media (max-width: 768px) {
.printPreview-Drawer .ant-drawer-content-wrapper {
width: 100% !important; } }
.printPreview-Drawer .button-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.ant-select-dropdown .order-count {
color: #90999d !important; }
@media (min-width: 1024px) {
.exportShippingLabel {
width: 644px !important;
margin: 0 auto !important; } }
.exportShippingLabel .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.exportShippingLabel .header-buttons .b-btn,
.exportShippingLabel .header-buttons .b-btn:hover,
.exportShippingLabel .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; }
.exportShippingLabel .header-buttons .b-btn i,
.exportShippingLabel .header-buttons .b-btn:hover i,
.exportShippingLabel .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.exportShippingLabel .ant-checkbox,
.exportShippingLabel .ant-checkbox-input,
.exportShippingLabel .ant-checkbox-inner {
border-radius: 4px !important;
width: 18px !important;
height: 18px !important; }
.exportShippingLabel .ant-picker {
border-radius: 4px;
width: 352px !important; }
.exportShippingLabel .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.exportShippingLabel .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.exportShippingLabel .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.exportShippingLabel .export-table table thead {
background-color: #fafafb !important; }
.exportShippingLabel .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; }
.exportShippingLabel .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.exportShippingLabel .export-table .un-text-truncate {
font-weight: bold !important; }
.exportShippingLabel .export-table .un-light-label {
font-size: 14px !important; }
.exportShippingLabel .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.exportShippingLabel .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
.fulfillment .shippinglabel-shopee .circle-border {
font-size: 12px;
border: 1px solid #90999d !important;
border-radius: 50% !important;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
padding: 3px 6.5px;
text-align: center;
margin-right: 5px !important;
height: 26px;
width: 26px; }
.fulfillment .shippinglabel-shopee .shippinglabel-shopee-table th.ant-table-row-expand-icon-cell,
.fulfillment .shippinglabel-shopee .shippinglabel-shopee-table td.ant-table-row-expand-icon-cell {
display: none; }
.fulfillment .shippinglabel-shopee .shippinglabel-shopee-table .print-status-icon {
line-height: 2.2; }
.fulfillment .shippinglabel-shopee .more-button .un-dots-div-active,
.fulfillment .shippinglabel-shopee .more-button .un-dots-div {
width: 40px;
height: 40px;
padding-top: 5px;
margin-top: 10px; }
.fulfillment .shippinglabel-shopee .arrange-shipment-button {
width: fit-content;
height: auto;
white-space: normal !important;
padding: 3px 10px;
background-color: #5acc5a !important;
margin-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee .update-shipment-button {
width: fit-content;
height: auto;
white-space: normal !important;
padding: 3px 10px;
background-color: #11aa4f !important;
margin-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee .bulk-print-custom-button {
width: fit-content;
height: auto;
white-space: normal !important;
padding: 3px 10px;
background-color: #005c34 !important;
margin-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee .shopee-customer-button {
width: fit-content;
height: 22px !important;
padding: 3px 12px;
background-color: #ee4d2d !important;
margin-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee .shopee-customer-button span,
.fulfillment .shippinglabel-shopee .shopee-customer-button i {
font-size: 12px; }
.fulfillment .shippinglabel-shopee td[class='ant-table-selection-column']::before {
content: ''; }
.fulfillment .shippinglabel-shopee .noti-count {
background-color: #007ce0;
position: absolute;
border-radius: 50%;
width: 16px;
height: 16px;
color: white;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
margin: -50px 0 0 33px; }
.fulfillment .shippinglabel-shopee .order-product-div {
margin-left: 68px;
display: inline-flex;
flex-wrap: wrap; }
.fulfillment .shippinglabel-shopee .product_image_count {
margin-right: 8px; }
.fulfillment .shippinglabel-shopee .sku-more {
margin-left: 8px !important;
color: #007ce0 !important; }
.fulfillment .shippinglabel-shopee .order-count {
color: #90999d !important; }
.fulfillment .shippinglabel-shopee .ant-tabs-tab-active .order-count {
color: inherit !important; }
.fulfillment .shippinglabel-shopee .ant-table-tbody > tr > td {
border-bottom: 0 !important; }
.fulfillment .shippinglabel-shopee tr.ant-table-expanded-row > td {
background: #fff !important; }
.fulfillment .shippinglabel-shopee tr.ant-table-expanded-row:hover > td {
background: #f8f9fa !important; }
.fulfillment .shippinglabel-shopee tr.ant-table-row-selected + tr.ant-table-expanded-row > td {
background: #e6f7ff !important; }
.fulfillment .shippinglabel-shopee tr.ant-table-row-selected + tr.ant-table-expanded-row:hover > td {
background: #f8f9fa !important; }
.fulfillment .shippinglabel-setup {
width: 644px;
margin: auto; }
.fulfillment .shippinglabel-setup .shippinglabel-settng-title .ant-form-item {
margin-bottom: 5px; }
.fulfillment .shippinglabel-setup .radio-button {
display: 'block';
height: '30px';
line-height: '30px'; }
.fulfillment .shippinglabel-setup .courier-div .radio-button-row:nth-child(2) {
margin-top: 5%; }
.fulfillment .shippinglabel-setup .image-logo {
margin-left: 5% !important;
width: 45% !important; }
.fulfillment .shippinglabel-setup .image-shopee .image-logo:nth-child(2) {
margin-left: 10%; }
.fulfillment .shippinglabel-setup .switch-button-div {
display: flex;
flex: wrap;
height: 33px;
line-height: normal;
align-items: center;
margin-bottom: 20px; }
.fulfillment .shippinglabel-setup .switch-button-text {
width: 80%; }
.fulfillment .shippinglabel-setup .switch-button {
margin-left: auto;
height: 33px;
align-items: center; }
.fulfillment .shippinglabel-setup .select-channel-div {
display: flex;
align-items: center; }
.fulfillment .shippinglabel-setup .select-channel-div span:first-child {
padding-right: 10px; }
.arrange-shipment-modal .ant-modal-title {
text-align: center;
font-size: 20px; }
.arrange-shipment-modal .ant-radio-button-wrapper {
width: 49%;
border: 1px solid #d9d9d9 !important;
border-radius: 4px !important; }
.arrange-shipment-modal .ant-radio-button-wrapper:not(:first-child)::before {
content: none !important; }
.arrange-shipment-modal .ant-radio-button-wrapper-checked {
color: #ffffff !important;
background-color: #5acc5a !important; }
.arrange-shipment-modal .address-div + .address-div {
margin-top: 10px; }
.arrange-shipment-modal .address-div {
cursor: pointer;
width: 100%;
border-radius: 5px;
transition: 0.3s;
padding: 14px;
border: 1px solid #d4d4d4 !important;
background-color: #fafafb !important; }
.arrange-shipment-modal .address-div.active {
background-color: #ffffff !important;
border: 4px solid #5acc5a !important; }
.arrange-shipment-modal .feather-x:before {
cursor: pointer; }
.arrange-shipment-modal .div-datepicker-padding {
padding-bottom: 10px; }
.bestseller-modal {
margin-top: 1%; }
.bestseller-modal .table tbody td,
.bestseller-modal .table thead td {
padding: 20px; }
.bestseller-modal .table thead td {
border-top: 0; }
.bestseller-modal .table {
margin-top: -1%; }
.bestseller-modal .ant-modal-title {
text-align: center;
font-size: 20px; }
.bestseller-modal .feather-x:before {
cursor: pointer; }
.export-csv-modal .datepicker-formitem .ant-form-item-label {
line-height: 1; }
.sender-info-modal .ant-form-item-label {
line-height: 1; }
.printPreview-Drawer .ant-drawer-content-wrapper {
width: 900px !important; }
@media (max-width: 768px) {
.printPreview-Drawer .ant-drawer-content-wrapper {
width: 100% !important; } }
.printPreview-Drawer .button-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center; }
.ant-select-dropdown .order-count {
color: #90999d !important; }
@media (min-width: 1024px) {
.exportShippingLabel {
width: 644px !important;
margin: 0 auto !important; } }
.exportShippingLabel .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.exportShippingLabel .header-buttons .b-btn,
.exportShippingLabel .header-buttons .b-btn:hover,
.exportShippingLabel .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; }
.exportShippingLabel .header-buttons .b-btn i,
.exportShippingLabel .header-buttons .b-btn:hover i,
.exportShippingLabel .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.exportShippingLabel .ant-checkbox,
.exportShippingLabel .ant-checkbox-input,
.exportShippingLabel .ant-checkbox-inner {
border-radius: 4px !important;
width: 18px !important;
height: 18px !important; }
.exportShippingLabel .ant-picker {
border-radius: 4px;
width: 352px !important; }
.exportShippingLabel .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.exportShippingLabel .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.exportShippingLabel .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.exportShippingLabel .export-table table thead {
background-color: #fafafb !important; }
.exportShippingLabel .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; }
.exportShippingLabel .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.exportShippingLabel .export-table .un-text-truncate {
font-weight: bold !important; }
.exportShippingLabel .export-table .un-light-label {
font-size: 14px !important; }
.exportShippingLabel .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.exportShippingLabel .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
@media (min-width: 1024px) {
.smart-fulfillment {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.smart-fulfillment .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px; }
@media (min-width: 1024px) {
.smart-fulfillment .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.smart-fulfillment .header-buttons .b-btn,
.smart-fulfillment .header-buttons .b-btn:hover,
.smart-fulfillment .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; }
.smart-fulfillment .header-buttons .b-btn i,
.smart-fulfillment .header-buttons .b-btn:hover i,
.smart-fulfillment .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.smart-fulfillment .unicart-filter {
margin-top: 0 !important; }
.smart-fulfillment .unicart-filter .search-form .un-filter-value {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.smart-fulfillment .unicart-filter div.ant-select-selector {
width: 144px !important; }
.smart-fulfillment .unicart-filter .sort div.ant-select-selector {
width: 100% !important; }
.smart-fulfillment .status-tag {
margin: 0 !important; }
.smart-fulfillment .status-tag.new {
color: #323f47 !important;
border-color: #8ed7ff !important;
background-color: #d0f4ff !important; }
.smart-fulfillment .status-tag.in_progress {
color: #514b32 !important;
border-color: #f9e477 !important;
background-color: #fff5c4 !important; }
.smart-fulfillment .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.smart-fulfillment .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.smart-fulfillment .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.smart-fulfillment .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; }
.smart-fulfillment .ant-table .un-table-cell b {
font-weight: bold !important;
margin-right: 5px !important; }
.smart-fulfillment .ant-table .status-row {
align-items: center !important; }
.smart-fulfillment .ant-table .small-light-font {
font-size: 12px !important;
line-height: 16px !important;
color: #647176 !important;
letter-spacing: 0px !important; }
.smart-fulfillment .ant-table .small-light-font.status {
min-width: 50px !important; }
.smart-fulfillment .ant-table .small-light-font.summary-info {
min-width: 50px !important; }
.smart-fulfillment .ant-table .progress-font {
color: #e0241a !important;
font-size: 14px !important;
line-height: 20px !important;
letter-spacing: 0px !important; }
.smart-fulfillment .ant-table .sgicon-awb {
content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' width='100' height='104' style=''%3e%3crect id='backgroundrect' width='100%25' height='100%25' x='0' y='0' fill='none' stroke='none'/%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:white%3b%7d.cls-2%7bfont-size:26.13px%3bfont-family:GothamRounded-Bold%2c Gotham Rounded%3bfont-weight:700%3b%7d.cls-3%7bletter-spacing:-0.06em%3b%7d%3c/style%3e%3c/defs%3e%3cg class='currentLayer' style=''%3e%3ctitle%3eLayer 1%3c/title%3e%3cpath d='M58.3%2c4.5a4%2c4%2c0%2c0%2c1%2c2.93%2c1.17l25%2c25A4%2c4%2c0%2c0%2c1%2c87.5%2c33.6v50a12.31%2c12.31%2c0%2c0%2c1-3.66%2c8.88A12.44%2c12.44%2c0%2c0%2c1%2c75%2c96.1H25a12.44%2c12.44%2c0%2c0%2c1-8.84-3.62A12.27%2c12.27%2c0%2c0%2c1%2c12.5%2c83.6V17a12.3%2c12.3%2c0%2c0%2c1%2c3.66-8.89A12.43%2c12.43%2c0%2c0%2c1%2c25%2c4.5Zm-4.1%2c8.3H25A3.87%2c3.87%2c0%2c0%2c0%2c22.07%2c14a4.53%2c4.53%2c0%2c0%2c0-1.27%2c3V83.6a4.57%2c4.57%2c0%2c0%2c0%2c1.27%2c3A3.91%2c3.91%2c0%2c0%2c0%2c25%2c87.8H75a3.91%2c3.91%2c0%2c0%2c0%2c2.93-1.22%2c4.57%2c4.57%2c0%2c0%2c0%2c1.27-3V37.8H58.3a3.91%2c3.91%2c0%2c0%2c1-2.93-1.22%2c4.16%2c4.16%2c0%2c0%2c1-1.17-3ZM41.7%2c33.6a4.32%2c4.32%2c0%2c0%2c1%2c2.93%2c1.27%2c4.25%2c4.25%2c0%2c0%2c1%2c0%2c5.86A4.36%2c4.36%2c0%2c0%2c1%2c41.7%2c42H33.3a3.92%2c3.92%2c0%2c0%2c1-2-.59%2c4%2c4%2c0%2c0%2c1-1.51-1.56%2c4.16%2c4.16%2c0%2c0%2c1%2c0-4.1%2c4.06%2c4.06%2c0%2c0%2c1%2c1.51-1.57%2c3.91%2c3.91%2c0%2c0%2c1%2c2-.58ZM62.5%2c18.66V29.5H73.24Z' id='svg_1' class='' fill-opacity='1' fill='%23007ce0'/%3e%3crect class='cls-1' x='9' y='59.5' width='82' height='35' rx='8.5' id='svg_2'/%3e%3cpath d='M82.5%2c63a5%2c5%2c0%2c0%2c1%2c5%2c5V86a5%2c5%2c0%2c0%2c1-5%2c5h-65a5%2c5%2c0%2c0%2c1-5-5V68a5%2c5%2c0%2c0%2c1%2c5-5h65m0-7h-65a12%2c12%2c0%2c0%2c0-12%2c12V86a12%2c12%2c0%2c0%2c0%2c12%2c12h65a12%2c12%2c0%2c0%2c0%2c12-12V68a12%2c12%2c0%2c0%2c0-12-12Z' id='svg_3' class='' fill-opacity='1' fill='%23007ce0'/%3e%3ctext class='cls-2' y='86.20999908447266' x='17' id='svg_4' fill-opacity='1' fill='%23007ce0'%3e%3ctspan class='cls-3' x='17' y='86.20999908447266' id='svg_5'%3eA%3c/tspan%3e%3ctspan x='35.45' y='86.20999908447266' id='svg_6'%3eWB%3c/tspan%3e%3c/text%3e%3c/g%3e%3c/svg%3e");
cursor: pointer !important;
height: 15px;
width: 14px;
margin-bottom: -2px; }
.smart-fulfillment .ant-table .remark {
line-height: 14px !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.smart-fulfillment .ant-table .remark .caption {
color: #e0241a !important;
font-weight: 500 !important; }
.smart-fulfillment .ant-input-search {
height: 41px; }
.smart-fulfillment .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.smart-fulfillment .un-text-truncate {
color: #0c2028;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
max-height: 38px;
margin: 0;
font-size: 14px;
line-height: 20px;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.smart-fulfillment .un-text-truncate.truncate-3 {
-webkit-line-clamp: 3 !important; }
.smart-fulfillment .actions {
display: grid; }
.smart-fulfillment .actions .plain-btn i {
margin-right: 4px !important; }
.smart-fulfillment .actions .end-btn {
margin-bottom: 4px !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: #e0241a !important; }
.smart-fulfillment .actions .end-btn i {
font-size: 14px !important;
color: #e0241a !important;
margin-right: 4px !important; }
.smart-fulfillment .actions .delete-btn {
margin-bottom: 4px !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; }
.smart-fulfillment .actions .delete-btn i {
font-size: 14px !important;
color: #647176 !important;
margin-right: 4px !important; }
.edit-view-pick-list {
width: 100%; }
@media (min-width: 1024px) {
.edit-view-pick-list {
min-width: 1006px !important;
margin: 0 auto; } }
.edit-view-pick-list .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.edit-view-pick-list .header-buttons {
min-width: 1006px !important;
margin: 0 auto; } }
.edit-view-pick-list .header-buttons .b-btn,
.edit-view-pick-list .header-buttons .b-btn:hover,
.edit-view-pick-list .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; }
.edit-view-pick-list .header-buttons .b-btn i,
.edit-view-pick-list .header-buttons .b-btn:hover i,
.edit-view-pick-list .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.edit-view-pick-list .header-buttons .ant-switch-inner {
margin-right: 12px;
margin-left: 34px; }
.edit-view-pick-list .status-tag {
height: fit-content !important;
border-radius: 4px !important;
text-transform: capitalize;
font-size: 12px !important;
border: 1px solid;
margin: 4px auto 0 0 !important; }
.edit-view-pick-list .status-tag.new {
color: #323f47 !important;
border-color: #8ed7ff !important;
background-color: #d0f4ff !important; }
.edit-view-pick-list .status-tag.in_progress {
color: #514b32 !important;
border-color: #f9e477 !important;
background-color: #fff5c4 !important; }
.edit-view-pick-list .status-tag.completed {
border-color: #bcefb9 !important; }
.edit-view-pick-list .ant-switch-inner {
margin-right: 12px;
margin-left: 34px; }
.edit-view-pick-list .barcodeTitle {
line-height: 24px;
font-size: 20px;
color: #38484f;
margin-bottom: 6px; }
.edit-view-pick-list .barcodeFields {
height: 40px;
border-radius: 4px; }
.edit-view-pick-list .barcodeFields svg {
color: #90999d;
margin-right: 8px;
font-size: 20px; }
.edit-view-pick-list .barcodeFields .ant-input {
font-size: 20px !important;
color: #38484f; }
.edit-view-pick-list .un-form-setting .ant-input-affix-wrapper > input.ant-input {
height: 38px !important; }
.edit-view-pick-list .legend {
display: inline-flex;
height: 40px !important;
align-items: center; }
.edit-view-pick-list .legend .legend-item {
display: inline-flex;
height: fit-content;
line-height: 20px;
font-size: 14px;
color: #38484f;
margin-right: 20px; }
.edit-view-pick-list .legend .legend-item .color {
height: 20px;
width: 20px;
border: 1px solid #d4d4d4;
margin-right: 8px; }
.edit-view-pick-list .legend .legend-item .color.completed {
background-color: #bcefb9; }
.edit-view-pick-list .legend .legend-item .color.selected {
background-color: #007ce0; }
.edit-view-pick-list .legend .legend-item .color.in-progress {
background-color: #fff5c4; }
.edit-view-pick-list .legend .legend-item .color.error {
background-color: #e0241a; }
.edit-view-pick-list .legend .legend-item .color.empty {
background-color: #f6f6f6; }
.edit-view-pick-list .selected-box {
text-align: center;
background-color: #007ce0;
color: #ffffff;
font-size: 151px; }
.edit-view-pick-list .error-box {
text-align: center;
background-color: #e0241a;
color: #ffffff;
font-size: 151px; }
.edit-view-pick-list .item-display {
display: inline-flex !important; }
.edit-view-pick-list .item-display .item-image {
width: 238px !important;
height: 238px !important;
margin-right: 20px; }
.edit-view-pick-list .item-display .item-image img {
width: 238px;
height: 238px;
border: 1px solid #e5e5e5;
border-radius: 4px;
object-fit: contain !important; }
.edit-view-pick-list .item-display .item-details .name {
line-height: 32px;
font-size: 26px;
font-weight: bold;
color: #0c2028 !important; }
.edit-view-pick-list .item-display .item-details .isku,
.edit-view-pick-list .item-display .item-details .sku,
.edit-view-pick-list .item-display .item-details .upc,
.edit-view-pick-list .item-display .item-details .price {
font-size: 20px;
color: #0c2028 !important; }
.edit-view-pick-list .item-display .item-details .isku .label,
.edit-view-pick-list .item-display .item-details .sku .label,
.edit-view-pick-list .item-display .item-details .upc .label,
.edit-view-pick-list .item-display .item-details .price .label {
color: #90999d !important;
margin-right: 73px; }
.edit-view-pick-list .item-display .item-details .fulfillment {
font-size: 20px;
color: #0c2028 !important; }
.edit-view-pick-list .item-display .item-details .fulfillment .label {
color: #90999d !important;
margin-right: 23px; }
.edit-view-pick-list .item-display .item-details .update-stock-error {
color: #e0241a !important;
font-size: 20px !important;
font-weight: bold !important; }
.edit-view-pick-list .bins {
width: 100% !important;
border: 0.5px solid #e5e5e5; }
.edit-view-pick-list .bins .bin {
position: relative;
border: 0.5px solid #e5e5e5;
height: 60px;
line-height: 32px;
font-size: 26px;
color: #0c2028;
display: inline-block;
vertical-align: middle;
padding-top: 14px !important; }
.edit-view-pick-list .bins .bin .bin-word {
padding-left: 20% !important; }
.edit-view-pick-list .bins .bin .bin-word-center {
text-align: center; }
.edit-view-pick-list .bins .bin svg {
display: none !important;
position: absolute;
right: 20% !important;
top: 14px !important; }
.edit-view-pick-list .bins .bin.selected {
background-color: #007ce0 !important;
color: #ffffff !important; }
.edit-view-pick-list .bins .bin.completed {
background-color: #bcefb9 !important; }
.edit-view-pick-list .bins .bin.completed svg {
display: block !important; }
.edit-view-pick-list .bins .bin.in_progress {
background-color: #fff5c4 !important; }
.edit-view-pick-list .bins .bin.error {
background-color: #e0241a !important; }
.edit-view-pick-list .bins .bin.empty {
background-color: #f6f6f6 !important; }
.edit-view-pick-list .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.edit-view-pick-list .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.edit-view-pick-list .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.edit-view-pick-list .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; }
.order-summary {
padding: 10px;
background-color: #ffffff;
border-radius: 12px; }
.order-summary.incomplete {
background-color: #ffe0e0; }
.order-summary .label {
font-size: 12px;
line-height: 24px;
color: #647176; }
.order-summary .label-data {
font-size: 16px;
line-height: 24px;
color: #0c2028; }
.order-summary.large {
padding: 20px;
border-radius: 8px; }
.order-summary.large .label {
font-size: 14px;
line-height: 26px; }
.order-summary.large .label-data {
font-size: 18px;
line-height: 28px; }
.order-summary .resort-btn {
color: #e0241a !important; }
.order-summary .status-tag {
height: fit-content !important;
border-radius: 4px !important;
text-transform: capitalize;
font-size: 12px !important;
border: 1px solid;
margin: 4px auto 0 0 !important; }
.order-summary .status-tag.new {
color: #323f47 !important;
border-color: #8ed7ff !important;
background-color: #d0f4ff !important; }
.order-summary .status-tag.in_progress {
color: #514b32 !important;
border-color: #f9e477 !important;
background-color: #fff5c4 !important; }
.order-summary .status-tag.completed {
border-color: #bcefb9 !important; }
.order-summary .status-tag.free {
color: #442f0f;
background-color: #ffe5cc;
border-color: #ffae4c; }
.order-summary .status-tag.void {
margin: 0px !important;
color: #99140a !important;
background-color: #ffadad !important;
border-color: #e0241a !important; }
.order-summary .status-tag.hidden {
visibility: hidden; }
.order-summary .summary-item {
background-color: #f6f6f6;
padding: 10px;
border-radius: 12px; }
.order-summary .summary-item.large {
padding: 20px;
border-radius: 8px; }
.order-summary .summary-item .item-list {
padding-top: 10px; }
.order-summary .summary-item .item-list .item-image {
border-radius: 4px;
border-color: #e5e5e5;
height: 122px; }
.order-summary .summary-item .item-list .product-name {
font-size: 14px;
line-height: 16px;
color: #0c2028;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
max-height: 48px;
margin: 0;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 5px; }
.order-summary .summary-item .item-list .product-isku,
.order-summary .summary-item .item-list .product-sku {
font-size: 12px;
line-height: 16px;
color: #90999d;
margin-bottom: 5px; }
.order-summary .summary-item .item-list.large .product-name {
font-size: 16px;
line-height: 20px; }
.order-summary .summary-item .item-list.large .product-isku,
.order-summary .summary-item .item-list.large .product-sku {
font-size: 14px;
line-height: 20px; }
.order-summary .summary-item .fulfillment {
padding: 10px; }
.order-summary .summary-item .fulfillment .label {
font-size: 16px;
line-height: 24px;
color: #647176;
text-align: right; }
.order-summary .summary-item .fulfillment .data {
font-size: 20px;
line-height: 24px;
color: #000000de;
text-align: right;
font-weight: bold; }
.order-summary .summary-item .fulfillment .data.incomplete {
color: #e0241a; }
.order-summary .summary-item hr {
padding-bottom: 10px !important; }
.order-summary .summary-item .feather-info {
margin-left: 0.5rem !important;
font-size: 18px !important;
cursor: pointer !important; }
@media (max-width: 1024px) {
.smart-fulfillment-summary .custom-pg-title {
display: none !important; } }
.smart-fulfillment-summary .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px; }
@media (min-width: 1024px) {
.smart-fulfillment-summary .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.smart-fulfillment-summary .header-buttons .b-btn,
.smart-fulfillment-summary .header-buttons .b-btn:hover,
.smart-fulfillment-summary .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; }
.smart-fulfillment-summary .header-buttons .b-btn i,
.smart-fulfillment-summary .header-buttons .b-btn:hover i,
.smart-fulfillment-summary .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.smart-fulfillment-summary .ant-tabs-bar {
margin: 1px !important;
border-bottom: none !important; }
.smart-fulfillment-summary .ant-tabs.ant-tabs-top.ant-tabs-large.ant-tabs-line.ant-tabs-no-animation {
width: 100%; }
@media (max-width: 1024px) {
.smart-fulfillment-pick-list .custom-pg-title {
display: none !important; } }
.smart-fulfillment-pick-list .header-buttons {
width: calc(100% - 64px) !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.smart-fulfillment-pick-list .header-buttons {
min-width: 816px !important;
max-width: unset !important;
margin: 0 auto; } }
.smart-fulfillment-pick-list .header-buttons .b-btn,
.smart-fulfillment-pick-list .header-buttons .b-btn:hover,
.smart-fulfillment-pick-list .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; }
.smart-fulfillment-pick-list .header-buttons .b-btn i,
.smart-fulfillment-pick-list .header-buttons .b-btn:hover i,
.smart-fulfillment-pick-list .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.smart-fulfillment-pick-list .status-tag {
height: fit-content !important;
border-radius: 4px !important;
text-transform: capitalize;
font-size: 12px !important;
border: 1px solid;
margin: 4px auto 0 0 !important; }
.smart-fulfillment-pick-list .status-tag.new {
color: #323f47 !important;
border-color: #8ed7ff !important;
background-color: #d0f4ff !important; }
.smart-fulfillment-pick-list .status-tag.in_progress {
color: #514b32 !important;
border-color: #f9e477 !important;
background-color: #fff5c4 !important; }
.smart-fulfillment-pick-list .status-tag.completed {
border-color: #bcefb9 !important; }
.smart-fulfillment-pick-list .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.smart-fulfillment-pick-list .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.smart-fulfillment-pick-list .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.smart-fulfillment-pick-list .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; }
.smart-fulfillment-pick-list .ant-table .un-table-cell b {
font-weight: bold !important;
margin-right: 5px !important; }
.smart-fulfillment-pick-list .ant-table .small-light-font {
font-size: 12px !important;
line-height: 16px !important;
color: #647176 !important;
letter-spacing: 0px !important; }
.smart-fulfillment-pick-list .ant-table .progress-font {
color: #e0241a !important;
font-size: 14px !important;
line-height: 20px !important;
letter-spacing: 0px !important; }
.smart-fulfillment-pick-list .unicart-table .ant-list-item-meta-content {
padding-left: 12px !important; }
.smart-fulfillment-pick-list .unicart-table .ant-list-item-meta-title {
height: inherit !important; }
.smart-fulfillment-pick-list .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.smart-fulfillment-pick-list .unicart-table .ant-list-item-meta-avatar {
width: 75px;
height: 75px; }
.smart-fulfillment-pick-list .un-row-product img {
width: 75px;
height: 75px; }
.smart-fulfillment-pick-list .un-text-truncate {
color: inherit !important;
font-size: inherit !important;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
-webkit-line-clamp: 1 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.smart-fulfillment-pick-list .un-text-truncate.desc {
font-size: 12px !important;
line-height: 1.4 !important; }
.smart-fulfillment-pick-list .un-text-truncate2 {
color: inherit !important;
font-size: inherit !important;
display: block;
display: -webkit-box;
word-wrap: break-word;
word-break: break-word;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis; }
.smart-fulfillment-pick-list .un-text-truncate2.voided {
color: #e0241a !important; }
.smart-fulfillment-pick-list .paragraph {
color: inherit !important;
font-size: inherit !important;
display: block;
word-wrap: break-word;
word-break: break-word; }
.smart-fulfillment-pick-list .paragraph .ant-typography-expand {
color: #007ce0 !important; }
@media (min-width: 1024px) {
.smart-fulfillment-setting {
width: 644px !important;
margin: 0 auto !important; } }
.smart-fulfillment-setting .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.smart-fulfillment-setting .header-buttons .b-btn,
.smart-fulfillment-setting .header-buttons .b-btn:hover,
.smart-fulfillment-setting .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; }
.smart-fulfillment-setting .header-buttons .b-btn i,
.smart-fulfillment-setting .header-buttons .b-btn:hover i,
.smart-fulfillment-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.smart-fulfillment-setting .drag-container {
background-color: #f6f6f6 !important;
padding: 8px 12px !important; }
.smart-fulfillment-setting .drag-handle {
cursor: pointer !important; }
.smart-fulfillment-setting .inline-radio {
display: inline !important; }
.smart-fulfillment-setting .inline-radio span.ant-radio + * {
padding-right: 4px;
padding-left: 4px; }
.smart-fulfillment-setting .scan-rack-input {
margin-bottom: 10px !important; }
.smart-fulfillment-setting .scan-rack-input .ant-form-item-control-input-content {
display: flex !important;
align-items: center !important; }
.smart-fulfillment-setting .bypass-qty .ant-input-number {
width: 30px !important;
border-radius: 0 !important;
border: none !important;
border-bottom: 1px solid #d4d4d4 !important;
height: 25px !important;
line-height: 25px !important; }
.smart-fulfillment-setting .bypass-qty .ant-input-number .ant-input-number-handler-wrap {
display: none !important; }
.smart-fulfillment-setting .bypass-qty .ant-input-number .ant-input-number-input {
padding: 0 !important;
text-align: center !important; }
.un-modal .ant-radio-button-wrapper {
width: auto !important;
height: fit-content !important;
line-height: 40px !important;
border: 1px solid #d9d9d9 !important;
border-radius: 4px !important;
margin-right: 20px !important;
color: #0c2028 !important; }
.un-modal .ant-radio-button-wrapper:not(:first-child)::before {
content: none !important; }
.un-modal .ant-radio-button-wrapper-checked {
position: relative;
border-color: #5acc5a !important;
color: #5acc5a !important;
background-color: #ffffff !important; }
.un-modal .ant-radio-button-wrapper-disabled {
cursor: not-allowed !important; }
.un-modal .plain-btn:disabled {
cursor: not-allowed !important; }
.custom-cfm-modal .ant-modal-title {
padding-left: 0 !important; }
.custom-cfm-modal .title {
text-align: left !important; }
.custom-cfm-modal .ant-modal-header {
border-bottom: 0 none !important; }
.custom-cfm-modal .ant-modal-footer {
border-top: 0 none !important; }
.custom-cfm-modal .ant-modal-body {
padding: 0px 20px !important;
font-size: 14px !important;
color: #0c2028 !important; }
.custom-cfm-modal .ant-btn-danger {
background-color: #e0241a !important;
color: #ffffff !important; }
.custom-cfm-modal .ant-btn-danger:hover {
color: #ffffff !important;
background-color: #99140a !important;
border-color: #99140a !important; }
.custom-cfm-modal .ant-btn-danger:active {
color: #ffffff !important;
background-color: #440505 !important;
border-color: #440505 !important; }
.bulk-pick-list-modal .bulk-pick-list-table tbody tr td {
vertical-align: top !important; }
.bulk-pick-list-modal .bulk-pick-list-table .ant-form-item {
margin-bottom: 0px !important; }
.bulk-pick-list-modal .bulk-pick-list-table .ant-table table {
border: none !important; }
.bulk-pick-list-modal .bulk-pick-list-table .ant-table-thead > tr > th {
padding: 6px 6px !important;
border-bottom: none !important; }
.bulk-pick-list-modal .bulk-pick-list-table .ant-table-tbody > tr > td {
padding: 16px 6px !important; }
.bulk-pick-list-modal .bulk-pick-list-table .ant-table-thead th {
background-color: #fafafb !important; }
@media (min-width: 1024px) {
.bulk-resolve-pick-list {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.bulk-resolve-pick-list .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.bulk-resolve-pick-list .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.bulk-resolve-pick-list .header-buttons .b-btn,
.bulk-resolve-pick-list .header-buttons .b-btn:hover,
.bulk-resolve-pick-list .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; }
.bulk-resolve-pick-list .header-buttons .b-btn i,
.bulk-resolve-pick-list .header-buttons .b-btn:hover i,
.bulk-resolve-pick-list .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.scan-history-modal .ant-modal-content {
border-radius: 12px !important; }
.scan-history-modal .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important; }
.scan-history-modal .scan-history-table table tbody tr td {
vertical-align: top !important; }
.scan-history-modal .scan-history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.scan-history-modal .scan-history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.scan-history-modal .scan-history-table table thead {
background-color: #fafafb !important; }
.scan-history-modal .scan-history-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; }
.scan-history-modal .scan-history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.scan-history-modal .row {
align-items: baseline !important; }
.scan-history-modal .un-title-light {
display: none !important; }
.scan-history-modal .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.scan-history-modal .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.picklist-error-modal .ant-modal-body {
color: #38484f; }
.smart-fulfillment-filter .date-period .label {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
.smart-fulfillment-report .header-buttons,
.task-progress-report .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.smart-fulfillment-report .header-buttons,
.task-progress-report .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.smart-fulfillment-report .header-buttons .b-btn,
.smart-fulfillment-report .header-buttons .b-btn:hover,
.smart-fulfillment-report .header-buttons .b-btn:focus,
.task-progress-report .header-buttons .b-btn,
.task-progress-report .header-buttons .b-btn:hover,
.task-progress-report .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; }
.smart-fulfillment-report .header-buttons .b-btn i,
.smart-fulfillment-report .header-buttons .b-btn:hover i,
.smart-fulfillment-report .header-buttons .b-btn:focus i,
.task-progress-report .header-buttons .b-btn i,
.task-progress-report .header-buttons .b-btn:hover i,
.task-progress-report .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.smart-fulfillment-report .header-buttons .outline-btn,
.smart-fulfillment-report .header-buttons .outline-btn:focus,
.smart-fulfillment-report .header-buttons .outline-btn:hover,
.task-progress-report .header-buttons .outline-btn,
.task-progress-report .header-buttons .outline-btn:focus,
.task-progress-report .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.smart-fulfillment-report .unicart-filter,
.task-progress-report .unicart-filter {
margin-top: 0 !important; }
.smart-fulfillment-report .unicart-filter .ant-form-item,
.task-progress-report .unicart-filter .ant-form-item {
margin-bottom: 0 !important; }
.smart-fulfillment-report .border-left,
.task-progress-report .border-left {
border-left: 1px solid #e5e5e5; }
.smart-fulfillment-report .unicart-table .un-table-cell,
.task-progress-report .unicart-table .un-table-cell {
color: #0c2028;
margin-top: 5px !important;
margin-bottom: 5px !important; }
.smart-fulfillment-report .ant-pagination,
.task-progress-report .ant-pagination {
margin-bottom: 20px;
margin-right: 0 !important; }
.smart-fulfillment-report .ant-table-container table > thead > tr:first-child th:last-child,
.task-progress-report .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.smart-fulfillment-report .ant-table-container table > thead > tr:first-child th:first-child,
.task-progress-report .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.smart-fulfillment-report .ant-table table,
.task-progress-report .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.smart-fulfillment-report .report-list #container,
.task-progress-report .report-list #container {
width: 100%;
height: 100%;
overflow-x: scroll; }
.smart-fulfillment-report .report-list #container::-webkit-scrollbar-track,
.task-progress-report .report-list #container::-webkit-scrollbar-track {
background-color: #ffffff !important; }
.smart-fulfillment-report .report-list #container::-webkit-scrollbar,
.task-progress-report .report-list #container::-webkit-scrollbar {
height: 0;
background-color: #ffffff !important; }
.smart-fulfillment-report .report-list #container::-webkit-scrollbar-thumb,
.task-progress-report .report-list #container::-webkit-scrollbar-thumb {
background-color: #d4d4d4 !important;
border: 1px solid #d4d4d4 !important;
border-radius: 12px !important; }
.smart-fulfillment-report .report-list #content,
.task-progress-report .report-list #content {
position: relative;
width: fit-content;
max-width: 100%;
display: table;
height: 100%; }
.smart-fulfillment-report .report-list #content .report-item,
.task-progress-report .report-list #content .report-item {
display: table-cell;
height: 100%;
padding-right: 20px;
cursor: pointer; }
.smart-fulfillment-report .report-list #content .report-item:last-child,
.task-progress-report .report-list #content .report-item:last-child {
padding-right: 0 !important; }
.smart-fulfillment-report .report-list #content .report-item .ant-list-item,
.task-progress-report .report-list #content .report-item .ant-list-item {
padding: 12px 12px 12px 5px;
width: 200px;
height: 100%;
background: #ffffff !important;
border: 1px solid #e5e5e5;
border-radius: 4px; }
.smart-fulfillment-report .report-list #content .report-item .ant-list-item.active,
.task-progress-report .report-list #content .report-item .ant-list-item.active {
background: #e5e5e5 !important; }
.smart-fulfillment-report .report-list #content .report-item .ant-list-item .ant-list-item-meta,
.task-progress-report .report-list #content .report-item .ant-list-item .ant-list-item-meta {
align-items: center;
margin-left: 10px; }
.smart-fulfillment-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar,
.task-progress-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar {
background: #8ed7ff 0% 0% no-repeat padding-box;
border-radius: 50%;
width: 37px !important;
height: 37px !important;
margin-right: 8px; }
.smart-fulfillment-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar-image,
.task-progress-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-avatar .ant-avatar-image {
margin-top: 6px !important;
margin-left: 3px !important; }
.smart-fulfillment-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-title,
.task-progress-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
margin: 0px; }
.smart-fulfillment-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .title,
.task-progress-report .report-list #content .report-item .ant-list-item .ant-list-item-meta .ant-list-item-meta-title .title {
text-wrap: wrap; }
.smart-fulfillment-report .report-list .prev-btn,
.smart-fulfillment-report .report-list .next-btn,
.task-progress-report .report-list .prev-btn,
.task-progress-report .report-list .next-btn {
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
border: none !important;
background: #00000070;
padding: 2px !important;
align-self: center; }
.smart-fulfillment-report .report-list .prev-btn i,
.smart-fulfillment-report .report-list .next-btn i,
.task-progress-report .report-list .prev-btn i,
.task-progress-report .report-list .next-btn i {
font-size: 20px;
color: #ffffff; }
.smart-fulfillment-report .report-list .prev-btn,
.task-progress-report .report-list .prev-btn {
left: -25px; }
.smart-fulfillment-report .report-list .next-btn,
.task-progress-report .report-list .next-btn {
right: -25px; }
.smart-fulfillment-report-detail .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.smart-fulfillment-report-detail .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.smart-fulfillment-report-detail .header-buttons .b-btn,
.smart-fulfillment-report-detail .header-buttons .b-btn:hover,
.smart-fulfillment-report-detail .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; }
.smart-fulfillment-report-detail .header-buttons .b-btn i,
.smart-fulfillment-report-detail .header-buttons .b-btn:hover i,
.smart-fulfillment-report-detail .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.smart-fulfillment-report-detail .header-buttons .outline-btn,
.smart-fulfillment-report-detail .header-buttons .outline-btn:focus,
.smart-fulfillment-report-detail .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.smart-fulfillment-report-detail .unicart-filter {
margin-top: 0 !important; }
.smart-fulfillment-report-detail .unicart-filter .ant-form-item {
margin-bottom: 0 !important; }
.smart-fulfillment-report-detail .border-left {
border-left: 1px solid #e5e5e5; }
.smart-fulfillment-report-detail .unicart-table .un-table-cell {
color: #0c2028;
margin-top: 5px !important;
margin-bottom: 5px !important; }
.smart-fulfillment-report-detail .ant-pagination {
margin-bottom: 20px;
margin-right: 0 !important; }
.smart-fulfillment-report-detail .un-box-flat .col-md-4 {
align-content: baseline !important; }
.smart-fulfillment-report-detail .small-light-font {
font-size: 12px !important;
line-height: 16px !important;
color: #647176 !important;
letter-spacing: 0px !important; }
.smart-fulfillment-filter {
width: 100% !important; }
.smart-fulfillment-filter .unicart-filter {
width: 100% !important;
margin-bottom: 32px !important;
align-items: center !important; }
.smart-fulfillment-filter .ant-input-group.ant-input-group-compact {
display: flex; }
.smart-fulfillment-filter .date-period {
height: 41px !important; }
.smart-fulfillment-filter .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.smart-fulfillment-filter .date-period .date-range2 {
background-color: #ffffff;
height: 41px !important;
width: 250px !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; }
.smart-fulfillment-filter .date-period .date-range2 .ant-picker {
width: 200px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.smart-fulfillment-filter .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.smart-fulfillment-filter .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.smart-fulfillment-filter .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.smart-fulfillment-filter .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.smart-fulfillment-filter .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.smart-fulfillment-filter .date-period .date-picker-button {
height: 41px;
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; }
.smart-fulfillment-filter .date-period .date-picker-button:hover,
.smart-fulfillment-filter .date-period .date-picker-button:active,
.smart-fulfillment-filter .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.smart-fulfillment-filter .primary-btn {
margin-left: auto !important;
margin-right: 0 !important; }
.task-progress-report .un-product-name3 {
cursor: initial !important; }
.task-progress-report .un-product-name3:hover {
color: #000 !important; }
@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; }
#un-live .un-current-total .un-of-title {
font-size: 20px;
line-height: 24px;
font-weight: 400; }
@media (min-width: 1024px) {
.scan-pick-list {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.scan-pick-list .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px; }
@media (min-width: 1024px) {
.scan-pick-list .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.scan-pick-list .header-buttons .b-btn,
.scan-pick-list .header-buttons .b-btn:hover,
.scan-pick-list .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; }
.scan-pick-list .header-buttons .b-btn i,
.scan-pick-list .header-buttons .b-btn:hover i,
.scan-pick-list .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.scan-pick-list .header-buttons .outline-i-btn {
background-color: #fafafb !important; }
.scan-pick-list .header-buttons .outline-i-btn:hover {
border: 0.4px solid #d4d4d4 !important;
background-color: #f6f6f6 !important;
color: #0c2028 !important; }
.scan-pick-list .header-buttons .outline-i-btn:active {
border: 0.4px solid #d4d4d4 !important;
background-color: #e5e5e5 !important;
color: #0c2028 !important; }
.scan-pick-list .heading-large {
margin-bottom: 20px !important; }
.scan-pick-list .barcodeFields {
height: 57px;
border-radius: 4px; }
.scan-pick-list .barcodeFields .ant-input-prefix svg {
color: #90999d;
margin-right: 8px;
margin-left: 16px;
font-size: 21px;
line-height: 23px; }
.scan-pick-list .barcodeFields .ant-input {
font-size: 18px !important;
color: #38484f;
width: 300px !important; }
@media (min-width: 1024px) {
.scan-pick-list .barcodeFields .ant-input {
width: 550px !important; } }
.scan-pick-list .barcodeFields .ant-input-affix-wrapper > input.ant-input {
height: 55px !important; }
.scan-pick-list .barcodeFields .ant-input-group-addon,
.scan-pick-list .barcodeFields .ant-input-search-enter-button input + .ant-input-group-addon {
background-color: #5acc5a !important; }
.scan-pick-list .barcodeFields .ant-btn.ant-btn-primary {
border: none !important;
background-color: inherit !important; }
.scan-pick-list .barcodeFields .ant-btn-primary {
box-shadow: none !important;
text-shadow: none !important;
font-size: 28px !important; }
@media (min-width: 1024px) {
.outbound-fulfillment {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.outbound-fulfillment .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px; }
@media (min-width: 1024px) {
.outbound-fulfillment .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.outbound-fulfillment .header-buttons .b-btn,
.outbound-fulfillment .header-buttons .b-btn:hover,
.outbound-fulfillment .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; }
.outbound-fulfillment .header-buttons .b-btn i,
.outbound-fulfillment .header-buttons .b-btn:hover i,
.outbound-fulfillment .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.outbound-fulfillment .header-buttons .outline-i-btn,
.outbound-fulfillment .header-buttons .outline-i-btn:focus,
.outbound-fulfillment .header-buttons .outline-i-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.outbound-fulfillment .header-buttons .outline,
.outbound-fulfillment .header-buttons .outline:focus,
.outbound-fulfillment .header-buttons .outline:hover {
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.outbound-fulfillment .barcodeFields {
height: 57px;
border-radius: 4px; }
.outbound-fulfillment .barcodeFields .ant-input-prefix svg {
color: #90999d;
margin-right: 8px;
margin-left: 16px;
font-size: 21px;
line-height: 23px; }
.outbound-fulfillment .barcodeFields .ant-input {
font-size: 18px !important;
color: #38484f; }
.outbound-fulfillment .barcodeFields .ant-input-affix-wrapper > input.ant-input {
height: 55px !important; }
.outbound-fulfillment .barcodeFields .ant-input-group-addon,
.outbound-fulfillment .barcodeFields .ant-input-search-enter-button input + .ant-input-group-addon {
background-color: #5acc5a !important; }
.outbound-fulfillment .barcodeFields .ant-btn.ant-btn-primary {
border: none !important;
background-color: inherit !important; }
.outbound-fulfillment .barcodeFields .ant-btn-primary {
box-shadow: none !important;
text-shadow: none !important;
font-size: 28px !important; }
.outbound-fulfillment .barcodeFields.mini {
height: 35px; }
.outbound-fulfillment .barcodeFields.mini .ant-input-prefix svg {
margin-left: 4px;
font-size: 18px; }
.outbound-fulfillment .matched-order {
margin-top: 32px !important;
margin-bottom: 20px !important; }
.outbound-fulfillment .matched-order .heading-medium {
margin-bottom: 8px !important; }
.outbound-fulfillment .matched-order .heading-medium .mb-20 {
margin-bottom: 20px !important; }
.outbound-fulfillment .other-order {
margin-top: 32px !important;
margin-bottom: 20px !important; }
.outbound-fulfillment .other-order .heading {
margin-bottom: 8px !important; }
.outbound-fulfillment .custom-row {
display: flex;
flex-wrap: wrap; }
.outbound-fulfillment .custom-row > [class*='col-'] {
display: flex;
flex-direction: column; }
.outbound-fulfillment .print {
background-color: white !important;
padding-left: 24px !important;
padding-right: 24px !important;
padding-top: 12px !important;
padding-bottom: 12px !important;
min-height: 78px !important;
align-items: center !important;
margin-top: 50px !important;
border-bottom-left-radius: 12px !important;
border-bottom-right-radius: 12px !important;
border-top: 1px solid #e5e5e5 !important; }
.outbound-fulfillment .print .primary-btn,
.outbound-fulfillment .print .outline-btn {
font-size: 16px !important;
line-height: 20px !important;
padding: 8px 16px !important;
height: fit-content !important; }
.outbound-fulfillment .order-tag {
height: fit-content !important;
border-radius: 4px !important;
font-size: 18px !important;
font-weight: medium !important;
line-height: 22px !important;
border: 1px solid;
margin: 4px auto 0 0 !important;
padding: 2px 8px !important;
color: #323f47 !important;
border-color: #8ed7ff !important;
background-color: #d0f4ff !important;
margin-left: 20px !important; }
.outbound-fulfillment .pick-list-no {
color: #0c2028 !important;
font-size: 16px !important;
line-height: 20px !important;
font-weight: normal !important;
margin-right: 20px !important; }
.outbound-fulfillment .delete-btn {
margin-bottom: 4px !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: #e0241a !important; }
.outbound-fulfillment .delete-btn i {
font-size: 15px !important;
color: #e0241a !important;
margin-right: 4px !important; }
.outbound-fulfillment .delete-btn2 {
width: fit-content !important;
height: 21px !important;
padding: 0 !important;
font-size: 20px !important;
border: none !important;
background: none !important;
box-shadow: none !important; }
.outbound-fulfillment .delete-btn2 i {
font-size: 20px !important;
color: #e0241a !important; }
.outbound-fulfillment .delete-btn:hover,
.outbound-fulfillment .delete-btn2:hover {
color: #99140a !important; }
.outbound-fulfillment .delete-btn:hover i,
.outbound-fulfillment .delete-btn2:hover i {
color: #99140a !important; }
.outbound-fulfillment .ant-card {
background-color: white !important; }
.outbound-fulfillment .ant-card .ant-card-body {
padding: 0 !important;
padding-top: 24px !important; }
.outbound-fulfillment .ant-card .ant-card-custom-padding {
padding-left: 24px !important;
padding-right: 24px !important; }
.outbound-fulfillment .ant-card .scan-product {
margin-bottom: 20px !important; }
.outbound-fulfillment .success {
background-color: #f3fff3 !important; }
.outbound-fulfillment .fail {
background-color: #ffe0e0 !important; }
.outbound-fulfillment .print-success-container,
.outbound-fulfillment .print-fail-container {
display: flex !important;
align-self: center !important;
margin-top: 70px !important;
align-items: center !important;
flex-direction: column !important; }
.outbound-fulfillment .print-success-container .success-icon,
.outbound-fulfillment .print-fail-container .success-icon {
color: #5acc5a !important;
font-size: 120px !important; }
.outbound-fulfillment .print-success-container .loading-icon,
.outbound-fulfillment .print-fail-container .loading-icon {
color: #007ce0 !important;
font-size: 120px !important; }
.outbound-fulfillment .print-success-container .error-icon,
.outbound-fulfillment .print-fail-container .error-icon {
color: #e0241a !important;
font-size: 120px !important; }
.outbound-fulfillment .print-success-container div,
.outbound-fulfillment .print-fail-container div {
font-size: 20px !important;
color: #0c2028 !important;
line-height: 24px !important;
margin-top: 20px !important; }
.outbound-fulfillment .update-stock-error {
display: flex !important;
align-self: center !important;
align-items: center !important;
flex-direction: column !important;
line-height: 24px !important;
margin-top: 20px !important;
font-size: 20px !important;
font-weight: bold !important;
color: #e0241a !important; }
.outbound-fulfillment .status-tag {
width: fit-content;
height: 18px;
line-height: 18px;
font-size: 12px !important;
font-weight: normal !important;
color: #442f0f;
background-color: #ffe5cc;
border: 1px solid #ff7f00;
border-radius: 2px;
align-self: center;
margin-right: 4px; }
.outbound-fulfillment .status-tag.new {
color: #323f47 !important;
border-color: #8ed7ff !important;
background-color: #d0f4ff !important; }
.outbound-fulfillment .status-tag.in_progress {
color: #514b32 !important;
border-color: #f9e477 !important;
background-color: #fff5c4 !important; }
.outbound-fulfillment .status-tag.completed {
color: #35454c !important;
border-color: #bcefb9 !important;
background-color: #f3fff3 !important; }
.outbound-fulfillment .serial-form .ant-form-item {
margin-bottom: 12px !important; }
@media (min-width: 1024px) {
.outbound-fulfillment-setting {
width: 644px !important;
margin: 0 auto !important; } }
.outbound-fulfillment-setting .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.outbound-fulfillment-setting .header-buttons .b-btn,
.outbound-fulfillment-setting .header-buttons .b-btn:hover,
.outbound-fulfillment-setting .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; }
.outbound-fulfillment-setting .header-buttons .b-btn i,
.outbound-fulfillment-setting .header-buttons .b-btn:hover i,
.outbound-fulfillment-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.outbound-fulfillment-setting .un-form-setting .ant-form-item {
padding-bottom: 0 !important;
margin-bottom: 0px !important; }
.scannprint-history .header-buttons {
width: calc(100% - 64px) !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.scannprint-history .header-buttons {
min-width: 816px !important;
max-width: unset !important;
margin: 0 auto; } }
.scannprint-history .header-buttons .b-btn,
.scannprint-history .header-buttons .b-btn:hover,
.scannprint-history .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; }
.scannprint-history .header-buttons .b-btn i,
.scannprint-history .header-buttons .b-btn:hover i,
.scannprint-history .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media (min-width: 1024px) {
.shippinglabel-printlog-modal {
width: 670px !important; } }
.shippinglabel-printlog-modal .ant-modal-body {
width: 100%;
overflow: hidden auto; }
@media (min-width: 1024px) {
.shippinglabel-printlog-modal .ant-modal-body {
height: 420px !important;
padding-bottom: 0 !important; } }
.shippinglabel-printlog-modal .ant-modal-content {
border-radius: 12px !important; }
.shippinglabel-printlog-modal .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important; }
.shippinglabel-printlog-modal .printlog-table table tbody tr td {
vertical-align: top !important; }
.shippinglabel-printlog-modal .printlog-table .ant-list-item {
padding: 0 !important; }
.shippinglabel-printlog-modal .printlog-table .ant-list-item-meta-avatar {
width: 56px; }
.shippinglabel-printlog-modal .printlog-table .ant-list-item-meta {
padding-top: 1px !important; }
.shippinglabel-printlog-modal .printlog-table .ant-list-item-meta-description {
padding-left: 0; }
.shippinglabel-printlog-modal .printlog-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.shippinglabel-printlog-modal .printlog-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.shippinglabel-printlog-modal .printlog-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.shippinglabel-printlog-modal .printlog-table table thead {
background-color: #fafafb !important; }
.shippinglabel-printlog-modal .printlog-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; }
.shippinglabel-printlog-modal .printlog-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.shippinglabel-printlog-modal .row {
align-items: baseline !important; }
.shippinglabel-printlog-modal .un-page-with-steps .ant-legacy-form {
width: 100%; }
@media (min-width: 1024px) {
.shippinglabel-printlog-modal .un-page-with-steps .ant-legacy-form {
width: 622px !important; } }
.shippinglabel-printlog-modal .un-box-flat {
background-color: #ffffff !important;
border-radius: 0px !important;
border: none !important;
padding: 0 !important;
margin-bottom: 32px;
box-shadow: none !important;
width: 100%; }
@media (min-width: 1024px) {
.shippinglabel-printlog-modal .un-box-flat {
width: 553px !important; } }
.shippinglabel-printlog-modal .un-box-flat .pl-10 {
padding-left: 12px !important; }
.shippinglabel-printlog-modal .un-title-light {
display: none !important; }
.shippinglabel-printlog-modal .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.shippinglabel-printlog-modal .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.shippinglabel-printlog-modal .plain-btn {
margin: auto 0 auto auto !important; }
.shippinglabel-printlog-modal .upload-placeholder {
height: 115px !important; }
.shippinglabel-printlog-modal .hvrbox {
width: 115px !important;
height: 115px !important; }
.shippinglabel-printlog-modal .ant-upload:hover {
border-color: #007ce0 !important; }
.shippinglabel-printlog-modal .ant-upload-drag-icon img {
object-fit: contain !important; }
#un-live {
margin: -32px 0;
height: 100vh; }
#un-live .hide {
display: none !important; }
#un-live .back-btn,
#un-live .back-btn:hover,
#un-live .back-btn:focus {
left: 20px !important;
top: 10px !important;
position: fixed !important;
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding-left: 0 !important; }
#un-live .back-btn i,
#un-live .back-btn:hover i,
#un-live .back-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media only screen and (max-width: 768px) {
#un-live .back-btn {
display: none !important; } }
@media only screen and (min-width: 768px) and (max-width: 1025px) {
#un-live .back-btn {
display: none !important; } }
#un-live .un-live-scannprint::before {
content: '';
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 90vh;
display: block;
left: 0;
position: fixed;
z-index: -1; }
#un-live .img-responsive {
width: 100%;
object-fit: contain; }
#un-live .un-button-live {
background-color: #fff;
margin-right: 10px;
margin-top: 10px;
z-index: 1;
position: absolute;
right: 0;
border-radius: 50% !important;
padding: 0; }
#un-live #un-backgroundImage {
position: absolute;
left: 0;
width: 100%;
bottom: 0; }
#un-live .un-leftImage {
position: absolute;
left: 100px;
bottom: 50px; }
#un-live .un-leftImage img {
width: 301px; }
@media (max-width: 1440px) {
#un-live .un-leftImage {
left: 30px;
bottom: 20px; }
#un-live .un-leftImage img {
width: 201px !important; } }
#un-live .un-rightImage {
position: absolute;
right: 100px;
bottom: 50px; }
#un-live .un-rightImage img {
width: 304px; }
@media (max-width: 1440px) {
#un-live .un-rightImage {
right: 30px;
bottom: 20px; }
#un-live .un-rightImage img {
width: 204px; } }
#un-live .un-top-logo {
top: 31px;
height: 219px;
background-color: #002c83;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
position: relative; }
@media (max-width: 1440px) {
#un-live .un-top-logo {
height: 160px !important; } }
#un-live .un-top-logo img {
margin-bottom: 100px;
margin-left: 362px;
margin-right: 327px;
width: 134px;
height: 62px;
z-index: 1; }
@media (max-width: 1440px) {
#un-live .un-top-logo img {
margin-bottom: 60px !important; } }
#un-live .un-top-logo #un-curr_datetime {
color: #fff; }
#un-live .un-top-logo span {
margin-bottom: 100px;
align-items: center;
justify-content: center;
display: flex;
color: white;
height: 41px;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
font-size: 20px; }
@media (max-width: 1440px) {
#un-live .un-top-logo span {
margin-bottom: 60px !important; } }
#un-live .un-top-logo .selected-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 25px !important;
padding: auto !important;
border-radius: 17px !important;
border: 0.4px solid #5acc5a !important;
background-color: #5acc5a !important;
box-shadow: none !important;
color: #ffffff !important; }
#un-live .un-top-logo .selected-btn span {
height: unset !important;
font-size: 14px !important;
margin-bottom: 0 !important;
color: #ffffff !important; }
#un-live .un-top-logo .normal-btn {
width: fit-content !important;
width: -moz-fit-content !important;
height: 25px !important;
padding: auto !important;
border-radius: 17px !important;
border: 0.4px solid #5acc5a !important;
background-color: transparent !important;
box-shadow: none !important;
color: #5acc5a !important; }
#un-live .un-top-logo .normal-btn span {
height: unset !important;
font-size: 14px !important;
margin-bottom: 0 !important;
color: #5acc5a !important; }
#un-live #un-total-scan .un-holder #un-total-scan-div {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center; }
#un-live #un-ranking-frame .un-holder #un-ranking_div {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center; }
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div {
justify-content: space-evenly; }
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div {
justify-content: space-evenly; }
#un-live .un-current-stats-container {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
width: fit-content;
width: -moz-fit-content; }
#un-live .un-current-stats-container .un-current-stats .un-ranking-stats-type {
justify-content: center;
font-size: 28px;
line-height: 28px;
margin-bottom: 12px; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-ranking-stats-type {
font-size: 24px;
margin-bottom: 5px; } }
#un-live .un-current-stats-container .un-current-stats {
z-index: 2; }
#un-live .un-current-stats-container .un-current-stats > div {
display: flex;
align-items: center; }
#un-live .un-current-stats-container .un-current-stats .un-current-datetime {
justify-content: space-evenly;
padding-bottom: 12px; }
#un-live .un-current-stats-container .un-current-stats .un-current-total {
box-shadow: 2px 4px 12px #00000029;
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 10px;
width: 427px;
height: 96px;
margin: auto; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-current-total {
width: 367px;
height: 86px; } }
#un-live .un-current-stats-container .un-current-stats .un-current-total.combo {
margin: 10px !important; }
#un-live .un-current-stats-container .un-current-stats .un-list {
border: 1px solid #e5e5e5;
background-color: #ffffff;
text-align: center;
border-radius: 8px;
font-size: 40px;
justify-content: center;
padding: 20px 24px;
width: 427px;
height: 444px;
margin: 10px; }
@media (max-width: 1440px) {
#un-live .un-current-stats-container .un-current-stats .un-list {
width: 367px !important;
height: 340px !important; } }
#un-live .un-current-total .un-of-title {
color: #0c2028;
margin-right: 12px; }
#un-live .un-current-total .un-number {
color: #5acc5a;
font-size: 60px;
font-weight: bold !important; }
#un-live .un-ranking-stats-container {
display: flex;
justify-content: center;
margin-top: -30px;
flex-wrap: wrap;
position: relative;
z-index: 0; }
#un-live .un-ranking-stats {
width: 80%;
background-color: rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 20px 2px #ff67f4;
border: 8px solid #cf00c0;
border-radius: 10px;
padding-top: 30px;
font-size: 25px; }
#un-live .un-ranking-stats .un-ranking:nth-child(odd) {
background-color: rgba(207, 0, 192, 0.4); }
#un-live .un-ranking-stats .un-ranking {
display: flex;
padding: 8px;
align-items: center; }
#un-live .un-ranking-stats .un-ranking-position {
width: 10%;
background-image: '';
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: flex-end;
justify-content: center;
font-size: 16px;
font-weight: bold;
width: 50px;
height: 30px; }
#un-live .un-ranking-stats .un-ranking:nth-child(1) .un-ranking-position {
background-image: ''; }
#un-live .un-ranking-stats .un-ranking:nth-child(2) .un-ranking-position {
background-image: ''; }
#un-live .un-ranking-stats .un-ranking:nth-child(3) .un-ranking-position {
background-image: ''; }
#un-live .un-ranking-stats .un-ranking-name {
color: #fff;
width: 60%;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-left: 20px;
padding-right: 20px; }
#un-live .un-ranking-stats .un-ranking-counts {
color: #fffb78;
font-style: italic;
width: 40%;
font-size: 18px;
align-items: center;
display: flex;
justify-content: flex-end; }
#un-live .un-ranking-stats-base {
z-index: -1;
width: 100%;
transform: rotateX(75deg);
text-align: center;
height: 0;
position: relative;
bottom: 100px; }
#un-live .un-ranking-stats-base img {
animation: rotatingBase 5s infinite;
width: 40%; }
#un-live #un-btn-back {
position: fixed;
left: 100px;
top: 50px;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 100%;
padding: 10px;
z-index: 10; }
#un-live #un-total-scan {
height: auto;
position: absolute;
left: 50%;
top: 180px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
z-index: 1001; }
#un-live #un-total-scan.combo {
top: 132px !important; }
@media (max-width: 1440px) {
#un-live #un-total-scan {
top: 144px !important; }
#un-live #un-total-scan.combo {
top: 102px !important; } }
#un-live #un-ranking-frame {
height: auto;
position: absolute;
left: 50%;
top: 489px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 100%;
z-index: 1001; }
#un-live #un-ranking-frame.combo {
top: 432px; }
@media (max-width: 1440px) {
#un-live #un-ranking-frame {
top: 380px !important; } }
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div > div:first-child,
#un-live #un-total-scan .un-holder.un-chart_3 #un-total-scan-div > div:nth-child(3),
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div > div:first-child,
#un-live #un-ranking-frame .un-holder.un-chart_3 #un-ranking_div > div:nth-child(3) {
transform: scale(0.9); }
.liveDataTable {
width: 400px;
min-height: 402px; }
.liveDataTable .ant-table table {
border: none !important; }
.liveDataTable .ant-table-thead > tr > th {
padding: 3px 10px !important;
border-bottom: none !important;
background-color: #fafafb !important;
height: 32px !important; }
.liveDataTable .ant-table-tbody > tr > td {
padding: 3px 10px !important;
border-bottom: none !important;
color: #0c2028;
font-size: 20px; }
.liveDataTable .ant-table-body {
overflow-y: auto !important;
max-height: 290px !important; }
@media (min-width: 1440px) {
.liveDataTable .ant-table-body {
max-height: 370px !important; } }
@media (max-width: 1440px) {
.liveDataTable {
width: 340px !important;
min-height: 332px; }
.liveDataTable .ant-table-tbody > tr > td {
padding: 3px 10px !important;
border-bottom: none !important;
color: #0c2028;
font-size: 16px !important; } }
.liveDataChart {
margin: 0; }
.apexcharts-canvas {
width: 400px; }
@media (max-width: 1440px) {
.apexcharts-canvas {
width: 350px !important; } }
@media (min-width: 1024px) {
.scannprint-report {
width: 644px !important;
margin: 0 auto; } }
.scannprint-report .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px; }
.scannprint-report .header-buttons .b-btn,
.scannprint-report .header-buttons .b-btn:hover,
.scannprint-report .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; }
.scannprint-report .header-buttons .b-btn i,
.scannprint-report .header-buttons .b-btn:hover i,
.scannprint-report .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
@media (min-width: 1024px) {
.scannprint-report-detail {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.scannprint-report-detail .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px; }
@media (min-width: 1024px) {
.scannprint-report-detail .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.scannprint-report-detail .header-buttons .b-btn,
.scannprint-report-detail .header-buttons .b-btn:hover,
.scannprint-report-detail .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; }
.scannprint-report-detail .header-buttons .b-btn i,
.scannprint-report-detail .header-buttons .b-btn:hover i,
.scannprint-report-detail .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.scannprint-report .date-range2,
.scannprint-report-detail .date-range2 {
background-color: #ffffff;
height: 41px !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; }
.scannprint-report .date-range2 .ant-picker,
.scannprint-report-detail .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.scannprint-report .date-range2 .ant-picker-suffix,
.scannprint-report-detail .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.scannprint-report .date-range2 .ant-picker-input,
.scannprint-report-detail .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.scannprint-report .date-range2 .ant-picker-input input,
.scannprint-report-detail .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.scannprint-report .date-range2 .ant-picker-clear,
.scannprint-report-detail .date-range2 .ant-picker-clear {
display: none !important; }
.scannprint-report .date-picker-button,
.scannprint-report-detail .date-picker-button {
height: 41px;
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; }
.scannprint-report .search-form .un-filter-value,
.scannprint-report-detail .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; }
.scannprint-report .ant-table-container table > thead > tr:first-child th:last-child,
.scannprint-report-detail .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.scannprint-report .ant-table-container table > thead > tr:first-child th:first-child,
.scannprint-report-detail .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.scannprint-report .ant-table table,
.scannprint-report-detail .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.scannprint-report .ant-table,
.scannprint-report-detail .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; }
.scannprint-report .unicart-table .ant-table-tbody > tr > td,
.scannprint-report-detail .unicart-table .ant-table-tbody > tr > td {
border-top: none !important;
border-bottom: 1px solid #e5e5e5 !important; }
.scannprint-report .unicart-table .ant-table-tbody > tr:last-child > td,
.scannprint-report-detail .unicart-table .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.scannprint-report .unicart-table .ant-list-item-meta-description,
.scannprint-report-detail .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.scannprint-report .view-btn,
.scannprint-report-detail .view-btn {
width: 33px !important;
height: 33px !important;
background: none !important;
border: none !important;
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
text-align: center !important; }
.scannprint-report .view-btn:hover,
.scannprint-report-detail .view-btn:hover {
background: #ffffff !important; }
.scannprint-report .view-btn:hover .un-dot,
.scannprint-report-detail .view-btn:hover .un-dot {
background-color: #0c2028 !important; }
.scannprint-report .view-btn:focus,
.scannprint-report-detail .view-btn:focus {
background: #e5e5e5 !important; }
.charges-details .ant-descriptions-bordered .ant-descriptions-view {
border: none !important; }
.charges-details .ant-descriptions-bordered .ant-descriptions-row {
border: none !important; }
.charges-details .ant-descriptions-bordered .ant-descriptions-item-label {
background: none !important;
padding: 8px 0px !important;
border-right: none !important; }
.charges-details .ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
text-align: right !important;
vertical-align: top !important; }
.charges-details .custom-border-top {
border-top: 1px solid #e5e5e5 !important; }
@keyframes blink {
0%,
100% {
opacity: 1; }
50% {
opacity: 0; } }
.shipment-packing-image-modal .ant-modal-content .modal-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
width: 100%;
box-sizing: border-box; }
.shipment-packing-image-modal .ant-modal-content .ant-modal-close-x {
display: none; }
.shipment-packing-image-modal .ant-modal-content .ant-modal-footer {
display: flex;
justify-content: space-between; }
.shipment-packing-image-modal .ant-modal-content .ant-modal-body {
scrollbar-width: none; }
.shipment-packing-image-modal .ant-modal-content .camera-preview {
flex: 1 1 auto;
height: 100%; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .webcam-container {
position: relative; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .webcam {
width: 100%; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .recording-overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
color: white;
padding: 2px 5px;
border-radius: 10px;
column-gap: 5px;
bottom: 15px;
left: 10px;
display: inline-flex;
align-items: center;
z-index: 11; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .recording-indicator {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: red;
animation: blink 1s infinite; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .loading-overlay-container {
width: 200px;
height: 113px; }
.shipment-packing-image-modal .ant-modal-content .camera-preview .loading-overlay {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
padding: 5%;
text-align: center; }
.shipment-packing-image-modal .ant-modal-content .captured-media {
flex: 1 1 auto;
max-height: 100%;
box-sizing: border-box; }
.shipment-packing-image-modal .ant-modal-content .captured-media .media-item {
position: relative;
display: inline-block;
max-width: 225px; }
.shipment-packing-image-modal .ant-modal-content .captured-media .media-item .media-item-preview {
width: 100%;
border-radius: 5px; }
.shipment-packing-image-modal .ant-modal-content .captured-media .media-item .media-item-remove-btn {
position: absolute;
top: 5px;
right: 6px;
background-color: red;
color: white;
border: none;
border-radius: 50%;
width: 20px;
height: 20px;
cursor: pointer;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center; }
.shipment-packing-image-modal .ant-modal-content .video-devices {
display: inline-flex;
column-gap: 10px;
align-items: center;
margin-bottom: 5px; }
.shipment-packing-image-modal .ant-modal-content .video-devices .refresh-devices {
cursor: pointer; }
@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; }
@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; }
@media (min-width: 1024px) {
.picking-trolley {
min-width: 816px !important;
max-width: 816px !important;
margin: 0 auto; } }
.picking-trolley .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0 !important; }
@media (min-width: 1024px) {
.picking-trolley .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
margin: 0 auto; } }
.picking-trolley .header-buttons .b-btn,
.picking-trolley .header-buttons .b-btn:hover,
.picking-trolley .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; }
.picking-trolley .header-buttons .b-btn i,
.picking-trolley .header-buttons .b-btn:hover i,
.picking-trolley .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.picking-trolley .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.picking-trolley .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.picking-trolley .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.picking-trolley .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; }
.picking-trolley .ant-input-search {
height: 41px; }
.picking-trolley .unicart-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.picking-trolley .actions {
display: grid; }
.picking-trolley .actions .plain-btn {
margin-bottom: 4px !important; }
.picking-trolley .actions .plain-btn i {
margin-right: 4px !important; }
.picking-trolley .actions .delete-btn {
margin-bottom: 4px !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; }
.picking-trolley .actions .delete-btn i {
font-size: 14px !important;
color: #647176 !important;
margin-right: 4px !important; }
.picking-trolley-pattern {
width: 100%; }
@media (min-width: 1024px) {
.picking-trolley-pattern {
min-width: 1006px !important;
margin: 0 auto; } }
.picking-trolley-pattern .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.picking-trolley-pattern .header-buttons {
min-width: 1006px !important;
margin: 0 auto; } }
.picking-trolley-pattern .header-buttons .b-btn,
.picking-trolley-pattern .header-buttons .b-btn:hover,
.picking-trolley-pattern .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; }
.picking-trolley-pattern .header-buttons .b-btn i,
.picking-trolley-pattern .header-buttons .b-btn:hover i,
.picking-trolley-pattern .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.picking-trolley-pattern .un-form-setting .ant-input-affix-wrapper > input.ant-input {
height: 38px !important; }
.picking-trolley-pattern .un-form-vertical label {
margin-bottom: 0 !important; }
.picking-trolley-pattern .un-box-flat .primary-btn {
margin: 0 0 20px auto !important; }
.picking-trolley-pattern .bins {
width: 100% !important;
border: 0.5px solid #e5e5e5; }
.picking-trolley-pattern .bins .bin {
position: relative;
border: 0.5px solid #e5e5e5;
height: 60px;
line-height: 32px;
font-size: 26px;
padding-top: 14px;
color: #0c2028;
display: inline-block;
vertical-align: middle;
text-align: center;
background-color: #ffffff !important; }
.picking-trolley-pattern .bins .bin svg {
display: none !important;
position: absolute;
left: 90px !important;
top: 14px !important; }
.smart-fulfillment-task-point .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.smart-fulfillment-task-point .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.smart-fulfillment-task-point .header-buttons .b-btn,
.smart-fulfillment-task-point .header-buttons .b-btn:hover,
.smart-fulfillment-task-point .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; }
.smart-fulfillment-task-point .header-buttons .b-btn i,
.smart-fulfillment-task-point .header-buttons .b-btn:hover i,
.smart-fulfillment-task-point .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.smart-fulfillment-task-point .header-buttons .outline-btn,
.smart-fulfillment-task-point .header-buttons .outline-btn:focus,
.smart-fulfillment-task-point .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.smart-fulfillment-task-point .unicart-filter {
margin-top: 0 !important; }
.smart-fulfillment-task-point .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.smart-fulfillment-task-point .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.smart-fulfillment-task-point .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.smart-fulfillment-task-point .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; }
.smart-fulfillment-task-point .unicart-table .ant-list-item {
padding: 0 !important; }
.smart-fulfillment-task-point .opacity-50 {
opacity: 50%; }
@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; }
.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; }
.fulfillment-tracker .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 69px !important; }
@media (min-width: 1024px) {
.fulfillment-tracker .header-buttons {
min-width: 816px !important;
max-width: unset !important;
margin: 0 auto; } }
.fulfillment-tracker .header-buttons .b-btn,
.fulfillment-tracker .header-buttons .b-btn:hover,
.fulfillment-tracker .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-tracker .header-buttons .b-btn i,
.fulfillment-tracker .header-buttons .b-btn:hover i,
.fulfillment-tracker .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.fulfillment-tracker .unicart-filter {
margin-top: 0 !important; }
.fulfillment-tracker .unicart-filter div.ant-select-selector {
width: 144px !important; }
.fulfillment-tracker .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.fulfillment-tracker .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.fulfillment-tracker .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.fulfillment-tracker .ant-table table .col-md-3 {
padding-left: 0 !important;
padding-right: 0 !important; }
@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; }
@media (min-width: 1024px) {
.feature-intro {
min-width: 750px !important;
max-width: 750px !important;
margin: 0 auto 32px; } }
.feature-intro .header-buttons {
width: 100% !important;
top: 8px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.feature-intro .header-buttons {
min-width: 750px !important;
max-width: 750px !important;
margin: 0 auto; } }
.feature-intro .header-buttons .b-btn,
.feature-intro .header-buttons .b-btn:hover,
.feature-intro .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; }
.feature-intro .header-buttons .b-btn i,
.feature-intro .header-buttons .b-btn:hover i,
.feature-intro .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.feature-intro .feature-content {
width: 100%; }
.feature-intro .feature-content img {
max-width: 100%;
object-fit: contain; }
.feature-intro .feature-content ul {
padding-inline-start: 40px !important; }
.feature-intro .primary-btn {
margin: 20px 0; }
.cctv-parcel-guard .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.cctv-parcel-guard .header-buttons .b-btn,
.cctv-parcel-guard .header-buttons .b-btn:hover,
.cctv-parcel-guard .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; }
.cctv-parcel-guard .header-buttons .b-btn i,
.cctv-parcel-guard .header-buttons .b-btn:hover i,
.cctv-parcel-guard .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.cctv-parcel-guard .header-buttons .outline-btn,
.cctv-parcel-guard .header-buttons .outline-btn:focus,
.cctv-parcel-guard .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.cctv-parcel-guard .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.cctv-parcel-guard .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.cctv-parcel-guard .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.cctv-parcel-guard .ant-table-tbody > tr > td {
padding: 24px 16px !important; }
.cctv-parcel-guard .hide h2 {
width: max-content; }
.cctv-parcel-guard .hide .mobile-actions {
margin-bottom: 20px;
margin-left: auto;
width: fit-content; }
.cctv-parcel-guard .hide .mobile-actions .outline-btn,
.cctv-parcel-guard .hide .mobile-actions .outline-btn:focus,
.cctv-parcel-guard .hide .mobile-actions .outline-btn:hover {
margin-bottom: 12px !important; }
.cctv-parcel-guard .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; }
.cctv-parcel-guard .info-bar {
background-color: #d0f4ff !important;
border: 1px solid #8ed7ff !important;
text-align: left !important;
padding: 6px 12px !important;
line-height: 17px !important;
color: #323f47 !important;
border-radius: 0 !important; }
.cctv-parcel-guard .info-bar .message {
display: flex !important;
align-items: center; }
.cctv-parcel-guard .info-bar .message svg {
margin-right: 8px;
width: 20px !important;
min-width: 20px !important;
height: 20px !important;
color: #007ce0 !important; }
.cctv-parcel-guard .scan-tracking {
width: 557px;
margin: 32px auto !important; }
.cctv-parcel-guard .scan-tracking.empty {
margin: 17vh auto !important; }
@media (min-width: 1440px) {
.cctv-parcel-guard .scan-tracking.empty {
margin: 25vh auto !important; } }
@media (max-width: 1025px) {
.cctv-parcel-guard .scan-tracking.empty {
margin: 32px auto !important; } }
@media (max-width: 425px) {
.cctv-parcel-guard .scan-tracking {
width: 100% !important; } }
.cctv-parcel-guard .scan-tracking .ant-input-prefix {
font-size: 21px;
font-weight: normal;
color: #90999d;
margin-right: 8px; }
.cctv-parcel-guard .scan-tracking .anticon-search {
font-size: 28px; }
.cctv-parcel-guard .scan-tracking .ant-input {
font-size: 18px !important;
color: #0c2028 !important; }
.cctv-parcel-guard .scan-tracking .ant-input-wrapper.ant-input-group {
width: fit-content;
margin: 0 auto; }
@media (max-width: 425px) {
.cctv-parcel-guard .scan-tracking .ant-input-wrapper.ant-input-group {
width: 100% !important;
margin: unset !important; } }
.cctv-parcel-guard .scan-tracking .ant-input-search.ant-input-search-enter-button.ant-input-affix-wrapper {
width: 500px;
height: 57px;
margin: 0 auto;
padding: 4px 16px;
border-radius: 4px 0 0 4px; }
@media (max-width: 425px) {
.cctv-parcel-guard .scan-tracking .ant-input-search.ant-input-search-enter-button.ant-input-affix-wrapper {
width: 100% !important; } }
.cctv-parcel-guard .scan-tracking .ant-input-search-enter-button
+ .ant-input-group-addon
.ant-input-search-button {
background-color: #5acc5a !important;
box-shadow: none !important; }
.cctv-parcel-guard .scan-tracking .ant-input-group-addon,
.cctv-parcel-guard .scan-tracking .ant-input-search-enter-button
input
+ .ant-input-group-addon
.ant-input-search-button {
background-color: #5acc5a !important; }
.cctv-parcel-guard .scan-tracking .radio-scan-type {
margin-bottom: 8px !important; }
.cctv-parcel-guard .scan-tracking .radio-scan-type .ant-radio-wrapper {
margin-right: 40px !important;
color: #38484f !important;
font-size: 14px !important; }
.cctv-parcel-guard .scan-tracking .radio-scan-type .ant-radio-checked .ant-radio-inner {
border-color: #5acc5a !important; }
.cctv-parcel-guard .scan-tracking .radio-scan-type .ant-radio-inner::after {
background-color: #5acc5a !important; }
@media (min-width: 1024px) {
.cctv-parcel-guard-setting {
width: 644px !important;
margin: 0 auto !important; } }
.cctv-parcel-guard-setting .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.cctv-parcel-guard-setting .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.cctv-parcel-guard-setting .header-buttons .b-btn,
.cctv-parcel-guard-setting .header-buttons .b-btn:hover,
.cctv-parcel-guard-setting .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; }
.cctv-parcel-guard-setting .header-buttons .b-btn i,
.cctv-parcel-guard-setting .header-buttons .b-btn:hover i,
.cctv-parcel-guard-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.cctv-parcel-guard-setting .hik-vision-camera-list table {
border: none !important; }
.cctv-parcel-guard-setting .hik-vision-camera-list table thead.ant-table-thead {
height: 32px !important;
background-color: #fafafb !important; }
.cctv-parcel-guard-setting .hik-vision-camera-list .ant-table-cell {
padding: 10px 16px !important; }
.cctv-parcel-guard-setting .hik-vision-camera-list th.ant-table-cell {
padding: 7px 10px !important;
background-color: #fafafb !important;
font-size: 12px !important;
border: none !important; }
.cctv-parcel-guard-setting .hik-vision-camera-list th.ant-table-cell:nth-child(4) {
text-align: center !important; }
.cctv-parcel-guard-setting .hik-vision-camera-list .ant-table-row td:nth-child(1) {
width: 150px !important; }
.cctv-parcel-guard-setting .cctv-tabs {
position: relative !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-bar {
position: absolute;
border-bottom: none !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-nav-scroll {
padding-left: 0 !important;
border-bottom: none !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-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; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-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; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content {
margin-top: 56px;
border-top: 2px solid #e5e5e5 !important;
color: #0c2028;
font-size: 14px !important;
padding-top: 20px !important;
padding-left: 0 !important;
padding-right: 0px !important;
padding-bottom: 0 !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table {
overflow-x: auto; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table.counter .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table table thead {
background-color: #fafafb !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-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; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .un-text-truncate {
font-weight: bold !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-form-item {
margin-bottom: 0 !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-input,
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-select {
border-radius: 4px !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .plain-btn svg {
width: 20px !important;
height: 20px !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .plain-btn i {
font-size: 20px !important; }
.cctv-parcel-guard-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .trash-btn i {
font-size: 20px !important; }
.cctv-parcel-guard-setting .sec-input {
width: 120px !important; }
@media (max-width: 1023px) {
.cctv-parcel-guard-setting .ant-form-item {
flex-direction: unset; } }
.cctv-parcel-guard-counter-setting .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.cctv-parcel-guard-counter-setting .header-buttons .b-btn,
.cctv-parcel-guard-counter-setting .header-buttons .b-btn:hover,
.cctv-parcel-guard-counter-setting .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; }
.cctv-parcel-guard-counter-setting .header-buttons .b-btn i,
.cctv-parcel-guard-counter-setting .header-buttons .b-btn:hover i,
.cctv-parcel-guard-counter-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.cctv-parcel-guard-counter-setting .hik-vision-camera-list table {
border: none !important; }
.cctv-parcel-guard-counter-setting .hik-vision-camera-list table thead.ant-table-thead {
height: 32px !important;
background-color: #fafafb !important; }
.cctv-parcel-guard-counter-setting .hik-vision-camera-list .ant-table-cell {
padding: 10px 16px !important; }
.cctv-parcel-guard-counter-setting .hik-vision-camera-list th.ant-table-cell {
padding: 7px 10px !important;
background-color: #fafafb !important;
font-size: 12px !important;
border: none !important; }
.cctv-parcel-guard-counter-setting .hik-vision-camera-list th.ant-table-cell:nth-child(4) {
text-align: center !important; }
.cctv-parcel-guard-counter-setting .hik-vision-camera-list .ant-table-row td:nth-child(1) {
width: 150px !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs {
position: relative !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card {
background: none !important;
border: none !important;
border-radius: 0 !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-bar {
position: absolute;
border-bottom: none !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-nav-scroll {
padding-left: 0 !important;
border-bottom: none !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-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; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-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; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content {
margin-top: 56px;
border-top: 2px solid #e5e5e5 !important;
color: #0c2028;
font-size: 14px !important;
padding-top: 20px !important;
padding-left: 0 !important;
padding-right: 0px !important;
padding-bottom: 0 !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table {
overflow-x: auto; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table.counter .ant-table-tbody > tr:last-child > td {
border-bottom: none !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-table-tbody > tr > td {
padding: 10px 12px !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table table thead {
background-color: #fafafb !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-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; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .un-text-truncate {
font-weight: bold !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-form-item {
margin-bottom: 0 !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-input,
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .ant-select {
border-radius: 4px !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .plain-btn svg {
width: 20px !important;
height: 20px !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .plain-btn i {
font-size: 20px !important; }
.cctv-parcel-guard-counter-setting .cctv-tabs .cctv-card .ant-tabs-content .counter-table .trash-btn i {
font-size: 20px !important; }
.cctv-parcel-guard-counter-setting .sec-input {
width: 120px !important; }
@media (max-width: 1023px) {
.cctv-parcel-guard-counter-setting .ant-form-item {
flex-direction: unset; } }
.counter-code-modal.un-modal.small {
width: 400px !important; }
@media (max-width: 425px) {
.counter-code-modal.un-modal.small {
width: 100% !important; } }
.counter-code-modal.un-modal.small .ant-modal-body {
max-height: unset !important; }
.counter-code-modal.un-modal.small .ant-modal-body .code-container {
width: 85% !important;
margin: 0 auto 20px;
padding: 24px 32px;
border: 1px solid #e5e5e5; }
.counter-code-modal.un-modal.small .ant-modal-body .code-container #cctv-parcel-guard-slip-title {
word-break: break-all !important; }
.counter-code-modal.un-modal.small .ant-modal-body .code-container .name {
text-align: center;
margin-bottom: 16px !important; }
.counter-code-modal.un-modal.small .ant-modal-body .code-container .qr {
margin-bottom: 15px !important; }
.counter-code-modal.un-modal.small .ant-modal-body .code-container .qr canvas {
width: 100% !important;
height: auto !important;
object-fit: contain; }
.counter-code-modal.un-modal.small .ant-modal-body .code-container .barcode #barcode-img {
display: block !important;
width: 100% !important;
height: auto !important; }
.cctv-parcel-guard-setting .hide .primary-btn {
position: fixed;
top: 8px;
right: 20px; }
.cctv-parcel-guard-setting .status-toggle .ant-form-item {
margin-bottom: 0 !important; }
.cctv-parcel-guard-setting .timeout-form-item {
margin-bottom: 0px !important;
margin: 0px 4px !important; }
.cctv-parcel-guard-setting .inline-checkbox-link > .checkbox-wrapper {
padding-left: 8px !important;
padding-right: 8px !important; }
.cctv-parcel-guard-setting .ant-input-number-input-wrap > input {
text-align: center !important; }
.cctv-parcel-guard-setting .ant-checkbox-wrapper {
display: flex; }
.cctv-parcel-guard-setting .ant-checkbox-wrapper .ant-checkbox {
margin-top: 8px !important;
height: 16px !important;
width: 16px !important; }
.cctv-parcel-guard-setting .ant-checkbox-wrapper.no-margin .ant-checkbox {
margin-top: 3px !important; }
.cctv-parcel-guard-setting .checkbox-wrapper {
display: inline-table !important; }
.cctv-parcel-guard-setting .checkbox-wrapper .end-code-btn {
vertical-align: middle !important; }
.cctv-parcel-guard-setting .sec-input-wrapper {
vertical-align: middle !important;
margin: 0 10px !important; }
.cctv-parcel-guard-setting .plain-btn svg {
width: 20px !important;
height: 20px !important; }
.cctv-parcel-guard-setting .plain-btn i {
font-size: 20px !important; }
.cctv-parcel-guard-setting .addon-after {
border-radius: 4px 0 0 4px !important; }
.cctv-parcel-guard-setting .ant-input-group-addon {
padding-top: 5px;
vertical-align: middle;
display: inline-table;
line-height: 24px;
height: 33px;
width: fit-content; }
.cctv-parcel-guard-setting .recording-timeout {
display: flex;
align-items: center;
justify-self: baseline;
flex-wrap: wrap; }
.download-history-modal .ant-modal-body .info-bar {
background-color: #d0f4ff !important;
border: 1px solid #8ed7ff !important;
text-align: left !important;
padding: 6px 12px !important;
line-height: 17px !important;
color: #323f47 !important;
border-radius: 0 !important; }
.download-history-modal .ant-modal-body .info-bar .message {
display: flex !important;
align-items: center; }
.download-history-modal .ant-modal-body .info-bar .message svg {
margin-right: 8px;
width: 20px !important;
min-width: 20px !important;
height: 20px !important;
color: #007ce0 !important; }
.download-history-modal .ant-modal-body .download-list table {
border: none !important; }
.download-history-modal .ant-modal-body .download-list table thead.ant-table-thead {
height: 32px !important;
background-color: #fafafb !important; }
.download-history-modal .ant-modal-body .download-list .ant-table-cell {
padding: 10px 12px !important; }
.download-history-modal .ant-modal-body .download-list th.ant-table-cell {
padding: 7px 12px !important;
background-color: #fafafb !important;
font-size: 12px !important;
border: none !important; }
.download-history-modal .ant-modal-body .download-list td.ant-table-cell {
border-bottom: 1px solid #e5e5e5 !important; }
.download-history-modal .ant-modal-body .download-list td.ant-table-cell:nth-child(3) {
word-break: break-all; }
@media (min-width: 1024px) {
.webcam-parcel-guard-setting {
width: 644px !important;
margin: 0 auto !important; } }
.webcam-parcel-guard-setting .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.webcam-parcel-guard-setting .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.webcam-parcel-guard-setting .header-buttons .b-btn,
.webcam-parcel-guard-setting .header-buttons .b-btn:hover,
.webcam-parcel-guard-setting .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; }
.webcam-parcel-guard-setting .header-buttons .b-btn i,
.webcam-parcel-guard-setting .header-buttons .b-btn:hover i,
.webcam-parcel-guard-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.webcam-parcel-guard-setting .color-pane {
display: inline-flex;
width: 100%;
height: 32px !important;
border: 1px solid #d9d9d9;
border-radius: 4px;
padding: 0;
align-items: center; }
.webcam-parcel-guard-setting .color-pane .color-box {
width: 40px !important;
height: 30px !important;
border-right: 1px solid #d9d9d9;
border-radius: 4px 0 0 4px;
border-left: none;
border-top: none;
border-bottom: none;
flex-shrink: 0; }
.webcam-parcel-guard-setting .color-pane .color-code {
flex-grow: 1;
padding: 0px 12px;
line-height: 30px !important;
font-size: 14px;
color: #0c2028;
text-transform: uppercase;
height: 30px !important;
border: none;
border-radius: 0 !important;
box-shadow: none !important; }
.webcam-parcel-guard-setting .color-pane .color-code input {
height: 30px !important;
border: none !important;
width: 100% !important;
color: #0c2028 !important;
padding: 0 !important; }
.webcam-parcel-guard-setting .color-pane .color-remove {
cursor: pointer;
padding-right: 8px;
line-height: 30px !important;
font-size: 16px;
color: #90999d;
flex-shrink: 0; }
.webcam-parcel-guard-setting .camera-feed-preview {
position: relative;
width: 100%;
height: 300px;
background-color: #333;
background-image: linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%, #444), linear-gradient(45deg, #444 25%, transparent 25%, transparent 75%, #444 75%, #444);
background-size: 20px 20px;
background-position: 0 0, 10px 10px;
border-radius: 8px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center; }
.webcam-parcel-guard-setting .camera-feed-preview .preview-placeholder-text {
color: #666;
font-size: 24px;
font-weight: bold; }
.webcam-parcel-guard-setting .camera-feed-preview .overlay-container {
position: absolute;
display: flex;
flex-direction: column; }
.webcam-parcel-guard-setting .camera-feed-preview .overlay-line {
font-weight: bold; }
.webcam-parcel-guard-setting .camera-feed-preview .overlay-line-clamp {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
max-width: 100%; }
.marketplace-platform-chat .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.marketplace-platform-chat .header-buttons .b-btn,
.marketplace-platform-chat .header-buttons .b-btn:hover,
.marketplace-platform-chat .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; }
.marketplace-platform-chat .header-buttons .b-btn i,
.marketplace-platform-chat .header-buttons .b-btn:hover i,
.marketplace-platform-chat .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.marketplace-platform-chat .header-buttons .outline-btn,
.marketplace-platform-chat .header-buttons .outline-btn:focus,
.marketplace-platform-chat .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.marketplace-platform-chat .unicart-filter {
margin-top: 0 !important; }
.marketplace-platform-chat .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.marketplace-platform-chat .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.marketplace-platform-chat .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.marketplace-platform-chat .ant-table-tbody > tr > td {
padding: 24px 16px !important; }
.marketplace-platform-chat .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; }
.marketplace-platform-chat .unicart-table .ant-list-item-meta-description {
font-size: 14px;
padding-left: 12px; }
.marketplace-platform-chat .feather-settings {
font-size: 20px; }
.marketplace-platform-chat .status-col {
font-size: 12px; }
.marketplace-platform-chat .status-col .expire-date {
margin-top: 4px; }
.marketplace-platform-chat-log .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.marketplace-platform-chat-log .header-buttons .b-btn,
.marketplace-platform-chat-log .header-buttons .b-btn:hover,
.marketplace-platform-chat-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; }
.marketplace-platform-chat-log .header-buttons .b-btn i,
.marketplace-platform-chat-log .header-buttons .b-btn:hover i,
.marketplace-platform-chat-log .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.marketplace-platform-chat-log .header-buttons .outline-btn,
.marketplace-platform-chat-log .header-buttons .outline-btn:focus,
.marketplace-platform-chat-log .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.marketplace-platform-chat-log .unicart-filter {
margin-top: 0 !important; }
.marketplace-platform-chat-log .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.marketplace-platform-chat-log .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.marketplace-platform-chat-log .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.marketplace-platform-chat-log .ant-table-tbody > tr > td {
padding: 24px 16px !important; }
.marketplace-platform-chat-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; }
.marketplace-platform-chat-log .unicart-table .ant-list-item-meta-description {
font-size: 14px;
padding-left: 12px; }
.marketplace-platform-chat-log .feather-settings {
font-size: 20px; }
.marketplace-platform-chat-log .status-col {
font-size: 12px; }
.marketplace-platform-chat-log .status-col .expire-date {
margin-top: 4px; }
.marketplace-platform-chat-log .tag-error {
height: 18px;
line-height: 17px;
background-color: #ffe0e0;
border-color: #ffadad;
border-radius: 4px;
font-size: 12px;
justify-content: center;
color: #49302c; }
.marketplace-platform-chat-log .tag-success {
height: 18px;
line-height: 17px;
background-color: #f3fff3;
border-color: #bcefb9;
border-radius: 4px;
font-size: 12px;
justify-content: center;
color: #35454c; }
.marketplace-platform-chat-log .tag-pending {
height: 18px;
line-height: 17px;
background-color: #d0f4ff;
border-color: #8ed7ff;
border-radius: 4px;
font-size: 12px;
justify-content: center;
color: #323f47; }
.marketplace-platform-chat-log .un-row-product {
display: inline-block;
position: relative;
width: 58px;
height: 58px;
overflow: hidden; }
.marketplace-platform-chat-log .un-row-product img {
width: 58px;
height: 58px;
min-width: 58px;
min-height: 58px;
max-width: 58px;
max-height: 58px;
object-fit: cover;
border-radius: 4px;
border: 1px solid #e5e5e5;
background-color: #f5f5f5;
box-sizing: border-box; }
.marketplace-platform-chat-log .un-row-product .delete-img {
display: none; }
.marketplace-platform-chat-log .un-row-product:hover .delete-img {
display: flex !important; }
.marketplace-platform-chat-log .un-row-product .delete-img {
top: 0;
left: 0;
position: absolute;
width: 58px !important;
height: 58px !important;
border-radius: 4px;
padding: 22px;
text-align: center;
background-color: #0c2028;
opacity: 0.8;
justify-content: center;
align-items: center; }
.marketplace-platform-chat-log .un-row-product .delete-img .image-hover-menu a {
margin: 0; }
.marketplace-platform-chat-log .bg-product-image {
display: inline-block;
vertical-align: top;
width: 56px;
height: 56px;
background-size: 56px 56px; }
.marketplace-platform-chat-log .overlay-remaining-count {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
width: 58px;
height: 58px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center; }
.marketplace-platform-chat-log .preset-msg-check {
color: #5acc5a; }
.marketplace-platform-chat-log .preset-msg-close {
color: #e0241a; }
.picking-bin-barcode .preview .barcode-remark {
font-size: 12px !important;
line-height: 16px;
font-weight: 400; }
@media (min-width: 1024px) {
.picking-bin {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.picking-bin .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px; }
@media (min-width: 1024px) {
.picking-bin .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.picking-bin .header-buttons .b-btn,
.picking-bin .header-buttons .b-btn:hover,
.picking-bin .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; }
.picking-bin .header-buttons .b-btn i,
.picking-bin .header-buttons .b-btn:hover i,
.picking-bin .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.picking-bin .unicart-filter {
margin-top: 0 !important; }
.picking-bin .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.picking-bin .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.picking-bin .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.picking-bin .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; }
.picking-bin .ant-table .un-table-cell b {
font-weight: bold !important;
margin-right: 5px !important; }
.picking-bin .ant-table .plain-btn i {
font-size: 16px !important; }
.picking-bin .ant-table .plain-btn.red i {
color: #e0241a !important; }
.picking-bin .ant-table .plain-btn.red:hover i {
color: #99140a !important; }
.picking-bin .ant-table .status-tag {
height: fit-content !important;
border-radius: 4px !important;
text-transform: capitalize;
font-size: 12px !important;
border: 1px solid;
margin: 4px auto 0 0 !important; }
.picking-bin .ant-table .status-tag.warning {
color: #514b32 !important;
border-color: #f9e477 !important;
background-color: #fff5c4 !important; }
.picking-bin .ant-table .status-tag.success {
border-color: #bcefb9 !important; }
.picking-bin .delete-btn {
width: fit-content !important;
background: none !important;
box-shadow: none !important;
color: #90999d !important;
padding-top: 6px !important; }
.picking-bin .delete-btn i {
font-size: 16px !important;
color: #90999d !important;
margin-right: 4px !important; }
@media (min-width: 1024px) {
.picking-bin-barcode {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.picking-bin-barcode .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px; }
@media (min-width: 1024px) {
.picking-bin-barcode .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.picking-bin-barcode .header-buttons .b-btn,
.picking-bin-barcode .header-buttons .b-btn:hover,
.picking-bin-barcode .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; }
.picking-bin-barcode .header-buttons .b-btn i,
.picking-bin-barcode .header-buttons .b-btn:hover i,
.picking-bin-barcode .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.picking-bin-barcode .ant-list-item {
padding: 8px 0 !important;
border-bottom: none !important;
align-items: baseline; }
.picking-bin-barcode .ant-list-item .ant-list-item-meta {
margin-bottom: 4px !important; }
.picking-bin-barcode .ant-list-item .ant-list-item-meta .ant-list-item-meta-title {
color: #38484f !important;
line-height: 18px !important; }
.picking-bin-barcode .ant-list-item .ant-list-item-meta .barcode-input-number {
width: 100%;
display: inline-flex !important; }
.picking-bin-barcode .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; }
.picking-bin-barcode .ant-list-item .ant-list-item-meta .barcode-input-number .ant-input-number.text_amt {
border-radius: 4px !important; }
.picking-bin-barcode .ant-list-item .ant-list-item-meta .ant-form-item {
margin-bottom: 0 !important; }
.picking-bin-barcode .ant-list-item .ant-list-item-meta .ant-checkbox-wrapper {
line-height: 18px !important; }
.picking-bin-barcode .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; }
.picking-bin-barcode .preview {
position: relative; }
.picking-bin-barcode .preview .barcode-label-preview {
margin: 25% auto; }
.picking-bin-barcode .preview .barcode-label-preview .barcode-block {
display: inline-flex !important;
margin: 0 auto !important; }
.picking-bin-barcode .preview .barcode-label-preview .barcode-container {
font-weight: bold !important;
color: #0c2028 !important;
border: 1px solid #707070 !important;
text-align: center !important;
overflow: hidden; }
.picking-bin-barcode .preview .barcode-label-preview .barcode-container .barcode-inner-container .barcode {
border: 1px solid #e0241a !important; }
.picking-bin-barcode .preview .barcode-height {
color: #0c2028;
font-size: 14px;
margin-left: 16px !important;
width: 50px !important; }
.picking-bin-barcode .preview .barcode-width {
color: #0c2028;
font-size: 14px;
text-align: center;
margin-top: 16px !important; }
.picking-bin-barcode .preview .empty-space {
margin-left: 16px !important;
width: 50px !important; }
.picking-bin-barcode .preview .barcode-remark {
color: #647176 !important;
position: absolute !important;
bottom: 0 !important; }
.vehicles .ant-table-tbody .ant-table-cell,
.drivers .ant-table-tbody .ant-table-cell {
overflow-wrap: anywhere; }
.vehicles .pg-title .un-btn,
.drivers .pg-title .un-btn {
margin-bottom: 0 !important; }
.vehicles .unicart-table .un-light-label-dark,
.drivers .unicart-table .un-light-label-dark {
color: #0c2028 !important; }
.vehicles .unicart-table .un-table-text,
.drivers .unicart-table .un-table-text {
color: #0c2028 !important;
font-size: 14px !important; }
.vehicles .unicart-table .un-table-text-special,
.drivers .unicart-table .un-table-text-special {
color: #0c2028 !important;
font-size: 14px !important; }
.vehicles .unicart-table .un-table-text-special:hover,
.drivers .unicart-table .un-table-text-special:hover {
color: #5acc5a !important;
font-size: 14px !important; }
.vehicles .unicart-table .un-table-text-light,
.drivers .unicart-table .un-table-text-light {
color: #647176 !important;
font-size: 14px !important; }
.vehicles .ant-table-container table > thead > tr:first-child th:last-child,
.drivers .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.vehicles .ant-table-container table > thead > tr:first-child th:first-child,
.drivers .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.vehicles .ant-table table,
.drivers .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.vehicles .ant-table,
.drivers .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; }
.vehicles .ant-table-tbody > tr > td,
.drivers .ant-table-tbody > tr > td {
padding: 24px 16px !important; }
.vehicles .ant-list-item,
.drivers .ant-list-item {
padding: 0px !important; }
.vehicles .ant-list-item .ant-list-item-meta-title,
.drivers .ant-list-item .ant-list-item-meta-title {
padding-left: 0px; }
.vehicles .ant-list-item .ant-list-item-meta-description,
.drivers .ant-list-item .ant-list-item-meta-description {
color: #647176;
font-size: 12px;
line-height: 18px;
padding-left: 0px; }
.vehicles .ant-list-item .ant-list-item-meta-description .whatsapp-icon-size,
.drivers .ant-list-item .ant-list-item-meta-description .whatsapp-icon-size {
vertical-align: sub; }
@media (min-width: 1024px) {
.searchUserModal {
width: 601px !important; } }
.searchUserModal .ant-modal-body {
width: 100%;
overflow: hidden auto; }
@media (min-width: 1024px) {
.searchUserModal .ant-modal-body {
width: 601px !important;
height: 420px !important;
padding-bottom: 0 !important; } }
.searchUserModal .ant-modal-content {
border-radius: 12px !important; }
.searchUserModal .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important; }
.searchUserModal .unicart-filter {
margin-top: 0 !important; }
.searchUserModal .unicart-filter .product-form-label {
margin-bottom: 4px !important; }
.searchUserModal .unicart-filter .ant-select {
width: 100% !important;
margin-right: 16px !important; }
.searchUserModal .unicart-filter .ant-input-affix-wrapper {
border-radius: 4px !important;
height: 41px !important;
margin-right: 16px; }
.searchUserModal .unicart-filter span.anticon {
width: 40px !important;
color: #0c2028; }
.searchUserModal .unicart-filter .ant-input-suffix {
font-size: 20px; }
.searchUserModal .unicart-filter .ant-select-clear {
display: none !important; }
.searchUserModal .user-table table tbody tr td {
vertical-align: top !important; }
.searchUserModal .user-table .ant-list-item {
padding: 0 !important; }
.searchUserModal .user-table .ant-list-item-meta-avatar {
width: 56px; }
.searchUserModal .user-table .ant-list-item-meta {
padding-top: 1px !important; }
.searchUserModal .user-table .ant-list-item-meta-description {
padding-left: 0; }
.searchUserModal .user-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.searchUserModal .user-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.searchUserModal .user-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.searchUserModal .user-table table thead {
background-color: #fafafb !important; }
.searchUserModal .user-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; }
.searchUserModal .user-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.searchUserModal .row {
align-items: baseline !important; }
.searchUserModal .un-page-with-steps .ant-legacy-form {
width: 100%; }
@media (min-width: 1024px) {
.searchUserModal .un-page-with-steps .ant-legacy-form {
width: 622px !important; } }
.searchUserModal .un-box-flat {
background-color: #ffffff !important;
border-radius: 0px !important;
border: none !important;
padding: 0 !important;
margin-bottom: 32px;
box-shadow: none !important;
width: 100%; }
@media (min-width: 1024px) {
.searchUserModal .un-box-flat {
width: 553px !important; } }
.searchUserModal .un-box-flat .pl-10 {
padding-left: 12px !important; }
.searchUserModal .un-title-light {
display: none !important; }
.searchUserModal .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.searchUserModal .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.searchUserModal .plain-btn {
margin: auto 0 auto auto !important; }
.searchUserModal .upload-placeholder {
height: 115px !important; }
.searchUserModal .hvrbox {
width: 115px !important;
height: 115px !important; }
.searchUserModal .ant-upload:hover {
border-color: #007ce0 !important; }
.searchUserModal .ant-upload-drag-icon img {
object-fit: contain !important; }
@media (min-width: 1024px) {
.vehicleTypes.un-page {
width: 644px !important;
margin: 0 auto !important; } }
.vehicleTypes.un-page .unicart-filter {
margin-top: 0 !important; }
.vehicleTypes.un-page .plain-btn,
.vehicleTypes.un-page .plain-btn:hover {
text-transform: unset;
text-decoration: underline; }
.vehicleTypes.un-page .ant-upload.ant-upload-drag {
height: 169px !important; }
.vehicleTypes.un-page .ant-upload.ant-upload-drag::after {
display: none; }
.vehicleTypes.un-page .ant-upload-list {
width: 50%; }
.vehicleTypes.un-page .feather-upload-cloud {
font-size: 32px;
color: #d4d4d4; }
.vehicleTypes.un-page .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.vehicleTypes.un-page .header-buttons .b-btn,
.vehicleTypes.un-page .header-buttons .b-btn:hover,
.vehicleTypes.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; }
.vehicleTypes.un-page .header-buttons .b-btn i,
.vehicleTypes.un-page .header-buttons .b-btn:hover i,
.vehicleTypes.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.vehicleTypeTable .unicart-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.vehicleTypeTable .unicart-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.vehicleTypeTable .unicart-table table thead {
background-color: #fafafb !important; }
.vehicleTypeTable .unicart-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; }
.vehicleTypeTable .unicart-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.vehicleTypeTable .unicart-table .un-text-truncate {
font-weight: bold !important; }
.vehicleTypeTable .unicart-table .un-light-label {
font-size: 14px !important; }
.vehicleTypeTable .unicart-table .ant-pagination {
margin-right: unset !important;
padding: 0 !important; }
.vehicleTypeTable .unicart-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
.un-view-vehicle.un-page .ant-tag.filterTags {
height: 18px;
line-height: 16px;
background-color: #007ce0;
border-color: #007ce0;
border-radius: 4px;
color: #fff;
font-size: 12px;
margin-right: 0.2rem; }
.un-view-vehicle.un-page .ant-tag.filterTags .filterTagValue {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden; }
.un-view-vehicle.un-page .ant-tag.filterTags .anticon.anticon-close {
color: #fff;
margin-top: 3px; }
.required-field::after {
content: "*";
color: red; }
@media (min-width: 1024px) {
.newVehicles.un-page {
width: 644px !important;
margin: 0 auto !important; } }
.un-view-vehicle.un-page .ant-tag.filterTags {
height: 18px;
line-height: 16px;
background-color: #007ce0;
border-color: #007ce0;
border-radius: 4px;
color: #fff;
font-size: 12px;
margin-right: 0.2rem; }
.un-view-vehicle.un-page .ant-tag.filterTags .filterTagValue {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden; }
.un-view-vehicle.un-page .ant-tag.filterTags .anticon.anticon-close {
color: #fff;
margin-top: 3px; }
.required-field::after {
content: "*";
color: red; }
.un-page {
padding: 0px !important;
width: 100% !important; }
@charset "UTF-8";
.route-group-page {
/* Panel header text */
/* Custom +/- icon */
/* List inside panel */ }
.route-group-page .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.route-group-page .header-buttons .b-btn,
.route-group-page .header-buttons .b-btn:hover,
.route-group-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; }
.route-group-page .header-buttons .b-btn i,
.route-group-page .header-buttons .b-btn:hover i,
.route-group-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.route-group-page .header-buttons .outline-btn,
.route-group-page .header-buttons .outline-btn:focus,
.route-group-page .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.route-group-page .route-container {
margin-top: 20px;
display: flex;
height: calc(100vh - 150px); }
.route-group-page .route-left {
flex: 1;
max-width: 490px !important;
background: #fff;
padding: 16px;
border-radius: 8px 0 0 8px;
overflow-y: auto;
display: flex;
flex-direction: column;
min-height: 100%;
/* ๐ make sure it can stretch full height */
/* ๐ hide scrollbar but allow scrolling */
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE & Edge */ }
.route-group-page .route-left::-webkit-scrollbar {
display: none;
/* Chrome, Safari */ }
.route-group-page .route-right {
flex: 2;
/* take 2 portions (bigger than left) */
background: #f9f9f9;
border-radius: 0 8px 8px 0;
overflow: hidden; }
.route-group-page .route-card-title {
display: flex;
align-items: center;
/* vertically center h3 + button */
justify-content: space-between;
/* h3 left, button right */
margin-bottom: 16px; }
.route-group-page .route-card-title h3 {
margin: 0;
/* remove default margin for tighter alignment */ }
.route-group-page .route-card-title button {
display: flex;
border: none;
box-shadow: none; }
.route-group-page .route-card-title button i {
padding-right: 5px; }
.route-group-page .route-card {
background: #F6F6F6;
padding: 12px 6px;
margin-bottom: 16px;
display: flex;
flex-direction: column;
gap: 8px; }
.route-group-page .route-card p {
margin: 0 0 8px 0;
font-size: 14px; }
.route-group-page .route-meta {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr;
/* 3 columns */
gap: 12px 12px;
/* row gap + column gap */
margin-top: 8px;
font-size: 14px;
color: #333; }
.route-group-page .route-meta span {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap; }
.route-group-page .route-meta .route-icon {
font-size: 16px;
color: #90999D; }
.route-group-page .route-meta .route-start,
.route-group-page .route-meta .route-end {
font-weight: 400;
/* normal weight */
color: #333;
/* keep text readable */ }
.route-group-page .route-cost .ant-collapse > .ant-collapse-item > .ant-collapse-header {
background: #F6F6F6 !important;
padding: 6px 16px; }
.route-group-page .route-cost .ant-collapse-header {
display: flex;
font-weight: 600;
font-size: 15px;
width: 100%; }
.route-group-page .route-cost .collapse-toggle {
display: flex;
align-items: center;
gap: 6px; }
.route-group-page .route-cost .collapse-text {
font-size: 13px;
color: #666;
line-height: 1; }
.route-group-page .route-cost .collapse-icon {
font-size: 16px;
color: #333;
padding: 2px 6px;
display: inline;
align-items: center;
cursor: pointer; }
.route-group-page .route-cost ul {
margin: 0;
padding-left: 18px; }
.route-group-page .route-cost li {
margin-bottom: 6px;
font-size: 14px; }
.route-group-page .route-stops {
margin: 18px 0px; }
.route-group-page .route-actions {
position: relative;
bottom: 0;
background: #fff;
/* give it a background so it doesnโt overlap weird */
display: flex;
justify-content: flex-end;
gap: 10px;
padding: 12px 16px;
border-top: 1px solid #eee;
z-index: 10;
/* keep above scroll content */ }
.route-group-page .map-placeholder {
width: 100%;
height: 100%;
background: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #666; }
.driver-main .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.driver-main .header-buttons .b-btn,
.driver-main .header-buttons .b-btn:hover,
.driver-main .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; }
.driver-main .header-buttons .b-btn i,
.driver-main .header-buttons .b-btn:hover i,
.driver-main .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.driver-main .header-buttons .outline-btn,
.driver-main .header-buttons .outline-btn:focus,
.driver-main .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.driver-main .hide h2 {
width: max-content; }
.driver-main .hide .mobile-actions {
margin-bottom: 20px;
margin-left: auto;
width: fit-content; }
.driver-main .hide .mobile-actions .outline-btn,
.driver-main .hide .mobile-actions .outline-btn:focus,
.driver-main .hide .mobile-actions .outline-btn:hover {
margin-bottom: 12px !important; }
@media (min-width: 1024px) {
.vehicleTypes.un-page {
width: 644px !important;
margin: 0 auto !important; } }
.vehicleTypes.un-page .unicart-filter {
margin-top: 0 !important; }
.vehicleTypes.un-page .unicart-filter .search-form .un-filter-value {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.vehicleTypes.un-page .plain-btn,
.vehicleTypes.un-page .plain-btn:hover {
text-transform: unset;
text-decoration: underline; }
.vehicleTypes.un-page .ant-upload.ant-upload-drag {
height: 169px !important; }
.vehicleTypes.un-page .ant-upload.ant-upload-drag::after {
display: none; }
.vehicleTypes.un-page .ant-upload-list {
width: 50%; }
.vehicleTypes.un-page .feather-upload-cloud {
font-size: 32px;
color: #d4d4d4; }
.vehicleTypes.un-page .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.vehicleTypes.un-page .header-buttons .b-btn,
.vehicleTypes.un-page .header-buttons .b-btn:hover,
.vehicleTypes.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; }
.vehicleTypes.un-page .header-buttons .b-btn i,
.vehicleTypes.un-page .header-buttons .b-btn:hover i,
.vehicleTypes.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.vehicleTypes.un-page .unicart-filter {
margin-top: 0 !important; }
.vehicleTypes.un-page .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.vehicleTypes.un-page .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.vehicleTypes.un-page .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.vehicleTypes.un-page .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; }
.vehicleTypes.un-page table tbody tr > td {
border-bottom: 1px solid #e5e5e5 !important; }
.vehicleTypes.un-page table tbody tr:last-child > td {
border-bottom: none !important; }
.un-view-vehicle.un-page .ant-tag.filterTags {
height: 18px;
line-height: 16px;
background-color: #007ce0;
border-color: #007ce0;
border-radius: 4px;
color: #fff;
font-size: 12px;
margin-right: 0.2rem; }
.un-view-vehicle.un-page .ant-tag.filterTags .filterTagValue {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden; }
.un-view-vehicle.un-page .ant-tag.filterTags .anticon.anticon-close {
color: #fff;
margin-top: 3px; }
.un-view-vehicle.un-page .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.un-view-vehicle.un-page .header-buttons .b-btn,
.un-view-vehicle.un-page .header-buttons .b-btn:hover,
.un-view-vehicle.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; }
.un-view-vehicle.un-page .header-buttons .b-btn i,
.un-view-vehicle.un-page .header-buttons .b-btn:hover i,
.un-view-vehicle.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.un-view-vehicle.un-page .header-buttons .outline-btn,
.un-view-vehicle.un-page .header-buttons .outline-btn:focus,
.un-view-vehicle.un-page .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.un-view-vehicle.un-page .row {
align-items: flex-start; }
.un-view-vehicle.un-page .history-tabs {
width: 100% !important;
max-width: 1248px;
display: inline-flex;
background-color: #f5f6f8;
top: 49px;
z-index: 10;
margin-bottom: 32px; }
.un-view-vehicle.un-page .history-tabs .tabs {
width: 100%;
display: flex;
border-bottom: 1px solid #e5e5e5; }
.un-view-vehicle.un-page .history-tabs .tabs .tab-item {
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;
max-width: unset;
cursor: pointer !important;
white-space: nowrap; }
.un-view-vehicle.un-page .history-tabs .tabs .tab-item.active {
color: #5acc5a;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 49px !important;
padding: 16px 20px !important; }
.un-view-vehicle.un-page .history-tabs .tabs .tab-item:hover {
color: #5acc5a !important; }
.un-view-vehicle.un-page .history-table .ant-table-expanded-row-level-1 .ant-table-cell {
padding-left: 6px !important; }
.un-view-vehicle.un-page .history-table .variant-price {
padding-left: 27px; }
.un-view-vehicle.un-page .history-table .variant-stock {
padding-left: 17px; }
.un-view-vehicle.un-page .history-table table tbody tr td {
vertical-align: top !important; }
.un-view-vehicle.un-page .history-table .ant-list-item {
padding: 0 !important; }
.un-view-vehicle.un-page .history-table .ant-list-item-meta {
padding-top: 1px !important; }
.un-view-vehicle.un-page .history-table .ant-list-item-meta-description {
padding-left: 0; }
.un-view-vehicle.un-page .history-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.un-view-vehicle.un-page .history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.un-view-vehicle.un-page .history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
@media (max-width: 1024px) {
.un-view-vehicle.un-page .history-table .ant-table-content {
overflow-x: auto; } }
.un-view-vehicle.un-page .history-table table thead {
background-color: #fafafb !important; }
.un-view-vehicle.un-page .history-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; }
.un-view-vehicle.un-page .history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.un-view-vehicle.un-page .history-table .ant-table-tbody .ant-table-measure-row td {
padding: 0 !important; }
.un-view-vehicle.un-page .history-table .desc {
line-height: 15px !important; }
.un-view-vehicle.un-page .history-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.un-view-vehicle.un-page .history-table .ant-table-pagination.ant-pagination {
margin: 20px 0 !important; }
.un-view-vehicle.un-page .history-table .ant-pagination-item-link {
color: #0c2028 !important; }
.un-view-vehicle.un-page .history-table .ant-pagination-item a {
color: #0c2028 !important; }
.un-view-vehicle.un-page .history-table .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.un-view-vehicle.un-page .history-table .ant-pagination-item-active a {
color: #007ce0 !important; }
.un-view-vehicle.un-page .history-table .ant-pagination.mini {
margin-top: 10px; }
.un-view-vehicle.un-page .history-table .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.un-view-vehicle.un-page .history-table .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.un-view-vehicle.un-page .history-table .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.un-view-vehicle.un-page .history-table .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.un-view-vehicle.un-page .history-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.un-view-vehicle.un-page .history-table .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.un-view-vehicle.un-page .history-table .status-tag.completed {
color: #ffffff;
border-color: #5acc5a;
background-color: #5acc5a; }
.un-view-vehicle.un-page .right-panel .un-bottom-border {
height: fit-content;
padding-bottom: 32px;
margin-bottom: 32px; }
.un-view-vehicle.un-page .right-panel sup {
top: -0.5em !important;
font-size: 60%; }
.un-view-vehicle.un-page .right-panel .status-tag.available {
color: #323f47;
border-color: #bcefb9;
background-color: #f3fff3; }
.un-view-vehicle.un-page .right-panel .status-tag.assigned {
color: #323f47;
border-color: #8ed7ff;
background-color: #d0f4ff; }
.un-view-vehicle.un-page .right-panel .status-tag.maintenance {
color: #442f0f;
border-color: #ffae4c;
background-color: #ffe5cc; }
.un-view-vehicle.un-page .right-panel .plain-btn,
.un-view-vehicle.un-page .right-panel .plain-btn:hover,
.un-view-vehicle.un-page .right-panel .plain-btn:focus,
.un-view-vehicle.un-page .right-panel .plain-btn:active {
font-size: 12px !important; }
.edit-vehicle-info-modal .ant-modal-body .row {
align-items: flex-start; }
.edit-vehicle-info-modal .ant-modal-body label {
color: #0c2028 !important; }
@media (max-width: 425px) {
.edit-vehicle-info-modal .ant-modal-body .ant-legacy-form-item {
flex-direction: unset !important; } }
.edit-vehicle-info-modal .ant-modal-body .ant-picker {
width: 100% !important; }
.edit-vehicle-info-modal .ant-modal-body .ant-picker .ant-picker-input {
width: 100% !important; }
.edit-vehicle-info-modal .ant-modal-body .ant-picker .ant-picker-suffix {
position: absolute;
right: 3px;
top: 0px; }
.edit-vehicle-info-modal .ant-modal-body .ant-picker .ant-picker-suffix .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.edit-vehicle-info-modal .ant-modal-body .ant-picker .ant-picker-clear {
right: 30px; }
.edit-vehicle-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card {
margin: 0 !important;
height: 138px !important;
border: 1px dashed #d9d9d9; }
.edit-vehicle-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card:hover {
border: 1px dashed #007ce0 !important; }
.edit-vehicle-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .upload-placeholder {
padding: unset !important;
align-content: center; }
.edit-vehicle-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox {
height: 138px !important;
width: 100% !important; }
.edit-vehicle-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox img {
object-fit: contain; }
.edit-vehicle-info-modal .ant-modal-body .field-label {
line-height: 1.5715; }
.edit-vehicle-info-modal .ant-modal-body .ant-input-number {
width: 90px !important; }
.edit-vehicle-info-modal .ant-modal-body .dimension-input.addonAfter {
width: fit-content !important;
display: flex;
align-items: flex-start;
margin-bottom: 20px; }
.edit-vehicle-info-modal .ant-modal-body .dimension-input.addonAfter .ant-input-number {
width: 100px !important; }
.edit-vehicle-info-modal .ant-modal-body .dimension-input.addonAfter input {
text-align: right;
padding-right: 25px; }
.edit-vehicle-info-modal .ant-modal-body .dimension-input.addonAfter .ant-input-group-addon {
padding-top: 5px;
vertical-align: middle;
display: inline-table;
line-height: 24px;
height: 33px; }
.edit-vehicle-info-modal .ant-modal-body .dimension-input.addonAfter .ant-form-item-explain {
position: absolute;
width: fit-content;
white-space: nowrap; }
.edit-vehicle-info-modal .ant-modal-body .dimension-input.addonAfter sup {
top: -0.5em !important;
font-size: 60%; }
.edit-vehicle-info-modal .ant-modal-body .dimension-input input {
text-align: right;
padding-right: 25px;
padding-left: 0px !important; }
.edit-vehicle-info-modal .ant-modal-body .calculation-options {
width: 100% !important;
display: block;
margin-bottom: 20px !important; }
.edit-vehicle-info-modal .ant-modal-body .calculation-options .ant-legacy-form-item {
margin-bottom: 0 !important; }
.edit-vehicle-info-modal .ant-modal-body .calculation-options .ant-checkbox-wrapper {
width: 100% !important;
margin: 0 0 12px !important; }
.required-field::after {
content: '*';
color: red; }
@media (min-width: 1024px) {
.newVehicles.un-page {
width: 644px !important;
margin: 0 auto !important; } }
.newVehicles.un-page .row {
align-items: baseline; }
.newVehicles.un-page .un-form-setting label {
color: #0c2028 !important; }
.newVehicles.un-page .ant-picker {
width: 100% !important; }
.newVehicles.un-page .ant-picker .ant-picker-input {
width: 100% !important; }
.newVehicles.un-page .ant-picker .ant-picker-suffix {
position: absolute;
right: 3px;
top: 0px; }
.newVehicles.un-page .ant-picker .ant-picker-suffix .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.newVehicles.un-page .ant-picker .ant-picker-clear {
right: 30px; }
.newVehicles.un-page .ant-upload.ant-upload-select.ant-upload-select-picture-card {
margin: 0 !important;
height: 138px !important;
border: 1px dashed #d9d9d9; }
.newVehicles.un-page .ant-upload.ant-upload-select.ant-upload-select-picture-card:hover {
border: 1px dashed #007ce0 !important; }
.newVehicles.un-page .ant-upload.ant-upload-select.ant-upload-select-picture-card .upload-placeholder {
padding: unset !important;
align-content: center; }
.newVehicles.un-page .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox {
height: 138px !important;
width: 100% !important; }
.newVehicles.un-page .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox img {
object-fit: contain; }
.newVehicles.un-page .capacity-specification .ant-input-group {
width: fit-content; }
.newVehicles.un-page .capacity-specification .ant-input {
width: 80px; }
.newVehicles.un-page .capacity-specification .dimension-input.addonAfter .ant-input {
width: 80px; }
.newVehicles.un-page .capacity-specification .dimension-input.addonAfter sup {
top: -0.5em !important;
font-size: 60%; }
.newVehicles.un-page .capacity-specification .calculation-options {
width: 100% !important;
display: block;
margin-bottom: 20px !important; }
.newVehicles.un-page .capacity-specification .calculation-options .ant-checkbox-wrapper {
width: 100% !important;
margin: 0 0 12px !important;
color: #0c2028 !important; }
.newVehicles.un-page .capacity-specification .calculation-options .ant-legacy-form-item {
margin-bottom: 0 !important; }
.add-vehicle-type {
display: flex;
align-items: center;
padding: 8px 10px 4px;
border-top: 1px solid #e5e5e5; }
.add-vehicle-type input {
border-radius: 4px !important; }
.add-vehicle-type .plain-btn {
margin-left: 8px !important; }
.view-driver.un-page .ant-tag.filterTags {
height: 18px;
line-height: 16px;
background-color: #007ce0;
border-color: #007ce0;
border-radius: 4px;
color: #fff;
font-size: 12px;
margin-right: 0.2rem; }
.view-driver.un-page .ant-tag.filterTags .filterTagValue {
max-width: 200px;
text-overflow: ellipsis;
overflow: hidden; }
.view-driver.un-page .ant-tag.filterTags .anticon.anticon-close {
color: #fff;
margin-top: 3px; }
.view-driver.un-page .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.view-driver.un-page .header-buttons .b-btn,
.view-driver.un-page .header-buttons .b-btn:hover,
.view-driver.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; }
.view-driver.un-page .header-buttons .b-btn i,
.view-driver.un-page .header-buttons .b-btn:hover i,
.view-driver.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.view-driver.un-page .header-buttons .outline-btn,
.view-driver.un-page .header-buttons .outline-btn:focus,
.view-driver.un-page .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.view-driver.un-page .row {
align-items: flex-start; }
.view-driver.un-page .history-tabs {
width: 100% !important;
max-width: 1248px;
display: inline-flex;
background-color: #f5f6f8;
top: 49px;
z-index: 10;
margin-bottom: 32px; }
.view-driver.un-page .history-tabs .tabs {
width: 100%;
display: flex;
border-bottom: 1px solid #e5e5e5; }
.view-driver.un-page .history-tabs .tabs .tab-item {
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;
max-width: unset;
cursor: pointer !important;
white-space: nowrap; }
.view-driver.un-page .history-tabs .tabs .tab-item.active {
color: #5acc5a;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 49px !important;
padding: 16px 20px !important; }
.view-driver.un-page .history-tabs .tabs .tab-item:hover {
color: #5acc5a !important; }
.view-driver.un-page .history-table .ant-table-expanded-row-level-1 .ant-table-cell {
padding-left: 6px !important; }
.view-driver.un-page .history-table .variant-price {
padding-left: 27px; }
.view-driver.un-page .history-table .variant-stock {
padding-left: 17px; }
.view-driver.un-page .history-table table tbody tr td {
vertical-align: top !important; }
.view-driver.un-page .history-table .ant-list-item {
padding: 0 !important; }
.view-driver.un-page .history-table .ant-list-item-meta {
padding-top: 1px !important; }
.view-driver.un-page .history-table .ant-list-item-meta-description {
padding-left: 0; }
.view-driver.un-page .history-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.view-driver.un-page .history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.view-driver.un-page .history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
@media (max-width: 1024px) {
.view-driver.un-page .history-table .ant-table-content {
overflow-x: auto; } }
.view-driver.un-page .history-table table thead {
background-color: #fafafb !important; }
.view-driver.un-page .history-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; }
.view-driver.un-page .history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.view-driver.un-page .history-table .ant-table-tbody .ant-table-measure-row td {
padding: 0 !important; }
.view-driver.un-page .history-table .desc {
line-height: 15px !important; }
.view-driver.un-page .history-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.view-driver.un-page .history-table .ant-table-pagination.ant-pagination {
margin: 20px 0 !important; }
.view-driver.un-page .history-table .ant-pagination-item-link {
color: #0c2028 !important; }
.view-driver.un-page .history-table .ant-pagination-item a {
color: #0c2028 !important; }
.view-driver.un-page .history-table .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.view-driver.un-page .history-table .ant-pagination-item-active a {
color: #007ce0 !important; }
.view-driver.un-page .history-table .ant-pagination.mini {
margin-top: 10px; }
.view-driver.un-page .history-table .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.view-driver.un-page .history-table .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.view-driver.un-page .history-table .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.view-driver.un-page .history-table .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.view-driver.un-page .history-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.view-driver.un-page .history-table .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.view-driver.un-page .history-table .status-tag.completed {
color: #ffffff;
border-color: #5acc5a;
background-color: #5acc5a; }
.view-driver.un-page .right-panel .un-bottom-border {
height: fit-content;
padding-bottom: 32px;
margin-bottom: 32px; }
.view-driver.un-page .right-panel sup {
top: -0.5em !important;
font-size: 60%; }
.view-driver.un-page .right-panel .status-tag.active {
color: #323f47;
border-color: #bcefb9;
background-color: #f3fff3; }
.view-driver.un-page .right-panel .status-tag.inactive {
color: #442f0f;
border-color: #ffae4c;
background-color: #ffe5cc; }
.view-driver.un-page .right-panel .plain-btn,
.view-driver.un-page .right-panel .plain-btn:hover,
.view-driver.un-page .right-panel .plain-btn:focus,
.view-driver.un-page .right-panel .plain-btn:active {
font-size: 12px !important; }
.edit-driver-info-modal .ant-modal-body .row {
align-items: flex-start; }
@media (max-width: 425px) {
.edit-driver-info-modal .ant-modal-body .ant-form-item {
flex-direction: unset !important; } }
.edit-driver-info-modal .ant-modal-body .un-form-vertical label {
color: #0c2028 !important;
margin-bottom: 4px !important; }
.edit-driver-info-modal .ant-modal-body .pincode-input-container .pincode-input-text {
width: 30px !important;
height: 33px !important;
border: 1px solid #d4d4d4 !important;
border-radius: 4px !important;
margin: 0 4px 0 0 !important;
color: #0c2028; }
.edit-driver-info-modal .ant-modal-body .ant-picker {
width: 100% !important; }
.edit-driver-info-modal .ant-modal-body .ant-picker.ant-picker-range {
width: 70% !important; }
.edit-driver-info-modal .ant-modal-body .ant-picker.ant-picker-range .ant-picker-input > input {
text-align: center !important; }
.edit-driver-info-modal .ant-modal-body .ant-picker.ant-picker-range .ant-picker-clear {
right: 10px !important; }
.edit-driver-info-modal .ant-modal-body .ant-picker .ant-picker-input {
width: 100% !important; }
.edit-driver-info-modal .ant-modal-body .ant-picker .ant-picker-suffix {
position: absolute;
right: 3px;
top: 0px; }
.edit-driver-info-modal .ant-modal-body .ant-picker .ant-picker-suffix .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.edit-driver-info-modal .ant-modal-body .ant-picker .ant-picker-clear {
right: 30px; }
.edit-driver-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card {
margin: 0 !important;
height: 138px !important;
width: 138px !important;
border: 1px dashed #d9d9d9; }
.edit-driver-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card:hover {
border: 1px dashed #007ce0 !important; }
.edit-driver-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .upload-placeholder {
padding: unset !important;
align-content: center; }
.edit-driver-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox {
height: 138px !important;
width: 138px !important; }
.edit-driver-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox img {
object-fit: contain; }
.edit-driver-info-modal .ant-modal-body .field-label {
line-height: 1.5715; }
.edit-driver-info-modal .ant-modal-body .ant-input-number {
width: 80px; }
.edit-driver-info-modal .ant-modal-body .dimension-input.addonAfter {
width: fit-content !important;
display: flex;
align-items: flex-start; }
.edit-driver-info-modal .ant-modal-body .dimension-input.addonAfter .ant-input-number {
width: 80px; }
.edit-driver-info-modal .ant-modal-body .dimension-input.addonAfter input {
text-align: right;
padding-right: 0;
width: 80px; }
.edit-driver-info-modal .ant-modal-body .dimension-input.addonAfter .ant-input-group-addon {
padding-top: 5px;
vertical-align: middle;
display: inline-table;
line-height: 24px;
height: 33px; }
.edit-driver-info-modal .ant-modal-body .dimension-input.addonAfter .ant-form-item-explain {
position: absolute;
width: fit-content;
white-space: nowrap; }
.edit-driver-info-modal .ant-modal-body .dimension-input.addonAfter sup {
top: -0.5em !important;
font-size: 60%; }
.edit-driver-info-modal .ant-modal-body .dimension-input input {
text-align: right;
padding-right: 25px;
padding-left: 0px !important; }
.edit-driver-info-modal .ant-modal-body .no-margin.ant-form-item {
margin: 0 !important; }
.required-field::after {
content: '*';
color: red; }
.un-page {
padding: 0px !important;
width: 100% !important; }
@media (min-width: 1024px) {
.add-driver {
width: 644px !important;
margin: 0 auto !important; } }
.add-driver .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.add-driver .header-buttons .b-btn,
.add-driver .header-buttons .b-btn:hover,
.add-driver .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; }
.add-driver .header-buttons .b-btn i,
.add-driver .header-buttons .b-btn:hover i,
.add-driver .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.add-driver .row {
align-items: flex-start; }
@media (max-width: 425px) {
.add-driver .ant-form-item {
flex-direction: unset !important; } }
.add-driver .un-form-vertical label {
color: #0c2028 !important;
margin-bottom: 4px !important; }
.add-driver .pincode-input-container .pincode-input-text {
width: 30px !important;
height: 33px !important;
border: 1px solid #d4d4d4 !important;
border-radius: 4px !important;
margin: 0 4px 0 0 !important;
color: #0c2028; }
.add-driver .ant-picker {
width: 100% !important; }
.add-driver .ant-picker.ant-picker-range {
width: 70% !important; }
.add-driver .ant-picker.ant-picker-range .ant-picker-input > input {
text-align: center !important; }
.add-driver .ant-picker.ant-picker-range .ant-picker-clear {
right: 10px !important; }
.add-driver .ant-picker .ant-picker-input {
width: 100% !important; }
.add-driver .ant-picker .ant-picker-suffix {
position: absolute;
right: 3px;
top: 0px; }
.add-driver .ant-picker .ant-picker-suffix .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.add-driver .ant-picker .ant-picker-clear {
right: 30px; }
.add-driver .ant-upload.ant-upload-select.ant-upload-select-picture-card {
margin: 0 !important;
height: 138px !important;
width: 138px !important;
border: 1px dashed #d9d9d9; }
.add-driver .ant-upload.ant-upload-select.ant-upload-select-picture-card:hover {
border: 1px dashed #007ce0 !important; }
.add-driver .ant-upload.ant-upload-select.ant-upload-select-picture-card .upload-placeholder {
padding: unset !important;
align-content: center; }
.add-driver .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox {
height: 138px !important;
width: 138px !important; }
.add-driver .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox img {
object-fit: contain; }
.add-driver .field-label {
line-height: 1.5715; }
.add-driver .ant-input-number {
width: 80px; }
.add-driver .dimension-input.addonAfter {
width: fit-content !important;
display: flex;
align-items: flex-start; }
.add-driver .dimension-input.addonAfter .ant-input-number {
width: 80px; }
.add-driver .dimension-input.addonAfter input {
text-align: right;
padding-right: 0;
width: 80px; }
.add-driver .dimension-input.addonAfter .ant-input-group-addon {
padding-top: 5px;
vertical-align: middle;
display: inline-table;
line-height: 24px;
height: 33px; }
.add-driver .dimension-input.addonAfter .ant-form-item-explain {
position: absolute;
width: fit-content;
white-space: nowrap; }
.add-driver .dimension-input.addonAfter sup {
top: -0.5em !important;
font-size: 60%; }
.add-driver .dimension-input input {
text-align: right;
padding-right: 25px;
padding-left: 0px !important; }
.add-driver .no-margin.ant-form-item {
margin: 0 !important; }
.vehicles .ant-radio-group {
width: fit-content;
display: flex !important; }
.vehicles .ant-radio-group .ant-radio-button-wrapper {
padding: 8px !important;
height: fit-content !important;
line-height: 15px !important;
z-index: unset !important; }
.vehicles .ant-radio-group .ant-radio-button-wrapper:last-child {
margin-left: -1px; }
.vehicles .ant-radio-group .ant-radio-button-wrapper i {
font-size: 20px !important; }
.vehicles .search-form .filterTag {
text-transform: unset; }
.vehicles .ant-table-tbody .ant-table-cell {
overflow-wrap: anywhere; }
.vehicles .pg-title .un-btn {
margin-bottom: 0 !important; }
.vehicles .unicart-table .un-light-label-dark {
color: #0c2028 !important; }
.vehicles .unicart-table .un-table-text {
color: #0c2028 !important;
font-size: 14px !important; }
.vehicles .unicart-table .un-table-text-special {
color: #0c2028 !important;
font-size: 14px !important; }
.vehicles .unicart-table .un-table-text-special:hover {
color: #5acc5a !important;
font-size: 14px !important; }
.vehicles .unicart-table .un-table-text-light {
color: #647176 !important;
font-size: 14px !important; }
.vehicles .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.vehicles .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.vehicles .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.vehicles .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; }
.vehicles .ant-table-tbody > tr > td {
padding: 24px 16px !important; }
.vehicles .ant-list-item {
padding: 0px !important; }
.vehicles .ant-list-item .ant-list-item-meta-title {
padding-left: 0px; }
.vehicles .ant-list-item .ant-list-item-meta-description {
color: #647176;
font-size: 12px;
line-height: 18px;
padding-left: 0px; }
.vehicles .ant-list-item .ant-list-item-meta-description .whatsapp-icon-size {
vertical-align: sub; }
.vehicles .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.vehicles .header-buttons .b-btn,
.vehicles .header-buttons .b-btn:hover,
.vehicles .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; }
.vehicles .header-buttons .b-btn i,
.vehicles .header-buttons .b-btn:hover i,
.vehicles .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.vehicles .header-buttons .outline-btn,
.vehicles .header-buttons .outline-btn:focus,
.vehicles .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.vehicles .unicart-filter {
margin-top: 0 !important; }
.vehicles .unicart-filter .search-form .un-filter-value {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.vehicles .trip-tab {
border-radius: 12px; }
.vehicles .trip-tab .ant-tabs-bar {
border-bottom: 1px solid #e5e5e5 !important; }
.vehicles .trip-tab .ant-tabs-nav {
margin-bottom: 0 !important; }
.vehicles .trip-tab .ant-tabs-tab {
padding: 16px 16px !important; }
.vehicles .trip-tab table {
border: none !important; }
.vehicles .trip-tab .ant-table-footer {
border: none !important; }
.vehicles .trip-tab .ant-badge-count {
height: 17px;
padding: 0;
font-size: 11px;
line-height: 17px;
border-radius: 17px;
background: #e5e5e5 !important;
color: #0c2028 !important;
margin-left: 8px !important;
box-shadow: none !important; }
.vehicles .trip-tab .ant-badge-count .ant-scroll-number-only {
height: 17px; }
.vehicles .trip-tab .ant-badge-count .ant-scroll-number-only p {
font-size: 11px;
height: 17px; }
.vehicles .trip-tab .ant-tabs-nav .ant-tabs-tab-active .ant-badge-count {
background: #5acc5a !important;
color: #ffffff !important; }
.vehicles .trip-tab.grid {
background-color: unset !important;
border-top-right-radius: unset !important;
border-top-left-radius: unset !important;
border: unset !important; }
.vehicles .trip-tab.grid .ant-tabs-bar {
border-bottom: unset !important; }
.vehicles .trip-tab.grid .ant-tabs-tab {
padding: 8px 16px !important;
border: 1px solid #e5e5e5;
border-radius: 20px;
margin: 0 8px 20px 0 !important;
line-height: 14px; }
.vehicles .trip-tab.grid .ant-tabs-nav-scroll {
padding-left: 0 !important; }
.vehicles .trip-tab.grid .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
display: none !important; }
.vehicles .trip-tab.grid .ant-tabs-nav .ant-tabs-tab-active {
color: #5acc5a !important;
border: 1px solid #5acc5a !important;
background-color: #ffffff !important; }
.vehicles .trip-tab.grid .ant-tabs-nav .ant-tabs-tab-active .ant-badge-count {
background: #5acc5a !important;
color: #ffffff !important; }
.vehicles .trip-tab.grid .ant-tabs-nav .ant-tabs-tab:hover {
color: #5acc5a !important; }
.vehicles sup {
top: -0.5em;
font-size: 65%; }
.vehicles .status-tag.available {
color: #323f47;
border-color: #bcefb9;
background-color: #f3fff3; }
.vehicles .status-tag.assigned {
color: #323f47;
border-color: #8ed7ff;
background-color: #d0f4ff; }
.vehicles .status-tag.maintenance {
color: #442f0f;
border-color: #ffae4c;
background-color: #ffe5cc; }
.vehicles .grid-card {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px; }
.vehicles .grid-card > a {
width: 269px;
padding: 10px; }
@media (max-width: 480px) {
.vehicles .grid-card > a {
width: 100% !important; } }
.vehicles .grid-card .ant-card {
border-radius: 10px !important;
background-color: #fff !important;
margin-bottom: 20px; }
.vehicles .grid-card .ant-card .ant-card-cover img {
height: 138px !important;
object-fit: cover !important;
margin: 0 auto;
border-top-right-radius: 10px;
border-top-left-radius: 10px; }
.vehicles .grid-card .ant-card .ant-card-body {
display: flex;
padding: 12px !important;
height: unset; }
.vehicles .grid-card .ant-card .ant-card-body .ant-card-meta {
width: 100%;
margin: 0 auto; }
.vehicles .grid-card .ant-card .ant-card-body .ant-card-meta .status-tag {
margin-right: 0 !important; }
.vehicles .grid-card .ant-card .ant-card-body .ant-card-meta .ant-divider-horizontal {
margin: 8px 0 !important; }
.vehicles .grid-card .ant-empty {
margin: 20px auto !important; }
@media (min-width: 1024px) {
.drivers.un-page {
width: 816px !important;
margin: 0 auto !important; } }
.drivers.un-page .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0 !important; }
.drivers.un-page .header-buttons .b-btn,
.drivers.un-page .header-buttons .b-btn:hover,
.drivers.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; }
.drivers.un-page .header-buttons .b-btn i,
.drivers.un-page .header-buttons .b-btn:hover i,
.drivers.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.drivers.un-page .header-buttons .outline-btn,
.drivers.un-page .header-buttons .outline-btn:focus,
.drivers.un-page .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.drivers.un-page .unicart-filter {
margin-top: 0 !important; }
.drivers.un-page .ant-radio-group {
width: fit-content;
display: flex !important; }
.drivers.un-page .ant-radio-group .ant-radio-button-wrapper {
padding: 8px !important;
height: fit-content !important;
line-height: 15px !important;
z-index: unset !important; }
.drivers.un-page .ant-radio-group .ant-radio-button-wrapper:last-child {
margin-left: -1px; }
.drivers.un-page .ant-radio-group .ant-radio-button-wrapper i {
font-size: 20px !important; }
.drivers.un-page .unicart-table .un-light-label-dark {
color: #0c2028 !important; }
.drivers.un-page .unicart-table .un-table-text {
color: #0c2028 !important;
font-size: 14px !important; }
.drivers.un-page .unicart-table .un-table-text-special {
color: #0c2028 !important;
font-size: 14px !important; }
.drivers.un-page .unicart-table .un-table-text-special:hover {
color: #5acc5a !important;
font-size: 14px !important; }
.drivers.un-page .unicart-table .un-table-text-light {
color: #647176 !important;
font-size: 14px !important; }
.drivers.un-page .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px; }
.drivers.un-page .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px; }
.drivers.un-page .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.drivers.un-page .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; }
.drivers.un-page .ant-table-tbody > tr > td {
padding: 24px 16px !important; }
.drivers.un-page .driver-tab {
border-radius: 12px; }
.drivers.un-page .driver-tab .ant-tabs-bar {
border-bottom: 1px solid #e5e5e5 !important; }
.drivers.un-page .driver-tab .ant-tabs-nav {
margin-bottom: 0 !important; }
.drivers.un-page .driver-tab .ant-tabs-tab {
padding: 16px 16px !important; }
.drivers.un-page .driver-tab table {
border: none !important; }
.drivers.un-page .driver-tab .ant-table-footer {
border: none !important; }
.drivers.un-page .driver-tab .ant-badge-count {
height: 17px;
padding: 0;
font-size: 11px;
line-height: 17px;
border-radius: 17px;
background: #e5e5e5 !important;
color: #0c2028 !important;
margin-left: 8px !important;
box-shadow: none !important; }
.drivers.un-page .driver-tab .ant-badge-count .ant-scroll-number-only {
height: 17px; }
.drivers.un-page .driver-tab .ant-badge-count .ant-scroll-number-only p {
font-size: 11px;
height: 17px; }
.drivers.un-page .driver-tab .ant-tabs-nav .ant-tabs-tab-active .ant-badge-count {
background: #5acc5a !important;
color: #ffffff !important; }
.drivers.un-page .driver-tab.grid {
background-color: unset !important;
border-top-right-radius: unset !important;
border-top-left-radius: unset !important;
border: unset !important; }
.drivers.un-page .driver-tab.grid .ant-badge-count {
height: 17px;
padding: 0;
font-size: 11px;
line-height: 17px;
border-radius: 17px;
background: #e5e5e5 !important;
color: #0c2028 !important;
margin-left: 8px !important;
box-shadow: none !important; }
.drivers.un-page .driver-tab.grid .ant-badge-count .ant-scroll-number-only {
height: 17px; }
.drivers.un-page .driver-tab.grid .ant-badge-count .ant-scroll-number-only p {
font-size: 11px;
height: 17px; }
.drivers.un-page .driver-tab.grid .ant-tabs-bar {
border-bottom: unset !important; }
.drivers.un-page .driver-tab.grid .ant-tabs-tab {
padding: 8px 16px !important;
border: 1px solid #e5e5e5;
border-radius: 20px;
margin: 0 8px 20px 0 !important;
line-height: 14px; }
.drivers.un-page .driver-tab.grid .ant-tabs-nav-scroll {
padding-left: 0 !important; }
.drivers.un-page .driver-tab.grid .ant-tabs-ink-bar.ant-tabs-ink-bar-animated {
display: none !important; }
.drivers.un-page .driver-tab.grid .ant-tabs-nav .ant-tabs-tab-active {
color: #5acc5a !important;
border: 1px solid #5acc5a !important;
background-color: #ffffff !important; }
.drivers.un-page .driver-tab.grid .ant-tabs-nav .ant-tabs-tab-active .ant-badge-count {
background: #5acc5a !important;
color: #ffffff !important; }
.drivers.un-page .driver-tab.grid .ant-tabs-nav .ant-tabs-tab:hover {
color: #5acc5a !important; }
.drivers.un-page .status-tag.active {
color: #323f47;
border-color: #bcefb9;
background-color: #f3fff3; }
.drivers.un-page .status-tag.inactive {
color: #442f0f;
border-color: #ffae4c;
background-color: #ffe5cc; }
.drivers.un-page .grid-card {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px; }
.drivers.un-page .grid-card > a {
width: 269px;
padding: 10px; }
@media (max-width: 480px) {
.drivers.un-page .grid-card > a {
width: 100% !important; } }
.drivers.un-page .grid-card .ant-card {
border-radius: 10px !important;
background-color: #fff !important;
margin-bottom: 20px; }
.drivers.un-page .grid-card .ant-card .ant-card-cover img {
height: 138px !important;
object-fit: cover !important;
margin: 0 auto;
border-top-right-radius: 10px;
border-top-left-radius: 10px; }
.drivers.un-page .grid-card .ant-card .ant-card-body {
display: flex;
padding: 8px 12px 12px !important;
height: unset; }
.drivers.un-page .grid-card .ant-card .ant-card-body .ant-card-meta {
width: 100%;
margin: 0 auto; }
.drivers.un-page .grid-card .ant-card .ant-card-body .ant-card-meta .ant-avatar {
width: 42px;
height: 42px;
line-height: 42px;
font-size: 16px;
color: #0c2028;
background-color: #e5e5e5; }
.drivers.un-page .grid-card .ant-card .ant-card-body .ant-card-meta .status-tag {
margin-right: 0 !important; }
.drivers.un-page .grid-card .ant-card .ant-card-body .ant-card-meta .ant-divider-horizontal {
margin: 8px 0 !important; }
.drivers.un-page .grid-card .ant-empty {
margin: 20px auto !important; }
@media (min-width: 1024px) {
.searchUserModal {
width: 601px !important; } }
.searchUserModal .ant-modal-body {
width: 100%;
overflow: hidden auto; }
@media (min-width: 1024px) {
.searchUserModal .ant-modal-body {
width: 601px !important;
height: 420px !important;
padding-bottom: 0 !important; } }
.searchUserModal .ant-modal-content {
border-radius: 12px !important; }
.searchUserModal .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important; }
.searchUserModal .unicart-filter {
margin-top: 0 !important; }
.searchUserModal .unicart-filter .product-form-label {
margin-bottom: 4px !important; }
.searchUserModal .unicart-filter .ant-select {
width: 100% !important;
margin-right: 16px !important; }
.searchUserModal .unicart-filter .ant-input-affix-wrapper {
border-radius: 4px !important;
height: 41px !important;
margin-right: 16px; }
.searchUserModal .unicart-filter span.anticon {
width: 40px !important;
color: #0c2028; }
.searchUserModal .unicart-filter .ant-input-suffix {
font-size: 20px; }
.searchUserModal .unicart-filter .ant-select-clear {
display: none !important; }
.searchUserModal .user-table table tbody tr td {
vertical-align: top !important; }
.searchUserModal .user-table .ant-list-item {
padding: 0 !important; }
.searchUserModal .user-table .ant-list-item-meta-avatar {
width: 56px; }
.searchUserModal .user-table .ant-list-item-meta {
padding-top: 1px !important; }
.searchUserModal .user-table .ant-list-item-meta-description {
padding-left: 0; }
.searchUserModal .user-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.searchUserModal .user-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.searchUserModal .user-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.searchUserModal .user-table table thead {
background-color: #fafafb !important; }
.searchUserModal .user-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; }
.searchUserModal .user-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.searchUserModal .row {
align-items: baseline !important; }
.searchUserModal .un-page-with-steps .ant-legacy-form {
width: 100%; }
@media (min-width: 1024px) {
.searchUserModal .un-page-with-steps .ant-legacy-form {
width: 622px !important; } }
.searchUserModal .un-box-flat {
background-color: #ffffff !important;
border-radius: 0px !important;
border: none !important;
padding: 0 !important;
margin-bottom: 32px;
box-shadow: none !important;
width: 100%; }
@media (min-width: 1024px) {
.searchUserModal .un-box-flat {
width: 553px !important; } }
.searchUserModal .un-box-flat .pl-10 {
padding-left: 12px !important; }
.searchUserModal .un-title-light {
display: none !important; }
.searchUserModal .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.searchUserModal .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.searchUserModal .plain-btn {
margin: auto 0 auto auto !important; }
.searchUserModal .upload-placeholder {
height: 115px !important; }
.searchUserModal .hvrbox {
width: 115px !important;
height: 115px !important; }
.searchUserModal .ant-upload:hover {
border-color: #007ce0 !important; }
.searchUserModal .ant-upload-drag-icon img {
object-fit: contain !important; }
.trips .date-period .label, .select-package-modal .date-period .label {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
.trips .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.trips .header-buttons .b-btn,
.trips .header-buttons .b-btn:hover,
.trips .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; }
.trips .header-buttons .b-btn i,
.trips .header-buttons .b-btn:hover i,
.trips .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.trips .header-buttons .outline-btn,
.trips .header-buttons .outline-btn:focus,
.trips .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.trips .date-period {
height: 41px !important;
margin-right: 0;
margin-left: auto; }
.trips .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.trips .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.trips .date-period .date-picker-button {
vertical-align: top !important;
height: 41px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.trips .date-period .date-picker-button:hover,
.trips .date-period .date-picker-button:active,
.trips .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.trips .date-period .date-range2 {
height: 41px !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-color: white !important; }
.trips .date-period .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.trips .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.trips .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.trips .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.trips .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.trips .status-cards-container {
display: flex !important;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 20px !important; }
.trips .status-cards-container .status-card-item {
flex: 0 0 calc(20% - 12.8px);
width: calc(20% - 12.8px) !important;
min-width: 0; }
.trips .status-cards-container .status-card-item .status-card-content {
display: flex;
align-items: center;
padding: 20px 24px;
border-radius: 12px;
border: 1px solid #e5e7eb;
background-color: white;
min-height: 80px;
width: 100%; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper {
width: 49px;
height: 49px;
border-radius: 50%;
margin-right: 12px;
padding: 7px 9px; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon {
font-size: 32px; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.danger {
color: #e0241a; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.info {
color: #007ce0; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.warning {
color: #f2cb0c; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.success {
color: #005c34; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.secondary {
color: #90999d; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.planning {
color: #ff7f00; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.feather-external {
content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66667 15.9995C6.66667 18.3551 7.43333 20.4106 8.96667 22.1662C10.5 23.9217 12.4333 24.9551 14.7667 25.2662C15.1222 25.3106 15.4169 25.4662 15.6507 25.7328C15.8844 25.9995 16.0009 26.3106 16 26.6662C16 27.044 15.8387 27.3551 15.516 27.5995C15.1933 27.844 14.8324 27.944 14.4333 27.8995C11.4333 27.5217 8.94444 26.2049 6.96667 23.9489C4.98889 21.6929 4 19.0431 4 15.9995C4 12.9773 4.98356 10.3386 6.95067 8.08352C8.91778 5.82841 11.4009 4.50041 14.4 4.09952C14.8222 4.05507 15.1947 4.14974 15.5173 4.38352C15.84 4.61729 16.0009 4.93374 16 5.33285C16 5.68841 15.8836 5.99952 15.6507 6.26618C15.4178 6.53285 15.1231 6.68841 14.7667 6.73285C12.4333 7.04396 10.5 8.07729 8.96667 9.83285C7.43333 11.5884 6.66667 13.644 6.66667 15.9995ZM22.9 17.3329H13.3333C12.9556 17.3329 12.6391 17.2049 12.384 16.9489C12.1289 16.6929 12.0009 16.3764 12 15.9995C11.9991 15.6226 12.1271 15.3062 12.384 15.0502C12.6409 14.7942 12.9573 14.6662 13.3333 14.6662H22.9L20.4 12.1662C20.1333 11.8995 20 11.5831 20 11.2169C20 10.8506 20.1333 10.5337 20.4 10.2662C20.6667 9.99863 20.9778 9.86529 21.3333 9.86618C21.6889 9.86707 22 10.0004 22.2667 10.2662L27.0667 15.0662C27.3333 15.3329 27.4667 15.644 27.4667 15.9995C27.4667 16.3551 27.3333 16.6662 27.0667 16.9329L22.2667 21.7328C22 21.9995 21.6889 22.1275 21.3333 22.1168C20.9778 22.1062 20.6667 21.9671 20.4 21.6995C20.1333 21.432 20 21.1209 20 20.7662C20 20.4115 20.1333 20.1004 20.4 19.8329L22.9 17.3329Z' fill='%23F2CB0C'/%3E%3C/svg%3E%0A") !important; }
.trips .status-cards-container .status-card-item .status-card-content .status-info {
flex: 1; }
.trips .status-cards-container .status-card-item .status-card-content .status-info .status-count {
font-size: 20px;
font-weight: 700;
margin-bottom: 4px;
line-height: 24px; }
.trips .status-cards-container .status-card-item .status-card-content .status-info .status-label {
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
line-height: 21px; }
.trips .trip-tab {
border-radius: 12px; }
.trips .trip-tab .ant-tabs-bar {
border-bottom: 1px solid #e5e5e5 !important; }
.trips .trip-tab .ant-tabs-nav {
margin-bottom: 0 !important; }
.trips .trip-tab .ant-tabs-tab {
padding: 16px 16px !important; }
.trips .trip-tab table {
border: none !important; }
.trips .trip-tab .ant-table-footer {
border: none !important; }
.trips .feather-more-horizontal {
cursor: pointer;
right: 0 !important;
bottom: 22px !important;
color: #90999d;
font-size: 24px !important; }
.trips .feather-more-horizontal:hover {
color: #e0241a; }
.trips .feather-printer {
cursor: pointer;
border: none !important;
background: none !important;
box-shadow: none !important;
font-size: 19px !important; }
.trips .feather-printer:hover {
color: #0058b6 !important; }
.trips .unicart-table .trip-external-service-type {
color: #0c2028 !important;
font-size: 14px !important;
font-weight: 600 !important; }
.trips .unicart-table .details-section > span {
font-size: 12px !important; }
.trips .unicart-table .details-section .details-title {
margin-right: 4px !important; }
.trips .unicart-table .logistics-with-name img {
width: 15px !important;
margin-right: 4px !important; }
.trips .unicart-table .track-trip-btn {
font-size: 12px !important; }
.trips .unicart-table .track-trip-btn:disabled {
cursor: not-allowed !important; }
.trips .unicart-table .track-trip-btn .feather-search {
font-size: 12px !important; }
.trips .unicart-table .status-tag {
white-space: nowrap; }
.add-trip .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.add-trip .header-buttons .b-btn,
.add-trip .header-buttons .b-btn:hover,
.add-trip .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; }
.add-trip .header-buttons .b-btn i,
.add-trip .header-buttons .b-btn:hover i,
.add-trip .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.add-trip .header-buttons .sec-split-btn .btn {
background-color: #ffffff !important; }
@media (max-width: 1024px) {
.add-trip .trip-info .ant-form-item {
flex-direction: unset !important; } }
.add-trip .trip-info .ant-form-item-label > label {
color: #0c2028 !important; }
.add-trip .trip-info .trip-external-service-type {
font-size: 16px !important;
font-weight: 600 !important;
color: #0c2028 !important; }
.add-trip .trip-info .logistics-with-name img {
width: 24px !important;
margin-right: 4px !important; }
.add-trip .trip-info .logistics-with-name .caption {
font-size: 14px !important; }
.add-trip .trip-info .track-single-trip-btn {
height: 24px !important; }
.add-trip .trip-info .track-single-trip-btn:disabled {
cursor: not-allowed !important; }
.add-trip .trip-info .ant-picker {
width: 100% !important; }
.add-trip .trip-info .ant-picker .ant-picker-input {
width: 100% !important; }
.add-trip .trip-info .ant-picker .ant-picker-suffix {
position: absolute;
right: 3px;
top: 4px; }
.add-trip .trip-info .ant-picker .ant-picker-suffix .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.add-trip .trip-info .ant-picker .ant-picker-clear {
right: 30px; }
.add-trip .package-list .editable-package-list-table .ant-list-item-meta-title {
line-height: 20px !important;
height: unset !important; }
.add-trip .package-list .editable-package-list-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.add-trip .package-list .editable-package-list-table .ant-list-item-meta-avatar {
margin-right: 0;
height: 42px;
width: 42px;
border-radius: 6px !important; }
.add-trip .package-list .editable-package-list-table .un-row-product img {
height: 42px;
width: 42px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.add-trip .package-list .editable-package-list-table .ant-table-tbody > tr > td {
padding: 12px 12px !important;
border: none !important;
background-color: #f6f6f6 !important;
border-bottom: 4px solid #ffffff !important; }
.add-trip .package-list .editable-package-list-table .ant-table table {
border: none !important;
box-shadow: none !important;
min-width: unset; }
.add-trip .package-list .editable-package-list-table .ant-table-thead > tr > th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
height: 32px !important; }
.add-trip .package-list .editable-package-list-table .ant-table-thead > tr > th {
border-bottom: 8px solid #ffffff !important;
padding: 8px 12px !important; }
.add-trip .package-list .editable-package-list-table .un-text-truncate {
font-weight: bold !important; }
.add-trip .package-list .editable-package-list-table .un-light-label {
font-size: 14px !important; }
.add-trip .package-list .editable-package-list-table .ant-table-thead tr .ant-table-selection-column div {
display: none; }
.add-trip .package-list .editable-package-list-table .ant-table-tbody tr > td .ant-checkbox-wrapper {
display: none; }
.add-trip .package-list .editable-package-list-table .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0px !important; }
.add-trip .package-list .editable-package-list-table .clear-btn {
padding: 0 !important;
width: fit-content !important;
height: fit-content !important;
border: none !important;
box-shadow: none !important;
background: none !important; }
.add-trip .package-list .editable-package-list-table .clear-btn i {
font-size: 17px;
color: #647176 !important; }
.add-trip .package-list .un-cursor-drag td.ant-table-selection-column::before {
top: 15px !important; }
.add-trip .package-list .package-list-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.add-trip .package-list .package-list-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.add-trip .package-list .package-list-table table thead {
background-color: #fafafb !important; }
.add-trip .package-list .package-list-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-trip .package-list .package-list-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.add-trip .package-list .package-list-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.add-trip .package-list .package-list-table .un-text-truncate {
font-weight: bold !important; }
.add-trip .package-list .package-list-table .un-light-label {
font-size: 14px !important; }
.add-trip .package-list .package-list-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.add-trip .trip-history .trip-history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.add-trip .trip-history .trip-history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.add-trip .trip-history .trip-history-table table thead {
background-color: #fafafb !important; }
.add-trip .trip-history .trip-history-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-trip .trip-history .trip-history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.add-trip .trip-history .trip-history-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.add-trip .trip-history .trip-history-table .un-text-truncate {
font-weight: bold !important; }
.add-trip .trip-history .trip-history-table .un-light-label {
font-size: 14px !important; }
.add-trip .trip-history .trip-history-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.view-trip .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.view-trip .header-buttons .b-btn,
.view-trip .header-buttons .b-btn:hover,
.view-trip .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; }
.view-trip .header-buttons .b-btn i,
.view-trip .header-buttons .b-btn:hover i,
.view-trip .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.view-trip .trip-info .trip-external-service-type {
font-size: 16px !important;
font-weight: 600 !important;
color: #0c2028 !important; }
.view-trip .trip-info .logistics-with-name img {
width: 24px !important;
margin-right: 4px !important; }
.view-trip .trip-info .logistics-with-name .caption {
font-size: 14px !important; }
.view-trip .trip-info .track-single-trip-btn {
height: 24px !important; }
.view-trip .trip-info .track-single-trip-btn:disabled {
cursor: not-allowed !important; }
.view-trip .package-list .editable-package-list-table .ant-list-item-meta-title {
line-height: 20px !important;
height: unset !important; }
.view-trip .package-list .editable-package-list-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.view-trip .package-list .editable-package-list-table .ant-list-item-meta-avatar {
margin-right: 0;
height: 42px;
width: 42px;
border-radius: 6px !important; }
.view-trip .package-list .editable-package-list-table .un-row-product img {
height: 42px;
width: 42px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.view-trip .package-list .editable-package-list-table .ant-table-tbody > tr > td {
padding: 12px 12px !important;
border: none !important;
background-color: #f6f6f6 !important;
border-bottom: 4px solid #ffffff !important; }
.view-trip .package-list .editable-package-list-table .ant-table table {
border: none !important;
box-shadow: none !important;
min-width: unset; }
.view-trip .package-list .editable-package-list-table .ant-table-thead > tr > th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
height: 32px !important; }
.view-trip .package-list .editable-package-list-table .ant-table-thead > tr > th {
border-bottom: 8px solid #ffffff !important;
padding: 8px 12px !important; }
.view-trip .package-list .editable-package-list-table .un-text-truncate {
font-weight: bold !important; }
.view-trip .package-list .editable-package-list-table .un-light-label {
font-size: 14px !important; }
.view-trip .package-list .editable-package-list-table .ant-table-thead tr .ant-table-selection-column div {
display: none; }
.view-trip .package-list .editable-package-list-table .ant-table-tbody tr > td .ant-checkbox-wrapper {
display: none; }
.view-trip .package-list .editable-package-list-table .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0px !important; }
.view-trip .package-list .editable-package-list-table .clear-btn {
padding: 0 !important;
width: fit-content !important;
height: fit-content !important;
border: none !important;
box-shadow: none !important;
background: none !important; }
.view-trip .package-list .editable-package-list-table .clear-btn i {
font-size: 17px;
color: #647176 !important; }
.view-trip .package-list .un-cursor-drag td.ant-table-selection-column::before {
top: 15px !important; }
.view-trip .package-list .package-list-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.view-trip .package-list .package-list-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.view-trip .package-list .package-list-table table thead {
background-color: #fafafb !important; }
.view-trip .package-list .package-list-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; }
.view-trip .package-list .package-list-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.view-trip .package-list .package-list-table .ant-table-tbody > tr:nth-child(1) > td {
border-top: none !important; }
.view-trip .package-list .package-list-table .ant-table-tbody > tr > td {
border-top: none !important;
border-bottom: 1px solid #e5e5e5 !important; }
.view-trip .package-list .package-list-table .un-text-truncate {
font-weight: bold !important; }
.view-trip .package-list .package-list-table .un-light-label {
font-size: 14px !important; }
.view-trip .package-list .package-list-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.view-trip .trip-history .trip-history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.view-trip .trip-history .trip-history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.view-trip .trip-history .trip-history-table table thead {
background-color: #fafafb !important; }
.view-trip .trip-history .trip-history-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; }
.view-trip .trip-history .trip-history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.view-trip .trip-history .trip-history-table .ant-table-tbody > tr:nth-child(1) > td {
border-top: none !important; }
.view-trip .trip-history .trip-history-table .ant-table-tbody > tr > td {
border-top: none !important;
border-bottom: 1px solid #e5e5e5 !important; }
.view-trip .trip-history .trip-history-table .un-text-truncate {
font-weight: bold !important; }
.view-trip .trip-history .trip-history-table .un-light-label {
font-size: 14px !important; }
.view-trip .trip-history .trip-history-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.view-trip .history-tabs {
width: 100% !important;
max-width: 1248px;
display: inline-flex;
background-color: #f5f6f8;
top: 49px;
z-index: 10;
margin-bottom: 32px; }
.view-trip .history-tabs .tabs {
width: 100%;
display: flex;
border-bottom: 1px solid #e5e5e5; }
.view-trip .history-tabs .tabs .tab-item {
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;
max-width: unset;
cursor: pointer !important;
white-space: nowrap; }
.view-trip .history-tabs .tabs .tab-item.active {
color: #5acc5a;
font-size: 14px !important;
font-weight: bold !important;
border: none !important;
border-bottom: 3px solid #5acc5a !important;
height: 49px !important;
padding: 16px 20px !important; }
.view-trip .history-tabs .tabs .tab-item:hover {
color: #5acc5a !important; }
.view-trip .history-table .ant-table-expanded-row-level-1 .ant-table-cell {
padding-left: 6px !important; }
.view-trip .history-table .variant-price {
padding-left: 27px; }
.view-trip .history-table .variant-stock {
padding-left: 17px; }
.view-trip .history-table table tbody tr td {
vertical-align: top !important; }
.view-trip .history-table .ant-list-item {
padding: 0 !important; }
.view-trip .history-table .ant-list-item-meta {
padding-top: 1px !important; }
.view-trip .history-table .ant-list-item-meta-description {
padding-left: 0; }
.view-trip .history-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.view-trip .history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.view-trip .history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
@media (max-width: 1024px) {
.view-trip .history-table .ant-table-content {
overflow-x: auto; } }
.view-trip .history-table table thead {
background-color: #fafafb !important; }
.view-trip .history-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; }
.view-trip .history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.view-trip .history-table .ant-table-tbody .ant-table-measure-row td {
padding: 0 !important; }
.view-trip .history-table .desc {
line-height: 15px !important; }
.view-trip .history-table .un-light-label-text {
color: #647176 !important;
font-size: 12px !important; }
.view-trip .history-table .ant-table-pagination.ant-pagination {
margin: 20px 0 !important; }
.view-trip .history-table .ant-pagination-item-link {
color: #0c2028 !important; }
.view-trip .history-table .ant-pagination-item a {
color: #0c2028 !important; }
.view-trip .history-table .ant-pagination-item-active {
border: 1px solid #d9d9d9 !important; }
.view-trip .history-table .ant-pagination-item-active a {
color: #007ce0 !important; }
.view-trip .history-table .ant-pagination.mini {
margin-top: 10px; }
.view-trip .history-table .ant-pagination.mini .ant-pagination-prev {
border: 1px solid #d9d9d9;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
.view-trip .history-table .ant-pagination.mini .ant-pagination-next {
border: 1px solid #d9d9d9;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.view-trip .history-table .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
border: 1px solid #d9d9d9; }
.view-trip .history-table .ant-pagination.mini .ant-pagination-options {
margin-left: 16px; }
.view-trip .history-table .ant-pagination.mini .ant-pagination-options .ant-select-arrow {
color: #0c2028 !important; }
.view-trip .history-table .ant-table-pagination.ant-pagination {
color: #0c2028 !important;
font-weight: normal !important; }
.view-trip .history-table .status-tag.completed {
color: #ffffff;
border-color: #5acc5a;
background-color: #5acc5a; }
.view-trip .right-panel .un-bottom-border {
height: fit-content;
padding-bottom: 32px;
margin-bottom: 32px; }
.view-trip .right-panel sup {
top: -0.5em !important;
font-size: 60%; }
.view-trip .right-panel .plain-btn,
.view-trip .right-panel .plain-btn:hover,
.view-trip .right-panel .plain-btn:focus,
.view-trip .right-panel .plain-btn:active {
font-size: 12px !important; }
.edit-trip-info-modal .ant-modal-body .row {
align-items: flex-start; }
.edit-trip-info-modal .ant-modal-body label {
color: #0c2028 !important; }
@media (max-width: 425px) {
.edit-trip-info-modal .ant-modal-body .ant-legacy-form-item {
flex-direction: unset !important; } }
.edit-trip-info-modal .ant-modal-body .ant-picker {
width: 100% !important; }
.edit-trip-info-modal .ant-modal-body .ant-picker .ant-picker-input {
width: 100% !important; }
.edit-trip-info-modal .ant-modal-body .ant-picker .ant-picker-suffix {
position: absolute;
right: 3px;
top: 0px; }
.edit-trip-info-modal .ant-modal-body .ant-picker .ant-picker-suffix .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.edit-trip-info-modal .ant-modal-body .ant-picker .ant-picker-clear {
right: 30px; }
.edit-trip-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card {
margin: 0 !important;
height: 138px !important;
border: 1px dashed #d9d9d9; }
.edit-trip-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card:hover {
border: 1px dashed #007ce0 !important; }
.edit-trip-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .upload-placeholder {
padding: unset !important;
align-content: center; }
.edit-trip-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox {
height: 138px !important;
width: 100% !important; }
.edit-trip-info-modal .ant-modal-body .ant-upload.ant-upload-select.ant-upload-select-picture-card .hvrbox img {
object-fit: contain; }
.edit-trip-info-modal .ant-modal-body .field-label {
line-height: 1.5715; }
.edit-trip-info-modal .ant-modal-body .ant-input-number {
width: 90px !important; }
.edit-trip-info-modal .ant-modal-body .dimension-input.addonAfter {
width: fit-content !important;
display: flex;
align-items: flex-start;
margin-bottom: 20px; }
.edit-trip-info-modal .ant-modal-body .dimension-input.addonAfter .ant-input-number {
width: 100px !important; }
.edit-trip-info-modal .ant-modal-body .dimension-input.addonAfter input {
text-align: right;
padding-right: 25px; }
.edit-trip-info-modal .ant-modal-body .dimension-input.addonAfter .ant-input-group-addon {
padding-top: 5px;
vertical-align: middle;
display: inline-table;
line-height: 24px;
height: 33px; }
.edit-trip-info-modal .ant-modal-body .dimension-input.addonAfter .ant-form-item-explain {
position: absolute;
width: fit-content;
white-space: nowrap; }
.edit-trip-info-modal .ant-modal-body .dimension-input.addonAfter sup {
top: -0.5em !important;
font-size: 60%; }
.edit-trip-info-modal .ant-modal-body .dimension-input input {
text-align: right;
padding-right: 25px;
padding-left: 0px !important; }
.edit-trip-info-modal .ant-modal-body .calculation-options {
width: 100% !important;
display: block;
margin-bottom: 20px !important; }
.edit-trip-info-modal .ant-modal-body .calculation-options .ant-legacy-form-item {
margin-bottom: 0 !important; }
.edit-trip-info-modal .ant-modal-body .calculation-options .ant-checkbox-wrapper {
width: 100% !important;
margin: 0 0 12px !important; }
.send-to-lalamove-modal {
width: 600px !important; }
.send-to-lalamove-modal .selection-section {
padding: 15px !important; }
.send-to-lalamove-modal .selection-section .un-bottom-border {
border-bottom: none !important; }
.send-to-lalamove-modal .selection-section .collapse {
padding: 10px 0 !important; }
.send-to-lalamove-modal .selection-section .collapse .ant-form-item {
margin-bottom: 0 !important; }
.send-to-lalamove-modal .selection-section #vehicle {
margin: 0 !important; }
.send-to-lalamove-modal .selection-section .vehicle_row {
padding: 5px 10px !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
margin: 10px 0 !important;
margin-right: 5px !important;
cursor: pointer !important;
width: 49% !important;
max-width: 49% !important; }
.send-to-lalamove-modal .selection-section .vehicle_row:hover {
border-color: #646464 !important; }
.send-to-lalamove-modal .selection-section .vehicle_row.vehicle_row_selected {
border-color: #55ce63 !important; }
.send-to-lalamove-modal .selection-section .vehicle_row.vehicle_row_selected span {
color: #55ce63 !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings {
width: 100%;
background-color: #f6f6f6;
padding: 12px;
margin-bottom: 20px;
border-radius: 4px; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings label {
font-size: 12px !important;
color: #647176 !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .bulk-setting-label {
color: #0c2028 !important;
width: 100px !important;
line-height: 30px;
align-self: end; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-form-item {
margin-bottom: 0 !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-form-item-label > label:after {
content: '' !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-form-item-control {
width: 100% !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-input-group-addon .ant-select,
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-input-group-addon .ant-select-focused {
width: auto !important;
margin: -5px -11px !important;
height: 33px !important;
vertical-align: middle !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-input-group-addon .ant-select .ant-select-selector,
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-input-group-addon .ant-select-focused .ant-select-selector {
color: #0c2028 !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .primary-btn,
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .outline-i-btn {
margin-right: 0 !important;
align-self: end !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .primary-btn {
margin-left: 10px !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .outline-i-btn {
margin-left: auto !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .feather-calendar {
font-size: 20px !important;
color: #90999d !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-picker {
width: 100% !important;
max-width: 320px !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .bulk-settings-input {
margin-bottom: 0 !important;
width: 200px !important; }
.bulk-send-to-third-party-modal .un-form-setting .v-table .ant-form-item {
margin-bottom: 0 !important; }
.bulk-send-to-third-party-modal .v-table {
overflow-x: auto; }
.bulk-send-to-third-party-modal .v-table .ant-table-body {
overflow-y: auto !important;
max-height: calc(100vh - 370px) !important; }
.bulk-send-to-third-party-modal .v-table .ant-table-tbody > tr > td {
border-bottom: none !important;
padding: 10px 12px !important; }
.bulk-send-to-third-party-modal .v-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.bulk-send-to-third-party-modal .v-table table thead {
background-color: #fafafb !important; }
.bulk-send-to-third-party-modal .v-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; }
.bulk-send-to-third-party-modal .v-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.bulk-send-to-third-party-modal .v-table .un-text-truncate {
font-weight: bold !important; }
.bulk-send-to-third-party-modal .v-table .un-light-label {
font-size: 14px !important; }
.bulk-send-to-third-party-modal .v-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.bulk-send-to-third-party-modal .v-table .feather-calendar {
font-size: 20px !important;
color: #90999d !important; }
.bulk-send-to-third-party-modal .v-table .trip-title {
font-weight: 600 !important; }
.bulk-send-to-third-party-modal .v-table .trip-code {
font-size: 12px !important; }
.bulk-send-to-third-party-modal .v-table .ant-picker {
width: 100% !important; }
.package-history-modal .ant-timeline .ant-timeline-item {
padding-bottom: 8px !important; }
.package-history-modal .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head-blue {
color: #007ce0;
border-color: #007ce0;
background-color: #007ce0; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue {
color: #d4d4d4;
border-color: #d4d4d4;
background-color: #d4d4d4; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-title {
font-size: 12px;
font-weight: 400;
color: #647176 !important;
height: fit-content !important;
margin-bottom: 0; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-description {
font-size: 12px;
font-weight: 400;
color: #90999d !important;
height: fit-content !important; }
.package-history-modal .ant-timeline .plain-btn {
margin: 0 0 0 26px; }
.package-history-modal .no-tail .ant-timeline-item-tail {
display: none !important; }
@media (min-width: 1024px) {
.select-package-modal .ant-modal-body {
max-height: unset !important; } }
.select-package-modal .modal-filter .ant-input-group.ant-input-group-compact > *:first-child {
width: unset !important; }
@media (min-width: 1024px) {
.select-package-modal .modal-filter .search-form .un-filter-value {
width: 226px !important; } }
.select-package-modal .modal-filter > div {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important; }
.select-package-modal .modal-filter .tagsGroup {
margin-left: 8px;
flex-shrink: 0; }
.select-package-modal .date-period {
height: 41px !important;
margin-right: 0;
margin-left: auto; }
.select-package-modal .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.select-package-modal .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.select-package-modal .date-period .date-picker-button {
vertical-align: top !important;
height: 41px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.select-package-modal .date-period .date-picker-button:hover,
.select-package-modal .date-period .date-picker-button:active,
.select-package-modal .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.select-package-modal .date-period .date-range2 {
height: 41px !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-color: white !important; }
.select-package-modal .date-period .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.select-package-modal .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.select-package-modal .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.select-package-modal .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.select-package-modal .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.select-package-modal .package-table table tbody tr td {
vertical-align: top !important; }
.select-package-modal .package-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.select-package-modal .package-table table thead {
background-color: #fafafb !important; }
.select-package-modal .package-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-package-modal .package-table .ant-table-thead > tr > th {
border-bottom: none !important;
padding: 9px 12px !important; }
.select-package-modal .package-table .ant-table-tbody > tr > td {
padding: 12px !important; }
.select-package-modal .package-table .ant-table-selection-column {
width: 40px !important;
min-width: 40px !important;
padding: 8px 4px !important; }
.select-package-modal .package-table .ant-table-thead > tr > th.ant-table-selection-column,
.select-package-modal .package-table .ant-table-tbody > tr > td.ant-table-selection-column {
width: 40px !important;
min-width: 40px !important;
padding: 8px 4px !important; }
.select-package-modal .package-table .ant-table-tbody > tr.ant-table-measure-row > td {
padding: 0 !important; }
.select-package-modal .marketplace-channel-icon {
display: inline-flex !important;
font-size: 14px !important;
color: #0c2028 !important;
line-height: 20px !important; }
.select-package-modal .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.select-package-modal .marketplace-channel-icon .channel-with-name img {
width: 20px !important;
height: 20px !important;
border-radius: 3px;
margin-right: 8px; }
.select-package-modal .ant-pagination {
margin: 0 !important; }
.print-trip-list.print-container {
padding: 40px 60px;
page-break-after: always; }
.print-trip-list .normal-text {
font-family: 'Roboto', sans-serif !important;
font-size: 16px; }
.print-trip-list .normal-text.bold {
font-weight: 500; }
.print-trip-list .normal-text.italic {
font-style: italic; }
.print-trip-list .trip-divider {
border-color: #0c2028; }
.print-trip-list .trip-content {
gap: 40px; }
.print-trip-list .trip-content .left-info {
width: 55%; }
.print-trip-list .trip-content .right-info {
width: 45%; }
.print-trip-list .overflow-wrap {
word-break: break-word;
overflow-wrap: break-word;
max-width: 100%; }
.print-trip-list .trip-box {
border: 1px solid;
position: relative;
margin-bottom: 40px; }
.print-trip-list .trip-box.trip-no {
margin-bottom: 30px; }
.print-trip-list .trip-box.trip-code {
margin-bottom: 0; }
.print-trip-list .trip-box .box-header {
border-bottom: 1px solid; }
.print-trip-list .trip-box .box-value-text {
font-size: 26px;
color: #0c2028 !important;
font-weight: 500 !important; }
.print-trip-list .package-table {
width: 100%; }
.print-trip-list .package-table.table-bordered,
.print-trip-list .package-table.table-bordered td {
border: 1px solid #0c2028 !important; }
.print-trip-list .package-table th:nth-child(1),
.print-trip-list .package-table td:nth-child(1) {
width: 5%; }
.print-trip-list .package-table th:nth-child(2),
.print-trip-list .package-table td:nth-child(2) {
width: 35%; }
.print-trip-list .package-table th:nth-child(3),
.print-trip-list .package-table td:nth-child(3) {
width: 35%; }
.print-trip-list .package-table th:nth-child(4),
.print-trip-list .package-table td:nth-child(4) {
width: 15%; }
.print-trip-list .package-table th:nth-child(5),
.print-trip-list .package-table td:nth-child(5) {
width: 10%; }
.print-trip-list .package-table .data-content {
font-family: 'Roboto', sans-serif !important;
font-size: 20px;
line-height: 25px; }
.print-trip-list .package-table .data-content.bold {
font-weight: 500; }
@media print {
@page {
margin: 0; }
body {
margin: 0; } }
.un-modal.select-package-modal.large {
width: 1500px !important;
max-width: calc(100vw - 48px) !important; }
.un-modal.select-package-modal.large .ant-modal-header .title {
width: auto !important;
max-width: calc(100vw - 116px) !important; }
.un-modal.select-package-modal .outline-btn.active,
.un-modal.select-package-modal .outline-btn[data-active='true'] {
background: #ffffff !important;
border-color: #5acc5a !important;
color: #5acc5a !important; }
.trips .marketplace-channel-icon {
display: inline-flex !important;
font-size: 14px !important;
color: #0c2028 !important;
line-height: 20px !important; }
.trips .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.trips .marketplace-channel-icon .channel-with-name img {
width: 20px !important;
height: 20px !important;
border-radius: 3px;
margin-right: 8px; }
.trip-setting .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
align-items: center;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.trip-setting .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.trip-setting .header-buttons .b-btn,
.trip-setting .header-buttons .b-btn:hover,
.trip-setting .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding: 0 !important; }
.trip-setting .header-buttons .b-btn i,
.trip-setting .header-buttons .b-btn:hover i,
.trip-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.trip-setting .switch-section {
margin-bottom: 10px; }
.trip-setting .switch-section .switch-header {
height: 35px; }
.trip-setting .switch-section .switch-header .switch-form-item {
margin-bottom: 0; }
.trip-setting .switch-section .textarea-container {
position: relative; }
.trip-setting .switch-section .textarea-container .character-count {
position: absolute;
bottom: 8px;
right: 12px;
font-size: 12px;
color: rgba(0, 0, 0, 0.45);
pointer-events: none;
z-index: 1; }
.trip-setting .inputWithTagWrap {
padding: 4px 11px;
border: 1px solid #d9d9d9;
border-radius: 12px !important;
height: 120px; }
.trip-setting .inputWithTagWrap.resizable {
resize: vertical;
overflow: auto; }
.trip-setting .inputWithTag {
height: 100%;
font-size: 14px; }
.trip-setting .inputWithTagWrap:focus-within {
border-color: #40a9ff;
border-right-width: 1px !important; }
.trip-setting .code-tag {
padding: 1px 5px;
border-radius: 3px;
border: 1px solid gray;
margin-left: 3px;
margin-right: 3px;
cursor: pointer;
user-select: none;
text-wrap: nowrap; }
.trip-setting .code-tag::before {
content: attr(data-label); }
.trip-setting .status-tag.placeholder {
display: inline-flex !important;
justify-content: center;
align-items: center; }
.trip-setting .inputContentPlaceholder {
border-radius: 12px !important;
border: 1px solid #e5e5e5 !important;
padding: 20px 24px;
box-shadow: none !important;
height: 145px !important;
background-color: transparent !important; }
@media (max-width: 1024px) {
.trip-setting .inputContentPlaceholder {
height: unset !important; } }
.trip-setting #trip-sms .ant-form-item {
margin-bottom: 0 !important; }
.failed-and-returned .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.failed-and-returned .header-buttons .b-btn,
.failed-and-returned .header-buttons .b-btn:hover,
.failed-and-returned .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; }
.failed-and-returned .header-buttons .b-btn i,
.failed-and-returned .header-buttons .b-btn:hover i,
.failed-and-returned .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.failed-and-returned .header-buttons .outline-btn,
.failed-and-returned .header-buttons .outline-btn:focus,
.failed-and-returned .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.failed-and-returned .unicart-filter {
margin-top: 0 !important; }
.failed-and-returned .unicart-filter .search-form .un-filter-value {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important; }
.failed-and-returned .trip-tab {
border-radius: 12px; }
.failed-and-returned .trip-tab .ant-tabs-bar {
border-bottom: 1px solid #e5e5e5 !important; }
.failed-and-returned .trip-tab .ant-tabs-nav {
margin-bottom: 0 !important; }
.failed-and-returned .trip-tab .ant-tabs-tab {
padding: 16px 16px !important; }
.failed-and-returned .trip-tab .ant-tabs-tab .ant-badge-count {
height: 17px;
padding: 0;
font-size: 11px;
line-height: 17px;
border-radius: 17px;
background: #e5e5e5 !important;
color: #0c2028 !important;
margin-left: 8px !important; }
.failed-and-returned .trip-tab .ant-tabs-tab .ant-badge-count .ant-scroll-number-only {
height: 17px; }
.failed-and-returned .trip-tab .ant-tabs-tab .ant-badge-count .ant-scroll-number-only p {
font-size: 11px;
height: 17px; }
.failed-and-returned .trip-tab .ant-tabs-tab.ant-tabs-tab-active .ant-badge-count {
background: #5acc5a !important;
color: #ffffff !important; }
.failed-and-returned .trip-tab table {
border: none !important; }
.failed-and-returned .trip-tab .ant-table-footer {
border: none !important; }
.failed-and-returned .feather-more-horizontal {
cursor: pointer;
right: 0 !important;
bottom: 22px !important;
color: #90999d;
font-size: 24px !important; }
.failed-and-returned .feather-more-horizontal:hover {
color: #e0241a; }
.failed-and-returned .feather-printer {
cursor: pointer;
border: none !important;
background: none !important;
box-shadow: none !important;
font-size: 19px !important; }
.failed-and-returned .feather-printer:hover {
color: #0058b6 !important; }
.failed-and-returned .unicart-table .un-table-cell.tracking-no {
min-width: 170px !important; }
.failed-and-returned .unicart-table .un-table-cell.customer-info {
min-width: 140px !important; }
.failed-and-returned .unicart-table .ant-table-expanded-row-fixed {
max-width: 1200px !important;
margin: 0 auto; }
.failed-and-returned .unicart-table .trip-external-service-type {
color: #0c2028 !important;
font-size: 14px !important;
font-weight: 600 !important; }
.failed-and-returned .unicart-table .details-section > span {
font-size: 12px !important; }
.failed-and-returned .unicart-table .details-section .details-title {
margin-right: 4px !important; }
.failed-and-returned .unicart-table .logistics-with-name img {
width: 15px !important;
margin-right: 4px !important; }
.failed-and-returned .unicart-table .track-trip-btn {
font-size: 12px !important; }
.failed-and-returned .unicart-table .track-trip-btn:disabled {
cursor: not-allowed !important; }
.failed-and-returned .unicart-table .track-trip-btn .feather-search {
font-size: 12px !important; }
.failed-and-returned .unicart-table .marketplace-channel-icon {
display: inline-flex !important;
font-size: 14px !important;
color: #0c2028 !important;
line-height: 20px !important; }
.failed-and-returned .unicart-table .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.failed-and-returned .unicart-table .marketplace-channel-icon .channel-with-name img {
width: 20px !important;
height: 20px !important;
border-radius: 3px;
margin-right: 8px; }
.failed-and-returned .unicart-table .more-action {
width: 33px;
margin-left: 20px; }
.failed-and-returned .unicart-table .more-action .ellipsis-btn {
height: 20px !important;
box-shadow: none !important;
margin-right: 0 !important; }
.route-optimization .date-period .label, .select-package-modal .date-period .label {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
.route-optimization .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.route-optimization .header-buttons .b-btn,
.route-optimization .header-buttons .b-btn:hover,
.route-optimization .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; }
.route-optimization .header-buttons .b-btn i,
.route-optimization .header-buttons .b-btn:hover i,
.route-optimization .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.route-optimization .header-buttons .outline-btn,
.route-optimization .header-buttons .outline-btn:focus,
.route-optimization .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.route-optimization .route-setting {
margin-left: 0 !important;
margin-bottom: 20px !important; }
.route-optimization .date-period {
height: 41px !important;
margin-right: 0;
margin-left: auto; }
.route-optimization .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.route-optimization .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.route-optimization .date-period .date-picker-button {
vertical-align: top !important;
height: 41px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.route-optimization .date-period .date-picker-button:hover,
.route-optimization .date-period .date-picker-button:active,
.route-optimization .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.route-optimization .date-period .date-range2 {
height: 41px !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-color: white !important; }
.route-optimization .date-period .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.route-optimization .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.route-optimization .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.route-optimization .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.route-optimization .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.route-optimization .status-card {
display: flex !important;
width: 288px !important;
height: 100px !important;
background-color: white !important;
margin: 10px 10px !important;
padding: 20px 20px !important; }
.route-optimization .status-card .label {
font-weight: 700 !important;
font-size: 16px !important; }
.route-optimization .status-card .total-count {
font-weight: 700 !important;
font-size: 50px !important;
text-align: center !important; }
.route-optimization .trip-tab {
border-radius: 12px; }
.route-optimization .trip-tab .ant-tabs-bar {
border-bottom: 1px solid #e5e5e5 !important; }
.route-optimization .trip-tab .ant-tabs-nav {
margin-bottom: 0 !important; }
.route-optimization .trip-tab .ant-tabs-tab {
padding: 16px 16px !important; }
.route-optimization .trip-tab table {
border: none !important; }
.route-optimization .trip-tab .ant-table-footer {
border: none !important; }
.route-optimization .feather-more-horizontal {
cursor: pointer;
right: 0 !important;
bottom: 22px !important;
color: #90999d;
font-size: 24px !important; }
.route-optimization .feather-more-horizontal:hover {
color: #e0241a; }
.route-optimization .unicart-table .ant-table-tbody > tr:first-child > td {
border-top: 1px solid #e5e5e5 !important; }
.route-optimization .unicart-table .trash-btn {
height: 17px !important;
padding: 0 !important;
font-size: 14px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
color: #90999d; }
.route-optimization .unicart-table .trash-btn i {
font-size: 16px !important;
margin-right: 4px !important; }
.route-optimization .unicart-table .trash-btn:hover,
.route-optimization .unicart-table .trash-btn:active,
.route-optimization .unicart-table .trash-btn:focus {
height: 17px !important;
padding: 0 !important;
font-size: 14px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
color: #e0241a; }
.route-optimization .unicart-table .trash-btn:hover i,
.route-optimization .unicart-table .trash-btn:active i,
.route-optimization .unicart-table .trash-btn:focus i {
font-size: 16px !important;
margin-right: 4px !important; }
.plan-route.un-page .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.plan-route.un-page .header-buttons .b-btn,
.plan-route.un-page .header-buttons .b-btn:hover,
.plan-route.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; }
.plan-route.un-page .header-buttons .b-btn i,
.plan-route.un-page .header-buttons .b-btn:hover i,
.plan-route.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.plan-route.un-page .route-info .row {
align-items: flex-start; }
@media (max-width: 425px) {
.plan-route.un-page .route-info .ant-form-item {
flex-direction: unset !important; } }
.plan-route.un-page .route-info .ant-picker {
width: 100% !important; }
.plan-route.un-page .route-info .ant-picker.ant-picker-range {
width: 70% !important; }
.plan-route.un-page .route-info .ant-picker.ant-picker-range .ant-picker-input > input {
text-align: center !important; }
.plan-route.un-page .route-info .ant-picker.ant-picker-range .ant-picker-clear {
right: 10px !important; }
.plan-route.un-page .route-info .ant-picker .ant-picker-input {
width: 100% !important; }
.plan-route.un-page .route-info .ant-picker .ant-picker-suffix {
position: absolute;
right: 3px;
top: 0px; }
.plan-route.un-page .route-info .ant-picker .ant-picker-suffix .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.plan-route.un-page .route-info .ant-picker .ant-picker-clear {
right: 30px; }
.plan-route.un-page .route-info .ant-select-selection-item .feather-alert-circle {
display: none !important; }
.plan-route.un-page .route-info .ant-form-item-explain {
font-size: 12px !important;
margin-top: 4px; }
.plan-route.un-page .route-info .feather-x {
font-size: 20px !important;
color: #e0241a !important;
margin-left: 10px;
margin-top: 30px; }
.plan-route.un-page .package-list .editable-package-list-table .ant-list-item-meta-title {
line-height: 20px !important;
height: unset !important; }
.plan-route.un-page .package-list .editable-package-list-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.plan-route.un-page .package-list .editable-package-list-table .ant-list-item-meta-avatar {
margin-right: 0;
height: 42px;
width: 42px;
border-radius: 6px !important; }
.plan-route.un-page .package-list .editable-package-list-table .un-row-product img {
height: 42px;
width: 42px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.plan-route.un-page .package-list .editable-package-list-table .ant-table-tbody > tr > td {
padding: 12px 12px !important;
border: none !important;
background-color: #f6f6f6 !important;
border-bottom: 4px solid #ffffff !important; }
.plan-route.un-page .package-list .editable-package-list-table .ant-table table {
border: none !important;
box-shadow: none !important;
min-width: unset; }
.plan-route.un-page .package-list .editable-package-list-table .ant-table-thead > tr > th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
height: 32px !important; }
.plan-route.un-page .package-list .editable-package-list-table .ant-table-thead > tr > th {
border-bottom: 8px solid #ffffff !important;
padding: 8px 12px !important; }
.plan-route.un-page .package-list .editable-package-list-table .un-text-truncate {
font-weight: bold !important; }
.plan-route.un-page .package-list .editable-package-list-table .un-light-label {
font-size: 14px !important; }
.plan-route.un-page .package-list .editable-package-list-table .ant-table-thead tr .ant-table-selection-column div {
display: none; }
.plan-route.un-page .package-list .editable-package-list-table .ant-table-tbody tr > td .ant-checkbox-wrapper {
display: none; }
.plan-route.un-page .package-list .editable-package-list-table .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0px !important; }
.plan-route.un-page .package-list .editable-package-list-table .clear-btn {
padding: 0 !important;
width: fit-content !important;
height: fit-content !important;
border: none !important;
box-shadow: none !important;
background: none !important; }
.plan-route.un-page .package-list .editable-package-list-table .clear-btn i {
font-size: 17px;
color: #647176 !important; }
.plan-route.un-page .package-list .un-cursor-drag td.ant-table-selection-column::before {
top: 15px !important; }
.plan-route.un-page .package-list .package-list-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.plan-route.un-page .package-list .package-list-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.plan-route.un-page .package-list .package-list-table table thead {
background-color: #fafafb !important; }
.plan-route.un-page .package-list .package-list-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; }
.plan-route.un-page .package-list .package-list-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.plan-route.un-page .package-list .package-list-table .ant-table-tbody > tr:nth-child(1) > td {
border-top: none !important; }
.plan-route.un-page .package-list .package-list-table .ant-table-tbody > tr > td {
border-top: none !important;
border-bottom: 1px solid #e5e5e5 !important; }
.plan-route.un-page .package-list .package-list-table .un-text-truncate {
font-weight: bold !important; }
.plan-route.un-page .package-list .package-list-table .un-light-label {
font-size: 14px !important; }
.plan-route.un-page .package-list .package-list-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.plan-route.un-page .trip-history .trip-history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.plan-route.un-page .trip-history .trip-history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.plan-route.un-page .trip-history .trip-history-table table thead {
background-color: #fafafb !important; }
.plan-route.un-page .trip-history .trip-history-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; }
.plan-route.un-page .trip-history .trip-history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.plan-route.un-page .trip-history .trip-history-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.plan-route.un-page .trip-history .trip-history-table .un-text-truncate {
font-weight: bold !important; }
.plan-route.un-page .trip-history .trip-history-table .un-light-label {
font-size: 14px !important; }
.plan-route.un-page .trip-history .trip-history-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.package-history-modal .ant-timeline .ant-timeline-item {
padding-bottom: 8px !important; }
.package-history-modal .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head-blue {
color: #007ce0;
border-color: #007ce0;
background-color: #007ce0; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue {
color: #d4d4d4;
border-color: #d4d4d4;
background-color: #d4d4d4; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-title {
font-size: 12px;
font-weight: 400;
color: #647176 !important;
height: fit-content !important;
margin-bottom: 0; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-description {
font-size: 12px;
font-weight: 400;
color: #90999d !important;
height: fit-content !important; }
.package-history-modal .ant-timeline .plain-btn {
margin: 0 0 0 26px; }
.package-history-modal .no-tail .ant-timeline-item-tail {
display: none !important; }
.select-package-modal .date-period {
height: 41px !important;
margin-right: 0;
margin-left: auto; }
.select-package-modal .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.select-package-modal .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.select-package-modal .date-period .date-picker-button {
vertical-align: top !important;
height: 41px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.select-package-modal .date-period .date-picker-button:hover,
.select-package-modal .date-period .date-picker-button:active,
.select-package-modal .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.select-package-modal .date-period .date-range2 {
height: 41px !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-color: white !important; }
.select-package-modal .date-period .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.select-package-modal .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.select-package-modal .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.select-package-modal .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.select-package-modal .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.select-package-modal .package-table table tbody tr td {
vertical-align: top !important; }
.select-package-modal .package-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.select-package-modal .package-table table thead {
background-color: #fafafb !important; }
.select-package-modal .package-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-package-modal .package-table .ant-table-thead > tr > th {
border-bottom: none !important;
padding: 9px 12px !important; }
.select-package-modal .package-table .ant-table-tbody > tr > td {
padding: 12px !important; }
.select-package-modal .package-table .ant-table-selection-column {
width: 40px !important;
min-width: 40px !important;
padding: 8px 4px !important; }
.select-package-modal .package-table .ant-table-thead > tr > th.ant-table-selection-column,
.select-package-modal .package-table .ant-table-tbody > tr > td.ant-table-selection-column {
width: 40px !important;
min-width: 40px !important;
padding: 8px 4px !important; }
.select-package-modal .marketplace-channel-icon {
display: inline-flex !important;
font-size: 14px !important;
color: #0c2028 !important;
line-height: 20px !important; }
.select-package-modal .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.select-package-modal .marketplace-channel-icon .channel-with-name img {
width: 20px !important;
height: 20px !important;
border-radius: 3px;
margin-right: 8px; }
@media (min-width: 1024px) {
.route-optimization-setting.un-page {
width: 644px !important;
margin: 0 auto !important; } }
.route-optimization-setting.un-page .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.route-optimization-setting.un-page .header-buttons .b-btn,
.route-optimization-setting.un-page .header-buttons .b-btn:hover,
.route-optimization-setting.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; }
.route-optimization-setting.un-page .header-buttons .b-btn i,
.route-optimization-setting.un-page .header-buttons .b-btn:hover i,
.route-optimization-setting.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.route-optimization-setting.un-page .row {
align-items: flex-start; }
@media (max-width: 425px) {
.route-optimization-setting.un-page .ant-form-item {
flex-direction: unset !important; } }
.route-optimization-setting.un-page .ant-form-item label {
color: #0c2028 !important; }
.route-optimization-setting.un-page .ant-picker.ant-picker-range .ant-picker-input > input {
text-align: center !important; }
.route-optimization-setting.un-page .ant-picker.ant-picker-range .ant-picker-clear {
right: 10px !important; }
.route-optimization-setting.un-page .ant-picker .ant-picker-input {
width: 100% !important; }
.route-optimization-setting.un-page .ant-picker .ant-picker-suffix {
position: absolute;
right: 3px;
top: 0px; }
.route-optimization-setting.un-page .ant-picker .ant-picker-suffix .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.route-optimization-setting.un-page .ant-picker .ant-picker-clear {
right: 30px; }
.route-optimization-setting.un-page .field-label {
line-height: 1.5715; }
.route-optimization-setting.un-page .ant-input-number {
width: 80px; }
.route-optimization-setting.un-page .dimension-input.addonAfter {
width: fit-content !important;
display: flex;
align-items: flex-start; }
.route-optimization-setting.un-page .dimension-input.addonAfter .ant-input-number {
width: 80px; }
.route-optimization-setting.un-page .dimension-input.addonAfter input {
text-align: right;
padding-right: 0;
width: 80px; }
.route-optimization-setting.un-page .dimension-input.addonAfter .ant-input-group-addon {
padding-top: 5px;
vertical-align: middle;
display: inline-table;
line-height: 24px;
height: 33px; }
.route-optimization-setting.un-page .dimension-input.addonAfter .ant-form-item-explain {
position: absolute;
width: fit-content;
white-space: nowrap; }
.route-optimization-setting.un-page .dimension-input.addonAfter sup {
top: -0.5em !important;
font-size: 60%; }
.route-optimization-setting.un-page .dimension-input.addonAfter .ant-input-group {
display: flex; }
.route-optimization-setting.un-page .dimension-input input {
text-align: right;
padding-right: 0;
padding-left: 0px !important; }
.route-optimization-setting.un-page .no-margin.ant-form-item {
margin: 0 !important; }
.route-optimization-setting.un-page .caption a,
.route-optimization-setting.un-page .caption a:hover {
color: #007ce0 !important;
text-decoration: underline !important; }
.route-optimization-setting.un-page .caption .ant-form-item {
margin-bottom: 0 !important; }
.route-optimization-setting.un-page .ant-select-selection-item .feather-alert-circle {
display: none !important; }
.route-optimization-setting.un-page .ant-form-item-explain {
font-size: 12px !important;
margin-top: 4px; }
.route-optimization-setting.un-page .feather-x {
font-size: 20px !important;
color: #e0241a !important;
margin-left: 10px;
margin-top: 30px; }
.route-optimization-setting.un-page .choose-file .choose-btn {
height: 33px;
border-radius: 4px 0 0 4px !important;
color: #0c2028;
border-right: none !important; }
.route-optimization-setting.un-page .choose-file .ant-input {
border-radius: 0 4px 4px 0 !important; }
.ant-select-dropdown {
width: fit-content !important; }
.ant-select-dropdown .feather-alert-circle {
font-size: 17px !important;
color: #ff7f00 !important; }
.route-info-page.un-page {
/* Panel header text */
/* Custom +/- icon */
/* List inside panel */ }
.route-info-page.un-page .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-left: 36px !important;
padding-right: 36px !important; }
.route-info-page.un-page .header-buttons .b-btn,
.route-info-page.un-page .header-buttons .b-btn:hover,
.route-info-page.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; }
.route-info-page.un-page .header-buttons .b-btn i,
.route-info-page.un-page .header-buttons .b-btn:hover i,
.route-info-page.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.route-info-page.un-page .header-buttons .outline-btn,
.route-info-page.un-page .header-buttons .outline-btn:focus,
.route-info-page.un-page .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.route-info-page.un-page .route-container {
display: flex;
height: calc(100vh - 50px); }
.route-info-page.un-page .route-left {
position: relative;
flex: 1;
width: 490px !important;
min-width: 490px !important;
max-width: 490px !important;
background: #fff;
padding: 70px 24px 70px;
overflow-y: auto;
display: flex;
flex-direction: column;
min-height: 100%;
scrollbar-width: none;
-ms-overflow-style: none; }
.route-info-page.un-page .route-left .ant-alert.ant-alert-warning {
margin-top: 12px;
margin-bottom: 8px;
background-color: #ffe5cc;
border: 1px solid #ffae4c; }
.route-info-page.un-page .route-left .ant-alert.ant-alert-warning .ant-alert-icon {
position: absolute;
top: 9px;
left: 12px;
color: #ff7f00;
font-size: 19px; }
.route-info-page.un-page .route-left .ant-alert.ant-alert-warning .ant-alert-message {
color: #442f0f; }
.route-info-page.un-page .route-left::-webkit-scrollbar {
display: none;
/* Chrome, Safari */ }
.route-info-page.un-page .route-right {
flex: 2;
/* take 2 portions (bigger than left) */
background: #f9f9f9;
overflow: hidden; }
.route-info-page.un-page .route-card-title {
position: absolute;
top: 0;
left: 0;
width: 490px !important;
padding: 24px 24px 12px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
z-index: 10; }
.route-info-page.un-page .route-card-title .feather-chevron-right {
font-size: 20px;
color: #90999d; }
.route-info-page.un-page .route-card-title .trash-btn {
height: 17px !important;
padding: 0 !important;
font-size: 14px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
color: #90999d; }
.route-info-page.un-page .route-card-title .trash-btn i {
font-size: 16px !important;
margin-right: 4px !important; }
.route-info-page.un-page .route-card-title .trash-btn:hover,
.route-info-page.un-page .route-card-title .trash-btn:active,
.route-info-page.un-page .route-card-title .trash-btn:focus {
height: 17px !important;
padding: 0 !important;
font-size: 14px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
color: #e0241a; }
.route-info-page.un-page .route-card-title .trash-btn:hover i,
.route-info-page.un-page .route-card-title .trash-btn:active i,
.route-info-page.un-page .route-card-title .trash-btn:focus i {
font-size: 16px !important;
margin-right: 4px !important; }
.route-info-page.un-page .route-card-title h3 {
margin: 0;
/* remove default margin for tighter alignment */ }
.route-info-page.un-page .route-card {
background: #f6f6f6;
padding: 12px 6px;
margin-bottom: 8px;
display: flex;
flex-direction: column;
gap: 8px; }
.route-info-page.un-page .route-card .plain-btn i.feather-chevrons-right {
font-size: 17px !important; }
.route-info-page.un-page .route-card .feather-clock,
.route-info-page.un-page .route-card .feather-map,
.route-info-page.un-page .route-card .feather-package,
.route-info-page.un-page .route-card .feather-map-pin {
font-size: 17px;
color: #90999d;
margin-right: 4px;
margin-bottom: 3px; }
.route-info-page.un-page .route-card p {
margin: 0 0 8px 0;
font-size: 14px; }
.route-info-page.un-page .route-meta {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr;
/* 3 columns */
gap: 12px 12px;
/* row gap + column gap */
margin-top: 8px;
font-size: 14px;
color: #333; }
.route-info-page.un-page .route-meta span {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap; }
.route-info-page.un-page .route-meta .route-icon {
font-size: 16px;
color: #90999d; }
.route-info-page.un-page .route-meta .route-start,
.route-info-page.un-page .route-meta .route-end {
font-weight: 400;
/* normal weight */
color: #333;
/* keep text readable */ }
.route-info-page.un-page .route-cost .ant-collapse > .ant-collapse-item > .ant-collapse-header {
background: #f6f6f6 !important;
padding: 6px 8px; }
.route-info-page.un-page .route-cost .ant-collapse-header {
display: flex;
font-weight: 600;
font-size: 15px;
width: 100%; }
.route-info-page.un-page .route-cost .collapse-toggle {
display: flex;
align-items: center;
gap: 6px; }
.route-info-page.un-page .route-cost .collapse-text {
font-size: 13px;
color: #666;
line-height: 1; }
.route-info-page.un-page .route-cost .collapse-icon {
font-size: 16px;
color: #333;
padding: 2px 6px;
display: inline;
align-items: center;
cursor: pointer; }
.route-info-page.un-page .route-cost
.ant-collapse-icon-position-right
> .ant-collapse-item
> .ant-collapse-header
.ant-collapse-arrow {
right: 8px !important;
left: auto; }
.route-info-page.un-page .route-cost ul {
margin: 0;
padding-left: 18px; }
.route-info-page.un-page .route-cost li {
margin-bottom: 6px;
font-size: 14px; }
.route-info-page.un-page .route-cost {
margin-top: 12px; }
.route-info-page.un-page .route-cost .ant-table table {
border: none !important; }
.route-info-page.un-page .route-cost .ant-table-tbody > tr > td {
color: #0c2028 !important; }
.route-info-page.un-page .route-stops {
margin: 20px 0; }
.route-info-page.un-page .route-stops .feather-home {
font-size: 17px !important;
color: #90999d;
margin: 3px 14px 4px 8px !important; }
.route-info-page.un-page .route-stops .feather-clock {
font-size: 17px !important;
color: #90999d;
margin-right: 4px; }
.route-info-page.un-page .route-stops .feather-x {
font-size: 17px !important;
color: #e0241a !important; }
.route-info-page.un-page .route-actions {
position: fixed;
left: 0;
bottom: 0;
background: #fff;
display: flex;
justify-content: flex-end;
gap: 10px;
padding: 12px 24px 20px;
border-top: 1px solid #eee;
z-index: 10;
width: 490px !important; }
.route-info-page.un-page .map-placeholder {
width: 100%;
height: 100%;
background: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #666; }
.route-info-page.un-page .ant-table-wrapper .ant-table {
background: transparent !important;
/* remove white bg */ }
.route-info-page.un-page .ant-table-tbody > tr > td {
border: none !important;
/* remove row borders */
padding: 4px 8px;
/* adjust spacing */ }
.route-info-page.un-page .ant-collapse-content > .ant-collapse-content-box {
padding: 0 !important;
/* or whatever spacing you prefer */ }
.route-group-page {
/* Panel header text */
/* Custom +/- icon */
/* List inside panel */ }
.route-group-page .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-left: 36px !important;
padding-right: 36px !important; }
.route-group-page .header-buttons .b-btn,
.route-group-page .header-buttons .b-btn:hover,
.route-group-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; }
.route-group-page .header-buttons .b-btn i,
.route-group-page .header-buttons .b-btn:hover i,
.route-group-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.route-group-page .header-buttons .outline-btn,
.route-group-page .header-buttons .outline-btn:focus,
.route-group-page .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.route-group-page .route-container {
display: flex;
height: calc(100vh - 50px); }
.route-group-page .route-left {
position: relative;
flex: 1;
width: 490px !important;
min-width: 490px !important;
max-width: 490px !important;
background: #fff;
padding: 70px 24px 70px;
overflow-y: auto;
display: flex;
flex-direction: column;
min-height: 100%;
scrollbar-width: none;
-ms-overflow-style: none; }
.route-group-page .route-left::-webkit-scrollbar {
display: none;
/* Chrome, Safari */ }
.route-group-page .route-right {
flex: 2;
/* take 2 portions (bigger than left) */
background: #f9f9f9;
overflow: hidden; }
.route-group-page .route-card-title {
position: absolute;
top: 0;
left: 0;
width: 490px !important;
padding: 24px 24px 12px;
display: flex;
align-items: center;
justify-content: space-between;
background-color: #ffffff;
z-index: 10; }
.route-group-page .route-card-title h3 {
margin: 0;
/* remove default margin for tighter alignment */ }
.route-group-page .route-card-title button {
display: flex;
border: none;
box-shadow: none; }
.route-group-page .route-card-title button i {
padding-right: 5px; }
.route-group-page .route-card {
background: #f6f6f6;
padding: 12px 6px;
margin-bottom: 8px;
display: flex;
flex-direction: column;
gap: 8px; }
.route-group-page .route-card .plain-btn i.feather-chevrons-right {
font-size: 17px !important; }
.route-group-page .route-card .feather-clock,
.route-group-page .route-card .feather-map,
.route-group-page .route-card .feather-package,
.route-group-page .route-card .feather-map-pin {
font-size: 17px;
color: #90999d;
margin-right: 4px;
margin-bottom: 3px; }
.route-group-page .route-card p {
margin: 0 0 8px 0;
font-size: 14px; }
.route-group-page .route-meta {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr;
/* 3 columns */
gap: 12px 12px;
/* row gap + column gap */
margin-top: 8px;
font-size: 14px;
color: #333; }
.route-group-page .route-meta span {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap; }
.route-group-page .route-meta .route-icon {
font-size: 16px;
color: #90999d; }
.route-group-page .route-meta .route-start,
.route-group-page .route-meta .route-end {
font-weight: 400;
/* normal weight */
color: #333;
/* keep text readable */ }
.route-group-page .route-cost .ant-collapse > .ant-collapse-item > .ant-collapse-header {
background: #f6f6f6 !important;
padding: 6px 16px; }
.route-group-page .route-cost .ant-collapse-header {
display: flex;
font-weight: 600;
font-size: 15px;
width: 100%; }
.route-group-page .route-cost .collapse-toggle {
display: flex;
align-items: center;
gap: 6px; }
.route-group-page .route-cost .collapse-text {
font-size: 13px;
color: #666;
line-height: 1; }
.route-group-page .route-cost .collapse-icon {
font-size: 16px;
color: #333;
padding: 2px 6px;
display: inline;
align-items: center;
cursor: pointer; }
.route-group-page .route-cost ul {
margin: 0;
padding-left: 18px; }
.route-group-page .route-cost li {
margin-bottom: 6px;
font-size: 14px; }
.route-group-page .route-cost {
margin-top: 12px; }
.route-group-page .route-cost .ant-table table {
border: none !important; }
.route-group-page .route-cost .ant-table-tbody > tr > td {
color: #0c2028 !important; }
.route-group-page .route-stops {
margin: 20px 0; }
.route-group-page .route-stops .feather-home {
font-size: 17px !important;
color: #90999d;
margin: 3px 14px 4px 8px !important; }
.route-group-page .route-stops .feather-clock {
font-size: 17px !important;
color: #90999d;
margin-right: 4px; }
.route-group-page .route-stops .feather-x {
font-size: 17px !important;
color: #e0241a !important; }
.route-group-page .route-actions {
position: fixed;
left: 0;
bottom: 0;
background: #fff;
display: flex;
justify-content: flex-end;
gap: 10px;
padding: 12px 24px 20px;
border-top: 1px solid #eee;
z-index: 10;
width: 490px !important; }
.route-group-page .map-placeholder {
width: 100%;
height: 100%;
background: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #666; }
@media (min-width: 1024px) {
.delivery-plan.un-page {
width: 816px !important;
margin: 0 auto !important; } }
.delivery-plan.un-page .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0 !important; }
.delivery-plan.un-page .header-buttons .b-btn,
.delivery-plan.un-page .header-buttons .b-btn:hover,
.delivery-plan.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; }
.delivery-plan.un-page .header-buttons .b-btn i,
.delivery-plan.un-page .header-buttons .b-btn:hover i,
.delivery-plan.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.delivery-plan.un-page .unicart-filter {
margin-top: 0 !important; }
.delivery-plan.un-page .unicart-filter .search-form .un-filter-value {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.delivery-plan.un-page .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.delivery-plan.un-page .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.delivery-plan.un-page .unicart-table .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.delivery-plan.un-page .unicart-table .status-tag.sent {
color: #323f47;
border-color: #bcefb9;
background-color: #f3fff3; }
.delivery-plan.un-page .unicart-table .status-tag.optimized {
color: #323f47;
border-color: #8ed7ff;
background-color: #d0f4ff; }
.delivery-plan.un-page .unicart-table .ant-table-expanded-row-fixed {
max-width: 814px !important; }
.zone-planner-setting .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.zone-planner-setting .header-buttons .b-btn,
.zone-planner-setting .header-buttons .b-btn:hover,
.zone-planner-setting .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; }
.zone-planner-setting .header-buttons .b-btn i,
.zone-planner-setting .header-buttons .b-btn:hover i,
.zone-planner-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.zone-planner-setting .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.zone-planner-setting .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.zone-planner-setting .unicart-table .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.delivery-plan-info-page {
/* Drag handle column */
/* Index column */
/* Delete column */
/* Content area (address, tracking number) */
/* Package meta info */
/* Package info & address */
/* Dragging effect */
/* Vertical spacing between cards */ }
.delivery-plan-info-page .header-buttons {
min-width: 816px !important;
max-width: unset !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-left: 36px !important;
padding-right: 36px !important; }
.delivery-plan-info-page .header-buttons .b-btn,
.delivery-plan-info-page .header-buttons .b-btn:hover,
.delivery-plan-info-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; }
.delivery-plan-info-page .header-buttons .b-btn i,
.delivery-plan-info-page .header-buttons .b-btn:hover i,
.delivery-plan-info-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.delivery-plan-info-page .delivery-plan-container {
display: flex;
height: calc(100vh - 50px); }
.delivery-plan-info-page .delivery-plan-left {
flex: 1;
max-width: 490px !important;
background: #fff;
padding: 24px;
overflow-y: auto;
display: flex;
flex-direction: column;
min-height: 100%;
scrollbar-width: none;
-ms-overflow-style: none; }
.delivery-plan-info-page .delivery-plan-left::-webkit-scrollbar {
display: none; }
.delivery-plan-info-page .delivery-plan-card-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px; }
.delivery-plan-info-page .delivery-plan-card-title .trash-btn {
height: 17px !important;
padding: 0 !important;
font-size: 14px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
color: #90999d; }
.delivery-plan-info-page .delivery-plan-card-title .trash-btn i {
font-size: 16px !important;
margin-right: 4px !important; }
.delivery-plan-info-page .delivery-plan-card-title .trash-btn:hover,
.delivery-plan-info-page .delivery-plan-card-title .trash-btn:active,
.delivery-plan-info-page .delivery-plan-card-title .trash-btn:focus {
height: 17px !important;
padding: 0 !important;
font-size: 14px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
color: #e0241a; }
.delivery-plan-info-page .delivery-plan-card-title .trash-btn:hover i,
.delivery-plan-info-page .delivery-plan-card-title .trash-btn:active i,
.delivery-plan-info-page .delivery-plan-card-title .trash-btn:focus i {
font-size: 16px !important;
margin-right: 4px !important; }
.delivery-plan-info-page .delivery-plan-card-title h3 {
margin: 0; }
.delivery-plan-info-page .delivery-plan-card {
background: #f6f6f6;
padding: 12px !important;
margin-bottom: 8px;
display: inline-flex;
align-items: flex-start;
gap: 8px; }
.delivery-plan-info-page .delivery-plan-card .status-tag {
margin-right: 0; }
.delivery-plan-info-page .delivery-plan-card .status-tag.sent {
color: #323f47;
border-color: #bcefb9;
background-color: #f3fff3; }
.delivery-plan-info-page .delivery-plan-card .status-tag.optimized {
color: #323f47;
border-color: #8ed7ff;
background-color: #d0f4ff; }
.delivery-plan-info-page .delivery-plan-card p {
margin: 0 0 8px 0;
font-size: 14px; }
.delivery-plan-info-page .delivery-plan-meta {
display: grid;
gap: 12px 12px;
margin-top: 8px;
font-size: 14px;
color: #333; }
.delivery-plan-info-page .delivery-plan-stops {
margin: 18px 0px; }
.delivery-plan-info-page .delivery-plan-right {
flex: 2;
background: #f9f9f9;
overflow: hidden; }
.delivery-plan-info-page .map-placeholder {
width: 100%;
height: 100%;
background: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #666; }
.delivery-plan-info-page .delivery-plan-card.package-card {
display: flex;
align-items: flex-start;
padding: 12px 16px;
margin-bottom: 0;
background: #f6f6f6;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
width: 100%;
box-sizing: border-box;
min-height: 60px; }
.delivery-plan-info-page .package-card .drag-handle-col {
min-width: 18px;
/* fixed width for drag handle */
display: flex;
justify-content: center;
align-items: center; }
.delivery-plan-info-page .package-card .index-col {
min-width: 30px;
/* fixed width for index */
display: flex;
justify-content: center;
align-items: center; }
.delivery-plan-info-page .package-card .delete-col {
width: 40px;
/* fixed width for delete icon */
display: flex;
justify-content: center;
align-items: center; }
.delivery-plan-info-page .package-card .content-col {
flex: 1;
/* take remaining space */
display: flex;
flex-direction: column;
min-width: 0;
/* allow text wrap/truncate */ }
.delivery-plan-info-page .package-meta {
width: 100%; }
.delivery-plan-info-page .package-info {
font-size: 14px;
font-weight: 500;
margin-bottom: 2px; }
.delivery-plan-info-page .package-address {
word-break: break-word;
line-height: 1.4; }
.delivery-plan-info-page .delivery-plan-card.package-card.is-dragging {
opacity: 0.4;
transform: rotate(2deg); }
.delivery-plan-info-page .package-list {
display: flex;
flex-direction: column;
gap: 8px;
padding: 0;
margin-bottom: 20px; }
.facebook-messenger-store .facebook-details.un-box-flat {
margin-top: 3px !important;
padding: 0 8px !important;
border: none !important;
background: none !important; }
.facebook-messenger-store .facebook-details.un-box-flat h3 {
margin-bottom: 20px; }
.facebook-messenger-store .facebook-details.un-box-flat .ant-list-item {
padding: 0 0 20px 0 !important; }
.facebook-messenger-store .facebook-details.un-box-flat .ant-list-item .ant-list-item-meta-title {
line-height: 49px; }
.facebook-messenger-store .facebook-details.un-box-flat .details {
line-height: 17px !important;
margin-bottom: 8px !important; }
.facebook-messenger-store .facebook-details.un-box-flat .details.bold {
font-weight: bold; }
.facebook-messenger-store .facebook-details.un-box-flat label > a {
font-size: 14px !important; }
.facebook-messenger-store .facebook-details.un-box-flat .facebook-filled {
content: url("https://api.iconify.design/ant-design:facebook-filled.svg?color=%23007CE0&height=14px");
vertical-align: -0.125em;
margin-right: 4px; }
.fbLiveProductForm #highlights .un-edit-text,
.fbLiveProductForm #what-in-box .un-edit-text {
height: auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%); }
.fbLiveListing .pg-title .un-btn {
margin-bottom: 0em !important; }
.fbLiveListing .unicart-table table {
min-width: 1000px; }
.fbLiveListing .unicart-table .ant-table-title {
margin-left: 80px !important; }
.fbLiveListing .unicart-table .ant-list-item-meta-description {
padding-left: 12px; }
.fbLiveListing .unicart-table .un-text-truncate {
white-space: normal; }
.fbLiveListing .unicart-table .ant-list-item-meta-title {
margin-bottom: 4px;
color: #0c2028;
font-size: 14px;
font-weight: bold;
line-height: normal;
padding-left: 12px;
padding-right: 0;
height: 41.6px;
max-height: 41.6px;
margin-bottom: 0 !important; }
.fbLiveListing .unicart-table .shopee-listing-opt .ant-list-item {
padding: 0; }
.fbLiveListing .unicart-table .shopee-listing-opt .ant-list-item-meta-avatar {
margin-right: 0 !important;
width: 56px !important;
height: 56px !important; }
.fbLiveListing .unicart-table .shopee-listing-opt .ant-list-item-meta-avatar .un-row-product {
width: fit-content !important;
margin: 0 0 0 auto !important; }
.fbLiveListing .unicart-table .shopee-listing-opt .ant-list-item-meta-avatar .un-row-product img {
width: 40px !important;
height: 40px !important;
border-radius: 6px !important; }
.fbLiveListing .unicart-table .shopee-listing-opt .ant-list-item-meta-content {
padding-left: 12px !important; }
.fbLiveListing .unicart-table .shopee-listing-opt .ant-list-item-meta-title {
height: fit-content;
height: -moz-fit-content;
padding-left: 0px; }
.fbLiveListing .unicart-table .shopee-listing-opt .ant-list-item-meta-description {
padding-left: 0; }
.fbLiveListing .unicart-table .channel-with-name {
z-index: 1002 !important; }
.fbLiveListing .unicart-table .channel-with-name img {
width: 14px;
height: 14px;
border-radius: 3px;
margin-right: 4px;
align-self: center; }
.fbLiveListing .product-count {
margin-left: 6px;
background-color: #e5e5e5 !important;
color: #0c2028 !important;
font-size: 11px;
padding: 2px 6px !important;
border-radius: 11px;
width: fit-content; }
.fbLiveListing .ant-tabs-tab-active .product-tab {
font-weight: bold; }
.fbLiveListing .ant-tabs-tab-active .product-count {
margin-left: 6px;
background-color: #5acc5a !important;
color: #ffffff !important;
font-size: 11px;
padding: 2px 6px !important;
border-radius: 11px;
width: fit-content; }
@media (min-width: 1024px) {
.fbLiveProductForm .searchInventoryModal {
width: 601px !important; } }
.fbLiveProductForm .searchInventoryModal .ant-modal-body {
width: 100%;
overflow: hidden auto; }
@media (min-width: 1024px) {
.fbLiveProductForm .searchInventoryModal .ant-modal-body {
width: 601px !important;
height: 500px !important;
padding-bottom: 20px !important; } }
.fbLiveProductForm .searchInventoryModal .ant-modal-content {
border-radius: 12px !important; }
.fbLiveProductForm .searchInventoryModal .ant-modal-header {
border-top-left-radius: 12px !important;
border-top-right-radius: 12px !important; }
.fbLiveProductForm .searchInventoryModal .unicart-filter {
margin-top: 0 !important; }
.fbLiveProductForm .searchInventoryModal .unicart-filter .product-form-label {
margin-bottom: 4px !important; }
.fbLiveProductForm .searchInventoryModal .unicart-filter .ant-select {
width: 100% !important;
margin-right: 16px !important; }
.fbLiveProductForm .searchInventoryModal .unicart-filter .ant-input-affix-wrapper {
border-radius: 4px !important;
height: 41px !important;
margin-right: 16px; }
.fbLiveProductForm .searchInventoryModal .unicart-filter span.anticon {
width: 40px !important;
color: #0c2028; }
.fbLiveProductForm .searchInventoryModal .unicart-filter .ant-input-suffix {
font-size: 20px; }
.fbLiveProductForm .searchInventoryModal .unicart-filter .ant-select-clear {
display: none !important; }
.fbLiveProductForm .searchInventoryModal .inventory-table table tbody tr td {
vertical-align: top !important; }
.fbLiveProductForm .searchInventoryModal .inventory-table .ant-list-item {
padding: 0 !important; }
.fbLiveProductForm .searchInventoryModal .inventory-table .ant-list-item-meta-avatar {
width: 56px; }
.fbLiveProductForm .searchInventoryModal .inventory-table .ant-list-item-meta {
padding-top: 1px !important; }
.fbLiveProductForm .searchInventoryModal .inventory-table .ant-list-item-meta-description {
padding-left: 0; }
.fbLiveProductForm .searchInventoryModal .inventory-table .ant-checkbox-wrapper {
margin-left: unset !important; }
.fbLiveProductForm .searchInventoryModal .inventory-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.fbLiveProductForm .searchInventoryModal .inventory-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.fbLiveProductForm .searchInventoryModal .inventory-table table thead {
background-color: #fafafb !important; }
.fbLiveProductForm .searchInventoryModal .inventory-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; }
.fbLiveProductForm .searchInventoryModal .inventory-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.fbLiveProductForm .searchInventoryModal .row {
align-items: baseline; }
.fbLiveProductForm .searchInventoryModal .un-page-with-steps .ant-legacy-form {
width: 100%; }
@media (min-width: 1024px) {
.fbLiveProductForm .searchInventoryModal .un-page-with-steps .ant-legacy-form {
width: 622px !important; } }
.fbLiveProductForm .searchInventoryModal .un-box-flat {
background-color: #ffffff !important;
border-radius: 0px !important;
border: none !important;
padding: 0 !important;
margin-bottom: 32px;
box-shadow: none !important;
width: 100%; }
@media (min-width: 1024px) {
.fbLiveProductForm .searchInventoryModal .un-box-flat {
width: 553px !important; } }
.fbLiveProductForm .searchInventoryModal .un-box-flat .pl-10 {
padding-left: 12px !important; }
.fbLiveProductForm .searchInventoryModal .un-title-light {
display: none !important; }
.fbLiveProductForm .searchInventoryModal .close-btn {
text-align: left !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.fbLiveProductForm .searchInventoryModal .title {
text-align: center !important;
margin-bottom: auto !important;
margin-top: auto !important; }
.fbLiveProductForm .searchInventoryModal .plain-btn {
margin: auto 0 auto auto !important; }
.fbLiveProductForm .searchInventoryModal .upload-placeholder {
height: 115px !important; }
.fbLiveProductForm .searchInventoryModal .hvrbox {
width: 115px !important;
height: 115px !important; }
.fbLiveProductForm .searchInventoryModal .ant-upload:hover {
border-color: #007ce0 !important; }
.fbLiveProductForm .searchInventoryModal .ant-upload-drag-icon img {
object-fit: contain !important; }
.fbLiveProductForm #highlights,
.fbLiveProductForm #what-in-box {
height: 120px;
overflow: auto;
border: 1px solid #d9d9d9;
border-radius: 5px;
padding: 8px;
cursor: pointer;
background: #f8f8f8;
position: relative; }
.fbLiveProductForm #highlights .un-edit-text,
.fbLiveProductForm #what-in-box .un-edit-text {
width: 100%; }
.fbLiveProductForm #highlights p,
.fbLiveProductForm #what-in-box p {
margin-bottom: 0; }
.fbLiveProductForm .price-input-group .ant-input-group-addon {
background-color: #f5f5f5 !important; }
.fbLiveProductForm .schedule-radio-option .schedule-radio span.ant-radio + * {
display: inline-flex;
line-height: 33px; }
.fbLiveProductForm .schedule-radio-option .schedule-label {
margin-right: 16px; }
.fbLiveProductForm .other-radio-option {
margin-bottom: 12px; }
.fbLiveProductForm .un-form-add-product .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.fbLiveProductForm .un-form-add-product .header-buttons .b-btn,
.fbLiveProductForm .un-form-add-product .header-buttons .b-btn:hover,
.fbLiveProductForm .un-form-add-product .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; }
.fbLiveProductForm .un-form-add-product .header-buttons .b-btn i,
.fbLiveProductForm .un-form-add-product .header-buttons .b-btn:hover i,
.fbLiveProductForm .un-form-add-product .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.fbLiveProductForm .un-form-add-product .title {
margin-bottom: 20px !important; }
.fbLiveProductForm .un-form-add-product .dynamic-delete-button {
z-index: 100;
color: #90999d !important;
background: none;
font-size: 20px; }
.fbLiveProductForm .un-form-add-product .dynamic-plus-button {
z-index: 100;
color: blue !important;
background: none;
font-size: 20px; }
.fbLiveProductForm .un-form-add-product .ant-upload.ant-upload-drag {
border: none !important; }
.fbLiveProductForm .un-form-add-product .un-upload-image-div .image-upload-blank {
background: #fafafb 0% 0% no-repeat padding-box !important;
border: 1px dashed #e5e5e5;
border-radius: 4px;
padding: 60px 25px 25px 25px;
min-height: 250px; }
.fbLiveProductForm .un-form-add-product .ant-upload-list-picture-card {
margin-top: 0.01em !important;
width: 100%; }
.fbLiveProductForm .un-form-add-product .ant-upload-list {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-gap: 0.8rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.fbLiveProductForm .un-form-add-product .upload-list-inline .ant-upload {
display: none !important; }
.fbLiveProductForm .un-form-add-product .ant-upload.ant-upload-select-picture-card {
background-color: transparent;
border-color: transparent;
width: 100%;
height: 150px; }
.fbLiveProductForm .table-variant {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-top: 0;
/* Chrome, Safari, Edge, Opera */
/* Firefox */ }
.fbLiveProductForm .table-variant th {
background: #fafafb 0% 0% no-repeat;
padding: 8px 12px; }
.fbLiveProductForm .table-variant th span {
text-align: left;
line-height: 20px;
font-weight: 400;
letter-spacing: 0px;
color: #647176; }
.fbLiveProductForm .table-variant td .div-variant-name {
color: #bf5f00;
padding: 8px 12px; }
.fbLiveProductForm .table-variant .un-row-product img {
height: 50px;
width: 50px;
padding: 1px;
border: 1px solid #dddddd; }
.fbLiveProductForm .table-variant .td-stock {
background: #f6f6f6 0% 0% no-repeat padding-box; }
.fbLiveProductForm .table-variant .td-stock .variant-td-formitem .ant-select-selection,
.fbLiveProductForm .table-variant .td-stock input {
color: #90999d !important; }
.fbLiveProductForm .table-variant .variant-td-formitem .ant-select-selection,
.fbLiveProductForm .table-variant .variant-td-formitem input {
border: none;
border-radius: 0;
color: #0c2028; }
.fbLiveProductForm .table-variant .variant-td-formitem .ant-input-number {
width: 90px !important; }
.fbLiveProductForm .table-variant .variant-td-formitem .ant-input-group.ant-input-group-compact > *:not(:last-child) {
margin-right: unset !important; }
.fbLiveProductForm .table-variant .variantSkuField .ant-form-item-explain {
color: #ff4d4f !important; }
.fbLiveProductForm .table-variant .price-input-group .ant-form-item-control-input-content {
padding-top: 15px !important; }
.fbLiveProductForm .table-variant .price-input-group .ant-input-group-addon {
border: none;
background-color: #f5f5f5 !important;
height: 33px !important;
width: 45px !important;
line-height: 33px !important;
max-width: 60px;
text-overflow: ellipsis;
text-align: center; }
.fbLiveProductForm .table-variant .price-input-group input {
line-height: 33px;
padding-left: 10px;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0; }
.fbLiveProductForm .table-variant .variant-daterange .ant-input {
border: none; }
.fbLiveProductForm .table-variant td.deleted-cell.ant-table-cell {
background-color: #f6f6f6;
opacity: 0.2; }
.fbLiveProductForm .table-variant input::-webkit-outer-spin-button,
.fbLiveProductForm .table-variant input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.fbLiveProductForm .table-variant input[type="number"] {
-moz-appearance: textfield; }
.fbLiveProductForm .table-variant .ant-table-cell .ant-select-selection-selected-value {
color: #0c2028; }
.fbLiveProductForm .ant-table-cell.ant-table-cell-fix-left.ant-table-cell-fix-left-last {
position: sticky !important;
left: 0;
z-index: 2; }
.fbLiveProductForm td.ant-table-cell.ant-table-cell-fix-left.ant-table-cell-fix-left-last {
background: white; }
.fbLiveProductForm th.ant-table-cell.ant-table-cell-fix-left.ant-table-cell-fix-left-last {
background: #fafafb 0% 0% no-repeat; }
.fbLiveProductForm .ant-table-cell-fix-left-first::after,
.fbLiveProductForm .ant-table-cell-fix-left-last::after {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); }
.fbLiveProductForm .ant-table-cell-fix-left-first::after,
.fbLiveProductForm .ant-table-cell-fix-left-last::after {
position: absolute;
top: 0;
right: 0;
bottom: -1px;
width: 30px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
content: "";
pointer-events: none; }
.fbLiveProductForm .ant-table-cell.ant-table-cell-fix-left.ant-table-cell-fix-left-last {
position: sticky !important;
left: 0;
z-index: 2; }
.fbLiveProductForm td.ant-table-cell.ant-table-cell-fix-left.ant-table-cell-fix-left-last {
background: white; }
.fbLiveProductForm th.ant-table-cell.ant-table-cell-fix-left.ant-table-cell-fix-left-last {
background: #fafafb 0% 0% no-repeat; }
.fbLiveProductForm .ant-table-cell-fix-left-first::after,
.fbLiveProductForm .ant-table-cell-fix-left-last::after {
box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.15); }
.fbLiveProductForm .ant-table-cell-fix-left-first::after,
.fbLiveProductForm .ant-table-cell-fix-left-last::after {
position: absolute;
top: 0;
right: 0;
bottom: -1px;
width: 30px;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-box-shadow 0.3s;
transition: -webkit-box-shadow 0.3s;
transition: box-shadow 0.3s;
transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
content: "";
pointer-events: none; }
.un-ant-drawer-body.edit-variant .ant-drawer-content-wrapper {
height: 100% !important;
width: 100% !important; }
.un-ant-drawer-body.edit-variant .ant-drawer-header {
padding: 8px 0px !important; }
.un-ant-drawer-body.edit-variant .ant-drawer-content {
background-color: #f6f6f6; }
.un-ant-drawer-body.edit-variant .ant-drawer-content .ant-drawer-header {
background: #f6f6f6;
border-bottom: 1px solid #e8e8e8; }
.un-ant-drawer-body.edit-variant .ant-drawer-content .un-page-center h2 {
cursor: pointer;
margin: 5px 0px; }
.un-ant-drawer-body.edit-variant .ant-drawer-content .un-page-center button {
margin-left: auto; }
.un-ant-drawer-body.edit-variant .ant-row::before,
.un-ant-drawer-body.edit-variant .ant-row::after {
display: none !important;
content: none !important; }
.un-ant-drawer-body.edit-variant .ant-modal-body .variantDetailsTable {
padding-left: 0px !important; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant {
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-top: 0;
/* Chrome, Safari, Edge, Opera */
/* Firefox */ }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant th {
background: #fafafb 0% 0% no-repeat;
padding: 8px 12px; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant th span {
text-align: left;
line-height: 20px;
font-weight: 400;
letter-spacing: 0px;
color: #647176; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant td .div-variant-name {
color: #bf5f00;
padding: 8px 12px; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .un-row-product img {
height: 50px;
width: 50px;
padding: 1px;
border: 1px solid #dddddd; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .td-stock {
background: #f6f6f6 0% 0% no-repeat padding-box; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .td-stock .variant-td-formitem .ant-select-selection,
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .td-stock input {
color: #90999d !important; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .variant-td-formitem .ant-select-selection,
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .variant-td-formitem input {
border: none;
border-radius: 0;
color: #0c2028; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .variant-td-formitem .ant-input-group.ant-input-group-compact > *:not(:last-child) {
margin-right: unset !important; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .price-input-group .ant-form-item-control-input-content {
padding-top: 15px !important; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .price-input-group .ant-input-group-addon {
border: none;
background-color: #f5f5f5 !important;
height: 33px !important;
width: 45px !important;
line-height: 33px !important;
max-width: 60px;
text-overflow: ellipsis;
text-align: center; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .price-input-group input {
line-height: 33px;
padding-left: 10px;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .price-input-group .ant-form-item-explain {
position: relative;
top: -24px; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .addon-after .ant-input-group-addon {
border: none; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .addon-after input {
line-height: 33px;
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
padding-bottom: 0; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .addon-after .ant-form-item-control::before {
display: table;
content: "";
border-right: none !important; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant .variant-daterange .ant-input {
border: none; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant td.deleted-cell.ant-table-cell {
background-color: #f6f6f6;
opacity: 0.2; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant input::-webkit-outer-spin-button,
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.un-ant-drawer-body.edit-variant .ant-modal-body .table-variant input[type="number"] {
-moz-appearance: textfield; }
@media only screen and (max-width: 768px) {
.product-group-form-div .dynamic-delete-button {
right: -22px !important; }
.ant-form-item-label,
.ant-form-item-control-wrapper {
display: block;
width: 100%; }
.ant-form-item-label {
display: block;
margin: 0;
padding: 0 0 8px;
line-height: 1.5;
white-space: initial;
text-align: left; }
.product-form-label {
margin-top: 0.5em;
margin-bottom: 0em; } }
@media only screen and (min-width: 1025px) {
.grd-pd-l {
padding-left: 30px; }
.grd-pd-r {
padding-right: 30px; }
.product-form-label span {
text-align: right; } }
.imageGridModal .ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye {
visibility: hidden !important; }
@media (min-width: 1024px) {
.fb-conversion-api-settings {
width: 644px !important;
margin: 0 auto; } }
@media (min-width: 1024px) {
.fb-conversion-api-settings {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.fb-conversion-api-settings .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 0px !important; }
@media (min-width: 1024px) {
.fb-conversion-api-settings .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.fb-conversion-api-settings .header-buttons .b-btn,
.fb-conversion-api-settings .header-buttons .b-btn:hover,
.fb-conversion-api-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; }
.fb-conversion-api-settings .header-buttons .b-btn i,
.fb-conversion-api-settings .header-buttons .b-btn:hover i,
.fb-conversion-api-settings .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.trips .date-period .label, .select-package-modal .date-period .label {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
.trips .date-period {
height: 41px !important;
margin-right: 0;
margin-left: auto; }
.trips .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.trips .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.trips .date-period .date-picker-button {
vertical-align: top !important;
height: 41px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.trips .date-period .date-picker-button:hover,
.trips .date-period .date-picker-button:active,
.trips .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.trips .date-period .date-range2 {
height: 41px !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-color: white !important; }
.trips .date-period .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.trips .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.trips .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.trips .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.trips .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.trips .status-cards-container {
display: flex !important;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 20px !important; }
.trips .status-cards-container .status-card-item {
flex: 0 0 calc(20% - 12.8px);
width: calc(20% - 12.8px) !important;
min-width: 0; }
.trips .status-cards-container .status-card-item .status-card-content {
display: flex;
align-items: center;
padding: 16px;
border-radius: 12px;
border: 1px solid #e5e7eb;
background-color: white;
min-height: 80px;
width: 100%; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 12px; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon {
font-size: 20px; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.danger {
color: #e0241a; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.info {
color: #007ce0; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.warning {
color: #f2cb0c; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.success {
color: #005c34; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.secondary {
color: #90999d; }
.trips .status-cards-container .status-card-item .status-card-content .status-icon-wrapper .status-icon.planning {
color: #ff7f00; }
.trips .status-cards-container .status-card-item .status-card-content .status-info {
flex: 1; }
.trips .status-cards-container .status-card-item .status-card-content .status-info .status-count {
font-size: 20px;
font-weight: 700;
margin-bottom: 4px;
line-height: 24px; }
.trips .status-cards-container .status-card-item .status-card-content .status-info .status-label {
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
line-height: 21px; }
.trips .trip-tab {
border-radius: 12px; }
.trips .trip-tab .ant-tabs-bar {
border-bottom: 1px solid #e5e5e5 !important; }
.trips .trip-tab .ant-tabs-nav {
margin-bottom: 0 !important; }
.trips .trip-tab .ant-tabs-tab {
padding: 16px 16px !important; }
.trips .trip-tab table {
border: none !important; }
.trips .trip-tab .ant-table-footer {
border: none !important; }
.trips .feather-more-horizontal {
cursor: pointer;
right: 0 !important;
bottom: 22px !important;
color: #90999d;
font-size: 24px !important; }
.trips .feather-more-horizontal:hover {
color: #e0241a; }
.trips .feather-printer {
cursor: pointer;
border: none !important;
background: none !important;
box-shadow: none !important;
font-size: 19px !important; }
.trips .feather-printer:hover {
color: #0058b6 !important; }
.trips .unicart-table .trip-external-service-type {
color: #0c2028 !important;
font-size: 14px !important;
font-weight: 600 !important; }
.trips .unicart-table .details-section > span {
font-size: 12px !important; }
.trips .unicart-table .details-section .details-title {
margin-right: 4px !important; }
.trips .unicart-table .logistics-with-name img {
width: 15px !important;
margin-right: 4px !important; }
.trips .unicart-table .track-trip-btn {
font-size: 12px !important; }
.trips .unicart-table .track-trip-btn:disabled {
cursor: not-allowed !important; }
.trips .unicart-table .track-trip-btn .feather-search {
font-size: 12px !important; }
.trips .trip-missing-date-icon {
color: #e0241a;
font-size: 16px;
cursor: default; }
.trips .ant-table-tbody > tr.trip-row-missing-date > td {
background-color: #fff0f0 !important; }
.trips .ant-table-tbody > tr.trip-row-missing-date:hover > td {
background-color: #ffe0e0 !important; }
.trip .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
z-index: 10;
padding-right: 99px !important; }
.trip .header-buttons .b-btn,
.trip .header-buttons .b-btn:hover,
.trip .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; }
.trip .header-buttons .b-btn i,
.trip .header-buttons .b-btn:hover i,
.trip .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.trip .header-buttons .sec-split-btn .btn {
background-color: #ffffff !important; }
@media (max-width: 1024px) {
.trip .un-affix {
top: 130px; } }
.trip .trip-info .trip-external-service-type {
font-size: 16px !important;
font-weight: 600 !important;
color: #0c2028 !important; }
.trip .trip-info .logistics-with-name img {
width: 24px !important;
margin-right: 4px !important; }
.trip .trip-info .logistics-with-name .caption {
font-size: 14px !important; }
.trip .trip-info .track-single-trip-btn {
height: 24px !important; }
.trip .trip-info .track-single-trip-btn:disabled {
cursor: not-allowed !important; }
.trip .package-list .editable-package-list-table .ant-list-item-meta-title {
line-height: 20px !important;
height: unset !important; }
.trip .package-list .editable-package-list-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.trip .package-list .editable-package-list-table .ant-list-item-meta-avatar {
margin-right: 0;
height: 42px;
width: 42px;
border-radius: 6px !important; }
.trip .package-list .editable-package-list-table .un-row-product img {
height: 42px;
width: 42px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.trip .package-list .editable-package-list-table .ant-table-tbody > tr:nth-child(1) > td {
border-top: none !important; }
.trip .package-list .editable-package-list-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.trip .package-list .editable-package-list-table .ant-table-tbody > tr > td {
border-top: none !important;
border-bottom: 1px solid #e5e5e5 !important;
padding: 0 !important; }
.trip .package-list .editable-package-list-table .ant-table table {
border: none !important;
box-shadow: none !important;
min-width: unset; }
.trip .package-list .editable-package-list-table .ant-table-thead > tr > th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
height: 32px !important; }
.trip .package-list .editable-package-list-table .ant-table-thead > tr > th {
border-bottom: none !important;
padding: 9px 0px !important; }
.trip .package-list .editable-package-list-table .un-text-truncate {
font-weight: bold !important; }
.trip .package-list .editable-package-list-table .un-light-label {
font-size: 14px !important; }
.trip .package-list .editable-package-list-table .ant-table-thead tr .ant-table-selection-column div {
display: none; }
.trip .package-list .editable-package-list-table .ant-table-tbody tr > td .ant-checkbox-wrapper {
display: none; }
.trip .package-list .editable-package-list-table .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0px !important; }
.trip .package-list .package-list-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.trip .package-list .package-list-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.trip .package-list .package-list-table table thead {
background-color: #fafafb !important; }
.trip .package-list .package-list-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; }
.trip .package-list .package-list-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.trip .package-list .package-list-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.trip .package-list .package-list-table .un-text-truncate {
font-weight: bold !important; }
.trip .package-list .package-list-table .un-light-label {
font-size: 14px !important; }
.trip .package-list .package-list-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.trip .trip-history .trip-history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.trip .trip-history .trip-history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.trip .trip-history .trip-history-table table thead {
background-color: #fafafb !important; }
.trip .trip-history .trip-history-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; }
.trip .trip-history .trip-history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.trip .trip-history .trip-history-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.trip .trip-history .trip-history-table .un-text-truncate {
font-weight: bold !important; }
.trip .trip-history .trip-history-table .un-light-label {
font-size: 14px !important; }
.trip .trip-history .trip-history-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.send-to-lalamove-modal {
width: 600px !important; }
.send-to-lalamove-modal .selection-section {
padding: 15px !important; }
.send-to-lalamove-modal .selection-section .un-bottom-border {
border-bottom: none !important; }
.send-to-lalamove-modal .selection-section .collapse {
padding: 10px 0 !important; }
.send-to-lalamove-modal .selection-section .collapse .ant-form-item {
margin-bottom: 0 !important; }
.send-to-lalamove-modal .selection-section #vehicle {
margin: 0 !important; }
.send-to-lalamove-modal .selection-section .vehicle_row {
padding: 5px 10px !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
margin: 10px 0 !important;
margin-right: 5px !important;
cursor: pointer !important;
width: 49% !important;
max-width: 49% !important; }
.send-to-lalamove-modal .selection-section .vehicle_row:hover {
border-color: #646464 !important; }
.send-to-lalamove-modal .selection-section .vehicle_row.vehicle_row_selected {
border-color: #55ce63 !important; }
.send-to-lalamove-modal .selection-section .vehicle_row.vehicle_row_selected span {
color: #55ce63 !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings {
width: 100%;
background-color: #f6f6f6;
padding: 12px;
margin-bottom: 20px;
border-radius: 4px; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings label {
font-size: 12px !important;
color: #647176 !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .bulk-setting-label {
color: #0c2028 !important;
width: 100px !important;
line-height: 30px;
align-self: end; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-form-item {
margin-bottom: 0 !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-form-item-label > label:after {
content: '' !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-form-item-control {
width: 100% !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-input-group-addon .ant-select,
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-input-group-addon .ant-select-focused {
width: auto !important;
margin: -5px -11px !important;
height: 33px !important;
vertical-align: middle !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-input-group-addon .ant-select .ant-select-selector,
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-input-group-addon .ant-select-focused .ant-select-selector {
color: #0c2028 !important;
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .primary-btn,
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .outline-i-btn {
margin-right: 0 !important;
align-self: end !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .primary-btn {
margin-left: 10px !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .outline-i-btn {
margin-left: auto !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .feather-calendar {
font-size: 20px !important;
color: #90999d !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .ant-picker {
width: 100% !important;
max-width: 320px !important; }
.bulk-send-to-third-party-modal .un-form-setting .bulk-settings .bulk-settings-input {
margin-bottom: 0 !important;
width: 200px !important; }
.bulk-send-to-third-party-modal .un-form-setting .v-table .ant-form-item {
margin-bottom: 0 !important; }
.bulk-send-to-third-party-modal .v-table {
overflow-x: auto; }
.bulk-send-to-third-party-modal .v-table .ant-table-body {
overflow-y: auto !important;
max-height: calc(100vh - 370px) !important; }
.bulk-send-to-third-party-modal .v-table .ant-table-tbody > tr > td {
border-bottom: none !important;
padding: 10px 12px !important; }
.bulk-send-to-third-party-modal .v-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.bulk-send-to-third-party-modal .v-table table thead {
background-color: #fafafb !important; }
.bulk-send-to-third-party-modal .v-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; }
.bulk-send-to-third-party-modal .v-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.bulk-send-to-third-party-modal .v-table .un-text-truncate {
font-weight: bold !important; }
.bulk-send-to-third-party-modal .v-table .un-light-label {
font-size: 14px !important; }
.bulk-send-to-third-party-modal .v-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.bulk-send-to-third-party-modal .v-table .feather-calendar {
font-size: 20px !important;
color: #90999d !important; }
.bulk-send-to-third-party-modal .v-table .trip-title {
font-weight: 600 !important; }
.bulk-send-to-third-party-modal .v-table .trip-code {
font-size: 12px !important; }
.bulk-send-to-third-party-modal .v-table .ant-picker {
width: 100% !important; }
.package-history-modal .ant-timeline .ant-timeline-item {
padding-bottom: 8px !important; }
.package-history-modal .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head-blue {
color: #007ce0;
border-color: #007ce0;
background-color: #007ce0; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue {
color: #d4d4d4;
border-color: #d4d4d4;
background-color: #d4d4d4; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-title {
font-size: 12px;
font-weight: 400;
color: #647176 !important;
height: fit-content !important;
margin-bottom: 0; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-description {
font-size: 12px;
font-weight: 400;
color: #90999d !important;
height: fit-content !important; }
.package-history-modal .ant-timeline .plain-btn {
margin: 0 0 0 26px; }
.package-history-modal .no-tail .ant-timeline-item-tail {
display: none !important; }
.select-package-modal .date-period {
height: 41px !important;
margin-right: 0;
margin-left: auto; }
.select-package-modal .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.select-package-modal .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.select-package-modal .date-period .date-picker-button {
vertical-align: top !important;
height: 41px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.select-package-modal .date-period .date-picker-button:hover,
.select-package-modal .date-period .date-picker-button:active,
.select-package-modal .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.select-package-modal .date-period .date-range2 {
height: 41px !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-color: white !important; }
.select-package-modal .date-period .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.select-package-modal .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.select-package-modal .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.select-package-modal .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.select-package-modal .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.select-package-modal .package-table table tbody tr td {
vertical-align: top !important; }
.select-package-modal .package-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.select-package-modal .package-table table thead {
background-color: #fafafb !important; }
.select-package-modal .package-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-package-modal .package-table .ant-table-thead > tr > th {
border-bottom: none !important;
padding: 9px 12px !important; }
.select-package-modal .package-table .ant-table-tbody > tr > td {
padding: 12px !important; }
.select-package-modal .package-table .ant-table-selection-column {
width: 40px !important;
min-width: 40px !important;
padding: 8px 4px !important; }
.select-package-modal .package-table .ant-table-thead > tr > th.ant-table-selection-column,
.select-package-modal .package-table .ant-table-tbody > tr > td.ant-table-selection-column {
width: 40px !important;
min-width: 40px !important;
padding: 8px 4px !important; }
.select-package-modal .large-selector > div.ant-select-selector {
width: 185px; }
.select-package-modal .marketplace-channel-icon {
display: inline-flex !important;
font-size: 14px !important;
color: #0c2028 !important;
line-height: 20px !important; }
.select-package-modal .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.select-package-modal .marketplace-channel-icon .channel-with-name img {
width: 20px !important;
height: 20px !important;
border-radius: 3px;
margin-right: 8px; }
.print-trip-list.print-container {
padding: 40px 60px;
page-break-after: always; }
.print-trip-list .normal-text {
font-family: 'Roboto', sans-serif !important;
font-size: 16px; }
.print-trip-list .normal-text.bold {
font-weight: 500; }
.print-trip-list .normal-text.italic {
font-style: italic; }
.print-trip-list .trip-divider {
border-color: #0c2028; }
.print-trip-list .trip-content {
gap: 40px; }
.print-trip-list .trip-content .left-info {
width: 55%; }
.print-trip-list .trip-content .right-info {
width: 45%; }
.print-trip-list .overflow-wrap {
word-break: break-word;
overflow-wrap: break-word;
max-width: 100%; }
.print-trip-list .trip-box {
border: 1px solid;
position: relative;
margin-bottom: 40px; }
.print-trip-list .trip-box.trip-no {
margin-bottom: 30px; }
.print-trip-list .trip-box.trip-code {
margin-bottom: 0; }
.print-trip-list .trip-box .box-header {
border-bottom: 1px solid; }
.print-trip-list .trip-box .box-value-text {
font-size: 26px;
color: #0c2028 !important;
font-weight: 500 !important; }
.print-trip-list .package-table {
width: 100%; }
.print-trip-list .package-table.table-bordered,
.print-trip-list .package-table.table-bordered td {
border: 1px solid #0c2028 !important; }
.print-trip-list .package-table th:nth-child(1),
.print-trip-list .package-table td:nth-child(1) {
width: 5%; }
.print-trip-list .package-table th:nth-child(2),
.print-trip-list .package-table td:nth-child(2) {
width: 35%; }
.print-trip-list .package-table th:nth-child(3),
.print-trip-list .package-table td:nth-child(3) {
width: 35%; }
.print-trip-list .package-table th:nth-child(4),
.print-trip-list .package-table td:nth-child(4) {
width: 15%; }
.print-trip-list .package-table th:nth-child(5),
.print-trip-list .package-table td:nth-child(5) {
width: 10%; }
.print-trip-list .package-table .data-content {
font-family: 'Roboto', sans-serif !important;
font-size: 20px;
line-height: 25px; }
.print-trip-list .package-table .data-content.bold {
font-weight: 500; }
@media print {
@page {
margin: 0; }
body {
margin: 0; } }
.un-modal.select-package-modal .outline-btn.active,
.un-modal.select-package-modal .outline-btn[data-active='true'] {
background: #ffffff !important;
border-color: #5acc5a !important;
color: #5acc5a !important; }
.trips .marketplace-channel-icon {
display: inline-flex !important;
font-size: 14px !important;
color: #0c2028 !important;
line-height: 20px !important; }
.trips .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.trips .marketplace-channel-icon .channel-with-name img {
width: 20px !important;
height: 20px !important;
border-radius: 3px;
margin-right: 8px; }
.trip-setting .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
align-items: center;
position: fixed;
padding-right: 99px !important; }
@media (min-width: 1024px) {
.trip-setting .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
margin: 0 auto; } }
.trip-setting .header-buttons .b-btn,
.trip-setting .header-buttons .b-btn:hover,
.trip-setting .header-buttons .b-btn:focus {
background: none !important;
border: none !important;
box-shadow: none !important;
color: #0c2028 !important;
font-size: 20px;
padding: 0 !important; }
.trip-setting .header-buttons .b-btn i,
.trip-setting .header-buttons .b-btn:hover i,
.trip-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.trip-setting .switch-section {
margin-bottom: 10px; }
.trip-setting .switch-section .switch-header {
height: 35px; }
.trip-setting .switch-section .switch-header .switch-form-item {
margin-bottom: 0; }
.trip-setting .switch-section .textarea-container {
position: relative; }
.trip-setting .switch-section .textarea-container .character-count {
position: absolute;
bottom: 8px;
right: 12px;
font-size: 12px;
color: rgba(0, 0, 0, 0.45);
pointer-events: none;
z-index: 1; }
.trip-setting .inputWithTagWrap {
padding: 4px 11px;
border: 1px solid #d9d9d9;
border-radius: 12px !important; }
.trip-setting .inputWithTagWrap.resizable {
resize: vertical;
overflow: auto; }
.trip-setting .inputWithTag {
height: 100%;
font-size: 14px; }
.trip-setting .inputWithTagWrap:focus-within {
border-color: #40a9ff;
border-right-width: 1px !important; }
.trip-setting .code-tag {
padding: 1px 5px;
border-radius: 3px;
border: 1px solid gray;
margin-left: 3px;
margin-right: 3px;
cursor: pointer;
user-select: none;
text-wrap: nowrap; }
.trip-setting .code-tag::before {
content: attr(data-label); }
.trip-setting .status-tag.placeholder {
display: inline-flex !important;
justify-content: center;
align-items: center; }
.trip-setting .inputContentPlaceholder {
border-radius: 12px !important;
border: 1px solid #e5e5e5 !important;
padding: 20px 24px;
box-shadow: none !important;
height: 135px !important;
background-color: transparent !important; }
@media (max-width: 1024px) {
.trip-setting .inputContentPlaceholder {
height: unset !important; } }
.trip-setting #trip-sms .ant-form-item {
margin-bottom: 0 !important; }
.ant-calendar-ok-btn,
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year,
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
background-color: var(--green) !important;
color: var(--light) !important;
border-color: var(--green) !important;
transition: opacity 1s ease-in-out; }
.ant-calendar-ok-btn:hover,
.ant-calendar-ok-btn:focus {
opacity: 0.5; }
.ant-calendar-date[aria-selected='true'] {
color: var(--green);
font-weight: bold;
border-color: var(--green); }
.ant-calendar-selected-day .ant-calendar-date {
background: var(--light); }
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
background-color: var(--green) !important;
color: var(--light) !important;
border-color: var(--green) !important; }
.carrierManifest-add .ant-picker {
width: 100%; }
.carrierManifest-add .primary-i-btn {
width: 100% !important;
height: 41px !important;
border-radius: 21px !important;
margin-top: -10px; }
.tracking-number-section .actionButtons > * {
margin-left: 1rem; }
.tracking-number-section .ant-switch-checked .ant-switch-inner {
margin-right: 34px !important;
margin-left: 12px !important; }
.tracking-number-section .ant-switch-inner {
margin-right: 12px;
margin-left: 34px; }
.tracking-number-section .plain-btn {
height: 25px !important; }
.scannedTrackingNumbersContainer {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px; }
.scannedTrackingNumbersContainer .trash-btn i,
.scannedTrackingNumbersContainer .trash-btn:hover i,
.scannedTrackingNumbersContainer .trash-btn:focus i {
font-size: 16px !important; }
.scannedTrackingNumbersContainer .deleteTracking:hover i {
color: #e0241a !important; }
.scannedTrackingNumbersContainer .trackingIndex {
font-size: 12px !important;
font-weight: 400 !important;
color: #647176 !important; }
.scannedTrackingNumbersContainer .row > * {
height: 33px;
border: 1px solid #e5e5e5;
padding: 8px 6px;
font-size: 14px;
color: #38484f !important;
line-height: 1.25;
display: flex;
width: 100%;
padding: 0.5rem;
justify-content: space-between;
align-items: center;
overflow: hidden; }
.scannedTrackingNumbersContainer .error {
border: 1.5px solid #e0241a; }
.scannedTrackingNumbersContainer .error i {
color: #e0241a !important; }
.scannedTrackingNumbersContainer .trackingIndex {
font-size: 12px;
font-weight: bold; }
@media (min-width: 1024px) {
.exportCarrierManifest {
width: 644px !important;
margin: 0 auto !important; } }
.exportCarrierManifest .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.exportCarrierManifest .header-buttons .b-btn,
.exportCarrierManifest .header-buttons .b-btn:hover,
.exportCarrierManifest .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; }
.exportCarrierManifest .header-buttons .b-btn i,
.exportCarrierManifest .header-buttons .b-btn:hover i,
.exportCarrierManifest .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.exportCarrierManifest .ant-checkbox,
.exportCarrierManifest .ant-checkbox-input,
.exportCarrierManifest .ant-checkbox-inner {
border-radius: 4px !important;
width: 18px !important;
height: 18px !important; }
.exportCarrierManifest .export-table .unicart-table .ant-table-tbody > tr.ant-table-row-level-0 > td {
border-top: unset !important;
border-bottom: 1px solid #f0f0f0 !important; }
.exportCarrierManifest .export-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.exportCarrierManifest .export-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.exportCarrierManifest .export-table table thead {
background-color: #fafafb !important; }
.exportCarrierManifest .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; }
.exportCarrierManifest .export-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.exportCarrierManifest .export-table .un-text-truncate {
font-weight: bold !important; }
.exportCarrierManifest .export-table .un-light-label {
font-size: 14px !important; }
.exportCarrierManifest .export-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.exportCarrierManifest .export-table .ant-pagination.with-quick-jumper {
margin-bottom: 20px !important; }
.layouts-carrierManifestLayout .unicart-filter {
margin-top: 0 !important; }
.layouts-carrierManifestLayout .search-form .un-filter-value {
height: 41px !important;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important; }
.un-modal.carrier-manifest-OP .ant-modal-body {
max-height: 600px; }
.trips .date-period .label, .select-package-modal .date-period .label {
font-size: 14px !important;
line-height: 20px;
font-weight: 400; }
.trips .route-setting {
margin-left: 0 !important;
margin-bottom: 20px !important; }
.trips .date-period {
height: 41px !important;
margin-right: 0;
margin-left: auto; }
.trips .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.trips .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.trips .date-period .date-picker-button {
vertical-align: top !important;
height: 41px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.trips .date-period .date-picker-button:hover,
.trips .date-period .date-picker-button:active,
.trips .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.trips .date-period .date-range2 {
height: 41px !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-color: white !important; }
.trips .date-period .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.trips .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.trips .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.trips .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.trips .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.trips .status-card {
display: flex !important;
width: 288px !important;
height: 100px !important;
background-color: white !important;
margin: 10px 10px !important;
padding: 20px 20px !important; }
.trips .status-card .label {
font-weight: 700 !important;
font-size: 16px !important; }
.trips .status-card .total-count {
font-weight: 700 !important;
font-size: 50px !important;
text-align: center !important; }
.trips .trip-tab {
border-radius: 12px; }
.trips .trip-tab .ant-tabs-bar {
border-bottom: 1px solid #e5e5e5 !important; }
.trips .trip-tab .ant-tabs-nav {
margin-bottom: 0 !important; }
.trips .trip-tab .ant-tabs-tab {
padding: 16px 16px !important; }
.trips .trip-tab table {
border: none !important; }
.trips .trip-tab .ant-table-footer {
border: none !important; }
.trips .feather-more-horizontal {
cursor: pointer;
right: 0 !important;
bottom: 22px !important;
color: #90999d;
font-size: 24px !important; }
.trips .feather-more-horizontal:hover {
color: #e0241a; }
.trips .unicart-table .ant-table-tbody > tr:first-child > td {
border-top: 1px solid #e5e5e5 !important; }
.trips .unicart-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.trip .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.trip .header-buttons .b-btn,
.trip .header-buttons .b-btn:hover,
.trip .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; }
.trip .header-buttons .b-btn i,
.trip .header-buttons .b-btn:hover i,
.trip .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.trip .route-info .row {
align-items: flex-start; }
.trip .package-list .editable-package-list-table .ant-list-item-meta-title {
line-height: 20px !important;
height: unset !important; }
.trip .package-list .editable-package-list-table .ant-list-item-meta-description {
padding-left: 12px !important; }
.trip .package-list .editable-package-list-table .ant-list-item-meta-avatar {
margin-right: 0;
height: 42px;
width: 42px;
border-radius: 6px !important; }
.trip .package-list .editable-package-list-table .un-row-product img {
height: 42px;
width: 42px;
border: 1px solid #e5e5e5;
border-radius: 6px;
margin-left: -1px; }
.trip .package-list .editable-package-list-table .ant-table-tbody > tr:nth-child(1) > td {
border-top: none !important; }
.trip .package-list .editable-package-list-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.trip .package-list .editable-package-list-table .ant-table-tbody > tr > td {
border-top: none !important;
border-bottom: 1px solid #e5e5e5 !important;
padding: 0 !important; }
.trip .package-list .editable-package-list-table .ant-table table {
border: none !important;
box-shadow: none !important;
min-width: unset; }
.trip .package-list .editable-package-list-table .ant-table-thead > tr > th {
background: #fafafb 0% 0% no-repeat padding-box !important;
font-size: 12px !important;
color: #647176 !important;
height: 32px !important; }
.trip .package-list .editable-package-list-table .ant-table-thead > tr > th {
border-bottom: none !important;
padding: 9px 0px !important; }
.trip .package-list .editable-package-list-table .un-text-truncate {
font-weight: bold !important; }
.trip .package-list .editable-package-list-table .un-light-label {
font-size: 14px !important; }
.trip .package-list .editable-package-list-table .ant-table-thead tr .ant-table-selection-column div {
display: none; }
.trip .package-list .editable-package-list-table .ant-table-tbody tr > td .ant-checkbox-wrapper {
display: none; }
.trip .package-list .editable-package-list-table .ant-table-tbody tr td.ant-table-selection-column {
padding-top: 0px !important; }
.trip .package-list .package-list-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.trip .package-list .package-list-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.trip .package-list .package-list-table table thead {
background-color: #fafafb !important; }
.trip .package-list .package-list-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; }
.trip .package-list .package-list-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.trip .package-list .package-list-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.trip .package-list .package-list-table .un-text-truncate {
font-weight: bold !important; }
.trip .package-list .package-list-table .un-light-label {
font-size: 14px !important; }
.trip .package-list .package-list-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.trip .trip-history .trip-history-table .ant-table-tbody > tr > td {
padding: 12px 12px !important; }
.trip .trip-history .trip-history-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.trip .trip-history .trip-history-table table thead {
background-color: #fafafb !important; }
.trip .trip-history .trip-history-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; }
.trip .trip-history .trip-history-table .ant-table-thead > tr > th {
border-bottom: none !important; }
.trip .trip-history .trip-history-table .ant-table-tbody > tr:nth-child(2) > td {
border-top: 1px solid #e5e5e5 !important; }
.trip .trip-history .trip-history-table .un-text-truncate {
font-weight: bold !important; }
.trip .trip-history .trip-history-table .un-light-label {
font-size: 14px !important; }
.trip .trip-history .trip-history-table .ant-pagination {
margin-bottom: 20px;
margin-right: unset !important;
padding: 0 !important; }
.package-history-modal .ant-timeline .ant-timeline-item {
padding-bottom: 8px !important; }
.package-history-modal .ant-timeline .ant-timeline-item:first-child .ant-timeline-item-head-blue {
color: #007ce0;
border-color: #007ce0;
background-color: #007ce0; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-timeline-item-head-blue {
color: #d4d4d4;
border-color: #d4d4d4;
background-color: #d4d4d4; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-title {
font-size: 12px;
font-weight: 400;
color: #647176 !important;
height: fit-content !important;
margin-bottom: 0; }
.package-history-modal .ant-timeline .ant-timeline-item .ant-list-item .ant-list-item-meta-description {
font-size: 12px;
font-weight: 400;
color: #90999d !important;
height: fit-content !important; }
.package-history-modal .ant-timeline .plain-btn {
margin: 0 0 0 26px; }
.package-history-modal .no-tail .ant-timeline-item-tail {
display: none !important; }
.select-package-modal .date-period {
height: 41px !important;
margin-right: 0;
margin-left: auto; }
.select-package-modal .date-period .label {
color: #0c2028;
padding-top: 11px;
padding-right: 20px; }
.select-package-modal .date-period .feather-calendar {
color: #90999d !important;
font-size: 20px !important; }
.select-package-modal .date-period .date-picker-button {
vertical-align: top !important;
height: 41px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important; }
.select-package-modal .date-period .date-picker-button:hover,
.select-package-modal .date-period .date-picker-button:active,
.select-package-modal .date-period .date-picker-button:focus {
border-color: #d4d4d4 !important;
box-shadow: none !important; }
.select-package-modal .date-period .date-range2 {
height: 41px !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-color: white !important; }
.select-package-modal .date-period .date-range2 .ant-picker {
width: 195px !important;
height: 39px !important;
border: none !important;
box-shadow: none !important;
background: none !important;
left: 30px; }
.select-package-modal .date-period .date-range2 .ant-picker-suffix {
position: absolute;
right: 196px; }
.select-package-modal .date-period .date-range2 .ant-picker-input {
width: fit-content;
width: -moz-fit-content; }
.select-package-modal .date-period .date-range2 .ant-picker-input input {
color: #0c2028 !important; }
.select-package-modal .date-period .date-range2 .ant-picker-clear {
display: none !important; }
.select-package-modal .package-table table tbody tr td {
vertical-align: top !important; }
.select-package-modal .package-table .ant-table table {
border: none !important;
box-shadow: none !important; }
.select-package-modal .package-table table thead {
background-color: #fafafb !important; }
.select-package-modal .package-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-package-modal .package-table .ant-table-thead > tr > th {
border-bottom: none !important;
padding: 9px 12px !important; }
.select-package-modal .package-table .ant-table-tbody > tr > td {
padding: 12px !important; }
.select-package-modal .package-table .ant-table-selection-column {
width: 40px !important;
min-width: 40px !important;
padding: 8px 4px !important; }
.select-package-modal .package-table .ant-table-thead > tr > th.ant-table-selection-column,
.select-package-modal .package-table .ant-table-tbody > tr > td.ant-table-selection-column {
width: 40px !important;
min-width: 40px !important;
padding: 8px 4px !important; }
.select-package-modal .marketplace-channel-icon {
display: inline-flex !important;
font-size: 14px !important;
color: #0c2028 !important;
line-height: 20px !important; }
.select-package-modal .marketplace-channel-icon .channel-with-name {
display: inline-flex;
margin-right: 8px !important; }
.select-package-modal .marketplace-channel-icon .channel-with-name img {
width: 20px !important;
height: 20px !important;
border-radius: 3px;
margin-right: 8px; }
@media (min-width: 1024px) {
.route-optimization-setting.un-page {
width: 644px !important;
margin: 0 auto !important; } }
.route-optimization-setting.un-page .header-buttons {
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
@media (min-width: 1024px) {
.route-optimization-setting.un-page .header-buttons {
min-width: 644px !important;
max-width: 644px !important;
margin: 0 auto; } }
.route-optimization-setting.un-page .header-buttons .b-btn,
.route-optimization-setting.un-page .header-buttons .b-btn:hover,
.route-optimization-setting.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; }
.route-optimization-setting.un-page .header-buttons .b-btn i,
.route-optimization-setting.un-page .header-buttons .b-btn:hover i,
.route-optimization-setting.un-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.route-optimization-setting.un-page .choose-file .choose-btn {
height: 33px;
border-radius: 4px 0 0 4px !important;
color: #0c2028; }
.route-optimization-setting.un-page .choose-file .ant-input {
border-radius: 0 4px 4px 0 !important; }
.delivery-plan .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.delivery-plan .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.delivery-plan .unicart-table .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.zone-planner-setting .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.zone-planner-setting .header-buttons .b-btn,
.zone-planner-setting .header-buttons .b-btn:hover,
.zone-planner-setting .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; }
.zone-planner-setting .header-buttons .b-btn i,
.zone-planner-setting .header-buttons .b-btn:hover i,
.zone-planner-setting .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.zone-planner-setting .unicart-table .ant-table-container table > thead > tr:first-child th:last-child {
border-top-right-radius: 12px !important; }
.zone-planner-setting .unicart-table .ant-table-container table > thead > tr:first-child th:first-child {
border-top-left-radius: 12px !important; }
.zone-planner-setting .unicart-table .ant-table table {
border-top-right-radius: 12px;
border-top-left-radius: 12px; }
.delivery-plan-info-page {
/* Drag handle column */
/* Index column */
/* Delete column */
/* Content area (address, tracking number) */
/* Package meta info */
/* Package info & address */
/* Dragging effect */
/* Vertical spacing between cards */ }
.delivery-plan-info-page .header-buttons {
min-width: 816px !important;
max-width: 1344px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed;
padding-right: 99px !important; }
.delivery-plan-info-page .header-buttons .b-btn,
.delivery-plan-info-page .header-buttons .b-btn:hover,
.delivery-plan-info-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; }
.delivery-plan-info-page .header-buttons .b-btn i,
.delivery-plan-info-page .header-buttons .b-btn:hover i,
.delivery-plan-info-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.delivery-plan-info-page .delivery-plan-container {
margin-top: 20px;
display: flex;
height: calc(100vh - 150px); }
.delivery-plan-info-page .delivery-plan-left {
flex: 1;
max-width: 490px !important;
background: #fff;
padding: 16px;
border-radius: 8px 0 0 8px;
overflow-y: auto;
display: flex;
flex-direction: column;
min-height: 100%;
scrollbar-width: none;
-ms-overflow-style: none; }
.delivery-plan-info-page .delivery-plan-left::-webkit-scrollbar {
display: none; }
.delivery-plan-info-page .delivery-plan-card-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px; }
.delivery-plan-info-page .delivery-plan-card-title h3 {
margin: 0; }
.delivery-plan-info-page .delivery-plan-card-title button {
display: flex;
border: none;
box-shadow: none; }
.delivery-plan-info-page .delivery-plan-card-title button i {
padding-right: 5px; }
.delivery-plan-info-page .delivery-plan-card {
background: #f6f6f6;
padding: 12px 16px;
margin-bottom: 16px;
display: inline-flex;
align-items: center;
gap: 8px; }
.delivery-plan-info-page .delivery-plan-card p {
margin: 0 0 8px 0;
font-size: 14px; }
.delivery-plan-info-page .delivery-plan-meta {
display: grid;
gap: 12px 12px;
margin-top: 8px;
font-size: 14px;
color: #333; }
.delivery-plan-info-page .delivery-plan-stops {
margin: 18px 0px; }
.delivery-plan-info-page .delivery-plan-right {
flex: 2;
background: #f9f9f9;
border-radius: 0 8px 8px 0;
overflow: hidden; }
.delivery-plan-info-page .map-placeholder {
width: 100%;
height: 100%;
background: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #666; }
.delivery-plan-info-page .delivery-plan-card.package-card {
display: flex;
align-items: center;
padding: 12px 16px;
margin-bottom: 12px;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
width: 100%;
box-sizing: border-box;
min-height: 60px; }
.delivery-plan-info-page .package-card .drag-handle-col {
width: 40px;
/* fixed width for drag handle */
display: flex;
justify-content: center;
align-items: center; }
.delivery-plan-info-page .package-card .index-col {
width: 40px;
/* fixed width for index */
display: flex;
justify-content: center;
align-items: center; }
.delivery-plan-info-page .package-card .delete-col {
width: 40px;
/* fixed width for delete icon */
display: flex;
justify-content: center;
align-items: center; }
.delivery-plan-info-page .package-card .content-col {
flex: 1;
/* take remaining space */
display: flex;
flex-direction: column;
min-width: 0;
/* allow text wrap/truncate */ }
.delivery-plan-info-page .package-meta {
width: 100%; }
.delivery-plan-info-page .package-info {
font-size: 14px;
font-weight: 500;
margin-bottom: 2px; }
.delivery-plan-info-page .package-address {
font-size: 12px;
color: #666;
word-break: break-word;
line-height: 1.4; }
.delivery-plan-info-page .delivery-plan-card.package-card.is-dragging {
opacity: 0.4;
transform: rotate(2deg); }
.delivery-plan-info-page .package-list {
display: flex;
flex-direction: column;
gap: 12px;
padding: 6px 0; }
@charset "UTF-8";
.route-info-page {
/* Panel header text */
/* Custom +/- icon */
/* List inside panel */ }
.route-info-page .header-buttons {
min-width: 816px !important;
max-width: 816px !important;
width: 100% !important;
top: 10px !important;
display: flex;
position: fixed; }
.route-info-page .header-buttons .b-btn,
.route-info-page .header-buttons .b-btn:hover,
.route-info-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; }
.route-info-page .header-buttons .b-btn i,
.route-info-page .header-buttons .b-btn:hover i,
.route-info-page .header-buttons .b-btn:focus i {
font-size: 20px !important;
margin-right: 12px !important; }
.route-info-page .header-buttons .outline-btn,
.route-info-page .header-buttons .outline-btn:focus,
.route-info-page .header-buttons .outline-btn:hover {
margin-right: 16px !important;
border: 1px solid #d4d4d4 !important;
background: none !important;
color: #0c2028 !important; }
.route-info-page .route-container {
margin-top: 20px;
display: flex;
height: calc(100vh - 150px); }
.route-info-page .route-left {
flex: 1;
max-width: 490px !important;
background: #fff;
padding: 16px;
border-radius: 8px 0 0 8px;
overflow-y: auto;
display: flex;
flex-direction: column;
min-height: 100%;
/* ๐ make sure it can stretch full height */
/* ๐ hide scrollbar but allow scrolling */
scrollbar-width: none;
/* Firefox */
-ms-overflow-style: none;
/* IE & Edge */ }
.route-info-page .route-left::-webkit-scrollbar {
display: none;
/* Chrome, Safari */ }
.route-info-page .route-right {
flex: 2;
/* take 2 portions (bigger than left) */
background: #f9f9f9;
border-radius: 0 8px 8px 0;
overflow: hidden; }
.route-info-page .route-card-title {
display: flex;
align-items: center;
/* vertically center h3 + button */
justify-content: space-between;
/* h3 left, button right */
margin-bottom: 16px; }
.route-info-page .route-card-title h3 {
margin: 0;
/* remove default margin for tighter alignment */ }
.route-info-page .route-card-title button {
display: flex;
border: none;
box-shadow: none; }
.route-info-page .route-card-title button i {
padding-right: 5px; }
.route-info-page .route-card {
background: #F6F6F6;
padding: 12px 6px;
margin-bottom: 16px;
display: flex;
flex-direction: column;
gap: 8px; }
.route-info-page .route-card p {
margin: 0 0 8px 0;
font-size: 14px; }
.route-info-page .route-meta {
display: grid;
grid-template-columns: 1.2fr 1fr 1fr;
/* 3 columns */
gap: 12px 12px;
/* row gap + column gap */
margin-top: 8px;
font-size: 14px;
color: #333; }
.route-info-page .route-meta span {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap; }
.route-info-page .route-meta .route-icon {
font-size: 16px;
color: #90999D; }
.route-info-page .route-meta .route-start,
.route-info-page .route-meta .route-end {
font-weight: 400;
/* normal weight */
color: #333;
/* keep text readable */ }
.route-info-page .route-cost .ant-collapse > .ant-collapse-item > .ant-collapse-header {
background: #F6F6F6 !important;
padding: 6px 8px; }
.route-info-page .route-cost .ant-collapse-header {
display: flex;
font-weight: 600;
font-size: 15px;
width: 100%; }
.route-info-page .route-cost .collapse-toggle {
display: flex;
align-items: center;
gap: 6px; }
.route-info-page .route-cost .collapse-text {
font-size: 13px;
color: #666;
line-height: 1; }
.route-info-page .route-cost .collapse-icon {
font-size: 16px;
color: #333;
padding: 2px 6px;
display: inline;
align-items: center;
cursor: pointer; }
.route-info-page .route-cost .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
right: 8px !important;
left: auto; }
.route-info-page .route-cost ul {
margin: 0;
padding-left: 18px; }
.route-info-page .route-cost li {
margin-bottom: 6px;
font-size: 14px; }
.route-info-page .route-stops {
margin: 18px 0px; }
.route-info-page .route-actions {
position: relative;
bottom: 0;
background: #fff;
/* give it a background so it doesnโt overlap weird */
display: flex;
justify-content: flex-end;
gap: 10px;
padding: 12px 16px;
border-top: 1px solid #eee;
z-index: 10;
/* keep above scroll content */ }
.route-info-page .map-placeholder {
width: 100%;
height: 100%;
background: #eaeaea;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #666; }
.route-info-page .ant-table-wrapper .ant-table {
background: transparent !important;
/* remove white bg */ }
.route-info-page .ant-table-tbody > tr > td {
border: none !important;
/* remove row borders */
padding: 4px 8px;
/* adjust spacing */ }
.route-info-page .ant-collapse-content > .ant-collapse-content-box {
padding: 0 !important;
/* or whatever spacing you prefer */ }