/*!
 * Theme Name: MEVAL Dashboard
 * Author    : MEVAL
 * Author URI: https://meval.id
 * Version	 :	1.0.0
**/

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	color: #000000;
}

.bg-lighter,
.dual-listbox .dual-listbox__item:hover {
	background-color: #fff4e4 !important;
}

.btn.btn-outline-primary:focus,
.btn.btn-primary:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.btn.btn-outline-primary:hover,
.btn.btn-primary:hover {
	text-decoration: none !important;
}

body {
	color: #666666;
}

.hidden {
	display: none !important;
}

.status_pesanan {
	color: #fa8700;
}

.invoice-desc ul span.status_pesanan {
	color: #fa8700;
}

.tx-align-center {
	text-align: center;
}

.data-list .data-item .data-label {
	width: 130px;
	margin-right: 15px;
}

.btnAct a.simpleLink {
	margin-left: 10px;
	margin-right: 10px;
	padding: 0.6875rem 1.5rem;
	font-size: 0.9375rem;
	line-height: 1.25rem;
	border-radius: 5px;
}

.btnAct a.simpleLink:hover {
	color: #fa8700 !important;
}

.form-group .asterix {
	color: red;
}

.badge-outline-primary {
	color: #FFA400 !important;
	border-color: #FFA400;
}

.nk-menu-text {
	line-height: 1.2;
}

.data-value .status.status_0 {
	color: #ffffff;
	background-color: red;
	padding: 3px 10px;
	font-size: 11px;
	border-radius: 5px;
	font-weight: bold;
}

.data_profile .status_profile {
	margin-bottom: 20px;
	border-bottom: 0;
}

.nk-notification-content a {
	display: block;
}

.pay_logo {
	margin-bottom: 20px;
}

.top_margin30 {
	margin-top: 30px;
}

.bottom_margin30 {
	margin-bottom: 30px;
}

.charcoal_bg {
	background: #959A9C;
}

.orange_bg {
	background: #FFA400;
}

.bg-gray-dim {
	background-color: #efefef !important;
}

.invest-data-history .amount.highlight {
	font-weight: bold;
	color: #FFA400;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	margin-left: 10px;
	font-size: 16px;
	color: #FFA400;
}

.orangeFont,
.orangeFont>* {
	color: #FFA400 !important;
}

.link-list-plain a {
	line-height: 1;
}

.bodyPop .input_form {
	margin-top: 20px;
	position: relative;
}

.slick-dots li button {
	background-color: #ffffff;
}

.form-note .phonenum {
	margin-left: 5px;
	font-weight: bold;
}

.form-note .badge {
	font-style: normal;
	margin-top: 5px;
}

.modalViewRedeem .bodyPop .headingPop {
	background-color: #FFA400;
	color: #ffffff;
	margin-left: -15px;
	margin-right: -15px;
	padding: 0 20px 10px;
	margin-bottom: 25px;
	border-radius: 7px;
}

.modalViewRedeem .bodyPop .btnAct {
	margin-left: -15px;
}

.modalViewRedeem .bodyPop .headingPop h6.subtitle {
	color: #ffffff;
	font-weight: bold;
}

.modalViewRedeem .bodyPop .headingPop .iconDashboard em,
.modalViewRedeem .bodyPop .headingPop .amount,
.modalViewRedeem .bodyPop .headingPop .amount span {
	color: #ffffff !important;
}

.modalViewRedeem .bodyPop .headingPop .amount {
	font-weight: bold;
	float: left;
}

.modalViewRedeem .bodyPop .headingPop .iconDashboard {
	margin-top: 5px;
	float: left;
}

.alignVM {
	vertical-align: middle !important;
}

.modalViewRedeem .bodyPop .card-amount {
	padding-bottom: 10px !important;
}

.slick-dots li.slick-active button {
	background-color: #FFA400;
}

.user_type {
	display: block;
	line-height: 1;
	background: #FFA400;
	padding: 10px 5px 10px 40px;
	color: #ffffff;
	font-size: 17px;
	/* text-align: center; */
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 700;
}

.nk-sidebar .nk-menu {
	padding-bottom: 50px;
}

.invoice-wrap {
	padding: 2rem;
}

