:root {
	--button-color:#FF760F;
	--custom-font:'Poppins';
}
body {
	background:#FCFCFC;
}
section.panel {
	width:calc(100% - 275px); box-sizing:border-box; margin:auto;
}
section div.new-panel {
	width:100%; box-sizing:border-box; margin-top:50px; padding:30px;
}
.panel-input .select-option {
	border-radius:22px;
}
.flatpickr-calendar {
	font-family: 'Poppins';
}
.flatpickr-current-month {
	font-size:15px !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
	font-weight:bold !important;
}
@media (min-width:360px) and (max-width:960px) {
	section.panel {
		width:100%;
	}
}

div.back-link {
	font-size:12px; font-family:'Poppins'; margin-bottom:12px;  margin-left:3px; color:currentColor;
}
div.back-link a {
	text-decoration:underline; color:#004680;
}
div[data-layer='_analysis'] ._full {
	width:100%; box-sizing:border-box; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid rgba(0,0,0,.2);
}
div[data-layer='_analysis'] ._full:last-child {
	border-bottom-width:0;
}
div[data-layer='_analysis'] h1 {
	font-size:28px; font-family:'Poppins'; margin-bottom:8px;
}
div[data-layer='_analysis'] p {
	font-size:15px; font-family:'Poppins';
}
div[data-layer='_analysis'] span {
	font-size:11px; font-family:'Poppins'; color:rgba(0,0,0,.2); margin-bottom:4px;
}
div[data-layer='_analysis'] ._cols {
	display:-webkit-flex; column-gap:20px;
}
div[data-layer='_analysis'] ._cols._date {
	width:500px; box-sizing:border-box; margin-bottom:30px;
}
div[data-layer='_analysis'] ._date .panel-input {
	margin-bottom:0;
}
div[data-layer='_analysis'] ._date .panel-input input {
	cursor:pointer; position:relative;
}
div[data-layer='_analysis'] ._date .panel-input input::-webkit-calendar-picker-indicator {
    background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;
}
div[data-layer='_analysis'] .button {
	background:var(--button-color); color:white; width:200px; margin:20px 0 0 auto; border-radius:6px; text-align:center; padding:6px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid transparent; transition:.4s; flex-shrink:0; display:grid; place-items:center;
}
div[data-layer='_analysis'] .button:hover {
	background:white; border-color:black; transition:.4s; color:black;
}
div[data-layer='_analysis'] .box {
	width:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,.3); border-radius:6px; display:-webkit-flex; margin-bottom:8px;
}
div[data-layer='_analysis'] .box .item {
	padding:12px; 
}
div[data-layer='_analysis'] .box.header .item {
	padding:6px 12px; background:rgba(188,188,188,.1);
}
div[data-layer='_analysis'] .box .item:nth-child(1) {
	width:70px; flex-shrink:0; box-sizing:border-box; display:grid; place-items:center;
}
div[data-layer='_analysis'] .box .item:nth-child(2) {
	width:200px; flex-shrink:0; box-sizing:border-box;
}
div[data-layer='_analysis'] .box .item:nth-child(3) {
	width:100%; box-sizing:border-box;
}
div[data-layer='_analysis'] .box .item:nth-child(4) {
	width:200px; flex-shrink:0; box-sizing:border-box; display:grid; place-items:center;
}
div[data-layer='_analysis'] .box .item:nth-child(5) {
	width:200px; flex-shrink:0; box-sizing:border-box; display:grid; place-items:center;
}
@media (min-width:360px) and (max-width:768px) {
	div[data-layer='_analysis'] .box .item {
		padding:3px 9px;
	}
	div[data-layer='_analysis'] ._cols {
		flex-direction:column;
	}
	div[data-layer='_analysis'] ._cols._date {
		width:100%; margin-bottom:8px;
	}
	div[data-layer='_analysis'] .button {
		width:100%;
	}
	div[data-layer='_analysis'] .box .item:nth-child(1) {
		width:20px; display:none;
	}
	div[data-layer='_analysis'] .box .item:nth-child(2) {
		width:120px;
	}
	div[data-layer='_analysis'] .box .item:nth-child(3) {
		width:100%; box-sizing:border-box;
	}
	div[data-layer='_analysis'] .box .item:nth-child(4) {
		width:100px;
	}
	div[data-layer='_analysis'] .box .item:nth-child(5) {
		width:120px;
	}
	div[data-layer='_analysis'] p {
		font-size:10px;
	}
	div[data-layer='_analysis'] span {
		font-size:8px;
	}
}

