#AC-PRICELIST *,
#AC-PRICELIST { box-sizing: border-box; }
#AC-PRICELIST {
	position: relative;
    width: 50%;
    min-width: 700px;
    margin: 0 auto;
}


.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.floR { float: right; }


#ACPL-items {
	width: 100%;
	padding: 0 32px;
}
#ACPL-items > h2 span { font-size: 18px; float: right;}
#ACPL-items .pagination {
	display: flex;
    place-content: flex-end;
	margin: 0 0 4px;
}
#ACPL-items .pagination:last-child {
    padding: 12px 0;
    border-top: 1px solid black;
}
#ACPL-items .pagination div { margin: 0 8px; }
#ACPL-items .pagination input {
	
}
#ACPL-items .pagination span { 
    position: relative;
    top: 2px;
	opacity: 0.25;
	cursor: pointer;
}
#ACPL-items .pagination span:hover { opacity: 1; }
#ACPL-items .pagination .dashicons-arrow-right,
#ACPL-items .pagination .dashicons-arrow-left { 
    top: -2px;
    width: 30px;
    font-size: 30px;
}


.ACPL-items-list { position: relative; min-height: 160px; margin-bottom: 8px; }
.ACPL-items-list .ACPL-item { display: flex; }
.ACPL-items-list .ACPL-item:nth-child(even) { background: hsl(0, 0%, 95%); }
.ACPL-items-list .ACPL-item > div { padding: 6px 8px; }
.ACPL-items-list .ACPL-item .scode { flex: 0 0 auto; width: 120px; }
.ACPL-items-list .ACPL-item .title { flex: 1 1 auto; text-align: right; }
.ACPL-items-list .ACPL-item .price {
	flex: 0 0 auto;
	width: 100px; 
	font-size: 14px; 
	font-weight: 700; 
	text-align: right;
    border: 0;
}
.ACPL-save-items { display: none; float: right; }

.ACPL-item-head {
	padding: 0 10px;
	background: gray;
}
.ACPL-item-head div {
	padding: 6px;
	font-weight: 700;
	font-size: 14px;
	color: white !important;
	background: gray;
}


/* Item */
.ACPL-item { position: relative; cursor: pointer; }
.ACPL-item > span { 
	position: absolute;
	top: 1px;
	left: -20px;
	opacity: 0; 
	cursor: pointer;
}
.ACPL-item p:hover + span { opacity: 0.5; }
.ACPL-item span:hover { opacity: 1; }
.ACPL-item p {
	display: inline-block;
	margin: 0 0 4px; 
	font-size: 14px; 
	font-weight: 700; 
	opacity: 0.35;
	cursor: pointer;
}
.ACPL-item[data-id="0"] > p { font-size: 20px; opacity: 1; }


.ACPL-item:hover,
.ACPL-item:hover > div { background: hsl(0, 0%, 20%); color: white; }


#ACPL-items .svg-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 12px;
    width: 100%;
    height: 100%;
	padding: 32px 20%;
    min-height: 300px;
    margin: 0 auto;
    fill: hsla(0, 0%, 100%, 1);
    pointer-events: none;
    background: hsla(0, 0%, 0%, 0.2);
}
#ACPL-POPUP .svg-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 216px 20% 28px;
    margin: 0 auto;
    fill: hsla(0, 0%, 0%, 0.25);
    pointer-events: none;
}


/* Popup */
#ACPL-POPUP,
#ACPL-POPUP * { box-sizing: border-box; }
#ACPL-POPUP {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
    z-index: 99999;
}
#ACPL-POPUP .back {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%%;
	height: 100%%;
	background: hsla(0, 0%, 0%, 0.7);
}
#ACPL-POPUP .body {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
    width: 600px;
    height: 360px;
	margin: auto;
	background: white;
	border-radius: 16px;
	box-shadow: 3px 6px 16px black;
}
#ACPL-POPUP .title {
	height: 50px;
	padding: 16px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: white;
	background: gray;
	border-radius: 16px 16px 0 0;
}
#ACPL-POPUP .title span { font-size: 24px; opacity: 0.5; cursor: pointer; }
#ACPL-POPUP .title span:hover { opacity: 1; }
#ACPL-POPUP .content {
	display: flex;
	flex-flow: column;
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	height: calc(100% - 50px);
	padding: 32px;
	overflow-y: auto;
    background: #e7e7e7;
}
#ACPL-POPUP .content img { 
    width: 250px;
    margin: 0 auto;
	object-fit: contain;
}
#ACPL-POPUP .content h2 { 
    display: flex;
    align-items: center;
    align-self: center;
    height: 74px;
    margin: 0;
	text-align: center; 
    font-weight: 700;
    font-size: 22px;
    line-height: 1.2;
}
#ACPL-POPUP .captcha {
	text-align: center;
	cursor: pointer;
}
#ACPL-POPUP .captcha div { 
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 24px;
	transform: skewY(10deg);
}
#ACPL-POPUP .captcha input { text-align: center; }
#ACPL-POPUP .captcha p { margin-bottom: 4px; }
#ACPL-POPUP .captcha span {
    border: 5px solid hsl(0, 0%, 83%);
    width: 39px;
    height: 39px;
    font-size: 29px;
    line-height: 1.1;
    transition: 0.5s all;
	cursor: pointer;
    background: white;
}
#ACPL-POPUP .captcha:hover span {
	color: hsl(164, 41%, 54%);
}
#ACPL-POPUP .captcha.ok span {
    background: hsl(164, 41%, 54%);
    border: 5px solid hsl(164, 41%, 54%);
	color: white;
}
#ACPL-POPUP .bottom h3 {
	margin: 0;
	color: white;
}
#ACPL-POPUP .content .item { display: flex; padding: 4px; }
#ACPL-POPUP .content .item:nth-child(odd) { background: hsl(0, 0%, 90%); }
#ACPL-POPUP .content .item div:nth-child(1) { flex: 0 0 auto; width: 120px; }
#ACPL-POPUP .content .item div:nth-child(2) { flex: 1 1 auto; }
#ACPL-POPUP .content .item div:nth-child(3) { flex: 0 0 auto; width: 80px; text-align: right; }


#ACPL-POPUP .content .price {
	display: none;
	position: absolute;
    left: 0;
    right: 0;
	bottom: 72px;
    margin: 0 auto;
	font-size: 64px;
	font-weight: 900;
    text-align: center;
	color: hsl(205, 83%, 39%);
}






/* **************************************************************** */
@media (max-width: 768px) {
/* **************************************************************** */

	#AC-PRICELIST { width: 100%; min-width: unset; }
	#ACPL-POPUP .body { width: 90%; }
}