.invoice-desc ul li {
	padding-top: 5px;
}
.logHistoryWrapper {
	
max-height: 400px;
	
overflow-y: auto;
	
padding-right: 15px;
}
.linkBottom .verifyPhone {
	font-size: 12px;
	text-align: right;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	text-decoration: underline;
	margin-bottom: 15px;
	padding-top: 5px;
}

.invoice-desc ul li:first-child {
	padding-top: 15px;
}

.invoice-wrap.log_history {
	background: #f6f6f6;
}

.invoice-wrap .log_history {
	background: #f8f8f8;
}

.timeline-des strong {
	color: #FFA400;
}

.invoice-wrap table.log_history {
	margin-bottom: 0;
}

.invoice-desc ul span:not(.badge):first-child {
	min-width: 150px;
}

.modalStatus .titlePop span {
	color: red;
}

.invoice-desc .badge {
	display: block;
	text-align: left;
	/* top: 20px; */
	/* color: inherit !important; */
	;
}

.invoice-desc ul .invoice-desc .badge {
	color: inherit;
}

.invoice-bills td {
	font-size: 12px;
}

.nowrap {
	white-space: nowrap;
}

.card .table tr th,
.card .table tr td {
	font-size: 12px;
	line-height: 1;
}

.card .table .dropdown {
	margin-top: 0;
}

.card .table td {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.card .table tr td>div {
	line-height: 1.2;
	margin-top: 3px;
}

.card .table tr td a:hover {
	text-decoration: underline;
}

.poinWrap .badge_data {
	float: left;
	margin-right: 10px;
}

.poinWrap .badge_data .icon {
	font-size: 50px;
	color: #FFA400;
}

.poinWrap .badge_lbl {
	display: block;
	/* float: left; */
	margin-left: 5px;
}

.card-inner.moreDetail {
	padding-bottom: 0;
	font-size: 12px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.card-inner.moreDetail .detailTrx {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	border-top: 1px dashed #eeeeee;
	padding-top: 15px;
}

.modalApproveBadge .badgeWrapper,
.modalViewBadge .badgeWrapper {
	display: inline-block;
	width: 100%;
}

.icon-empty.icon-status:after {
	visibility: hidden;
}

.card .table tr.notif {
	background: #fef6e0;
}

#masterData_length select {
	margin-left: 10px;
	margin-right: 10px;
}

#masterData_filter label {
	text-align: right;
	width: 100%;
}

#masterData_filter label input {
	width: auto;
	margin-left: 20px;
}

div.dataTables_wrapper div.dataTables_processing {
	background: #ffffff;
	color: #aaaaaa;
	font-weight: bold;
	box-shadow: 0px 0px 1px 0px rgb(82 100 132 / 20%), 0px 8px 15.52px 0.48px rgb(28 43 70 / 15%);
}

.card-inner.moreDetail .detailTrx .info span:first-child {
	margin-right: 20px;
}

.nk-notification-item.status_0 {
	background: #f5f6fa;
}

.card-inner.moreDetail .detailTrx .info strong {
	color: #FFA400;
	float: right;
}

.poinWrap .badge_lbl .card-title,
.poinWrap .badge_lbl .card-tools {
	float: left;
}

.poinWrap .badge_lbl .card-title {
	line-height: 23px;
	display: block;
	margin-top: 0;
	margin-bottom: 10px;
}

.poinWrap .badge_lbl .card-tools {
	margin-left: 10px;
}

.poinWrap .badge_lbl>.card_data {
	display: inline-block;
}

.poinWrap .badge_lbl>.poin-amount {
	display: block;
	margin-top: -10px;
}

.poinWrap .badge_lbl>.poin-amount>div {
	display: block;
	line-height: 1.4;
}

.poinWrap .badge_lbl>.poin-amount>div .bigger strong {
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}

.poinWrap .badge_lbl>.poin-amount>div .bigger {
	display: block;
	margin-top: 5px;
}

.poinWrap .badge_lbl>.poin-amount>div span {
	margin-top: -5px;
	display: inline-block;
	margin-bottom: 5px;
}

.card .table.lgfont tr th,
.card .table.lgfont tr td {
	font-size: 14px;
}

.msgform .msg_info {
	margin-bottom: 15px;
}

.inputPhone.msgform {
	padding-top: 0 !important;
}

.components-preview .nk-block-head {
	padding-left: 20px;
	padding-right: 20px;
}

