.btn-group-vertical button {
	text-align: left;
}

.th3 .promo>div {
	color: #fff;
	background-color: var(--main-color);
	width: 60px;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}

label.chbox input {
	display: none;
}

label.chbox:has(input:checked) {
	background: url(/static/images/new/p/s1.png) no-repeat 12px center /18px;
	padding-left: 40px;
	font-weight: 400;
	font-size: 14px;
	color: var(--dark);
}

label.chbox {
	/* 未选中状态基础样式 */
	background: url(/static/images/new/p/s.png) no-repeat 12px center /18px;
	padding-left: 40px;
	font-weight: 400;
	font-size: 14px;
	color: var(--dark);
	margin: 0 !important;
	line-height: 1.25;
}

.table>thead:first-child>tr:first-child>th {
	border-top: 0;
	vertical-align: middle;
}

.status-filter {
	padding: 10px;
	border-bottom: 1px solid #eee;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.status-filter input[type=checkbox] {
	margin: 3px 0 0 0;
	display: inline-block;
}

.status-filter .btn {
	max-width: 160px;
	padding: 3px 10px;
	margin: 3px;
}

.centered-unit {
	/* display: flex; */
	flex-direction: column;
	align-items: center;
	gap: 2px;
	margin-right: 1px !important;
}

.unit-row>span:nth-child(1) {
	width: 50px;
}

.unit-row>span:nth-child(2) {
	width: 50px;
}

.unit-row {
	display: flex;
	column-gap: 4px;
	width: 100px;
	justify-content: center;
}

.unit-number {
	text-align: right;
	min-width: 20px;
}

.unit-text {
	text-align: left;
}

.green {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	color: #155724;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: #D4EDDA;
	text-transform: capitalize
}

.orange {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	color: #8B4513;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: #FFE5B4;
	text-transform: capitalize
}

.blue {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	color: #004085;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: #CCE5FF;
	text-transform: capitalize
}

.shipped {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	color: #1B1E6B;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: #D6D8FB;
	text-transform: capitalize
}

.closed {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	color: #4B0082;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: #E0BBE4;
	text-transform: capitalize
}

.merged {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
	color: #4A235A;
	padding: 5px 10px;
	border-radius: 15px;
	background-color: #E8DAEF;
	text-transform: capitalize
}

.btn.btn-primary {
	color: var(--main-color);
}

.btn-group-vertical {
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center;
}

.getstart_title {
	background: url(/static/images/new/get_bg.png) center no-repeat;
	width: 100%;
	height: 525px !important;
	padding-top: 50px !important;
	/* text-align:center; */
	margin-bottom: 0 !important;
}

.getstart_h1 {
	font-size: 22px;
	font-family: "Inter";
	color: var(--main-color);
	text-align: center;
	line-height: 2;
	font-weight: 800;
	margin: 100px auto 0;
	position: relative;
	width: 680px;
	text-shadow: 0px 0px 6px #ffc107, 0px 0px 6px #ffc107;
}

.contant_h2 {
	font-size: 28px;
	font-family: "Inter";
	color: #2A2A2A;
	text-align: center;
	line-height: 2;
	font-weight: 800;
	margin: 20px auto 10px;
	position: relative;
	/* width: 280px; */
}

h1 {
	font-size: 24px;
}

.selectxx {
	min-height: 33px;
	margin-left: 10px;
}

.sidebar_a_box {
	/* font-size: 18px; */
	/* position: absolute; */
	/* top: 130px; */
}

.sidebar_a_box .sidebar {
	width: 100%;
	max-width: 230px;
	display: flex;
	border-radius: 12px;
	border: 1px solid #d8d8d8;
	padding: 10px 10px;
	/* line-height: 36px; */
	font-size: 18px;
}

.sidebar_a_box .sidebar a {
	padding: 5px 0px;
	margin-bottom: 5px;
	line-height: 1.2;
	/* border-radius: 10px 10px 3px 3px; */
	font-size: 16px;
}

.sidebar_a_box .sidebar a.active {
	border-bottom: 2px solid var(--main-color);
}

.c_info {
	margin-left: 5px;
	font-size: 14px;
}

.pl15 {
	padding-left: 15px !important;
}

.sidebar_a_box .sidebar a:hover {
	background: #F3FDF5;
}

.underline {
	text-decoration: underline;
}

.accounts_box {
	min-height: 600px;
}

.accounts_box .panel-default>.panel-heading {
	color: #333;
	background-color: #f1f1f1;
	border: none;
	margin-left: -5px;
}

.accounts_box table h2 {
	margin: 0;
	font-size: 24px;
}

.accounts_box table tr>td {
	vertical-align: middle;
}

.accounts_box .order table tr>td {
	position: relative;
}

.accounts_box .order table tr>td:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 80%;
	top: 10%;
	right: 0;
	border-right: 1px dashed #cdcdcd;
}

