/*@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto');
*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Dashboard - START */
:root {
	--ppc-dash-background-color1: #fafaff;
	--ppc-dash-background-color2: #ffffff;
	--ppc-dash-background-color3: #ededed;
	--ppc-dash-background-color4: #cad7fda4;
	--ppc-dash-primary-color: #4b49ac;
	--ppc-dash-secondary-color: #0c007d;
	--ppc-dash-border-color: #3c8f69;
	--ppc-dash-one-use-color: #3c8f69;
	--ppc-dash-two-use-color: #27ae60;
}
.ppc-dash-header, .ppc-dash-main-container, .ppc-dash-header *, .ppc-dash-main-container * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: /*"Suite Korean", */"Poppins", sans-serif;
}
.ppc-dash-header, .ppc-dash-main-container {
	background-color: var(--ppc-dash-background-color3);
	max-width: 100%;
	overflow-x: hidden;
}
.ppc-dash-main-container {
	background: linear-gradient(45deg, #d9ffee, #dae7ff);
}
.ppc-dash-header p {
	display:none;
}
.ppc-dash-header {
	height: 70px;
	width: 100vw;
	padding: 0 30px 0 0;
	background-color: var(--ppc-dash-background-color1);
	position: fixed;
	z-index: 100;
	box-shadow: 1px 1px 15px rgba(64, 64, 64, 0.2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	display: none;
}
#divErrorContainer {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10000;
}
#divErrorContainer .alert {
	margin: 0;
	border-bottom: 1px var(--ppc-dash-background-color3) solid;
}
.ppc-dash-logo {
	flex: 1;
	font-size: 27px;
	font-weight: 600;
	color: rgb(47, 141, 70);
	padding: 15px 0px;
}
.ppc-dash-message, .ppc-dash-logosec, .ppc-dash-chats/*, .ppc-dash-chats2*/ {
	display: flex;
	align-items: center;
	justify-content: center;
}
.ppc-dash-chats {
	position: sticky;
	top: 0;
	background-color: var(--ppc-dash-background-color2);
	padding: 21px 17px 10px;
	flex-direction: column;
	z-index: 10;
}
.ppc-dash-chats form {
	width: 100%;
}
.ppc-dash-logosec {
	gap: 10px;
}
.ppc-dash-logosec i {
	display: none;
}
/*.ppc-dash-chats label, .ppc-dash-chats2 label {
	margin-right: 10px;
	display: inline;
}*/
.ppc-dash-chats select, .ppc-dash-main select {
	font-family: /*"Suite Korean", */"Poppins", sans-serif;
	width: 250px;
	/*height: 42px;
	border-radius: 50px 0 0 50px;*/
	background-color: #f8f8f8;
	padding: 10px 25px 10px 10px;
	font-size: 15px;
	display: inline;
	border-color:#ccc;
	/*outline: none;
	border: none;*/
}
.ppc-dash-chats select .ppc-dash-chats-add {
	background-color: ghostwhite;
	color: #5e835e;
	font-weight: bold;
}
/*.ppc-dash-chats2 {
	display: none;
}*/
.ppc-dash-message {
	gap: 40px;
	position: relative;
	cursor: pointer;
}
.ppc-dash-circle {
	height: 7px;
	width: 7px;
	position: absolute;
	background-color: #fa7bb4;
	border-radius: 50%;
	left: 19px;
	top: 8px;
}
.ppc-dash-dp {
	height: 40px;
	width: 40px;
	background-color: #626262;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.ppc-dash-main-container {
	display: flex;
	width: 100vw;
	z-index: 1;
}
.ppc-dash-dpicn {
	height: 42px;
}