.card .table.tableBayar tr td,
.card .table.tableBayar th {
	font-size: 14px;
}

.card .table.tableBayar thead tr {
	background: #dddddd;
}

.card .table.tableBayar .no_inv {
	font-weight: bold;
}

.card .table.tableBayar tr:nth-child(even) {
	background: #f6f6f6;
}

.nk-header-fixed + .nk-content {
	padding-left: 15px;
	padding-right: 15px;
}

.labelPop {
	line-height: 1;
	margin-bottom: 5px;
}

.notesWrap {
	white-space: pre-wrap;
}

.iconDashboard .icon {
	font-size: 36px;
	line-height: 1;
}

tfoot.grayFoot {
	background: #eeeeee;
}

a.linkSimple,
a.linkSimple .text {
	text-decoration: none !important;
}

a.linkSimple .text {
	margin-top: 5px;
}

.card_label {
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 1;
	border-radius: 3px 3px 0 0;
}

.bg-meval {
	background-color: #FFA400 !important;
}

.tablePambayaran {
	margin-top: 25px;
}

.tablePambayaran.pilihItem .nk-tnx-type-text {
	line-height: 1;
}

.tablePambayaran.pilihItem .nk-tb-col {
	padding: .5rem;
}

.formPayment .form-label {
	margin-bottom: 0;
}

.no_wrap {
	white-space: nowrap;
}

.select2-results__option[aria-selected] {
	line-height: 1.3;
}

.nk-menu-icon {
	width: 31px;
}

.nk-tb-col-status .btnDel {
	font-size: 20px;
	cursor: pointer;
}

.nk-tb-col-status .btnDel:hover em {
	color: #FFA400;
}

.nk-tb-item .nk-tb-col:first-child {
	padding-left: 0 !important;
}

.nk-tb-head .nk-tb-col,
.nk-tb-head .nk-tb-col .sub-text {
	color: #FFA400;
	font-weight: bold;
}

.nk-tb-head .nk-tb-col span {
	font-weight: bold;
	letter-spacing: 1px;
}

.reportyear {
	padding-top: 10px;
}

.reportyear .msg_info {
	line-height: 1.4;
	font-size: 12px;
	display: block;
}

.modalDetailPromo .nk-modal-title {
	margin-bottom: 0;
	font-size: 17px;
}

.modalDetailPromo .captionPop {
	font-size: 15px;
	line-height: 1.5;
}

.modalDetailPromo .kode_produk {
	color: #aaaaaa;
}

.modalDetailPromo .itemPromo {
	margin-top: 12px;
	padding-top: 17px;
	border: 1px solid #eeeeee;
	padding: 15px;
	border-radius: 7px;
	position: relative;
}

.modalDetailPromo .itemPromo:before {
	font-family: "Nioicon" !important;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\EBE2";
	font-size: 50px;
	position: absolute;
	right: 10px;
	color: #eeeeee;
}

.modalDetailPromo .itemPromo .namaPromo {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
	color: #fa8700;
}

.modalDetailPromo .itemPromo .price.hasPromo {
	color: rgba(49, 53, 59, 0.44);
	/* text-decoration: line-through; */
	white-space: nowrap;
	font-size: 0.9rem;
	margin-bottom: 5px;
}

.modalDetailPromo .itemPromo .price.hasPromo .txPrice {
	text-decoration: line-through;
}

.modalDetailPromo .itemPromo .price.hasPromo .badge {
	font-size: 0.6rem;
	line-height: 1.1rem;
	text-decoration: none;
	border: 0;
	margin-left: 7px;
	background: #fa8700;
	color: #ffffff;
}

.modalDetailPromo .itemPromo .price.promoPrice {
	font-weight: bold;
	font-size: 1rem;
}

.modalDetailPromo .itemPromo .masa_berlaku {
	border-top: 1px solid #eeeeee;
	margin-top: 7px;
	padding-top: 7px;
}

.modalViewRedeem .item-redem {
	margin-bottom: 15px;
	padding: 13px 17px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}

.modalViewRedeem .item-redem .iconleft {
	float: left;
	margin-right: 10px;
}

.modalViewRedeem .item-redem .content {
	padding-left: 59px;
}

