body {
	font-size: 1rem;
	font-family: 'Poppins', sans-serif !important;
	font-weight: initial;
	line-height: normal;
	-webkit-font-smoothing: antialiased;
}

body.layout-he {
	font-family: 'Open Sans Hebrew Regular' !important;
	font-size: 16.5px;
	direction: rtl;
}

@font-face {
	font-family: 'Open Sans Hebrew Regular';
	src: url('../fonts/opensanshebrew-regular-webfont.eot');
	src: url('../fonts/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensanshebrew-regular-webfont.woff') format('woff'), url('../fonts/opensanshebrew-regular-webfont.ttf') format('truetype'), url('../fonts/opensanshebrew-regular-webfont.svg#open_sans_hebrewregular') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Hebrew Bold';
	src: url('../fonts/opensanshebrew-bold-webfont.eot');
	src: url('../fonts/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensanshebrew-bold-webfont.woff') format('woff'), url('../fonts/opensanshebrew-bold-webfont.ttf') format('truetype'), url('../fonts/opensanshebrew-bold-webfont.svg#open_sans_hebrewbold') format('svg');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans Hebrew ExtraBold';
	src: url('../fonts/opensanshebrew-extrabold-webfont.eot');
	src: url('../fonts/opensanshebrew-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/opensanshebrew-extrabold-webfont.woff') format('woff'), url('../fonts/opensanshebrew-extrabold-webfont.ttf') format('truetype'), url('../fonts/opensanshebrew-extrabold-webfont.svg#open_sans_hebrewbold') format('svg');
	font-weight: 800;
	font-style: normal;
}

input:not(.poptin-design-fields-form),
select:not(.poptin-design-fields-form),
textarea:not(.poptin-design-fields-form),
button:not(.poptin-design-fields-form) {
	font-family: 'Poppins', sans-serif;
}

body.layout-he input:not(.poptin-design-fields-form),
body.layout-he select:not(.poptin-design-fields-form),
body.layout-he textarea:not(.poptin-design-fields-form),
body.layout-he button:not(.poptin-design-fields-form) {
	font-family: 'Open Sans Hebrew Regular';
	font-size: 16.5px;
}

a.poptin_link {
	color: #828282;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

a.poptin_link:hover {
	text-decoration: none;
}

.font_small {
	font-size: 13px !important;
	line-height: 20px;
}

.font_mid {
	font-size: 14px !important;
	line-height: 25px;
}

.font_normal {
	font-size: 16.5px !important;
	line-height: 25px;
}

.poptin-item-selection .font_normal {
	font-size: 22.5px !important;
}

.page-body-wrapper {
	min-height: calc(100vh - 70px);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	padding-left: 0;
	padding-right: 0;
	padding-top: 50px;
}

.page-body-wrapper.full-page-wrapper {
	width: 100%;
	min-height: 100vh;
	padding-top: 0;
}

.full-screen .nav-action-button {
	position: absolute;
	top: 8px;
	right: 15px;
	width: 465px;
	text-align: right;
}

.full-screen .step2-panel .container {
	width: 95%;
}

.container-scroller.full-screen .navbar {
	background: #f7f6fd;
}

.full-screen .navbar .navbar-brand-wrapper {
	background: #f7f6fd;
	height: auto;
}

h1.full-page-title {
	font-weight: 300;
	color: var(--main-purple, #7761df);
	font-size: 25px;
	line-height: 50px;
	margin: 0px;
}

.full-screen .container {
	width: 90%;
}

.content-wrapper {
	padding: 0.75rem 0.75rem;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.flex-row,
.email-wrapper .message-body .attachments-sections ul li,
.navbar .navbar-menu-wrapper .navbar-nav {
	flex-direction: row !important;
}

.flex-column,
.nav-tabs.nav-tabs-vertical,
.nav-tabs.nav-tabs-vertical-custom,
.nav-pills.nav-pills-vertical,
.email-wrapper .mail-sidebar .menu-bar .profile-list-item a .user {
	flex-direction: column !important;
}

.flex-row-reverse {
	flex-direction: row-reverse !important;
}

.flex-column-reverse {
	flex-direction: column-reverse !important;
}

.flex-wrap {
	flex-wrap: wrap !important;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}

.flex-fill {
	flex: 1 1 auto !important;
}

.flex-grow-0 {
	flex-grow: 0 !important;
}

.flex-grow-1 {
	flex-grow: 1 !important;
}

.flex-shrink-0 {
	flex-shrink: 0 !important;
}

.flex-shrink-1 {
	flex-shrink: 1 !important;
}

.justify-content-start,
.list-wrapper ul li {
	justify-content: flex-start !important;
}

.justify-content-end,
.email-wrapper .mail-list-container .mail-list .details {
	justify-content: flex-end !important;
}

.justify-content-center,
.email-wrapper .message-body .attachments-sections ul li .thumb {
	justify-content: center !important;
}

.justify-content-between {
	justify-content: space-between !important;
}

.justify-content-around {
	justify-content: space-around !important;
}

.align-items-start {
	align-items: flex-start !important;
}

.align-items-end {
	align-items: flex-end !important;
}

.align-items-center,
.loader-demo-box,
.list-wrapper ul li,
.email-wrapper .message-body .attachments-sections ul li .thumb,
.email-wrapper .message-body .attachments-sections ul li .details .buttons,
.navbar .navbar-menu-wrapper .navbar-nav,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
	align-items: center !important;
}

.align-items-baseline {
	align-items: baseline !important;
}

.align-items-stretch,
.email-wrapper .message-body .attachments-sections ul li {
	align-items: stretch !important;
}

.align-content-start {
	align-content: flex-start !important;
}

.align-content-end {
	align-content: flex-end !important;
}

.align-content-center {
	align-content: center !important;
}

.align-content-between {
	align-content: space-between !important;
}

.align-content-around {
	align-content: space-around !important;
}

.align-content-stretch {
	align-content: stretch !important;
}

.align-self-auto {
	align-self: auto !important;
}

.align-self-start {
	align-self: flex-start !important;
}

.align-self-end {
	align-self: flex-end !important;
}

.align-self-center {
	align-self: center !important;
}

.align-self-baseline {
	align-self: baseline !important;
}

.align-self-stretch,
.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile {
	align-self: stretch !important;
}

@media (min-width: 576px) {
	.flex-sm-row {
		flex-direction: row !important;
	}

	.flex-sm-column {
		flex-direction: column !important;
	}

	.flex-sm-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-sm-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-sm-wrap {
		flex-wrap: wrap !important;
	}

	.flex-sm-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.flex-sm-fill {
		flex: 1 1 auto !important;
	}

	.flex-sm-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-sm-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-sm-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-sm-shrink-1 {
		flex-shrink: 1 !important;
	}

	.justify-content-sm-start {
		justify-content: flex-start !important;
	}

	.justify-content-sm-end {
		justify-content: flex-end !important;
	}

	.justify-content-sm-center {
		justify-content: center !important;
	}

	.justify-content-sm-between {
		justify-content: space-between !important;
	}

	.justify-content-sm-around {
		justify-content: space-around !important;
	}

	.align-items-sm-start {
		align-items: flex-start !important;
	}

	.align-items-sm-end {
		align-items: flex-end !important;
	}

	.align-items-sm-center {
		align-items: center !important;
	}

	.align-items-sm-baseline {
		align-items: baseline !important;
	}

	.align-items-sm-stretch {
		align-items: stretch !important;
	}

	.align-content-sm-start {
		align-content: flex-start !important;
	}

	.align-content-sm-end {
		align-content: flex-end !important;
	}

	.align-content-sm-center {
		align-content: center !important;
	}

	.align-content-sm-between {
		align-content: space-between !important;
	}

	.align-content-sm-around {
		align-content: space-around !important;
	}

	.align-content-sm-stretch {
		align-content: stretch !important;
	}

	.align-self-sm-auto {
		align-self: auto !important;
	}

	.align-self-sm-start {
		align-self: flex-start !important;
	}

	.align-self-sm-end {
		align-self: flex-end !important;
	}

	.align-self-sm-center {
		align-self: center !important;
	}

	.align-self-sm-baseline {
		align-self: baseline !important;
	}

	.align-self-sm-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 768px) {
	.flex-md-row {
		flex-direction: row !important;
	}

	.flex-md-column {
		flex-direction: column !important;
	}

	.flex-md-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-md-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-md-wrap {
		flex-wrap: wrap !important;
	}

	.flex-md-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.flex-md-fill {
		flex: 1 1 auto !important;
	}

	.flex-md-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-md-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-md-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-md-shrink-1 {
		flex-shrink: 1 !important;
	}

	.justify-content-md-start {
		justify-content: flex-start !important;
	}

	.justify-content-md-end {
		justify-content: flex-end !important;
	}

	.justify-content-md-center {
		justify-content: center !important;
	}

	.justify-content-md-between {
		justify-content: space-between !important;
	}

	.justify-content-md-around {
		justify-content: space-around !important;
	}

	.align-items-md-start {
		align-items: flex-start !important;
	}

	.align-items-md-end {
		align-items: flex-end !important;
	}

	.align-items-md-center {
		align-items: center !important;
	}

	.align-items-md-baseline {
		align-items: baseline !important;
	}

	.align-items-md-stretch {
		align-items: stretch !important;
	}

	.align-content-md-start {
		align-content: flex-start !important;
	}

	.align-content-md-end {
		align-content: flex-end !important;
	}

	.align-content-md-center {
		align-content: center !important;
	}

	.align-content-md-between {
		align-content: space-between !important;
	}

	.align-content-md-around {
		align-content: space-around !important;
	}

	.align-content-md-stretch {
		align-content: stretch !important;
	}

	.align-self-md-auto {
		align-self: auto !important;
	}

	.align-self-md-start {
		align-self: flex-start !important;
	}

	.align-self-md-end {
		align-self: flex-end !important;
	}

	.align-self-md-center {
		align-self: center !important;
	}

	.align-self-md-baseline {
		align-self: baseline !important;
	}

	.align-self-md-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 992px) {
	.flex-lg-row {
		flex-direction: row !important;
	}

	.flex-lg-column {
		flex-direction: column !important;
	}

	.flex-lg-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-lg-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}

	.flex-lg-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.flex-lg-fill {
		flex: 1 1 auto !important;
	}

	.flex-lg-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-lg-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-lg-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-lg-shrink-1 {
		flex-shrink: 1 !important;
	}

	.justify-content-lg-start {
		justify-content: flex-start !important;
	}

	.justify-content-lg-end {
		justify-content: flex-end !important;
	}

	.justify-content-lg-center {
		justify-content: center !important;
	}

	.justify-content-lg-between {
		justify-content: space-between !important;
	}

	.justify-content-lg-around {
		justify-content: space-around !important;
	}

	.align-items-lg-start {
		align-items: flex-start !important;
	}

	.align-items-lg-end {
		align-items: flex-end !important;
	}

	.align-items-lg-center {
		align-items: center !important;
	}

	.align-items-lg-baseline {
		align-items: baseline !important;
	}

	.align-items-lg-stretch {
		align-items: stretch !important;
	}

	.align-content-lg-start {
		align-content: flex-start !important;
	}

	.align-content-lg-end {
		align-content: flex-end !important;
	}

	.align-content-lg-center {
		align-content: center !important;
	}

	.align-content-lg-between {
		align-content: space-between !important;
	}

	.align-content-lg-around {
		align-content: space-around !important;
	}

	.align-content-lg-stretch {
		align-content: stretch !important;
	}

	.align-self-lg-auto {
		align-self: auto !important;
	}

	.align-self-lg-start {
		align-self: flex-start !important;
	}

	.align-self-lg-end {
		align-self: flex-end !important;
	}

	.align-self-lg-center {
		align-self: center !important;
	}

	.align-self-lg-baseline {
		align-self: baseline !important;
	}

	.align-self-lg-stretch {
		align-self: stretch !important;
	}
}

@media (min-width: 1200px) {
	.flex-xl-row {
		flex-direction: row !important;
	}

	.flex-xl-column {
		flex-direction: column !important;
	}

	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}

	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}

	.flex-xl-wrap {
		flex-wrap: wrap !important;
	}

	.flex-xl-nowrap {
		flex-wrap: nowrap !important;
	}

	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}

	.flex-xl-fill {
		flex: 1 1 auto !important;
	}

	.flex-xl-grow-0 {
		flex-grow: 0 !important;
	}

	.flex-xl-grow-1 {
		flex-grow: 1 !important;
	}

	.flex-xl-shrink-0 {
		flex-shrink: 0 !important;
	}

	.flex-xl-shrink-1 {
		flex-shrink: 1 !important;
	}

	.justify-content-xl-start {
		justify-content: flex-start !important;
	}

	.justify-content-xl-end {
		justify-content: flex-end !important;
	}

	.justify-content-xl-center {
		justify-content: center !important;
	}

	.justify-content-xl-between {
		justify-content: space-between !important;
	}

	.justify-content-xl-around {
		justify-content: space-around !important;
	}

	.align-items-xl-start {
		align-items: flex-start !important;
	}

	.align-items-xl-end {
		align-items: flex-end !important;
	}

	.align-items-xl-center {
		align-items: center !important;
	}

	.align-items-xl-baseline {
		align-items: baseline !important;
	}

	.align-items-xl-stretch {
		align-items: stretch !important;
	}

	.align-content-xl-start {
		align-content: flex-start !important;
	}

	.align-content-xl-end {
		align-content: flex-end !important;
	}

	.align-content-xl-center {
		align-content: center !important;
	}

	.align-content-xl-between {
		align-content: space-between !important;
	}

	.align-content-xl-around {
		align-content: space-around !important;
	}

	.align-content-xl-stretch {
		align-content: stretch !important;
	}

	.align-self-xl-auto {
		align-self: auto !important;
	}

	.align-self-xl-start {
		align-self: flex-start !important;
	}

	.align-self-xl-end {
		align-self: flex-end !important;
	}

	.align-self-xl-center {
		align-self: center !important;
	}

	.align-self-xl-baseline {
		align-self: baseline !important;
	}

	.align-self-xl-stretch {
		align-self: stretch !important;
	}
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-none {
	float: none !important;
}

@media (min-width: 576px) {
	.float-sm-left {
		float: left !important;
	}

	.float-sm-right {
		float: right !important;
	}

	.float-sm-none {
		float: none !important;
	}
}

@media (min-width: 768px) {
	.float-md-left {
		float: left !important;
	}

	.float-md-right {
		float: right !important;
	}

	.float-md-none {
		float: none !important;
	}
}

@media (min-width: 992px) {
	.float-lg-left {
		float: left !important;
	}

	.float-lg-right {
		float: right !important;
	}

	.float-lg-none {
		float: none !important;
	}
}

@media (min-width: 1200px) {
	.float-xl-left {
		float: left !important;
	}

	.float-xl-right {
		float: right !important;
	}

	.float-xl-none {
		float: none !important;
	}
}

.position-static {
	position: static !important;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.position-fixed {
	position: fixed !important;
}

.position-sticky {
	position: sticky !important;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
}

.fullscreen-preview-mode .fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}

@supports (position: sticky) {
	.sticky-top {
		position: sticky;
		top: 0;
		z-index: 1020;
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
	clip: auto;
	white-space: normal;
}

.shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
	box-shadow: none !important;
}

.w-25 {
	width: 25% !important;
}

.w-50 {
	width: 50% !important;
}

.w-75 {
	width: 75% !important;
}

.w-100 {
	width: 100% !important;
}

.w-auto {
	width: auto !important;
}

.h-25 {
	height: 25% !important;
}

.h-50 {
	height: 50% !important;
}

.h-75 {
	height: 75% !important;
}

.h-100 {
	height: 100% !important;
}

.h-auto {
	height: auto !important;
}

.mw-100 {
	max-width: 100% !important;
}

.mh-100 {
	max-height: 100% !important;
}

.m-0 {
	margin: 0 !important;
}

.mt-0,
.demo-modal .modal-dialog,
.my-0 {
	margin-top: 0 !important;
}

.mr-0,
.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i,
.rtl .settings-panel .sidebar-bg-options .rounded-circle,
.rtl .settings-panel .sidebar-bg-options .color-tiles .tiles,
.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,
.rtl .settings-panel .events i,
.mx-0 {
	margin-right: 0 !important;
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important;
}

.ml-0,
.rtl .preview-list .preview-item .preview-thumbnail .preview-icon i,
.rtl .list-wrapper .remove,
.mx-0 {
	margin-left: 0 !important;
}

.m-1 {
	margin: 0.25rem !important;
}

.mt-1,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-submit,
.editable-container.editable-inline .editableform .control-group .editable-buttons .editable-cancel,
.my-1 {
	margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
	margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
	margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
	margin-left: 0.25rem !important;
}

.m-2 {
	margin: 0.5rem !important;
}

.mt-2,
.template-demo>.btn-group,
.fc .template-demo>.fc-button-group,
.template-demo>.btn-group-vertical,
.template-demo .circle-progress,
.my-2 {
	margin-top: 0.5rem !important;
}

.mr-2,
.template-demo>.btn,
.fc .template-demo>button,
.ajax-upload-dragdrop .template-demo>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled,
.wizard>.actions .template-demo>a,
.template-demo>.btn-group,
.fc .template-demo>.fc-button-group,
.template-demo>.btn-group-vertical,
.template-demo>.dropdown,
.mx-2 {
	margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
	margin-bottom: 0.5rem !important;
}

.ml-2,
.btn-toolbar .btn-group+.btn-group,
.btn-toolbar .fc .fc-button-group+.btn-group,
.fc .btn-toolbar .fc-button-group+.btn-group,
.btn-toolbar .fc .btn-group+.fc-button-group,
.fc .btn-toolbar .btn-group+.fc-button-group,
.btn-toolbar .fc .fc-button-group+.fc-button-group,
.fc .btn-toolbar .fc-button-group+.fc-button-group,
.rtl .settings-panel .events i,
.mx-2 {
	margin-left: 0.5rem !important;
}

.m-3 {
	margin: 1rem !important;
}

.mt-3,
.template-demo>.btn,
.fc .template-demo>button,
.ajax-upload-dragdrop .template-demo>.ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .template-demo>.swal2-styled,
.wizard>.actions .template-demo>a,
.template-demo>.btn-toolbar,
.my-3 {
	margin-top: 1rem !important;
}

.mr-3,
.template-demo>.btn-toolbar,
.mx-3 {
	margin-right: 1rem !important;
}

.mb-3,
.template-demo .circle-progress-block,
.my-3 {
	margin-bottom: 1rem !important;
}

.ml-3,
.rtl .settings-panel .sidebar-bg-options .rounded-circle,
.rtl .settings-panel .sidebar-bg-options .color-tiles .tiles,
.rtl .settings-panel .color-tiles .sidebar-bg-options .tiles,
.mx-3 {
	margin-left: 1rem !important;
}

.m-4 {
	margin: 1.5rem !important;
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important;
}

.m-5 {
	margin: 3rem !important;
}

.mt-5,
.my-5 {
	margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
	margin-right: 3rem !important;
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
	margin-left: 3rem !important;
}

.ml-6,
.mx-6 {
	margin-left: 6rem !important;
}

.p-0 {
	padding: 0 !important;
}

.pt-0,
.py-0 {
	padding-top: 0 !important;
}

.pr-0,
.px-0 {
	padding-right: 0 !important;
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
	padding-left: 0 !important;
}

.p-1 {
	padding: 0.25rem !important;
}

.pt-1,
.py-1 {
	padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
	padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
	padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
	padding-left: 0.25rem !important;
}

.p-2 {
	padding: 0.5rem !important;
}

.pt-2,
.py-2 {
	padding-top: 0.5rem !important;
}