.ppc-dash-main {
	height: 100vh;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	/*padding: 20px 30px 30px 30px;*/
	padding: 0;
	background:#f5f5f5;
}
.ppc-dash-main::-webkit-scrollbar-thumb {
	background-image: linear-gradient(to bottom, rgb(0, 0, 85), rgb(0, 0, 50));
}
.ppc-dash-main::-webkit-scrollbar {
	width: 5px;
}
.ppc-dash-main::-webkit-scrollbar-track {
	background-color: #9e9e9eb2;
}
.ppc-dash-main > div {
	padding: 50px 40px;
	background-color: white;
	border-radius: 20px;
	margin: 10px;
}
div.ppc-dash-main-form-header {
	margin: -50px -40px 0 -40px;
	/*border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
}
div.ppc-dash-main-form-header-info {
	margin-bottom: 10px;
	padding: 40px;
	background:linear-gradient(45deg, #d3f6ff, #96e0ff9e, #bfdcf7e6);
	border-top-left-radius:20px;
	border-top-right-radius:20px;
}
div.ppc-dash-main-form-tooltip {
	border:2px solid #ccc;
	margin: 20px 10px 0px;
	padding: 25px;
	background: white;
	border-radius: 7px;
}
.ppc-dash-main-form-save {
	border: none;
	min-width: 300px;
	max-height: 90vh;
	display: flex;
	flex-direction: column;
}
.ppc-dash-main-form-save-body {
	overflow-y:auto;
	margin:20px -20px 0;
	padding:0 20px;
	/*border-bottom:1px solid #ddd;*/
}
.ppc-dash-main-flex-table {
	display: flex;
	flex-direction: column;
}
.ppc-dash-main-flex-row {
	display: flex;
	align-items: stretch; 
}
.ppc-dash-main-flex-row-header {
	font-weight: bold;
	background-color: #f1f1f1;
}
.ppc-dash-main-flex-cell {
	padding: 10px;
	border: 1px solid #ccc;
	text-align: center;
}
.ppc-dash-box-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 14px;
	max-width: 1000px;
	margin: 0 auto;
}
/*.ppc-dash-box-container > div {
	width: 100%;
}*/
.ppc-dash-nav {
	/*min-height: 100%;*/
	width: 100%;
	background-color: var(--ppc-dash-background-color2);
	/*position: absolute;
	top: 0;
	left: 0;
	box-shadow: 1px 1px 10px rgba(64, 64, 64, 0.2);*/
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	padding: 20px 10px;
	/*z-index: 1;*/
}
.ppc-dash-navcontainer {
	height: 100vh;
	flex: 0 0 280px;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	transition: all 0.5s ease-in-out;
	background-color: var(--ppc-dash-background-color2);
}
.ppc-dash-navcontainer::-webkit-scrollbar {
	display: none;
}
.ppc-dash-nav-option {
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	padding: 0 10px 0 10px;
	gap: 15px;
	transition: none;
}
.ppc-dash-nav-option:hover {
	background: linear-gradient(45deg, #d3f6ff, #96e0ff9e, #bfdcf7e6);
	border-radius:10px;
	cursor: pointer;
}
.ppc-dash-nav-option-container {
	background-image: linear-gradient(to bottom, #b2b2b2, #888888) 1;
}
.ppc-dash-header .fas, .ppc-dash-nav .fas, .ppc-left-header .fas, .ppc-dash-box .fas {
	font-size: 20px;
	color: #252525;
	width: 30px;
	text-align: center;
	cursor: pointer;
}
.ppc-dash-box .fas {
	cursor: help;
}
.ppc-dash-nav p {
	display: none;
}
/*.ppc-dash-navclose {
	width: 80px;
}
.ppc-dash-navclose h3 {
	display: none;
}*/
.ppc-dash-nav-upper-options {
	display: flex;
	flex-direction: column;
	align-items: start;
	gap: 5px;
}
.ppc-dash-nav-option h3 {
	font-size: 14px;
	font-weight: 300;
	line-height: normal;
}
.ppc-dash-nav-option-container h3 {
	font-weight: 800;
}
.ppc-dash-sel-option {
	border-radius:10px;
	background:linear-gradient(45deg, #d8f7ff, #abe6ff9e, #e4f2ffe6);
	color: white;
	cursor: pointer;
}
.ppc-left-header {
	display: flex;
}
.ppc-fa-angle-up {
	display: inline-block;
	position: absolute;
	right:1.5em;
	font-size:22px;
	margin: 0;
	padding: 0;
	transform: rotateY(0);
	transform-origin: center;
	transition: 0.3s linear;
}
.ppc-fa-angle-up.down {
	display: inline-block;
	position: absolute;
	right: 2em;
	margin: 0;
	padding: 0;
	transform: rotateZ(-180deg);
	transform-origin: center;
	transition: 0.3s linear;
}
.ppc-menu-container {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.2s ease-out;
	width: 100%;
}
.ppc-menu-container.show {
	max-height: 600px;
	transition: max-height 0.3s ease-in;
}
.ppc-menu-container .ppc-dash-nav-option {
	padding-left: 20px;
}
/*.ppc-left-header img {
	margin-left: -35px;
}
*/




.ppc-dash-box {
	height: auto;
	min-height: 96px;
	width: auto;
	border-radius: 14px;
	padding: 14px 16px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	gap: 8px;
	cursor: help;
	background-color: #ffffff;
	border: 1px solid #e8e8ef;
	border-left-width: 4px;
	box-shadow: 0 1px 4px rgba(20, 20, 43, 0.06);
}
.ppc-dash-box:nth-child(1) {
	border-left-color: #ff9f9f;
}
.ppc-dash-box:nth-child(2) {
	border-left-color: #e3c93d;
}
.ppc-dash-box:nth-child(3) {
	border-left-color: #7cc167;
}
.ppc-dash-box:nth-child(4) {
	border-left-color: #56c4c4;
}
.ppc-dash-box:nth-child(5) {
	border-left-color: #e3c93d;
}
.ppc-dash-box i {
	font-size: 40px;
}
.ppc-dash-box svg {
	height: 100%;
}
.ppc-dash-box-top {
	display: flex;
	flex-direction: row;
	gap: 0;
}
.ppc-dash-box .ppc-dash-text {
	color: white;
}
.ppc-dash-topic {
	font-size: 13px;
	font-weight: 500;
	color: #6b7086;
	/*letter-spacing: 1px;*/
}
.ppc-dash-topic-heading {
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0.5px;
	text-align: left;
}
.ppc-dash-progress {
	width: 100%;
	height: 6px;
	border-radius: 3px;
	background-color: #eef0f4;
	overflow: hidden;
}
.ppc-dash-progress > div {
	height: 100%;
	border-radius: 3px;
	background: linear-gradient(90deg, #4ab5ff, #1c9df7);
	transition: width 0.4s ease;
}
.ppc-dash-progress > div.ppc-dash-progress-warn {
	background: linear-gradient(90deg, #ffb84a, #ff8a3d);
}
.ppc-chart-card {
	max-width: 1000px;
	margin: 16px auto 0;
	background-color: #ffffff;
	border: 1px solid #e8e8ef;
	border-radius: 14px;
	padding: 12px 14px;
	box-shadow: 0 1px 4px rgba(20, 20, 43, 0.06);
}
.ppc-chart-card-title {
	font-size: 14px;
	font-weight: 600;
	margin: 2px 0 4px;
}
.ppc-chart-el {
	width: 100%;
	height: 280px;
}
.ppc-dash-feed {
	max-width: 1000px;
	margin: 16px auto 40px;
	background-color: #ffffff;
	border: 1px solid #e8e8ef;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(20, 20, 43, 0.06);
}
.ppc-dash-feed-header {
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #eef0f4;
	text-align: left;
}
.ppc-dash-feed-body {
	max-height: 300px;
	overflow-y: auto;
}
.ppc-feed-item {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px 10px;
	padding: 9px 16px;
	border-bottom: 1px solid #f2f3f7;
	font-size: 13px;
}
.ppc-feed-item:last-child {
	border-bottom: none;
}
.ppc-feed-unread {
	background-color: #f2f9ff;
}
.ppc-feed-date {
	color: #8a8fa3;
	font-size: 12px;
	white-space: nowrap;
}
.ppc-feed-chat {
	background-color: #eef4ff;
	color: #3567c9;
	border-radius: 10px;
	padding: 1px 8px;
	font-size: 11px;
	white-space: nowrap;
}
.ppc-feed-msg {
	flex: 1 1 240px;
	text-align: left;
	line-height: 1.35;
}
.ppc-feed-empty {
	padding: 16px;
	text-align: center;
	color: #8a8fa3;
	font-size: 13px;
}
.ppc-dash-report-container {
	min-height: 300px;
	max-width: 1200px;
	margin: 70px auto 0px auto;
	background-color: #ffffff;
	border-radius: 30px;
	box-shadow: 3px 3px 10px rgb(188, 188, 188);
	padding: 0px 20px 20px 20px;
}
.ppc-dash-report-header {
	height: 80px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 20px 10px 20px;
	border-bottom: 2px solid rgba(0, 20, 151, 0.59);
}
.ppc-dash-recent-articles {
	font-size: 30px;
	font-weight: 600;
	color: #5500cb;
}
.ppc-dash-view {
	height: 35px;
	width: 90px;
	border-radius: 8px;
	background-color: #5500cb;
	color: white;
	font-size: 15px;
	border: none;
	cursor: pointer;
	display: none;
}
.ppc-dash-report-body {
	max-width: 1160px;
	overflow-x: auto;
	padding: 20px;
}
.ppc-dash-report-topic-heading, .ppc-dash-item1 {
	width: 1120px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.ppc-dash-t-op {
	font-size: 18px;
	letter-spacing: 0px;
}
.ppc-dash-items {
	width: 1120px;
	margin-top: 15px;
}
.ppc-dash-item1 {
	margin-top: 20px;
}
.ppc-dash-t-op-nextlvl {
	font-size: 14px;
	letter-spacing: 0px;
	font-weight: 600;
}
.ppc-dash-label-tag {
	width: 100px;
	text-align: center;
	background-color: rgb(0, 177, 0);
	color: white;
	border-radius: 4px;
}

@media screen and (max-width: 950px) {
	.ppc-dash-nav .fas {
		font-size: 25px;
	}
	.ppc-dash-nav-option {
		gap: 10px;
	}
	.ppc-dash-nav-option h3 {
		font-size: 14px;
	}
	.ppc-dash-report-topic-heading, .ppc-dash-item1, .ppc-dash-items {
		width: 800px;
	}
}

@media screen and (max-width: 850px) {
	.ppc-dash-nav .fas {
		font-size: 30px;
	}
	.ppc-dash-nav-option {
		gap: 10px;
	}
	.ppc-dash-nav-option h3 {
		font-size: 14px;
	}
	.ppc-dash-report-topic-heading, .ppc-dash-item1, .ppc-dash-items {
		width: 700px;
	}
	.ppc-dash-navcontainer {
		height: calc(100vh - 70px);
		width: 100vw;
		position: absolute;
		transition: all 0.5s ease-in-out;
		top: 0;
		left: -100vw;
		max-width: 250px;
		z-index: 10;
	}
	.ppc-dash-nav {
		width: 100%;
		position: absolute;
	}
	.ppc-dash-navclose {
		left: 0;
	}
	.ppc-dash-navclose h3 {
		display: block;
	}
	.ppc-dash-logosec i {
		display: inline;
	}
	.ppc-dash-logo {
		padding: 0;
	}
/*	.ppc-dash-chats {
		display: none;
	}
	.ppc-dash-main {
		padding: 40px 30px 30px 30px;
	}*/
	.ppc-dash-header {
		padding: 0 15px;
		display: flex;
	}
	.ppc-left-header, .ppc-dash-chats .ppc-lang-switch {
		display: none;
	}
	.ppc-dash-main-container {
		position: relative;
		top: 70px;
	}
	.ppc-dash-main {
		height: calc(100vh - 70px);
		padding: 0;
	}
	.ppc-dash-main > div {
		padding: 10px;
		margin: 0;
		border-radius: 0;
	}
	.ppc-dash-main div.ppc-dash-main-form-header {
		margin: -10px -30px 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.ppc-dash-chats select, .ppc-dash-main select {
		margin-bottom:7px
	}
	.ppc-div-draft div.ppc-dash-main-form-tooltip {
		padding: 10px;
	}
/*	.ppc-dash-chats2 {
		width: 100%;
		display: flex;
		margin: 0 0 40px 0;
		justify-content: left;
		flex-wrap: wrap;
	}*/
}

@media screen and (max-width: 490px) {
	/*.ppc-dash-message {
		display: none;
	}*/
	.ppc-dash-logosec {
		width: 100%;
		justify-content: space-between;
	}
	.ppc-dash-logo {
		font-size: 20px;
	}
	.ppc-dash-header .fas, .ppc-dash-nav .fas {
		font-size: 25px;
	}
	.ppc-dash-nav-option {
		gap: 5px;
	}
	.ppc-dash-nav-option h3 {
		font-size: 12px;
	}
	.ppc-dash-nav-upper-options {
		gap: 5px;
	}
	.ppc-dash-recent-articles {
		font-size: 20px;
	}
	.ppc-dash-report-topic-heading, .ppc-dash-item1, .ppc-dash-items {
		width: 550px;
	}
	.ppc-dash-box {
		width: 100%;
		height: auto;
		min-height: 84px;
		padding: 10px 12px;
	}
	.ppc-dash-box-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.ppc-dash-topic-heading {
		font-size: 20px;
	}
	.ppc-chart-el {
		height: 230px;
	}
	.ppc-chart-card {
		padding: 10px 8px;
	}
	.ppc-dash-feed-body {
		max-height: 260px;
	}
}

@media screen and (max-width: 400px) {
	.ppc-dash-recent-articles {
		font-size: 17px;
	}
	.ppc-dash-view {
		width: 60px;
		font-size: 10px;
		height: 27px;
	}
	.ppc-dash-report-header {
		height: 60px;
		padding: 10px 10px 5px 10px;
	}
	.ppc-div-draft .ppc-three-state-toggle {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media screen and (max-width: 320px) {
	.ppc-dash-recent-articles {
		font-size: 12px;
	}
	.ppc-dash-view {
		width: 50px;
		font-size: 8px;
		height: 27px;
	}
	.ppc-dash-report-header {
		height: 60px;
		padding: 10px 5px 5px 5px;
	}
	.ppc-dash-t-op {
		font-size: 12px;
	}
	.ppc-dash-t-op-nextlvl {
		font-size: 10px;
	}
	.ppc-dash-report-topic-heading, .ppc-dash-item1, .ppc-dash-items {
		width: 300px;
	}
	.ppc-dash-report-body {
		padding: 10px;
	}
	.ppc-dash-label-tag {
		width: 70px;
	}
/*	.ppc-dash-chats2 select {
		width: 180px;
	}*/
}

.ppc-popup-white {
	position: relative;
	background: #FFF;
	/*padding: 40px 20px;*/
	width:auto;
	max-width: 500px;
	margin: 20px auto;
	border-radius:10px;
	padding:30px 30px 0px;
}

.mfp-close-btn-in .ppc-popup-white .mfp-close {
	width: 33px;
	height: 33px;
	background-color: lightgrey !important;
	margin: 10px;
	font-weight: 300;
	padding-top: 2px;
}

/* Dashboard - END */

/* Accordion - START */
.ppc-accordion-container, .ppc-accordion-container * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.5;
	font-family: /*"Suite Korean", */"Poppins", sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	padding: 0;
}

.ppc-accordion-container h3 {
	margin: 0;
	font-size: 1.4em;
	line-height: 1.2;
}

.ppc-accordion-container {
	max-width: 40em;
	position: relative;
	margin: 2em auto;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	box-shadow: rgba(165, 165, 165, 0.3) 0 0 77px;
}

.ppc-accordion-container>div, .ppc-accordion-container>div>label {
	display: block !important;
	overflow: hidden;
}

.ppc-accordion-container .ppc-accordion-title {
	padding: 1em 3em;
	position: relative;
	z-index: 599;
	background: #fbfbfb;
	border-bottom: 1px solid #eee;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.ppc-accordion-container .ppc-accordion-title:hover {
	cursor: pointer;
	background: #f5f5f5;
}

.ppc-accordion-container .ppc-accordion-content {
	position: relative;
	padding: 0;
	max-height: 0px;
	-webkit-transition: max-height 0.3s linear;
	-moz-transition: max-height 0.3s linear;
	transition: max-height 0.3s linear;
}

.ppc-accordion-container>div>input[type=checkbox] {
	display: none;
}

.ppc-accordion-container>div>input[type=checkbox]:checked + .ppc-accordion-title {
	background: #c3f7ea;
}

.ppc-accordion-container>div>input[type=checkbox]:checked + .ppc-accordion-title + .ppc-accordion-content {
	max-height: 555px;
}
/* Accordion - END */

/* CRUD Table - START */
div.ppc-table-wrapper {
	background: #fff;
	padding: 10px;
}
.ppc-table-title {
	margin: 0;
	text-align: right;
	background-color: white;
}
.ppc-table-title-sticky {
	position: sticky;
	top: 0px;
	z-index: 2;
}
.ppc-table-title h2 {
	margin: 6px 0 0;
	font-size: 22px;
}
.ppc-table-title button.btn, .ppc-drop-container button.btn, .ppc-chat-settings button.ppc-custom-button, .ppc-chat-appearance button.ppc-custom-button, .ppc-dash-header button.btn, .ppc-dash-main-container button.btn, .ppc-popup-white button.btn {
	height: 30px;
	font-weight: 400;
	font-size: 12px;
	text-shadow: none;
	min-width: 100px;
	border-radius: 50px;
	line-height: 13px;
	background-color: #515358;
	border-color: #545454;
	padding: 6px 20px;
	margin: 10px 5px;
	color: white;
	white-space: nowrap;
	box-sizing: border-box;
}
.ppc-table-title button.btn:hover, .ppc-drop-container button.btn:hover, .ppc-chat-settings button.ppc-custom-button:hover, .ppc-chat-appearance button.ppc-custom-button:hover, .ppc-dash-header button.btn:hover, .ppc-dash-main-container button.btn:hover, .ppc-popup-white button.btn:hover{
	background-color: #515358;
	border-color: #545454;
	color: white;
}
.ppc-table-title button.btn:disabled, .ppc-drop-container button.btn:disabled, .ppc-chat-settings button.ppc-custom-button:disabled, .ppc-chat-appearance button.ppc-custom-button:disabled, .ppc-dash-header button.btn:disabled, .ppc-dash-main-container button.btn:disabled, .ppc-popup-white button.btn:disabled{
	border: 3px solid #ccc;
	background-color: #ccc;
	color: #777;
}
.ppc-table-title .ppc-add-new i {
	margin-right: 4px;
}
table.ppc-table {
	table-layout: fixed;
}
table.ppc-table tr th, table.ppc-table tr td {
	border-color: #e9e9e9;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 10px;
}
table.ppc-table th i {
	font-size: 13px;
	margin: 0 5px;
	cursor: pointer;
}
table.ppc-table-editable th:last-child, table.ppc-table-editable td:last-child {
	width: 40px;
	background-clip: padding-box;
}
table.ppc-table-editable th:nth-last-child(2), table.ppc-table-editable td:nth-last-child(2) {
	width: 80px;
	overflow: visible;
	padding: 5px;
}
/*table.ppc-table th:last-child div.ppc-select-all, table.ppc-table td:last-child div.ppc-select-all {
	border-left: 1px #e9e9e9 solid;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
table.ppc-table th:last-child div.ppc-select-all input[type="checkbox"], table.ppc-table td:last-child div.ppc-select-all input[type="checkbox"] {
	margin: 0 6px;
	height: 100%;
}*/
table.ppc-table td a {
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	min-width: 20px;
	min-height: 20px;
	background-repeat: no-repeat;
	background-size: cover;
	vertical-align: text-bottom;
}
table.ppc-table td input[type="text"], table.ppc-table td input[type="checkbox"], table.ppc-table td input[type="url"], table.ppc-table td input[type="email"], table.ppc-table td input[type="tel"], table.ppc-table td textarea, table.ppc-table td select {
	display:inline-block;
	margin: 0;
}
table.ppc-table td input[type="text"], table.ppc-table td input[type="url"], table.ppc-table td input[type="email"], table.ppc-table td input[type="tel"], table.ppc-table td textarea, table.ppc-table td select {
	width: 100%;
}
table.ppc-table td textarea {
	padding: 10px;
}
table.ppc-table td a.ppc-save, table.ppc-table td a.ppc-start, table.ppc-table td a.ppc-left, table.ppc-table td a.ppc-right {
	color: #27C46B;
}
table.ppc-table td a.ppc-save {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='save' width='1em' height='1em' fill='%2327C46B' aria-hidden='true'%3E%3Cpath d='M893.3 293.3L730.7 130.7c-7.5-7.5-16.7-13-26.7-16V112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V338.5c0-17-6.7-33.2-18.7-45.2zM384 184h256v104H384V184zm456 656H184V184h136v136c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V205.8l136 136V840zM512 442c-79.5 0-144 64.5-144 144s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144zm0 224c-44.2 0-80-35.8-80-80s35.8-80 80-80 80 35.8 80 80-35.8 80-80 80z'%3E%3C/path%3E%3C/svg%3E");
}
table.ppc-table td a.ppc-start {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='rocket' width='1em' height='1em' fill='%2327C46B' aria-hidden='true'%3E%3Cpath d='M864 736c0-111.6-65.4-208-160-252.9V317.3c0-15.1-5.3-29.7-15.1-41.2L536.5 95.4C530.1 87.8 521 84 512 84s-18.1 3.8-24.5 11.4L335.1 276.1a63.97 63.97 0 00-15.1 41.2v165.8C225.4 528 160 624.4 160 736h156.5c-2.3 7.2-3.5 15-3.5 23.8 0 22.1 7.6 43.7 21.4 60.8a97.2 97.2 0 0043.1 30.6c23.1 54 75.6 88.8 134.5 88.8 29.1 0 57.3-8.6 81.4-24.8 23.6-15.8 41.9-37.9 53-64a97 97 0 0043.1-30.5 97.52 97.52 0 0021.4-60.8c0-8.4-1.1-16.4-3.1-23.8H864zM762.3 621.4c9.4 14.6 17 30.3 22.5 46.6H700V558.7a211.6 211.6 0 0162.3 62.7zM388 483.1V318.8l124-147 124 147V668H388V483.1zM239.2 668c5.5-16.3 13.1-32 22.5-46.6 16.3-25.2 37.5-46.5 62.3-62.7V668h-84.8zm388.9 116.2c-5.2 3-11.2 4.2-17.1 3.4l-19.5-2.4-2.8 19.4c-5.4 37.9-38.4 66.5-76.7 66.5-38.3 0-71.3-28.6-76.7-66.5l-2.8-19.5-19.5 2.5a27.7 27.7 0 01-17.1-3.5c-8.7-5-14.1-14.3-14.1-24.4 0-10.6 5.9-19.4 14.6-23.8h231.3c8.8 4.5 14.6 13.3 14.6 23.8-.1 10.2-5.5 19.6-14.2 24.5zM464 400a48 48 0 1096 0 48 48 0 10-96 0z'%3E%3C/path%3E%3C/svg%3E");
}
table.ppc-table td a.ppc-stop {
	color: #252525;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='pause-circle' width='1em' height='1em' fill='%23252525' aria-hidden='true'%3E%3Cpath d='M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372zm-88-532h-48c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8zm224 0h-48c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V360c0-4.4-3.6-8-8-8z'%3E%3C/path%3E%3C/svg%3E");
}
table.ppc-table td a.ppc-edit, table.ppc-table td a.ppc-promocode-edit, table.ppc-table td a.ppc-leadform-edit {
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='form' width='1em' height='1em' fill='%23000' aria-hidden='true'%3E%3Cpath d='M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z'%3E%3C/path%3E%3Cpath d='M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z'%3E%3C/path%3E%3C/svg%3E");
}
table.ppc-table td a.ppc-export {
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='export' width='1em' height='1em' fill='%23000' aria-hidden='true'%3e%3cpath d='M880 912H144c-17.7 0-32-14.3-32-32V144c0-17.7 14.3-32 32-32h360c4.4 0 8 3.6 8 8v56c0 4.4-3.6 8-8 8H184v656h656V520c0-4.4 3.6-8 8-8h56c4.4 0 8 3.6 8 8v360c0 17.7-14.3 32-32 32zM770.87 199.13l-52.2-52.2a8.01 8.01 0 014.7-13.6l179.4-21c5.1-.6 9.5 3.7 8.9 8.9l-21 179.4c-.8 6.6-8.9 9.4-13.6 4.7l-52.4-52.4-256.2 256.2a8.03 8.03 0 01-11.3 0l-42.4-42.4a8.03 8.03 0 010-11.3l256.1-256.3z'%3e%3c/path%3e%3c/svg%3e");
}
table.ppc-table td a.ppc-delete, table.ppc-table td a.ppc-cancel {
	color: #E34724;
}
table.ppc-table td a.ppc-delete {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='delete' width='1em' height='1em' fill='%23E34724' aria-hidden='true'%3E%3Cpath d='M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z'%3E%3C/path%3E%3C/svg%3E");
}
table.ppc-table td a.ppc-cancel {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='rollback' width='1em' height='1em' fill='%23E34724' aria-hidden='true'%3E%3Cpath d='M793 242H366v-74c0-6.7-7.7-10.4-12.9-6.3l-142 112a8 8 0 000 12.6l142 112c5.2 4.1 12.9.4 12.9-6.3v-74h415v470H175c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h618c35.3 0 64-28.7 64-64V306c0-35.3-28.7-64-64-64z'%3E%3C/path%3E%3C/svg%3E");
}
table.ppc-table td a.ppc-left {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='left-square' width='1em' height='1em' fill='%2327C46B' aria-hidden='true'%3e%3cpath d='M365.3 518.5l246 178c5.3 3.8 12.7 0 12.7-6.5v-46.9c0-10.2-4.9-19.9-13.2-25.9L465.4 512l145.4-105.2c8.3-6 13.2-15.6 13.2-25.9V334c0-6.5-7.4-10.3-12.7-6.5l-246 178a8.05 8.05 0 000 13z'%3e%3c/path%3e%3cpath d='M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z'%3e%3c/path%3e%3c/svg%3e");
}
table.ppc-table td a.ppc-right {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='right-square' width='1em' height='1em' fill='%2327C46B' aria-hidden='true'%3e%3cpath d='M412.7 696.5l246-178c4.4-3.2 4.4-9.7 0-12.9l-246-178c-5.3-3.8-12.7 0-12.7 6.5V381c0 10.2 4.9 19.9 13.2 25.9L558.6 512 413.2 617.2c-8.3 6-13.2 15.6-13.2 25.9V690c0 6.5 7.4 10.3 12.7 6.5z'%3e%3c/path%3e%3cpath d='M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z'%3e%3c/path%3e%3c/svg%3e");
}
table.ppc-table td a.ppc-up {
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='up-square' width='1em' height='1em' fill='%2327C46B' aria-hidden='true'%3e%3cpath d='M334 624h46.9c10.2 0 19.9-4.9 25.9-13.2L512 465.4l105.2 145.4c6 8.3 15.6 13.2 25.9 13.2H690c6.5 0 10.3-7.4 6.5-12.7l-178-246a7.95 7.95 0 00-12.9 0l-178 246A7.96 7.96 0 00334 624z'%3e%3c/path%3e%3cpath d='M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z'%3e%3c/path%3e%3c/svg%3e");
}
table.ppc-table tr:first-child a.ppc-up, table.ppc-lead-form-table tbody tr:first-child a.ppc-delete {
	display: none;
}
table.ppc-table td a.ppc-down {
	color: #000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='64 64 896 896' focusable='false' data-icon='down-square' width='1em' height='1em' fill='%2327C46B' aria-hidden='true'%3e%3cpath d='M505.5 658.7c3.2 4.4 9.7 4.4 12.9 0l178-246c3.8-5.3 0-12.7-6.5-12.7H643c-10.2 0-19.9 4.9-25.9 13.2L512 558.6 406.8 413.2c-6-8.3-15.6-13.2-25.9-13.2H334c-6.5 0-10.3 7.4-6.5 12.7l178 246z'%3e%3c/path%3e%3cpath d='M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z'%3e%3c/path%3e%3c/svg%3e");
}
table.ppc-table tr:last-child a.ppc-down {
	display: none;
}
table.ppc-table td a.ppc-save i, table.ppc-table td a.ppc-start i, table.ppc-table td a.ppc-stop i, table.ppc-table td a.ppc-edit i, table.ppc-table td a.ppc-promocode-edit i, table.ppc-table td a.ppc-leadform-edit i, table.ppc-table td a.ppc-delete i, table.ppc-table td a.ppc-cancel i {
	display: none !important;
}
table.ppc-table td i {
	font-size: 19px;
}
table.ppc-table td a.ppc-save i {
	font-size: 24px;
	margin-right: -1px;
	position: relative;
	top: 3px;
}
table.ppc-table .ppc-form-control {
	height: 32px;
	line-height: 32px;
	box-shadow: none;
	border-radius: 2px;
}
table.ppc-table .ppc-form-control.ppc-error {
	border-color: #f50000;
}
table.ppc-table-bordered {
	border: 1px solid #ddd;
}
table.ppc-table .ppc-table-empty-row {
	text-align: center;
}
table.ppc-table .ppc-table-mark-row {
	background-color: #add;
}
table.ppc-table th[data-sortable] {
	text-decoration: underline;
	cursor: pointer;
}

table.ppc-table th[data-asc]:after {
	display: inline-block;
	margin-left: 4px;
}
table.ppc-table th[data-asc="1"]:after {
	content: '\25B2';
}
table.ppc-table th[data-asc="0"]:after {
	content: '\25BC';
}
.ppc-lead-forms table.ppc-table-editable tr:not(.ppc-table-empty-row) td:first-child, .ppc-lead-forms table.ppc-table-editable tr:not(.ppc-table-empty-row) td:nth-child(2), .ppc-chat-leads table.ppc-table tr:not(.ppc-table-empty-row) td:first-child {
	text-align: left;
}
@media screen and (max-width: 850px) {
	.ppc-table-title-sticky {
		top: 0;
	}
}

/* CRUD Table - END */

/* File Upload - START */
label.ppc-drop-container {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: center !important;
	height: 210px !important;
	border-radius: 10px !important;
	border: 2px dashed #555 !important;
	color: #444 !important;
	cursor: pointer !important;
	transition: background .2s ease-in-out, border .2s ease-in-out !important;
	line-height: 28px !important;
}

label.ppc-drop-container:hover,
label.ppc-drop-container.ppc-drop-drag-active {
	background: #eee !important;
	border-color: #111 !important;
}

label.ppc-drop-container:hover .ppc-drop-title,
label.ppc-drop-container.ppc-drop-drag-active .ppc-drop-title {
	color: #222 !important;
}

label.ppc-drop-container .ppc-drop-title {
	color: #444;
	font-weight: bold;
	text-align: center;
	transition: color .2s ease-in-out;
	font-family:'nanum square';
	font-size:15px;
}

label.ppc-drop-container input[type=file] {
	display: block;
	width: 350px;
	max-width: 100%;
	color: #444;
	padding: 5px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #555;
	font-size:12px;
}

label.ppc-drop-container input[type=file]::file-selector-button {
	margin-right: 20px;
	border: none;
	background: #084cdf;
	padding: 10px 20px;
	border-radius: 10px;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease-in-out;
}

label.ppc-drop-container input[type=file]::file-selector-button:hover {
	background: #0d45a5;
}

label.ppc-drop-container .ppc-drop-progress-container {
	color: #000;
	background-color: #f1f1f1;
	border-radius: 16px;
	font-family: /*"Suite Korean", */"Poppins", sans-serif;
	font-size: 15px;
	line-height: 1.5;
	margin-top: 10px;
	width: 95%;
}

label.ppc-drop-container .ppc-drop-progress {
	color: #fff;
	background-color: #2196F3;
	padding: 0.01em 16px;
	border-radius: 16px;
}
/* File Upload - END */

/* Documents Page - START */
.ppc-div-documents {
	/*max-width: 1000px;*/
	margin: 0 auto;
	position: relative;
}

.ppc-div-documents tbody tr:not(.ppc-table-empty-row) td:first-child {
	text-align: left;
}

.ppc-scan-info {
	display: none;
}
.ppc-chat-leads-stat tbody th:nth-of-type(2),
.ppc-chat-leads-stat tbody td:nth-of-type(2) {
	width:0 !important;
	padding:0;
	white-space: nowrap;
}
@media screen and (max-width: 850px) {
	.ppc-div-documents thead th:nth-of-type(2),
	.ppc-div-documents tbody td:nth-of-type(2),
	.ppc-chat-leads thead th:nth-of-type(2),
	.ppc-chat-leads thead th:nth-of-type(3),
	.ppc-chat-leads thead th:nth-of-type(4),
	.ppc-chat-leads thead th:nth-of-type(6),
	.ppc-chat-leads thead th:nth-of-type(7),
	.ppc-chat-leads tbody td:nth-of-type(2),
	.ppc-chat-leads tbody td:nth-of-type(3),
	.ppc-chat-leads tbody td:nth-of-type(4),
	.ppc-chat-leads tbody td:nth-of-type(6),
	.ppc-chat-leads tbody td:nth-of-type(7),
	.ppc-lead-forms .ppc-table-editable thead th:nth-of-type(2),
	.ppc-lead-forms .ppc-table-editable thead th:nth-of-type(3),
	.ppc-lead-forms .ppc-table-editable thead th:nth-of-type(4),
	.ppc-lead-forms .ppc-table-editable tbody td:nth-of-type(2),
	.ppc-lead-forms .ppc-table-editable tbody td:nth-of-type(3),
	.ppc-lead-forms .ppc-table-editable tbody td:nth-of-type(4),
	.ppc-source-url thead th:nth-of-type(2),
	.ppc-source-url tbody td:nth-of-type(2),
	.ppc-chat-leads-stat thead th:nth-of-type(1),
	.ppc-chat-leads-stat thead th:nth-of-type(4),
	.ppc-chat-leads-stat thead th:nth-of-type(5),
	.ppc-chat-leads-stat tbody td:nth-of-type(1),
	.ppc-chat-leads-stat tbody td:nth-of-type(4),
	.ppc-chat-leads-stat tbody td:nth-of-type(5),
	.ppc-div-promocodes thead th:nth-of-type(2),
	.ppc-div-promocodes thead th:nth-of-type(3),
	.ppc-div-promocodes thead th:nth-of-type(4),
	.ppc-div-promocodes tbody td:nth-of-type(2),
	.ppc-div-promocodes tbody td:nth-of-type(3),
	.ppc-div-promocodes tbody td:nth-of-type(4),
	.ppc-div-promocodes-delayed thead th:nth-of-type(2),
	.ppc-div-promocodes-delayed thead th:nth-of-type(3),
	.ppc-div-promocodes-delayed thead th:nth-of-type(4),
	.ppc-div-promocodes-delayed thead th:nth-of-type(5),
	.ppc-div-promocodes-delayed thead th:nth-of-type(6),
	.ppc-div-promocodes-delayed tbody td:nth-of-type(2),
	.ppc-div-promocodes-delayed tbody td:nth-of-type(3),
	.ppc-div-promocodes-delayed tbody td:nth-of-type(4),
	.ppc-div-promocodes-delayed tbody td:nth-of-type(5),
	.ppc-div-promocodes-delayed tbody td:nth-of-type(6) {
		display: none;
		/*width:0 !important;
		padding:0;
		white-space: nowrap;*/
	}
	.ppc-div-storym thead th:nth-of-type(4), .ppc-div-storym tbody td:nth-of-type(4) {
		display: table-cell;
	}
	.ppc-chat-leads thead th:nth-of-type(1), .ppc-chat-leads thead th:nth-of-type(5) {
		width: 40% !important;
	}
	.ppc-chat-leads thead th:nth-of-type(8) {
		width: 20% !important;
	}
	.ppc-chat-leads-stat thead th:nth-of-type(2), .ppc-lead-forms .ppc-table-editable thead th:nth-of-type(1) {
		width: 70% !important;
	}
	.ppc-chat-leads-stat thead th:nth-of-type(3), .ppc-lead-forms .ppc-table-editable thead th:nth-of-type(5) {
		width: 30% !important;
	}
	.ppc-div-promocodes thead th:nth-of-type(1) {
		width: 90% !important;
	}
	.ppc-div-promocodes-delayed thead th:nth-of-type(1) {
		width: 40% !important;
	}
	.ppc-scan-info {
		display: inline-block;
	}
}
/* Documents Page - END */

/* Rotation - START */
.ppc-rotate {
  animation: ppc-rotation 2s infinite linear;
}

@keyframes ppc-rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(359deg);
	}
}
/* Rotation - END */

/* Spinner - START */
div.ppc-play-spinner, div.ppc-play-spinner-left, div.ppc-play-spinner-blur {
	background-image: url('../img/loading.png');
	background-repeat: no-repeat;
	animation: ppc-spin 0.4s linear infinite;
	background-size: 18px 18px;
	background-position: center;
	width: 24px;
	height: 24px;
	border: none;
	margin: 0 auto;
	z-index: 1;
}

div.ppc-play-spinner-blur {
	background-size: 24px 24px;
}

@keyframes ppc-spin {
	from {
		transform: rotateZ(0);
	}
	to {
		transform: rotateZ(1turn);
	}
}

div.ppc-play-spinner-left {
	position: absolute;
	left: 1px;
	top: 1px;
	height: 100%;
}
div.ppc-play-spinner-parent {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	background-color: #FFF;
	opacity: 0.5;
	z-index: 100000;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Spinner - END */

/* Pricing - START */
#div_checkout {
	width: 300px;
	max-width: 300px;
	padding: 15px 15px;
	border-radius: 8px;
}

@media (min-width: 370px) {
	#div_checkout {
		width: 360px;
		max-width: 360px;
		padding: 30px 30px;
	}
}

#div_checkout label {
	display: inline;
}

#div_checkout .ppc-checkout-footer {
	text-align: right;
	margin-top: 10px;
}

#div_checkout .ppc-checkout-common-info {
	margin: 0 0 16px 0;
}

#div_checkout .sq-card-iframe-container {
	border-width: 3px;
}

#div_checkout .ppc-checkout-total {
	margin-left: 10px;
}

