*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
.nq-wrap {
height: 100vh;
}
.flex {
display: flex;
}
.flex-container {
display: flex;
}
.align-items-center {
align-items: center;
}
.justify-content-center {
justify-content: center;
}
.h-chart-dashboard{
	margin: 23px 0 13px 0;
	height: 450px;
	background-color: #fff;
	padding: 22px;
	border-radius: 15px;

}
.nl-header-bar {
	height: 54px;
	background-color: #fff;
	/* position: fixed; */
	z-index: 1;
	display: flex;
	/* left: 0;
	right: 0;
	top: 0; */
	padding-left: calc(var(--menuWidth) + 20px);
    padding-right: 30px;
	box-shadow: 0px 2px 8px -13px #00000012;
	width: 100%;
	    /* min-width: 1920px; */
	transition: padding-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nl-header-bar .h-page-name {
	font-size: 1rem;
}
.logo-header-bar {
margin-left: 40px;
padding: 2px 2px 4px;

}
.nq-text-header {
color: #fff;
margin-right: 5px;
font-size: 15px;
display: inline-block;
position: absolute;
margin-top: 9px;
left: auto;
right: 80px;
}
.nq-header-bar {
padding: 10px 15px;
font-size: 15px;
}
.nl-left-menu {
	position: fixed;
	left: 0;
    top: 0;
    bottom: 0;
	width: 250px;
	background-color: var(--color-sidebar);
	z-index: 100;
	box-shadow: 0 0 3px rgb(0 0 0 / 12%);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}
.nl-left-menu .h-menu {
	padding: 0;
    height: calc(100vh - 120px);
    overflow-y: auto;
}
/* width */
.nl-left-menu .h-menu::-webkit-scrollbar {
  width: 0px;
  transition: width 0.3s;
}


/* Track */
.nl-left-menu .h-menu::-webkit-scrollbar-track {
  background: var(--color-sidebar);
}

/* Handle */
.nl-left-menu .h-menu::-webkit-scrollbar-thumb {
  background: var(--color-sidebar-submenu);
  border-radius: 3px;
}

/* Handle on hover */
.nl-left-menu .h-menu::-webkit-scrollbar-thumb:hover {
  background: var(--color-sidebar-submenu);
}
.nl-left-menu .logo-part {
	display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 30px;
	padding-bottom: 30px;
	height: 120px
}
 .nl-left-menu .logo-part img {
	height: auto;
	width: auto;
	max-width: 80%;
	max-height: 100%;
 }
.nl-left-menu1 {
	position: relative;
	color: #fff;
	font-size: 14px;
	padding: 10px 15px;
	margin-right: auto;
	text-decoration: none;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	cursor: pointer;
	/* border-radius: 6px; */
	height: 44px;
}

.nl-left-menu .nl-left-menu1 .nq-text-menu {
	margin-left: 10px;
	margin-bottom: 0;
}
.nl-left-menu .nl-left-menu1.active:not(.menu-expand) {
	background-color: var(--color-sidebar-active);
	color: #fff;
}
/*.nl-left-menu .nl-left-menu1 .icon-menu1 {
background-image: url('../img/idcard.png');
.nl-left-menu .nl-left-menu1.active .icon-menu1 {
background-image: url('../img/idcard_active.png');
}*/
/*.nl-left-menu .nl-left-menu1 .nq-menu.icon-menu1 {
background-image: url('../img/idcard.png');
.nl-left-menu .nl-left-menu1.active .nq-menu.icon-menu1 {
background-image: url('../img/idcard_active.png');
}*/
.nl-left-menu .nl-left-menu1 .nq-menu{
	width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
	background-size: contain;
}
.nl-left-menu .nl-left-menu1.active .icon-dashboard{
	background-image: url(../img/icon_sidebar_dashboard_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-dashboard{
	background-image: url(../img/icon_sidebar_dashboard.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-analytics{
	background-image: url(../img/icon_sidebar_analytics_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-analytics{
	background-image: url(../img/icon_sidebar_analytics.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-consult{
	background-image: url(../img/icon_sidebar_consult_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-consult{
	background-image: url(../img/icon_sidebar_consult.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-promotions{
	background-image: url(../img/icon_sidebar_promotions_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-promotions{
	background-image: url(../img/icon_sidebar_promotions.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-apps{
	background-image: url(../img/icon_sidebar_apps_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-apps{
	background-image: url(../img/icon_sidebar_apps.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-publish{
	background-image: url(../img/icon_sidebar_publish_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-publish{
	background-image: url(../img/icon_sidebar_publish.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-order{
	background-image: url(../img/icon_sidebar_order_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-order{
	background-image: url(../img/icon_sidebar_order.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-appmgr{
	background-image: url(../img/icon_sidebar_appmgr_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-appmgr{
	background-image: url(../img/icon_sidebar_appmgr.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-shop{
	background-image: url(../img/icon_sidebar_shop_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-shop{
	background-image: url(../img/icon_sidebar_shop.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-products{
	background-image: url(../img/icon_sidebar_products_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-products{
	background-image: url(../img/icon_sidebar_products.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-users{
	background-image: url(../img/icon_sidebar_users_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-users{
	background-image: url(../img/icon_sidebar_users.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-settle{
	background-image: url(../img/icon_sidebar_settle_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-settle{
	background-image: url(../img/icon_sidebar_settle.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-admin{
	background-image: url(../img/icon_sidebar_admin_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-admin{
	background-image: url(../img/icon_sidebar_admin.svg);
}

.nl-left-menu .nl-left-menu1.active .icon-billing{
	background-image: url(../img/icon_sidebar_billing_active.svg);
}
.nl-left-menu .nl-left-menu1 .icon-billing{
	background-image: url(../img/icon_sidebar_billing.svg);
}

.nq-icon-menu {
margin-top: 8px;
margin-left: 5px;
height: 22px;
width: auto;
overflow-x: hidden;
z-index: 1;
}
.nl-left-menu .nl-left-menu1.active .nq-text-menu{
   opacity: unset !important;

}
.nq-text-1 {
color: #000;
margin-left: 240px;
font-size: 25px;
display: inline-block;
margin-top: 85px;
}
.nq-icon-pencil {
width: auto;
height: 20px;
left: auto;
right: 55px;
position: absolute;
margin-top: 9px;
}
.nq-icon-logout {
width: auto;
height: 17px;
left: auto;
right: 25px;
position: absolute;
margin-top: 10px;
}
.nl-wrapper .nq-board {
margin-top: 40px;
box-shadow: 0 0 3px rgb(0 0 0 / 12%);
padding: 22px;
background: #fff;
border-radius: 5px;
height: 100%;
}
.nq-title1 {
font-size: 20px;
color: #1b1b1b;
line-height: 2.2;
}
.nq-title2 {
font-size: 15px;
color: #1b1b1b;
line-height: 2.2;
padding: 12px 0;
}

.nl-wrapper .nq-border1 {
border: 1px solid #EBEBEB;
border-radius: 3px;
height: 32px;
padding: 0 10px;
font-size: 14px;
outline: none;
}
.nl-wrapper .nl-grey-line.nq-grey-line {
border: 0;
border-bottom: 2px solid #f0f3f6 !important;
}
.nq-straight-line {
height: 100%;
margin-right: 10px;
border-left: 2px solid #f0f3f6;
display: flex;
}
.nl-wrapper .nq-border1.nq-button1 {
background-color: #843c0b;
margin-top: 50px;
color: #fff;
margin-bottom: 150px;
border: 0;
}
.nl-btn.btn-blue-dark.nq-button-submit {
background-color: #843c0b;
display: inline-block;
margin-right: 20px;
}
.nq-table {
border-collapse: collapse;
}
table {
margin-top: 20px;
display: table;
border-collapse: separate;
box-sizing: border-box;
text-indent: initial;
border-spacing: 2px;
border-color: grey;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
.nq-table tr th {
border-top: 1px solid #cbcbcb;
}
.nq-table tr th:first-child {
border-left: 0;

}
.nq-table tr th {
border: 1px solid #f5f5f5;
text-align: center;
font-size: 0.75rem;
font-weight: bold;
height: 42px;
}
.nq-table tr td:first-child {

color: #707070;
}
.nq-table tr td {
font-size: 0.75rem;
border: 1px solid #edeeef;
text-align: center;
}
.width-80 {
width: 130px !important;
height: 42px;
text-align: center;
}
/* tr:nth-child(even) {
background-color: #f7f9fb;
} */
.nq-button2-popup {
width: 90px;
align-items: center;
}
.nl-wrapper .nq-border-popup {
margin-top: 20px;
border: 1px solid grey;
width: 1500px;
height: 300px;
background-color: #fff;
}
.nl-wrapper .nq-header-popup {
width:100%;
height: 38px;
background-color: #002286;
color: #fff;
font-size: 16px;
text-align: center;
padding: 8px 20px;
display: flex;
align-items: center;
}
.nq-border-popup .nq-header-popup .nq-popup-delete {
margin-right: 5px;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
margin-left: auto;
}
.nq-border-popup .nq-header-popup .icon-delete{
background-image: url(../img/delete.png);
}
.nq-border-popup .nq-header-popup .nq-text-popup {
text-align: center;
display: flex;
position: fixed;
left: 50%;
}
.nqlayer {
display: none;
position: fixed;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
align-items: center;
justify-content: center;
background-color: rgba(0,0,0,0.5);
z-index: 4;
left: 0;
right: 0;
}
.nqlayer {
display: flex;
}
.nq-container{
position: relative;
}
.nl-wrapper.nq-popup-container{
	position: absolute;
    top: 200px;
    left: 300px;
    right: 0;
    z-index: 999;
}
.nq-hidden {
display: none !important;
}
.nq-text-popup {
font-size: 13px;
padding: 5px;
margin-left: 10px;
margin-top: 5px;
font-weight: bold;
}
.nl-btn.btn-blue-dark.nq-button-excel {
background-color: #843c0b;
display: inline-block;
margin-right: 20px;
height: 32px;
margin-top: 5px;
margin-left: auto;
}
.nl-wrapper .nq-border-popup.nq-border-popup2 {
width: 500px;
height: 500px;
}
.nl-btn.btn-blue-dark.nq-btn-popup {
width: 200px;
background-color: grey;
margin-top: 40px;
margin-right: 30px;
text-align: end;
padding: 8px;
margin-left: auto;
}
.nq-text-popup.nq-text-popup6 {
margin-left: 100px;
margin-top: 40px;
font-size: 17px;
font-weight: normal;
}
.nl-form-control.nq-ipt-text {
width: 200px;
margin-top: 40px;
margin-right: 30px;
padding: 8px;
margin-left: auto;
height: 38px;
border-radius: 4px;
border: 1px solid grey;
}
.nl-btn.btn-blue.nq-btn-pop6 {
width: 90%;
margin-top: 30px;
margin-left: 22px;
background-color: #002286;
}
.nl-table.nq-table {
margin-top: 5px;
}
.nl-table.nq-table1 {
margin-top: 20px;
}
.nl-table .nq-width-table {
width: 50px !important;
}

.nl-wrapper .nq-mr {
margin-right: 10px;
margin-left: auto !important;
height: 30px;
}
.nl-card .nl-form-control.nq-form-control {
width: calc(100% / 2 - 5px)
}
.nl-row .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.nl-lbl.nq-red-text {
color: red !important;
}

.pagination .num-pagination.active {
    background: #3356a7;
    border-color: #3356a7;
    color: #fff;
}
.pagination .num-pagination:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination .num-pagination {
    display: inline-block;
    line-height: 34px;
    width: 36px;
    text-align: center;
    border: 1px solid #ddd;
    border-right: 0;
    color: #7c7c7c;
    font-size: 13px;
    font-weight: 600;
}

.pagination .icon-arrow {
    font-size: 10px;
    font-weight: bold;
}
.pagination .num-pagination:last-child {
    border-right: 1px solid #ddd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.nl-btn.nq-mg-left {
margin-left: 10px;

}
.nl-popup .nl-body .nl-list-address {
margin-right: -14px;
margin-top: 10px;
}
.nl-list-address {
	padding-top: 20px;
	padding-bottom: 20px;
	height: 400px;
	overflow: auto;
}
.nl-list-address .nl-item {
	display: grid;
	grid-template-columns: 26px 1fr;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	border-bottom: 1px solid #F6F6F6;
}
.nl-list-address .nl-item .nl-name {
	font-weight: bold;
    word-break: break-word;
    word-wrap: break-word;
	font-size: 1rem;
	line-height: 1.2;
	margin-bottom: 3px;
}
.nl-list-address .nl-item .nl-address {
 color: #666666;
 font-size: 0.875rem;
}
.nl-ctn-popup .nl-head .h-title {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 18px;
	font-weight: bold;
}
.nl-popup .nl-head.nh-border-title {
	padding-top: 12px;
}





/* Toast container */
.td-toast-container {
	/*position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;*/
	position: fixed;
    top: 60px;
    right: 20px;
	z-index: 999999;
}

/* Toast message styles */
.td-toast {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	padding: 15px 30px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	animation: fadeInOut 2s forwards;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
	font-weight: bolder;
}

/* Toast types */
.td-toast.info { background-color: #007bff; }
.td-toast.success { background-color: #28a745; }
.td-toast.error { background-color: #dc3545; }
.td-toast.warning { background-color: #ffc107; color: #212529; }

/* Toast animation */
@keyframes fadeInOut {
	0% { opacity: 0; transform: translateY(-20px); }
	10% { opacity: 1; transform: translateY(0); }
	90% { opacity: 1; transform: translateY(0); }
	100% { opacity: 0; transform: translateY(-20px); }
}

#imp-iframe{
	background: #fff !important;
}

.td-plus-button{
	border: 0;
    background: #4b7bff;
    color: #fff;
    width: 34px;
    height: 31px;
    font-size: 18px;
    font-weight: bolder;
}

.td-minus-button{
	border: 0;
    background: red;
    color: #fff;
    width: 34px;
    height: 31px;
    font-size: 18px;
    font-weight: bolder;
	line-height: 10px;
}

.nl-back-auth-back {
	position: absolute;
    top: 32px;
    left: 32px;
	cursor: pointer;
	width: 50px;
    height: 50px;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.nl-back-auth-back img {
	height: 16px;
	width: auto;
}
.register .nl-board-login .nl-lbl {
	font-size: 15px;
	color: #1E1E1E;
}
.register .nl-board-login .nl-form-control {
	height: 40px;
	border-radius: 6px;
}
.register .nl-board-login .nl-form-control.nice-select .current {
	line-height: 40px
}
.register .nl-board-login .nl-btn {
	height: 40px;
	font-size: 16px;

}
.register .nl-board-login .nl-btn.btn-login,
.nl-ctn-terms .nl-btn.btn-login,
.h-board-find-pw .nl-btn.btn-login{
	background: var(--color-sidebar) !important;
	font-size: 18px;
	height: 46px;
	font-weight: bold;
}
.register .nl-board-login .gap-form-control {
	gap: 5px;
}