/**
 * Dual Ring Spinner
 */
.blockons-pageloader-one {
	display: inline-block;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-one div.bpl {
	display: none;
}
.blockons-pageloader-one div.bpl.one {
	display: block;
	width: 60px;
	height: 60px;
	margin: 8px;
	border-radius: 50%;
	border: 4px solid #af2dbf;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	-webkit-animation: blockons-pageloader-one 1.2s linear infinite;
	        animation: blockons-pageloader-one 1.2s linear infinite;
}
@-webkit-keyframes blockons-pageloader-one {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes blockons-pageloader-one {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/**
 * Loading Bars
 */
.blockons-pageloader-two {
	display: inline-block;
	position: relative;
	width: 70px;
	height: 80px;
}
.blockons-pageloader-two div.bpl {
	display: inline-block;
	position: absolute;
	left: 5px;
	width: 15px;
	background-color: #af2dbf;
	-webkit-animation: blockons-pageloader-two 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
	        animation: blockons-pageloader-two 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.blockons-pageloader-two div.bpl.one {
	left: 5px;
	-webkit-animation-delay: -0.24s;
	        animation-delay: -0.24s;
}
.blockons-pageloader-two div.bpl.two {
	left: 28px;
	-webkit-animation-delay: -0.12s;
	        animation-delay: -0.12s;
}
.blockons-pageloader-two div.bpl.three {
	left: 51px;
	-webkit-animation-delay: 0;
	        animation-delay: 0;
}
.blockons-pageloader-two div.bpl.four,
.blockons-pageloader-two div.bpl.five,
.blockons-pageloader-two div.bpl.six,
.blockons-pageloader-two div.bpl.seven,
.blockons-pageloader-two div.bpl.eight,
.blockons-pageloader-two div.bpl.nine,
.blockons-pageloader-two div.bpl.ten,
.blockons-pageloader-two div.bpl.eleven,
.blockons-pageloader-two div.bpl.twelve {
	display: none !important;
}
@-webkit-keyframes blockons-pageloader-two {
	0% {
		top: 8px;
		height: 64px;
	}
	50%,
	100% {
		top: 24px;
		height: 32px;
	}
}
@keyframes blockons-pageloader-two {
	0% {
		top: 8px;
		height: 64px;
	}
	50%,
	100% {
		top: 24px;
		height: 32px;
	}
}

/**
 * Circular Ripple
 */
.blockons-pageloader-three {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-three div.bpl {
	position: absolute;
	border: 3px solid #af2dbf;
	opacity: 1;
	border-radius: 50%;
	-webkit-animation: blockons-pageloader-three 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
	        animation: blockons-pageloader-three 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.blockons-pageloader-three div.bpl.two {
	-webkit-animation-delay: -0.5s;
	        animation-delay: -0.5s;
}
.blockons-pageloader-three div.bpl.three,
.blockons-pageloader-three div.bpl.four,
.blockons-pageloader-three div.bpl.five,
.blockons-pageloader-three div.bpl.six,
.blockons-pageloader-three div.bpl.seven,
.blockons-pageloader-three div.bpl.eight,
.blockons-pageloader-three div.bpl.nine,
.blockons-pageloader-three div.bpl.ten,
.blockons-pageloader-three div.bpl.eleven,
.blockons-pageloader-three div.bpl.twelve {
	display: none !important;
}
@-webkit-keyframes blockons-pageloader-three {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}
@keyframes blockons-pageloader-three {
	0% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	4.9% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 0;
	}
	5% {
		top: 36px;
		left: 36px;
		width: 0;
		height: 0;
		opacity: 1;
	}
	100% {
		top: 0px;
		left: 0px;
		width: 72px;
		height: 72px;
		opacity: 0;
	}
}

/**
 * Loading Ring Spinner
 */
.blockons-pageloader-four {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-four div.bpl {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 4px solid #af2dbf;
	border-radius: 50%;
	-webkit-animation: blockons-pageloader-four 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	        animation: blockons-pageloader-four 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-left-color: transparent !important;
	border-right-color: transparent !important;
	border-bottom-color: transparent !important;
}
.blockons-pageloader-four div.bpl.one {
	-webkit-animation-delay: -0.45s;
	        animation-delay: -0.45s;
}
.blockons-pageloader-four div.bpl.two {
	-webkit-animation-delay: -0.3s;
	        animation-delay: -0.3s;
}
.blockons-pageloader-four div.bpl.three {
	-webkit-animation-delay: -0.15s;
	        animation-delay: -0.15s;
}
.blockons-pageloader-four div.bpl.four,
.blockons-pageloader-four div.bpl.five,
.blockons-pageloader-four div.bpl.six,
.blockons-pageloader-four div.bpl.seven,
.blockons-pageloader-four div.bpl.eight,
.blockons-pageloader-four div.bpl.nine,
.blockons-pageloader-four div.bpl.ten,
.blockons-pageloader-four div.bpl.eleven,
.blockons-pageloader-four div.bpl.twelve {
	display: none !important;
}
@-webkit-keyframes blockons-pageloader-four {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes blockons-pageloader-four {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/**
 * Clock Spinner
 */
.blockons-pageloader-five {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-five div.bpl {
	-webkit-transform-origin: 40px 40px;
	        transform-origin: 40px 40px;
	-webkit-animation: blockons-pageloader-five 1.2s linear infinite;
	        animation: blockons-pageloader-five 1.2s linear infinite;
	background-color: #af2dbf;
}
.blockons-pageloader-five div.bpl::after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background-color: inherit;
}
.blockons-pageloader-five div.bpl.one {
	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	-webkit-animation-delay: -1.1s;
	        animation-delay: -1.1s;
}
.blockons-pageloader-five div.bpl.two {
	-webkit-transform: rotate(30deg);
	        transform: rotate(30deg);
	-webkit-animation-delay: -1s;
	        animation-delay: -1s;
}
.blockons-pageloader-five div.bpl.three {
	-webkit-transform: rotate(60deg);
	        transform: rotate(60deg);
	-webkit-animation-delay: -0.9s;
	        animation-delay: -0.9s;
}
.blockons-pageloader-five div.bpl.four {
	-webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	-webkit-animation-delay: -0.8s;
	        animation-delay: -0.8s;
}
.blockons-pageloader-five div.bpl.five {
	-webkit-transform: rotate(120deg);
	        transform: rotate(120deg);
	-webkit-animation-delay: -0.7s;
	        animation-delay: -0.7s;
}
.blockons-pageloader-five div.bpl.six {
	-webkit-transform: rotate(150deg);
	        transform: rotate(150deg);
	-webkit-animation-delay: -0.6s;
	        animation-delay: -0.6s;
}
.blockons-pageloader-five div.bpl.seven {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
	-webkit-animation-delay: -0.5s;
	        animation-delay: -0.5s;
}
.blockons-pageloader-five div.bpl.eight {
	-webkit-transform: rotate(210deg);
	        transform: rotate(210deg);
	-webkit-animation-delay: -0.4s;
	        animation-delay: -0.4s;
}
.blockons-pageloader-five div.bpl.nine {
	-webkit-transform: rotate(240deg);
	        transform: rotate(240deg);
	-webkit-animation-delay: -0.3s;
	        animation-delay: -0.3s;
}
.blockons-pageloader-five div.bpl.ten {
	-webkit-transform: rotate(270deg);
	        transform: rotate(270deg);
	-webkit-animation-delay: -0.2s;
	        animation-delay: -0.2s;
}
.blockons-pageloader-five div.bpl.eleven {
	-webkit-transform: rotate(300deg);
	        transform: rotate(300deg);
	-webkit-animation-delay: -0.1s;
	        animation-delay: -0.1s;
}
.blockons-pageloader-five div.bpl.twelve {
	-webkit-transform: rotate(330deg);
	        transform: rotate(330deg);
	-webkit-animation-delay: 0s;
	        animation-delay: 0s;
}
@-webkit-keyframes blockons-pageloader-five {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes blockons-pageloader-five {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/**
 * Circle Roller
 */
.blockons-pageloader-six {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.blockons-pageloader-six div.bpl {
	-webkit-animation: blockons-pageloader-six 1.6s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	        animation: blockons-pageloader-six 1.6s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	-webkit-transform-origin: 40px 40px;
	        transform-origin: 40px 40px;
	background-color: #af2dbf;
}
.blockons-pageloader-six div.bpl::after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: inherit;
	margin: -4px 0 0 -4px;
}
.blockons-pageloader-six div.bpl.one {
	-webkit-animation-delay: -0.036s;
	        animation-delay: -0.036s;
}
.blockons-pageloader-six div.bpl.one::after {
	top: 63px;
	left: 63px;
}
.blockons-pageloader-six div.bpl.two {
	-webkit-animation-delay: -0.072s;
	        animation-delay: -0.072s;
}
.blockons-pageloader-six div.bpl.two::after {
	top: 68px;
	left: 56px;
}
.blockons-pageloader-six div.bpl.three {
	-webkit-animation-delay: -0.108s;
	        animation-delay: -0.108s;
}
.blockons-pageloader-six div.bpl.three::after {
	top: 71px;
	left: 48px;
}
.blockons-pageloader-six div.bpl.four {
	-webkit-animation-delay: -0.144s;
	        animation-delay: -0.144s;
}
.blockons-pageloader-six div.bpl.four::after {
	top: 72px;
	left: 40px;
}
.blockons-pageloader-six div.bpl.five {
	-webkit-animation-delay: -0.18s;
	        animation-delay: -0.18s;
}
.blockons-pageloader-six div.bpl.five::after {
	top: 71px;
	left: 32px;
}
.blockons-pageloader-six div.bpl.six {
	-webkit-animation-delay: -0.216s;
	        animation-delay: -0.216s;
}
.blockons-pageloader-six div.bpl.six::after {
	top: 68px;
	left: 24px;
}
.blockons-pageloader-six div.bpl.seven {
	-webkit-animation-delay: -0.252s;
	        animation-delay: -0.252s;
}
.blockons-pageloader-six div.bpl.seven::after {
	top: 63px;
	left: 17px;
}
.blockons-pageloader-six div.bpl.eight {
	-webkit-animation-delay: -0.288s;
	        animation-delay: -0.288s;
}
.blockons-pageloader-six div.bpl.eight::after {
	top: 56px;
	left: 12px;
}
.blockons-pageloader-six div.bpl.nine,
.blockons-pageloader-six div.bpl.ten,
.blockons-pageloader-six div.bpl.eleven,
.blockons-pageloader-six div.bpl.twelve {
	display: none !important;
}
@-webkit-keyframes blockons-pageloader-six {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes blockons-pageloader-six {
	0% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/**
 * Admin Settings Styling
 */
.blockons-hide,
.blockons-repeater:first-child .blockons-repeater-close {
	display: none !important;
}

.blockons-settings {
	max-width: 920px;
	position: relative;
}
.blockons-loader-wrap {
	background-color: #fff;
	position: absolute;
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	z-index: 20;
	padding-top: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.blockons-settings .form-table th {
	color: #404040;
	padding: 24px 10px 20px 0;
}
.blockons-thtitle {
	font-size: 14px;
	color: #404040;
	font-weight: 600;
	margin: 0 0 15px;
}
.blockonsthdesc {
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin: 0 0 12px;
	padding: 10px 12px;
	color: #6a6a6a;
}
.blockonsthdesc span {
	display: block;
	margin: 8px 0 0;
}
.blockonsDesctip {
	cursor: pointer;
}
.blockons-row p.snNote {
	font-size: 12px;
	color: #979797;
	margin: 5px 0 0 6px;
}

/* -- Loader -- */
.blockons-loader {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 80px;
	height: 80px;
	z-index: 2;
}
.blockons-loader * {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.blockons-loader-sector {
	border-radius: 50%;
	position: absolute;
	width: 100%;
	height: 100%;
	border: 3px solid #b1b5d52b;
	mix-blend-mode: overlay;
}

.blockons-loader-sector-pink {
	-webkit-animation: rotate 2s ease-out infinite;
	        animation: rotate 2s ease-out infinite;
	border-top: 3px solid #f0219c;
}
.blockons-loader-sector-blue {
	-webkit-animation: rotate 2.5s ease-in infinite;
	        animation: rotate 2.5s ease-in infinite;
	border-top: 3px solid #6823a1;
}
.blockons-loader-sector-purple {
	-webkit-animation: rotate 1.5s ease-in-out infinite;
	        animation: rotate 1.5s ease-in-out infinite;
	border-top: 3px solid #c1219f;
}
.blockonsSaveBtnLoader {
	width: 56px;
	height: 56px;
	position: relative;
	margin: 0 0 0 10px;
}
.blockonsSettingBarMain .blockons-loader-wrap {
	padding-top: 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockonsSettingBarMain .blockons-loader {
	width: 40px;
	height: 40px;
}
@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotate {
	from {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	to {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

/* -- Settings Top Bar -- */
.blockonsSettingBar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockonsSettingBar h2,
.blockonsSettingBarMain {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockonsSettingBar h2 {
	font-size: 24px;
	font-weight: 400;
	margin: 15px 0 15px 5px;
}
.blockonsSettingBarOptions {
	width: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.blockonsSettingBarOptions > a {
	color: #8b8b8b;
	font-family: "Dashicons";
	font-size: 25px;
	margin: 0 0 0 15px;
	padding: 5px;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.blockons-account {
	display: none !important;
}
a.blockons-account::before {
	content: "\f110";
}
a.blockons-docs::before {
	content: "\f468";
}
.blockons-delete {
	cursor: pointer;
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.blockonsSettingBarOptions .blockons-delete::before {
	color: #c9c9c9;
	content: "\f182";
	font-family: Dashicons;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.blockons-delete:hover::before,
.blockons-delete.show-confirm::before {
	color: #727272;
}
.blockons-confirm-delete {
	background-color: #d70202;
	border-radius: 3px;
	bottom: 45px;
	color: #f1bebe;
	font-size: 11px;
	letter-spacing: 0.4px;
	padding: 4px 10px;
	position: absolute;
	right: 60px;
	white-space: nowrap;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.blockons-confirm-delete::after {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #d70202;
	position: absolute;
	right: -8px;
	top: 7px;
}
.blockons-delete.show-confirm .blockons-confirm-delete {
	opacity: 1;
	visibility: visible;
}
.blockons-confirm-delete a {
	text-decoration: underline;
	color: inherit;
	font-size: inherit !important;
}
.blockonsSettingBarOptions a:hover {
	color: #0c6e63;
}
.blockons-confirm-delete a:hover {
	color: #fff;
}
.blockonsSettingBar.bottom {
	background-color: #fff;
	border-top: 1px solid #999;
	margin: 30px 0 10px;
	padding: 30px 0 0;
}
/* -- Tabs / Content -- */
.blockons-tabs ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	margin: 20px 0 -1px;
	padding: 0 5px;
	position: relative;
}
.blockons-tabs li {
	margin: 0 1px;
	padding: 0;
}
.blockons-tab {
	background-color: #f4f7fb;
	border: 1px solid #b5bfc9;
	border-bottom: 0 !important;
	border-radius: 3px 3px 0 0;
	color: #5b6065;
	display: block;
	padding: 10px 18px 12px;
	cursor: pointer;
}
.blockons-tab:hover {
	color: #000;
}
.blockons-tabs li.help {
	position: absolute;
	right: 4px;
	top: 6px;
}
.blockons-tabs li.help .blockons-tab {
	background-color: #5a93f8;
	border: 1px solid #7a8896;
	color: #fff;
	padding: 8px 25px;
}
.blockons-tab.active,
.blockons-tabs li.help .blockons-tab.active {
	background-color: #fff;
	border-color: #7a8896;
	color: #107daf;
	margin: 0 0 -1px;
	cursor: initial;
	position: relative;
	z-index: 4;
}
.blockons-content-wrap {
	background-color: #fff;
	border: 1px solid #7a8896;
	border-radius: 3px;
	padding: 20px;
	position: relative;
}
.blockons-content-wrap-inner {
	position: relative;
	z-index: 24;
}
.blockons-content {
	display: none;
}
.blockons-content.active {
	min-height: 400px;
	display: block;
}
.blockons-content .form-table {
	margin: 0;
}
#blockons-content-help {
	margin-bottom: -125px;
	padding-bottom: 25px;
	background-color: #fff;
	position: relative;
}

.blockons-description {
	margin: 10px -10px 0;
	background-color: #fdfdfd;
	padding: 20px;
	font-size: 12px;
	letter-spacing: 0.2px;
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 4px;
	text-align: center;
}

/* -- Table Styling -- */
.blockonsheading {
	margin: 25px -10px 0;
}
.blockonsheading.nomargin {
	margin-top: 0;
}
#blockons-content-2 table tr:first-child .blockonsheading,
#blockons-content-3 table tr:first-child .blockonsheading {
	margin-top: -11px;
}
.blockonsheading-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.4px;
	color: #af2dbf;
	margin: 0;
	padding: 0 0 8px;
	text-transform: uppercase;
}
.blockons-row .blockonsheading-desc {
	margin: 8px 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #979797;
	max-width: none;
}

/* ---- Setting Tooltips ---- */
.blockonsdoclink {
	color: #9d9d9d;
	display: inline-block;
	font-size: 20px;
	margin-left: 10px;
	position: relative;
	top: -1px;
	vertical-align: middle;
	text-decoration: none;
}
.blockonsdoclink::before {
	font-family: "Dashicons";
	display: block;
	content: "\f504";
}

.blockons-tooltip {
	color: #9d9d9d;
	display: inline-block;
	font-size: 20px;
	position: relative;
	top: -1px;
	vertical-align: middle;
}
.blockons-tooltip::before {
	font-family: "Dashicons";
	display: block;
	content: "\f223";
}
.blockons-tooltip .blockons-tooltiptxt {
	background-color: #404040;
	border-radius: 4px;
	bottom: 125%;
	color: #fff;
	font-size: 11.5px;
	line-height: 1.5;
	letter-spacing: 0.1px;
	font-weight: 300;
	left: 50%;
	margin-left: -85px;
	opacity: 0;
	padding: 8px 10px;
	position: absolute;
	text-align: center;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
	visibility: hidden;
	width: 160px;
	z-index: 1;
}
.blockons-tooltip .blockons-tooltiptxt::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border-width: 5px;
	border-style: solid;
	border-color: #404040 transparent transparent transparent;
}
.blockons-tooltip:hover {
	color: #404040;
}
.blockons-tooltip:hover .blockons-tooltiptxt {
	visibility: visible;
	opacity: 1;
}
/* ---- Settings Styling ---- */
.blockons-row.blockons-full td {
	padding: 15px 0;
}
.blockons-row .regular-text,
.blockons-row select,
.blockons-row input[type="number"] {
	border: 1px solid #ccc;
	padding: 5px 10px;
	width: 100%;
	max-width: 440px;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}
.blockons-row .regular-text:hover,
.blockons-row select:hover,
.blockons-row input[type="number"]:hover,
.blockons-repeater input:hover,
.blockons-repeater .blockons-repeater-right .rdt input:hover {
	border: 1px solid #868686;
}
.blockons-row input[type="number"] {
	max-width: 110px;
}
.blockons-row span.prefix {
	margin: 0 5px 0 0;
}
.blockons-row span.suffix {
	margin: 0 0 0 5px;
}
.blockons-row .blockons-post-select__control,
.blockons-row .blockons-post-select__menu {
	max-width: 440px;
}
.blockons-row .blockons-post-select__control input[type="text"] {
	-webkit-box-shadow: none;
	        box-shadow: none;
}
.blockons-row-cols {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.blockons-row-col-left {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.blockons-row-col-right {
	width: 60px;
	text-align: right;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.6s;
	transition: opacity 0.6s;
}
.blockons-row:hover .blockons-row-col-right {
	visibility: visible;
	opacity: 1;
}
.blockons-row.heading th,
.blockons-row.heading td {
	padding-bottom: 0;
}
.blockons-row.pronote th {
	padding: 0 10px 0 0;
}
.blockons-row.pronote td {
	padding: 0 15px;
}
.blockons-row.pronote h6 {
	margin: 0;
	padding: 0;
	color: #af2dbf;
	font-size: 16px;
	font-weight: 500;
}
.blockons-row.pronote p {
	margin: 2px 0 10px;
	opacity: 0.6;
	font-size: 12px;
}

/* -- Toggle Switch -- */
.toggle-switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}
.toggle-switch input.toggle-switch-checkbox {
	opacity: 0;
	width: 0;
	height: 0;
}
.toggle-switch-slider {
	border-radius: 34px;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: all 0.18s ease-in-out 0s;
	transition: all 0.18s ease-in-out 0s;
}
.toggle-switch-slider:before {
	border-radius: 34px;
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: all 0.18s ease-in-out 0s;
	transition: all 0.18s ease-in-out 0s;
}
.toggle-switch input.toggle-switch-checkbox:checked + .toggle-switch-slider {
	background-color: #2196f3;
}

.toggle-switch input.toggle-switch-checkbox:focus + .toggle-switch-slider {
	-webkit-box-shadow: 0 0 1px #2196f3;
	        box-shadow: 0 0 1px #2196f3;
}

.toggle-switch
	input.toggle-switch-checkbox:checked
	+ .toggle-switch-slider:before {
	-webkit-transform: translateX(16px);
	        transform: translateX(16px);
}
/* -- Larger toggle in block settings -- */
.blockons-block-settings .toggle-switch {
	width: 60px;
	height: 34px;
}
.blockons-block-settings .toggle-switch-slider:before {
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
}
.blockons-block-settings
	.toggle-switch
	input.toggle-switch-checkbox:checked
	+ .toggle-switch-slider:before {
	-webkit-transform: translateX(26px);
	        transform: translateX(26px);
}
/* ---- Setting Blocks Wrapper ---- */
.blockons-block-settings {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin: 0 -10px;
}
.blockons-header {
	margin: 10px 0 20px;
	text-align: center;
}
.addspace {
	margin-bottom: 80px;
}
.blockons-settings .blockons-title {
	margin: 0 0 15px;
	padding: 0;
	font-size: 22px;
	font-weight: 500;
}
.blockons-settings p {
	margin: 0 auto 20px;
	padding: 0;
	font-size: 13px;
	max-width: 520px;
	color: #757575;
}
.blockons-more {
	margin: 20px 0 12px;
	text-align: center;
	font-size: 18px;
	color: #787878;
}
.blockonsInfoTab .blockons-video,
.blockonsInfoTab .blockons-help,
.center {
	text-align: center;
}
/* ---- Info Tab ---- */
.blockons-settings a.blockons-button {
	display: inline-block;
	background-color: #f9f9f9;
	-webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%);
	        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%);
	border-radius: 4px;
	color: #616161;
	margin: 0 10px;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 1;
	min-width: 116px;
	text-decoration: none;
	letter-spacing: 0.2px;
	-webkit-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
}
.blockons-settings a.blockons-button:hover {
	background-color: #ededed;
	-webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%), 0 1px 5px rgb(0 0 0 / 18%);
	        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 25%), 0 1px 5px rgb(0 0 0 / 18%);
	color: #585858;
}
.blockons-settings a.blockons-button.primary {
	background-color: #c1219f;
	color: #fff;
}
.blockons-settings a.blockons-button.primary:hover {
	background-color: #da28b3;
}
/* ---- Setting Block - On/Off ---- */
.blockons-block {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 10px 0;
	padding: 0 10px;
	position: relative;
	width: 25%;
}
.blockons-block-inner {
	background-color: #fcfcfc;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 20%), 0 1px 6px rgb(0 0 0 / 8%);
	        box-shadow: 0 0 0 1px rgb(0 0 0 / 20%), 0 1px 6px rgb(0 0 0 / 8%);
	text-align: center;
	padding: 35px 15px;
	position: relative;
	-webkit-transition: -webkit-box-shadow 0.25s ease-in-out 0s;
	transition: -webkit-box-shadow 0.25s ease-in-out 0s;
	transition: box-shadow 0.25s ease-in-out 0s;
	transition: box-shadow 0.25s ease-in-out 0s, -webkit-box-shadow 0.25s ease-in-out 0s;
	overflow: hidden;
}
.blockons-block .blockons-block-inner:hover {
	-webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 28%), 0 1px 8px rgb(0 0 0 / 28%);
	        box-shadow: 0 0 0 1px rgb(0 0 0 / 28%), 0 1px 8px rgb(0 0 0 / 28%);
}
.blockons-block-title {
	margin: 5px 0 8px;
	padding: 0;
	font-size: 16px;
	position: relative;
	text-transform: capitalize;
	z-index: 4;
	text-shadow: 0 1px 3px rgb(255 255 255 / 80%);
}
.blockons-block-desc {
	margin: 0 0 15px;
	padding: 0;
	font-size: 12px;
	color: #787878;
}
.blockons-block-inner .pluginbanner {
	background-color: #7f54b3;
	-webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
	        box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
	color: #fff;
	position: absolute;
	top: 3px;
	right: -12px;
	font-size: 9px;
	letter-spacing: 0.4px;
	text-align: right;
	padding: 1px 11px 1px 0;
	width: 130px;
	-webkit-transform: rotate(22deg);
	        transform: rotate(22deg);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.blockons-block.disabled .blockons-block-inner {
	min-height: 125px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.blockons-block.disabled label.toggle-switch {
	display: none !important;
}
.blockons-block.disabled::before {
	display: block;
	content: "";
	background-color: rgb(255 255 255 / 60%);
	position: absolute;
	top: -5px;
	left: 0;
	right: 0;
	bottom: -5px;
	z-index: 11;
}
.blockons-block-inner .newbanner {
	background-color: #f45b08;
	-webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
	        box-shadow: 0 1px 4px rgb(0 0 0 / 22%);
	color: #fff;
	position: absolute;
	top: 10px;
	left: -20px;
	font-size: 10px;
	letter-spacing: 0.3px;
	text-align: center;
	padding: 1px 0;
	width: 80px;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

/* ---- Grouped Settings ---- */
.blockons-group {
	position: relative;
}
.blockons-group-btn {
	display: block;
	background-color: #f6f7f7;
	border: 1px solid #c4c4c4;
	border-radius: 4px;
	width: 50px;
	height: 28px;
	font-size: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: #888;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.blockons-group-btn:hover {
	background-color: #eeeeee;
	border-color: #868686;
	color: #636363;
}
.blockons-group-btn span.dashicons {
	font-size: 20px;
	width: 20px;
	height: 20px;
}
.blockons-group-container {
	display: none;
	position: absolute;
	top: 0;
	left: 55px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 0 1px rgb(204 204 204), 0 2px 10px rgb(0 0 0 / 12%);
	        box-shadow: inset 0 0 0 1px rgb(204 204 204), 0 2px 10px rgb(0 0 0 / 12%);
	padding: 12px 10px 8px;
	z-index: 8;
	width: 366px;
}
.blockons-group.blockons-show .blockons-group-container {
	display: block;
}
.blockons-group-container table.form-table th,
.blockons-group-container table.form-table td {
	padding: 5px 5px 10px;
	font-size: 13px;
	vertical-align: middle;
}
.blockons-group-container table.form-table th {
	width: 115px;
	font-size: 12px;
	padding-right: 12px;
}
.blockons-group-container table.form-table td .blockons-row-col-right {
	display: none !important;
}
.blockons-group-container .blockons-row .regular-text,
.blockons-group-container .blockons-row select,
.blockons-group-container .blockons-row input[type="number"] {
	padding: 2px 8px;
}

/* -- Range Input -- */
.blockonsRange {
	max-width: 440px;
	width: 100%;
	position: relative;
	margin: 18px 0;
}
.blockonsRangeInput {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.blockonsRangeInput span {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	padding: 0 5px;
}
.blockonsRangeInput input {
	width: 100%;
}
.blockonsRangeInputVal {
	color: #a2a2a2;
	font-size: 11px;
	text-align: center;
	padding: 0 15px 0 0;
	position: absolute;
	width: 100%;
	top: -22px;
}
.blockonsRange input[type="text"] {
	background: none;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border: 0;
	color: inherit;
	font-size: inherit;
	text-align: right;
	width: 35px;
	padding: 0 2px 0 0;
}
.blockonsRange:hover input[type="text"] {
	color: #000 !important;
}
/* -- Color Picker -- */
.blockonsColorPicker {
	overflow: hidden;
	position: relative;
	max-width: 226px;
}
.blockonsColorBtn {
	border: 1px solid #c4c4c4;
	border-radius: 3px;
	min-height: 30px;
	padding: 0 0 0 30px;
	font-size: 11px;
	-webkit-transition: border 0.3s;
	transition: border 0.3s;
}
.blockonsColorBtnTxt {
	background: #f6f7f7;
	border-radius: 0 2px 2px 0;
	border-left: 1px solid #c3c4c7;
	color: #50575e;
	display: block;
	line-height: 2.54545455;
	padding: 0 6px;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.blockonsColorBtn:hover,
.blockonsColorBtn:hover .blockonsColorBtnTxt,
.blockonsColorPicker.blockonsButton-active .blockonsColorBtn,
.blockonsColorPicker.blockonsButton-active .blockonsColorBtnTxt {
	border-color: #868686;
}
.blockonsColorBtn:hover .blockonsColorBtnTxt,
.blockonsColorPicker.blockonsButton-active .blockonsColorBtnTxt {
	background-color: #eeeeee;
}
.blockonsColorInput {
	display: none;
	border-color: rgb(170 170 170);
	max-width: 113px;
	position: absolute;
	top: 0;
	right: 0;
}
.blockonsPickColor {
	position: absolute;
	top: 110%;
	left: -999999px;
	z-index: 999;
}
.blockonsColorPicker.blockonsButton-active {
	overflow: visible;
}
.blockonsColorPicker.blockonsButton-active .blockonsPickColor {
	left: 0;
}
.blockonsColorPicker.blockonsButton-active .blockonsColorInput {
	display: block;
	border: 1px solid #acacac;
	color: #747474;
}
/* -- Multi Checkbox Inputs -- */
/* .blockons-multioption {
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 5px;
	box-shadow: 0 0 0 1px rgb(0 0 0 / 8%), 0 0 4px rgb(0 0 0 / 4%);
	margin: 5px 10px 4px 0;
	padding: 4px 10px 4px 6px;
}
.blockons-multioption input {
	margin: -2px 4px 0 0;
} */
/* -- Date Time Picker -- */
/* .blockons-settings .rdtPicker {
	max-width: 320px;
}
.blockons-settings .rdtPicker th,
.blockons-settings .rdtPicker td {
	padding: 5px;
	vertical-align: middle;
} */
/* -- Media Upload -- */
/* .blockonsImagePreview {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
	position: relative;
	max-width: 240px;
}
.blockonsImagePreview img {
	display: block;
	max-width: 100%;
	height: auto;
}
.button.blockonsPreviewClose {
	background-color: rgb(255 255 255) !important;
	border: 1px solid #ccc;
	border-radius: 30px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
	color: #ccc;
	position: absolute;
	right: 4px;
	top: 4px;
	padding: 0;
	width: 30px;
	height: 30px;
	line-height: 1.2;
}
.button.blockonsPreviewClose::before {
	font-family: "Dashicons";
	content: "\f335";
	font-size: 20px;
}
.button.blockonsPreviewClose:hover {
	border: 1px solid #b3b3b3;
	color: #959595;
}
.blockons-row .blockonsMediaUploadBtn {
	color: inherit;
	padding: 4px 20px;
	border-color: #bbb;
	transition: all 0.3s;
}

.blockons-settings .button:hover {
	background: #e8e8e9;
	border-color: #878787;
	color: #303030;
} */