#ppc-checkout-container-wait {
	margin: 0 0 16px 0;
}

#div_checkout .ppc-checkout-info {
	font-weight: bold;
	display: none;
	margin: 16px 0;
}

div.ppc_current_subscription, div.ppc_unavail_subscription, div.ppc_pending_subscription {
	color: #3c8f69;
	font-family: /*"Suite Korean", */"Poppins", sans-serif;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0px;
	padding: 18px 35px 18px 35px;
}
div.ppc_unavail_subscription {
	color: #ff4d4f;
}
div.ppc_pending_subscription {
	color: #0089f7;
	position: relative;
}
div.ppc_pending_subscription i {
	position: absolute;
	top: 10px;
	right: 0;
	font-size: 1.3em;
	cursor: pointer;
}
.pricing-box-featured div.ppc_current_subscription, .pricing-box-featured div.ppc_unavail_subscription, .pricing-box-featured div.ppc_pending_subscription {
	color: inherit;
}
div.ppc-div-pricing .pricing-box-featured, div.ppc-pricing-table .pricing-box-featured {
	background: #3c8f69;
}
div.ppc-div-pricing .pricing-box-featured a.button, div.ppc-pricing-table .pricing-box-featured a.button {
	background-color: #fff;
	color: #444;
}
div.ppc-div-pricing .pricing-box-featured a.button:hover, div.ppc-pricing-table .pricing-box-featured a.button:hover {
	opacity: .9;
}
.pricing-box .plan-header .price {
	white-space: nowrap;
}
div.ppc-div-pricing .pricing-box-featured, div.ppc-div-pricing .pricing-box-featured .plan-header h2, div.ppc-div-pricing .pricing-box-featured .plan-header .price sup.currency, div.ppc-div-pricing .pricing-box-featured .plan-header .price > span, div.ppc-div-pricing .pricing-box-featured .plan-header .price sup.period, div.ppc-div-pricing .pricing-box-featured .plan-header p.subtitle, div.ppc-div-pricing .pricing-box-featured .plan-inside ul,
div.ppc-pricing-table .pricing-box-featured, div.ppc-pricing-table .pricing-box-featured .plan-header h2, div.ppc-pricing-table .pricing-box-featured .plan-header .price sup.currency, div.ppc-pricing-table .pricing-box-featured .plan-header .price > span, div.ppc-pricing-table .pricing-box-featured .plan-header .price sup.period, div.ppc-pricing-table .pricing-box-featured .plan-header p.subtitle, div.ppc-pricing-table .pricing-box-featured .plan-inside ul {
	color: #fff;
}