.labelInfoRedeem {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 14px;
	padding-top: 10px;
	border-top: 1px solid #ffc357;
}

.modalViewRedeem .item-redem.activated {
	border: 1px solid #FFA400;
	box-shadow: 0px 0px 1px 0px rgb(82 100 132 / 20%), 0px 3px 12px 0.5px rgb(28 43 70 / 15%);
}

.item-redem.col-md-12.active.activated .itemname {
	color: #FFA400;
}

.modalViewRedeem .item-redem .icon {
	font-size: 50px;
	color: #eeeeee;
}

.item-redem.col-md-12.active.activated .icon {
	color: #FFA400;
}

.modalViewRedeem .itemname {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}

.modalViewRedeem .poin_req {
	margin-bottom: 10px;
	font-size: 13px;
	color: #bbbbbb;
}

.modalViewRedeem .desc {
	font-size: 13px;
	padding-right: 50px;
}

.modalViewRedeem .item-redem.disable {
	opacity: 0.7;
}

.modalViewRedeem .item-redem.disable .poin_req .badge {
	background: #cccccc;
	border: 1px solid #cccccc;
	color: #ffffff;
}

.productTable .prodname strong {
	font-size: 14px;
}

.addWishlist.favon {
	background: #fa8700;
	color: #ffffff;
}

.btn.btn-icon:focus,
.btn.btn-icon:active {
	box-shadow: none !important;
}

#masterData_wrapper>.row:first-child+.row {
	margin-top: 20px;
}

#masterData_wrapper>.row:first-child {
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}

.card .table tr td a.btn.btn-icon:hover {
	text-decoration: none;
}

.card .table tr td a.btn.btn-icon .icon + span {
	padding-left: 0;
}

.modalDetailPromo .itemPromo .masa_berlaku,
.modalDetailPromo .itemPromo .min_beli {
	font-size: 14px;
}

.form-icon-left {
	left: 0;
}

.bg-secondary>* {
	color: #ffffff;
}

.nk-notification-item .nk-notification-time {
	color: #fa8700;
	line-height: 1;
}

.nk-notification-item .nk-notification-text {
	line-height: 1.3;
	margin-bottom: 5px;
}

.nk-order-ovwg-data.sell {
	border-color: #6783b8;
}

.nk-order-ovwg-data.sell .amount,
.nk-order-ovwg-data.sell .title .icon {
	color: #6783b8;
}

.bodyPop .content {
	text-align: left;
	line-height: 1.3;
}

.badgeWrapper {
	padding-bottom: 0;
}

.badgeWrapper .badge_data {
	float: left;
}

.badgeWrapper .badge_data .ico {
	font-size: 40px;
}

.tableBadge .nama_customer {
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
}

.tableBadge .cust_code {
	margin-top: 5px;
	margin-bottom: 2px;
}

.tableBadge .customer .tipe_customer {
	margin-bottom: 5px;
}

.tableBadge .cust_code span {
	margin-bottom: 3px;
	padding: 0 0.25rem;
}

.tableBadge .ico {
	font-size: 24px;
	float: left;
	line-height: 1;
}

.tableBadge .badge_data .badge_label {
	line-height: 23px;
	float: left;
	margin-left: 4px;
	font-weight: bold;
	font-size: 13px;
}

.nk-menu-item.blink-menu .nk-menu-badge {
	animation: blink 1s linear infinite;
	border-color: #e85347;
	color: #e85347;
	background: #e85347;
	border-radius: 40px;
	padding: 0 .12rem;
	line-height: .65rem;
	-webkit-box-shadow: 1px 1px 5px 1px rgb(232 83 71 / 50%);
	box-shadow: 1px 1px 5px 1px rgb(232 83 71 / 50%);
}

.sale .badge {
	line-height: 1.4;
	padding-right: 0.3rem;
	padding-left: 0.3rem;
}

.card .table .store_link {
	margin-top: 5px;
	margin-bottom: 12px;
}

.card .table .store_link img {
	height: 22px;
}

.card .table .store_link a {
	display: inline-block;
	padding: 3px 10px;
	border: 1px solid #dbdfea;
	border-radius: 5px;
}

.card .table .store_link a:hover {
	box-shadow: 0px 0px 1px 0px rgb(82 100 132 / 20%), 0px 3px 12px 0.5px rgb(28 43 70 / 15%);
	border-color: #ffffff;
}