.pr-2,
.px-2,
.template-demo .circle-progress-block {
	padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
	padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2,
.template-demo .circle-progress-block {
	padding-left: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.p-3.pr-0,
.p-3.px-0 {
	padding-right: 0 !important;
}

.p-3.pl-0,
.p-3.py-0 {
	padding-left: 0 !important;
}

.p-3.pb-0,
.p-3.pb-0 {
	padding-bottom: 0 !important;
}

.p-3.pt-0,
.p-3.pt-0 {
	padding-top: 0 !important;
}

.pt-3,
.py-3 {
	padding-top: 1rem !important;
}

.pr-3,
.px-3 {
	padding-right: 1rem !important;
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
	padding-left: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-4,
.py-4 {
	padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
	padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
	padding-left: 1.5rem !important;
}

.p-5 {
	padding: 3rem !important;
}

.pt-5,
.py-5 {
	padding-top: 3rem !important;
}

.pr-5,
.px-5 {
	padding-right: 3rem !important;
}

.pb-5,
.py-5 {
	padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
	padding-left: 3rem !important;
}

.m-auto {
	margin: auto !important;
}

.mt-auto,
.my-auto {
	margin-top: auto !important;
}

.mr-auto,
.rtl .list-wrapper .remove,
.mx-auto {
	margin-right: auto !important;
}

.mb-auto,
.my-auto {
	margin-bottom: auto !important;
}

.ml-auto,
.list-wrapper .remove,
.mx-auto {
	margin-left: auto !important;
}

.pl-btn-big {
	padding: 10px 45px !important;
}

@media (min-width: 576px) {
	.m-sm-0 {
		margin: 0 !important;
	}

	.mt-sm-0,
	.my-sm-0 {
		margin-top: 0 !important;
	}

	.mr-sm-0,
	.mx-sm-0 {
		margin-right: 0 !important;
	}

	.mb-sm-0,
	.my-sm-0 {
		margin-bottom: 0 !important;
	}

	.ml-sm-0,
	.mx-sm-0 {
		margin-left: 0 !important;
	}

	.m-sm-1 {
		margin: 0.25rem !important;
	}

	.mt-sm-1,
	.my-sm-1 {
		margin-top: 0.25rem !important;
	}

	.mr-sm-1,
	.mx-sm-1 {
		margin-right: 0.25rem !important;
	}

	.mb-sm-1,
	.my-sm-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-sm-1,
	.mx-sm-1 {
		margin-left: 0.25rem !important;
	}

	.m-sm-2 {
		margin: 0.5rem !important;
	}

	.mt-sm-2,
	.my-sm-2 {
		margin-top: 0.5rem !important;
	}

	.mr-sm-2,
	.mx-sm-2 {
		margin-right: 0.5rem !important;
	}

	.mb-sm-2,
	.my-sm-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-sm-2,
	.mx-sm-2 {
		margin-left: 0.5rem !important;
	}

	.m-sm-3 {
		margin: 1rem !important;
	}

	.mt-sm-3,
	.my-sm-3 {
		margin-top: 1rem !important;
	}

	.mr-sm-3,
	.mx-sm-3 {
		margin-right: 1rem !important;
	}

	.mb-sm-3,
	.my-sm-3 {
		margin-bottom: 1rem !important;
	}

	.ml-sm-3,
	.mx-sm-3 {
		margin-left: 1rem !important;
	}

	.m-sm-4 {
		margin: 1.5rem !important;
	}

	.mt-sm-4,
	.my-sm-4 {
		margin-top: 1.5rem !important;
	}

	.mr-sm-4,
	.mx-sm-4 {
		margin-right: 1.5rem !important;
	}

	.mb-sm-4,
	.my-sm-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-sm-4,
	.mx-sm-4 {
		margin-left: 1.5rem !important;
	}

	.m-sm-5 {
		margin: 3rem !important;
	}

	.mt-sm-5,
	.my-sm-5 {
		margin-top: 3rem !important;
	}

	.mr-sm-5,
	.mx-sm-5 {
		margin-right: 3rem !important;
	}

	.mb-sm-5,
	.my-sm-5 {
		margin-bottom: 3rem !important;
	}

	.ml-sm-5,
	.mx-sm-5 {
		margin-left: 3rem !important;
	}

	.p-sm-0 {
		padding: 0 !important;
	}

	.pt-sm-0,
	.py-sm-0 {
		padding-top: 0 !important;
	}

	.pr-sm-0,
	.px-sm-0 {
		padding-right: 0 !important;
	}

	.pb-sm-0,
	.py-sm-0 {
		padding-bottom: 0 !important;
	}

	.pl-sm-0,
	.px-sm-0 {
		padding-left: 0 !important;
	}

	.p-sm-1 {
		padding: 0.25rem !important;
	}

	.pt-sm-1,
	.py-sm-1 {
		padding-top: 0.25rem !important;
	}

	.pr-sm-1,
	.px-sm-1 {
		padding-right: 0.25rem !important;
	}

	.pb-sm-1,
	.py-sm-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-sm-1,
	.px-sm-1 {
		padding-left: 0.25rem !important;
	}

	.p-sm-2 {
		padding: 0.5rem !important;
	}

	.pt-sm-2,
	.py-sm-2 {
		padding-top: 0.5rem !important;
	}

	.pr-sm-2,
	.px-sm-2 {
		padding-right: 0.5rem !important;
	}

	.pb-sm-2,
	.py-sm-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-sm-2,
	.px-sm-2 {
		padding-left: 0.5rem !important;
	}

	.p-sm-3 {
		padding: 1rem !important;
	}

	.pt-sm-3,
	.py-sm-3 {
		padding-top: 1rem !important;
	}

	.pr-sm-3,
	.px-sm-3 {
		padding-right: 1rem !important;
	}

	.pb-sm-3,
	.py-sm-3 {
		padding-bottom: 1rem !important;
	}

	.pl-sm-3,
	.px-sm-3 {
		padding-left: 1rem !important;
	}

	.p-sm-4 {
		padding: 1.5rem !important;
	}

	.pt-sm-4,
	.py-sm-4 {
		padding-top: 1.5rem !important;
	}

	.pr-sm-4,
	.px-sm-4 {
		padding-right: 1.5rem !important;
	}

	.pb-sm-4,
	.py-sm-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-sm-4,
	.px-sm-4 {
		padding-left: 1.5rem !important;
	}

	.p-sm-5 {
		padding: 3rem !important;
	}

	.pt-sm-5,
	.py-sm-5 {
		padding-top: 3rem !important;
	}

	.pr-sm-5,
	.px-sm-5 {
		padding-right: 3rem !important;
	}

	.pb-sm-5,
	.py-sm-5 {
		padding-bottom: 3rem !important;
	}

	.pl-sm-5,
	.px-sm-5 {
		padding-left: 3rem !important;
	}

	.m-sm-auto {
		margin: auto !important;
	}

	.mt-sm-auto,
	.my-sm-auto {
		margin-top: auto !important;
	}

	.mr-sm-auto,
	.mx-sm-auto {
		margin-right: auto !important;
	}

	.mb-sm-auto,
	.my-sm-auto {
		margin-bottom: auto !important;
	}

	.ml-sm-auto,
	.mx-sm-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 768px) {
	.m-md-0 {
		margin: 0 !important;
	}

	.mt-md-0,
	.my-md-0 {
		margin-top: 0 !important;
	}

	.mr-md-0,
	.mx-md-0 {
		margin-right: 0 !important;
	}

	.mb-md-0,
	.my-md-0 {
		margin-bottom: 0 !important;
	}

	.ml-md-0,
	.mx-md-0 {
		margin-left: 0 !important;
	}

	.m-md-1 {
		margin: 0.25rem !important;
	}

	.mt-md-1,
	.my-md-1 {
		margin-top: 0.25rem !important;
	}

	.mr-md-1,
	.mx-md-1 {
		margin-right: 0.25rem !important;
	}

	.mb-md-1,
	.my-md-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-md-1,
	.mx-md-1 {
		margin-left: 0.25rem !important;
	}

	.m-md-2 {
		margin: 0.5rem !important;
	}

	.mt-md-2,
	.my-md-2 {
		margin-top: 0.5rem !important;
	}

	.mr-md-2,
	.mx-md-2 {
		margin-right: 0.5rem !important;
	}

	.mb-md-2,
	.my-md-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-md-2,
	.mx-md-2 {
		margin-left: 0.5rem !important;
	}

	.m-md-3 {
		margin: 1rem !important;
	}

	.mt-md-3,
	.my-md-3 {
		margin-top: 1rem !important;
	}

	.mr-md-3,
	.mx-md-3 {
		margin-right: 1rem !important;
	}

	.mb-md-3,
	.my-md-3 {
		margin-bottom: 1rem !important;
	}

	.ml-md-3,
	.mx-md-3 {
		margin-left: 1rem !important;
	}

	.m-md-4 {
		margin: 1.5rem !important;
	}

	.mt-md-4,
	.my-md-4 {
		margin-top: 1.5rem !important;
	}

	.mr-md-4,
	.mx-md-4 {
		margin-right: 1.5rem !important;
	}

	.mb-md-4,
	.my-md-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-md-4,
	.mx-md-4 {
		margin-left: 1.5rem !important;
	}

	.m-md-5 {
		margin: 3rem !important;
	}

	.mt-md-5,
	.my-md-5 {
		margin-top: 3rem !important;
	}

	.mr-md-5,
	.mx-md-5 {
		margin-right: 3rem !important;
	}

	.mb-md-5,
	.my-md-5 {
		margin-bottom: 3rem !important;
	}

	.ml-md-5,
	.mx-md-5 {
		margin-left: 3rem !important;
	}

	.p-md-0 {
		padding: 0 !important;
	}

	.pt-md-0,
	.py-md-0 {
		padding-top: 0 !important;
	}

	.pr-md-0,
	.px-md-0 {
		padding-right: 0 !important;
	}

	.pb-md-0,
	.py-md-0 {
		padding-bottom: 0 !important;
	}

	.pl-md-0,
	.px-md-0 {
		padding-left: 0 !important;
	}

	.p-md-1 {
		padding: 0.25rem !important;
	}

	.pt-md-1,
	.py-md-1 {
		padding-top: 0.25rem !important;
	}

	.pr-md-1,
	.px-md-1 {
		padding-right: 0.25rem !important;
	}

	.pb-md-1,
	.py-md-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-md-1,
	.px-md-1 {
		padding-left: 0.25rem !important;
	}

	.p-md-2 {
		padding: 0.5rem !important;
	}

	.pt-md-2,
	.py-md-2 {
		padding-top: 0.5rem !important;
	}

	.pr-md-2,
	.px-md-2 {
		padding-right: 0.5rem !important;
	}

	.pb-md-2,
	.py-md-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-md-2,
	.px-md-2 {
		padding-left: 0.5rem !important;
	}

	.p-md-3 {
		padding: 1rem !important;
	}

	.pt-md-3,
	.py-md-3 {
		padding-top: 1rem !important;
	}

	.pr-md-3,
	.px-md-3 {
		padding-right: 1rem !important;
	}

	.pb-md-3,
	.py-md-3 {
		padding-bottom: 1rem !important;
	}

	.pl-md-3,
	.px-md-3 {
		padding-left: 1rem !important;
	}

	.p-md-4 {
		padding: 1.5rem !important;
	}

	.pt-md-4,
	.py-md-4 {
		padding-top: 1.5rem !important;
	}

	.pr-md-4,
	.px-md-4 {
		padding-right: 1.5rem !important;
	}

	.pb-md-4,
	.py-md-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-md-4,
	.px-md-4 {
		padding-left: 1.5rem !important;
	}

	.p-md-5 {
		padding: 3rem !important;
	}

	.pt-md-5,
	.py-md-5 {
		padding-top: 3rem !important;
	}

	.pr-md-5,
	.px-md-5 {
		padding-right: 3rem !important;
	}

	.pb-md-5,
	.py-md-5 {
		padding-bottom: 3rem !important;
	}

	.pl-md-5,
	.px-md-5 {
		padding-left: 3rem !important;
	}

	.m-md-auto {
		margin: auto !important;
	}

	.mt-md-auto,
	.my-md-auto {
		margin-top: auto !important;
	}

	.mr-md-auto,
	.mx-md-auto {
		margin-right: auto !important;
	}

	.mb-md-auto,
	.my-md-auto {
		margin-bottom: auto !important;
	}

	.ml-md-auto,
	.mx-md-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 992px) {
	.m-lg-0 {
		margin: 0 !important;
	}

	.mt-lg-0,
	.my-lg-0 {
		margin-top: 0 !important;
	}

	.mr-lg-0,
	.mx-lg-0 {
		margin-right: 0 !important;
	}

	.mb-lg-0,
	.my-lg-0 {
		margin-bottom: 0 !important;
	}

	.ml-lg-0,
	.mx-lg-0 {
		margin-left: 0 !important;
	}

	.m-lg-1 {
		margin: 0.25rem !important;
	}

	.mt-lg-1,
	.my-lg-1 {
		margin-top: 0.25rem !important;
	}

	.mr-lg-1,
	.mx-lg-1 {
		margin-right: 0.25rem !important;
	}

	.mb-lg-1,
	.my-lg-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-lg-1,
	.mx-lg-1 {
		margin-left: 0.25rem !important;
	}

	.m-lg-2 {
		margin: 0.5rem !important;
	}

	.mt-lg-2,
	.my-lg-2 {
		margin-top: 0.5rem !important;
	}

	.mr-lg-2,
	.mx-lg-2 {
		margin-right: 0.5rem !important;
	}

	.mb-lg-2,
	.my-lg-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-lg-2,
	.mx-lg-2 {
		margin-left: 0.5rem !important;
	}

	.m-lg-3 {
		margin: 1rem !important;
	}

	.mt-lg-3,
	.my-lg-3 {
		margin-top: 1rem !important;
	}

	.mr-lg-3,
	.mx-lg-3 {
		margin-right: 1rem !important;
	}

	.mb-lg-3,
	.my-lg-3 {
		margin-bottom: 1rem !important;
	}

	.ml-lg-3,
	.mx-lg-3 {
		margin-left: 1rem !important;
	}

	.m-lg-4 {
		margin: 1.5rem !important;
	}

	.mt-lg-4,
	.my-lg-4 {
		margin-top: 1.5rem !important;
	}

	.mr-lg-4,
	.mx-lg-4 {
		margin-right: 1.5rem !important;
	}

	.mb-lg-4,
	.my-lg-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-lg-4,
	.mx-lg-4 {
		margin-left: 1.5rem !important;
	}

	.m-lg-5 {
		margin: 3rem !important;
	}

	.mt-lg-5,
	.my-lg-5 {
		margin-top: 3rem !important;
	}

	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 3rem !important;
	}

	.mb-lg-5,
	.my-lg-5 {
		margin-bottom: 3rem !important;
	}

	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 3rem !important;
	}

	.p-lg-0 {
		padding: 0 !important;
	}

	.pt-lg-0,
	.py-lg-0 {
		padding-top: 0 !important;
	}

	.pr-lg-0,
	.px-lg-0 {
		padding-right: 0 !important;
	}

	.pb-lg-0,
	.py-lg-0 {
		padding-bottom: 0 !important;
	}

	.pl-lg-0,
	.px-lg-0 {
		padding-left: 0 !important;
	}

	.p-lg-1 {
		padding: 0.25rem !important;
	}

	.pt-lg-1,
	.py-lg-1 {
		padding-top: 0.25rem !important;
	}

	.pr-lg-1,
	.px-lg-1 {
		padding-right: 0.25rem !important;
	}

	.pb-lg-1,
	.py-lg-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-lg-1,
	.px-lg-1 {
		padding-left: 0.25rem !important;
	}

	.p-lg-2 {
		padding: 0.5rem !important;
	}

	.pt-lg-2,
	.py-lg-2 {
		padding-top: 0.5rem !important;
	}

	.pr-lg-2,
	.px-lg-2 {
		padding-right: 0.5rem !important;
	}

	.pb-lg-2,
	.py-lg-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-lg-2,
	.px-lg-2 {
		padding-left: 0.5rem !important;
	}

	.p-lg-3 {
		padding: 1rem !important;
	}

	.pt-lg-3,
	.py-lg-3 {
		padding-top: 1rem !important;
	}

	.pr-lg-3,
	.px-lg-3 {
		padding-right: 1rem !important;
	}

	.pb-lg-3,
	.py-lg-3 {
		padding-bottom: 1rem !important;
	}

	.pl-lg-3,
	.px-lg-3 {
		padding-left: 1rem !important;
	}

	.p-lg-4 {
		padding: 1.5rem !important;
	}

	.pt-lg-4,
	.py-lg-4 {
		padding-top: 1.5rem !important;
	}

	.pr-lg-4,
	.px-lg-4 {
		padding-right: 1.5rem !important;
	}

	.pb-lg-4,
	.py-lg-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-lg-4,
	.px-lg-4 {
		padding-left: 1.5rem !important;
	}

	.p-lg-5 {
		padding: 3rem !important;
	}

	.pt-lg-5,
	.py-lg-5 {
		padding-top: 3rem !important;
	}

	.pr-lg-5,
	.px-lg-5 {
		padding-right: 3rem !important;
	}

	.pb-lg-5,
	.py-lg-5 {
		padding-bottom: 3rem !important;
	}

	.pl-lg-5,
	.px-lg-5 {
		padding-left: 3rem !important;
	}

	.m-lg-auto {
		margin: auto !important;
	}

	.mt-lg-auto,
	.my-lg-auto {
		margin-top: auto !important;
	}

	.mr-lg-auto,
	.mx-lg-auto {
		margin-right: auto !important;
	}

	.mb-lg-auto,
	.my-lg-auto {
		margin-bottom: auto !important;
	}

	.ml-lg-auto,
	.mx-lg-auto {
		margin-left: auto !important;
	}
}

@media (min-width: 1200px) {
	.m-xl-0 {
		margin: 0 !important;
	}

	.mt-xl-0,
	.my-xl-0 {
		margin-top: 0 !important;
	}

	.mr-xl-0,
	.mx-xl-0 {
		margin-right: 0 !important;
	}

	.mb-xl-0,
	.my-xl-0 {
		margin-bottom: 0 !important;
	}

	.ml-xl-0,
	.mx-xl-0 {
		margin-left: 0 !important;
	}

	.m-xl-1 {
		margin: 0.25rem !important;
	}

	.mt-xl-1,
	.my-xl-1 {
		margin-top: 0.25rem !important;
	}

	.mr-xl-1,
	.mx-xl-1 {
		margin-right: 0.25rem !important;
	}

	.mb-xl-1,
	.my-xl-1 {
		margin-bottom: 0.25rem !important;
	}

	.ml-xl-1,
	.mx-xl-1 {
		margin-left: 0.25rem !important;
	}

	.m-xl-2 {
		margin: 0.5rem !important;
	}

	.mt-xl-2,
	.my-xl-2 {
		margin-top: 0.5rem !important;
	}

	.mr-xl-2,
	.mx-xl-2 {
		margin-right: 0.5rem !important;
	}

	.mb-xl-2,
	.my-xl-2 {
		margin-bottom: 0.5rem !important;
	}

	.ml-xl-2,
	.mx-xl-2 {
		margin-left: 0.5rem !important;
	}

	.m-xl-3 {
		margin: 1rem !important;
	}

	.mt-xl-3,
	.my-xl-3 {
		margin-top: 1rem !important;
	}

	.mr-xl-3,
	.mx-xl-3 {
		margin-right: 1rem !important;
	}

	.mb-xl-3,
	.my-xl-3 {
		margin-bottom: 1rem !important;
	}

	.ml-xl-3,
	.mx-xl-3 {
		margin-left: 1rem !important;
	}

	.m-xl-4 {
		margin: 1.5rem !important;
	}

	.mt-xl-4,
	.my-xl-4 {
		margin-top: 1.5rem !important;
	}

	.mr-xl-4,
	.mx-xl-4 {
		margin-right: 1.5rem !important;
	}

	.mb-xl-4,
	.my-xl-4 {
		margin-bottom: 1.5rem !important;
	}

	.ml-xl-4,
	.mx-xl-4 {
		margin-left: 1.5rem !important;
	}

	.m-xl-5 {
		margin: 3rem !important;
	}

	.mt-xl-5,
	.my-xl-5 {
		margin-top: 3rem !important;
	}

	.mr-xl-5,
	.mx-xl-5 {
		margin-right: 3rem !important;
	}

	.mb-xl-5,
	.my-xl-5 {
		margin-bottom: 3rem !important;
	}

	.ml-xl-5,
	.mx-xl-5 {
		margin-left: 3rem !important;
	}

	.p-xl-0 {
		padding: 0 !important;
	}

	.pt-xl-0,
	.py-xl-0 {
		padding-top: 0 !important;
	}

	.pr-xl-0,
	.px-xl-0 {
		padding-right: 0 !important;
	}

	.pb-xl-0,
	.py-xl-0 {
		padding-bottom: 0 !important;
	}

	.pl-xl-0,
	.px-xl-0 {
		padding-left: 0 !important;
	}

	.p-xl-1 {
		padding: 0.25rem !important;
	}

	.pt-xl-1,
	.py-xl-1 {
		padding-top: 0.25rem !important;
	}

	.pr-xl-1,
	.px-xl-1 {
		padding-right: 0.25rem !important;
	}

	.pb-xl-1,
	.py-xl-1 {
		padding-bottom: 0.25rem !important;
	}

	.pl-xl-1,
	.px-xl-1 {
		padding-left: 0.25rem !important;
	}

	.p-xl-2 {
		padding: 0.5rem !important;
	}

	.pt-xl-2,
	.py-xl-2 {
		padding-top: 0.5rem !important;
	}

	.pr-xl-2,
	.px-xl-2 {
		padding-right: 0.5rem !important;
	}

	.pb-xl-2,
	.py-xl-2 {
		padding-bottom: 0.5rem !important;
	}

	.pl-xl-2,
	.px-xl-2 {
		padding-left: 0.5rem !important;
	}

	.p-xl-3 {
		padding: 1rem !important;
	}

	.pt-xl-3,
	.py-xl-3 {
		padding-top: 1rem !important;
	}

	.pr-xl-3,
	.px-xl-3 {
		padding-right: 1rem !important;
	}

	.pb-xl-3,
	.py-xl-3 {
		padding-bottom: 1rem !important;
	}

	.pl-xl-3,
	.px-xl-3 {
		padding-left: 1rem !important;
	}

	.p-xl-4 {
		padding: 1.5rem !important;
	}

	.pt-xl-4,
	.py-xl-4 {
		padding-top: 1.5rem !important;
	}

	.pr-xl-4,
	.px-xl-4 {
		padding-right: 1.5rem !important;
	}

	.pb-xl-4,
	.py-xl-4 {
		padding-bottom: 1.5rem !important;
	}

	.pl-xl-4,
	.px-xl-4 {
		padding-left: 1.5rem !important;
	}

	.p-xl-5 {
		padding: 3rem !important;
	}

	.pt-xl-5,
	.py-xl-5 {
		padding-top: 3rem !important;
	}

	.pr-xl-5,
	.px-xl-5 {
		padding-right: 3rem !important;
	}

	.pb-xl-5,
	.py-xl-5 {
		padding-bottom: 3rem !important;
	}

	.pl-xl-5,
	.px-xl-5 {
		padding-left: 3rem !important;
	}

	.m-xl-auto {
		margin: auto !important;
	}

	.mt-xl-auto,
	.my-xl-auto {
		margin-top: auto !important;
	}

	.mr-xl-auto,
	.mx-xl-auto {
		margin-right: auto !important;
	}

	.mb-xl-auto,
	.my-xl-auto {
		margin-bottom: auto !important;
	}

	.ml-xl-auto,
	.mx-xl-auto {
		margin-left: auto !important;
	}
}

.text-monospace {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-justify {
	text-align: justify !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-left {
	text-align: left !important;
	justify-content: left !important;
}

.text-right {
	text-align: right !important;
	justify-content: align !important;
}

.text-center {
	text-align: center !important;
}

@media (min-width: 576px) {
	.text-sm-left {
		text-align: left !important;
	}

	.text-sm-right {
		text-align: right !important;
	}

	.text-sm-center {
		text-align: center !important;
	}
}

@media (min-width: 768px) {
	.text-md-left {
		text-align: left !important;
	}

	.text-md-right {
		text-align: right !important;
	}

	.text-md-center {
		text-align: center !important;
	}
}

@media (min-width: 992px) {
	.text-lg-left {
		text-align: left !important;
	}

	.text-lg-right {
		text-align: right !important;
	}

	.text-lg-center {
		text-align: center !important;
	}
}

@media (min-width: 1200px) {
	.text-xl-left {
		text-align: left !important;
	}

	.text-xl-right {
		text-align: right !important;
	}

	.text-xl-center {
		text-align: center !important;
	}
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.font-weight-light {
	font-weight: 300 !important;
}

.font-weight-normal {
	font-weight: 400 !important;
}

.font-weight-bold {
	font-weight: 700 !important;
}

.font-italic {
	font-style: italic !important;
}

.text-white {
	color: #ffffff !important;
}

.text-default {
	color: #828282 !important;
}

.text-primary,
.list-wrapper .completed .remove {
	color: var(--main-purple, #7761df) !important;
}

a.text-primary:hover,
.list-wrapper .completed a.remove:hover,
a.text-primary:focus,
.list-wrapper .completed a.remove:focus {
	color: #4540f7 !important;
}

.text-secondary,
.list-wrapper .remove {
	color: #d9dbdc !important;
}

a.text-secondary:hover,
.list-wrapper a.remove:hover,
a.text-secondary:focus,
.list-wrapper a.remove:focus {
	color: #bec2c4 !important;
}

.text-success {
	color: #6fd96f !important;
}

a.text-success:hover,
a.text-success:focus {
	color: #47ce47 !important;
}

.text-info {
	color: var(--main-blue, #51dbee) !important;
}

a.text-info:hover,
a.text-info:focus {
	color: #1a56ff !important;
}

.text-warning {
	color: var(--main-yellow, #ffc163) !important;
}

a.text-warning:hover,
a.text-warning:focus {
	color: #ee8227 !important;
}

.text-danger {
	color: #ff5e5e !important;
}

a.text-danger:hover,
a.text-danger:focus {
	color: #ff2b2b !important;
}

.text-light {
	color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
	color: #dae0e5 !important;
}

.text-dark {
	color: #282f3a !important;
}

a.text-dark:hover,
a.text-dark:focus {
	color: #13171c !important;
}

.text-body {
	color: #222222 !important;
}

/* Sidebar */
.sidebar {
	min-height: calc(100vh - 50px);
	background-color: var(--main-purple, #7761df);
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	padding: 0;
	width: 255px;
	z-index: 99999;
	transition: width 0.25s ease, background 0.25s ease;
	-webkit-transition: width 0.25s ease, background 0.25s ease;
	-moz-transition: width 0.25s ease, background 0.25s ease;
	-ms-transition: width 0.25s ease, background 0.25s ease;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	position: fixed;
	overflow: hidden;
	
}

body.layout-he .sidebar {
	font-family: 'Open Sans Hebrew Regular' !important;
}

#uploadPhoto {
	display: none;
	width: 25px;
	height: 25px;
	border: 0px;
	background: url(../images/v_2/upload-photo.png) no-repeat;
	background-size: 25px 25px;
	position: absolute;
	left: 114px;
	top: 46px;
	cursor: pointer;
}

#uploadPhotoFile {
	display: none;
}

#sidebar.sidebar:after {
	content: '';
	background: url(../images/v_2/bg/sidebar-bg.svg) no-repeat;
	width: 100%;
	height: 60%;
	position: absolute;
	left: 0px;
	bottom: 0%;
	max-width: 236px;
	z-index: -1;
}

.sidebar .nav {
	overflow: hidden;
	flex-wrap: nowrap;
	flex-direction: column;
	margin-bottom: 60px;
	margin: 0px 15px;
}

.sidebar .nav .nav-item {
	-webkit-transition-duration: 0.25s;
	-moz-transition-duration: 0.25s;
	-o-transition-duration: 0.25s;
	transition-duration: 0.25s;
	transition-property: background;
	-webkit-transition-property: background;
	position: relative;
}

#sidebar .mCSB_inside>.mCSB_container {
	margin-right: 0px;
}

.icon-popups-icon {
	background: url(../images/v_2/popups.svg) no-repeat;
	width: 20px;
	height: 13px;
	position: relative;
	top: 0px;
	left: 0px;
}

.sidebar .nav .nav-item .collapse {
	z-index: 999;
	position: relative;
}

.sidebar .nav .nav-item .nav-link {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	white-space: nowrap;
	padding: 5px 0px 5px 25px;
	color: rgba(255, 255, 255, 0.7);
	transition-property: color;
	-webkit-transition-property: color;
	font-size: 16.5px;
	-webkit-transition-duration: 0.45s;
	-moz-transition-duration: 0.45s;
	-o-transition-duration: 0.45s;
	transition-duration: 0.45s;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
	position: relative;
	z-index: 99;
}

body.layout-he .sidebar .nav .nav-sub-menu-container .nav-item .nav-link {
	direction: rtl;
}

.sidebar .nav .nav-item .nav-link i {
	color: inherit;
	font-size: 18.5px;
	margin-top: 4px;
}

.sidebar .nav li.nav-item a.nav-link i {
	color: #FFFFFF !important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
	font-size: 1.25rem;
	line-height: 1;
	margin-right: 1.125rem;
	color: #000000;
}

.sidebar .nav li.nav-item.create-new-btn a.nav-link {
	margin: 10px 10px;
	font-size: 15px;
	font-weight: 500;
	background: var(--main-purple, #7761df);
	padding: 10px;
	border-radius: 6px;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-icon {
	margin-left: 2rem;
	margin-right: 0;
}

.sidebar .nav .nav-item .nav-link i.menu-icon:before {
	vertical-align: middle;
}

.sidebar a.nav-collapse-link {
	position: absolute;
	top: 10px;
	right: 3px;
	width: 20px;
	height: 20px;
	background: #a091e9;
	border-radius: 50%;
	z-index: 999
}

.sidebar .nav .nav-item .nav-collapse-link i.menu-arrow {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #ded9f5;
	position: absolute;
	top: 6px;
	left: 0px;
}

.rtl .sidebar .nav .nav-item .nav-link i.menu-arrow {
	margin-left: 0;
	margin-right: auto;
}

.sidebar .nav .nav-item .nav-collapse-link i.menu-arrow:before {
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61";
	display: block;
	font-size: 20px;
	line-height: 10px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.sidebar .nav .nav-item .nav-collapse-link[aria-expanded="true"] i.menu-arrow:before {
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sidebar .nav .nav-item .nav-collapse-link[aria-expanded="true"] i.menu-arrow {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #ded9f5;
	position: absolute;
	top: 4px;
	left: 0px;
}

.sidebar a.nav-collapse-link[aria-expanded="true"] {
	position: absolute;
	top: 10px;
	right: 3px;
	width: 20px;
	height: 20px;
	background: var(--main-purple, #7761df);
	border-radius: 50%;
}

.sidebar .nav .nav-item .nav-link .menu-title {
	color: inherit;
	display: inline-block;
	font-size: 16.5px;
	line-height: 25px;
	vertical-align: middle;
	font-weight: 400;
	letter-spacing: 0.5px;
	padding-left: 10px;
}

.sidebar .nav .nav-item .nav-link .badge {
	margin-left: auto;
}

.rtl .sidebar .nav .nav-item .nav-link .badge {
	margin-left: 0;
	margin-right: auto;
}

.sidebar .nav .nav-item.active>.nav-link {
	background: initial;
	position: relative;
	color: rgba(255, 255, 255, 0.7);
}

.sidebar .nav .nav-item.active>.nav-link i,
.sidebar .nav .nav-item.active>.nav-link .menu-title,
.sidebar .nav .nav-item.active>.nav-link .menu-arrow {
	color: #FFFFFF;
	font-weight: bold;
}

.sidebar .nav:not(.sub-menu) {
	margin-top: .5rem;
}

.sidebar .nav:not(.sub-menu)>.nav-item {
	margin-top: 10px;
}

.sidebar .nav:not(.sub-menu)>.nav-item>.nav-link {
	margin: 0;
}

.sidebar .nav:not(.sub-menu)>.nav-item:hover>.nav-link {
	/* background: #f3f3f9; */
	color: #ffffff;
	font-weight: bold;
}

.sidebar .nav.sub-menu {
	margin-bottom: 0;
	margin-top: 0;
	list-style: none;
	padding: 0px 0 0 0px;
	/* background: rgba(255, 255, 255, 0.3); */
}

.sidebar .nav.sub-menu .nav-item {
	padding: 0;
}

.sidebar .nav.sub-menu .nav-item .nav-link {
	color: #ffffff;
	padding: 8px 10px 8px 10px;
	position: relative;
	font-size: 0.875rem;
	line-height: 20px;
	height: auto;
	border-top: 0;
	word-break: break-all;
	white-space: pre-wrap;
}

.sidebar .nav.sub-menu .nav-item .nav-link:hover {
	background: rgba(247, 246, 253, 0.76);
	color: var(--main-purple, #7761df) !important;
	border-radius: 5px;
}

.sidebar .nav li.nav-item.active {
	background: rgba(255, 255, 255, 0.3);
	border-radius: 3px;
}

.sidebar .nav.sub-menu .nav-item .nav-link:hover {
	color: #fff;
}

.sidebar .nav.sub-menu .nav-item .nav-link.active {
	color: #000;
	background: transparent;
}

.sidebar .nav.sub-menu .nav-item:hover {
	background: transparent;
}

.sidebar-dark .sidebar {
	background: #282f3a;
}

.sidebar-dark .sidebar .nav .nav-item .nav-link {
	color: #d0cfcf;
}

.sidebar-dark .sidebar .nav .nav-item .nav-link i {
	color: inherit;
}

.sidebar-dark .sidebar .nav .nav-item .nav-link i.menu-icon {
	color: #d0cfcf;
}

.sidebar-dark .sidebar .nav .nav-item .nav-link .menu-title {
	color: inherit;
}

.sidebar-dark .sidebar .nav .nav-item.active>.nav-link {
	background: initial;
}

.sidebar-dark .sidebar .nav .nav-item.active>.nav-link .menu-title,
.sidebar-dark .sidebar .nav .nav-item.active>.nav-link i {
	color: #c0bbbb;
}

.sidebar-dark .sidebar .nav:not(.sub-menu)>.nav-item:hover>.nav-link {
	background: #59606b;
	color: #d0cfcf;
}

.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link {
	color: #d0cfcf;
}

.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link:before {
	color: #e9e9e9;
}

.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link.active {
	color: #c0bbbb;
	background: transparent;
}

.sidebar-dark .sidebar .nav.sub-menu .nav-item .nav-link:hover {
	color: #9a94a7;
}

.sidebar-dark .sidebar .nav.sub-menu .nav-item:hover {
	background: transparent;
}

/* style for off-canvas menu*/
@media screen and (max-width: 991px) {
	.sidebar-offcanvas {
		position: fixed;
		max-height: calc(100vh - 70px);
		top: 70px;
		bottom: 0;
		overflow: auto;
		right: -255px;
		-webkit-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	.sidebar-offcanvas.active {
		right: 0;
	}
}

/* Navbar */
.navbar {
	font-weight: 400;
	transition: background 0.25s ease;
	-webkit-transition: background 0.25s ease;
	-moz-transition: background 0.25s ease;
	-ms-transition: background 0.25s ease;
	/* Navbar color variations */
}

.navbar .navbar-brand-wrapper {
    background-color: var(--main-purple, #7761df);
	border-bottom: 1px solid transparent;
	transition: width 0.25s ease, background 0.25s ease;
	-webkit-transition: width 0.25s ease, background 0.25s ease;
	-moz-transition: width 0.25s ease, background 0.25s ease;
	-ms-transition: width 0.25s ease, background 0.25s ease;
	width: 255px;
	height: 50px;
}

.sidebar-dark .navbar .navbar-brand-wrapper {
	background: #282f3a;
	border-bottom-color: #747474;
}

.navbar .navbar-brand-wrapper .navbar-brand {
	color: #27367f;
	font-size: 1.5rem;
	margin-right: 0;
	padding: .25rem 0;
}

.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
	display: none;
}

.navbar .navbar-brand-wrapper .navbar-brand:active,
.navbar .navbar-brand-wrapper .navbar-brand:focus,
.navbar .navbar-brand-wrapper .navbar-brand:hover {
	color: #1b2658;
}

.navbar .navbar-brand-wrapper .navbar-brand img {
	width: calc(255px - 130px);
	max-width: 100%;
	height: 34px;
	margin: auto;
	vertical-align: middle;
}

.navbar .navbar-brand-wrapper .brand-logo-mini {
	padding-left: 0;
	text-align: center;
}

.navbar .navbar-brand-wrapper .brand-logo-mini img {
	width: calc(70px - 30px);
	max-width: 100%;
	margin: auto;
}

a#logoImg {
	z-index: 999;
}

.navbar .navbar-menu-wrapper {
	background: rgb(247, 246, 253);
	border-bottom: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	transition: width 0.25s ease;
	-webkit-transition: width 0.25s ease;
	-moz-transition: width 0.25s ease;
	-ms-transition: width 0.25s ease;
	color: #9b9b9b;
	padding-left: 15px;
	padding-right: 30px;
	width: calc(100% - 255px);
	height: 50px;
}

.nav li.nav-item.child-open {
	background: rgb(160, 145, 233);
	border-radius: 3px;
}

.nav-sub-menu-container.accounts-dd.collapse {
	padding-bottom: 15px;
}

.nav li.nav-item.child-open a.nav-link .menu-title {
	color: #FFFFFF;
	font-weight: bold;
}

.nav li.nav-item.child-open a.nav-link i {
	color: #FFFFFF;
	font-weight: bold;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 7px;
	font-size: 16.5px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link i.fa-upgrade:before {

	background: url(../images/v_2/diamond-outlined-shape.svg) no-repeat;
	content: '';
	position: absolute;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
	left: -6px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
	background-size: 100%;

}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:hover i.fa-upgrade:before {

	background: url(../images/v_2/diamond-outlined-shape-hover.svg) no-repeat;
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0px;
	left: -6px;
	background-size: 100%;

}

a.nav-link.peach-gradient.nav-button span.nav-title {
	padding-left: 20px !important;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link span.nav-title {
	display: inline-block;
	padding-left: 25px;
}

.navbar li.nav-item.nav-profile.dropdown span.nav-title::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 5px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61";
	margin-top: -24px;
}

.navbar li.nav-item.nav-profile.dropdown span.nav-title {
	padding-right: 4px;
}

@media (max-width: 991px) {
	.navbar .navbar-menu-wrapper {
		width: calc(100% - 55px);
		padding-left: 15px;
		padding-right: 15px;
	}
}

.navbar .navbar-menu-wrapper .navbar-toggler {
	border: 0;
	color: inherit;
	font-size: 1.5rem;
}

@media (max-width: 991px) {
	.navbar .navbar-menu-wrapper .navbar-toggler:not(.navbar-toggler-right) {
		display: none;
	}
}

@media (max-width: 991px) {
	.navbar .navbar-menu-wrapper .navbar-toggler.navbar-toggler-right {
		padding-left: 15px;
		padding-right: 11px;
	}
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item {
	margin-left: 0px;
	margin-right: 0px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-button {
	overflow: hidden;
	/*border-right: 1px solid var(--main-purple, #7761df);*/
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link {
	color: var(--main-purple, #7761df);
	font-size: 16.5px;
	font-weight: normal;
	line-height: 25px;
	position: relative;
	padding: 4px 15px;
	border-right: 1px solid var(--main-purple, #7761df);
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

a.nav-link.peach-gradient.nav-button {
	color: #ffffff !important;
	border: 0px !important;
	border-radius: 18px;
	border: 1px solid #fecb6d !important;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link.nav-link.peach-gradient.nav-button i {

	font-size: 20px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-button .nav-link {
	background: rgba(119, 97, 223, 0.1);
	border-right: 0px;
	border-radius: 50px !important;
	margin-right: 15px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-button .nav-link:hover {
	background: var(--main-purple, #7761df);
	color: rgb(255, 255, 255);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings .nav-link {
	padding: 0;
	text-align: center;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child a {
	border-right: 1px solid transparent;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link:hover {
	background: #eae7fa;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;

}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child .nav-link:hover {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child .nav-link {
	padding-right: 20px;
	top: 1px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-settings i {
	font-size: 1.5rem;
	vertical-align: middle;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.nav-profile img {
	width: 30px;
	height: 30px;
	border-radius: 100%;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-toggle:after {
	display: none;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .dropdown-menu {
	border: none;
	-webkit-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 21px 0px rgba(0, 0, 0, 0.2);
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
	position: absolute;
	font-size: 0.9rem;
	margin-top: 0;
	right: 0;
	left: auto;
	top: 48px;
	padding: 0;
	max-height: 400px;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
	right: auto;
	left: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item {
	margin-bottom: 0;
	padding: 11px 13px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {
	font-size: 17px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
	margin-left: 2.5rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .ellipsis {
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item i {
	margin-left: 10px;
}

.rtl .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-item .badge {
	margin-left: 0;
	margin-right: 2.5rem;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown .dropdown-divider {
	margin: 0;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown i {
	margin-right: .5rem;
	vertical-align: middle;
}

@media (max-width: 991px) {
	.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
		position: static;
	}

	.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
		left: 20px;
		right: 20px;
		top: 70px;
		width: calc(100% - 40px);
	}
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator {
	position: relative;
	padding: 0;
	text-align: center;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator i {
	font-size: 1.5rem;
	margin-right: 0;
	vertical-align: middle;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator .count {
	position: absolute;
	left: 50%;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #ff5e5e;
	top: 8px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .count-indicator:after {
	display: none;
}

@media (min-width: 992px) {
	.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
		margin-left: auto;
	}

	.rtl .navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right {
		margin-left: 0;
		margin-right: auto;
	}
}

.navbar.navbar-primary .navbar-menu-wrapper {
	background: #7571f9;
}

.navbar.navbar-primary:not(.navbar-light) .navbar-menu-wrapper .navbar-toggler {
	color: #ffffff;
}

.navbar.navbar-primary:not(.navbar-light) .navbar-menu-wrapper .nav-item .nav-link {
	color: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
	color: #282f3a;
}

.navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link {
	color: #282f3a;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	border-left-color: #747474;
}

.navbar.navbar-danger .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
	background: #7571f9;
}

.navbar.navbar-secondary .navbar-menu-wrapper {
	background: #d9dbdc;
}

.navbar.navbar-secondary:not(.navbar-light) .navbar-menu-wrapper .navbar-toggler {
	color: #ffffff;
}

.navbar.navbar-secondary:not(.navbar-light) .navbar-menu-wrapper .nav-item .nav-link {
	color: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
	color: #282f3a;
}

.navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link {
	color: #282f3a;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	border-left-color: #747474;
}

.navbar.navbar-danger .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
	background: #7571f9;
}

.navbar.navbar-success .navbar-menu-wrapper {
	background: #6fd96f;
}

.navbar.navbar-success:not(.navbar-light) .navbar-menu-wrapper .navbar-toggler {
	color: #ffffff;
}

.navbar.navbar-success:not(.navbar-light) .navbar-menu-wrapper .nav-item .nav-link {
	color: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
	color: #282f3a;
}

.navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link {
	color: #282f3a;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	border-left-color: #747474;
}

.navbar.navbar-danger .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
	background: #7571f9;
}

.navbar.navbar-info .navbar-menu-wrapper {
	background: #4d7cff;
}

.navbar.navbar-info:not(.navbar-light) .navbar-menu-wrapper .navbar-toggler {
	color: #ffffff;
}

.navbar.navbar-info:not(.navbar-light) .navbar-menu-wrapper .nav-item .nav-link {
	color: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
	color: #282f3a;
}

.navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link {
	color: #282f3a;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	border-left-color: #747474;
}

.navbar.navbar-danger .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
	background: #7571f9;
}

.navbar.navbar-warning .navbar-menu-wrapper {
	background: #f29d56;
}

.navbar.navbar-warning:not(.navbar-light) .navbar-menu-wrapper .navbar-toggler {
	color: #ffffff;
}

.navbar.navbar-warning:not(.navbar-light) .navbar-menu-wrapper .nav-item .nav-link {
	color: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
	color: #282f3a;
}

.navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link {
	color: #282f3a;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	border-left-color: #747474;
}

.navbar.navbar-danger .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
	background: #7571f9;
}

.navbar.navbar-danger .navbar-menu-wrapper {
	background: #ff5e5e;
}

.navbar.navbar-danger:not(.navbar-light) .navbar-menu-wrapper .navbar-toggler {
	color: #ffffff;
}

.navbar.navbar-danger:not(.navbar-light) .navbar-menu-wrapper .nav-item .nav-link {
	color: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
	color: #282f3a;
}

.navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link {
	color: #282f3a;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	border-left-color: #747474;
}

.navbar.navbar-danger .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
	background: #7571f9;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #f8f9fa;
}

.navbar.navbar-light:not(.navbar-light) .navbar-menu-wrapper .navbar-toggler {
	color: #ffffff;
}

.navbar.navbar-light:not(.navbar-light) .navbar-menu-wrapper .nav-item .nav-link {
	color: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
	color: #282f3a;
}

.navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link {
	color: #282f3a;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	border-left-color: #747474;
}

.navbar.navbar-danger .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
	background: #7571f9;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	background: #282f3a;
}

.navbar.navbar-dark:not(.navbar-light) .navbar-menu-wrapper .navbar-toggler {
	color: #ffffff;
}

.navbar.navbar-dark:not(.navbar-light) .navbar-menu-wrapper .nav-item .nav-link {
	color: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper {
	background: #ffffff;
}

.navbar.navbar-light .navbar-menu-wrapper .navbar-toggler {
	color: #282f3a;
}

.navbar.navbar-light .navbar-menu-wrapper .nav-item .nav-link {
	color: #282f3a;
}

.navbar.navbar-dark .navbar-menu-wrapper {
	border-left-color: #747474;
}

.navbar.navbar-danger .navbar-menu-wrapper .nav-item .nav-link.count-indicator .count {
	background: #7571f9;
}

@media (max-width: 991px) {
	.navbar {
		flex-direction: row;
	}

	.navbar .navbar-brand-wrapper {
		width: 55px;
	}

	.navbar .navbar-brand-wrapper .navbar-brand.brand-logo {
		display: none;
	}

	.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini {
		display: inline-block;
	}

	.navbar-collapse {
		display: flex;
		margin-top: 0.5rem;
	}
}

@media (max-width: 480px) {
	.navbar .navbar-brand-wrapper {
		width: 55px;
	}

	.navbar .navbar-brand-wrapper .brand-logo-mini {
		padding-top: 0px;
	}
}

/*Profile user*/
.profile-user {
	color: #fff;
	padding: 15px;
	text-align: center;
}

span.single-user-name {
	display: inline-block;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

.dropdown.profile-user-dd button {
	font-family: inherit;
	background: transparent;
	border: 0px;
}

.dropdown .dropdown-menu {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
}

.dropdown.profile-user-dd.show>.btn-primary.dropdown-toggle {
	background: transparent;
	border: 0px;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: var(--main-purple, #7761df);
}

.dropdown.profile-user-dd button.btn {
	color: #fff;
	z-index: 991;
	position: relative;
	font-weight: normal;
}

.dropdown.profile-user-dd button.btn:hover {
	cursor: pointer;
}

.dropdown.profile-user-dd button.btn:focus {
	outline: none;
	border: 0px;
	box-shadow: none;
}

.show>.dropdown-menu {
	opacity: 1;
	max-height: 260px;
}

.profile-user .dropdown-menu {
	width: 100%;
}

.alerta p {
	display: inline-block;
	/* direction: rtl; */
	margin: 25px 0;
}

.alerta {
	display: block;
	position: fixed;
	width: 100%;
	height: 70px;
	top: 0px;
	left: 0px;
	text-align: center;
	/* direction: rtl; */
	font-size: 22px;
	color: white;
	z-index: 9999999;
}

.alerta-success {
	background: #31A2B0;
}

.alerta-warning {
	background: #EF5451;
}

.alerta p {
	padding-top: 15px;
	margin-bottom: 0px;
}

.img-action {
	display: inline-block;
}

.block-right {
	display: inline-block;
	min-width: 88%;
	max-width: 88%;
}

.alerti-x {
	float: right;
	margin: 15px 10px;
	cursor: pointer;
}

.display-none {
	display: none;
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61";
	margin-top: -18px;
}

.row.dashboard-head h3 {
	color: #828282;
	font-size: 16.5px;
	line-height: normal;
	font-weight: bold;
}

.row.dashboard-head h3.ptitle {
	font-size: 22px;
	color: #828282;
}

.row.dashboard-head h4.ptitlesmall {
	font-size: 16.5px;
	color: #828282;
}

p.title.title-big {
	font-weight: bold;
	color: #828282;
}

/*jScrollPane*/
.nav-sub-menu-container .scroll-pane {
	max-height: 200px !important;
	overflow: hidden;
}

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	height: 100%;
	position: absolute;
	right: 5px;
	top: 0;
	width: 5px;
}

.jspHorizontalBar {
	background: red;
	bottom: 0;
	height: 16px;
	left: 0;
	position: absolute;
	width: 100%;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

.jspTrack {
	background: transparent;
	position: relative;
	border-radius: 3px;
}

.jspDrag {
	width: 4px;
	left: 0;
	top: 0;
	cursor: pointer;
	position: relative;
	background: #FFFFFF;
	opacity: 0.6 !important;
	border-radius: 3px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow {
	background: #50506d;
	cursor: pointer;
	direction: ltr;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -20000px;
}

.jspDisabled {
	background: #80808d;
	cursor: default;
}

.jspVerticalBar .jspArrow {
	height: 16px;
}

.jspHorizontalBar .jspArrow {
	float: left;
	height: 100%;
	width: 16px;
}

.jspVerticalBar .jspArrow:focus {
	border: 1px solid red;
	outline: none;
}

.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}

/*Circle Full*/
.circliful .outer {
	fill: transparent;
	stroke: #333;
	stroke-width: 19.8;
	stroke-dasharray: 534;
	transition: stroke-dashoffset 1s;
	-webkit-animation-play-state: running;
	/* firefox bug fix - won't rotate at 90deg angles */
	-moz-transform: rotate(-89deg) translateX(-190px);
}

/* full circle 25 empty 534 */
.circliful .inner {
	fill: transparent;
	stroke: orange;
	stroke-width: 20;
	stroke-dasharray: 534;
	transition: stroke-dashoffset 1s;
	-webkit-animation-play-state: running;
	/* firefox bug fix - won't rotate at 90deg angles */
	-moz-transform: rotate(-89deg) translateX(-190px);
	stroke-dashoffset: 0;
}

.circliful {
	overflow: visible !important;
}

.svg-container {
	width: 100%;
	margin: 0 auto;
	overflow: visible;
	position: relative;
}

svg .icon {
	font-family: FontAwesome;
}

.legend-line {
	white-space: nowrap;
}

.color-box {
	width: 15px;
	height: 15px;
	border-radius: 2px;
	display: inline-block;
	float: left;
	padding-top: 3px;
	margin: 2px 5px 0 0;
}

.circular-card h3 {
	color: #828282;
	font-size: 16.5px;
	text-align: center;
	font-weight: bold;
	line-height: 25px;
}

body.layout-he .circular-card h3 {
	font-size: 22.5px;
}

.circular-card p {
	text-align: center;
	color: #828282;
	font-size: 13px;
}

.circular-card .svg-container {
	width: 100%;
	margin: 0 auto;
	/*	overflow: hidden;
*/
	position: relative;
	height: 180px;
	font-size: 16px;
	font-weight: 300;
}

div#circle-2 .circliful {
	/*margin-top: -58px;*/
}

.circluar-card-head {
	min-height: 62px;
}

.circliful {
	overflow: visible !important;
	margin-left: -10%;
	margin-top: -50px;
	position: relative;
	left: 19px;
}

.form-control::-webkit-input-placeholder {
	color: #dddddd;
	opacity: 1
}

.form-control::-moz-placeholder {
	color: #dddddd;
	opacity: 1
}

.form-control:-ms-input-placeholder {
	color: #dddddd;
	opacity: 1
}

.form-control::placeholder {
	color: #dddddd;
	opacity: 1
}



/*Form elements*/
.poptin-form-elem ::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #dddddd;
	opacity: 1;
	/* Firefox */
}

.poptin-form-elem :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #dddddd;
}

.poptin-form-elem ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #dddddd;
}

.poptin-form-elem.elem-inline {
	float: left;
	margin-right: 15px;
	opacity: 0;
}

.afterSubmissionContainer .poptin-form-elem.elem-inline {
	opacity: 1;
}

.gmt-input .select2-selection--single:before {
	content: '' !important;
}

.gmt-input .select2-selection__rendered {
	padding: 0px 10px !important;
}

.gmt-input span.select2.select2-container {
	min-width: 70px !important;
	width: auto !important;
}

.gmt-input .select2-selection__arrow b {
	border: 0px;
	width: 10px;
	height: 10px;
}

.gmt-input .select2-selection__arrow b:before {
	top: 0px !important;
	left: 0px !important;
	margin: 0px !important;
	line-height: 10px !important;
}

.addDaysHoursClone input {
	width: 90px;
	padding: 8px;
}

.addDaysHoursClone .SumoSelect.open>.optWrapper {
	width: 210px;
}

body.layout-he .poptin-form-elem .select2-container--default .select2-selection--single:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\65";
	position: absolute;
	font-size: 18px;
	top: 6px;
	left: calc(100% - 30px);
}

body.layout-he .poptin-form-elem.no-select-icon .select2-container--default .select2-selection--single:before {
	display: none;
}

.poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border: 0px;
}

.poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
	border: none;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61" !important;
	height: 10px;
	left: 0px;
	margin-left: -6px;
	margin-top: 0px;
	position: absolute;
	top: -2px;
	width: 10px;
	color: #828282;
	font-size: 14px;
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 9999;
}

.poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #828282;
	line-height: 34px;
	padding: 0px 10px 0px 35px;
	font-size: 13.5px;
}

ul#select2-agencySelectViews-results li {
	font-size: 14.5px;
}

body.layout-he .poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered {
	direction: rtl;
	padding-right: 35px;
	text-align: right;
}

body.layout-he .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: calc(100% - 30px);
	width: 20px;
}

body.layout-he .select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 9999;
	direction: rtl;
}

body.layout-he .tooltip {
	font-family: inherit;
	font-style: normal;
}


body.layout-he .SumoSelect>.CaptionCont>label {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 30px;
}

body.layout-he .SumoSelect>.CaptionCont>span {
	display: block;
	padding-left: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	direction: rtl;
	text-align: right;
}

.SumoSelect>.optWrapper>.options li label {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	cursor: pointer;
	margin-bottom: 0px;
}

.SumoSelect.open .search-txt {
	height: 34px;
	padding-left: 30px;
	width: 90% !important;
}

.SumoSelect.open p.CaptionCont.SelectBox.search::after {
	border: none;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61" !important;
	height: 10px;
	right: 10px;
	margin-left: -6px;
	margin-top: 0px;
	position: absolute;
	top: 10px;
	width: 10px;
	color: #828282;
	font-size: 14px;
}

.SumoSelect.open>.CaptionCont,
.SumoSelect:focus>.CaptionCont,
.SumoSelect:hover>.CaptionCont {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border-color: #7799D0;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border: 0px;
	width: 100%;
}

.SumoSelect.open>.optWrapper {
	top: 35px;
	display: block;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border-top: 1px solid #e2e2e2;
}

.poptin-form-elem.no-select-icon .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0px 25px 0px 10px;
}

.package-desc .poptin-form-elem .select2-container {
	min-width: 190px;
	max-width: 190px;
}
.package-desc .poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered
{
padding-left:6px !important;
}

.package-desc .poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
	top: -6px;
}

.current-package {
	border: 2px solid var(--my-color-var) !important;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.poptin-form-elem .select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none;
	font-size: 14.5px;
}

.poptin-form-elem .select2-container--default .select2-selection--single:focus,
.poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered:focus,
.poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered:active {
	outline: none;
}

.poptin-form-elem .select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	min-width: 180px;
}

.poptin-sidebar-container .poptin-form-elem .select2-container {
	max-width: 312px;
}

#chooseredirectPoptinblock .poptin-form-elem .select2-container {
	min-width: 300px;
}
.poptin-sidebar-container #shopifyManualProductSelectElem.poptin-form-elem .select2-container {
	max-width: 100%;
}

#shopifyProductSettings .form-group{ display: flex; gap:10px; }
#shopifyProductSettings .form-group > *{ flex: 1; align-self: center; margin-bottom: 0; }
#shopifyProductSettings .form-group .switch.switch-inside{  margin-bottom: 0 }
#shopifyProductSettings .poptin-form-elem .SumoSelect>.CaptionCont>label>i{ right: 5px; }
#shopifyProductSettings .spr-device-settings .align-self-center label{ font-size: 16px; }
#shopifyProductSettings .spr-device-settings .icon{font-size: 25px;margin: 0 4px;line-height: 24px;}
#shopifyProductSettings .spr-device-settings .icon:before{ vertical-align: middle;  }

.poptin-sidebar-container #shopifyManualProductSelectElem.poptin-form-elem .select2-selection__rendered li{
	width: 100%;
	text-overflow: ellipsis;
    overflow: hidden;
}
.poptin-sidebar-container #shopifyManualProductSelectElem.poptin-form-elem .select2-selection__rendered li:nth-child(4){
	display: none;
}

#assignPoptinToABTest .poptin-form-elem .select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	min-width: 420px;
}

.poptin-form-elem.no-select-icon {}

.poptin-form-elem.no-select-icon .select2-container--default .select2-selection--single:before {
	content: '';
}

.selectFull.poptin-form-elem .select2-container {
	width: 100% !important;
	min-width: 100%;
}

/*Selec2 ColorDots select*/
.poptin-form-elem span.select2-selection.colorDots:before {
	content: '';
}

.poptin-form-elem span.select2-selection.colorDots .select2-selection__rendered:before {
	content: '';
	width: 12px;
	height: 12px;
	background: #ccc;
	position: absolute;
	top: 10px;
	left: 13px;
	border-radius: 8px;
}

body.layout-he .poptin-form-elem span.select2-selection.colorDots .select2-selection__rendered:before {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	top: 10px;
	left: 28px;
	border-radius: 8px;
}

.poptin-form-elem span.select2-selection.colorDots .select2-selection__rendered[data-indicator='option-success']:before {
	background: #00E387;
}

.poptin-form-elem span.select2-selection.colorDots .select2-selection__rendered[data-indicator='option-danger']:before {
	background: var(--main-pink, #ff6376);
}

.poptin-form-elem span.select2-selection.colorDots .select2-selection__rendered[data-indicator='option-warning']:before {
	background: var(--main-yellow, #ffc163);
}

.poptin-form-elem span.select2-selection.colorDots .select2-selection__rendered[data-indicator='option-info']:before {
	background: var(--main-blue, #51dbee);
}

.poptin-form-elem span.select2-selection.colorDots .select2-selection__rendered[data-indicator='option-primary']:before {
	background: var(--main-purple, #7761df);
}

/*Poptin Buttons*/

.btn {
	font-size: 16.5px;
	font-weight: bold;
	font-family: 'Poppins', sans-serif;
	padding: 10px 20px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.btn.btn-uppercase {
	text-transform: uppercase;
}

.btn.btn-circle {
	border-radius: 170px;
}

.btn.btn-shadow {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.btn-info {
	color: #fff;
	background-color: var(--main-blue, #51dbee);
	border-color: var(--main-blue, #51dbee);
}

.btn-taqr {
	color: #fff;
	background-color: #31a2b0;
	border-color: #31a2b0;
}

.btn-taqr:hover {
	color: #31a2b0;
	background-color: #fff;
	border-color: #31a2b0;
}

.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #74e2f1;
	background-image: none;
	border-color: #74e2f1;
}

.btn-info:hover {
	/*color: #fff;
	background-color: #74e2f1;
	border-color: #74e2f1;*/
	color: #74e2f1;
	background-color: #ffffff;
	border-color: #74e2f1;

}

button.btn.btn-info:hover i {
	color: inherit;
}

.pricing-item .btn-info:hover {
	color: #74e2f1;
	background-color: #ffffff;
	border-color: #ffffff;
}

.fb-input-remove button.btn.btn-danger:hover {
	border-color: var(--main-pink, #ff6376);
}

div#agency_price6 sup {
	left: 60px;
}

div#agency_price6 sub {
	right: 31px;
}
div#agency_price7 sup,div#agency_price8 sup,div#agency_price9 sup,div#agency_price10 sup,div#agency_price11 sup{
	left: 52px;
}
div#agency_price16 sup,div#agency_price17 sup ,div#agency_price18 sup,div#agency_price19 sup,div#agency_price20 sup {
	left: 52px;
}

div#agency_price7 sub,div#agency_price8 sub,div#agency_price9 sub,div#agency_price10 sub,div#agency_price11 sub{
	right: 20px;
}
div#agency_price16 sub,div#agency_price17 sub,div#agency_price18 sub,div#agency_price19 sub,div#agency_price20 sub {
	right: 20px;
}

.fa-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: .14285714em;
	text-align: center;
}

.stripe-button-el {
	display: none !important;
}

.btn-info.btn-bordered:hover {
	border-color: #74e2f1;
}

button.btn.btn-default.btn-advanced {
	background: #fff;
	font-weight: normal;
	color: var(--main-purple, #7761df);
	padding: 7px 15px;
}

button.btn.btn-default.btn-advanced:hover {
	background: #ffffff;
	font-weight: normal;
	color: var(--main-purple, #7761df);
	padding: 7px 15px;
	border: 1px solid var(--main-purple, #7761df);
}

button.btn.btn-default.btn-newest {
	background: #fff;
	font-weight: normal;
	color: #BDBDBD;
	padding: 7px 15px;
}

button.btn.btn-default.btn-newest:hover {
	background: #ffffff;
	font-weight: normal;
	color: #BDBDBD;
	padding: 7px 15px;
	border: 1px solid var(--main-purple, #7761df);
	;
}

button.btn.btn-default.btn-advanced.off {
	color: #BDBDBD;
}

button.btn.btn-default.btn-withclick {
	background: #fff;
	font-weight: normal;
	color: var(--main-purple, #7761df);
	padding: 7px 15px;
}

button.btn.btn-default.btn-withclick:hover {
	background: #ffffff;
	font-weight: normal;
	color: var(--main-purple, #7761df);
	padding: 7px 15px;
	border: 1px solid var(--main-purple, #7761df);
}

button.btn.btn-default.btn-withclick.off {
	color: #BDBDBD;
}


.btn-primary {
	color: #fff;
	background-color: var(--main-purple, #7761df);
	border-color: var(--main-purple, #7761df);
}

.btn-primary:hover {
	color: var(--main-purple, #7761df);
	background-color: #ffffff;
	border-color: #ffffff;
}

.btn-primary.btn-bordered:hover {
	border-color: var(--main-purple, #7761df);
}

.btn-bordered {
	border-width: 1px;
}

.btn-bordered:hover {
	border-width: 1px;
}

.btn-default {
	color: #828282;
	background-color: #ffffff;
	border-color: #ffffff;
}

.btn-default:hover {
	color: #ffffff;
	background-color: #828282;
	border-color: #828282;
}

.btn-danger {
	color: #fff;
	background-color: var(--main-pink, #ff6376);
	border-color: var(--main-pink, #ff6376);
}

.btn-danger:hover {
	color: var(--main-pink, #ff6376);
	background-color: #ffffff;
	border-color: #ffffff;
}

.btn-danger.btn-bordered:hover {
	border-color: var(--main-pink, #ff6376);
}

.btn:hover {
	outline: none;
}

.btn:active,
.btn:focus {
	outline: none;
}

.btn-light-text {
	font-weight: normal;
}

/*Button gredient color*/
.peach-gradient {
	background: -webkit-linear-gradient(50deg, #fc6262, #ffd86f) !important;
	background: -o-linear-gradient(50deg, #fc6262, #ffd86f) !important;
	background: linear-gradient(40deg, #fc6262, #ffd86f) !important;
}

.purple-gradient {
	background: -webkit-linear-gradient(50deg, #ff6ec4, #7873f5) !important;
	background: -o-linear-gradient(50deg, #ff6ec4, #7873f5) !important;
	background: linear-gradient(40deg, #ff6ec4, #7873f5) !important;
}

.blue-gradient {
	background: -webkit-linear-gradient(50deg, #45cafc, #303f9f) !important;
	background: -o-linear-gradient(50deg, #45cafc, #303f9f) !important;
	background: linear-gradient(40deg, #45cafc, #303f9f) !important;
}

.aqua-gradient {
	background: -webkit-linear-gradient(50deg, #2096ff, #05ffa3) !important;
	background: -o-linear-gradient(50deg, #2096ff, #05ffa3) !important;
	background: linear-gradient(40deg, #2096ff, #05ffa3) !important;
}

.navbar a.nav-link.peach-gradient.nav-button.peach-gradient:hover {
	background: #ffffff !important;
	color: #f95b2b !important;
	border: 1px solid #f95b2b !important;
	border-radius: 20px;
}



/*
button.btn.btn-default.btn-advanced:hover {
	background: var(--main-purple, #7761df);
	color: #ffffff;
}*/
button.btn.btn-action:focus,
button.btn.btn-action:active {
	outline: none;
	border-color: transparent;
	box-shadow: none;
}

button.btn.btn-action {
	font-size: 13px;
	color: #828282;
	font-weight: normal;
	padding: 0px;
	background: none;
	line-height: 20px;
	display: inline-block;
	vertical-align: text-top;
	position: relative;
	padding-left: 0px;
	left: 20px;
}

.poptin-action.dropdown .dropdown-menu {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.poptin-action .dropdown-menu {
	margin-top: 0;
	opacity: 1;
	max-height: 165px;
	overflow: visible;
	background: #F7F6FD;
	border: 0px;
	width: 160px;
	max-width: 160px;
	min-width: 100px;
	padding: 3px 0px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);

}

button.btn.btn-action i {
	font-size: 15px;
	display: inline-block;
	position: absolute;
	left: -18px;
	top: 2px;
}

.poptin-action .dropdown-menu li {
	padding: 3px 10px;
	text-align: left;
}

.poptin-action .dropdown-menu li a {
	color: #828282;
	font-size: 13px;
	position: relative;
	padding-left: 20px;
	width: 100%;
	display: inline-block;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

body.layout-he .poptin-action .dropdown-menu li a {
	direction: rtl;
	text-align: right;
}

body.layout-he .poptin-action .dropdown-menu li a i {
	font-size: 15px;
	position: absolute;
	left: calc(100% - 20px);
	top: 0px;
}

body.layout-he .poptin-action .dropdown-menu li a span {
	padding-right: 30px;
}

.poptin-action .dropdown-menu li a:hover {
	color: var(--main-purple, #7761df);
	text-decoration: none;
}

.poptin-action .dropdown-menu li a i {
	font-size: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.btn.btn-icon {
	position: relative;
	padding-left: 40px;
}

.btn.btn-icon i {
	position: absolute;
	left: 2px;
	text-align: center;
	width: 40px;
	top: 9px;
	font-size: 20px;
}

button.btn.btn-ins-table {
	font-size: 13px;
	font-weight: normal;
}

button.btn.btn-ins-table:focus,
button.btn.btn-ins-table:active {
	outline: none;
	box-shadow: none;
}

.btn.btn-radius {
	border-radius: 20px;
}

.btn.btn-primary-light {
	background: #EBE8FA;
	color: var(--main-purple, #7761df);
	font-weight: lighter;
}

.btn.btn-primary-light:hover {
	background: var(--main-purple, #7761df);
	color: #EBE8FA;
}

.btn.btn-primary-light.btn-bordered:hover {
	background: #ffffff;
	color: var(--main-purple, #7761df);
	font-weight: lighter;
	border: 1px solid var(--main-purple, #7761df)
}

.btn.btn-danger-light {
	background: var(--main-pink, #ff6376);
	color: #ffffff;
	font-weight: lighter;
}

.btn.btn-danger-light:hover {
	background: #ffffff;
	color: var(--main-pink, #ff6376);
	border: 1px solid var(--main-pink, #ff6376);
}

.btn.btn-info-light {
	background: #74e2f1;
	color: #ffffff;
	font-weight: lighter;
}

.btn.btn-info-light:hover {
	background: #ffffff;
	color: #74e2f1;
	border: 1px solid #74e2f1;
}

.btn.btn-default-light {
	background: #ffffff;
	color: #4F4F4F;
	font-weight: lighter;
}

.btn.btn.btn-default-light:hover {
	background: #828282;
	color: #ffffff;
}

.btn-default.btn-bordered:hover {
	border-color: #828282;
}

.btn.btn-grey-light {
	background: #909394;
	color: #ffffff;
	font-weight: lighter;
}

.btn.btn-grey-light:hover {
	border: 1px solid #909394;
	background: #f3f3f3 !important;
	color: #909394 !important;
}

.btn-grey.btn-bordered:hover {
	border-color: #828282;
}

button.btn.btn-sm {
	padding: 5px 20px;
	font-size: 15px;
}

body[data-poptin-type-format="gamified_format_3"] .widget-toggle-button button.btn.btn-sm {
	padding: 5px 8px;
    font-size: 14px;
}

.btn-warning {
	color: #fff;
	background-color: var(--main-yellow, #ffc163);
	border-color: var(--main-yellow, #ffc163);
}

.btn-warning.disabled,
.btn-warning:disabled {
	background-color: var(--main-yellow, #ffc163);
	border-color: var(--main-yellow, #ffc163);
}

.btn-warning:hover {
	color: var(--main-yellow, #ffc163);
	background-color: #fff;
	border-color: #fff;
}

.btn-warning.btn-bordered:hover {
	border-color: var(--main-yellow, #ffc163);
}

.poptin-form-elem.mauto.text-center {
	margin: 0 auto;
}

span.form-sample-block img {
	width: 100%;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.warn.warn-img {
	width: 20px;
	box-shadow: none;
	text-align: center;
	margin: 2px auto;
}

th.th120 {
	width: 120px;
}

th.th150 {
	width: 150px;
}

td.th150 {
	width: 150px;
	word-break: break-all;
}

th.th180 {
	width: 180px;
}

td.th180 {
	width: 180px;
	word-break: break-all;
}

a.act-link {
	color: #828282;
	font-size: 24px;
	position: relative;
}

.icon-32x {
	font-size: 32px;
}

tr.abo_test_row {
	position: relative;
	width: 100%;
	box-shadow: inset 0px 1px 40px rgba(0, 0, 0, 0.07), inset 0px 0px 4px rgba(0, 0, 0, 0.1);
}

tr.abo_test_row td {
	border-top: 0px;
}

span.counter-text {
	border-radius: 45px;
	padding: 5px 15px;
	display: inline-block;
	min-width: 70px
}

.count-stats-tooltip .tooltip-inner {
	text-align: left !important;
}

.counter-bg-success {
	background: rgba(0, 227, 135, 0.18);
}

.counter-bg-danger {
	background: rgba(255, 99, 118, 0.2);
}

.counter-bg-warning {
	background: rgba(255, 193, 99, 0.2);
}

.counter-bg-info {
	background: rgba(81, 219, 238, 0.2);
}

.counter-bg-primary {
	background: rgba(119, 97, 223, 0.2);
}

.icon-success {
	background: #00E387;
}

.icon-info {
	background: var(--main-blue, #51dbee);
}

.icon-warning {
	background: var(--main-yellow, #ffc163);
}

.icon-primary {
	background: var(--main-purple, #7761df);
	;
}

.icon-danger {
	background: var(--main-pink, #ff6376);
}

span.hdntxt {
	display: none;
}

span.table-text {
	display: inline-block;
	width: 100%;
}

/*Autoresponder*/
.empty-img.upgrade-autoresponder {
	background: #eae7fa;
	padding: 20px;
	border-radius: 10px;
}

.autoresponder-page .empty-text h2 {
	font-size: 26px;
	color: #333333;
	text-align: center;
}

.autoresponder-page .empty-list {
	padding: 10px 50px 30px 90px;
	vertical-align: top;
	line-height: 1.5;
	font-size: 17px;
}

.autoresponder-page .empty-list .col-md-6 {
	position: relative;
	text-align: left;
	padding-left: 55px;
	padding-right: 45px;
	margin-bottom: 25px;
}

.autoresponder-page .empty-list .col-md-6 img {
	position: absolute;
	left: 0;
	top: 10px;
}

.autorespo-video-block {
	margin-top: 30px;
}

.empty-sub-header.text-center {
	padding: 15px 0px;
	font-size: 22px;
	font-weight: 500;
}

#createAutoresponderModal .switch.switch-sm .slider:before {
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: 12px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	z-index: 3;
	font-weight: normal;
}

#createAutoresponderModal .switch.switch-sm .slider.unchecked:before {
	left: 3px;
}

#createAutoresponderModal .switch.switch-sm .slider:after {
	position: absolute;
	content: "ON";
	height: 21px;
	width: 21px;
	/* left: 8px; */
	/* bottom: 4px; */
	/* color: #21909a; */
	/* z-index: 2; */
	/* font-weight: normal; */
	/* font-size: inherit; */
}

#createAutoresponderModal .switch.switch-sm .slider.unchecked:after {
	position: absolute;
	content: "OFF";
	height: 21px;
	width: 21px;
	left: 32px;
	/* bottom: 4px; */
	/* color: #710119; */
	/* z-index: 2; */
	/* font-weight: normal; */
}

#createAutoresponderModal .switch.switch-sm {
	height: 26px;
	width: 56px;
	cursor: pointer;
	top: 7px;
}

label.gen-label {
	background: #ebe8fa;
	padding: 6px 8px;
}

.form-group.autoresponder-group {
	border: 1px solid #ebe8fa;
	margin-bottom: 10px;
}

.form-group.autoresponder-group label.gen-label {
	margin-bottom: 0px;
}

.form-group.autoresponder-group .form-control {
	border: 0px;
}

.form-group.boxed-group {
	border: 1px solid #ebe8fa;
	margin-bottom: 10px;
}

.form-group.boxed-group .form-link {
	z-index: 1000;
	position: relative;
	color: #828282;
}

.form-group.boxed-group label.gen-label {
	margin-bottom: 0px;
}

.form-group.boxed-group .form-control {
	border: 0px;
}

/*Checkbox switch*/
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

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

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

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

input:checked+.slider {
	background-color: #00e387;
}

.switch-info input:checked+.slider {
	background-color: var(--main-blue, #51dbee);
}

.switch-success input:checked+.slider {
	background-color: #00e387;
}

.switch-danger input:checked+.slider {
	background-color: var(--main-pink, #ff6376);
}

.switch.switch-sm .slider.checked:before {
	left: 6px;
}

.switch-info input:checked+.slider {
	background-color: #74e2f1;
}

/*.step2-left-part .switch-primary input:checked + .slider,.step3-block .switch-primary input:checked {
	background-color: var(--main-purple, #7761df);
}*/
input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

/*input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}*/
.slider.checked:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/*Arragnement type switch*/

.switch.switch-sm.switch-20.switch-arrangement {
	height: 32px;
	width: 95px;
	line-height: 32px;
	z-index: 999;
	position: relative;
}

.switch.switch-sm.switch-20.switch-arrangement .slider.round {
	overflow: hidden;
	background-color: #ebe8fa;
	border: 1px solid #F2F0FC;
}

.switch.switch-sm.switch-20.switch-arrangement input:checked+.slider {
	background-color: #ebe8fa;
}

.switch.switch-sm.switch-20.switch-arrangement .slider:before {
	position: absolute;
	content: "";
	height: 32px;
	width: 50%;
	left: 0px;
	bottom: 0px;
	background-color: #ffffff;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 0px;
}

.switch.switch-sm.switch-20.switch-arrangement .slider span.arrangement-icons:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\5a";
	position: absolute;
	left: 16px;
	color: var(--main-purple, #7761df);
	font-size: 22px;
	z-index: 999;
	top: -1px;
}

.switch.switch-sm.switch-20.switch-arrangement .slider span.arrangement-icons:after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\4f";
	position: absolute;
	left: 58px;
	color: var(--main-purple, #7761df);
	font-size: 22px;
	z-index: 999;
	top: -1px;
}

.switch.switch-sm.switch-arrangement.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #FF335F;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch.switch-sm.switch-arrangement .slider:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.switch.switch-sm.switch-arrangement input:checked+.slider:before {
	-webkit-transform: translateX(48px);
	-ms-transform: translateX(48px);
	transform: translateX(48px);
}

.switch.switch-sm .slider:after {
	position: absolute;
	content: "ON";
	height: 21px;
	width: 21px;
	left: 8px;
	bottom: 0px;
	color: #21909a;
	z-index: 2;
	font-size: 11px;
	font-weight: normal;
}

.switch.switch-sm.switch-20.switch-arrangement .slider:after {
	content: "";
}

/*#createPoptinModal .switch.switch-sm .slider:after
{
	display:none;
}*/
#createPoptinModal .switch.switch-sm {
	height: 25px;
	width: 56px !important;
	cursor: pointer;
}

.switch.switch-sm .slider.unchecked:after {
	position: absolute;
	content: "OFF";
	height: 21px;
	width: 21px;
	left: 26px;
	bottom: 0px;
	color: #710119;
	z-index: 2;
	font-size: 11px;
}

.switch-info.switch-payment .slider.unchecked:after {
	color: #828282;

}

/*.step2-left-part .switch.switch-sm .slider:after,.step2-left-part .switch.switch-sm .slider.unchecked:after, .step3-block .switch.switch-sm .slider:after ,.step3-block .switch.switch-sm .slider.unchecked:after
{
	 content: "";
}*/
/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

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

/*Switch Sizes*/
/*.step2-left-part .switch.switch-sm,.step3-block .switch.switch-sm {
	height: 17px;
	width: 44px;
	cursor: pointer;
}*/
.switch.switch-sm {
	height: 25px;
	width: 56px;
	cursor: pointer;
}

/*.step2-left-part .switch.switch-sm .slider:before,.step3-block .switch.switch-sm .slider:before  {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}*/
.switch.switch-sm .slider:before {
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	z-index: 3;

}

/*.step2-left-part .switch.switch-sm .slider:before,.step3-block .switch.switch-sm .slider:before  {
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	z-index: 3;

}*/

.switch.switch-sm.switch-20 {
	height: 25px;
	width: 56px;
}

.step3-block .switch.switch-sm.switch-20 {
	/* height: 20px;
	width: 44px;
	line-height: 20px;*/
	right: 10px;
}

.step3-block .switch.panel-switch {
	top: 15px;
}

.step3-block label.switch-inside {
	margin-left: 10px;
}

.step3-block .panel.poptin-panel .panel-heading h3 {
	margin-left: 35px;
	margin-right: 50px;
}

.step3-block .panel.poptin-panel .panel-heading span.clickable {
	position: absolute;
	left: 23px;
}

.step3-block .panel.poptin-panel {
	position: relative;
}

.step3-block span.smtext-t {
	font-size: 13px;
	padding-left: 3px;
	color: #e4e4e4;
}

.step3-block ul.list-stripped.days-nd-hours-list {
	/*overflow: hidden;*/
}

.step3-block ul.list-stripped.days-nd-hours-list > li:nth-child(even) {
	background: rgba(119, 97, 223, 0.06);
}

.step3-block ul.list-stripped.days-nd-hours-list > li:nth-child(odd) {
	background: rgb(255, 255, 255);
}

.ppt-item.poptin-form-elem.no-select-icon .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0px 10px 0px 8px;
}

.switch.switch-sm.switch-20 .slider:before {
	/*position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 1px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;*/
}

.price-switch-btn .switch.switch-sm .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 2px;
	background-color: var(--main-blue, #51dbee);
	-webkit-transition: .4s;
	transition: .4s
}

.price-switch-btn .switch.switch-sm.switch-payment .slider.checked:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 7px;
	bottom: 3px;
	background-color: var(--main-blue, #51dbee);
	-webkit-transition: .4s;
	transition: .4s;
}

span.form-sample-block {
	width: 71px;
	height: 49px;
	background: #FFFFFF;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	/*box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);*/
}

.form-builder-items li.has-childElement .switch-arrangement {
	position: absolute !important;
	margin-top: 4px;
	margin-left: -85px !important;
}

li.has-childElement {
	/* overflow: hidden; */
}

/*Poptin Popups*/

.poptin-modal-theme .modal-header h4 {
	text-align: center;
	width: 100%;
	font-size: 25px;
	font-weight: 300;
	color: #828282;
}

.poptin-modal-theme .modal-header button.close {
	text-align: right;
	position: absolute;
	right: 8px;
	top: 5px;
	font-weight: 500;
	font-size: 30px !important;
}

.connect-popups-block {
	background: rgba(119, 97, 223, 0.06);
	padding: 10px;
	border-radius: 7px;
}

ul.connect-popups-items {
	list-style: none;
	padding-left: 0px;
}

ul.connect-popups-items li .custom-checkbox-item {
	font-size: 16.5px;
	color: #828282;
	font-weight: normal;
	line-height: 25px;
}

.connect-popups-block .scroll-pane {
	height: 250px !important;
	overflow: hidden;
}

.connect-popups-block .jspContainer:focus {
	outline: none;
}

ul.connect-popups-items hr {
	border-color: #ffffff;
}

div:focus {
	outline: none;
}

.connect-popups-block .jspTrack {
	background: rgba(119, 97, 223, 0.2);
	position: relative;
	border-radius: 3px;
}

.connect-popups-block .jspDrag {
	background: rgba(119, 97, 223, 1);
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
	border-radius: 3px;
}

.connect-popups-block .jspVerticalBar {
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0;
	width: 5px;
	border-radius: 3px;
}

/*Custom Checkboxs*/

.custom-checkbox-item {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	line-height: 18px;
	font-size: 13px
}

.custom-checkbox {
	display: none
}

.custom-checkbox-mark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 17px;
	height: 17px;
	border: 1px solid transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border-radius: 3px;
	margin-top: -1px;
}

.custom-checkbox-mark:before {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
	height: 5px;
	width: 10px;
	border: solid #ffffff;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.custom-checkbox-desc {
	font-weight: 400
}

.custom-checkbox:checked~.custom-checkbox-mark {
	border: 1px solid #828282;
	background: #828282;
}

.custom-checkbox:checked~.custom-checkbox-mark:before {
	display: block
}

.custom-checkbox:disabled~.custom-checkbox-mark {
	border: 1px solid #f8f9fa
}

.custom-checkbox:disabled~.custom-checkbox-mark:before {
	border-color: #f8f9fa
}

.custom-radio-item {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	line-height: 18px;
	font-size: 13px
}

input[type=radio].custom-radio {
	display: none;
}

.custom-radio-mark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;

}

.custom-radio-mark:before {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
	height: 5px;
	width: 10px;
	border: solid #f14f4d;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.custom-radio-desc {
	font-weight: 400
}

.custom-radio:checked~.custom-radio-mark {
	border: 1px solid #f14f4d
}

.custom-radio:checked~.custom-radio-mark:before {
	display: block
}

.custom-radio:disabled~.custom-radio-mark {
	border: 1px solid #f8f9fa
}

.custom-radio:disabled~.custom-radio-mark:before {
	border-color: #f8f9fa
}

/*custom Widths*/
.wth100 {
	width: 100% !important;
}

.wth100 .SumoSelect {
	width: 100% !important;
}

.wth50 {
	width: 50% !important;
}

.wth55 {
	width: 55% !important;
}

.wth65 {
	width: 65% !important;
}

.wth40 {
	width: 40%;
}

.wth35 {
	width: 35%;
}

.wth30 {
	width: 30%;
}

.wth25 {
	width: 25% !important;
}
.wth22 {
	width: 22% !important;
}
.wth20 {
	width: 18%;
}
.wth15 {
	width: 15% !important;
}
.wth10 {
	width: 10%;
}

.wth8 {
	width: 8%;
}

.step3-block .poptin-panels-block .wth8 {
	width: 40px;
}

.wth40inline {
	width: 40px;
	display: inline-block;
}

.wth50inline {
	width: 50px;
	display: inline-block;
}

.wth70inline {
	width: 70px;
	display: inline-block;
}

.wth80inline {
	width: 80px;
	display: inline-block;
}

.wth100inline {
	width: 100px;
	display: inline-block;
}

.wth125inline {
	width: 130px;
	display: inline-block;
}

.inline-block {
	display: inline-block;
}

.wth75 {
	width: 75% !important;
}

.wth60 {
	width: 60% !important;
}

/*#createPoptinModal .switch.switch-sm .slider:after
{
	display:none;
}*/
#createPoptinModal .switch.switch-sm {
	height: 25px;
	width: 56px !important;
	cursor: pointer;
}

.switch.switch-sm .slider.unchecked:after {
	position: absolute;
	content: "OFF";
	height: 21px;
	width: 21px;
	left: 26px;
	bottom: 0px;
	color: #710119;
	z-index: 2;
	font-size: 11px;
}

.switch-info.switch-payment .slider.unchecked:after {
	color: #828282;

}

/*.step2-left-part .switch.switch-sm .slider:after,.step2-left-part .switch.switch-sm .slider.unchecked:after, .step3-block .switch.switch-sm .slider:after ,.step3-block .switch.switch-sm .slider.unchecked:after
{
	 content: "";
}*/
/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

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

/*Switch Sizes*/
/*.step2-left-part .switch.switch-sm,.step3-block .switch.switch-sm {
	height: 17px;
	width: 44px;
	cursor: pointer;
}*/
.switch.switch-sm {
	height: 25px;
	width: 56px;
	cursor: pointer;
}

/*.step2-left-part .switch.switch-sm .slider:before,.step3-block .switch.switch-sm .slider:before  {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}*/
.switch.switch-sm .slider:before {
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	z-index: 3;

}

/*.step2-left-part .switch.switch-sm .slider:before,.step3-block .switch.switch-sm .slider:before  {
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: 2px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	z-index: 3;

}*/


.switch.switch-sm.switch-20 {
	height: 25px;
	width: 56px;
}

.step3-block .switch.switch-sm.switch-20 {
	/* height: 20px;
	width: 44px;
	line-height: 20px;*/
	right: 10px;
}

.step3-block .switch.panel-switch {
	top: 15px;
}

.step3-block label.switch-inside {
	margin-left: 10px;
}

.step3-block .panel.poptin-panel .panel-heading h3 {
	margin-left: 35px;
	margin-right: 50px;
}

.step3-block .panel.poptin-panel .panel-heading span.clickable {
	position: absolute;
	left: 23px;
}

.step3-block .panel.poptin-panel {
	position: relative;
}

.step3-block span.smtext-t {
	font-size: 13px;
	padding-left: 3px;
	color: #e4e4e4;
}

.step3-block ul.list-stripped.days-nd-hours-list {
	/*overflow: hidden;*/
}

.step3-block ul.list-stripped.days-nd-hours-list > li:nth-child(even) {
	background: rgba(119, 97, 223, 0.06);
}

.step3-block ul.list-stripped.days-nd-hours-list > li:nth-child(odd) {
	background: rgb(255, 255, 255);
}

.ppt-item.poptin-form-elem.no-select-icon .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0px 10px 0px 8px;
}

.switch.switch-sm.switch-20 .slider:before {
	/*position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 1px;
	bottom: 2px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;*/
}

.price-switch-btn .switch.switch-sm .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 3px;
	bottom: 2px;
	background-color: var(--main-blue, #51dbee);
	-webkit-transition: .4s;
	transition: .4s
}

.price-switch-btn .switch.switch-sm.switch-payment .slider.checked:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 7px;
	bottom: 3px;
	background-color: var(--main-blue, #51dbee);
	-webkit-transition: .4s;
	transition: .4s;
}

span.form-sample-block {
	width: 71px;
	height: 49px;
	background: #FFFFFF;
	display: block;
	margin: 0 auto;
	border-radius: 5px;
	position: relative;
	/*box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);*/
}

.form-builder-items li.has-childElement .switch-arrangement {
	position: absolute !important;
	margin-top: 4px;
	margin-left: -85px !important;
}

li.has-childElement {
	/* overflow: hidden; */
}

/*Poptin Popups*/

.poptin-modal-theme .modal-header h4 {
	text-align: center;
	width: 100%;
	font-size: 25px;
	font-weight: 300;
	color: #828282;
}

.poptin-modal-theme .modal-header button.close {
	text-align: right;
	position: absolute;
	right: 8px;
	top: 5px;
	font-weight: 500;
	font-size: 30px !important;
}

.connect-popups-block {
	background: rgba(119, 97, 223, 0.06);
	padding: 10px;
	border-radius: 7px;
}

ul.connect-popups-items {
	list-style: none;
	padding-left: 0px;
}

ul.connect-popups-items li .custom-checkbox-item {
	font-size: 16.5px;
	color: #828282;
	font-weight: normal;
	line-height: 25px;
}

.connect-popups-block .scroll-pane {
	height: 250px !important;
	overflow: hidden;
}

.connect-popups-block .jspContainer:focus {
	outline: none;
}

ul.connect-popups-items hr {
	border-color: #ffffff;
}

div:focus {
	outline: none;
}

.connect-popups-block .jspTrack {
	background: rgba(119, 97, 223, 0.2);
	position: relative;
	border-radius: 3px;
}

.connect-popups-block .jspDrag {
	background: rgba(119, 97, 223, 1);
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
	border-radius: 3px;
}

.connect-popups-block .jspVerticalBar {
	height: 100%;
	position: absolute;
	right: 0px;
	top: 0;
	width: 5px;
	border-radius: 3px;
}

/*Custom Checkboxs*/

.custom-checkbox-item {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	line-height: 18px;
	font-size: 13px
}

.custom-checkbox {
	display: none
}

.custom-checkbox-mark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 17px;
	height: 17px;
	border: 1px solid transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border-radius: 3px;
	margin-top: -1px;
}

.custom-checkbox-mark:before {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
	height: 5px;
	width: 10px;
	border: solid #ffffff;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.custom-checkbox-desc {
	font-weight: 400
}

.custom-checkbox:checked~.custom-checkbox-mark {
	border: 1px solid #828282;
	background: #828282;
}

.custom-checkbox:checked~.custom-checkbox-mark:before {
	display: block
}

.custom-checkbox:disabled~.custom-checkbox-mark {
	border: 1px solid #f8f9fa
}

.custom-checkbox:disabled~.custom-checkbox-mark:before {
	border-color: #f8f9fa
}

.custom-radio-item {
	display: block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400;
	line-height: 18px;
	font-size: 13px
}

input[type=radio].custom-radio {
	display: none;
}

.custom-radio-mark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	border: 1px solid #333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;

}

.custom-radio-mark:before {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -5px;
	height: 5px;
	width: 10px;
	border: solid #f14f4d;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.custom-radio-desc {
	font-weight: 400
}

.custom-radio:checked~.custom-radio-mark {
	border: 1px solid #f14f4d
}

.custom-radio:checked~.custom-radio-mark:before {
	display: block
}

.custom-radio:disabled~.custom-radio-mark {
	border: 1px solid #f8f9fa
}

.custom-radio:disabled~.custom-radio-mark:before {
	border-color: #f8f9fa
}

/*custom Widths*/
.wth100 {
	width: 100% !important;
}

.wth100 .SumoSelect {
	width: 100% !important;
}

.wth50 {
	width: 50% !important;
}

.wth55 {
	width: 55% !important;
}

.wth65 {
	width: 65% !important;
}

.wth40 {
	width: 40%;
}

.wth35 {
	width: 35%;
}

.wth30 {
	width: 30%;
}

.wth25 {
	width: 25% !important;
}
.wth22 {
	width: 22% !important;
}
.wth20 {
	width: 18%;
}
.wth15 {
	width: 15% !important;
}
.wth10 {
	width: 10%;
}

.wth8 {
	width: 8%;
}

.step3-block .poptin-panels-block .wth8 {
	width: 40px;
}

.wth40inline {
	width: 40px;
	display: inline-block;
}

.wth50inline {
	width: 50px;
	display: inline-block;
}

.wth70inline {
	width: 70px;
	display: inline-block;
}

.wth80inline {
	width: 80px;
	display: inline-block;
}

.wth100inline {
	width: 100px;
	display: inline-block;
}

.wth125inline {
	width: 130px;
	display: inline-block;
}

.inline-block {
	display: inline-block;
}

.wth75 {
	width: 75% !important;
}

.wth60 {
	width: 60% !important;
}

.wth75 .SumoSelect {
	width: 75% !important;
}

.prel {
	position: relative;
}

/*Sumo Select*/
.SumoSelect .select-all {
	display: inline-block;
	width: 100%;
	height: 46px !important;
	border-bottom: 1px solid #eaeaea;
}

.popTinSumoSelect:not(p) {
	border: 0px;
	height: 35px;
	opacity: 0;
}
p.popTinSumoSelect{}

.poptin-form-elem.wth75 .select2-container {
	min-width: 125px;
}

.poptin-form-elem .SumoSelect .SelectBox {
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border: 0px;
	color: #828282;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgba(119, 97, 223, 0.06);
	color: #828288;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
	background-color: #EBE8FA;
	color: var(--main-purple, #7761df);
}

.SumoSelect.open .CaptionCont.SelectBox.search:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\6f";
	margin-top: 4px;
	color: #C4C4C4;
	z-index: 9;
	position: absolute;
	opacity: 1 !important;
}

.SumoSelect.open>.search>label,
.SumoSelect.open>.search>span {
	visibility: visible;
	z-index: 99;
}

.SumoSelect .select-all label,
.poptin-form-elem .SumoSelect .select-all label {
	font-weight: bold;
}

.SumoSelect.open .search-txt {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 5px 8px;
	border: none;
	box-sizing: border-box;
	border-radius: 5px;
	padding-left: 35px !important;
}

.poptin-form-elem .SumoSelect .select-all>span i,
.SumoSelect>.optWrapper.multiple>.options li.opt span i {
	width: 16px;
	height: 16px;
	border: 0px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
}

.poptin-form-elem .SumoSelect .SelectBox .span.placeholder {
	font-style: normal;
}

.poptin-form-elem .SumoSelect>.CaptionCont>span.placeholder {
	font-style: normal;
	color: #828282;
	cursor: pointer;
}

.poptin-form-elem .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
	background-color: #828282;
	border: 0px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
}

.poptin-form-elem .SumoSelect .select-all>span i,
.SumoSelect>.optWrapper.multiple>.options li.opt span i {
	width: 16px;
	height: 16px;
}

.select2-dropdown {
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051;
	color: #828288;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #f7f6fd;
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none;
	padding: 6px;
	position: relative;
	border-bottom: 1px solid #f5f5f5;
}

.poptin-form-elem .SumoSelect>.CaptionCont>label>i {
	background-image: none;
	background-position: center center;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
	opacity: 1;
}
.poptin-form-elem .SumoSelect.sumo_shopifyRecommendationManualSelectProduct>.CaptionCont>label>i{
	left: auto;
}
.poptin-form-elem .SumoSelect.sumo_shopifyRecommendationManualSelectProduct>.optWrapper.multiple>.options li.opt span{
	margin-left: -35px;
}
.poptin-form-elem .SumoSelect.sumo_shopifyRecommendationCollectionSelect>.CaptionCont>label>i{
	left: auto;
}
.poptin-form-elem .SumoSelect.sumo_shopifyRecommendationCollectionSelect>.optWrapper.multiple>.options li.opt span{
	margin-left: -35px;
}

.poptin-form-elem .SumoSelect>.CaptionCont>label>i:before {
	border: none;
	font-family: "poptin-font-icon" !important;
	text-transform: none;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61" !important;
	height: 10px;
	left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	top: 4px;
	width: 10px;
	color: #828282;
	font-size: 14px;
}

.poptin-form-elem .SumoSelect.open p.CaptionCont.SelectBox.search::after {
	opacity: 0;
}

.full-select .SumoSelect.open p.CaptionCont.SelectBox.search::after {
	opacity: 0;
}

/*Profile page*/
.row.dashboard-head h1.page-title {
	font-weight: 300;
	font-size: 25px;
	color: #828282;
	margin-bottom: 15px;
}

.poptin-form-container {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	border-radius: 9px;
	padding: 25px;
	overflow: hidden;
}

.poptin-form-container.affiliate-paypal-account {
	padding: 30px 25px;
}

.poptin-form-container.design-preview-block {
	position: fixed;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58.333333%;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 50%;
	width: 50%;
	overflow: visible;
}

.poptin-form-container .form-control {
	border: 1px solid rgba(189, 189, 189, 0.7);
}

div#ModalSignupPopups .poptin-form-elem .select2-container--default .select2-selection--single {
	box-shadow: none;
	border: 1px solid rgba(189, 189, 189, 0.7);
}

.poptin-form-container .form-control {
	height: 35px;
}

.poptin-form-container .poptin-form-elem .select2-container--default .select2-selection--single:before,
#loadPoptinsModel .poptin-form-elem .select2-container--default .select2-selection--single:before {
	content: '';
}

.poptin-form-container .poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered,
#loadPoptinsModel .poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #828282;
	line-height: 34px;
	padding: 0px 10px 0px 15px;
	font-size: 16.5px;
	text-align: left;
}

#loadPoptinsModel .poptin-form-elem.wth100 span.select2.select2-container {
	width: 100% !important;
}

span.ftext {
	text-align: left;
	display: block;
}

.layout-he span.ftext {
	text-align: right;
	display: block;
}

#loadPoptinsModel.dm-overlay .close {
	position: absolute;
	right: -10px;
	top: -25px;
}

.modal-main-btns {
	/* direction: rtl; */
}

.poptin-form-container a.form-link {
	color: var(--main-purple, #7761df);
}

.poptin-form-container a.form-link:hover {
	text-decoration: none;
}

.poptin-form-container label {
	font-weight: bold;
	color: #828282;
}

.modal-header,
.modal-footer {
	border: 0px;
}

.prel {
	position: relative;
}

/*Sumo Select*/
.SumoSelect .select-all {
	display: inline-block;
	width: 100%;
	height: 46px !important;
	border-bottom: 1px solid #eaeaea;
}

.popTinSumoSelect {
	border: 0px;
	height: 35px;
	opacity: 0;
}

.poptin-form-elem.wth75 .select2-container {
	min-width: 125px;
}

.poptin-form-elem .SumoSelect .SelectBox {
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border: 0px;
	color: #828282;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: rgba(119, 97, 223, 0.06);
	color: #828288;
}

.SumoSelect>.optWrapper>.options li.opt:hover {
	background-color: #EBE8FA;
	color: var(--main-purple, #7761df);
}

.SumoSelect.open .CaptionCont.SelectBox.search:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\6f";
	margin-top: 4px;
	color: #C4C4C4;
	z-index: 9;
	position: absolute;
	opacity: 1 !important;
}

.SumoSelect.open>.search>label,
.SumoSelect.open>.search>span {
	visibility: visible;
	z-index: 99;
}

.SumoSelect .select-all label,
.poptin-form-elem .SumoSelect .select-all label {
	font-weight: bold;
}

.SumoSelect.open .search-txt {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 5px 8px;
	border: none;
	box-sizing: border-box;
	border-radius: 5px;
	padding-left: 35px !important;
}

.poptin-form-elem .SumoSelect .select-all>span i,
.SumoSelect>.optWrapper.multiple>.options li.opt span i {
	width: 16px;
	height: 16px;
	border: 0px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
}

.poptin-form-elem .SumoSelect .SelectBox .span.placeholder {
	font-style: normal;
}

.poptin-form-elem .SumoSelect>.CaptionCont>span.placeholder {
	font-style: normal;
	color: #828282;
	cursor: pointer;
}

.poptin-form-elem .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
	background-color: #828282;
	border: 0px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
}

.poptin-form-elem .SumoSelect .select-all>span i,
.SumoSelect>.optWrapper.multiple>.options li.opt span i {
	width: 16px;
	height: 16px;
}

.select2-dropdown {
	background-color: white;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051;
	color: #828288;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #f7f6fd;
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none;
	padding: 6px;
	position: relative;
	border-bottom: 1px solid #f5f5f5;
}

.poptin-form-elem .SumoSelect>.CaptionCont>label>i {
	background-image: none;
	background-position: center center;
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
	opacity: 1;
}

.poptin-form-elem .SumoSelect>.CaptionCont>label>i:before {
	border: none;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61" !important;
	height: 10px;
	left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
	top: 4px;
	width: 10px;
	color: #828282;
	font-size: 14px;
}

.poptin-form-elem .SumoSelect.open p.CaptionCont.SelectBox.search::after {
	opacity: 0;
}

.full-select .SumoSelect.open p.CaptionCont.SelectBox.search::after {
	opacity: 0;
}

/*Profile page*/
.row.dashboard-head h1.page-title {
	font-weight: 300;
	font-size: 25px;
	color: #828282;
	margin-bottom: 15px;
}

.poptin-form-container {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	border-radius: 9px;
	padding: 25px;
	overflow: hidden;
}

.poptin-form-container.affiliate-paypal-account {
	padding: 30px 25px;
}

.poptin-form-container.design-preview-block {
	position: fixed;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58.333333%;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 50%;
	width: 50%;
	overflow: visible;
}

.poptin-form-container .form-control {
	border: 1px solid rgba(189, 189, 189, 0.7);
}

div#ModalSignupPopups .poptin-form-elem .select2-container--default .select2-selection--single {
	box-shadow: none;
	border: 1px solid rgba(189, 189, 189, 0.7);
}

.poptin-form-container .form-control {
	height: 35px;
}

.poptin-form-container .poptin-form-elem .select2-container--default .select2-selection--single:before,
#loadPoptinsModel .poptin-form-elem .select2-container--default .select2-selection--single:before {
	content: '';
}

.poptin-form-container .poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered,
#loadPoptinsModel .poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #828282;
	line-height: 34px;
	padding: 0px 10px 0px 15px;
	font-size: 16.5px;
	text-align: left;
}

#loadPoptinsModel .poptin-form-elem.wth100 span.select2.select2-container {
	width: 100% !important;
}

span.ftext {
	text-align: left;
	display: block;
}

.layout-he span.ftext {
	text-align: right;
	display: block;
}

#loadPoptinsModel.dm-overlay .close {
	position: absolute;
	right: -10px;
	top: -25px;
}

.modal-main-btns {
	/* direction: rtl; */
}

.poptin-form-container a.form-link {
	color: var(--main-purple, #7761df);
}

.poptin-form-container a.form-link:hover {
	text-decoration: none;
}

.poptin-form-container label {
	font-weight: bold;
	color: #828282;
}

.poptin-modal-theme .modal-content {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0px solid rgba(0, 0, 0, .2);
	border-radius: 9px;
	outline: 0;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.poptin-modal-theme .modal-body,
.poptin-modal-theme .modal-footer,
.poptin-modal-theme .modal-header {
	padding: 20px;
	width: 100%;
	display: inline-block;
}

.poptin-modal-theme.wh-halfscn .modal-dialog {
	max-width: 700px;
}

.poptin-modal-theme .modal-dialog {
	max-width: 600px;
	margin: 30px auto;
}

.modal-backdrop.show {
	opacity: .1;
}

/**fade animation effect/
@keyframes fadein {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Internet Explorer */
@-ms-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.psubact {
	margin-bottom: 10px;
	-webkit-animation: fadein 2s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s;
	/* Firefox < 16 */
	-ms-animation: fadein 2s;
	/* Internet Explorer */
	-o-animation: fadein 2s;
	/* Opera < 12.1 */
	animation: fadein 2s;
}

/*Affliate*/
.poptin-form-container.sharing-container {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	border-radius: 9px;
	padding: 25px;
	overflow: hidden;
	position: relative;
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #F5F5F5;
	opacity: 1;
}

.sharing-container hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(189, 189, 189, 0.2);
	display: block;
	width: 100%;
	padding: 0px;
	position: absolute;
	left: 0px;
}

.affiliate-paypal-account form {
	width: 70%;
	margin: 0 auto;
}

.affiliate-paypal-account form .form-control {
	border: 1px solid rgba(189, 189, 189, 0.7);
	margin: 0px 0px 10px;
	max-width: 210px;
}

.update-account {
	display: none;
}

p.title-caption {
	font-size: 16.5px;
	text-align: center;
	color: #828282;
	font-weight: normal;
	margin-bottom: 0px;
}

h3.module-tilte {
	font-weight: bold;
	color: #828282;
	font-size: 16.5px;
	padding: 10px 0px;
}

h3.caption-value {
	font-weight: 300;
	font-size: 43px;
	text-align: center;
	margin: 1px 0px;
	padding: 0px;
}

i.general-icon-text {
	width: 20px;
	height: 20px;
	display: inline-block;
	background: var(--main-purple, #7761df);
	color: #ffffff;
	font-style: normal;
	text-align: center;
	font-size: 14px;
	border-radius: 50%;
	margin-right: 5px
}

ul.poptin-sharing-buttons {
	list-style: none;
	padding-left: 0px;
}

ul.poptin-sharing-buttons li {
	display: inline-block;
	margin: 0px 5px;
}

ul.poptin-sharing-buttons li a {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

ul.poptin-sharing-buttons.psb-big li a {
	padding: 20px 48px;
	border-radius: 9px;
	color: #ffffff;
	position: relative;
	z-index: 1;
	transition: all 500ms ease;
}

ul.poptin-sharing-buttons li a:before {
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61";
	/* display: block; */
	font-size: 20px;
	line-height: 10px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	position: absolute;
}

ul.poptin-sharing-buttons.psb-big li a:before {
	font-size: 60px;
	top: 30px;
	left: 34%;
	z-index: -1;
	color: rgba(255, 255, 255, 0.15);
}

ul.poptin-sharing-buttons.psb-big li a:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	border-radius: 9px;
	z-index: -2;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

ul.poptin-sharing-buttons.psb-big li a:hover:after {
	opacity: 0.7;
}

ul.poptin-sharing-buttons li a:hover {
	text-decoration: none;
}

ul.poptin-sharing-buttons.psb-big li a.share-fb:after {
	background: #4968B4;
}

ul.poptin-sharing-buttons li a.share-fb:before {
	content: "\6d";
}

ul.poptin-sharing-buttons.psb-big li a.share-twitter:after {
	background: #50AAF6;
}

ul.poptin-sharing-buttons li a.share-twitter:before {
	content: "\45";
}

ul.poptin-sharing-buttons.psb-big li a.share-linkedin:after {
	background: #2878B7;
}

ul.poptin-sharing-buttons li a.share-linkedin:before {
	content: "\75";
	font-size: 50px;
	top: 28px;
	left: 37%
}

ul.poptin-sharing-buttons.psb-big li a.share-mail:after {
	background: #CD4D3D;
}

ul.poptin-sharing-buttons li a.share-mail:before {
	content: "\6c";
	font-size: 56px;
	top: 28px;
	left: 29%;
}

.btn-giveaccess {
	margin-top: 34px;
}

a.underlined-link {
	border-bottom: 1px solid;
}

a.underlined-link:hover {
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

/*poptin Panel*/

.panel.poptin-panel {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	border-radius: 9px;
}

.panel.poptin-panel .panel-heading {
	padding: 15px;
	background: var(--main-purple, #7761df);
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}

.panel.poptin-panel .panel-heading h3 {
	font-size: 16.5px;
	color: #ffffff;
	margin-bottom: 0px;
}

.step2-left-part .panel.poptin-panel .panel-heading h3 {
	position: relative;
}

.panel.poptin-panel .panel-body {
	padding: 15px;
	display: inline-block;
	width: 100%;
}

.step3-block .panel.poptin-panel .panel-body {
	padding: 16px;
	display: inline-block;
	width: 100%;
}

.panel.poptin-panel .panel-heading span.clickable {
	margin-top: -20px;
	font-size: 15px;
	float: right;
	display: none;
}

.panel.poptin-panel .panel-heading span i {
	color: #ffffff;
}

.panel.poptin-panel .panel-body.no-padding {
	padding: 0px;
}

.panel.panel-closed {
	overflow: hidden !important;
}

.panel.panel-closed.active {
	overflow: visible !important;
}

/*Step2 panel toggle*/
.step2-left-part .panel-heading.clickable .panel-title:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61";
	color: #fff;
	position: absolute;
	top: 0px;
	right: 15px;
}

.step2-left-part .panel-closed .panel-heading.clickable .panel-title:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61";
	color: #fff;
	position: absolute;
	top: 15px;
	right: 15px;
	transform: rotateX(180deg);
}

.step2-left-part .panel.poptin-panel .panel-heading {
	position: initial;
}

.step2-left-part .pull-right.clickable {
	display: none;
}

.fullscreen-preview-mode .step2-left-part .panel-heading.clickable:before {
	display: none;
}


/*Step3 panel toggle*/
.step3-block .displayTriggersContainer .panel-heading.clickable:before {
	top: 15px;
	display: none;
}

.step3-block .panel-heading.clickable:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61";
	color: #fff;
	position: absolute;
	top: 20px;
	left: 18px;
}

.step3-block .panel-closed .panel-heading.clickable:before {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61";
	color: #fff;
	position: absolute;
	top: 35px;
	left: 18px;
	transform: rotateX(180deg);
}

.step3-block .pull-right.clickable {
	display: none;
}

.bt-light {
	border-top: 1px solid #DDDDED;
}

.bb-light {
	border-bottom: 1px solid #DDDDED;
}

span.pull-right.clickable.panel-collapsed {
	transform: rotate(-180deg);
	margin-top: -24px
}

span.pull-right.clickable.mt-1.panel-collapsed {
	transform: rotate(-180deg);
	margin-top: -2px !important;
}

.form-control-plaintext.form-control {
	width: auto;
	display: inline;
}

.form-inline.form-right-h .poptin-form-elem label {
	width: 111px;
	display: inline-block;
	text-align: right;
}

.form-inline.form-right-h .poptin-form-elem.full-elem {
	width: 100%;
}

.form-inline.form-right-h .poptin-form-elem.full-elem input {
	width: calc(100% - 120px);
}

.form-inline.form-right-h .poptin-form-elem input {
	width: calc(100% - 121px);
}

.poptin-form-elem.elem-inline.half-block {
	float: left;
	margin-right: 0px;
	width: 50%;
}

.autoresponder-body-container {
	width: 100%;
	min-height: 430px;
	background: #F6F6F6;
}

/*Billing Settings*/
.client-billing-details {
	border-bottom: 1px solid rgba(189, 189, 189, 0.2);
}

.account-billing-text {
	font-size: 16.5px;
	color: #828282;
}

.client-info {
	width: auto;
	margin: 20px auto 0px;
	background-size: 48px 48px !important;
	margin-left: 0PX;
}

.client-info .client-img {
	width: 70px;
	display: inline-block;
	overflow: hidden;
	height: 72px;
	padding: 0px;
}

.client-info .client-img img {
	width: 100%;
	border-radius: 50%;

}

.client-info-text {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	padding-top: 10px;
}

.client-info span {
	display: inline-block;
	width: 100%;
	color: #574751;
	text-align: left;
	font-weight: bold;
	line-height: 25px;
	font-size: 16.5px;
	padding-left: 0px;
}

/*Toogle Button CSS*/
.hidepkgsub {
	display: none;
}

.poptin-package-toggle .btn-toggle.btn-lg {
	margin: 0 20px;
	padding: 0;
	position: relative;
	border: none;
	height: 2.5rem;
	width: 5rem;
	border-radius: 2.5rem;
	background: #fff;
	box-shadow: inset 0px 2px 6px rgba(0, 0, 0, 0.15);
}

.poptin-package-toggle .btn-toggle.btn-lg.active {
	transition: background-color 0.25s;
}

.poptin-package-toggle .btn-toggle.active {
	background-color: var(--main-purple, #7761df);
}

.poptin-package-toggle .btn-toggle.btn-lg:before {
	content: 'Off';
	left: -5rem;
}

.poptin-package-toggle .btn-toggle.btn-lg:after {
	content: 'On';
	right: -5rem;
	opacity: 0.5;
}

.poptin-package-toggle .btn-toggle.btn-lg:before,
.poptin-package-toggle .btn-toggle.btn-lg:after {
	line-height: 2.5rem;
	width: 5rem;
	text-align: center;
	font-weight: 600;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	bottom: 0;
	transition: opacity 0.25s;
}

.poptin-package-toggle .btn-toggle.btn-lg>.handle {
	position: absolute;
	top: 0.3125rem;
	left: 0.3125rem;
	width: 1.875rem;
	height: 1.875rem;
	border-radius: 1.875rem;
	background: var(--main-purple, #7761df);
	transition: left 0.25s;
}

.poptin-package-toggle .btn-toggle.btn-lg.active>.handle {
	left: 2.8125rem;
	transition: left 0.25s;
	background: #fff;
}

.poptin-package-toggle {
	text-align: center;
}

a.package-btn {
	color: rgba(130, 130, 130, 0.3);
	text-transform: uppercase;
	font-size: 16.5px;
	font-weight: 600;
}

a.package-btn.active {
	color: #828282;
}

a.package-btn:hover,
a.package-btn:focus,
a.package-btn:active {
	outline: none;
	text-decoration: none;
}

.poptin-package-toggle .btn-toggle.btn-lg:focus {
	outline: none;
}

.poptin-packages-block {
	display: inline-block;
	width: 100%;
}

.poptin-package-toggle {
	text-align: center;
	padding-bottom: 40px;
}

.poptin-package-toggle {
	text-align: center;
	padding-bottom: 30px;
	width: 70%;
	margin: 0 auto;
	padding-left: 50px;
}

.pricing-item {
	border: 2px solid transparent;
	width: 235px;
	float: left;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.05);
	padding: 10px 0px;
	margin: 0px 16.5px;
	border-radius: 15px;
	position: relative;
	background-position: -15px 69px !important;
}

.pricing-item.last-item {
	background-position: -35px 35px !important;
}

.pricing-item h3 {
	text-align: center;
	font-weight: bold;
	font-size: 26.5px;
	line-height: 32px;
	padding: 15px 0px;
}

.pricing-item span.itemcolor-seprator {
	position: absolute;
	width: 100%;
	height: 8px;
	left: 0px;
	border-radius: 0px 0px 8px 8px;
	bottom: 0px;
}

.pricing-item h4.package-sub-text {
	text-align: center;
	font-size: 57px;
	line-height: 120px;
	color: #828282;
	font-weight: normal;
	position: relative;
}

.pricing-item .package-desc ul {
	width: 100%;
	display: inline-block;
	list-style: none;
	padding-left: 15px;
}

.pricing-item .package-desc ul li {
	width: 100%;
	display: inline-block;
	font-weight: normal;
	color: #828282;
	font-size: 16px;
	line-height: 25px;
	padding: 12px 0px 12px 20px;
	position: relative;
}

.pricing-item .package-desc ul li.with_select {
	padding: 10px 0px 5px 20px;
}

.pricing-item .package-desc ul li:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f00c";
	padding-right: 0px;
	position: absolute;
	top: 18px;
	left: -4px;
	color: var(--my-color-var);
}

.pricing-item .package-desc ul li.disabled {
	opacity: 0.3;
}

.pricing-item .package-desc ul li.disabled:before {
	font-size: 0px;
}

.pricing-item h4.package-sub-text sup {
	font-size: 20.5px;
	vertical-align: text-top;
	line-height: 50px;
	position: absolute;
	top: 20px;
	left: 71px
}

.pricing-item h4.package-sub-text sub {
	font-size: 20.5px;
	vertical-align: text-top;
	line-height: 50px;
	position: absolute;
	top: 45px;
	right: 36px;
}

.yearly-package-sub.psubact .package-sub-text sub {
	right: 47px;
}

span.offer-text-one {
	position: absolute;
	color: #828282;
	font-size: 14px;
	vertical-align: text-top;
	line-height: 50px;
	width: 100%;
	text-align: center;
	top: 145px;
	font-weight: normal;
	padding-left: 3px;
}

span.offer-text-two {
	position: absolute;
	color: #828282;
	font-size: 14px;
	vertical-align: text-top;
	line-height: 22px;
	width: 100%;
	text-align: left;
	top: 185px;
	left: 24.2%;
	font-weight: normal;
	background-color: var(--my-color-var);
	color: #fff;
	font-weight: bold;
	width: 122px;
	border-radius: 10px;
	margin: 0 auto;
	display: inline-block;
	padding-left: 15px;
}

span.offer-text-two {
	background-image: url(../images/v_2/emoji-boss-smile.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 102px 3px;
}

.pricing-item.poptin-priceitem-yearly h4.package-sub-text sub {
	right: 40px;
}

p.text-primary.package-footer-text {
	font-size: 16.5px;
	line-height: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--main-purple, #7761df);
}

p.package-footer-text i {
	font-size: 25px;
	line-height: 18px;
	padding-right: 5px;
}

.poptin-form-elem .SumoSelect label {
	font-weight: normal;
}

/*Steps*/

.row.dashboard-head h1.page-title-2x {
	font-weight: 300;
	font-size: 36px;
	color: #4F4F4F;
	margin-bottom: 15px;
}

.steps-nav ul {
	list-style: none;
}

.steps-nav ul li {
	list-style: none;
	display: inline-block;
}

.steps-nav {
	width: 100%;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0px;
	height: 50px;
}

.steps-nav ul li a {
	padding: 10px 12.5px;
	line-height: 50px;
	font-size: 23px;
	font-weight: lighter;
	color: #BDBDBD;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.steps-nav ul li a d {
	margin-right: 0px;
}

.steps-nav ul li.active a {
	color: var(--main-purple, #7761df);
}

.steps-nav ul li a:hover {
	text-decoration: none;
	color: var(--main-purple, #7761df);
}

.steps-nav ul li a.no-hover {
	cursor: text;
}

.steps-nav ul li a.no-hover:hover {
	color: #BDBDBD;
}

.popup-mcat .card.setps-card {
	height: 155px;
}

.popup-mcat .card.setps-card:hover {
	height: auto;
}

.card.setps-card {
	border: 0px;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	padding: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out 0s;
}

.card.setps-card:hover {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

.card.setps-card:hover a,
.card.setps-card a:hover,
.card.setps-card a:hover p {
	text-decoration: none;
}

.card.setps-card:hover .card-title {
	padding-top: 0px
}

.card.setps-card .step-info-text {
	display: none;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.card.setps-card:hover p.step-info-text {
	display: block;
	-webkit-animation: fadein 0.4s;
	-moz-animation: fadein 0.4s;
	-ms-animation: fadein 0.4s;
	-o-animation: fadein 0.4s;
	animation: fadein 0.4s;
}

.card.setps-card i {
	width: 75px;
	height: 75px;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	font-size: 48px;
	background: rgba(119, 97, 223, 0.1);
	border-radius: 50%;
	line-height: 90px;
	color: var(--main-purple, #7761df);
	margin-top: 10px;
}

.card.setps-card a {
	text-align: center;
}

.card.setps-card .card-title {
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	font-size: 16.5px;
	text-align: center;
	font-size: 16.5px;
	margin-bottom: 10px;
	text-transform: capitalize;
	color: #574751;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	padding-top: 15px;
}

.card.setps-card a {
	text-align: center;
	display: inline-block;
	width: 100%;
}

.card.setps-card .step-info-text {
	display: none;
	font-size: 12px;
	color: #828282;
	padding-top: 5px;
	margin-bottom: 0px;
	text-align: left;
}

.steps-nav ul li a:focus,
.steps-nav ul li a:active {
	outline: none;
	text-decoration: none;
}

.card.setps-card.selected {
	background: var(--main-purple, #7761df);
	transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
}

.card.setps-card.selected:hover .card-title {
	padding-top: 15px
}

.card.setps-card.selected:hover {
	/*transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);*/
}

.card.setps-card.selected i {
	background: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.card.setps-card.selected .card-title {
	color: #ffffff;
}

.card.setps-card.selected:hover .step-info-text {
	display: none;
}

.row.poptin-steps.mb-3.template-type-selection.selected .card.setps-card {
	transform: scale(0.8);
	-moz-transform: scale(0.8);
	-webkit-transform: scale(0.8);
}

/*templates*/
.template-type-selection {
	min-height: 220px;
}


.col-centered {
	float: none;
	margin: 10px auto;
}

.template-type-selection>div {
	/* float: none;
	margin: 0 auto; */
}

.template-type-selection>div:last-child {
	margin-left: 0px;
}

.template-type-selection>div:first-child {
	margin-right: 0px;
}

.templates-preview-container,
.templates-preview-container-vue {
	background: rgba(119, 97, 223, 0.06);
	border-radius: 7px;
	min-height: 100px;
	width: 96%;
	margin: 0 auto;
	min-height: 400px;
	margin-bottom: 50px;
}

.templates-preview-container {
	display: none;
}

.templates-filters-head button {
	background-color: #ffffff;
	color: #828282;
	border: 0px;
	min-width: 100px;
	text-align: center;
	margin-right: 15px;
	border-radius: 30px;
	font-size: 16.5px;
	padding: 3px 15px;
	cursor: pointer;
}

.templates-filters-head button.active {
	background-color: var(--main-purple, #7761df);
	color: #fff;
}

.filtr-item:hover img {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.filtr-item {
	padding: 1rem;
	min-height: 220px;
	margin-bottom: 20px;
	text-align: center;
	z-index: 2;
}

.filtr-item:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #fff0;
	z-index: 1;
	background: url(../images/v_2/template_bg.svg) no-repeat;
	background-size: 100%;
}

.filtr-item:hover:before {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.filtr-item:hover .item-btns {
	display: block;
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
}

.filtr-item:after {
	background: transparent;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: none;
}

.filtr-item:hover:after {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
	content: "";
	position: absolute;
	width: calc(100% - 17%);
	height: 180px;
	left: 35px;
	top: 40px;
	z-index: 9;
	display: block;
	border-radius: 5px;
	-webkit-animation: fadein 2s;
	-moz-animation: fadein 2s;
	-ms-animation: fadein 2s;
	-o-animation: fadein 2s;
	animation: fadein 2s;
}

.filtr-item img {
	width: 40%;
	padding-top: 50px;
	z-index: 9;
	position: relative;
}

.item-desc {
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	padding: 1rem;
	z-index: 1;
	bottom: 1rem;
	left: 1rem;
	right: 1rem;
}

/* Filter controls */
.simplefilter,
.multifilter,
.sortandshuffle,
.search-row {
	padding-left: 0;
	margin-bottom: 0px;
}

.templates-filters-head {
	border-bottom: 1px solid #ffffff;
}

.simplefilter li,
.multifilter li,
.sortandshuffle li {
	color: #828282;
	cursor: pointer;
	display: inline-block;
	text-transform: none;
	padding: 3px 15px;
	font-size: 16.5px;
	background-color: #FFFFFF;
	border-radius: 30px;
}

.simplefilter li {
	background-color: #FFFFFF;
	width: 124px;
	text-align: center;
	margin-right: 15px;
}

.simplefilter li.active {
	background-color: var(--main-purple, #7761df);
	color: #fff;
}

.multifilter li {
	background-color: #ffffff;
}

.multifilter li.active {
	background-color: #2265b4;
}

/* Shuffle and sort controls */
select {
	padding: 1rem 1rem;
	/*	text-transform: uppercase;
*/
}

.sortandshuffle .shuffle-btn {
	background-color: #dec800;
}

.sortandshuffle .sort-btn {
	background-color: #de0000;
}

.sortandshuffle .sort-btn.active {
	background-color: #9d0000;
}

span.item-btns {
	z-index: 999;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 25px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	opacity: 0;
}

.list-complete-item.mobile span.item-btns {
	bottom: 60px;
}

/* Search control */
.filtr-search {
	padding: 0.5rem;
	text-transform: uppercase;
}

/* Colored divs */
.block {
	box-shadow: 0 1px 4px rgba(0, 0, 0, .75) inset;
	color: white;
	text-align: center;
	height: 80px;
	position: relative;
}

.block>.text {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.block.xs {
	height: 40px;
}

.block.md {
	height: 120px;
}

.block.lg {
	height: 160px;
}

.block.purple {
	background-color: purple;
}

.block.yellow {
	background-color: #dec800;
}

.block.red {
	background-color: crimson;
}

.block.green {
	background-color: lightgreen;
}

.block.blue {
	background-color: #4b9eff;
}

/* Helpers */
.push-down {
	margin-bottom: 50px;
}

.filtr-container,
.color-container-1,
.color-container-2,
.color-container-3,
.color-container-4 {
	transition: height 500ms ease-out;
}

span.filter-text {
	font-size: 16.5px;
	color: #474747;
	margin-right: 10px;
}

/*Design Customization*/
.fullscreen-preview-mode .preview-option-btns a span {
	display: none;
}

.fullscreen-preview-mode .design-preview-options {
	position: fixed;
	top: 10%;
	z-index: 999919;
	background: #fff;
	margin: 0 auto;
	display: inline-block;
	/* margin-left: 40px; */
	border-radius: 6px;
	padding: 0px !important;
	left: 46%;
	margin: 0 auto;
}

.fullscreen-preview-mode .preview-option-btns a {
	color: #828282;
	font-size: 13px;
	text-align: center;
	float: left;
	margin-right: 10px;
	padding-top: 35px;
	position: relative;
	width: 45px;
}

.fullscreen-preview-mode .preview-option-btns a i.icon.icon-laptop {
	top: 7px;
	left: 15px;
	font-size: 30px;
}

.fullscreen-preview-mode .design-preview-modes.desktop-view {
	background: #646464;
}

a.btn-fullscreen {
	background: url('../images/v_2/full-screen-icon.svg') no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	position: absolute;
	top: 22px;
	right: 31px;
	background-position: center;
	background-size: 100%;
	transform: rotate(90deg);
}

a.btn-fullscreen:hover {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	border-radius: 2px;
}

/*Fullscreen-design*/
.design-preview-body-container.fullscreen-mode {
	position: fixed;
}

.fullscreen-preview-mode .design-preview-body-container {
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
}

.fullscreen-preview-mode .design-preview-modes.desktop-view#right-side {
	width: 100%;
	height: 100vh !important;
	margin-top: 0px;
	max-width: 100%;
	max-height: 100vh !important;
}

.fullscreen-preview-mode a.btn-fullscreen {
	position: fixed;
	top: 0px;
	z-index: 99999;
	top: 10px;
	right: 15px;
}

.full-screen .form-inline .whfrmIni .form-control.wh75,
.full-screen .form-inline .form-control.wh75 {
	width: 75px;
	min-width: auto;
}

.full-screen .form-inline .whfrmIni .form-control.wh50,
.full-screen .form-inline .form-control.wh50 {
	width: 45px;
	min-width: auto;
}

.whfrmIni label {
	font-weight: normal;
	padding-right: 5px;
	display: inline-block;
	min-width: 60px;
	text-transform: capitalize;
}

.whfrmIni .inner-jscolor label {
	min-width: 120px;
}

.background-image-dim {
	font-size: 10px !important;
}

.row.whfrmIni .form-group {
	width: 100%;
}

.whfrmIni .col-md-6 {
	width: 50% !important;
	display: inline-block;
}

.row.whfrmIni {
	width: 78%;
	color: #828282;
	font-size: 15px;
}

.minline {
	min-width: 125px;
	text-align: left !important;
	justify-content: left !important;
	display: block;
}

.poptin-form-elem.elem-inline .custom-radio-item {
	display: inline;
	margin-right: 8px;
	font-size: 16.5px;
	font-weight: normal;
	position: relative;
}

.no-border {
	border: 0px;
}

.elem-shadow {
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.custom-radio:checked~.custom-radio-mark.no-border {
	border: 0px;
}

.custom-radio:checked~.arr:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 1px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f9f2fc;
	top: 80px;
}

.custom-radio-mark.style-dot:before {
	content: '';
	border: 0px;
	background: var(--main-purple, #7761df);
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: -6px 0 0 -6px;
}

.btn-group.btn-radius {
	border-radius: 30px;
}

.poptin-group-btns .btn {
	font-weight: normal;
	color: #828282;
}

.poptin-group-btns {
	width: 100%;
}

.poptin-panel .wth100 {
	width: 100% !important;
	margin: 0 auto;
}

.poptin-group-btns .btn.btn-default {
	background: #ffffff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	width: 25%;
	padding: 10px 15px;
}

.poptin-group-btns.btn-group .btn.active {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.13), 0px 4px 10px rgba(0, 0, 0, 0.13) inset;
	border-right: 0px;
	border-bottom: 1px solid #f3f3f3;
}

.poptin-group-btns .btn:hover,
.poptin-group-btns .btn:focus {
	border: 1px solid transparent;
}

/*Widget*/
.poptin-group-btns.btn-group .btn.active:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 1px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f1effc;
	top: 38px;
}

.widget-header {
	padding: 15px;
	border-bottom: 1px solid #fff;
	margin-bottom: 5px;
	position: relative;
}

.hdwidget {
	display: none;
}

.hdwidget.active {
	display: block;
}

.widget-header.header-show {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}

.widget-header.header-show .font-label-step2 {
	vertical-align: bottom;
}

.widget-header.header-show .card-caption-help {
	vertical-align: sub;
}

.widget-header.header-show .switch {
	padding: 0;
}

.widget-header.header-show .slider.round {
	width: 56px;
}

/* gamified prizes */
.prizes-container{}
.prizes-container ul{padding: 0;margin: 0;list-style: none;}
.prizes-container ul li{margin: 0;padding: 0;font-size: 12.5px;}

.prizes-container ul.prizes-headings{}
.prizes-container ul.prizes-headings li.row{}
.prizes-container ul.prizes-headings li.row > div{padding: 0 5px;}
.prizes-container ul.prizes-headings li.row > div:first-child{padding-left:0;}
.prizes-container ul.prizes-headings li.row > div:last-child{padding-right:0;}
.prizes-container ul.prizes-headings li.row > div label{margin: 0;}
.prizes-container ul.prizes-headings li.row .card-caption-help{ margin: 0; width: 16px; height: 16px; vertical-align: text-top;}
.prizes-container ul.prizes-headings li.row .card-caption-help:before{ font-size: 13px; left: 4px;}

.prizes-container ul.prizes-rows{}
.prizes-container ul.prizes-rows li.prizes-row[data-prize="000000"]{display: none;}

.prizes-container div.row.prize{}
.prizes-container div.row.prize > div{padding: 0 5px;}
.prizes-container div.row.prize > div label{margin:0;}
.prizes-container div.row.prize > div:first-child{padding-left:0px;}
.prizes-container div.row.prize > div:last-child{padding-right:0px;}
.prizes-container div.row.prize > div > .form-group{margin: 0;}
.prizes-container div.row.prize > div > .form-group .form-control{ font-size: 12px; padding: 6px 10px;}
.prizes-container div.row.prize > div > a.trash-row{ display: inline-block; outline: none; margin: 1px 0 0 0; font-size: 17px; color: #ff5722;}
.prizes-container div.row.prize > div > a.trash-row[disabled]{color: #CCC;}
.prizes-container div.row.prize > div > a.trash-row i{opacity: 0.6; transition: opacity 0.3s ease;}
.prizes-container div.row.prize > div > a.trash-row i:hover{opacity: 1}

.prizes-container div.row.redirects{}
.prizes-container div.row.redirects > div{ padding: 0 5px;}
.prizes-container div.row.redirects > div > ul{}
.prizes-container div.row.redirects > div > ul > li{}
.prizes-container div.row.redirects > div > ul > li.redirects-sub{display: none;}
.prizes-container div.row.redirects.checked > div > ul > li.redirects-sub{display: list-item; padding: 0 20px;}
.prizes-container div.row.redirects > div > ul > li label{margin: 0px; }

.prizes-container div.row.prize-actions{padding-top: 5px;margin-bottom: 0 !important;}
.prizes-container div.row.prize-actions > div{padding: 0 5px;}
.prizes-container div.row.prize-actions > div > label{margin: 0;font-size: 12.5px;}
.prizes-container div.row.prize-actions > div > label input[type="checkbox"]{vertical-align:middle;margin-right: 3px;}
.prizes-container div.row.prize-actions > div > a.add-more{ outline: none; padding: 5px 10px;font-size: 12px; outline: none;}
.prizes-container div.row.prize-actions > div > a.add-more:hover,.prizes-container div.row.prize-actions > div > a.add-more:active,.prizes-container div.row.prize-actions > div > a.add-more:focus{outline: none !important; opacity: 0.8; color: #fff;background-color: var(--main-purple, #7761df);border-color: var(--main-purple, #7761df); box-shadow: none; -webkit-box-shadow: none;}
.prizes-container div.row.prize-actions > div > a.add-more[disabled]{ background-color: #CCC; border-color: #CCC; }
.prizes-container div.row.prize-actions > div > a.add-more i{font-size: 12px;position: static;}


/*Color picker setup*/

.poptin-table-navs .btn {
	font-weight: normal;
}

/*Poptin range sliders*/
.poptin-slidecontainer {
	min-width: 65%;
}

.poptin-slider {
	-webkit-appearance: none;
	width: 100%;
	height: 5px;
	border-radius: 5px;
	background: #f0e8fa;
	outline: none;
	opacity: 1;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.poptin-slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: var(--main-purple, #7761df);
	cursor: pointer;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.poptin-slider::-moz-range-thumb {
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background: var(--main-purple, #7761df);
	cursor: pointer;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}



.form-builder-body {}

.dragged {
	position: absolute;
	opacity: 0.5;
	z-index: 2000;
}

li.placeholder {
	position: relative;
	height: 45px;
	border: 1px dashed #d4cdff;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .clickable.panel-heading {
	display: block;
}

.fb-input-remove button i, .fb-input-resize button i {
	text-align: center;
	position: relative;
	top: 0px;
	height: auto;
	width: auto;
}

html[lang="he"] .fb-ava-pro-options-list {
	margin: 10px -3% 0 0;
}

.form-builder-block {
	min-height: 360px;
}

.fullscreen-preview-mode .panel-body.fmode-show {
	min-height: 400px;
}

.btn-grp-holder {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80px;
}

.add-recipient-items li {
	position: relative;
}

.btn-grp-holder .recipient-remove {
	width: 38px;
}

.field-resize-helper {
    left: 0px;
}

.add-field-btn-area {
	position: relative;
	float: left;
}

.fb-ava-pro-options ul {
	padding-left: 0px;
	list-style: none;
}

.fb-ava-pro-options ul li {
	float: left;
	width: 46%;
	margin: 5px 1.5%;
}

.fb-ava-pro-options ul li button {
	width: 100%;
}

.fb-ava-pro-options p {
	display: inline-block;
	width: 100%;
	margin: 10px 0px;
}

.panel.panel-primary.poptin-panel.ovs {
	overflow: visible;
}

.add-field-btn-area button:hover .fb-add-option {
	display: block;
}

/*bubble design*/
.bubble {
	border: 1px solid #0e0e0e14;
	border-radius: 7px;
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-ms-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-o-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
}

.bubble:after,
.bubble:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	border: 15px solid #ff040400;
	right: 100%;
}

.bubble-left:before {
	border-top-color: #0e0e0e14;
	border-right-color: #0e0e0e14;
	top: 12px;
}

.bubble-left:after {
	border-width: 14px;
	border-top-color: white;
	border-right-color: white;
	top: 13px;
}

/*after conversion*/
ul.add-recipient-items,
ul.widget-ul {
	list-style: none;
	padding: 0px;
	margin-bottom: 0px;
}

ul.add-recipient-items li,
ul.widget-ul li {
	margin: 15px 0px;
}

ul.add-recipient-items li:first-child,
ul.widget-ul li:first-child {
	margin-top: 0px;
}

.wth90 {
	width: 88%;
}

li#conveFirstElement .conversion-code-remove {
	display: none;
}

.conversion-code-input textarea {
	height: 100px;
}

.integration-item {
	width: 58px;
	height: 58px;
	background: #fff;
	box-shadow: 0px 3.61364px 31.6193px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	display: inline-block;
	margin: 0px 3px;
	position: relative;
}

.integration-item:before {
	font-family: "fontawesome" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\f058";
	display: block;
	font-size: 16px;
	line-height: 10px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	position: absolute;
	left: -1px;
	color: var(--main-blue, #51dbee);
	top: -3px;
	background: #ffffff;
	border-radius: 20px
}

.integration-item {
	display: none;
}

.integration-item.integration,
.integration-item.integrated {
	display: inline-block;
}

.integration-item img {
	width: 50px;
	margin: 0 auto;
}

.integration-item a {
	width: 58px;
	height: 58px;
	display: block;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
}
.integration-item.integrated .badge{
	position: absolute;
    top: -6px;
    right: -12px;
    font-size: 9px;
    border-radius: 9px;
    line-height: 10px;
    opacity: 1;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out 0s;
}
.integration-item.integrated:hover .badge{
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}


/*advance settings*/
span.powtext-small {
	font-weight: normal;
	width: 100%;
	font-size: 13px;
	color: #BDBDBD;
}



/*Display rules*/
.summary-display-rules h3 {
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	font-size: 22px;
	color: var(--main-purple, #7761df);
}

.poptin-form-container.radius-7 {
	border-radius: 7px;
}

.summary-desc p {
	color: #828282;
	line-height: 28px;
	margin-bottom: 7px;
}

.summary-img img {
	width: 100%;
}

.poptin-form-container.summary-preview-block {
	background: url(../images/v_2/summary-bg.svg) no-repeat;
	background-position: center right;
	height: calc(100vh - 80px) !important;
	min-height: 650px;

}

.panel-displayrules .panel-body i.icon {
	font-size: 25px;
	padding-left: 10px;
}

ul.list-stripped {
	list-style: none;
	padding-left: 0px;
}

ul.list-stripped > li {
	padding: 15px;
}
ul.list-stripped > li.select2-search.select2-search--inline {
	padding: 0;
}

ul.list-stripped > li:nth-child(odd) {
	background: rgba(119, 97, 223, 0.06);
}

ul.list-stripped > li .poptin-form-elem .select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	min-width: 98%;
}

ul.list-stripped > li .shopify-cart-prod-manual .poptin-form-elem .select2-container .select2-selection__choice, #soh_multi_product_subblock_child .poptin-form-elem .select2-container .select2-selection__choice{
	overflow: hidden;
	text-overflow: ellipsis;
	width: 95%;
}
.select2-results__option:empty{ display: none; }

.poptin-form-elem .disp-newVisitor-block .select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	min-width: 215px;
}

ul.list-stripped.traffic-source-list > li .poptin-form-elem .select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	min-width: 60%;
}

ul.list-stripped.noBg-Stripped > li:nth-child(odd) {
	background: transparent;
}

.page-targeting-options {
	/*max-height: 40px;*/
}

/*Datepicker Styling*/
.datepicker td,
.datepicker th {
	text-align: center;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	font-family: 'Poppins', sans-serif !important;
	color: #474747;
}

.datepicker .datepicker-switch {
	width: 145px;
	background: #f7f6fd;
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
	cursor: pointer;
	color: var(--main-purple, #7761df);
}

.datepicker-dropdown {
	top: 0;
	left: 0;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	border: 1px solid #ddddddb3;
	z-index: 999999 !important;
}

.panel-daysnhrs {
	z-index: 999;
}

.datepicker table tr td.active.active {
	background: var(--main-purple, #7761df);
}

/*Clone hidden blocks*/
/*#addPagetargetClone .remove-clone-block, #addDaysHoursClone .remove-clone-block, #addtrafficsourceClone .remove-clone-block, #addIpBlocking .remove-clone-block, #addTitletagtargetClone .remove-clone-block {
	display: none;
}*/
.step3-block ul.page-sourcecode-targeting-list li {
	display: flex !important;
}
.step3-block ul.page-sourcecode-targeting-list li .page-targeting-options {
	max-height: 140px;
}
.step3-block ul.list-stripped > li {
	position: relative;
	display: inline-block;
	width: 100%;
}

.step3-block ul.list-stripped > li .page-targeting-remove {
	width: 38px;
}


.step3-block ul.list-stripped > li.ccTrafficSource_clone .page-targeting-remove {
	width: inherit;
}

.step3-block ul.list-stripped > li.ccTrafficSource_clone .panel-act-btns {
	width: fit-content;
}

.step3-block ul.list-stripped > li.ccTrafficSource_clone .panel-act-btns .fb-input-remove button {
	margin-top: 0px;
}

.step3-block .page-targeting-options.wth50 {
	width: 48% !important;
}

.panel-act-btns {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 84px;
}

.div-how-it-work.noclone {
	width: 100%;
	display: inline-block;
}

.step3-block .switch.switch-sm.switch-divtype {
	top: 7px;
	right: 0px;
}

.step3-block i.icon.icon-laptop {
	top: 5px;
	position: relative;
}

.step3-block i.icon.icon-mobile {
	top: 5px;
	position: relative;
}

ul.list-stripped.page-titletag-targeting-list .panel-act-btns,
ul.list-stripped.page-sourcecode-targeting-list .panel-act-btns {
	top: 47px;
}

/*Datetimepicker*/
.ppt-parent {
	position: relative;
}

.ppt-container {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border-radius: 3px;
	background: #ffffff;
	position: absolute;
	display: inline-block;
	z-index: 999;
	min-width: 220px;
	margin-left: 15px;
	margin-top: 0px;
}

.ptt-heading {
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
}

.ppt-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
	height: 0;
	left: 50%;
	margin-left: 0px;
	margin-top: -12px;
	position: absolute;
	top: 50%;
	width: 0;
}

.icon-fview {
	display: none;
}

.fullscreen-preview-mode .icon-fview {
	display: block;
}

.panel-heading-fullscreen {
	display: none;
}

.panel-content {
	position: relative;
	z-index: 1;
}

.fullscreen-preview-mode #step2ErrorDiv {
	position: fixed;
	top: 60px;
	z-index: 9999999;
	width: 90%;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.fullscreen-preview-mode .panel.poptin-panel .panel-heading {
	padding: 15px;
	background: var(--main-purple, #7761df);
	border-top-left-radius: 0px;
	border-top-right-radius: 9px;
}

.fullscreen-preview-mode .panel-heading-fullscreen {
	display: block;
}

.fullscreen-preview-mode .poptin-sidebar-container {
	vertical-align: middle;
	display: table;
	height: 100%;
	position: fixed;
	z-index: 99999;
	width: 100px;
	top: 0px;
	left: 0px;
}

/*.fullscreen-preview-mode .poptin-customizer-sidebar-nav {
	position: relative;
	z-index: 99999;
	left: 0px;
	display: block;
	width: 100px;
	display: table-cell;
	vertical-align: middle;
}*/

.fullscreen-preview-mode .poptin-customizer-sidebar-nav {
	position: fixed;
	z-index: 99999;
	left: 0px;
	display: block;
	width: 100px;
	display: table-cell;
	vertical-align: middle;
	transform: translate(-50%, -50%);
	top: 52%;
	left: 50px;
}

.fullscreen-preview-mode .poptin-customizer-inside {
	background: var(--main-purple, #7761df);
	border-top-right-radius: 9px;
	border-bottom-right-radius: 9px;
	position: relative;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel {
	display: none;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .panel-content {
	display: none;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .clickable {
	display: none;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled {
	display: block;
	border-radius: 0px;
	margin-bottom: 0px !important;
	padding: 0px 5px;
	position: relative;
	overflow: visible;
	box-shadow: none;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled .panel-heading-fullscreen {
	border-radius: 0px !important;
	padding: 10px 0px;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled .panel-heading-fullscreen .panel-title .icon-fview {
	font-size: 34px;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled .panel-heading-fullscreen .panel-title span {
	font-size: 10px;
	font-weight: normal;
}

.fullscreen-preview-mode .panel.poptin-panel .panel-heading-fullscreen h3 {
	font-size: 16.5px;
	color: #ffffff;
	margin-bottom: 0px;
	text-align: center;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled:first-child {
	border-top-right-radius: 9px;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled:last-child {
	border-bottom-right-radius: 9px;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled .panel-heading-fullscreen:hover {
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	border-radius: 3px !important;
}

.poptin-customizer-sidebar-nav .preview-fullscreen a.btn-fullscreen {
	display: none;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .preview-fullscreen a.btn-fullscreen {
	position: absolute;
	top: -45px;
	background: var(--main-purple, #7761df);
	border-radius: 20px;
	left: 33px;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
	width: 35px;
	height: 35px;
	display: block;
	text-align: center;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled.top-dir:hover .panel-content {
	top: -423px;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .preview-fullscreen a.btn-fullscreen:hover {
	text-decoration: none !important;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .preview-fullscreen a.btn-fullscreen i {
	color: #ffffff;
	font-size: 20px;
	line-height: 39px;
}

.fullscreen-preview-mode .poptin-form-container.design-preview-block a.btn-fullscreen {
	display: none;
}

.poptin-panel .jspTrack {
	background: #d1caf5;
	position: relative;
	border-radius: 3px;
}

.poptin-panel .panel-body .jspDrag {
	background: rgb(119, 97, 223);
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
	border-radius: 3px;
}

/*Hover panel on  fullscreen*/

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled.active .panel-content {
	width: 550px;
	display: block;
	z-index: 99999;
	left: 100px;
	top: 5px;
	position: absolute;
	background: #ffffff;
	border-radius: 10px 10px 10px 0px;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.05);
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled.active .panel-content .panel-body {
	background: #ffffff;
	padding: 5px;
	max-height: 400px;
	overflow: auto;
	border-bottom-right-radius: 10px;
}

.fullscreen-preview-mode .poptin-customizer-sidebar-nav .poptin-panel.fullview-enabled.active .panel-heading-fullscreen {
	background: rgba(255, 255, 255, 0.3);
	cursor: pointer;
	border-radius: 3px !important;
}

.fullscreen-preview-mode .addelem-item {
	width: 22%;
	float: left;
	text-align: center;
	margin: 8px 1.5%;
}

.fullscreen-preview-mode .addelem-item a i {
	display: block;
	margin: 20px auto 10px;
	border: 1px solid #828282;
	position: relative;
}

.fullscreen-preview-mode .addelem-item span {
	display: inline-block;
	color: #828282;
	padding-bottom: 12px;
}

img.temp-f {
	width: 100%;
}

.preview-item {
	margin: 0 auto;
	vertical-align: middle;
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}

.preview-insider {
	vertical-align: middle;
	height: 100%;
	/*display: table-cell;*/
}

.fullscreen-preview-mode .preview-insider {
	vertical-align: middle;
	display: table-cell;
}

.mobile_body .preview-insider {
	vertical-align: middle;
	display: block;
}

.fullscreen-preview-mode .poptin-panel .drap-element-handler {
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 2px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: move;
	z-index: 9999;
	color: #fff;
}

.fullscreen-preview-mode .poptin-panel .drap-element-handler i {
	line-height: 35px;
	font-size: 18px;
}

.poptin-panel .drap-element-handler {
	display: none;
}

.fullscreen-preview-mode .panel-content-draggable {
	z-index: 99999;
	width: 100% !important;
}

/*Overview page create poptin*/
.poptin-modal-theme.poptin-modal-style-1 .modal-dialog {
	max-width: 65%;
	z-index: 9999;
	margin: 0 20px;
}

.poptin-item-selection .card {
	background: #FFFFFF;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	border: 0px;
	margin: 0px 4%;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.card-info-text {
	padding: 15px;
	color: #828282;
}

.modal-open .modal-backdrop.show {
	opacity: .8;
	background: #ffffff;
}

body#app-layout.modal-open {
	padding: 0px !important;
}

.poptin-item-selection .card:hover {
	background: var(--main-purple, #7761df) !important;
}

.poptin-item-selection .card.active {
	background: var(--main-purple, #7761df) !important;
}

.poptin-item-selection .card:hover h3 {
	color: #fff !important;
}

.poptin-item-selection .card:hover p {
	color: #ffffff !important;
}

/*Agency Sidebar*/
.sidebar-2 .profile-user .dropdown.profile-user-dd {
	text-align: left;
}

.sidebar-2 .profile-user .dropdown.profile-user-dd button {
	text-align: left;
	padding-left: 0px;
	border-bottom: 1px solid #FFFFFF;
	border-radius: 0px;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.nav-item.child-open .jspHorizontalBar {
	display: none;
}

.sidebar-2 .profile-user .dropdown.profile-user-dd button:after {
	position: absolute;
	top: 30px;
	right: 15px;
}

.sidebar-2 ul.account-dd {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.sidebar-2 ul.account-dd li a {
	font-size: 14.5px;
	color: #828282;
	padding: 6px 10px;
	width: 100%;
	float: none;
	/* text-overflow: ellipsis;
	overflow: hidden;*/
	margin-bottom: 0px;
	display: inline-block;
	max-height: 32px;
}

span.account-nm {
	float: none;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 0px;
	display: inline-block;
	width: 94%;
}

.sidebar-2 li.child-itms.add-ac-accesss span.account-access-icon {
	position: absolute;
	right: 4px;
	top: 3px;
}

li.all-acnt-itms span.dropdown-item-all {
	display: inline-block;
	font-size: 14.5px;
}

.dropdown.profile-user-dd.show .jspHorizontalBar {
	display: none;
}

.dropdown-menu.selectableDd {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-top: -1px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

body #sidebar .mCSB_container {
	overflow: hidden;
	width: auto;
	height: 100%;
}

#sidebar .selectableDd .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(255, 255, 255, 0.5);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
	background: #dedaf9;
}

#sidebar .selectableDd .mCSB_dragger .mCSB_dragger_bar {
	background-color: var(--main-purple, #7761df) !important;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

.sidebar-2 .selectableDd .mCSB_container li.child-itms.add-ac-accesss span.account-access-icon {
	right: 8px;
}

li.child-itms a,
li.child-itms.add-ac-accesss a,
li.child-itms.add-sub-account a {
	padding-left: 15px !important;
}

#sidebar .profile-user-dd .mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto;
	min-height: 600px;
	max-height: 100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

}


img#defaultPhoto {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.sidebar-2 ul.account-dd li a:hover {
	background-color: rgba(119, 97, 223, 0.1);
}

.sidebar-2 .dropdown.profile-user-dd.show {
	background: #ffffff;
	color: #828282;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-top: 10px;
}

.sidebar-2 .dropdown.profile-user-dd.show button {
	color: #828282;
	padding-left: 10px !important;
}

.sidebar-2 .profile-user .dropdown.profile-user-dd.show button:after {
	position: absolute;
	top: 48px;
	right: 5px;
	transform: rotate(180deg);
}

.sidebar-2 .dropdown.profile-user-dd.show button {
	color: #828282;
	padding-left: 10px !important;
	border-bottom: 1px solid rgba(189, 189, 189, 0.2) !important;
}

.selectableDd .jspDrag {
	background: var(--main-purple, #7761df);
	cursor: pointer;
	left: 0;
	position: relative;
	top: 0;
	border-radius: 3px;
}

.selectableDd .jspTrack {
	background: rgba(119, 97, 223, 0.2);
	position: relative;
	border-radius: 3px;
}

.sidebar-2 ul.account-dd li {
	position: relative;
}

span.account-access-icon {
	color: #828282;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}

.tooltip.sidebar-tooltip.show {
	opacity: 1;
	left: 42px !important;
}

.sidebar-tooltip .tooltip-inner {
	max-width: 145px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: var(--main-purple, #7761df);
	border-radius: .25rem;
	opacity: 1;
	font-size: 14px;
	text-align: left;
}

.sidebar-menutooltip.sidebar-tooltip .tooltip-inner {
	background: #ffffff;
	color: var(--main-purple, #7761df);
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
}

.tooltip.sidebar-tooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip.sidebar-tooltip.tooltip-top .tooltip-inner::before {
	bottom: -3px;
	left: 50%;
	margin-left: -50px;
	content: "";
	border-width: 8px 8px 0;
	border-top-color: var(--main-purple, #7761df);
}

.tooltip.sidebar-tooltip.sidebar-menutooltip.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip.sidebar-tooltipsidebar-menutooltip.tooltip-top .tooltip-inner::before {
	bottom: -3px;
	left: 50%;
	margin-left: -50px;
	content: "";
	border-width: 8px 8px 0;
	border-top-color: #ffffff;
}

ul.nav.flex-column.sub-menu li span.account-access-icon {
	position: absolute;
	right: 0px;
}

.installation-button-footer a {
	width: 137px;
	height: 27px;
	display: inline-block;
	font-size: 13px;
	text-align: center;
	color: #828282;
}

.installation-button-footer {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 9999;
}

.installation-button-footer a {
	width: 137px;
	height: 27px;
	display: inline-block;
	font-size: 12px;
	text-align: center;
	color: #828282;
	position: absolute;
	top: 150px;
	left: 75px;
	text-decoration: underline;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.installation-button-footer {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 9;
	background: url(../images/v_2/install-code-bottom-bg.svg);
	width: 300px;
	height: 290px;
	background-position: top right;
	background-size: 270px;
	background-repeat: no-repeat;
}

.installation-button-footer a:hover {
	text-decoration: none;
	color: var(--main-purple, #7761df);
}

.installation-button-footer a:focus,
.installation-button-footer a:visited {
	text-decoration: none;
}

/*Manage accounts page*/
.general-btns a {
	color: #828282;
	display: inline-block;
	font-size: 13px;
	padding-left: 30px;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}

.general-btns a i {
	font-size: 20px;
	position: absolute;
	left: 0px;
	margin-top: -3px;
}

.general-btns {
	position: relative;
}

.general-btns a:hover {
	color: var(--main-purple, #7761df);
	text-decoration: none;
}

.elem-mid-150.poptin-form-elem .select2-container {
	min-width: 130px;
}

.price-info h3 {
	font-size: 80px;
	font-weight: normal;
	color: var(--main-purple, #7761df);
	padding-left: 30px;
}

div#ModalPaymentPopups .price-info h3 {
	color: var(--my-color-var2);
}

div#ModalPaymentPopups .switch-checked span.default-bg-text {
	background-color: var(--my-color-var2) !important;
}

div#ModalPaymentPopups .price-info h3 span.currency {
	color: var(--my-color-var2);
}

.price-info h3 span {
	font-size: 16.5px;
	color: #828282;
}

.div-coupon-input {
	display: inline-block;
	width: 60%;
	padding-left: 14px;
}

button.coupon-btn.btn.btn-sm {
	padding: 7px 10px;
}

.div-coupon-btn {
	display: inline-block;
	width: 35%;
	padding-left: 14px;
}

.price-info h3 span.currency {
	position: absolute;
	left: 17px;
	top: 15px;
	color: var(--main-purple, #7761df);
}

.price-info h3 span.tax-text {
	display: block;
	font-size: 13px;
	margin-top: -7px;
}

.price-info {
	width: 272px;
	border-right: 1px solid rgba(189, 189, 189, 0.3);
	float: left;
	position: relative;
}

span.tax-text.price-breakup {
	position: absolute;
	top: 26px;
	right: 70px;
	color: #BDBDBD;
}

#selectPlanPopup .checked-price span.dur {
	margin-left: -13px;
}

h3#yearly_price_7 span.dur {
	margin-left: -2px;
}

.plan-info {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px;
}

.price-discount-area {
	width: 50%;
	float: left;
	padding-left: 20px;
}

.price-discount-area span {
	color: #828282;
}

.price-discount-area a.light_grey_link {
	display: inline-block;
	color: #ddd;
	text-decoration: underline;
	font-size: 13px;
}

.form-input-holder {
	float: left;
	width: 100%;
	background: rgba(163, 39, 204, 0.06);
	border-radius: 6px;
}

/*Select plan popup*/
span.switch-labels span {
	font-size: 13px;
	font-weight: normal;
	display: none;
	width: 150px;
}

span.switch-labels span.active {
	display: inline-block;
}

span.switch-labels {
	position: relative;
	top: -5px;
	left: 10px;
}

.client-quote-block {
	display: inline-block;
	width: 100%;
}

.client-quote-block .client-quote-img {
	float: left;
	width: 100px;
}

.client-quote-block .client-quote-img img {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
}

.client-quote-text {
	color: #828282;
	font-size: 13px;
}

#ModalPaymentPopups .client-quote-text {
	float: left;
	width: 80%;
}

span.rock-icon {
	background: url(../images/v_2/Sign_of_the_Horns_Emoji.png);
	display: inline-block !important;
	width: 20px !important;
	height: 17px;
	background-repeat: no-repeat;
	background-position: bottom;
	top: 5px;
	position: relative;
	background-size: 100%;
}

.switch-info.switch-payment {
	/* box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); */
}

.switch-info.switch-payment .slider {
	background: #ffffff;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.switch-payment .switch.switch-sm .slider:before {
	background: var(--main-blue, #51dbee);
}

.switch-payment input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
	background: #ffffff !important;
}

span.default-bg-text.bg-primary {
	background: var(--main-purple, #7761df) !important;
	color: #fff;
	font-weight: bold;
	padding: 0px 0px 1px 0px;
	border-radius: 30px;
	text-align: center;
}

span.sunglass-icon {
	background: url(../images/v_2/smiling-face-with-sunglasses.png);
	display: inline-block !important;
	width: 18px !important;
	height: 17px;
	background-repeat: no-repeat;
	background-position: bottom;
	top: 3px;
	position: relative;
	background-size: 100%;
}

.price-info h3 {
	display: none;
}

.switch-unchecked .switch-off,
.switch-unchecked .unchecked-price {
	display: block !important;
}

.switch-checked .switch-on,
.switch-checked .checked-price {
	display: block !important;
}

.downgrade-info-block label.custom-radio-item {
	font-size: 16.5px;
	padding-left: 30px;
	line-height: 28px;
	position: relative;
}

.downgrade-info-block .form-group {
	margin-bottom: 20px;
}

.downgrade-info-block label.custom-radio-item span.custom-radio-mark {
	position: absolute;
	left: 0px;
	top: 5px;
}

/* Signup page */
.signup-block-container {
	display: block;
	width: 100%;
}

.signup-block-container .poptin-back-button:hover {
	background: rgba(255, 255, 255, 0.24);
}

.signup-block-container a.poptin-back-button {
	font-family: Poppins;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	position: absolute;
	display: inline-block;
	left: 40px;
	top: 32px;
	background: rgba(255, 255, 255, 0.1);
	padding: 12px 20px;
	border-radius: 40px;
    transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.signup-block-container .poptin-back-button img {
	transform: rotate(-180deg);
	width: 24px;
	margin-top: -2.3px;
	margin-left: -8px;
	margin-right: 6px;
}

/* .signup-block .container {
	height: 700px;
} */

.signup-block {
	background: transparent;
	width: 100%;
	vertical-align: middle;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}



.signup-block-container .logo-img {
	width: fit-content;
}

.signup-block-container .logo-img img {
	width: 48px;
}

.banner-sec {
	background-size: cover;
	min-height: 500px;
	border-radius: 0 10px 10px 0;
	padding: 0;
	border: 0px;
	margin: 0px;
	width: 100%;
	right: -1px;
}

.signup-block-container .container {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
}

.signup-block-container .carousel-inner {
	border-radius: 0 10px 10px 0;
}

.signup-block-container .carousel-caption {
	width: 100%;
	text-align: left;
	left: 0%;
	display: inline-block !important;
	bottom: 0px;
	padding-bottom: 0px;
	position: absolute;
	right: 15%;
}

.signup-block-container .signup-sec {
	padding: 24px;
	position: relative;
}

.signup-sec .copy-text {
	position: absolute;
	width: 80%;
	bottom: 20px;
	font-size: 13px;
	text-align: center;
}

.signup-sec .copy-text i {
	color: #FEB58A;
}

.signup-sec .copy-text a {
	color: #E36262;
}

.signup-sec h2 {
	font-size: 37px;
	font-weight: 300;
	line-height: 58px;
	color: #4F4F4F;
}

.btn-login {
	background: #DE6262;
	color: #fff;
	font-weight: 600;
}

.banner-text:before {
	content: '';
	/* background: url('../images/v_2/quote.svg') no-repeat; */
	position: absolute;
	left: -10px;
	width: 100%;
	height: 100%;
}

.banner-text {
	width: 100%;
	position: relative;
	bottom: 0px;
	padding-left: 0px;
	font-style: italic;
	font-weight: normal;
	line-height: normal;
	font-size: 16.5px;
}

.banner-text > p img {
	width: 44px;
	height: 38px;
	right: 388px;
	bottom: 176px;
}

.banner-text h2 {
	color: #fff;
	font-weight: 600;
	font-weight: normal;
	line-height: normal;
	font-size: 16.5px;
	font-style: normal;
	width: fit-content;
	padding: 5px 20px 10px;
}

.banner-text .pipe {
	margin: 5px 0px 20px 0px;
	width: 100%;
    height: 2px;
    background: #76D1E3;
    border-radius: 24px;
}

.banner-text p {
	padding: 0px 20px;
	font-family: Poppins;
	font-style: italic;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	opacity: 0.9;
}

.signup-block ol.carousel-indicators {
	display: none;
}

.signup-block .carousel-item-next,
.signup-block .carousel-item-prev,
.signup-block .carousel-item.active {
	display: block;
}

.signup-left-area {
	display: flex;
    flex-direction: column;
    justify-content: center;
	/* display: table; */
	width: 100%;
	/* vertical-align: middle; */
	height: 100%;
	position: relative;
	/* max-height: 680px; */
}

.signup-block-container .carousel.slide,
.signup-block-container .carousel.slide .carousel-inner,
.signup-block-container .carousel.slide .carousel-inner .carousel-item,
.signup-block-container .carousel.slide .carousel-inner .carousel-item > img {
	height: 100%;
    width: 100%;
	object-fit: cover;
	border-radius: 7px;
}

.signup-block-container .slide:hover,
.signup-block-container .slide:focus {
	box-shadow: none;
}

.signup-block-container .signup-left-area .signup-logo-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.other-link a {
	font-family: Poppins;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	height: 32px;
	color: #707EAE !important;
	padding: 8px 12px;
    transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.other-link a:hover {
	width: 265px;
	background: rgba(112, 126, 174, 0.1);
	border-radius: 40px;
	text-decoration: none !important;
}

.other-link img.rotatex--180 {
	transform: rotate(-180deg);
}

.signup-table {
    display: flex;
    width: 100%;
    vertical-align: middle;
    height: 100%;
    min-height: 610px;
    align-items: center;
}

.sign-up-form-area {
	width: 100%;
}

.sign-up-form-inside {
	margin: 0 auto;
	/* margin-top: -80px; */
	transform: scale(0.9);
}

.sign-up-form-inside:not(.forgot-password) {
	width: 470px;
}

.sign-up-form-inside h2 {
	font-family: Poppins;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 140%;
	color: #362A6D;
	margin-top: 16px;
}

.sign-up-form-inside form.login-form .sub-link {
	display: flex;
	justify-content: flex-end;
	max-width: 416px;
	margin-bottom: 18px;
}

.sign-up-form-inside form.login-form .sub-link a {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 100%;
	color: #707EAE;
    transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.sign-up-form-inside form.login-form .sub-link a:hover {
	color: #7761DF;
	text-decoration: none;
}

.sign-up-form-inside form > .form-group:first-of-type {
	margin-top: 32px;
}

.sign-up-form-inside .form-group {
	display: flex;
	justify-content: center;
}

.sign-up-form-inside form.login-form.totp-form .password-input > input{ padding-right: 43px; }
.sign-up-form-inside form.login-form.totp-form .password-input .auth-tooltip img, .sign-up-form-inside form.login-form.recovery-form .password-input .auth-tooltip img{ display: none; }
.sign-up-form-inside form.login-form.totp-form .password-input i{
	right: 15px;
    left: auto;
    cursor: pointer;
    color: #707EAE;
}

.sign-up-form-inside .form-group.reduced {
	margin-bottom: 8px;
}

.sign-up-form-inside input.form-control {
	background: #FFFFFF;
	border: 1px solid #E0E5F2;
	box-sizing: border-box;
	border-radius: 12px;

	font-size: 16px;
	font-family: Poppins;
	width: 360px;
	height: 48px;
    transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}

.sign-up-form-inside input.form-control:hover,
.sign-up-form-inside input.form-control:focus {
	border: 1px solid #7761DFCC !important;
}

.sign-up-form-inside input.form-control:focus {
	box-shadow: 0 0 0 3px rgb(119 97 223 / 10%);
	-webkit-box-shadow: 0 0 0 3px rgb(119 97 223 / 10%);
	-moz-box-shadow: 0 0 0 3px rgb(119 97 223 / 10%);
}

.sign-up-form-inside input.form-control::placeholder {
	color: #A3AED0 !important;
}


.sign-up-form-inside #magic-login .tooltip-enable + input.form-control:focus {
    box-shadow: 0 0 0 3px rgb(119 97 223 / 10%);
    -webkit-box-shadow: 0 0 0 3px rgb(119 97 223 / 10%);
    -moz-box-shadow: 0 0 0 3px rgb(119 97 223 / 10%);
    border: 1px solid rgba(119, 97, 223, 0.8) !important;
    outline: none !important;
}
.sign-up-form-inside #magic-login .tooltip-enable + input.form-control {
	border: 1px solid #E0E5F2 !important;
}
.sign-up-form-inside .tooltip-enable.active {
	display: block !important;
}
.sign-up-form-inside .tooltip-enable + input.form-control,
.sign-up-form-inside #magic-login .tooltip-enable.active + input.form-control {
    border: 1px solid #FF164E !important;
}

.inp-poptin {
	position: relative;
}

.inp-poptin i {
	position: absolute;
	top: 12px;
	left: 15px;
	font-size: 22px;
	color: var(--main-purple, #7761df);
}

.sign-up-form-inside .btn-signup {
	width: 360px;
	height: 48px;
	background: linear-gradient(180deg, #7AD8EB 0%, #6FC5D6 100%);
	box-shadow: 0px 8px 16px -3px rgba(122, 216, 235, 0.7);
	border: none;
	border-radius: 12px;
	/* display: flex; */
	text-transform: capitalize;
}

.sign-up-form-inside .btn-signup:hover {
	background: linear-gradient(0deg, rgba(0, 82, 108, 0.4), rgba(0, 82, 108, 0.4)), linear-gradient(180deg, #7AD8EB 0%, #6FC5D6 100%);
	box-shadow: 0px 7px 6px -4px rgba(81, 219, 238, 0.22), 0px 10px 16px rgba(81, 219, 238, 0.18), 0px 13px 60px 8px rgba(81, 219, 238, 0.18);
	border-radius: 12px;
	color: #fff;
}

.sign-up-form-inside .btn-signup img {
	margin-left: 5px !important;
	margin-top: -1px;
}

.sign-up-form-inside div.page-desc {
	height: 48px;
	font-size: 16px;
	color: #707EAE;
}

.form-signup-check small {
	text-align: center;
	font-size: 13px;
	color: #BDBDBD;
	padding-top: 10px;
	display: block;
}

.sign-up-form-inside .form-signup-check .extra-auth {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.sign-up-form-inside .form-signup-check .extra-auth .auth-text {
	font-family: Poppins;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: #A3AED0;

	display: flex;
	justify-content: center;
	align-items: center;
}

.sign-up-form-inside .form-signup-check .extra-auth .auth-text .pipe {
	width: 109px;
	height: 1px;
	background: #E9EDF7;
	border-radius: 32px;
}

.sign-up-form-inside .form-signup-check .signin-options {
	max-width: 362px;
	width: 100%;
}

.sign-up-form-inside .form-signup-check .signin-options>button,
.sign-up-form-inside .form-signup-check .signin-options>a.button {
	margin-top: 8px;
}


.sign-up-form-inside .form-signup-check .signin-options .signin-row {
	display: flex;
	justify-content: space-between;
	margin-top: 8px;
}


.sign-up-form-inside .form-signup-check .signin-options button img,
.sign-up-form-inside .form-signup-check .signin-options a.button img {
	margin-right: 10px;
}


.sign-up-form-inside .form-signup-check .signin-options a.button:hover {
	text-decoration: none;
}

.sign-up-form-inside .form-signup-check .signin-options button,
.sign-up-form-inside .form-signup-check .signin-options a.button {
	flex-basis: 48%;
	background: #FFFFFF;
	width: 360px;
	height: 48px;
	border: 1px solid #E0E5F2;
	box-sizing: border-box;
	box-shadow: 0px 2px 4px rgba(54, 42, 109, 0.08);
	border-radius: 12px;
	font-family: Poppins;
	font-weight: normal;
	font-size: 16px;
	color: #362A6D;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
    transition: all 0.5s cubic-bezier(0.39, 0.58, 0.57, 1);
}


.sign-up-form-inside .form-signup-check .signin-options button:hover,
.sign-up-form-inside .form-signup-check .signin-options a.button:hover {
	box-shadow: 0px 8px 18px -8px rgba(54, 42, 109, 0.2);
}

.signup-inside-footer {
	/* position: absolute;
	bottom: -15px; */
	width: 100%;
}

.other-links {
	text-align: center;
	width: 100%;
	display: inline-block;
}

.other-links a {
	color: #828282;
	text-decoration: underline;
}

.other-links a:hover {
	color: var(--main-purple, #7761df);
	text-decoration: none;
}
.other-links.signin-link a img {
	margin-top: -3px;
}

.other-links.signin-link.mt-24 {
	margin-top: 24px;
}

.other-links.signin-link a {
	color: var(--main-purple, #7761df);
	text-decoration: none;
	font-size: 15px;
}

.other-links.signin-link a:hover {
	color: #828282;
	text-decoration: underline;
}

.featured-clients-block {
	/* border-top: 1px solid rgba(189, 189, 189, 0.5); */
	margin-top: 10px;
	padding-top: 10px;
}

.featured-clients-row {
	display: inline-block;
	width: 100%;
}

.featured-clients-row > div {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-left: 0;
}

.featured-clients-row > div > div {
	float: left;
	max-width: 40%;
	text-align: center;
    line-height: 40px;
}

.featured-clients-row > div > div:not(:last-child) {
	margin-right: 20px;
}
[lang="he"] .featured-clients-row > div > div:not(:last-child) {
	margin-left: 18px;
    margin-right: 0px;
}

.featured-clients-row > div > div img {
	max-height: 24px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.featured-clients-row > div > div img:hover {
	opacity: 1;
}
.signup-bottom-footer {}

.signup-bottom-footer ul {
	list-style: none;
}

.signup-bottom-footer ul li a {
	color: #ffffff;
	font-size: 13px;
	padding: 0px 5px;
	border-right: 1px solid #ffffff;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.signup-bottom-footer ul li {
	display: inline-block;
}

.signup-bottom-footer {
	text-align: center;
	margin-top: 15px;
}

.signup-bottom-footer ul li:last-child a {
	border-right: 0px;
}

.tooltip-enable {
    position: relative;
}

 .auth-tooltip img {
    margin-right: 7px;
}

 .auth-tooltip a {
    /* margin-left:px; */
    color: #7761DF;
    text-decoration: none;
}

 .auth-tooltip {
    position: absolute;
    bottom: -0.5px;
    width: 100%;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #E9EDF7;
    box-sizing: border-box;
    box-shadow: 0px 2px 8px rgba(29, 24, 56, 0.15);
    border-radius: 12px;
	display: flex;
	align-items: center;
    padding-left: 12px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #362A6D;
		z-index: 15;
		opacity: 1;
}

 .auth-tooltip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 12px;
    border-style: solid;
    border-color: #FFFFFF transparent transparent transparent;
}


/* Poptin progress loader */
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    top: -10px;
    left: -10px;
}

.lds-ellipsis div {
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}
@media only screen and (min-width:1300px) {
	.signup-block-container .signup-block .container {
		max-width: 1212px;
		min-height: 620px;
	}

	.signup-block-container .signup-block .container > .row {
		min-height: 620px;
	}
}
@media only screen and (min-width:981px) and (max-width:1299px) {
	.signup-block-container .signup-block .container {
		max-width: 1140px;
		/* min-height: 580px; */
	}

	.signup-block-container .signup-block .container > .row {
		min-height: 580px;
	}

	.featured-clients-row > div > div img {
		max-height: 20px;
	}
}

@media only screen and (max-width: 980px) {
	.signup-block {
		padding: 0 15px !important;
	}

	.signup-block-container .signup-block .container {
		min-height: 600px;
	}

	.signup-block-container .signup-block .container > .row {
		min-height: 600px;
	}
}

@media only screen and (min-width:733px) and (max-width:860px) and (orientation:landscape) {
	.signup-block-container .signup-block .container {
		min-width: 61%;
		max-width: 61%;
	}
	.banner-sec {
		display: none;
	}
}

@media only screen and (min-width:733px) and (max-width:1170px) and (orientation:landscape) {

	.signup-block-container .signup-sec {
		padding: 30px 10px 30px 20px;
	}

	.signup-block-container a.poptin-back-button {
		display: none;
	}

	.signup-block-container a.poptin-back-button {
		left: 25px;
	}
}
html, body {
    overflow: auto;
	height: 100%;
}

@media only screen and (max-width: 1200px) {
	body.page-poptin-login {
		background: #7761de;
	}
}


/*login-page*/
p.warning-message {
	color: #ff0000;
	font-size: 14px;
	padding: 7px 2px;
}

.signup-sec .custom-checkbox-item {
	text-align: center;
	font-size: 13px;
	color: #BDBDBD;
	padding-top: 10px;
	display: inline-block;
}

.poptin-news-heading h4 {
	font-size: 16.5px;
	padding-left: 20px;
	color: #fff;
}

.poptin-new-items .news-date {
	color: #fff;
}

.poptin-news-heading h4 span {
	background: url(../images/v_2/smiley.png);
	display: inline-block;
	width: 25px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: bottom;
	top: 5px;
	position: relative;
}

.poptin-news-body {
	padding-left: 20px;
	padding-right: 20px;
	height: 150px;
}

.news-date {
	font-weight: bold;
}

ul.poptin-new-items {
	list-style-type: square;
	padding-left: 20px;
	padding-right: 10px;
}

ul.poptin-new-items li {
	font-size: 13px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	padding-bottom: 10px;
	margin-bottom: 10px;
	line-height: 16px !important;
	margin-left: 10px;
}

ul.poptin-new-items li a {
	color: #fff;
	font-size: 11px;
}

ul.poptin-new-items li a:hover {
	text-decoration: none;
}

.poptin-news-updates {
	margin-bottom: 15px;
}

.other-links.signin-link.fgp-link a {
	padding: 0px 10px;
	border-right: 1px solid var(--main-purple, #7761df);
	text-decoration: underline;
}

.other-links.signin-link.fgp-link a:last-child {
	border-right: 0px;
	padding-left: 5px;
}

.imp-links {
	display: inline-block;
	width: 100%;
}

.imp-links a {
	color: var(--main-purple, #7761df);
	text-decoration: underline;
	margin-left: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.imp-links a:hover {
	color: #828282;
}

.btn-copy-ini {
	position: absolute;
	top: 35px;
	right: -110px;
}

.no-icon .dropdown-toggle:after {
	content: '';
}

@media (min-width: 768px) {
	.poptin-modal-theme.poptin-modal-style-1.modal {
		text-align: center;
	}

	.poptin-modal-theme.poptin-modal-style-1.modal:before {
		content: '';
		height: 100%;
		width: 1px;
		display: inline-block;
		vertical-align: middle;
	}

	.poptin-modal-theme.poptin-modal-style-1 .modal-dialog {
		text-align: left;
		margin: 10px auto;
		display: inline-block;
		vertical-align: middle;
	}
}

/* Small Screen styling*/
@media only screen and (min-width:981px) and (max-width:1024px) {
	.content-wrapper {
		padding: 0.25rem 0.25rem;
		width: 100%;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}

	.full-screen .container {
		width: 100%;
		padding: 0px 5px;
	}

	.row.whfrmIni {
		width: 100%;
		color: #828282;
	}

	.whfrmIni .col-md-6 {
		width: 50% !important;
		display: inline-block;
		padding-right: 0px;
	}

	.full-screen .form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		min-width: 90%;
	}

	.poptin-form-elem.elem-inline {
		margin-right: 0px;
	}

	.poptin-group-btns .btn.btn-default {
		background: #ffffff;
		box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
		width: 25%;
		font-size: 12px;
		padding: 10px 0px;
	}

	/*Form Builder*/
	.form-builder-items .fb-input-options {
		width: 75%;
		padding-left: 22px;
	}

	.form-builder-items .fb-input-field {
		width: 75%;
		margin-bottom: 5px;
	}

	.form-builder-items .fb-input-remove.inline-block {
		position: absolute;
		top: 15px;
		right: 0px;
	}

	/*Colorpicker styling*/
	.sp-picker-container {
		width: 43%;
		border-left: solid 1px #fff;
		height: 180px;
		float: left;
		position: relative;
		padding: 10px;
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.sp-palette .sp-thumb-el {
		width: 9%;
		height: 15px;
		margin: 1px 2.25px;
		border: none;
		border-radius: 3px;
		float: none;
		display: inline-block;
	}

	.sp-initial {
		float: left;
		border: none;
		margin: 10px;
		border-radius: 5px;
		overflow: hidden;
		height: 35px;
		width: 40%;
		margin-right: 0px;
	}

	.sp-noflat .sp-palette .sp-thumb-el {
		width: 20px;
		height: 20px;
		margin: 1px 2.25px;
		border: none;
		border-radius: 3px;
		float: none;
		display: inline-block;
	}

	/*add elements block*/
	.addelem-item a i {
		display: block;
		margin: 10px auto 5px;
		border: 1px solid #828282;
		position: relative;
	}

	.addelem-item span {
		display: inline-block;
		color: #828282;
		padding-bottom: 5px;
	}

	/*Add conversion*/
	.add-recipient-items .recipient-label {
		display: block;
	}

	.add-recipient-items .recipient-input {
		width: 75% !important;
	}

	.recipient-label {
		display: block;
	}

	.recipient-input {
		width: 75% !important;
	}

	.ccRecipient_clone label {
		display: none;
	}

	li#addRecipientClone label {
		display: none;
	}
	
	/*Days nd hours*/
	.days-nd-hours-list .page-targeting-options.inline-block.wth50 {
		width: 58% !important;
	}

	/*IP blocking*/
	.page-targeting-options.wth75 {
		width: 85% !important;
	}
}

@media only screen and (min-width:1024px) and (max-width:1280px) {
	.full-screen .container {
		width: 100%;
	}
}

.dm-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.65);
	display: none;
	overflow: auto;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background: rgba(255, 255, 255, 0.78);
}

div#creditModal .modal-main {
	/* direction: rtl; */
}

.tooltip.show {
	z-index: 999999;
}

.dm-table {
	display: table;
	width: 100%;
	height: 100%;
}

.dm-cell {
	display: table-cell;
	padding: 0 1em;
	vertical-align: middle;
	text-align: center;
}

.dm-modal {
	display: inline-block;
	padding: 20px;
	max-width: 900px;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0px solid rgba(0, 0, 0, .2);
	border-radius: 9px;
	outline: 0;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}

.dm-overlay .modal-body {
	min-width: 815px;
	padding: 0px;
}

.dm-overlay .close,
.dm-overlay .close-custom {
	z-index: 9999;
	float: right;
	width: 30px;
	height: 30px;
	margin-top: 5px;
	color: var(--main-purple, #7761df);
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	cursor: pointer;
	position: absolute;
	right: -15px;
	top: -18px;
	opacity: 1;
}

#ifChangeModal.dm-overlay .close {
	z-index: 9999;
	float: right;
	width: 30px;
	height: 30px;
	margin-top: 5px;
	color: var(--main-purple, #7761df);
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	cursor: pointer;
	position: absolute;
	right: -10px;
	top: -23px;
	opacity: 1;
}

.dm-overlay .close,
.dm-overlay .close-custom {
	color: #949494;
}

.dm-overlay .close:hover,
.dm-overlay .close-custom:hover {
	color: var(--main-purple, #7761df);
}

.dm-overlay .close:after,
.dm-overlay .close-custom:after {
	display: block;
	content: '\00d7';
	font-size: 40px;
	font-weight: normal;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

.button-container-block {
	margin-top: 15px;
}

.third-party-message {
	display: inline-block;
	width: 100%;
}

.dm-overlay h1 {
	font-size: 24px !important;
	color: #5b5b5d !important;
	margin: 10px 0 20px !important;
}

.dm-overlay h1.landing-page-text {
	font-size: 20px !important;
	line-height: 28px;
	margin: 0px !important;
	margin-bottom: 20px !important;
	font-weight: 300;
}

span.ttp-holder {
	position: absolute;
	left: 50%;
}

#autoresponderContainer .form-inline.form-right-h .poptin-form-elem input.sender-nm-input {
	width: calc(100% - 140px);
	min-width: calc(100% - 140px);
}

.row.row-autoresponder.autoresponder-account {
	width: 87%;
	float: left;
}

.modal-main {
	max-width: 785px;
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;
	margin: 0 auto;
}

.layout-he .dm-modal .modal-main {
	direction: rtl;
}

.package-view .dm-modal {
	max-width: 650px;
}

.layout-en .modal-main .modal2-buttons-box {
	/* direction: rtl; */
}

.layout-en #deleteConversionModel .modal-main {
	/* direction: rtl; */
}

.layout-en #deleteConversionModel .modal-main .btn {
	min-width: 110px;
}

.layout-en #deleteConversionModel .modal-main .ml-3 {
	margin-right: 1rem !important;
}

.package-view .modal-main {
	width: 465px;
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
	margin: 0 auto;
}

.package-view.dm-overlay .modal-body {
	width: 585px;
	min-width: 585px;
}

.modal2-buttons-box button {
	margin: 10px 5px;
}

.dm-overlay .row {
	margin-bottom: 30px;
	overflow: hidden;
	margin-right: 0;
	margin-left: 0;
}

.dm-modal-title {
	font-size: 20px !important;
	line-height: 28px;
	margin-bottom: 25px;
	margin-top: 25px;
}

a.act-btns {
	font-size: 20px;
	width: 35px;
	display: inline-block;
	color: #828282;
	border: 2px solid #828282;
	height: 35px;
	line-height: 35px;
	border-radius: 50%;
	position: relative;
}

.btn-w350 {
	width: 350px;
}

.hidden {
	display: none;
}

#ABTestPoptinModal .modal-main .btn {}

#ABTestPoptinModal .modal-main .btn i {
	display: none;
}

#ABTestPoptinModal .modal-main .btn.loading i {
	display: inline-block;
}

#ABTestPoptinModal.multiselect .modal-main {
	width: auto;
}

#assignPoptinModal .modal-main .btn i {
	display: none;
}

#assignPoptinModal .modal-main .btn.loading i {
	display: inline-block;
}

#deleteApprovalModal .dm-modal .btn i {
	display: none;
}

#deleteApprovalModal .dm-modal .btn.loading i {
	display: inline-block;
}

#assignPoptinToABTest .dm-modal .btn i {
	display: none;
}

#assignPoptinToABTest .dm-modal .btn.loading i {
	display: inline-block;
}

.dropdown.profile-user-dd select {
	padding: 2px 5px;
	max-width: 210px;
	text-transform: none;
}

/*Sub Submenu*/
li.has-sub-options.active-sub ul.poptin-sub-ul {
	display: block;
	position: absolute;
	max-height: 100vh;
}

li.has-sub-options.active-sub ul.poptin-sub-ul li a {
	padding-left: 0px;
}

.show>.dropdown-menu li {
	display: inline-block;
	width: 100%;
	height: 100%;
	min-width: 100%;
}

/*download dropdown btn*/
.dropdown.btn-dd {
	max-width: 175px;
}

.btn-dd ul.dropdown-menu {
	margin-top: 4px;
	opacity: 1;
	max-height: 165px;
	overflow: auto;
	background: #F7F6FD;
	border: 0px;
	width: 145px;
	max-width: 150px;
	min-width: 100px;
	padding: 3px 0px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	right: 0px;
	left: 10px;
}

.btn-dd ul.dropdown-menu li {
	padding: 2px 10px;
}

.btn-dd ul.dropdown-menu li a {
	font-size: 14px;
	color: #828282;
}

.btn-dd ul.dropdown-menu li a:hover {
	text-decoration: none;
	color: var(--main-purple, #7761df);
}

.font-medium {
	font-size: 16.5px !important;
}

.row-left.visibility-hidden {
	display: none;
}

.row.row-autoresponder {
	text-align: center;
	margin: 10px auto;
}

.popTinSelect.autoresponder-poptins {
	width: 89%;
	min-width: 300px;
}

.row-autoresponder .select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 40px;
	line-height: 40px !important;
}

.row-autoresponder a.remove-autoresponder-poptins {
	width: 40px;
	height: 40px;
	background: #ef5452;
	margin: 0;
	line-height: 40px;
	border-radius: 3px;
	margin-left: 10px;
}

#autoresponderPoptinsContainer,
.btn-wrapper {
	display: table;
	margin: auto;
}

.row-autoresponder:not(:last-child) .add-autoresponder-poptins {
	display: none !important;
}

.dm-overlay .row.row-autoresponder {
	margin-bottom: 0;
}

#changeAutoresponderPoptinsModel .dm-overlay .row.row-autoresponder {
	margin-bottom: 10px;
}

.row-autoresponder .row-right {
	width: 49.8%;
	margin-left: 2px;
	float: left;
}

#changeAutoresponderPoptinsModel .modal-main {
	max-width: 745px;
	height: auto;
	overflow: hidden;
	padding-bottom: 25px;
	margin: 0 auto;
}

#changeAutoresponderPoptinsModel .row-autoresponder .row-right {
	width: 85%;
	max-width: 405px;
}

#changeAutoresponderPoptinsModel .select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 40px;
	user-select: none;
	-webkit-user-select: none;
}

a.add-autoresponder-poptins {
	width: 40px;
	height: 40px;
	background: #2ca3b1;
	margin: 0;
	line-height: 40px;
	border-radius: 3px;
	margin-left: 10px;
	float: right;
	margin: 10px 0px;
}

.br-0 {
	border-radius: 0px !important;
}

.one-input-modal {
	padding: 0px 10px;
	margin-right: 0px;
	width: 240px;
	line-height: 38px;
}

.spam-warning {
	display: none;
}

.check-email {
	display: inline-block;
	margin-left: -4px;
	line-height: 21px;
}

.send-email-block {
	width: 350px;
	margin: 0 auto;
}

.list-complete-item:hover img {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.list-complete-item {
	padding: 1rem;
	min-height: 220px;
	margin-bottom: 20px;
	text-align: center;
	z-index: 2;
	position: relative;
}

.list-complete-item:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #fff0;
	z-index: 1;
	/*	background: url(../images/v_2/template_bg.svg) no-repeat;*/
	background-size: 100%;
}

.list-complete-item:hover:before {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}

.list-complete-item:hover .item-btns {
	display: block;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.list-complete-item:after {
	background: transparent;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	display: none;
}

.list-complete-item:after {
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 20%);
	height: calc(100% - 27%);
}

.list-complete-item:hover:after {
	background: linear-gradient(0deg, rgba(119, 97, 223, 0.72) 0%, rgba(119, 97, 223, 0) 100%);
	content: "";
	position: absolute;
	width: calc(100% - 20%);
	height: calc(100% - 17%);
	left: 35px;
	top: 40px;
	z-index: 9;
	display: block;
	border-radius: 5px;
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.list-complete-item img {
	z-index: 9;
	position: relative;
}

.templates-filters-head button {
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.templates-filters-head button:focus {
	outline: none;
}

.templates-filters-head button:hover {
	outline: none;
	background-color: var(--main-purple, #7761df);
	color: #fff;
}

#createPoptinModal .dm-modal {
	display: inline-block;
	padding: 20px;
	max-width: 900px;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 0px solid rgba(0, 0, 0, .2);
	border-radius: 9px;
	outline: 0;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	max-width: 560px;
	min-width: 45%;
	position: relative;
}

#createPoptinModal .dm-modal .select_dd_block .select2-container {
	width: 330px !important;
}

#createPoptinModal .select_dd_block .select2-container .select2-selection--single {
	box-shadow: none;
}

.select2-container:focus,
.select2-container span:focus {
	outline: none !important;
}

.select_dd_block .select2-container {
	width: 76% !important;
}

.x-close {
	z-index: 9999;
	float: right;
	width: 30px;
	height: 30px;
	color: var(--main-purple, #7761df);
	text-align: center;
	text-decoration: none;
	line-height: 26px;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
}

.x-close:hover {
	text-decoration: none;
}

.x-close:after {
	display: block;
	content: 'X';
	font-size: 20px;
	font-weight: bold;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	transform: scale(0.85);
}

#createPoptinModal .form-group.boxed-group label.switch {
	width: 45px;
	margin: 7px !important;
}

.panel-parent-title h2 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #898582;
}

.clickable {
	cursor: pointer;
}

.panel.panel-primary.poptin-panel.ovs {
	overflow: visible;
	position: relative;
}

.panel-switch {
	position: absolute;
	top: 18px;
	opacity: 0;
}

.bgunchecked {
	background-color: rgb(236, 235, 235) !important;
}

.bgchecked {
	background-color: rgb(255, 255, 255) !important;
}

#ptTimeSelectCntr {
	width: 250px;
	font-size: .9em;
	position: absolute;
	z-index: 10;
	display: none;
}

/*Empty poptin blade*/
.empty-img {
	background: #b7abd4;
	text-align: center;
	background-color: #b7abd4;
	margin: 0 auto;
}

.empty-text {
	color: #ffff;
}

.empty-img .inner-main {
	padding: 30px 20px 0px;
}

.empty-eag-img {
	margin: 50px 0px;
}

/*Modal package view*/
button.btn.btn-selplan.btn-circle.btn-shadow.btn-md.pl-btn-big.btn-disabled {
	background: #ddd;
	border: #ddd;
	cursor: not-allowed;
	color: #ffff;
}

button.btn.btn-danger.btn-selplan.btn-circle.btn-shadow.btn-md.pl-btn-big.btn-disabled:hover {
	color: #fff;
}

.package-view span.custom-radio-text {
	display: inline-block;
	width: 90%;
	vertical-align: text-top;
	font-size: 16.5px;
	line-height: 24px;
}

.package-view span.custom-radio-mark.elem-shadow.no-border.style-dot {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 10px;
	margin-top: 2px;
	border: 1px solid #ddddddb0;
}

.package-view .custom-radio-item {
	padding: 5px 10px;
}

h3#yearly_price_7 {
	font-size: inherit;
}

h3#yearly_price_7 #priceSubyearly {
	font-size: 65px;
	line-height: 65px;
}

h3#yearly_price_7 span#pricebreakupSubyearly {
	right: 20px;
	margin-top: -25px;
}

h3#yearly_price_7 span.dur {
	margin-left: 0px;
}

h3#yearly_price_7 span.tax-text {
	margin-top: 0px;
}

h3#yearly_price_7 span.currency {
	position: absolute;
	left: 17px;
	top: 9px;
}

h3#yearly_price_6 span#pricebreakupSubyearly {
    right: 65px;
    top: 17px;
}

h3#yearly_price_6 span.dur {
	margin-left: -17px;
}

h3#yearly_price_6 span.tax-text {
	margin-top: -8px;
}

.modal2-buttons-box {
	margin: 0 auto;
}

/*Autoresponder edit*/
div#autoresponderPoptinsContainer {
	width: 100%;
}

div#autoresponderPoptinsContainer .alert.alert-danger{
	position: relative;
    padding-right:25px;
}
div#autoresponderPoptinsContainer .alert.alert-danger button.close{
	position:absolute;
	right: 10px;
	top:15px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}


.row-autoresponder .row-left {
	padding-left: 0px;
	width: 46%;
}

.row-autoresponder select.drop-down {
	width: 92% !important;
	max-width: 300px !important;
	min-width: 100px;
}

.row-autoresponder .select2-container .select2-selection--single {
	height: 40px;
}

.remove-autoresponder-poptins i {
	width: 42px;
	text-align: center;
	display: inline-block;
	position: relative;
	left: -21px;
}

.remove-autoresponder-poptins {
	width: 42px;
	text-align: center;
	display: inline-block;
}

.add-autoresponder-poptins {
	width: 42px;
	text-align: center;
	display: inline-block;
	float: right;
	margin-right: 10px;
	margin-top: 11px;
}

.add-autoresponder-poptins i {
	width: 42px;
	text-align: center;
	display: inline-block;
	position: relative;
	left: -21px;
}

a.second-row-fr.remove_button5_1 {
	width: 5%;
}

.full-select .select2-container {
	width: 94% !important;
	margin: 4px 3% !important;
}

.full-select .select2-container .select2-selection--single {
	height: 35px;
	background-color: #fff;
	border: 0px;
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	color: #828282;
}

.full-select .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 35px;
}

button#btn-all {
	display: none;
}

.wth250 {
	max-width: 200px;
	width: 200px;
}

.select_dd_block .select2-container .select2-selection--single {
	height: 39px;
	border: 0px;
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
}

.select_dd_block .select2-container {
	width: 75% !important;
}

.select_dd_block .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}

.select_dd_block .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 39px;
}

.select2-container.select2-container--open {
	z-index: 999999;
}

.redirectOpts {
	display: none;
}

.redirectOpts.active {
	display: block;
}

.choose-gallery-model {
	width: 100%;
	padding: 20px;
}

button.btn.btn-default.toggle-widget.active {
	background: var(--main-purple, #7761df);
	color: #fff;
	border-color: var(--main-purple, #7761df);
}

.nav-action-button .btn {
	max-width: 120px;
	padding: 5px 15px !important;
}

/*Disabled Select2*/
span.select2.select2-container.select2-container--default.select2-container--disabled span.select2-selection.select2-selection--single {
	background: #ececec;
	cursor: not-allowed;
}

/*Empty Blades*/

.empty-state-block {
	text-align: center;
}

.empty-state-img {
	width: 35%;
	margin: 0 auto;
	min-height: 300px;
	margin-top: 50px;
}

.empty-state-img img {
	width: 100%;
}

.empty-state-block h1 {
	max-width: 70%;
	font-size: 25px;
	margin: 0 auto;
	line-height: 44px;
	margin-top: 40px;
	color: #352875;
	font-weight: 300;
}

.empty-state-block.wix-msg h1 {
	max-width: 52%;
}

.btn-lg {
	padding: 20px 45px;
}

.empty-inside-content {
	padding-left: 80px;
	padding-top: 90px;
}

.empty-autoresponder-block {
	border-radius: 10px;
	padding: 50px;
	background: #f9fcfc;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	border: 0px;
}

.empty-autoresponder-block h1 {
	font-size: 36px;
	font-weight: 400;
	color: #4f4f4f;
}

button.btn.btn-primary.btn-reverse {
	background: #ffffff;
	color: var(--main-purple, #7761df);
	border: 2px solid var(--main-purple, #7761df);
}

button.btn.btn-primary.btn-reverse:hover {
	background: var(--main-purple, #7761df);
	color: #ffffff;
	border: 2px solid var(--main-purple, #7761df);
}

.empty-autoresponder-block.eab-vblock {
	background-image: url(../images/v_2/empty/bg_video.png);
}

.empty-eab-item {
	width: 48%;
	float: left;
	border-radius: 10px;
	margin: 1%;
	background: #f9fcfc;
	padding: 25px;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	border: 0px;
}

.empty-eab-item .info-img {
	float: left;
	width: 105px;
	margin-right: 15px;
}

.empty-eab-item .info-text {
	width: 74%;
	float: left;
}

.empty-eab-item .info-text h3 {
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	line-height: 32px;
	padding-top: 20px;
}

.fade2 {
	opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
}

.fade2.show {
	opacity: 1;
}

.inline-block.add-email-profile {
	width: 100%;
}

.inline-block.add-email-profile input[type='text'] {
	width: 88%;
	display: inline-block;
}

.inline-block.add-email-profile .add-email-btn {
	display: inline-block;
}

.add-email-btn.fb-input-remove button {
	margin-top: -1px;
	line-height: 34px;
}

.inline-block.add-email-profile .add-email-btn button{
	padding: 0;
	width: 40px;
	height: 36px;
	line-height: 36px;
}
.inline-block.add-email-profile .add-email-btn button i{font-size: 15px;}
#email_2 .add-email-btn.fb-input-remove{}
#email_2 .add-email-btn.fb-input-remove button{width: 40px;padding: 0;}
#email_2 .add-email-btn.fb-input-remove button i{font-size: 15px;}

span#apiTokenCopy,
span#client_idCopy {
	position: absolute;
	top: 36px;
	width: 1px;
	height: 1px;
	background: #ddd;
	left: 170px;
}

span#copycode_copy {
	position: absolute;
	top: 0px;
	width: 1px;
	height: 1px;
	background: #ddd;
	left: 50%;
}

.codespan,
.togglecodespan {
	display: none;
}

.togglecodespan span,
.show-general-installation {
	cursor: pointer;
	text-decoration: underline;
}

.switch-code {
	padding: 10px 0 0;
}

label.custom-checkbox-item.inline-block {
	display: inline-block;
}

.btg-visible.custom-checkbox-item .custom-checkbox-mark {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 25px;
	height: 25px;
	border: 1px solid transparent;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border-radius: 3px;
	margin-top: -1px;
	border: 1px solid var(--main-purple, #7761df);
}

.btg-visible.custom-checkbox-item .custom-checkbox:checked~.custom-checkbox-mark {
	border: 1px solid #828282;
	background: #828282;
}

.settings-form span.card-caption-help {
	width: 20px;
	height: 20px;
	z-index: 9;
	display: inline-block;
	border-radius: 50%;
	margin-top: 0px;
	border: 1px solid #d2d2d2;
	position: relative;
	top: 4px;
	color: #ffffff;
	background: #d2d2d2;
	font-weight: normal;
}

.settings-form span.card-caption-help::before {
	content: '?';
	position: absolute;
	left: 5px;
	top: -1px;
	font-size: 14px;
}

.step2-left-part .advance-settings-block span.card-caption-help {
	top: 3px;
}

button.card-caption-help {
	cursor: pointer;
}

.step2-left-part .card-caption-help {
	width: 18px;
	height: 18px;
	z-index: 99999;
	display: inline-block;
	border-radius: 50%;
	margin-top: 0px;
	border: 1px solid #a2a0a000;
	position: relative;
	background: #d2d2d2;
	color: #ffffff;
	font-weight: normal;
	margin-right: 5px;
}

.step2-left-part .card-caption-help::before {
	content: '?';
	position: absolute;
	left: 4px;
	top: -2px;
	font-size: 14px;
}

.step3-block span.card-caption-help {
	width: 18px;
	height: 18px;
	line-height: 18px;
	z-index: 9;
	display: inline-block;
	border-radius: 50%;
	margin-top: 0px;
	border: 1px solid transparent;
	position: relative;
	top: 3px;
	background: #d2d2d2;
	color: #fff;
	font-weight: normal;
}

.step3-block span.card-caption-help::before {
	content: '?';
	position: absolute;
	left: 4px;
	top: 0px;
	font-size: 14px;
}

.step3-block li#addPagetargetClone span.card-caption-help::before {
	top: -3px;
}

.page-titletag-targeting-block .page-targeting-options.inline-block.wth55 {
	width: 50% !important;
	padding-left: 1%;
}

.page-titletag-targeting-block ul.list-stripped.page-titletag-targeting-list.mb-0 > li:first-child .panel-act-btns {
	top: 57px;
}

.page-titletag-targeting-block ul.list-stripped.page-titletag-targeting-list.mb-0 > li .panel-act-btns {
	top: 23px;
}

.step3-block label span.card-caption-help::before {
	content: '?';
	position: absolute;
	left: -1px;
	top: 0px;
	font-size: 14px;
	width: 18px;
	height: 18px;
	text-align: center;
}

.step3-block #addPagetargetClone label span.card-caption-help::before {
	content: '?';
	position: absolute;
	left: -1px;
	top: -4px;
	font-size: 14px;
	width: 18px;
	height: 18px;
	text-align: center;
}



.btn.btn-primary-light:disabled:hover {
	background: #EBE8FA;
	color: var(--main-purple, #7761df);
	font-weight: lighter;
}

.graph-row {
	width: 100%;
}

.poptin-action.dropdown:hover .dropdown-menu:first-of-type {
	display: block;
	text-align: center;
}

.poptin-list-opts.poptin-action.dropdown:hover ul.dropdown-menu.poptin-dd-menu-style {
	display: none;
}

.poptin-action.dropdown:hover li.open ul.dropdown-menu.poptin-dd-menu-style {
	display: block;
	width: 160px;
	margin-top: 0px;
	left: -25px;
}

.poptin-list-opts.poptin-action.dropdown.open-dd-poptin li.open ul.dropdown-menu.poptin-dd-menu-style:before {
	content: '';
	position: absolute;
	margin-left: -5px;
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent #f7f6fd transparent;
	z-index: 100000;
	top: -23px;
	content: '';
	width: 15px;
	height: 11px;
	right: 7px;
}

.poptin-list-opts.poptin-action.dropdown.open-dd-poptin li.open ul.dropdown-menu.poptin-dd-menu-style::after {
	content: '';
	position: absolute;
	margin-left: -5px;
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent #ddd transparent;
	z-index: 9;
	top: -24px;
	content: '';
	width: 18px;
	height: 22px;
	right: 9px;
	border-width: 10px;
}

.poptin-action.dropdown.open-dd-poptin li.open ul.dropdown-menu.poptin-dd-menu-style {
	display: block;
	width: 160px;
	margin-top: 5px;
	left: -120px;
}

.poptin-action.dropdown.open-dd-poptin .dropdown-menu:first-of-type {
	display: block;
	width: 100%;
	text-align: center;
}

.poptin-list-opts.poptin-action.dropdown.open-dd-poptin .btn-action {
	display: none;
}

.btn-mid {
	min-width: 100px;
}

#deleteApprovalModal.dm-overlay h1 {
	font-size: 21px !important;
	color: #5b5b5d !important;
	margin: 10px 0 20px !important;
	line-height: 32px;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999;
	background: #e1e1e1;
}

table#autoresponderTable .poptin-action .dropdown-menu {
	margin-left: -27px;
	min-width: 140px;
}

table#autoresponderTable .poptin-action ul.dropdown-menu:before {
	content: '';
	position: absolute;
	margin-left: -5px;
	border-width: 12px;
	border-style: solid;
	border-color: transparent transparent #f7f6fd transparent;
	z-index: 100000;
	top: -23px;
	content: '';
	width: 15px;
	height: 11px;
	right: 7px;
}

#autoresponderPoptinsContainer .row-autoresponder .row-right {
	width: auto;
	margin-right: 10px;
}

#changeAutoresponderPoptinsModel #autoresponderPoptinsContainer .row-autoresponder .row-left {
	width: auto;
	margin-right: 10px;
}

#changeAutoresponderPoptinsModel #autoresponderPoptinsContainer .add-autoresponder-poptins {
	width: 42px;
	text-align: center;
	display: inline-block;
	float: left;
	margin-left: 120px;
	margin-top: 10px;
}

#changeAutoresponderPoptinsModel #autoresponderPoptinsContainer .row.row-autoresponder.autoresponder-account {
	width: auto;
	margin: 10px auto;
	position: relative;
	left: 15%;
}

ul.list-stripped.page-titletag-targeting-list.mb-0 > li:first-child .form-group label {
	display: block;
	visibility: visible;
}

ul.list-stripped.page-titletag-targeting-list.mb-0 > li label {
	visibility: hidden;
	display: none;
}

ul.list-stripped.page-titletag-targeting-list.mb-0 > li .panel-act-btns {
	top: 16px;
}

ul.list-stripped.page-titletag-targeting-list.mb-0 > li:first-child .panel-act-btns {
	top: 47px;
}

label.inline-block.wth50 .sumo_selectCountry {
	width: 100% !important;
	margin-left: 10px;
	margin-top: 5px;
}

.poptin-form-container.settings-form .custom-radio-item {
	font-size: 16.5px;
	font-weight: normal;
}

.settings-form .form-group {
	margin-bottom: 25px;
}

.step3-block #disp_vis_status_ins,
.step3-block #disp_freq_refresh {
	position: relative;
	top: 2px !important;
}

span.text-primary.mb-0.text-dispconv,
span.text-primary.mb-0.text-freq-ref {
	position: relative;
	top: -5px;
}

.primary-light-bg {
	background: #f1effc;
	border-radius: 6px;
}

/*Conversion Popover*/
.popover-content .table td,
.popover-content .table th {
	padding: 5px 10px;
	word-break: break-all
}

.popover-content {
	padding: 5px;
}

.popover-content table {
	margin-bottom: 0px;
}

.popover-content .table tr:first-child td,
.popover-content .table tr:first-child th {
	border-top: 0px;
}

a.act-link:focus,
a.act-link:active,
a.act-link:hover {
	text-decoration: none;
	border: 0px;
}

.popover-content .table th {
	background: #f7f6fd;
	font-weight: 500;
	min-width: 120px;
}

.popover-content .table.tbl-conv-details td.th {
	background: #f7f6fd;
	font-weight: 500;
	width: 120px;
	word-break: break-word;
}

.popover-content .table.tbl-conv-details td span {
	display: block;
	white-space: nowrap;
	width: 168px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.popover-content .table.tbl-conv-details td span:hover {
	overflow: auto;
	white-space: normal;
	text-overflow: inherit;
}

.popover-title {
	padding: 8px 14px;
	margin-bottom: 0;
	font-size: 1rem;
	background-color: var(--main-purple, #7761df);
	border-bottom: 1px solid var(--main-purple, #7761df);
	border-top-right-radius: calc(.3rem - 1px);
	border-top-left-radius: calc(.3rem - 1px);
	color: #ffffff;
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: block;
	max-width: 276px;
	padding: 0px;
	font-family: 'Poppins', sans-serif !important;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-break: auto;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	font-size: .875rem;
	word-wrap: break-word;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(119, 97, 223, 0.56);
	border-radius: .3rem;
	box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.27);
	min-width: 320px;
}

.popover.bs-tether-element-attached-right::before,
.popover.popover-left::before {
	right: -11px;
	margin-top: -11px;
	border-left-color: rgb(119, 97, 223);
}

.draft-pen-padding li.has-sub-options.micon {
	margin-left: auto;
}

.mCSB_inside>.mCSB_container {
	margin-right: 15px;
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: #DEDEDE;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #828282 !important;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #828282;
	background-color: #828282;
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #828282;
	background-color: #828282;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.alert.alert-danger.dark-alert {
	background-color: #ff8989;
	border-color: #ff8989;
	color: #6b1412;
}

.alert.alert-danger.dark-alert a {
	color: #fff;
}

.alert.alert-danger.dark-alert i {
	font-size: 32px;
	position: absolute;
	left: 27px;
	top: 10px;
	color: #fff;
}

/*Menu update*/
.poptin-list-opts ul.dropdown-menu.dropdown-menu-style,
.poptin-list-opts ul.dropdown-menu.poptin-dd-menu-style {
	left: 0px;
	top: 100%;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border: 1px solid #ddd;
	background: #F7F6FD;
	margin-left: 0px;
}

li.micon span {
	display: none;
}

li.micon {
	display: inline-block;
}

.poptin-list-opts.poptin-action.dropdown:hover .btn-action {
	display: none;
}

.poptin-action.dropdown:hover .dropdown-menu:first-of-type {
	display: block;
	width: 100%;
	text-align: center;
}

#legends_graph ul li {
	cursor: pointer;
}

#legends_graph ul li.hidden-elem {
	text-decoration: line-through;
}

.poptin-form-elem .SumoSelect>.optWrapper ul {
	overflow: hidden;
}

.mobile-format .poptin-popup {
	background: url(../images/v_2/mobile-frame.png);
	background-repeat: no-repeat;
	background-size: 20.85%;
	background-position: center 35px
}


/*Hover effect*/
.fill:hover,
.fill:focus {
	box-shadow: inset 0 0 0 2em var(--hover);
}

.pulse:hover,
.pulse:focus {
	-webkit-animation: pulse 1s;
	animation: pulse 1s;
	box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

@-webkit-keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 var(--hover);
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 var(--hover);
	}
}

.close2:hover,
.close2:focus {
	box-shadow: inset -3.5em 0 0 0 var(--hover), inset 3.5em 0 0 0 var(--hover);
}

.raise:hover,
.raise:focus {
	box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
	-webkit-transform: translateY(-0.25em);
	transform: translateY(-0.25em);
}


.slide:hover,
.slide:focus {
	box-shadow: inset 6.5em 0 0 0 var(--hover);
}

.offset {
	box-shadow: 0.3em 0.3em 0 0 var(--color), inset 0.3em 0.3em 0 0 var(--color);
}

.offset:hover,
.offset:focus {
	box-shadow: 0 0 0 0 var(--hover), inset 6em 3.5em 0 0 var(--hover);
}

.fill {
	--color: #a972cb;
	--hover: #cb72aa;
}

.pulse {
	--color: #ffffff;
	--hover: #f95b2b;
}

.close2 {
	--color: #ff7f82;
	--hover: #ffdc7f;
}

.raise {
	--color: #ffa260;
	--hover: #e5ff60;
}


.slide {
	--color: #8fc866;
	--hover: #66c887;
}

.offset {
	--color: #19bc8b;
	--hover: #1973bc;
}

.sidebar-2 ul.account-dd li.child-itms a {
	padding-left: 10px;
}

.tooltip.sidebar-menutooltip.sidebar-tooltip.sidebar-tooltip-top .tooltip-inner {
	background: var(--main-purple, #7761df);
	color: #fff;
}

.tooltip.sidebar-tooltip.sidebar-menutooltip.sidebar-tooltip-top.bs-tether-element-attached-bottom .tooltip-inner::before,
.tooltip.sidebar-tooltipsidebar-menutooltip.tooltip-top .tooltip-inner::before {
	border-top-color: var(--main-purple, #7761df);
}

#summary_info_popup .modal-dialog .modal-content {
	background: url(../images/v_2/summary-bg.svg) no-repeat;
	background-position: center right;
	height: 100%;
	background-color: #ffffff;
	background-size: 235px;
	min-height: 350px;
}

/*Autoresponder Edit*/
div#autoresponderPoptinsContainer {
	width: 100%;
	position: relative;
}

.row.row-autoresponder.autoresponder-account {
	width: 80%;
	float: left;
}

.autorespo-action {
	position: absolute;
	right: 0px;
}

.autorespo-action button.btn.btn-rounded.btn-danger.remove-autoresponder-poptins {
	position: absolute;
	left: -100px;
}

button.btn.btn-rounded.btn-info.cloneBtn.add-autoresponder-poptins {
	position: absolute;
	margin-top: 0px;
	left: -99px;
}

.row.row-autoresponder.autoresponder-account:last-child .remove-autoresponder-poptins {
	display: none;
}

div#changeAutoresponderPoptinsModel .row.row-autoresponder.autoresponder-account:last-child .remove-autoresponder-poptins {
	display: block;
}

#autoresponderContainer .select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	min-width: 180px;
}

#autoresponderContainer .step2-left-part {
	float: left;
	width: 38.333333%;
	padding: 0px 15px;
}

#autoresponderContainer .step2-right-part {
	width: 61.666667%;
	float: right;
	padding: 0px 15px;
}

body#app-layout {
	/*overflow: hidden;*/
}

#assignPoptinToABTest button#assignPoptinButton {
	padding: 10px 15px;
	overflow: hidden;
}

#assignPoptinToABTest .poptin-form-elem .select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 0px;
	border-radius: 4px;
	box-shadow: none;
	height: 42px;
	color: #828282;
	border: 1px solid #e8e8e8;
}

#assignPoptinToABTest .poptin-form-elem .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #828282;
	line-height: 42px;
	padding: 0px 25px 0px 14px;
	font-size: 16.5px;
}

#assignPoptinToABTest .poptin-form-elem .select2-container--default .select2-selection--single:before {
	display: none;
	content: '';
}

#assignPoptinToABTest .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
}

#changePoptinDomainFormSubmit i {
	display: none;
}

#changePoptinDomainFormSubmit.loading i {
	display: inline-block;
}

.popup-detail.summary-info {
	min-width: 500px;
}

.popup-detail.summary-info {
	min-width: 500px;
}

ul.summary-list {
	list-style: none;
	padding-left: 0px;
	float: left;
	/* max-width: 600px;*/
}

ul.summary-list>li:last-child {
	border-bottom: 1px solid #dcd8f7;
}

ul.summary-list>li {
	border: 1px solid #dcd8f7;
	width: 100%;
	float: left;
	border-bottom: 0px;
	position: relative;
}


ul.summary-list>li>strong {
	padding: 10px;
	display: inline-block;
	background: #edebfb;
	float: left;
	border-bottom: 1px solid #dcd8f7;
	width: 200px;
	padding-left: 50px;
	position: relative;
	color: #4f4f4f;
}

ul.summary-list>li>strong.fullw {
	width: 100%;
}

ul.summary-list>li>span {
	border-bottom: 1px solid #dcd8f7;
	display: inline-block;
	padding: 10px;
	margin-left: 0px;
	float: left;
	width: calc(100% - 200px);
	color: #4f4f4f;
}

ul.summary-list-sub {
	width: 100%;
	float: left;
	padding-left: 14px;
	margin-bottom: 0px;
}

ul.summary-list-sub li {
	list-style: none;
	padding: 3px;
	position: relative;
	font-size: 14.5px;
}

ul.summary-list>li>strong::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "FontAwesome" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\f058";
	left: 8px;
	position: absolute;
	font-size: 35px;
	top: 5px;
	color: var(--main-purple, #7761df);
}

ul.summary-list-sub li strong {
	padding-left: 0px;
}

ul.summary-list-sub li {
	padding-left: 30px;
}

ul.summary-list-sub>li::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 0px;
	vertical-align: middle;
	border: 0px;
	font-family: "FontAwesome" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\f00c";
	left: 8px;
	position: absolute;
	font-size: 18px;
	top: 4px;
	color: var(--main-purple, #7761df);
}

/*ul.summary-list-sub {	
		display: none;
	}*/
ul.summary-list li a {
	position: absolute;
	width: 45px;
	height: 45px;
	right: 0px;
	line-height: 44px;
	text-align: center;
	color: var(--main-purple, #7761df);
}

#editUserForm .sumo_selectAccount {
	width: 100%;
}

#editUserForm .SumoSelect>.optWrapper.multiple>.options li.opt label {
	text-align: left;
}

#editUserForm .SumoSelect>.optWrapper.multiple>.options li.opt label {
	text-align: left;
	min-width: 300px;
}

#editUserForm .SumoSelect>.optWrapper.multiple>.options li.opt {
	padding-left: 35px;
	cursor: pointer;
	float: left;
	width: 100%;
	line-height: 28px;
	top: 0px;
}

.switch_mobile_editor_block {
	position: absolute;
	top: 15px;
	left: 18px;
}

.switch_mobile_editor_block span.small-text-in {
	display: block;
	font-size: 13px;
	color: #828282;
	padding-top: 2px;
}

.page-targeting-options span.select2.select2-container {
	width: 70px !important;
}

.page-targeting-options.inline-block.wth15 {
	min-width: 133px;
}

.page-targeting-options .ppt-item span.select2.select2-container {
	width: 40px !important;
}

#summary_info_popup.poptin-modal-theme.poptin-modal-style-1 .modal-dialog {
	max-width: 100%;
	z-index: 9999;
	margin: 0 20px;
	width: 45%;
}

.creation-info {
	text-align: left;
	padding-bottom: 10px;
	font-size: 18px;
	padding-left: 28px !important;
}

.fullscreen-preview-mode #addElementsContainer .panel-body {
	height: 385px;
}

.fullscreen-preview-mode #addElementsContainer .addelem-item.has-child-options:hover .dropdown-ul {
	right: -59px;
}

.fullscreen-preview-mode #addElementsContainer .dropdown-ul:before,
.fullscreen-preview-mode #addElementsContainer .dropdown-ul:after {
	right: 135px;
}

@-webkit-keyframes showContent {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes showContent {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.redirectOpts label {
	font-size: 14.5px !important;
}

.panel.panel-open .panel-body {
	opacity: 0;
	-webkit-animation-name: showContent;
	animation-name: showContent;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	margin: 0;
}

.panel.panel-open .panel-close {
	opacity: 0;
	-webkit-animation-name: showContent;
	animation-name: showContent;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	margin: 0;
}

.step3-block .panel.panel-open .panel-body {
	-webkit-animation-name: '';
	animation-name: '';
	opacity: 1;
}

.panel.panel-open #afterConversionContainer .panel-body {
	-webkit-animation-name: '';
	animation-name: '';
	opacity: 1;
}

body#app-layout.modal-open {
	overflow: hidden !important;
}

.uploadBGImg div a {
	margin-right: 0px;

}

.card.setps-card i {
	position: relative;
}

.icon-megaphone:before {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: 13px;
	background-size: 100%;
	left: 15px;
	background-repeat: no-repeat;
}

h4.ptitlesmall {
	font-size: 16.5px;
	color: #828282;
}

.form-group.extended-fg {
	width: 550px;
	position: relative;
}

.form-group.extended-fg .form-control {
	width: 95%;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 250px;
	overflow-y: auto;
}

.nicescroll-rails.nicescroll-rails-vr {
	background: #e6e6e6;
	width: 6px !important;
	border-radius: 5px;
}

span.how-it-work {
	cursor: pointer;
	color: var(--main-purple, #7761df);
	text-decoration: underline;
}

.small-link-box {
	min-width: 150px;
	display: inline-block;
	width: 48%;
}

.small-link-box.sm-full-input {
	width: 100%;
}

span.ext {
	display: inline-block;
	line-height: 38px;
	color: #828282;
	margin-left: 5px;
	width: 150px;
	word-break: break-all;
	height: 40px;
	text-align: right;
}

.summary-desc {
	height: 340px;
	overflow: hidden;
}

ul.summary-list-sub li {
	display: none;
}

ul.summary-list-sub li.show {
	display: block;
}

.forms-step1 .btn-template-preview {
	/* display: none !important; */
}

.accounts-page .poptin-action.dropdown:hover .dropdown-menu:first-of-type {
	display: block;
	width: 100%;
	text-align: center;
	min-width: 140px;
	left: -15px;
}



.summary_ccPagetarget_clone span,
.summary_ccTrafficSource_clone span {
	margin-right: 5px;
	margin-left: 5px;
}

.summary_ccIpBlocking_clone span {
	margin: 0px 3px;
}

.summary_ccIpBlocking_clone strong {
	margin-right: 5px;
}

.account_selection_nav {
	width: 100%;
	display: inline-block;
	margin-top: 15px;
	list-style: none;
}

.row.dashboard-head.mb-3 .poptin-form-elem.wth40.inline-blockc.pull-left {
	width: 40%;
}

.account_selection_nav .select2-container {
	width: 100% !important;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.account_selection_nav .select2-container--default .select2-selection--single {
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #ffffffff;
}

.account_selection_nav .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #ffffffff;
	line-height: 41px;
	text-transform: capitalize;
	font-size: 16.5px;
	border-bottom: 1px solid #FFFFFF;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
	text-align: left;
	padding-left: 0px;
}

.account_selection_nav .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
	border: none;
	font-family: "poptin-font-icon" !important;
	font-style: normal !important;
	font-weight: normal !important;
	content: "\61" !important;
	height: 10px;
	left: 0px;
	margin-left: -6px;
	margin-top: 0px;
	position: absolute;
	top: 2px;
	width: 10px;
	color: #ffffffff;
	font-size: 16.5px;
}

.account_selection_nav .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-width: 0px;

}

.account_selection_nav .select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 41px;
	user-select: none;
	-webkit-user-select: none;
}

.account_selection_nav .select2-container--open .select2-selection--single {
	background: #ffffff;
	color: #828282 !important;
}

.account_selection_nav .select2-container--open .select2-selection--single .select2-selection__rendered {
	background: #ffffff;
	color: #828282 !important;
}

.account_selection_nav .select2-container--open .select2-selection--single .select2-selection__arrow b:before {
	color: #828282;
}

.account_selection_nav .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
	padding-left: 10px;
}

#select2-menuSelectAccount-results .select2-results__option {
	text-transform: capitalize;
}

div#summary-list-data ul.summary-list-sub li {
	display: none;
}

div#summary-list-data ul.summary-list-sub li.show {
	display: block;
}

grammarly-extension, .poptin-popup #norton-idsafe-field-styling-divId {
	display: none !important;
}

div#ssideFormat9 img.fr-view.fr-dii.fr-fil {
	margin: 0px;
}

[data-dashlanecreated] {

	display: none !important;
}

.fb-input-field span {
	/* display: none !important; */
}

.label-color-wrapper {
	position: absolute;
	top: 13px;
    right: 60px;
	z-index: 1;
}

.step2-left-part .position-relative {
	position: initial !important;
}

.fullscreen-preview-mode .step2-left-part .position-relative {
	position: relative !important;
	;
}

.btn.btn-sm.btn-optemp.btn-success {
	font-size: 13px;
	padding: 2px 10px;
	margin-top: 0px;
}

/*Autoresponder Templates*/

.autorespo-template-buttons .btn-autorespo-temp {
	width: 25%;
}

.autorespo-template-buttons .btn-autorespo-temp img {
	width: 100%;
}

.autorespo-template-buttons .btn-autorespo-temp {
	width: 31%;
	float: left;
	margin: 0px 1%;
	border: 0px;
	border-radius: 5px;
	overflow: hidden;
	padding: 0px;
	/* height: 55px; */
	margin-bottom: 15px;
	cursor: pointer;
}

.autorespo-template-buttons {
	width: 100%;
}

a.pixel-code-tooltip p {
	color: var(--main-purple, #7761df);
	font-weight: 500;
}

div#firstPoptinModal .row-left {
	width: 100%;
	text-align: center;
	font-size: 24px !important;
	color: #5b5b5d !important;
}

.row-center input#pixelCodeStep3 {
	text-align: center;
	width: 100%;
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}

div#firstPoptinModal .row-center {
	width: 100%;
	text-align: center;
}

#ModalSignupPopups.modal {
	text-align: center;
}

@media screen and (min-width: 768px) {
	#ModalSignupPopups.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

#ModalSignupPopups .modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.poptin-custom-group-radio button.btn:first-child {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

.poptin-custom-group-radio button.btn:last-child {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.poptin-custom-group-radio button.btn {
	font-weight: normal;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	font-size: 12.5px;
}

.poptin-custom-group-radio button.btn:hover,
.poptin-custom-group-radio button.btn:focus {
	border: 1px solid transparent;
	background: #ffffff;
	color: #828282;
}

.poptin-custom-group-radio button.btn.active {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.13), 0px 4px 10px rgba(0, 0, 0, 0.13) inset;
	border-right: 0px;
	border-bottom: 1px solid #f3f3f3;
}

.form-align-wrap {
	opacity: 0;
}

.form-align-wrap.radiosforbuttons-maindiv-form-align {
	opacity: 1;
}

.form-align-wrap-container label.mr-2.minline {
	margin-bottom: 10px;
}

.radiosforbuttons-form-align {
	font-size: 10px !important;
}

.sub-menu li.nav-item.msg-text span {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	display: block;
}

.sub-menu li.nav-item.msg-text {
	margin-bottom: 10px;
	display: block;
}

.card.text-center.disabled.wix-user-inside {
	background: #eee;
}

.poptin-item-selection .card.text-center.disabled.wix-user-inside:hover {}

.poptin-item-selection p.hover-text {
	display: none;
}

.poptin-item-selection .card.text-center.disabled.wix-user-inside:hover p {
	display: none;
}

.poptin-item-selection .card.text-center.disabled.wix-user-inside:hover p.hover-text {
	display: block;
}

#autoresponderPoptinsContainer .SumoSelect.open .CaptionCont.SelectBox.search:before {
	left: 10px;
}

#autoresponderPoptinsContainer .SumoSelect>.optWrapper>.options li.opt {
	padding: 6px;
	position: relative;
	border-bottom: 1px solid #f5f5f5;
	text-align: left;
}

#autoresponderPoptinsContainer .poptin-form-elem .SumoSelect .SelectBox {
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.13);
	border: 0px;
	color: #828282;
	text-align: left;
}

.autorespo-action {
	position: absolute;
	right: -44px;
}

.autorespo-action button.btn.btn-rounded.btn-danger.remove-autoresponder-poptins {
	position: absolute;
	left: -99px;
}

#autoresponderPoptinsContainer .autorespo-action .btn {
	width: 37px;
	text-align: center;
	height: 37px;
	padding: 0px;
}

#autoresponderPoptinsContainer .autorespo-action .btn i {
	display: inline-block;
	position: relative;
	width: 37px;
	height: 37px;
	line-height: 37px;
	left: -1px;
	top: -1px;
}

#ModalPaymentPopups #package_body_1 h3.unchecked-price span {
	display: none;
}

#ModalPaymentPopups #package_body_1 .price-discount-area {
	display: none;
}

#ModalPaymentPopups #package_body_1 .price-info {
	border: 0px;
}

#ModalPaymentPopups .price-info h3 {
	font-size: 57px;
	font-weight: normal;
	color: var(--main-purple, #7761df);
	padding-left: 30px;
}

/*packgage update css*/
#package_body_4 .unchecked-price .dur {
	left: -20px;
	position: relative;
}

#package_body_4 .checked-price d#priceSubyearly {
    font-size: 57px;
}
.v2-pricing-packages #package_body_4 .unchecked-price .dur{
	left:0px;
}
#package_body_8 div#priceContainer .unchecked-price .dur {
    left: -18px;
    position: relative;
    margin-left: 0px;
}

#package_body_8 .checked-price d#priceSubyearly {
    font-size: 57px;
}

#package_body_8 .price-info h3.unchecked-price span.tax-text {
	display: block;
	font-size: 13px;
	margin-top: -10px;
	right: 8px;
}

#package_body_8 span#pricebreakupSubyearly {
	right: 8px;
}