#ppc-checkout-errors {
	box-sizing: border-box;
	float: left;
	width: 100%;
	margin-bottom: 16px;
	border: 1px solid #E02F2F;
	border-radius: 6px;
	background-color: white;
	font-size: '16px';
	padding: 12px 12px 12px 24px;
	overflow: hidden;
}

#ppc-checkout-errors li {
	list-style: disc;
}

.ppc-table-cards {
	margin: 20px auto;
	width: 100%;
	max-width: 1000px;
	position:relative;
}

.ppc-table-cards td:first-child {
	position:relative;
}

#ppc-checkout-coupon {
	display:flex;
	gap: 10px;
	align-items: center;
	margin-top: 10px;
}
#ppc-checkout-coupon > * {
	margin: 0;
}
#ppc-checkout-coupon > input {
	flex: 1;
	width: 100%;
}
#ppc-checkout-coupon > button {
	padding: 0;
	display: block;
	width: 43px;
	height: 43px;
}
.ppc-popup-group, .ppc-popup-subheader {
	display: block;
	line-height: 14px;
	margin: 20px 0 0;
	padding: 0;
	border: 0;
	white-space: nowrap;
}
.ppc-popup-group > label:first-child, .ppc-popup-group div:first-child, .ppc-popup-group > span:first-of-type, .ppc-popup-group > span:last-of-type, .ppc-popup-subheader {
	margin: 0 0 8px;
	padding: 0;
	border: 0;
	font-weight: 700;
	display: block;
	white-space: normal;
	font-family:'nanum square';
	font-size:15px;
}
.ppc-popup-group > span:first-of-type, .ppc-popup-group > span:last-of-type {
	font-weight: 400;
	font-size: 12px;
	color: darkgray;
}
.ppc-popup-subheader {
	font-weight: bold;
}
.ppc-popup-group p {
	margin: 0;
	border: 1px solid #c0c4c9;
	display: block;
	font-size: 14px;
	white-space: normal;
	width: 100%;
	padding: 12px;
}
.ppc-popup-group > input[type="text"], .ppc-popup-group > input[type="checkbox"], .ppc-popup-group > select, .ppc-popup-group > textarea {
	font-size: 14px;
	box-shadow: none;
	border-radius: 0.25rem;
	border: 1px solid #3c8f69;
	border-bottom-width: 2px;
	width: 100%;
	padding: 12px;
	height: auto;
	line-height: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	transition: all 0.15s ease-out;
}
.ppc-popup-group-header-ai {
	display: flex !important;
	align-items: baseline;
	gap: 10px;
}
.ppc-popup-group-header-ai div:first-child {
	flex: 1;
	text-align: left;
}
.ppc-popup-group-header-ai div:first-child label:first-child {
	margin: 0;
	display: inline-block;
	padding: 5px;
	background: linear-gradient(45deg, #d2ffe7, #eaffb6);
	border-radius: 8px;
	font-weight:400;
	font-size:12px;
	vertical-align: middle;
}
.ppc-popup-group-header-ai div:first-child label:first-child input {
	vertical-align: middle;
}
.ppc-popup-footer {
	text-align: right;
	margin: 0px -30px;
	background-color: #F5F5F5;
	border-radius: 0px 0px 10px 10px;
	padding: 0 30px;
	border-top: 1px solid #ddd;
}
.ppc-opacity-cover {
	position: relative;
	pointer-events:none;
}
.ppc-opacity-cover::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.5;
	z-index: 5;
}
/* Pricing - END */