.card .table .harga .price.hasPromo,
.card .table .harga .price.hasSale {
	color: rgba(49, 53, 59, 0.44);
	/* text-decoration: line-through; */
	white-space: nowrap;
	font-size: 0.714286rem;
	margin-bottom: 5px;
}

.card .table .harga .price.hasSale .txPrice,
.card .table .harga .price.hasPromo .txPrice {
	text-decoration: line-through;
}

.card .table .harga .price.hasSale .badge,
.card .table .harga .price.hasPromo .badge {
	font-size: 0.6rem;
	line-height: 1.1rem;
	text-decoration: none;
	border: 0;
	margin-left: 7px;
	background: #fa8700;
	color: #ffffff;
}

.card .table .harga.net_sale .price {
	font-weight: bold;
}

.nk-menu-item.blink-menu .nk-menu-text {
	line-height: 1;
}

.nk-menu-item.blink-menu a,
.nk-menu-item.blink-menu .nk-menu-icon {
	color: #e85347 !important;
}

.modalViewRedeem .item-redem .row>div {
	padding-left: 0;
	width: 50%;
}

.badge_data .ico.badge_bronze {
	color: #cd7f32;
}

.badge_data .ico.badge_silver {
	color: #C0C0C0;
}

.badge_data .ico.badge_gold {
	color: #FFD700;
}

.badge_data .ico.badge_platinum {
	color: #E5E4E2;
}

.badge_data .ico.badge_diamond {
	color: #B9F2FF;
}

.badgeWrapper .badge_lbl {
	display: block;
	float: left;
	margin-left: 5px;
}

.badgeWrapper .badge_lbl h4 {
	line-height: 1;
	margin-bottom: 0;
	margin-top: 10px;
}

.badgeWrapper .badge_lbl span {
	color: #999999;
	margin-bottom: 10px;
	display: block;
}

.loading_container:before {
	content: '';
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 9999;
}

.loading_container .wrapper {
	max-width: 90%;
	width: 300px;
	text-align: center;
	background: #ffffff;
	padding: 20px 10px 0px 10px;
	border-radius: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 9999;
}

.loading_container .meval_logo {
	width: 199px;
}

.mobileVer {
	display: none !important;
}

.log_history .table td {
	padding: 0;
	font-size: 12px;
	border-top: 0;
}

.totalARData {
	/* background: #efefef; */
	padding: 1rem;
}

.totalARData td {
    font-size: 16px;
}

.card .tableOpenAR tr td {
	
padding-top: 0.5rem;
	
padding-bottom: 0.5rem;
}

.card .tableOpenAR tr td:first-child {
    padding-left: 0;
}

.log_history .table .log_activity {
    display: block;
    float: left;
}

.log_history .table tr {
    border-bottom: 1px solid #dedede;
    padding: 5px;
    display: inline-block;
    width: 100%;
}

.log_history .table tr.comment {
}

.log_history .table .log_date {
    float: right;
    width: 140px;
}

.log_history .log_activity .comment {
    display: block;
    font-style: italic;
}

.log_history .table td.log_date {
	text-align: right;
}