#package_body_8 .price-info h3 span.currency {
	top: 20px;

}

#package_body_9 .unchecked-price .dur {
	left: -20px;
	position: relative;
}

#package_body_9 .checked-price d#priceSubyearly {
    font-size: 57px;
}

#package_body_9 .price-info h3.unchecked-price span.tax-text {
	display: block;
	font-size: 13px;
	margin-top: -10px;
	right: 8px;
}

#package_body_9 span#pricebreakupSubyearly {
	right: 6px;
	margin-top: -20px;
}

#package_body_9 .price-info h3 span.currency {
	top: 20px;

}

#package_body_9 .price-info h3 {
	font-size: 70px;
}

	#ModalPaymentPopups .checked-price d ,#ModalPaymentPopups .unchecked-price d{
	position:relative;
	}
	#ModalPaymentPopups .unchecked-price #priceSub:before ,#ModalPaymentPopups .checked-price #priceSubyearly:before ,
	#ModalPaymentPopups .unchecked-price #priceSub:before, #ModalPaymentPopups .checked-price #priceSubyearly:before, #ModalPaymentPopups .unchecked-price #priceSubyearly:before, #ModalPaymentPopups .checked-price #priceSub:before {
		content: '$';
		position: absolute;
		font-size: 18px;
		left: -12px;
		top: 16px;
	}
	#ModalPaymentPopups .checked-price#yearly_price_7 #priceSubyearly:before {
		top: -6px !important;
	}
	.payment-country-IL #yearly_price_10 span.tax-text.price-breakup {
		position: absolute;
		top: 20px;
		right: 44px;
		color: #BDBDBD;
	}
	h3#yearly_price_7 span#pricebreakupSubyearly {
		right: 36px;
		margin-top: -6px;
	}
	h3#yearly_price_7 span.tax-text {
		margin-top: -8px;
	}
	#ModalPaymentPopups  span.switch-labels {
		top: 0px;
	}