.accounts_box .order table tr>td:last-child:after {
	display: none;
}

.msg_flex {
	display: flex;
	justify-content: space-between;
}

.panel-body.text-right h4 {
	padding-right: 8px;
	margin-top: 0;
}

.sidebar_a_box h3 {
	margin-left: 5px;

	max-width: 195px;
	font-size: 16px;
}

/* #orders-table tr>td:nth-child(1){width:17%;}
#orders-table tr>td:nth-child(2){width:10%;}
#orders-table tr>td:nth-child(3){width:15%}
#orders-table tr>td:nth-child(4){width:10%}
#orders-table tr>td:nth-child(5){width:15%}
#orders-table tr>td:nth-child(6){width:15%}
#orders-table tr>td:nth-child(7){width:18%} */
.status-filter {
	height: 56px;
}

.status-filter label {
	display: none;
}

#orders-table tr>td:nth-child(1) {
	width: 20%;
}

#orders-table tr>td:nth-child(2) {
	width: 13%;
}

#orders-table tr>td:nth-child(3) {
	width: 18%
}

#orders-table tr>td:nth-child(4) {
	width: 13%
}

#orders-table tr>td:nth-child(5) {
	width: 18%
}

#orders-table tr>td:nth-child(6) {
	width: 18%
}

#orders-table tr>th:nth-child(7),
#orders-table tr>td:nth-child(7) {
	width: 18%;
	display: none;
}

#orders-table tr>td:nth-child(6):after {
	display: none;
}

.sticky {
	position: sticky;
	top: -1px;
	background: #fff;
	z-index: 8;
}

.order_detail,
.invoice_table {
	color: #333;
	border-radius: 6px;
	border: none;
	overflow: hidden;
	outline: 1px solid #dddddd;
	margin: 15px 0;
}

.order_detail th,
.invoice_table th {
	background-color: #f1f1f1;
	color: var(--main-color);
	font-size: 14px;
}

.order_detail.table>tbody>tr>th,
.order_detail.table>tbody>tr>td,
.invoice_table.table>tbody>tr>th,
.invoice_table.table>tbody>tr>td {
	border: none !important;
	padding: 8px;
	vertical-align: middle;
}

#menu-duration {
	margin: 0 0 10px;
}


.invoice_table tr>td {
	position: relative;
}

.charge_title {
	display: none;
}

.invoice_table tr>td:nth-child(1):after,
.invoice_table tr>td:nth-child(2):after,
.invoice_table tr>td:nth-child(3):after,
.invoice_table tr>td:nth-child(4):after,
.invoice_table tr>td:nth-child(5):after,
.invoice_table tr>td:nth-child(6):after,
.invoice_table tr>td:nth-child(7):after,
.invoice_table tr>td:nth-child(8):after,
.invoice_table tr>td:nth-child(9):after {
	content: '';
	position: absolute;
	width: 1px;
	height: 80%;
	top: 10%;
	right: 1px;
	border-right: 1px dashed #cdcdcd;
}

.invoice_table tr>td:last-child:after {
	display: none;
}

.invoice_i+.flex,
.invoice_info .flex+.flex {
	border-top: 1px dashed #d8d8d8;
}

.invoice_info .flex {
	justify-content: space-between;
	padding-top: 10px;
	display: flex;
	flex-direction: column;
}

.invoice_info .flex_c {
	display: flex;
	flex-direction: column;
}

.flex>.flex_c .invoice_i {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 120px;
}

.invoice_t.f_flex {
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	display: flex;
}

.invoice_t {
	color: var(--main-color);
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
}

.invoice_i {
	font-weight: 400;
	color: #2A2A2A;
}

.invoice_info {
	padding: 7px;
	font-size: 16px;
}

.balance_info .col-lg-7>div,
.balance_info .col-lg-3 {
	border: 1px solid #d8d8d8;
	border-radius: 12px;
	box-sizing: border-box;
	padding: 5px 15px;
}

.invoice_info .col-lg-3,
.invoice_info .col-lg-4 {
	border: 1px solid #d8d8d8;
	border-radius: 12px;
	margin: 5px;
	padding-top: 10px;
	box-sizing: border-box;
	padding-bottom: 10px;
}

#invoice th {
	background-color: #E8ECEE;
}

#invoice.table>tbody>tr>th,
#invoice.table>tbody>tr>td {
	border: none !important;
	padding: 12px;
	font-size: 16px;
}

#invoice {
	color: #333;
	border-radius: 6px;
	border: none;
	overflow: hidden;
	outline: 1px solid #dddddd;
}

.total_invoice {
	margin: 0px;
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	color: #494949;
}

.tt_info b {
	font-size: 16px;
}

.tt_16 {
	font-size: 16px;
	font-weight: normal;
}

.tt_info {
	text-align: left;
	margin: 0;
	max-width: 75%;
	/* font-size: 18px; */
	color: #2A2A2A;
	/* font-weight: 800; */
}