div.dataTables_wrapper div.dataTables_processing:before,
div.dataTables_wrapper div.dataTables_processing:after {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #FFA400;
	opacity: 0.6;
	position: absolute;
	top: 10px;
	left: 20px;
	content: '';
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.paySummary.floatingBottom {
	position: fixed;
	bottom: 20px;
	right: 20px;
	top: auto;
	display: block;
	width: auto;
	z-index: 99;
}

.data-pending .nk-wg-action-content .icon {
	color: #FFA400;
}

.data-pending .nk-wg-action-content .payData {
	padding-left: 50px;
}

.data-pending .nk-wg-action-content .payData .detail {
	font-size: 13px;
	line-height: 1.2;
}

.data-pending .nk-wg-action-content .payData .title {
	line-height: 1;
}

.bodyPop .summaryPayment .paymentInfo .rincian_pembayaran {
	margin-bottom: 30px;
}

.paymentInfo .rincian_pembayaran table {
	color: #666666;
	margin-top: 15px;
	font-size: 13px;
	line-height: 1;
	background: #efefef;
	border-radius: 5px;
}

.paymentInfo .rincian_pembayaran table th {
	border-top: 0;
}

.paymentInfo .rincian_pembayaran table td {
	border-top: 1px solid #dbdfea;
}

.bodyPop .summaryPayment .paymentInfo>div {
	margin-bottom: 10px;
	margin-top: 20px;
}

.bodyPop .summaryPayment .paymentInfo .payinfo {
	margin-bottom: 15px;
}

.bodyPop .summaryPayment .paymentInfo>div span {
	font-weight: bold;
	font-size: 16px;
}

.bodyPop .summaryPayment .paymentInfo .nomor_tagihan span {
	color: #FFA400;
	font-size: 19px;
}

.bodyPop .summaryPayment .paymentInfo .nomor_tagihan {
	margin-bottom: 0;
}

.summaryPayment .payment_logo .logo_src {
	display: inline-block;
	border: 1px solid #dddddd;
	border-radius: 5px;
	margin-bottom: 10px;
}

.summaryPayment .payment_logo img {
	width: 90px;
	padding: 5px;
}

.bodyPop .timerPay {
	margin-bottom: 15px;
}

.bodyPop .timerPay p {
	font-size: 21px;
	font-weight: bold;
}

.paySummary.floatingBottom .card {
	border: 0;
	background-color: #ffffff;
	border-color: #ffffff;
	color: #ffffff;
	border-radius: 5px;
	box-shadow: 0 1px 6px rgba(5, 27, 44, .06), 0 2px 12px rgba(5, 27, 44, .16)!important;
}

.paySummary.floatingBottom .card .invest-data-amount {
	border: 1px solid #dbdfea;
	border-radius: 4px;
}

.paySummary.floatingBottom .card .card-inner .title,
.paySummary.floatingBottom .card .card-inner .amount,
.paySummary.floatingBottom .card .card-inner .amount span {
	color: #555555;
}

.paySummary.floatingBottom .card .card-inner {
	padding: 0.6rem 0.6rem 0.6rem 0.6rem;
}

div.dataTables_wrapper div.dataTables_processing:after {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.iconPay em {
	font-size: 26px;
	color: #FFA400;
	margin-top: 4px;
	display: block;
}

.iconPay {
	background: #ffffff;
	border-radius: 4px;
	margin-right: 0;
	margin-left: 1px;
}

@-webkit-keyframes sk-bounce {
	0%, 100% {
		-webkit-transform: scale(0.0);
	}

	50% {
		-webkit-transform: scale(1.0);
	}
}

@keyframes sk-bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	}

	50% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}

.actPendingPayment:last-child {
	border-bottom: 0 !important;
}

.actPendingPayment a {
	color: #666666;
}

.data-pending .actPendingPayment:first-child {
	padding-top: 0 !important;
}

.note_payment {
	line-height: 1.2;
}

.tablePembayaran .item-pay {
	margin-bottom: 5px;
}

.lds-ellipsis {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ellipsis div {
	position: absolute;
	top: 33px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #ffa400;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
	left: 8px;
	animation: lds-ellipsis1 .6s infinite;
}

.lds-ellipsis div:nth-child(2) {
	left: 8px;
	animation: lds-ellipsis2 .6s infinite;
}

.lds-ellipsis div:nth-child(3) {
	left: 32px;
	animation: lds-ellipsis2 .6s infinite;
}

.lds-ellipsis div:nth-child(4) {
	left: 56px;
	animation: lds-ellipsis3 .6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(24px, 0);
	}
}

@keyframes blink {
	0% {
		opacity: .0;
	}

	50% {
		opacity: .5;
	}

	100% {
		opacity: 1;
	}
}

#modalPilih .prodWrap {
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
}

.note_payment {
	font-size: 12px;
	text-align: center;
}

.note_payment.leftalign {
	text-align: left;
	/* line-height: 1; */
	;
}

.note_payment.leftalign .info_box {
	background: #efefef;
	padding: 5px 10px;
	display: block;
	border-radius: 5px;
}

.note_payment.leftalign .info_box strong {
	color: #FFA400 !important;
}

#modalPilih .wrapperProduct {
	width: 100%;
}

.nk-sidebar .nk-menu {
	padding-left: 16px;
	padding-right: 16px;
}

@media (min-width: 576px) {
	#modalPilih .modal-dialog {
		max-width: 720px;
	}
}