#ModalPaymentPopups #package_body_1 .unchecked-price #priceSub:before,
#ModalPaymentPopups #package_body_1 .checked-price #priceSubyearly:before,
#ModalPaymentPopups #package_body_1 .unchecked-price #priceSubyearly:before,
#ModalPaymentPopups #package_body_1 .checked-price #priceSub:before {
	display: none;
}

#ModalPaymentPopups .price-info h3 span.currency {
	display: none;
}
#yearly_price_9 span#pricebreakupSubyearly, #yearly_price_8 span#pricebreakupSubyearly {
    right: 33px;
    top: 18px;
}
#package_body_4 #yearly_price_10 span#pricebreakupSubyearly {
    top: 19px;
    right: 43px;
}
#package_body_11 span#pricebreakupSubyearly {
    top: 19px;
    right: 31px;
}
#package_body_4 span.tax-text.price-breakup {
    position: absolute;
    top: 18px;
    right: 70px;
    color: #BDBDBD;
}

.notooltip .fr-tooltip {
	display: none;
}

div#ModalPaymentPopups .tax-text {
	display: none;
}
div#ModalPaymentPopups .tax-text.price-breakup{
    display: block;
}

div#ModalPaymentPopups.payment-country-IL .tax-text {
	display: block;
}

.alert .alerti-x {
	position: absolute;
	top:0px;
	right: 25px;
}