div[data-layer='_sold'] ._full {
	width:100%; box-sizing:border-box; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid rgba(0,0,0,.2);
}
div[data-layer='_sold'] ._full:last-child {
	border-bottom-width:0;
}
div[data-layer='_sold'] h1 {
	font-size:28px; font-family:'Poppins'; margin-bottom:8px;
}
div[data-layer='_sold'] p {
	font-size:15px; font-family:'Poppins';
}
div[data-layer='_sold'] span {
	font-size:11px; font-family:'Poppins'; color:rgba(0,0,0,.2); margin-bottom:4px;
}
div[data-layer='_sold'] ._cols {
	display:-webkit-flex; column-gap:20px;
}
div[data-layer='_sold'] ._cols._date {
	width:500px; box-sizing:border-box; margin-bottom:30px;
}
div[data-layer='_sold'] ._date .panel-input {
	margin-bottom:0;
}
div[data-layer='_sold'] ._date .panel-input input {
	cursor:pointer; position:relative;
}
div[data-layer='_sold'] ._date .panel-input input::-webkit-calendar-picker-indicator {
    background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;
}
div[data-layer='_sold'] .button {
	background:var(--button-color); color:white; width:200px; margin:20px 0 0 auto; border-radius:6px; text-align:center; padding:6px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid transparent; transition:.4s; flex-shrink:0; display:grid; place-items:center;
}
div[data-layer='_sold'] .button:hover {
	background:white; border-color:black; transition:.4s; color:black;
}
div[data-layer='_sold'] .box {
	width:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,.3); border-radius:6px; display:-webkit-flex; margin-bottom:8px;
}
div[data-layer='_sold'] .box .item {
	padding:12px; 
}
div[data-layer='_sold'] .box.header .item {
	padding:6px 12px; background:rgba(188,188,188,.1);
}
div[data-layer='_sold'] .box .item:nth-child(1) {
	width:70px; flex-shrink:0; box-sizing:border-box; display:grid; place-items:center;
}
div[data-layer='_sold'] .box .item:nth-child(2) {
	width:100%; box-sizing:border-box;
}
div[data-layer='_sold'] .box .item:nth-child(3) {
	width:200px; flex-shrink:0; box-sizing:border-box; display:grid; place-items:center;
}
@media (min-width:360px) and (max-width:768px) {
	div[data-layer='_sold'] .box .item {
		padding:3px 9px;
	}
	div[data-layer='_sold'] ._cols {
		flex-direction:column;
	}
	div[data-layer='_sold'] ._cols._date {
		width:100%; margin-bottom:8px;
	}
	div[data-layer='_sold'] .button {
		width:100%;
	}
	div[data-layer='_sold'] .box .item:nth-child(1) {
		width:20px; display:none;
	}
	div[data-layer='_sold'] .box .item:nth-child(2) {
		width:100%; box-sizing:border-box;
	}
	div[data-layer='_sold'] .box .item:nth-child(3) {
		width:150px;
	}
	div[data-layer='_sold'] p {
		font-size:10px;
	}
	div[data-layer='_sold'] span {
		font-size:8px;
	}
}