/* Chat settings - START */
/*.ppc-chat-settings, .ppc-chat-appearance {
	background-color: white;
	padding: 10px;
}*/
.ppc-chat-appearance img.ppc_chat_avatar_preview, img.ppc_chat_msg_img_preview {
	width: 60px;
	height: 60px;
	/*border-radius: 50%;*/
}
/* .ppc-chat-appearance img.ppc_chat_bg_preview { */
	/* width: 200px; */
	/* height: 200px; */
/* } */
.ppc-chat-edit-item {
	margin: 30px 0px;
}
.ppc-chat-edit-item > label:first-of-type, span.ppc-tooltipster, span.ppc-tooltipster-flag {
	display:inline;
	font-size: 14px;
	margin-right: 3px;
}
span.ppc-tooltipster, span.ppc-tooltipster-flag {
	cursor:help
}
.ppc-chat-settings > div.ppc-chat-edit-item:first-child, .ppc-chat-appearance > div:first-child {
	text-align: right;
	position: sticky;
	top: 0px;
	background-color: white;
	z-index: 2;
	padding: 10px 0;
}
.ppc-chat-settings textarea {
	padding: 10px;
}
.ppc-chat-settings input[type="text"] {
	margin-bottom: 0;
}
@media screen and (max-width: 850px) {
	/*.ppc-chat-settings, .ppc-chat-appearance {
		padding: 0 10px 10px;
	}*/
	.ppc-chat-settings > div.ppc-chat-edit-item:first-child, .ppc-chat-appearance > div:first-child {
		top: 0;
	}
}
/* Chat settings - END */