.integration-item {
	position: relative;
}

.integration-item span.remove-integration {
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out 0s;
}

.integration-item:hover span.remove-integration {
	opacity: 1;
}

.integration-item span.remove-integration {
	position: absolute;
	right: -5px;
	top: -5px;
	background: #ddd;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 15px;
	background: #000000;
	color: #fff;
	border-radius: 50%;
	font-size: 10px;
	cursor: pointer;
	z-index: 999;
}

.color-scheme-wrap {
	position: absolute;
	bottom: 0px;
	padding: 10px;
	z-index: 99999;
}

.color-scheme-wrap .color-handle {
	background: #ffffff;
	color: #333333;
	padding: 10px;
	font-size: 18px;
	border-radius: 8px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 36px;
	height: 36px;
	text-align: center;
	cursor: pointer;
}

.color-scheme-wrap ul {
	display: none;
	background: #ffffff;
	margin: 0px;
	padding: 1px 7px;
	position: absolute;
	bottom: 55px;
	left: 10px;
	width: 180px;
	border-radius: 8px;
	list-style: none;
}

.color-scheme-wrap ul li {
	height: 45px;
	margin: 5px 0;
	padding: 5px;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #dddd;
}

.color-scheme-wrap ul li.selected,
.color-scheme-wrap ul li:hover {
	background: #dddddd;
}