div[data-layer='_main'] ._full {
	width:100%; box-sizing:border-box; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid rgba(0,0,0,.2);
}
div[data-layer='_main'] ._full:last-child {
	border-bottom-width:0;
}
div[data-layer='_main'] ._cols {
	display:-webkit-flex; column-gap:20px;
}
div[data-layer='_main'] ._cols._date {
	width:500px; box-sizing:border-box; margin-bottom:30px;
}
div[data-layer='_main'] .box {
	width:100%; box-sizing:border-box; border:1px solid rgba(0,0,0,.3); border-radius:6px;
}
div[data-layer='_main'] h1 {
	font-size:28px; font-family:'Poppins'; margin-bottom:8px;
}
div[data-layer='_main'] div[data-layer='_sales'] .box .content,
div[data-layer='_main'] div[data-layer='_bonus'] .box .content,
div[data-layer='_main'] div[data-layer='_agent'] .box.new .content,
div[data-layer='_main'] div[data-layer='_credit'] .box .content {
	width:100%; box-sizing:border-box; padding:20px; color:black; font-family:'Poppins'; position:relative;
}
div[data-layer='_main'] div[data-layer='_sales'] .box .content ._title,
div[data-layer='_main'] div[data-layer='_bonus'] .box .content ._title,
div[data-layer='_main'] div[data-layer='_credit'] .box .content ._title {
	font-size:13px; font-weight:100; margin-bottom:15px;
}
div[data-layer='_main'] div[data-layer='_sales'] .box .content ._amount,
div[data-layer='_main'] div[data-layer='_bonus'] .box .content ._amount,
div[data-layer='_main'] div[data-layer='_agent'] .box.new .content ._amount,
div[data-layer='_main'] div[data-layer='_credit'] .box .content ._amount {
	font-size:18px;
}
div[data-layer='_main'] div[data-layer='_agent'] .box {
	width:300px; box-sizing:border-box;
}
div[data-layer='_main'] div[data-layer='_agent'] .box.new {
	margin-bottom:8px;
}
div[data-layer='_main'] div[data-layer='_agent'] .box.new .content ._title {
	font-size:13px; font-weight:100;
}
div[data-layer='_main'] div[data-layer='_agent'] .box ._title,
div[data-layer='_main'] div[data-layer='_agent'] .box ._content {
	width:100%; box-sizing:border-box; padding:7px 0; color:black; font-family:'Poppins'; position:relative;
}
div[data-layer='_main'] div[data-layer='_agent'] .box ._content {
	text-align:right; width:75px; box-sizing:border-box; flex-shrink:0;
}
div[data-layer='_main'] div[data-layer='_agent'] .box .list {
	display:-webkit-flex; width:90%; box-sizing:border-box; padding:15px; border-bottom:1px solid rgba(0,0,0,0.2); margin:0 auto;
}
div[data-layer='_main'] div[data-layer='_agent'] .box .list:last-child {
	border-bottom-width:0px;
}
div[data-layer='_main'] div[data-layer='_agent'] .box .list:last-child ._title {
	text-align:right; color:rgba(0,0,0,.4);
}
div[data-layer='_main'] ._date .panel-input {
	margin-bottom:0;
}
div[data-layer='_main'] ._date .panel-input input {
	cursor:pointer; position:relative;
}
div[data-layer='_main'] ._date .panel-input input::-webkit-calendar-picker-indicator {
    background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;
}
div[data-layer='_main'] .button {
	background:var(--button-color); color:white; width:200px; margin:20px 0 0 auto; border-radius:6px; text-align:center; padding:6px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid transparent; transition:.4s; flex-shrink:0; display:grid; place-items:center;
}
div[data-layer='_main'] .button:hover {
	background:white; border-color:black; transition:.4s; color:black;
}
@media (min-width:360px) and (max-width:768px) {
	div[data-layer='_main'] ._cols {
		flex-direction:column;
	}
	div[data-layer='_main'] ._cols._date {
		width:100%; margin-bottom:8px;
	}
	div[data-layer='_main'] .button {
		width:100%;
	}
	div[data-layer='_main'] ._cols .box {
		margin-bottom:6px;
	}
}