@media (min-width: 1200px) {
	.nk-sidebar .nk-sidebar-head {
		width: 270px;
		padding: 5px 30px;
	}

	.nk-sidebar + .nk-wrap {
		padding-left: 270px;
	}

	.nk-sidebar {
		width: 270px;
	}

	.wide-lg {
		max-width: 1170px !important;
	}

	.nk-sidebar + .nk-wrap > .nk-header-fixed {
		left: 270px;
		opacity: 0.9;
	}
}

@media (max-width: 1090px) {
	.formPayment .lbl_inv {
		padding-bottom: 0 !important;
	}

	.invoice-desc {
		width: 100% !important;
		padding-top: 5px;
	}

	.formPayment form .g-3.row {
		margin-top: 10px !important;
	}

	.formPayment form .g-3.row .col-lg-3.lbl_inv+div+.lbl_inv {
		margin-top: 10px;
	}

	.formPayment form .g-3.row.bg-gray-dim {
		margin-top: 20px !important;
	}

	.formPayment form .g-3.row:first-child {
		margin-top: 0 !important;
	}

	.nk-tb-head .nk-tb-col {
		font-size: 1em;
	}

	.formPayment>.card-inner {
		padding-top: 5px !important;
	}

	.card .table.tableBayar tr td,
	.card .table.tableBayar th {
		font-size: 13px;
	}

	.card .table.tableBayar input.bayar {
		min-width: 120px;
		padding-left: calc(1rem + 19px);
	}

	.card .table.tableBayar .due_date {
		display: none;
	}

	.nk-header-fixed + .nk-content .container-xl {
		padding-left: 0;
		padding-right: 0;
	}

	.nk-header-fixed +.nk-content {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 80px;
	}

	.nk-tb-tnx .nk-tb-col-status {
		padding-right: 0 !important;
	}

	.formPayment.card-bordered {
		border: 0;
	}

	.listDataPembayaran .noInv {
		font-size: 15px;
	}

	.formPayment .form-label {
		font-size: 15px;
	}

	table.dataTable {
		max-width: 100% !important;
		width: 100% !important;
	}

	.datatable-wrap {
		overflow-x: auto;
	}
}

@media (max-width: 800px) {
    .log_history .table .log_date {
        width: 100%;
        font-size: 11px;
        line-height: 1.2;
        margin-top: 5px;
        text-align: left !important;
    }

.log_history .table tr {
    padding: 10px 5px;
}
}