.color-scheme-wrap ul li span {
	width: 21%;
	height: 30px;
	display: inline-block;
	background: #eeeeee;
	border-radius: 8px;
	margin: 0 2%;
	float: left;
}

.aria-field-label,
.aria-field-wrap {
	float: left;
}

/*Button blocks bg color and hover*/
.step2-bg-row .sp-replacer.sp-light {
	padding: 4px;
	min-width: 40px;
}

.step2-bg-row .form-group.btn-label-block {
	width: 50px;
	float: left;
}

.step2-bg-row .form-group.inner-jscolor {
	width: 40px;
	padding: 0px;
	margin: 0px;
}

.step2-bg-row .form-group.btn-label-block label {
	line-height: 36px;
	width: 100%;
}

.step2-bg-row .extra-link-btn-blk .form-group.btn-label-block label {
	line-height: 18px;
}

.step2-bg-row .extra-link-btn-blk .form-group.btn-label-block.hover-text label {
	line-height: 36px;
}

.col-md-5.upload-bgimg-blk {
	padding-left: 0px;
	padding-right: 5px;
}

label.poptin_link.btn_upload_bg.btn-file.small-btn .upload-bg-text div {
	left: 10px;
}

.text-24 {
	font-size: 24px !important;
}

.sidebar .nav.sub-menu#accounts-list .nav-item .nav-link {
	white-space: initial !important;
}