/* Tooltip - START */
.ppc-tooltip {
	position: relative;
	display: inline-block;
}

.ppc-tooltip .ppc-tooltiptext, .ppc-tooltip .ppc-tooltiptext-right {
	visibility: hidden;
	white-space: nowrap;
	position: absolute;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 5px;
	z-index: 1;
	top: -5px;
	right: 120%;
}
.ppc-tooltip .ppc-tooltiptext-right {
	left: 120%;	
	right: auto;
}

.ppc-tooltip .ppc-tooltiptext::after, .ppc-tooltip .ppc-tooltiptext-right::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent transparent black;
}
.ppc-tooltip .ppc-tooltiptext-right::after {
	right: 100%;
	left: auto;
	border-color: transparent black transparent transparent;
}
.ppc-tooltip:hover .ppc-tooltiptext, .ppc-tooltip:hover .ppc-tooltiptext-right {
	visibility: visible;
}
.ppc-tooltip .ppc-tooltiptext input[type="checkbox"] {
	display: inline;
	margin: 0 2px 0 5px;
}

@media (pointer: coarse), (hover: none) {
	.ppc-tooltip-title[title] {
		position: relative;
		display: inline-flex;
		justify-content: center;
	}
	.ppc-tooltip-title[title]:focus::after {
		content: attr(title);
		position: absolute;
		top: 90%;
		color: #000;
		background-color: #fff;
		border: 1px solid;
		width: fit-content;
		padding: 3px;
	}
}
/* Tooltip - END */

/* History - START */
/*.ppc-div-chat-history {
	padding: 10px;
}*/
.ppc-div-chat-history-wrap {
	position:relative;
	height:calc(100vh - 195px);
	overflow-y:auto;
	margin-top:10px;
	width:100%;
	max-width:400px;
	min-height:200px;
}
/* History - END */

/* Deployment - START */
/*.ppc-chat-deploy {
	padding: 10px;
	background-color: white;
}*/
/* Deployment - END */

/* Radio Cards - START */
/* https://codepen.io/dromo77/pen/ZEQWyaZ */
.ppc-rcard-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin: 0 auto;
	width: 100%;
	padding: 0;
}
@media (min-width: 42em) {
	.ppc-rcard-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
.ppc-rcard-card {
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60px 60px;
	border-radius: 0.5em;
	position: relative;
	z-index: 0;
	width: 100px;
	height: 100px;
}
.ppc-rcard-card-200 {
	width: 200px;
	height: 200px;
}
.ppc-rcard-card:hover {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}
.ppc-rcard-radio {
	font-size: inherit;
	margin: 0;
	position: absolute;
	right: 3px;
	top: 3px;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	.ppc-rcard-radio {
		-webkit-appearance: none;
		-moz-appearance: none;
		background: #fff;
		border: 2px solid #e2ebf6;
		border-radius: 50%;
		cursor: pointer;
		height: 1.5em;
		width: 1.5em;
		outline: none;
		transition: background 0.2s ease-out, border-color 0.2s ease-out;
	}
	.ppc-rcard-radio::after {
		border: 2px solid #fff;
		border-top: 0;
		border-left: 0;
		content: "";
		display: block;
		height: 0.75rem;
		left: 25%;
		position: absolute;
		top: 50%;
		transform: rotate(45deg) translate(-50%, -50%);
		width: 0.375rem;
	}
	.ppc-rcard-radio:checked {
		background: var(--ppc-dash-border-color);
		border-color: var(--ppc-dash-border-color);
	}
	.ppc-rcard-card:hover .ppc-rcard-radio {
		border-color: #c4d1e1;
	}
	.ppc-rcard-card:hover .ppc-rcard-radio:checked {
		border-color: var(--ppc-dash-border-color);
	}
}
.ppc-rcard-card-details {
	border: 2px solid #e2ebf6;
	border-radius: 0.5em;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 1em;
	transition: border-color 0.2s ease-out;
}
.ppc-rcard-card:hover .ppc-rcard-card-details {
	border-color: #c4d1e1;
}
.ppc-rcard-radio:checked ~ .ppc-rcard-card-details {
	border-color: var(--ppc-dash-border-color);
}
.ppc-rcard-radio:focus ~ .ppc-rcard-card-details {
	box-shadow: 0 0 0 2px #c4d1e1;
}
.ppc-rcard-radio:disabled ~ .ppc-rcard-card-details {
	color: #c4d1e1;
	cursor: default;
}
.ppc-rcard-card:hover .ppc-rcard-radio:disabled ~ .ppc-rcard-card-details {
	border-color: #e2ebf6;
	box-shadow: none;
}
.ppc-rcard-card:hover .ppc-rcard-radio:disabled {
	border-color: #e2ebf6;
}
/* Radio Cards - END */

/* Pagination - START */
div.ppc-pagination {
	background: white;
	display: flex;
	flex-direction: row;
	padding: 15px 0;
	flex-wrap: wrap;
}
div.ppc-pagination ul {
	list-style-type: none;
	display: flex;
	justify-content: left;
	align-items: center;
	margin: 0;
	border-radius: 6px;
	background: #ffffff;
	flex: 1;
}
div.ppc-pagination label {
	margin: 0;
}
div.ppc-pagination select {
	margin-left: 10px;
	width: 70px;
}
div.ppc-pagination li {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 6px;
}
div.ppc-pagination li:hover {
	background: #cef3f3;
}
div.ppc-pagination li.ppc-pagination-dots, div.ppc-pagination li.ppc-pagination-dots:hover {
	cursor: default;
	background: initial;
}
div.ppc-pagination li.ppc-pagination-active {
	background: #add;
	font-weight: 600;
	border: 1px solid #add;
}
/* Pagination - END */

/* Toggle switch - START */

.ppc-switch {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 34px;
	line-height: 34px;
	margin: 0;
	padding: 0;
}

.ppc-switch-label {
	margin: 0 5px 0;
	color: #eee;
	line-height: 34px;
}

.ppc-switch-label-sel {
	color: #27ae60;
}

.ppc-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.ppc-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #e9e9e9;
	-webkit-transition: .4s;
	transition: .4s;
}

.ppc-slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .ppc-slider {
	background-color: #27ae60;
}

/*input:focus + .ppc-slider {
	box-shadow: 0 0 1px #27ae60;
}*/

input:checked + .ppc-slider:before {
	-webkit-transform: translateX(46x);
	-ms-transform: translateX(46px);
	transform: translateX(46px);
}

.ppc-slider.ppc-round {
	border-radius: 34px;
}

.ppc-slider.ppc-round:before {
	border-radius: 50%;
}

/* Toggle switch - END */


/* Language toggle switch - START */

.ppc-lang-switch {
	position: relative;
	display: inline-block;
	margin: 0 5px;
}

.ppc-lang-switch > span {
	position: absolute;
	top: 0;
	pointer-events: none;
	font-family: nanum-square, 'Helvetica', Arial, sans-serif;
	font-weight: 400;
	font-size: 12px !important;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .06);
	width: 50%;
	text-align: center;
	line-height: 35px;
}

input.ppc-lang-check-toggle-round-flat:checked ~ .ppc-lang-on {
	color: #fff;
}

input.ppc-lang-check-toggle-round-flat:checked ~ .ppc-lang-off {
	color: #27ae60;
}

.ppc-lang-switch > span.ppc-lang-on {
	left: 0;
	padding-left: 2px;
	color: #27ae60;
}

.ppc-lang-switch > span.ppc-lang-off {
	right: 0;
	padding-right: 4px;
	color: #fff;
}

.ppc-lang-check-toggle {
	position: absolute;
	margin-left: -9999px;
	visibility: hidden;
}
.ppc-lang-switch > label {
	display: block !important;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.ppc-lang-check-toggle-round-flat + label {
	padding: 2px;
	width: 97px;
	height: 35px;
	background-color: #27ae60;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
}
input.ppc-lang-check-toggle-round-flat + label:before, input.ppc-lang-check-toggle-round-flat + label:after {
	display: block;
	position: absolute;
	content: "";
}

input.ppc-lang-check-toggle-round-flat + label:before {
	top: 2px;
	left: 2px;
	bottom: 2px;
	right: 2px;
	background-color: #27ae60;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-ms-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
}
input.ppc-lang-check-toggle-round-flat + label:after {
	top: 4px;
	left: 4px;
	bottom: 4px;
	width: 48px;
	background-color: #fff;
	-webkit-border-radius: 52px;
	-moz-border-radius: 52px;
	-ms-border-radius: 52px;
	-o-border-radius: 52px;
	border-radius: 52px;
	-webkit-transition: margin 0.2s;
	-moz-transition: margin 0.2s;
	-o-transition: margin 0.2s;
	transition: margin 0.2s;
}

input.ppc-lang-check-toggle-round-flat:checked + label {
}

input.ppc-lang-check-toggle-round-flat:checked + label:after {
	margin-left: 41px;
}

.ppc-lang-switch-small > span {
	font-size: 10px;
	line-height: 26px;
	font-family: 'nanum square';
	font-weight: 500;
}
.ppc-lang-switch-small input.ppc-lang-check-toggle-round-flat + label {
	width: 67px;
	height: 25px;
}
.ppc-lang-switch-small input.ppc-lang-check-toggle-round-flat + label:after {
	width: 28px;
}
.ppc-lang-switch-small input.ppc-lang-check-toggle-round-flat:checked + label:after {
	margin-left: 30px;
}

.ppc-promocode-msgtype-switch input.ppc-lang-check-toggle-round-flat + label {
	width: 150px;
}
.ppc-promocode-msgtype-switch input.ppc-lang-check-toggle-round-flat + label:after {
	width: 70px;
}
.ppc-promocode-msgtype-switch input.ppc-lang-check-toggle-round-flat:checked + label:after {
	margin-left: 71px;
}
/* Language toggle switch - END */

/* Language toggle switch 3 opt - START */
.ppc-switch-3 {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 35px;
	font-family: nanum-square, Helvetica, Arial, sans-serif;
}
.ppc-switch-3 input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.ppc-switch-track {
	position: relative;
	width: 100%;
	height: 100%;
	background: #27ae60;
	border-radius: 60px;
	padding: 2px;
	box-sizing: border-box;
}
.ppc-switch-track label {
	position: relative;
	z-index: 2;
	float: left;
	width: 33.3333%;
	height: 100%;
	line-height: 31px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	cursor: pointer;
	user-select: none;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.06);
	box-sizing: border-box;
}
.ppc-switch-thumb {
	position: absolute;
	z-index: 1;
	top: 4px;
	left: 4px;
	width: calc((100% - 8px) / 3);
	height: calc(100% - 8px);
	background: #fff;
	border-radius: 52px;
	transition: transform .2s ease;
}
.ppc-switch-3 input:first-of-type:checked ~ .ppc-switch-track label:nth-of-type(1),
.ppc-switch-3 input:nth-of-type(2):checked ~ .ppc-switch-track label:nth-of-type(2),
.ppc-switch-3 input:last-of-type:checked ~ .ppc-switch-track label:nth-of-type(3) {
	color: #27ae60;
}
.ppc-switch-3 input:first-of-type:checked ~ .ppc-switch-track label:nth-of-type(2),
.ppc-switch-3 input:first-of-type:checked ~ .ppc-switch-track label:nth-of-type(3),
.ppc-switch-3 input:nth-of-type(2):checked ~ .ppc-switch-track label:nth-of-type(1),
.ppc-switch-3 input:nth-of-type(2):checked ~ .ppc-switch-track label:nth-of-type(3),
.ppc-switch-3 input:last-of-type:checked ~ .ppc-switch-track label:nth-of-type(1),
.ppc-switch-3 input:last-of-type:checked ~ .ppc-switch-track label:nth-of-type(2) {
	color: #fff;
}
.ppc-switch-3 input:first-of-type:checked ~ .ppc-switch-track .ppc-switch-thumb {
	transform: translateX(0);
}
.ppc-switch-3 input:nth-of-type(2):checked ~ .ppc-switch-track .ppc-switch-thumb {
	transform: translateX(100%);
}
.ppc-switch-3 input:last-of-type:checked ~ .ppc-switch-track .ppc-switch-thumb {
	transform: translateX(200%);
}
/* Language toggle switch 3 opt - END */