.tt_total {
	text-align: right;
}

.tt_total_box b,
.tt_total b {
	color: var(--main-color);
	font-size: 24px;
}

.invoice_table tbody {
	padding-left: 10px;
}

.balance_info>div {
	margin-bottom: 10px;
	padding-right: 0;
}

.balance_info#invoice_title>div.col-md-6.col-lg-7 {
	margin-bottom: 10px;
	padding-right: 10px;
}

.balance_info .col-lg-4 .flex_c {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0;
}

.balance_info .col-lg-4 .flex_c div {
	line-height: 42px;
	border-bottom: 1px dashed #cdcdcd;
}

.balance_info .col-lg-4>div {
	padding: 8px 10px;
	border: 1px solid #d8d8d8;
	border-radius: 12px;
	box-sizing: border-box;
	font-size: 18px;
}

.invoice_table,
.balance_info>div>div {}

.balance_info .col-lg-4 .flex_c:last-child div {
	border: none
}

.balance_info .col-lg-4 .flex_c div:nth-child(1) {
	text-align: right;
	padding-right: 10px;
	width: 60%;
}

.balance_info .col-lg-4 .flex_c div:nth-child(2) {
	width: 40%;
	/* text-align: right; */
}

.customer_info_box .flex {
	line-height: 40px;
}

.customer_info_box .flex div:nth-child(1) {
	line-height: 40px;
	width: 40%;
	font-weight: 800;
	font-size: 16px;
}

.customer_info_box .flex div:nth-child(2) {
	line-height: 40px;
}

.flex.bill_info div:nth-child(1) p {
	padding-left: 30px;
	font-size: 16px;
	font-weight: 400;
}

.flex.bill_info p {
	line-height: 20px;
}

.address_list {
	max-height: 350px;
	overflow: overlay;
}

.address_list>p {
	border: 1px dashed #d8d8d8;
	padding: 10px;
	margin: 10px 0;
	border-radius: 12px;
}

.customer_info_box {
	border: 1px solid #d8d8d8;
	border-radius: 12px;
}

.msg_list {
	margin: 10px;
	padding: 0 10px;
}

.msg_item {
	border-bottom: 1px solid #d8d8d8;
}

.delete_msg1 {}

.delete_msg2 {
	transition: 0.2s ease;
	border: 3px solid #ffc107;
	padding: 5px 10px;
	border-radius: 20px;
	width: 320px;
	text-align: center;
	background-color: #ffc107;
	font-size: 16px;
	font-family: "Inter";
	color: #2A2A2A;
	margin: 10px auto 20px;
	cursor: pointer;
}

.otitle_box {
	border: 1px solid #d8d8d8;
	padding: 15px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 15px 0px;
}

.otitle {
	width: 60%;
	text-align: left;
	font-size: 16px;
}

.oinfo {
	width: 50%;
	text-align: right;
	font-size: 16px;
}

.otitle_box .flex {
	justify-content: space-between;
	width: 100%;
}

.oadress {
	width: 100%;
	text-align: left;
	border-top: 1px solid #d8d8d8;
	padding-top: 20px;
}

.oadress p {
	font-size: 18px;
}

#invoice_list {
	max-width: 1200px;
}

.order h4 {
	margin-left: 8px;
}

.order h4 b {
	float: right;
	display: unset;
	line-height: 1;
}

@media (max-width: 767px) {
	#invoice {
		width: 100% !important;
	}

	#invoice.table>tbody>tr>th,
	#invoice.table>tbody>tr>td {
		padding: 6px;
		font-size: 14px;

	}

	.total_invoice {
		display: block;
	}

	.charge_title {
		width: 100%;
	}

	.tt_info {
		max-width: 100%;
	}

	.sidebar_a_box {
		/* position:fixed;
        bottom: 0;
        top: auto;
        background-color:#fff;
        z-index: 9;
        width: 100%; */
		display: none;
	}

	.sidebar_a_box h3,
	.sidebar_a_box .c_info {
		display: none;
	}

	.sidebar_a_box .sidebar a {
		color: #fff;
	}

	.sidebar_a_box .sidebar {
		background-color: var(--main-color);
		display: flex;
		max-width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		line-height: 1.2;

	}

	.sidebar_a_box .sidebar a:before {
		content: '';
		border-right: 1px solid #ffffff29;
		margin-right: 10px;
	}

	.sidebar_a_box .sidebar a:after {
		content: '';
		border-left: 1px solid #ffffff29;
		margin-left: 10px;
	}
}

.addtolist {
	width: 40px;
	height: 40px;
	background: url(/static/images/new/h.png) no-repeat center/ 70%;
	margin-right: 8px;
	right: 10px;
	position: absolute;
	z-index: 99;
	cursor: pointer;
	top: 24px;
}

.addtolist.select {
	background: url(/static/images/new/hs.png) no-repeat center/ 70%;
}