nav.isScrolling.navbar {
	position: absolute !important;
}

nav.isScrolling.navbar .navbar-menu-wrapper {
	width: 100%;
}

nav.isScrolling.navbar .navbar-brand-wrapper {
	position: fixed !important;
}

/* Arrow beneath manual trigger text */
@media only screen and (min-width: 868px) and (max-width: 1219px) {
	.custom-radio:checked~.arr:before {
		position: absolute;
		top: 102px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 867px) {
	.custom-radio:checked~.arr:before {
		position: absolute;
		top: 122px;
	}
}
@media only screen and (min-width: 457px) and (max-width: 627px) {
	.custom-radio:checked~.arr:before {
		position: absolute;
		top: 102px;
	}
}
@media only screen and (min-width: 366px) and (max-width: 456px) {
	.custom-radio:checked~.arr:before {
		position: absolute;
		top: 123px;
	}
}
@media only screen and (min-width: 328px) and (max-width: 365px) {
	.custom-radio:checked~.arr:before {
		position: absolute;
		top: 144px;
	}
}
@media only screen and (min-width: 300px) and (max-width: 327px) {
	.custom-radio:checked~.arr:before {
		position: absolute;
		top: 165px;
	}
}

/* Image Upload Option For Step2 Design */

.imageUploadTabs {
    background: transparent;
    width: 100%;
    border-radius: 0px;
    border-bottom: 1px solid #EDEAF2;
}
.imageUploadTabs .custom-tooltip {
    position: relative;
    display: inline-block;
}
.imageUploadTabs .custom-tooltip .tooltiptext {
    visibility: hidden;
    background: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    font-size: 12px;
    position: absolute;
    width: 220px;
    bottom: 40px;
    left: 10%;
}
.imageUploadTabs .custom-tooltip:hover .tooltiptext {
  visibility: visible;
}
.imageUploadTabs .custom-tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
#defaultImageUploadOpenTab {
    border-radius: 0px;
}
#closeImageUploadIcon {
    border-radius: 0 10px 0 0;
}
.imageUploadTabs button {
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px 16px;
    background: transparent;
    transition: all 0.25s;
    font-size: 14px;
    color: #9D9BB2;
}

.imageUploadTabs button i {
    color: #ffffff;
}
.imageUploadTabs button:hover i {
    font-size: 15px;
}
.imageUploadTabs button.active {
    color: #7761DF;
    border-bottom: 1px solid #4136AC;
}
.imageUploadTabs button.active i {
    color: black;
}
.imageUploadTabs .closeImageUpload {
    float: right;
}
.imageUploadTabContent {
    display: none;
    border-top: none;
    width: 100%;
    min-height: 300px;
    border-radius: 0px;
    overflow: hidden;
}
.imageUploadTabContent .content {
    background: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#image-upload-drop-region {
	background: #ffffff;
	text-align: center;
	cursor: pointer;
	transition: 0.3s;
	width: 96%;
	height: 91%;
	margin: 15px auto;
	border-radius: 10px;
}
#image-upload-drop-region:hover {
  background: #f2f2f2;
}
#selectModeContent {
    display: block;
}
#imageUploadUrlInput {
    width: 400px;
		margin-top: 8px;
}
#imageUploadUrlBtn {
    cursor: pointer;
    margin-top: 16px;
}
#imageUploadUrlBtn:hover {
    color: #ffffff;
		background-color: #7761DF;
}
.imageUploadTabContent .content .custom-hr {
    width: 93%;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.imageUploadTabContent .content .gallery-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 93%;
}
.imageUploadTabContent .content .gallery-heading .title {
    font-size: 13px;
}
.imageUploadTabContent .content .gallery-heading form {
    width: 40%;
}
.imageUploadTabContent .content .gallery-heading .input-group .image-gallery-search-input {
    padding: 6px !important;
    height: 25px !important;
    font-size: 12px !important;
}
.imageUploadTabContent .content .gallery-heading .input-group .input-group-addon {
    padding: 0.1rem 0.5rem !important;
    cursor: pointer;
}
.imageUploadTabContent .content .gallery-heading .input-group .input-group-addon .fa-search {
    font-size: 11px;
}
#galleryImages {
    width: 100%;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#galleryImages .img {
    width: 220px;
    height: 100px;
    margin: 5px;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: 2px;
    cursor: pointer;
}
#galleryModeContent .content .image-gallery-loader {
    width: 100%;
    padding: 20px;
    display: none;
}
#galleryModeContent .content .image-gallery-loader .spin-loading {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #7761dF;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: 0 auto;
}
#galleryModeContent .content .image-gallery-no-result {
    width: 100%;
    padding: 50px;
    display: none;
    justify-content: center;
    align-items:  center;
}
#galleryModeContent .content .image-gallery-no-result .reset-gallery-btn {
    color: #7761dF;
    cursor: pointer;
}
#galleryModeContent .content .image-gallery-no-result .reset-gallery-btn:hover {
    text-decoration: underline;
}
#urlModeContent .image-formats {
	font-size: 12px;
}
#urlModeContent input::placeholder {
	font-size: 11px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* Image Upload Option For Step2 Design Ends */

/* Draft popup edit button */
.edit-draft-button {
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 35px;
}
.edit-buttons .draft-popup-edit-btn {
    background: var(--main-purple, #7761df);
    border-radius: 40px 0 0 40px;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    padding: 8px;
    display: block;
    height: 35px;
}
.custom-dropdown .custom-dropdown-content {
    overflow: inherit !important;
}
.custom-dropdown .custom-btn {
	background-color: var(--main-purple, #7761df);
    color: white;
    padding: 9px 10px 5px 10px;
    border-radius: 0 40px 40px 0;
    cursor: pointer;
    margin-left: 1px;
    border: none !important;
    outline: none !important;
    font-size: 14px !important;
}
.custom-dropdown .dropdown-toggle::after {
	display: none !important;
}
.custom-dropdown-content {
    display: none;
    position: absolute;
    background-color: #F7F6FD;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
    right: -17px !important;
    left: auto !important;
    margin-top: 8px;
    padding: 0 !important;
}
.custom-dropdown-content a {
    color: #585555;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-size: 13px !important;
}
.custom-dropdown-content a:hover {
    color: var(--main-purple, #7761df);
}
.custom-dropdown-content:before {
    position: absolute;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent #f7f6fd transparent;
    z-index: 100000;
    top: -22px;
    content: '';
    width: 15px;
    height: 11px;
    right: 21px;
}
/* Draft popup edit button ends */

/* bgColor hover text on first color */
.spectrum-color-container .sp-palette-sub-sec {
    position: relative;
}
.spectrum-color-container .sp-initial .defaultBgColorTooltip {
    position: absolute;
    top: -20px;
    left: 28%;
    display: none;
}
@media only screen and (min-width: 1201px) and (max-width: 1245px) {
    .spectrum-color-container .sp-initial .defaultBgColorTooltip {
        left: 25%;
    }
}
@media only screen and (min-width: 1101px) and (max-width: 1200px) {
    .spectrum-color-container .sp-initial .defaultBgColorTooltip {
        left: 45%;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1100px) {
    .spectrum-color-container .sp-initial .defaultBgColorTooltip {
        left: 55%;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1024px) {
    .spectrum-color-container .sp-initial .defaultBgColorTooltip {
        left: 45%;
    }
}
.spectrum-color-container .sp-initial .defaultBgColorTooltip .mainContent {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #696969;
    color: #ffffff;
    padding: 2px 4px;
    border-radius: 4px;
    font-family: "Poppins", sans-serif !important;
    white-space: nowrap;
}
.spectrum-color-container .sp-initial .defaultBgColorTooltip .arrow {
    position: absolute;
    top: 22px;
    left: 55px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #696969;
}
/* bgColor hover text on first color ends */

/* Video Play Icon For Video Placeholder */
.froala-video-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.video-play-icon {
    z-index: 99;
    position: absolute;
}
/* Video Play Icon For Video Placeholder Ends */

/* Dashboard - SideBar*/
#sidebar {
	overflow: auto;
}
#ui-basic-segment .scroll-pane, #ui-basic-email .scroll-pane {
	padding-bottom: 5px !important;
}

/* Advanced settings Step2 */
.advance-settings-block .poptin-form-elem .account-fonts-label {
	margin-left: 0 !important;
}
.advance-settings-block .poptin-form-elem .custom-checkbox-label {
	font-size: 14px !important;
}
.advance-settings-block .poptin-form-elem .bg-overlay-overlay {
	width: auto !important;
}
.advance-settings-block .poptin-form-elem .sp-replacer {
	padding: 0 !important;
	min-width: 45px !important;
}
.advance-settings-block .poptin-form-elem span.card-caption-help {
	top: 4px !important;
}
.ml-n4 {
	margin-left: -4px;
}
/* Advanced settings Step2 ends */

/* Autoresponder settings Step2 */
.autoresponder-block .poptin-form-elem .card-caption-help {
	top: 4px;
}
.autoresponder-block .poptin-form-elem .select2-container {
	min-width: 150px !important;
}
/* Autoresponder settings Step2 ends */

/* Email and Integrations Step2 */
.after-conversion-block .poptin-form-elem .card-caption-help {
	top: 4px;
}

/* Email and Integrations Step2 ends */

/* Countries list Step3 */
.step3-block li#addPagetargetClone .card-caption-help {
	top: -2px;
}
.step3-block li#addPagetargetClone span.card-caption-help::before {
	top: -1px;
}
/* Countries list Step3 ends */

/* Panel title headers Step3 */
.step3-block .panel.poptin-panel .panel-heading h3 {
	width: 85% !important;
}
/* Panel title headers Step3 ends */

/* Popup overview page (custom advanced xlsx filter) */
@media only screen and (min-width: 320px) and (max-width: 450px) {
	.poptin-filters .custom-advanced-xlsx-filter {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
/* Popup overview page (custom advanced xlsx filter) ends */

/* Bg color and upload bg image Step2 */
@media only screen and (min-width: 320px) and (max-width: 450px) {
	#generalSettingsContainer .step2-bg-row .btn-additional-submit {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#generalSettingsContainer .step2-bg-row .btn_upload_bg {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#generalSettingsContainer .step2-bg-row .col-md-6 {
		padding-left: 0;
	}
	#generalSettingsContainer .step2-bg-row .custom-btn-label-block {
		margin-right: 8px;
	}
}
/* Bg color and upload bg image Step2 ends */

/* Preview button Step2 */
@media only screen and (min-width: 320px) and (max-width: 768px) {
	.design-preview-footer {
		margin: 0 auto !important;
	}
}
/* Preview button Step2 */

/* Edit action buttons for popup overview */
.custom-edit-action-buttons {
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.custom-edit-action-buttons .custom-poptin-action {
	width: 100% !important;
	display: flex;
}
.custom-edit-action-buttons .custom-poptin-action .custom-dropdown-menu {
	width: 90% !important;
	position: relative !important;
	margin: 0 auto !important;
}
.custom-edit-action-buttons .poptin-action .micon {
	position: relative !important;
}
.custom-edit-action-buttons .custom-poptin-action .custom-dropdown-menu li.micon.cln-btn-li {
	right: auto;
}
.custom-edit-action-buttons .custom-poptin-action .custom-dropdown-menu li.micon.ab-test-li {
	right: auto;
}
.custom-edit-action-buttons .custom-poptin-action .custom-dropdown-menu .micon.edit-btn-li {
	right: auto;
}
.edit-buttons.abtest-edit-buttons li {
    right: auto !important;
}
.abtest-edit-buttons .custom-poptin-action {
    width: 100% !important;
    display: flex;
}
.abtest-edit-buttons li.micon.cln-btn-li {
    margin-right: 40px;
}
/* Edit action buttons for popup overview */

/* Form builder hidden fields */
#form-builder-items .form-builder-items-hidden li {
	display: flex;
	justify-content: space-between;
}
#form-builder-items .form-builder-items-hidden .fb-input-field.inline-block {
	width: 48% !important;
}
/* Form builder hidden fields ends */

/* Cookie targeting Step3 */
.cookie-block .right_second {
	width: 42% !important;
}
.cookie-block .null-block {
	width: 20% !important;
}
.cookie-block .margin-right-cookie .left_second {
	width: 25% !important;
}
.cookie-block .margin-right-cookie .right_second,
.cookie-block .margin-right-cookie .cookie-value-name {
	width: 42% !important;
}
/* Cookie targeting Step3 ends */

/* Add more button form builder element step2 */
#form-builder-items .add-more-btn.no-option {
	position: relative;
	top: auto !important;
	right: auto !important;
}
/* Add more button form builder element step2 ends */

.order-history-tooltip {
	vertical-align: top;
	margin-top: 5px !important;
}

.shopify-cart-prod-manual .select2-search.select2-search--inline {
	background: #fff;
}
.shopify-cart-prod-manual .select2-selection__choice, #soh_multi_product_subblock_child .select2-selection__choice {
	margin-left: 5px !important;
}
.shopify-cart-prod-manual .select2-container--default .select2-selection--multiple .select2-selection__choice, #soh_multi_product_subblock_child .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #f1effc;
	border: 1px solid #c4b9ff;
	color: #7661df;
}
.shopify-cart-prod-manual .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove, #soh_multi_product_subblock_child .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
	color: #7661df;
}
.shopify-cart-prod-manual .select2-search__field, #soh_multi_product_subblock_child .select2-search__field {
	padding-left: 5px !important;
}

.shopify-cart-prod-manual .select2-selection, #soh_multi_product_subblock_child .select2-selection{
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15) !important;
}
.shopify-cart-prod-manual .select2-selection .select2-selection__rendered, #soh_multi_product_subblock_child .select2-selection .select2-selection__rendered{
	padding: 0;
}
.main-table .fa-exclamation-triangle {
    color: red;
    font-size: 18px;
    display: block;
    text-align: center;
}

/* Accounts table - action button */
body.layout-en .poptin-tables #account-table tr td button.btn.btn-action {
	left: 6px;
}

/* alert message - delete account modal */
#deleteApprovalModal .error-response-message {
	display: none;
}
#main-box-right-wrapper .shape-link{
	z-index:-1;
}

/* modal payment popup - payment links images */
#ModalPaymentPopups .payemnt-options-links {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
}

.poptin-form-elem.custom-domain-picker .select2-container--default .no-icon:before {
    display: none;
}
.poptin-form-elem.custom-domain-picker .select2-container--default .no-icon  span#select2-domain-container {
    padding-left: 15px;
    text-align: left;
}
.custom-domain-picker span.select2.select2-container.select2-container--default {
    width: calc(100% - 175px) !important;
    border: none;
}
.custom-domain-picker span.select2.select2-container.select2-container--default .select2-selection {box-shadow: none;border: none;min-height: 39px;}
.custom-domain-picker span.select2.select2-container.select2-container--default .select2-selection .select2-selection__rendered {
    line-height: 39px;
}


.select2-action-buttons {
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
}
.select2-dropdown--below .select2-action-buttons {
    bottom: -42px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.select2-dropdown--above .select2-action-buttons {
   top: -42px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.select2-action-buttons a {
    text-align: center;
    display: inline-block;
    font-size: 13px;
    width: 50%;
    line-height: 40px;
    border-right: 1px solid #ddd;
    color: #7363DE;
    font-weight:500;
}

.select2-action-buttons a:last-child {
    border: 0px;
}
.select2-action-buttons a:first-child:before {
    background: url(../images/shopify-icon.png);
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 20px;
    background-repeat: no-repeat;
    top: 7px;
    margin-left: -25px;
}

.select2-action-buttons a:first-child {
    padding-left: 25px;
    position: relative;
}
.select2-action-buttons a:hover {
    text-decoration: none;
    color: #828282;
}

.before-conversion {
	position: relative;
}

.add-field-message {
	align-items: center;
	background-color: rgba(255, 255, 255, 0.95);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: -16px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
}

#body-block {
	position: relative;
}

.add-field-message span {
	text-align: center;
	color: #7f7f7f;
	font-size: 14px !important;
	width: 50%;
}

#poptinDesignFields {
	transition: all 0.5s linear;
}
.add-input, .add-input span {
	color: var(--main-purple, #7761df);
	font-size: 14px !important;
	font-weight: 400;
}

.add-input:hover span {
	color: #ffffff;
	transition: all 1s ease-in-out;
}

.add-field-message-autoresponder {
	display: flex;
	color: #7f7f7f;
	justify-content: space-between;
	font-size: 14px;
}

.add-field-message-autoresponder > span {
	margin-top: 8px;
	font-weight: 700;
}

@media only screen and (min-width:768px) and (max-width:860px) {
	.sign-up-form-inside:not(.forgot-password) {
		width: 100%;
	}
}