/* Integration card - START */
.ppc-integration-container {
	margin-top: 20px;
	display:flex;
	flex-wrap: wrap;
}
.ppc-integration-container > div {
	max-width: 320px;
	margin: 0 20px 20px 0;
	overflow: hidden;
	border-radius: 12px;
	background-color: rgb(249 250 251);
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}
@media only screen and (max-width: 480px) {
	.ppc-integration-container > div {
		max-width:480px;
		margin: 0 0 20px;
	}
}
.ppc-integration-container > div > div:first-child {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.ppc-integration-container > div > div:last-child {
	margin: 0 24px 24px;
}
.ppc-integration-container > div > div:first-child i {
	font-size: 60px;
	margin: 24px 24px 8px;
}
.ppc-chat-integration i.fa-facebook-messenger {
	background: linear-gradient(to bottom, rgb(0, 178, 255), rgb(0, 106, 255));
}
.ppc-chat-integration i.fa-instagram {
	background: linear-gradient(225deg, #833AB4, #C13584, #E1306C, #FD1D1D, #F56040, #FCAF45, #FFDC80);
}
.ppc-chat-integration i.fa-tiktok {
	background: linear-gradient(135deg, #00f2fe 0%, #fe0979 100%);
}
.ppc-chat-integration i.fa-facebook-messenger, .ppc-chat-integration i.fa-instagram, .ppc-chat-integration i.fa-tiktok {
	background-clip: border-box;
	-webkit-background-clip: text;
	color: transparent;
}
.ppc-integration-container > div > div:first-child > div {
	display:flex;
	flex-direction: column;
	margin: 24px 24px 8px;
}
.ppc-integration-container > div > div:first-child > div > * {
	margin:5px 0;
}
.ppc-integration-container > div > div:last-child > span {
	font-size: 18px;
	font-weight: 600;
}
.ppc-integration-container > div > div:last-child > p {
	font-size: 14px;
	line-height: 18px;
	color: rgb(75, 85, 99);
}
/* Integration card - END */

/* Badge - START */
.ppc-badge {
position: relative;
	text-decoration: none;
	padding: 2px 12px;
	color: white;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	background: linear-gradient(to bottom, #FFC107, #FFC107);
	border-radius: 999px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	user-select: none;
}
/*.ppc-badge span {
	width: 25px;
	height: 25px;
	position: absolute;
	top: -12px;
	right: -2px;
	transform: rotate(-20deg);
	filter: blur(0.5px);
}
.ppc-badge span:before, .ppc-badge span:after {
	content: "";
	position: absolute;
}
.ppc-badge span:before {
	width: 1px;
	height: 100%;
	left: 12px;
	background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.7), transparent);
}
.ppc-badge span:after {
	width: 100%;
	height: 1px;
	top: 12px;
	background: linear-gradient(to left, transparent, rgba(255, 255, 255, 0.7), transparent);
}
.ppc-badge:before {
	content: "";
	position: absolute;
	z-index: -1;
	background: linear-gradient(30deg, #7f6dc5 60%, white);
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	border-radius: 999px;
}*/
/* Badge - END */

/* Listview - START */
.ppc-listview {
	padding: 5px;
	overflow-y: auto;
}

.ppc-listview-item {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 10px 0;
	/*max-height: 100px;*/
	cursor: pointer;
	position: relative;
	/*padding-right: 30px;*/
	border: 1px solid #3c8f69;;
	box-sizing: content-box;
	border-radius: 5px;
	overflow: hidden;
	flex: 0 0 200px;
	line-height: 20px;
}

.ppc-listview-item div {
	flex: 0 0 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	/*border-radius: 5px 0 0 5px;*/
}
.ppc-listview-item span {
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: darkgray;
	font-size:12px;
	font-family:'nanum square';
}
/* Listview - END */

/* Admin table - START */
.ppc-admin-table {
	border-radius: 5px;
	font-size: 12px;
	font-weight: normal;
	border: none;
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	background-color: white;
}

.ppc-admin-table td, .ppc-admin-table th {
	text-align: center;
	padding: 8px;
}

.ppc-admin-table td {
	border-right: 1px solid #f8f8f8;
	font-size: 12px;
}

.ppc-admin-table thead th {
	color: #ffffff;
	background: #4FC3A1;
}

.ppc-admin-table tr:nth-child(even) {
	background: #F8F8F8;
}
/* Admin table - END */

/* Three state toggle - START */
.ppc-three-state-toggle {
	display: flex;
	position: relative;
	width: 200px;
	border: 1px solid #ccc;
	border-radius: 34px;
	overflow: hidden;
	background: white;
}
.ppc-three-state-toggle input[type="radio"] {
	display: none;
}
.ppc-three-state-toggle label {
	flex: 1;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	z-index: 1;
	transition: color 0.3s ease;
}
.ppc-three-state-toggle .ppc-toggle-indicator {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% / 3);
	height: 100%;
	background-color: #27ae60;
	border-radius: 34px;
	transition: transform 0.3s ease;
}

.ppc-three-state-toggle input:first-of-type:checked ~ .ppc-toggle-indicator {
	transform: translateX(0%);
}
.ppc-three-state-toggle input:nth-of-type(2):checked ~ .ppc-toggle-indicator {
	transform: translateX(100%);
}
.ppc-three-state-toggle input:last-of-type:checked ~ .ppc-toggle-indicator {
	transform: translateX(200%);
}

.ppc-three-state-toggle input:first-of-type:checked + label {
	color: white;
}
.ppc-three-state-toggle input:nth-of-type(2):checked + label {
	color: white;
}
.ppc-three-state-toggle input:last-of-type:checked + label {
	color: white;
}
/* Three state toggle - END */


/* Google Login - START */
.ppc-glogin-container {
	margin-bottom: 20px;
	text-align: center;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
}

.ppc-glogin-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #757575;
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s;
}

.ppc-glogin-button:hover {
	background-color: #f8f8f8;
}

.ppc-glogin-button img {
	margin-right: 10px;
	margin-left: 10px;
	width: 18px;
	height: 18px;
}

.ppc-glogin-button.loading {
	pointer-events: none;
	opacity: 0.7;
}

.ppc-glogin-button.loading:after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 10px;
	margin-top: -8px;
	border: 2px solid #f3f3f3;
	border-top: 2px solid #3498db;
	border-radius: 50%;
	animation: gspin 1s linear infinite;
}

@keyframes gspin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.ppc-glogin-divider {
	position: relative;
	margin: 20px 0;
	text-align: center;
}

.ppc-glogin-divider:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #ddd;
	z-index: 1;
}

.ppc-glogin-divider span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background-color: #fff;
	color: #757575;
	z-index: 2;
} 
/* Google Login - END */

.ppc-lead-tags {
	--tag-pad: 0.1em 0.3em !important;
	line-height: 1;
	width: 100%;
}
.ppc-lead-tags tag {
	margin: 5px;
}
.ppc-lead-tags span.tagify__input {
	line-height: inherit;
	margin: 10px 5px 5px;
	padding: var(--tag-pad);
}

.ppc-admin-coupons .ppc-table td {
	text-align: center;
}

button.ppc-ig-template-button {
	border: 1px solid #e7e7e7 !important;
	background-color: white !important;
	color: black !important;
	padding: 10px 0 !important;
	cursor: pointer !important;
	font-weight: normal !important;
	font-size: 12px !important;
	width: 100% !important;
	margin: 10px 0 !important;
}

/*.ppc-promocode-edit-columns {
	display:flex;
	flex-wrap:nowrap;
	gap:20px;
}
.ppc-promocode-edit-columns > div {
	width: 350px;
	flex:1 0 auto;
}
.ppc-promocode-edit-columns > div > div:first-child {
	position: sticky;
	top: 0;
	z-index: 1;
	background-color: #FFF;
	margin:0;
}*/
.ppc-promocode-scroll {
	/*max-height: calc(-450px + 100vh);*/
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding: 0;
}
.ppc-promocode-scroll-noedit > label:first-of-type {
	margin-left: auto;
}
.ppc-promocode-scroll-noedit > label:last-of-type {
	margin-right: auto;
}
.ppc-promocode-scroll-noedit > label {
	flex: 0 0 100px;
}
.ppc-promocode-scroll-noedit > label > div {
	flex: 0 0 100px;
	height: 100px;
}
.ppc-tmpl-item > label {
	flex: 0 0 200px;
}
.ppc-tmpl-item > label > div {
	height: auto;
	flex: initial;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ppc-tmpl-item > label > div:first-of-type {
	flex: 0 0 200px;
	height: 200px;
	padding: 0;
}
.ppc-tmpl-menu {
	position: absolute;
	right: 7px;
	top: 7px;
}
.ppc-delete-tmpl, .ppc-left-tmpl, .ppc-right-tmpl {
	height: 2em;
	width: 2em;
	border-radius: 50%;
	background-color: white;
	margin: 0 !important;
	background-size: 1.5em !important;
	background-position: center;
}
.ppc-listview-item:first-child .ppc-left-tmpl, .ppc-listview-item:last-child .ppc-right-tmpl {
	display: none;
}
/*.ppc-form-save-body-promocode {
	margin-top: 0;
	border-top: none;
	overflow: hidden;
}*/
.ppc-promocode-error-msg {
	margin: 0;
	color: red;
	display: none;
	font-family:'nanum square';
	font-size:12px;
}
.ppc-pricing-table {
	display: none;
	clear: both;
	justify-content: center;
}
.ppc-pricing-table > div {
	max-width: 270px;
}
.ppc-pricing-table > div:first-child {
	max-width: unset;
	width: 300px;
}
.ppc-pricing-table li {
	padding: 7px 4px !important;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ppc-pricing-table li span.ppc-tooltipster {
	line-height: 14px;
}
@media only screen and (min-width: 1380px) {
	div.ppc-pricing-table {
		display: flex;
	}
	div.ppc-div-pricing {
		display: none;
	}
}
.ppc-div-draft-no-sessions {
	margin: 20px 10px 0;
}

.ppc-admin-users-subscriptions .ppc-table th, .ppc-admin-users-subscriptions .ppc-table td {
	text-align: center;
}

.ppc-admin-users-subscriptions .ppc-table tbody tr:nth-child(odd) {
	background-color: #f2f2f2;
}

.ppc-admin-users-subscriptions .ppc-table tbody tr:nth-child(even) {
	background-color: #ffffff;
}

.ppc-admin-users-subscriptions .ppc-table thead tr {
	background-color: #add;
}

/*@media screen and (max-width: 850px) {
	.ppc-promocode-edit-columns {
		flex-wrap:wrap;
	}
	.ppc-form-save-body-promocode {
		overflow-y: auto;
	}
	.ppc-promocode-scroll-right {
		max-height: none;
	}
}*/