/*New Orders*/
div[data-layer='new_orders']._content {
	width:100%; box-sizing:border-box; display:-webkit-flex; column-gap:20px;
}
div[data-layer='new_orders'] ._content_right {
	width:100%; box-sizing:border-box; max-width:350px; flex-shrink:0;
}
div[data-layer='new_orders'] ._full .cols {
	display:-webkit-flex; align-items:flex-start; column-gap:30px; padding:30px 15px;
}
div[data-layer='new_orders'] ._full,
div[data-layer='new_orders'] ._content_left,
div[data-layer='new_orders'] ._full .cols > .content {
	width:100%; box-sizing:border-box;
}
div[data-layer='new_orders'] ._content_right .content {
	padding:30px 15px;
}
div[data-layer='new_orders'] ._content_right ._header,
div[data-layer='new_orders'] ._full .cols > .content ._header {
	font-size:19px; font-family:'Poppins'; color:black; margin-bottom:12px;
}
div[data-layer='new_orders'] ._full .cols > .content .panel-input {
	margin-bottom:15px;
}
div[data-layer='new_orders'] .box {
	border:1px solid #DEDEDE; border-radius:6px; background:white; box-shadow:0 2px 5px rgba(0,0,0,.2); margin-bottom:18px; position:relative; min-height:50px;
}
div[data-layer='new_orders'] ._full .box .content {
	width:100%; box-sizing:border-box; margin:0 auto;
}
div[data-layer='new_orders'] .box ul._wrapper_items,
div[data-layer='new_orders'] .box ul._header {
	display:-webkit-flex; align-items:center; padding:12px 0; border-bottom:1px solid #DEDEDE; font-size:13px; font-family:'Poppins'; color:black; justify-content:space-between;
}
div[data-layer='new_orders'] .box ul._header.mobile {
	display:none;
}
div[data-layer='new_orders'] .box ul._wrapper_items {
	font-size:15px; padding:15px 0;
}
div[data-layer='new_orders'] .box ul li {
	width:100%; box-sizing:border-box; flex-shrink:0; text-align:center;
}
div[data-layer='new_orders'] .box ul li.items:nth-child(1) {
	max-width:400px;
}
div[data-layer='new_orders'] .box ul li.items:nth-child(2),
div[data-layer='new_orders'] .box ul li.items:nth-child(3) {
	max-width:100px;
}
div[data-layer='new_orders'] .box ul li.items:nth-child(4) {
	max-width:150px; display:-webkit-flex; column-gap:8px; align-items:center; justify-content:center;
}
div[data-layer='new_orders'] .box .panel-input .select-option li {
	text-align:left; font-family:'Poppins'; font-size:12px;
}
div[data-layer='new_orders'] .box ul li._details {
	display:-webkit-flex; column-gap:12px; align-items:center; padding:0 15px; text-align:left;
}
div[data-layer='new_orders'] .box ul li._details .sub {
	color:rgba(199,199,199); 
	font-size:11px;
	font-family:'Poppins';
}
div[data-layer='new_orders'] .box ul li._details ._img {
	width:60px; height:60px; overflow:hidden; box-sizing:border-box; flex-shrink:0;
}
div[data-layer='new_orders'] .box ul li._details ._orders ._title {
	font-size:15px; font-family:'Poppins'; width:100%; box-sizing:border-box;
}
div[data-layer='new_orders'] .box ul li._details ._orders ._title {
	color:#B0B0B0;
}
div[data-layer='new_orders'] .box ul li ._price {
	font-size:15px; font-family:'Poppins'; width:100%; box-sizing:border-box; line-height:1;
}
div[data-layer='new_orders'] .box ul li.items .icon {
	width:30px; height:30px; box-sizing:border-box; display:grid; place-items:center; cursor:pointer; border:1px solid #9EDAFF; border-radius:6px; font-size:12px;
}
div[data-layer='new_orders'] .box ul li.items .icon.approve {
	border:1px solid #0064A5; border-radius:6px; color:#0064A5;
}
div[data-layer='new_orders'] .box ul li.items .icon.trash {
	border:1px solid #A50000; border-radius:6px; color:#A50000;
}
div[data-layer='new_orders'] .box .checkout {
	width:100%;
}
div[data-layer='new_orders'] .box .panel-input .select-option {
	border:0;
}
div[data-layer='new_orders'] .box .panel-input .select-option input {
	border:1px solid rgb(199,199,199);
}
div[data-layer='new_orders'] .box .checkout ._items {
	display:-webkit-flex; align-items:center; justify-content:space-between; font-family:'Poppins';
}
div[data-layer='new_orders'] .box .checkout ._items div {
	font-size:13px; color:#B0B0B0; width:100%; box-sizing:border-box;
}
div[data-layer='new_orders'] .box .checkout ._items span {
	width:100%; max-width:120px; box-sizing:border-box; flex-shrink:0; font-size:14px; text-align:right;
}
div[data-layer='new_orders'] .box .checkout ._items.total span {
	font-weight:bold; font-size:15px; 
}
div[data-layer='new_orders'] .button {
	background:var(--button-color); color:white; width:140px; margin:20px 0 0 auto; border-radius:6px; text-align:center; padding:6px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid transparent; transition:.4s;
}
div[data-layer='new_orders'] .button.add {
	margin:20px 0 10px;
}
div[data-layer='new_orders'] .button:hover {
	background:white; border-color:black; transition:.4s; color:black;
}
div[data-layer='new_orders'] .box .content ._selfpickup,
div[data-layer='new_orders'] .box .content ._othercountry  {
	display:-webkit-flex; align-items:center; column-gap:8px; margin-top:12px;
}
div[data-layer='new_orders'] .box .content ._selfpickup > input,
div[data-layer='new_orders'] .box .content ._othercountry > input {
	width:13px; height:13px; flex-shrink:0; cursor:pointer;
}
div[data-layer='new_orders'] .box .content ._selfpickup > label,
div[data-layer='new_orders'] .box .content ._othercountry > label {
	cursor:pointer; font-family:'Poppins'; font-size:13px;
}
@media (min-width:360px) and (max-width:960px) {
	div[data-layer='new_orders'] ._full .cols,
	div[data-layer='new_orders']._content {
		flex-direction:column;
	}
	div[data-layer='new_orders'] ._full .cols {
		row-gap:30px;
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items,
	div[data-layer='new_orders'] .box .content.add ._wrapper_items {
		flex-direction:column; row-gap:10px; align-items:flex-start;
	}
	div[data-layer='new_orders'] .box .content.add ._wrapper_items .icon {
		width:100%; 
	}
	div[data-layer='new_orders'] .box ul._header.desktop,
	div[data-layer='new_orders'] .box ul._header li.items:nth-child(2),
	div[data-layer='new_orders'] .box ul._header li.items:nth-child(3),
	div[data-layer='new_orders'] .box ul._header li.items:nth-child(4),
	div[data-layer='new_orders'] .box .content.add ._wrapper_items li.items:nth-child(2),
	div[data-layer='new_orders'] .box .content.add ._wrapper_items li.items:nth-child(3) {
		display:none;
	}
	div[data-layer='new_orders'] .box ul._header.mobile {
		display:-webkit-flex;
	}
	div[data-layer='new_orders'] .box .content.add ._wrapper_items li.items:nth-child(4) {
		max-width:unset; padding:0 15px;
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items {
		padding:15px;
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items .items {
		margin-bottom:8px; text-align:left; font-size:13px;
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items .items:before {
		color:#C0C0C0; font-size:10px; display:block; width:100%;
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items .items:nth-child(2):before {
		content:'Quantity:';
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items .items:nth-child(3):before {
		content:'Subtotal:';
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items .items:nth-child(2),
	div[data-layer='new_orders'] .box .content.body ._wrapper_items .items:nth-child(3) {
		max-width:unset;
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items .items:nth-child(4):before {
		content:'Action:'; flex-shrink:0; width:100%; box-sizing:border-box;
	}
	div[data-layer='new_orders'] .box .content.body ._wrapper_items .items:nth-child(4) {
		justify-content:flex-start; flex-wrap:wrap;
	}
	div[data-layer='new_orders'] ._content_right {
		max-width:100%;
	}
}


/*Read Orders*/
div[data-layer='read_orders']._content {
	width:100%; box-sizing:border-box;
}
div[data-layer='read_orders'] ._full .cols {
	display:-webkit-flex; align-items:flex-start; column-gap:30px; padding:30px 15px;
}
div[data-layer='read_orders'] ._full,
div[data-layer='read_orders'] ._full .cols > .content {
	width:100%; box-sizing:border-box;
}
div[data-layer='read_orders'] .box ._wrapper {
	width:100%;
}
div[data-layer='read_orders'] .box ._wrapper ._items {
	font-family:'Poppins'; margin-bottom:12px;
}
div[data-layer='read_orders'] .box ._wrapper ._items div {
	font-size:13px; color:#B0B0B0; width:100%; box-sizing:border-box;
}
div[data-layer='read_orders'] .box ._wrapper ._items span {
	width:100%; max-width:120px; box-sizing:border-box; flex-shrink:0; font-size:14px; text-align:right;
}
div[data-layer='read_orders'] .box ._wrapper ._items.total span {
	font-weight:bold; font-size:15px; 
}

div[data-layer='read_orders'] ._content_right ._header,
div[data-layer='read_orders'] ._full .cols > .content ._header {
	font-size:19px; font-family:'Poppins'; color:black; margin-bottom:12px;
}
div[data-layer='read_orders'] .box {
	border:1px solid #DEDEDE; border-radius:6px; background:white; box-shadow:0 2px 5px rgba(0,0,0,.2); margin-bottom:18px; position:relative; 
}
div[data-layer='read_orders'] ._full .box .content {
	width:100%; box-sizing:border-box; margin:0 auto;
}
div[data-layer='read_orders'] .box ul._wrapper_items,
div[data-layer='read_orders'] .box ul._header {
	display:-webkit-flex; align-items:center; padding:12px 0; border-bottom:1px solid #DEDEDE; font-size:13px; font-family:'Poppins'; color:black; justify-content:space-between;
}
div[data-layer='read_orders'] .box ul._wrapper_items {
	font-size:15px; padding:15px 0;
}
div[data-layer='read_orders'] .box ul li {
	width:100%; box-sizing:border-box; flex-shrink:0; text-align:center;
}
div[data-layer='read_orders'] .box ul li.items:nth-child(1) {
	max-width:400px;
}
div[data-layer='read_orders'] .box ul li.items:nth-child(2),
div[data-layer='read_orders'] .box ul li.items:nth-child(3) {
	max-width:100px;
}
div[data-layer='read_orders'] .box ul li.items:nth-child(4) {
	max-width:150px; display:-webkit-flex; column-gap:8px; align-items:center; justify-content:center;
}
div[data-layer='read_orders'] .box ul li._details > .panel-input li {
	text-align:left;
}
div[data-layer='read_orders'] .box ul li._details {
	display:-webkit-flex; column-gap:12px; align-items:center; padding:0 15px; text-align:left;
}
div[data-layer='read_orders'] .box ul li._details ._img {
	width:60px; height:60px; overflow:hidden; box-sizing:border-box; flex-shrink:0;
}
div[data-layer='read_orders'] .box ul li._details .sub {
	color:rgba(199,199,199); 
	font-size:11px;
	font-family:'Poppins';
}
div[data-layer='read_orders'] .box ul li._details ._orders ._title {
	font-size:15px; font-family:'Poppins'; width:100%; box-sizing:border-box;
}
div[data-layer='read_orders'] .box ul li._details ._orders ._title {
	color:#B0B0B0;
}
div[data-layer='read_orders'] .box ul li ._price {
	font-size:15px; font-family:'Poppins'; width:100%; box-sizing:border-box; line-height:1;
}
div[data-layer='read_orders'] .box ul li.items .icon {
	width:30px; height:30px; box-sizing:border-box; display:grid; place-items:center; cursor:pointer; border:1px solid #9EDAFF; border-radius:6px; font-size:12px;
}
div[data-layer='read_orders'] .box ul li.items .icon.approve {
	border:1px solid #0064A5; border-radius:6px; color:#0064A5;
}
div[data-layer='read_orders'] .button {
	background:var(--button-color); color:black; width:140px; margin:20px 0 0 auto; border-radius:6px; text-align:center; padding:6px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid transparent; transition:.4s;
}
div[data-layer='read_orders'] .button:hover {
	background:white; border-color:black; transition:.4s;
}
@media (min-width:360px) and (max-width:960px) {
	div[data-layer='read_orders'] ._full .cols,
	div[data-layer='read_orders']._content {
		flex-direction:column;
	}
	div[data-layer='read_orders'] ._full .cols {
		row-gap:30px;
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items,
	div[data-layer='read_orders'] .box .content.add ._wrapper_items {
		flex-direction:column; row-gap:10px; align-items:flex-start;
	}
	div[data-layer='read_orders'] .box .content.add ._wrapper_items .icon {
		width:100%; 
	}
	div[data-layer='read_orders'] .box ul._header,
	div[data-layer='read_orders'] .box .content.add ._wrapper_items li.items:nth-child(2),
	div[data-layer='read_orders'] .box .content.add ._wrapper_items li.items:nth-child(3) {
		display:none;
	}
	div[data-layer='read_orders'] .box .content.add ._wrapper_items li.items:nth-child(4) {
		max-width:unset; padding:0 15px;
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items {
		padding:15px;
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items .items {
		margin-bottom:8px; text-align:left; font-size:13px;
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items .items:before {
		color:#C0C0C0; font-size:10px; display:block; width:100%;
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items .items:nth-child(2):before {
		content:'Quantity:';
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items .items:nth-child(3):before {
		content:'Subtotal:';
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items .items:nth-child(2),
	div[data-layer='read_orders'] .box .content.body ._wrapper_items .items:nth-child(3) {
		max-width:unset;
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items .items:nth-child(4):before {
		content:'Action:'; flex-shrink:0; width:100%; box-sizing:border-box;
	}
	div[data-layer='read_orders'] .box .content.body ._wrapper_items .items:nth-child(4) {
		justify-content:flex-start; flex-wrap:wrap;
	}
	div[data-layer='read_orders'] ._content_right {
		max-width:100%;
	}
}


/*Bonus*/
div[data-layer='bonusStatement'] .box,
div[data-layer='teamStatement'] .box,
div[data-layer='bonus'] .box {
	border-radius:6px; background:white; box-shadow:0 2px 5px rgba(0,0,0,.2); margin-bottom:18px; position:relative;
}
div[data-layer='bonus'] ._full {
	width:100%; box-sizing:border-box;
}
div[data-layer='bonus'] ._full ._cols {
	display:-webkit-flex; column-gap:20px;
}
div[data-layer='bonus'] .box._credit {
	width:100%; box-sizing:border-box; background:#00416E; margin-bottom:20px; 
}
div[data-layer='bonus'] .box._bonus {
	width:100%; box-sizing:border-box; background:#008BD0;
}
div[data-layer='bonus'] .box .content {
	width:100%; box-sizing:border-box; padding:20px; color:white; font-family:'Poppins'; position:relative;
}
div[data-layer='bonus'] .box .content ._title {
	font-size:13px; font-weight:100; margin-bottom:15px;
}
div[data-layer='bonus'] .box .content ._amount {
	font-size:18px;
}
div[data-layer='bonus'] .box .content ._action {
	position:absolute; top:20px; right:20px;
}
div[data-layer='bonus'] .box .content ._action > .icon {
	margin-bottom:8px; border:1px solid white; border-radius:6px; padding:4px 12px; font-size:12px; cursor:pointer; display:-webkit-flex; column-gap:8px; align-items:center;
}
div[data-layer='bonus'] .box .content ._action > .icon:last-child {
	margin:0;
}
div[data-layer='bonusStatement'] .box .content,
div[data-layer='teamStatement'] .box .content {
	width:100%; box-sizing:border-box; padding:20px; font-family:'Poppins';
}
div[data-layer='bonusStatement'] .box .content > .items {
	display:-webkit-flex; align-items:center; justify-content:space-between;
}
div[data-layer='teamStatement'] .box .content > .items {
	display:-webkit-flex; align-items:center; justify-content:space-between; margin-bottom:12px;
}
div[data-layer='teamStatement'] .box .content > .items:last-child {
	margin:0; border-top:1px solid #cecece; padding-top:12px;
}
div[data-layer='bonusStatement'] .box .content > .items div,
div[data-layer='teamStatement'] .box .content > .items div {
	width:100%; box-sizing:border-box; max-width:150px;
}
div[data-layer='bonusStatement'] .box .content > .items span,
div[data-layer='teamStatement'] .box .content > .items span {
	width:100%; box-sizing:border-box; max-width:100px; text-align:right;
}
div[data-layer='bonusStatement'] .date-box {
	margin-bottom:18px; position:relative; display:-webkit-flex; padding:8px 0px; width:fit-content; column-gap:12px; align-items:flex-end; width:100%; box-sizing:border-box;
}
div[data-layer='bonusStatement'] .date-box ._cols {
	display:-webkit-flex; column-gap:12px; width:100%; box-sizing:border-box; max-width:500px;
}
div[data-layer='bonusStatement'] .date-box .panel-input {
	margin-bottom:0;
}
div[data-layer='bonusStatement'] .date-box .panel-input input {
	cursor:pointer; position:relative;
}
div[data-layer='bonusStatement'] .date-box .panel-input input::-webkit-calendar-picker-indicator {
    background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;
}
div[data-layer='bonusStatement'] .button {
	background:var(--button-color); color:white; width:170px; border-radius:6px; text-align:center; padding:10px 13px; box-sizing:border-box; cursor:pointer; font-family:'Poppins','sans-serif'; font-size:13px; border:1px solid transparent; transition:.4s;
}
div[data-layer='bonusStatement'] ._full .button:hover {
	background:white; border-color:black; transition:.4s; color:black;
}
@media (min-width:360px) and (max-width:960px) {
	div[data-layer='bonus'] ._full ._cols {
		flex-direction:column;
	}
	div[data-layer='bonusStatement'] .date-box {
		flex-direction:column; row-gap:12px; align-items:flex-start;
	}
	div[data-layer='bonusStatement'] .date-box .button {
		width:100% !important;
	}
}


div.modal-box .box.summary {
	width:320px; height:400px; display:grid; place-items:unset; justify-content:center; grid-template-rows:100px 300px;
}
div.modal-box .box.summary .icon {
	margin:0 auto;
}
div.modal-box .box.summary lord-icon {
	width:96px; height:96px; box-sizing:border-box; margin:0 auto;
}
div.modal-box .box.summary .credit.success,
div.modal-box .box.summary h6 {
	font-size:20px; line-height:1.2; font-weight:500; font-family:'Poppins'; text-align:center; max-width:75%; margin:0 auto 8px;
}
div.modal-box .box.summary .credit.success.green {
	color:#03AA19;
}
div.modal-box .box.summary .credit.success.red {
	color:#AA0303;
}
div.modal-box .box.summary span,
div.modal-box .box.summary p {
	font-size:14px; line-height:1.2; font-family:'Poppins';
}
div.modal-box .box.summary .content .items {
	display:-webkit-flex; column-gap:6px; margin-bottom:12px;
}
div.modal-box .box.summary .content {
	max-width:80%; margin:0 auto; display:grid; place-items:center; height:170px;
}
div.modal-box .box.summary p {
	width:70px; box-sizing:border-box; flex-shrink:0;
}

div.edit-modal[data-layer="add-products"] .box {
	width:100%; max-width:640px;
}
div.edit-modal[data-layer="add-products"] .content {
	display:-webkit-flex; column-gap:10px; row-gap:10px; overflow-y:auto; flex-wrap:wrap; height:300px; padding:15px !important; justify-content:center;
}
div.edit-modal[data-layer="add-products"] .content::-webkit-scrollbar {
	width:8px;
}
div.edit-modal[data-layer="add-products"] .content::-webkit-scrollbar-track {
	background:rgba(254,254,254); border-radius:6px;
}
div.edit-modal[data-layer="add-products"] .content::-webkit-scrollbar-thumb {
	background:rgba(188,188,188); border-radius:6px;
}
div.edit-modal[data-layer="add-products"] .content .items {
	width:100%; box-sizing:border-box; max-width:140px; border:2px solid rgba(0,0,0,.1); border-radius:6px; padding:6px; cursor:pointer; transition:.3s;
}
div.edit-modal[data-layer="add-products"] .content .items.active {
	border-color:#004680;
}
div.edit-modal[data-layer="add-products"] .content .items p {
	font-size:9px; font-family:'Poppins';
}

div.edit-modal[data-layer="filter-search"] .date-box {
	margin-bottom:18px; position:relative; padding:8px 0px; width:fit-content; width:100%; box-sizing:border-box;
}
div.edit-modal[data-layer="filter-search"] .date-box .panel-input {
	margin-bottom:0;
}
div.edit-modal[data-layer="filter-search"] .date-box .panel-input input {
	cursor:pointer; position:relative;
}
div.edit-modal[data-layer="filter-search"] .date-box .panel-input input::-webkit-calendar-picker-indicator {
    background:transparent; bottom:0; color:transparent; cursor:pointer; height:auto; left:0; position:absolute; right:0; top:0; width:auto;
}