@media(max-width:500px) {
	.tableMobile thead {
		display: none;
	}
	.modalViewRedeem .bodyPop .headingPop {
		margin-left: 0;
		margin-right: 0;
		padding-top: 20px;
	}

	.g-3 .col-lg-3 {
		padding-bottom: 0 !important;
	}

	.g-3 .col-lg-9 {
		padding-top: 0 !important;
	}

	.form-label {
		margin-bottom: 0;
	}

	.tableMobile tbody {
		display: block;
		padding-top: 10px;
	}

	.tableMobileWrapper div.dataTables_wrapper div.dataTables_filter input {
		font-size: 0.8rem;
		padding: 0.25rem 0.75rem;
	}

	.mobileVer {
		display: inline-block !important;
	}

	.card .table.tableMobile {
		border: 0;
		display: block;
	}

	.tableMobile tbody tr {
		display: block;
		margin-bottom: 15px;
		border: 0;
		border: 1px solid #dbdfea;
		/* padding-bottom: 10px; */
		padding-top: 5px;
		box-shadow: 0 1px 5px 0px rgb(49 53 59 / 10%);
		border-radius: 5px;
		padding: 8px;
		position: relative;
	}

	.productTable .prodname strong {
		font-size: 16px;
	}

	.tableMobileWrapper .datatable-wrap {
		border: 0;
	}

	.components-preview .card-preview > .card-inner.tableMobileWrapper {
		margin-top: 10px;
	}

	.tableMobile tbody tr .prodname {
		padding-top: 0 !important;
		font-weight: bold;
		font-size: 17px;
		margin-bottom: 5px;
	}

	.tableMobile tbody tr .prodname .ordercode {
		font-size: 12px;
		font-weight: normal;
	}

	.card .tableMobile tbody tr .groupname {
		display: inline-block;
		padding-right: 0px;
		padding-left: 5px;
	}

	.card .tableMobile tbody tr .subgroup_name,
	.card .tableMobile tbody tr .groupname {
		padding-top: 0;
	}

	.card .tableMobile tbody tr .subgroup_name {
		display: inline-block;
		padding-left: 0;
	}

	.card .tableMobile tbody tr .isi_karton {
		padding-top: 0 !important;
		/* display: inline-block; */
		padding-bottom: 10px;
		float: left;
	}

	.card table.tableMobile tbody tr .harga {
		font-size: 16px;
		font-weight: bold;
		/* text-align: right; */
		/* float: right; */
		color: #FFA400;
		margin-right: 5px;
		/* border-top: 1px solid #dbdfea; */
		margin-top: 5px;
		padding-bottom: 0.25rem !important;
		/* padding-right: 5px; */
		;
	}

	.card table.tableMobile tbody tr .harga.hasSale {
		padding: 0.5rem;
	}

	.card table.tableMobile tbody tr .harga.hasSale {
		/* display: inline-block; */
		width: 50%;
		margin: 0;
		float: left;
	}

	.card table.tableMobile tbody tr td.harga.harga_member.hasSale,
	.card table.tableMobile tbody tr td.harga.harga_member.hasSale .lblHarga {
		color: rgba(49, 53, 59, 0.44);
	}

	.card table.tableMobile tbody tr td.harga.harga_member.hasSale .badge {
		/* background: transparent; */
		/* border: 1px solid rgba(49, 53, 59, 0.44); */
		/* color: rgba(49, 53, 59, 0.44); */
		background: rgba(49, 53, 59, 0.2);
	}

	.card table.tableMobile tbody tr .harga.net_sale.hasSale {
		padding: 0.5rem;
	}

	.card table.tableMobile tbody tr .net_sale + td {
		display: inline-block;
		width: 100%;
	}

	.card table.tableMobile tbody tr .harga_member.hasSale .netPromo.lblHarga {
		display: none !important;
	}

	.card table.tableMobile tbody tr .net_sale.noSale {
		display: none;
	}

	.card table.tableMobile tbody tr .harga .lblHarga {
		font-size: 13px;
		/* font-weight: normal; */
		margin-bottom: 3px;
		color: #526484;
	}

	.card table.tableMobile tbody tr .pricelist {
		border-top: 1px solid #dbdfea;
		padding-top: 12px;
		margin-bottom: 5px;
		margin-top: 12px;
	}

	.card table.tableMobile tbody tr .pricelist .mobileVer {
		font-weight: bold;
	}

	.card table .promoInfo .lnkPromoDetail {
		font-size: 13px;
		text-decoration: underline;
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

	.card table.tableMobile tbody tr .harga + .harga {
		border-top: 0;
		padding-top: 0;
	}

	.card table.tableMobile tbody tr .harga span.labelTxt {
		color: #aaaaaa;
		font-size: 12px;
		margin-right: 5px;
		font-weight: normal;
	}

	.card table.tableMobile tbody tr .harga span.valText {
		float: right;
	}

	.card .tableMobile tbody tr td {
		display: block;
		padding: 0.5rem;
		border: 0;
		padding-bottom: 0;
		line-height: 1.3;
	}

	.card .tableMobile tbody tr td:last-child {
		padding-bottom: 0.5rem;
	}

	.modalViewRedeem .desc {
		font-size: 13px;
		padding-right: 50px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.modalViewRedeem .item-redem .row,
	.modalViewRedeem .bodyPop .row {
		margin-left: 0;
		margin-right: 0;
	}

	.modalViewRedeem .item-redem .row>div {
		padding-left: 0;
		width: 50%;
	}

	.modalViewRedeem .item-redem .row>div>div {
		margin-bottom: 3px;
	}

	.modalViewRedeem .bodyPop .card-title-group {
		padding-top: 0 !important;
	}

	.modalViewRedeem .bodyPop .card-amount {
		margin-top: 7px;
	}

	.modalViewRedeem .bodyPop .btnAct {
		margin-left: 0;
	}

	.pendingBox {
		margin-top: 20px;
	}

	.components-preview .boxPayment {
		margin-top: 15px;
	}
}

.tableFixHead          { overflow: auto; height: 100vh; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }