/*==============================================
Wbcom Admin Wrapper Style
==============================================*/
.wbcom-bb-plugins-offer-wrapper {
	margin: 40px 10px -10px;
}

#wb_admin_logo a {
	display: block;
}

#wb_admin_logo a img {
	width: 100%;
}

.wbcom-admin-title-section h3,
h4.wbcom-support-section {
	margin-top: 0;
	color: #2A32EF;
	font-size: 20px;
	text-transform: capitalize;
}

.wbcom-admin-option-wrap {
	position: relative;
	margin: 20px 0 0;
	padding: 30px;
	box-shadow: none;
	background: #F6F7FE;
	font-size: 15px;
	line-height: 2.1em;
	overflow: hidden;
	border-radius: 12px;
	width: auto;
}

.wbcom-bp-row-2settings {
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	border: 1px solid rgba(200, 197, 218, 0);
	box-shadow: 5px 5px 20px rgba(32, 53, 85, 0.10);
	margin-top: 20px;
	overflow: hidden;
	width: 100%;
}

.wbcom-bp-row-2settings {
	width: auto;
}

.wbcom-admin-option-wrap th {
	width: 250px;
	padding: 20px;
	vertical-align: middle;
}

.form-table.wbcom-admin-option-wrap .form-table td {
	padding: 20px;
}

.form-table.wbcom-admin-option-wrap input[type=text],
.form-table.wbcom-admin-option-wrap select {
	height: 40px;
	border-radius: 8px !important;
	background-color: #F4F5F7;
	border-color: #e2e2e2;
}

.wbcom-settings-section-wrap {
	background: #fff;
	border-radius: 12px;
	padding: 15px 25px 25px;
	border: 1px solid rgba(200, 197, 218, 0.30);
	box-shadow: 5px 5px 20px rgba(32, 53, 85, 0.10);
	margin-bottom: 20px;
	overflow: hidden;
	width: auto;
}

.wbcom-settings-section-options-heading {
	border-bottom: 1px solid rgba(200, 197, 218, 0.50);
	margin-bottom: 20px;
	padding-bottom: 12px;
	line-height: 1.6;
}

.wbcom-settings-section-options-heading label {
	color: #1d2327;
	font-size: 15px;
	font-weight: 500;
}

.wbcom-settings-section-options-heading p.description {
	margin: 0;
	padding: 0 !important;
	font-size: 15px;
	color: #000;
}

.wbcom-settings-section-options-flex {
	display: flex;
	align-items: center;
}

.wbcom-settings-section-options select,
.wbcom-settings-section-options .selectize-input,
.wbcom-settings-section-options [type="text"],
.wbcom-settings-section-options [type="number"] {
	border-radius: 8px;
	box-shadow: none;
	height: 40px;
	background-color: #F4F5F7;
	border-color: #e2e2e2;
	width: 100%;
}

.wbcom-settings-section-options input[type=radio] {
	width: 30px;
	height: 30px;
	border: 2px solid #ccc;
	box-shadow: none !important;
	margin: 0 5px 0px 0px;
}
.wbcom-settings-section-options input[type=radio]:checked::before {
	width: 18px;
	height: 18px;
	margin: 4px;
	background-color: #2a32ef;
}


.wbcom-settings-section-options.wbcom-settings-section-options-flex a.button-secondary {
	height: 40px;
	line-height: 40px;
	width: 100px;
	text-align: center;
	border-color: #2a32ef;
	font-size: 15px;
	display: flex;
	background: #2a32ef;
	color: #fff;
	align-items: center;
	margin-left: 8px;
	justify-content: center;
	border-radius: 8px;
}

ul.wbcom-settings-member-retraction.wbcom-settings-section-options-flex {
	margin: 0;
}

.wbcom-settings-section-options ul.wbcom-settings-member-retraction.wbcom-settings-section-options-flex li {
	width: 33.33%;
}

.wbcom-settings-section-options ul.wbcom-settings-member-retraction li label {
	margin-left: 8px;
	font-weight: 500;
}

.wbcom-settings-section-options ul.wbcom-settings-member-retraction li label.wb-switch {
	margin: 0;
}


/* Admin Header Style: Start */
div#wb_admin_plugin_name {
	font-size: 20px;
	font-weight: 600;
	display: flex;
	color: #000;
	align-items: center;
}

div#wb_admin_plugin_name span {
	font-size: 12px;
	margin-left: 30px;
	background: #2A32EF;
	color: #fff;
	padding: 1px 15px;
	line-height: 25px;
	border-radius: 100px;
	display: inline-block;
}

.wbcom_admin_header-wrapper {
	background: #E1E6F4;
	position: relative;
	border-radius: 12px 12px 0 0;
	display: flex;
	padding: 25px 30px;
	align-items: center;
	justify-content: space-between;
}

#wb_admin_header:after {
	visibility: hidden;
	display: none;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#wb_admin_header #wb_admin_logo {
	display: inline-block;
	float: left;
	margin-bottom: 0;
}

#wb_admin_header #wb_admin_logo img {
	margin: 28px 20px;
	width: 160px;
}

#wb_admin_header #wb_admin_logo .wb_admin_right,
#wb_admin_header #wb_admin_nav {
	float: right;
}

#wb_admin_header #wb_admin_nav ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0;
}

#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item {
	display: inline-block;
	margin: 0;
	font-size: 0;
	border-radius: 0;
	position: relative;
	vertical-align: bottom;
}

#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a {
	font-size: 15px;
	display: flex;
	padding-left: 30px;
	align-items: center;
	color: #222222;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	text-decoration: none;
}

#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a:focus {
	outline: none;
	box-shadow: none;
}

#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a:hover {
	color: #2A32EF;
}

#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item.is_active a {
	box-shadow: none;
	color: #2A32EF;
}

#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a i {
	font-size: 1em;
	margin-right: 8px;
}

#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a h4 {
	font-size: 1em;
	font-weight: 500;
	margin: 0 0;
}

.wbcom-wrap {
	margin: 30px 10px;
	overflow: hidden;
	border-radius: 12px;
	border: 1px solid #d9d9d9;
}

.wrap .wbcom-plugin-heading {
	display: block !important;
	margin: 0;
	font-size: 32px;
	line-height: initial;
	font-weight: 300;
	color: #626369;
	background: #FBFBFB;
	padding: 16px 20px;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
}

/* Admin Header Style: End */

/* Admin Settings Page Style: Start */
.wbcom-admin-settings-page {
	background: #fff;
	padding: 30px 30px 35px;
	display: flex;
	overflow: hidden;
}

.wbcom-tabs-section {
	background: #E1E6F4;
	border-radius: 12px;
	overflow: hidden;
	width: 18%;
	padding: 1%;
}

.wbcom-admin-settings-page .nav-tab-wrapper,
.wrap .wbcom-admin-settings-page h2.nav-tab-wrapper,
.wbcom-admin-settings-page h1.nav-tab-wrapper {
	padding-top: 0;
	padding-bottom: 100px;
	margin: 0;
	border-bottom: 0;
}

.wbcom-admin-settings-page h2 {
	margin: 0;
}

.wbcom-admin-settings-page .nav-tab-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wbcom-admin-settings-page .nav-tab-wrapper ul li {
	margin: 0 0 2px;
}

.wbcom-admin-settings-page .nav-tab-wrapper .nav-tab {
	float: none;
	display: block;
	border: 0;
	border: none;
	margin: 0;
	padding: 13px 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 25px;
	white-space: normal;
	background: transparent;
	color: #041137;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	border-radius: 10px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	transition: all .2s ease-out;
	box-shadow: none;
	outline: none;
	border: none;
}

.wbcom-admin-settings-page .nav-tab-wrapper .nav-tab-active,
.wbcom-admin-settings-page .nav-tab-wrapper .nav-tab:hover,
.wbcom-admin-settings-page .nav-tab-active:focus,
.wbcom-admin-settings-page .nav-tab-active:focus:active,
.wbcom-admin-settings-page .nav-tab-active:hover {
	color: #2a32ef;
	background: #ffffff;
	-webkit-box-shadow: 0px 12px 30px rgba(53, 66, 134, 0.12);
	box-shadow: 0px 12px 30px rgba(53, 66, 134, 0.12);
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	transition: all .3s ease-in;
	border-radius: 10px;
	outline: none;
	border: none;
}

.wbcom-admin-settings-page .wbcom-tab-content {
	width: 81%;
	background: #fff;
	padding-left: 30px;
}

.wbcom-tab-content select,
.wbcom-tab-content select option {
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.wbcom-tab-content p.description {
	color: #49505a;
	font-size: 14px;
	line-height: 18px;
	display: block;
	padding-top: 3px;
}

.wbcom-admin-settings-page .wbcom-tab-content .button.button-primary:not(.button-welcome-support) {
	line-height: 55px;
	padding: 0 45px;
	font-size: 15px;
	background: #2a32ef;
	text-shadow: none;
	font-weight: 600;
	border: 0;
	transition: all 0.3s;
	box-shadow: 0px 10px 25px rgba(32, 53, 85, 0.35);
	border-radius: 12px;
}

.wbcom-admin-settings-page .wbcom-tab-content .button.button-primary:not(.button-welcome-support):hover {
	background: #272B41;
}

.wbcom-support-info-wrap .wbcom-support-info-widgets a.button-primary.button-welcome-support:hover {
	background: #272B41;
	border-color: #272B41;
}

.wbcom-admin-option-wrap p.submit {
	padding: 0;
}

.wbcom-admin-option-wrap.wbcom-admin-option-wrap-view table.form-table tr {
	background: #fff;
	border-radius: 12px;
	padding: 5px;
	border: 1px solid rgba(200, 197, 218, 0);
	overflow: hidden;
	border-bottom: 20px solid #f6f7fe;
	width: 100%;
}

.wbcom-admin-option-wrap .form-table {
	margin: 0;
}

/* Admin Settings Page Style: End */


/*=========================================
Themes and Extension
========================================= */
.wbcom-all-addons-plugins-wrap {
	padding: 30px;
	background: #fff;
}

.wbcom-bp-addons-plugins-title-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}

.wbcom-bp-addons-plugins-title-section h4.wbcom-plugin-heading {
	border: none;
	padding: 0px;
	font-weight: 500;
	font-size: 20px;
	background: transparent;
	text-decoration: none;
	color: #2a32ef;
}

ul.wbcom-addons-plugins-links {
	display: flex;
	align-items: center;
}

ul.wbcom-addons-plugins-links li {
	margin: 0 30px 0 0;
}

.wbcom-bp-addons-plugins-title-section .wbcom-addons-plugins-links li a {
	border: none;
	padding: 0px;
	font-weight: 500;
	font-size: 17px;
	background: transparent;
	text-decoration: none;
	color: #333;
}

.wbcom-bp-addons-plugins-title-section .wbcom-addons-plugins-links li a.wbcom-addons-link-active,
.wbcom-bp-addons-plugins-title-section .wbcom-addons-plugins-links li a:hover {
	color: #2a32ef;
}

.wbcom-bp-addons-plugins-title-section a.wbcom-addons-button {
	line-height: 1.2;
	padding: 15px 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #2a32ef;
	border-radius: 10px;
	font-size: 15px;
	transition: all 0.3s;
	box-shadow: 0px 8px 20px rgba(32, 53, 85, 0.25);
}

.wbcom-bp-addons-plugins-title-section .wbcom-addons-plugins-links li a:focus {
	box-shadow: none !important;
	outline: none !important;
}

.wbcom-bp-addons-plugins-title-section a.wbcom-addons-button:hover {
	background: #272B41;
}

.wbcom-addon-plugins-inner-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wbcom-addons-plugins-card {
	background: #FBFBFB;
	border-radius: 10px;
	-webkit-box-shadow: 0 10px 25px rgba(173, 180, 210, 0.20);
	box-shadow: 0 10px 25px rgba(173, 180, 210, 0.20);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 1.2%;
	border: 1px solid rgba(200, 197, 218, 0.35);
	margin-bottom: 25px;
	width: 46.7%;
}

#wbcom-free-extension .wbcom-addons-plugins-card {
	width: 29.7%;
}

.wbcom-addons-image-card img {
	border-radius: 12px;
	margin-right: 25px;
	max-width: 260px;
}

.wbcom-addons-card-details h2 {
	font-size: 20px;
	color: #1D2A4F;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	line-height: 1.3;
	-webkit-box-orient: vertical;
}

.wbcom-addons-card-details p {
	margin: 8px 0 3px;
	font-size: 15px;
	color: #4c5261;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* number of lines to show */
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.wbcom-addons-card-button {
	display: flex;
	flex-wrap: wrap;
}

.wbcom-addons-card-button a.wbcom-addons-button {
	line-height: 1.3;
	font-size: 14px;
	font-weight: 500;
	padding: 13px 30px;
	border-radius: 10px;
	background-color: rgba(62, 98, 245, .2);
	color: #2a32ef;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	margin-right: 10px;
	margin-top: 10px;
	transition: all 0.3s;
}

.wbcom-addons-card-button a.wbcom-addons-button.wbcom-purchase {
	background-color: rgba(255, 64, 140, .2);
	color: #ff4040;
}

.wbcom-addons-card-button a.wbcom-addons-button:hover {
	background-color: #2a32ef;
	color: #fff;
}

.wbcom-addons-card-button a.wbcom-addons-button.wbcom-purchase:hover {
	background-color: #ff4040;
	color: #fff;
}

.wbcom-bp-addons-plugins-list.wbcom-bp-free-addon-plugins .wbcom-bp-addons-plugins-title-section {
	background: #f6f6fa;
	padding: 15px 25px;
	border-radius: 12px;
}

#wbcom-learndash-extension,
#wbcom-themes-list,
#wbcom-free-extension {
	display: none;
}

/*================================================
 Support style
 ================================================*/
#wbcom_admin_content_support h4.wbcom-support-section {
	margin-bottom: 0;
}

#wbcom_admin_content_support p {
	font-size: 16px;
	color: #000;
}

ul#wbcom_support_list {
	position: relative;
	margin: 25px 0 0;
	padding: 30px 15px;
	box-shadow: none;
	background: #F6F7FE;
	font-size: 15px;
	line-height: 2.1em;
	overflow: hidden;
	border-radius: 12px;
	display: flex;
	justify-content: space-between;
}

.wbcom_help_support_box {
	align-self: flex-start;
	width: 100%;
	max-width: 48%;
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	margin: 0 1%;
	border: 1px solid rgba(200, 197, 218, 0.50);
	box-shadow: 0 15px 36px rgba(32, 53, 85, 0.15);
}

.wbcom_help_support_icon_wrapper i.fa {
	font-size: 40px;
	color: #2a32ef;
}

.wbcom_help_support_details .wbcom_help_support_inner_details h4 {
	font-size: 20px;
	color: #1D2A4F;
	margin: 12px 0;
}

.wbcom_help_support_details .wbcom_help_support_inner_details p {
	font-size: 15px;
	color: #646F89;
}

.wbcom_help_support_details .wbcom_help_support_button a.wb_btn.wb_btn_default {
	line-height: 30px;
	background: #2A32EF;
	border-color: #2A32EF;
	font-size: 16px;
	border-radius: 12px;
	padding: 10px 15px;
	max-width: 150px;
	text-align: center;
	width: 100%;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	text-shadow: none;
	transition: all 0.3s;
	margin-top: 15px;
}

.wbcom_help_support_details .wbcom_help_support_button a.wb_btn.wb_btn_default:hover {
	background: #272b41;
}

/* Support style : End */

/*===================================================
License style
=================================================== */
.wb-plugins-license-tables-wrap {
	position: relative;
	margin: 20px 0 0;
	padding: 30px;
	box-shadow: none;
	background: #F6F7FE;
	font-size: 15px;
	line-height: 2.1em;
	overflow: hidden;
	border-radius: 12px;
}

.wbcom-license-support-wrapp {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid #e2e2e2;
}

.wb-license-form-table {
	margin: 0;
	border: none;
}

.wb-license-form-table thead,
.wb-license-form-table tfoot {
	background: #fff;
	border: none;
}

.wb-license-form-table tr td:first-child {
	padding-left: 20px;
}

.wb-license-form-table tr td:last-child {
	padding-right: 20px;
	text-align: right;
}

.wb-license-form-table thead th,
.wb-license-form-table tfoot th {
	padding: 20px 10px;
	font-size: 15px;
}

.wb-license-form-table thead th:first-child,
.wb-license-form-table tfoot th:first-child {
	padding-left: 20px;
}

.wb-license-form-table td.wb-plugin-name,
.wb-license-form-table th.wb-product-th {
	width: 20%;
}

.wb-license-form-table td.wb-plugin-version,
.wb-license-form-table th.wb-version-th {
	width: 10%;
}

.wb-license-form-table td.wb-plugin-license-key,
.wb-license-form-table th.wb-key-th {
	width: 30%;
}

.wb-license-form-table td.wb-license-status,
.wb-license-form-table th.wb-status-th {
	width: 10%;
}

.wb-license-form-table td.wb-license-action,
.wb-license-form-table th.wb-action-th {
	width: 15%;
}

.wb-license-form-table td.wb-plugin-license-key input {
	width: 100%;
	height: 40px;
	border-radius: 8px;
	font-size: 16px;
	border-color: #ccc;
}

.wb-license-form-table .submit {
	margin: 0;
	padding: 0;
	text-align: right;
}

.wb-license-form-table td.wb-plugin-name {
	font-weight: 600;
}

.wb-license-form-table td.wb-plugin-version {
	color: #2a32ef;
	font-weight: 500;
}


.wb-license-form-table td.wb-license-status {
	color: #FF0000;
	font-weight: 500;
	position: relative;
}

.wb-license-form-table td.wb-license-status:before {
	content: "\f057";
	font: normal normal normal 20px/1 FontAwesome;
	margin-right: 8px;
	top: 3px;
	position: relative;
}

.wb-license-form-table td.wb-license-status.active {
	color: #00c749;
	font-weight: 500;
}

.wb-license-form-table td.wb-license-status.active:before {
	content: "\f058";
}

.wb-license-form-table .button {
	font-size: 14px;
	text-shadow: none;
	font-weight: 600;
	border: 0;
	box-shadow: none;
}

.wb-license-form-table .wb-license-action .button-secondary {
	width: 100%;
	text-shadow: none;
	font-weight: 600;
	box-shadow: none;
	line-height: 30px;
	background: #2A32EF;
	border-color: #2A32EF;
	font-size: 15px;
	border-radius: 12px;
	padding: 8px 15px;
	text-align: center;
	transition: all 0.3s;
	color: #fff;
	width: 100%;
	transition: all 0.3s;
}

.wb-license-form-table .wb-license-action .button-secondary:hover {
	background: #272b41;
	border-color: #272b41;
}

.mobile-license-headings {
	display: none;
}

.wbcom-license-support-wrapp form[method="post"] {
	border-bottom: 1px solid #e2e2e2;
}

/* License style : End */

/* Welcome Page : Start */
.wbcom-welcome-title {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	padding: 0px 0 4px 0;
	line-height: 1.3;
}

.wbcom-welcome-description {
	font-size: 16px;
	color: #000;
	margin: 0 0 30px;
}

.wbcom-welcome-main-wrapper {
	position: relative;
	font-size: 15px;
}

.wbcom-welcome-support-info {
	position: relative;
	margin: 20px 0 0;
	padding: 30px;
	box-shadow: none;
	background: #F6F7FE;
	font-size: 15px;
	line-height: 2.1em;
	overflow: hidden;
	border-radius: 12px;
}

.wbcom-welcome-support-info h3 {
	margin: 1.25em 0 .6em;
	margin-top: 0;
	font-size: 1.5em;
	line-height: 1.5;
	color: #2A32EF;
}

.wbcom-welcome-support-info hr {
	display: none;
}

.wbcom-welcome-support-info .dashicons {
	vertical-align: middle;
	margin: 0 0 15px;
	height: 40px;
	color: #2A32EF;
	font-size: 40px;
	display: block;
	width: 40px;
}

.wbcom-welcome-support-info p {
	font-size: 16px;
	color: #333333;
	margin-top: 0;
}

.wbcom-welcome-support-info .wbcom-support-inner p {
	font-size: 15px;
	color: #646F89;
	height: 95px;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	/* number of lines to show */
	line-clamp: 4;
	-webkit-box-orient: vertical;
}

.wbcom-support-info-wrap .wbcom-support-info-widgets h3 {
	font-size: 20px;
	color: #1D2A4F;
}

.wbcom-support-info-wrap {
	display: flex;
	justify-content: space-between;
	margin: 40px -15px 10px;
}

.wbcom-support-info-wrap .wbcom-support-info-widgets {
	align-self: flex-start;
	width: 100%;
	max-width: 325px;
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	margin: 0 15px;
	border: 1px solid rgba(200, 197, 218, 0.50);
	box-shadow: 0 15px 36px rgba(32, 53, 85, 0.15);
}

.wbcom-support-info-wrap .wbcom-support-info-widgets a.button-primary.button-welcome-support {
	line-height: 30px;
	background: #2A32EF;
	border-color: #2A32EF;
	font-size: 15px;
	border-radius: 12px;
	padding: 10px 20px;
	max-width: 190px;
	text-align: center;
	width: 100%;
	transition: all 0.3s;
}

.nav-tab-wrapper ul li a.nav-tab:before {
	content: "\f229";
	font-family: dashicons;
	display: inline-block !important;
	line-height: normal;
	font-weight: 400;
	font-style: normal;
	speak: never;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 20px;
	height: 20px;
	font-size: 20px;
	vertical-align: top;
	text-align: center;
	transition: color 0.1s ease-in;
	margin-right: 8px;
}

.nav-tab-wrapper ul li:first-child a.nav-tab:before {
	content: "\f102";
}

/* Welcome Page : End */

/* Admin Menu Toggle : Start */
.wb-responsive-menu {
	margin: 0;
	height: 50px;
	display: none;
	color: #1d2327;
	cursor: pointer;
	padding: 0 20px;
	font-size: 15px;
	overflow: hidden;
	line-height: 50px;
	font-weight: 500;
}

.wb-toggle-icon .wb-icon-bars {
	width: 25px;
	height: 3px;
	display: none;
	position: relative;
	background: #1d2327;
	transition: background .2s ease-out;
}

.wb-toggle-icon .wb-icon-bars:before,
.wb-toggle-icon .wb-icon-bars:after {
	background: #1d2327;
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	width: 100%;
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}

.wb-toggle-icon .wb-icon-bars:before {
	top: -8px;
	transition-property: top, transform;
}

.wb-toggle-icon .wb-icon-bars:after {
	bottom: -8px;
	transition-property: bottom, transform;
}

.wb-toggle-btn {
	display: none !important;
}

.wb-toggle-btn:checked~.wb-toggle-icon .wb-icon-bars {
	background: transparent;
}

.wb-toggle-btn:checked~.wb-toggle-icon .wb-icon-bars:before {
	top: 0;
	position: relative;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.wb-toggle-btn:checked~.wb-toggle-icon .wb-icon-bars:after {
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.wb-toggle-btn:checked~.wb-toggle-icon .wb-icon-bars:before,
.wb-toggle-btn:checked~.wb-toggle-icon .wb-icon-bars:after {
	transition-delay: 0s, 0.3s;
}

.wb-toggle-icon {
	float: right;
	display: none;
	cursor: pointer;
	padding: 10px 2px;
	margin: 14px 0 0 0;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.wb-toggle-icon .wb-icon-bars {
	width: 25px;
	height: 3px;
	display: none;
	position: relative;
	background: #1d2327;
	transition: background .2s ease-out;
}

@media screen and (max-width: 1189px) {
	.nav-tab-wrapper>ul {
		display: none;
	}

	.wb-responsive-menu,
	.wb-toggle-icon,
	.wb-toggle-icon .wb-icon-bars {
		display: block;
	}

	.wbcom-admin-settings-page .nav-tab-wrapper .nav-tab {
		float: none;
	}
}

/* Admin Menu Toggle : End */

/* Admin Switch Toggle : Start */
.wb-switch {
	display: inline-block;
	border: none !important;
	position: relative;
	line-height: 0;
	height: 32px;
	width: 70px;
	min-width: 70px;
	box-shadow: none;
}

.wb-switch input {
	display: none;
}

.wb-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 8px;
	background: #ed6f6f;
	-webkit-transition: .4s;
	transition: .4s;
}

.wb-slider:before {
	content: "";
	bottom: 4px;
	position: absolute;
	top: 6px;
	left: 6px !important;
	width: 24px;
	height: 20px;
	background-color: #fff;
	border-radius: 6px;
	transition: all .3s;
	box-shadow: 0px 0px 8px rgb(0 0 0 / 35%);
}

.wb-switch input:checked+.wb-slider {
	background-color:#4fb845;
}

.wb-switch input:checked+.wb-slider:before {
	-webkit-transform: translateX(33px);
	-ms-transform: translateX(33px);
	transform: translateX(33px);
	background-color: #ffffff;
	margin: 0 !important;
	padding: 0 !important;
}

.wbcom-admin-option-wrap .form-table input[type=checkbox] {
	border: none !important;
	border-radius: 8px;
	background: #ed6f6f;
	position: relative;
	line-height: 0;
	height: 32px;
	width: 70px;
	min-width: 70px;
	box-shadow: none;
}

.wbcom-admin-option-wrap .form-table input[type=checkbox]:before {
	content: "";
	bottom: 4px;
	position: absolute;
	top: 6px;
	left: 6px !important;
	width: 24px;
	height: 20px;
	background-color: #fff;
	border-radius: 6px;
	transition: all .3s;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.35);
}

.wbcom-admin-option-wrap .form-table input[type=checkbox]:checked {
	background-color: #4fb845;
}

.wbcom-admin-option-wrap .form-table input[type=checkbox]:checked::before {
	-webkit-transform: translateX(33px);
	-ms-transform: translateX(33px);
	transform: translateX(33px);
	background-color: #ffffff;
	margin: 0 !important;
	padding: 0 !important;
}
.wbcom-admin-option-wrap .form-table input[type=checkbox]:after,
.wbcom-admin-option-wrap .form-table input[type=checkbox]:checked::after,
.wb-slider.wb-round::after{
	content: "OFF";
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	position: absolute;
	top: 16px;
	right: 11px;
}
.wbcom-admin-option-wrap .form-table input[type=checkbox]:checked::after,
.wb-switch input:checked+.wb-slider::after{
	content: "ON";
	right: unset;
	left: 10px;
}


/*=========================
 FAQ's
=========================*/
#wbcom-faq-settings-section {
	position: relative;
	margin: 20px 0 0;
	padding: 20px 30px;
	box-shadow: none;
	background: #F6F7FE;
	font-size: 15px;
	line-height: 2.1em;
	overflow: hidden;
	border-radius: 12px;
}
.wbcom-faq-section-row{
	align-self: flex-start;
	width: auto;
	background: #fff;
	border-radius: 10px;
	padding: 12px 25px;
	padding-right: 40px;
	margin: 12px 0;
	border: 1px solid rgba(200, 197, 218, 0.50);
	box-shadow: 0 15px 36px rgba(32, 53, 85, 0.15);
	transition: all 0.6s ease 0s;
	position: relative;
}
.wbcom-faq-section-row:hover {
	background-color: #2A32EF;
	border-color: #2A32EF;
}
.wbcom-faq-section-row:hover p,
.wbcom-faq-section-row:hover
button.wbcom-faq-accordion:after,
.wbcom-faq-section-row:hover .wbcom-faq-panel li,
.wbcom-faq-section-row:hover button.wbcom-faq-accordion {
	color: #fff;
}
button.wbcom-faq-accordion {
	border: medium none;
	color: #333;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
	outline: medium none;
	text-align: left;
	padding: 0;
	background-color: transparent;
	transition: all 0.4s ease 0s;
	width: 100%;
}
button.wb-ads-accordion.active, button.wb-ads-accordion:hover {
	color: #2A32EF;
}
div.wbcom-faq-panel {
	padding: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin:0px;
}
button.wbcom-faq-accordion::after {
	color: hsl(0, 0%, 47%);
	content: "+";
	float: right;
	font-size: 22px;
	font-weight: bold;
	margin-left: 5px;
	right: 15px;
	position: absolute;
	top: 10px;
}
button.wbcom-faq-accordion:hover::after {
	color: white;
}
button.wbcom-faq-accordion.active::after {
	content: "−";
	color:white;
}
.wbcom-faq-admin-row {
	clear: both;
}
div.wbcom-faq-panel p {
	font-size: 15px;
	margin: 5px 0 0;
}
.selectize-control.multi .selectize-input div.item {
	border-radius: 5px;
	background: #ffffff;
	border: 1px solid #d0d0d0;
}

.selectize-control.plugin-remove_button [data-value] .remove {
	color: red !important;
}

.selectize-input.items.not-full.has-options.input-active.dropdown-active{
	border-radius: 8px;
}

/*========================================
Media Queries
========================================*/
@media screen and (max-width: 1199px) {
	.wbcom-demo-title ul li {
		width: 100%;
	}
}

/* License style */
@media (max-width: 782px) {

	.wb-license-form-table>tbody>tr:nth-of-type(odd),
	.wb-license-form-table>tbody>tr:nth-of-type(odd) {
		background-color: transparent;
	}

	/* Force table to not be like tables anymore */
	.wb-license-form-table table,
	.wb-license-form-table thead,
	.wb-license-form-table tbody,
	.wb-license-form-table th,
	.wb-license-form-table td,
	.wb-license-form-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.wb-license-form-table thead tr {
		position: absolute;
		/*        top: -9999px;
				left: -9999px;*/
	}

	.wb-license-form-table td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 35% !important;
		white-space: normal;
		text-align: left;
	}

	.wb-license-form-table td:before {
		position: absolute;
		top: 8px;
		left: 10px;
		width: 28%;
		padding-right: 10px;
		white-space: nowrap;
		text-align: left;
		font-weight: bold;
	}

	td.wb-license-action {
		text-align: left !important;
	}

	.wbcom-license-support-wrapp form[method="post"] {
		border-bottom: 1px solid #ddd;
		background: #fff;
	}

	/*
	Label the data
	*/
	.wb-license-form-table td:before {
		content: attr(data-title);
	}

	.wb-license-form-table tfoot {
		display: none;
	}

	.wb-license-form-table td.wb-plugin-name,
	.wb-license-form-table th.wb-product-th,
	.wb-license-form-table td.wb-plugin-version,
	.wb-license-form-table th.wb-version-th,
	.wb-license-form-table td.wb-plugin-license-key,
	.wb-license-form-table th.wb-key-th,
	.wb-license-form-table td.wb-license-status,
	.wb-license-form-table th.wb-status-th,
	.wb-license-form-table td.wb-license-action,
	.wb-license-form-table th.wb-action-th {
		width: auto;
		padding: 15px 20px;
	}

	.wb-license-form-table thead th {
		padding: 15px 20px;
	}

	.wb-license-form-table thead .wb-key-th {
		padding-bottom: 40px;
	}

	.wb-license-form-table .wb-license-action .button-secondary {
		max-width: 160px;
	}

	.wb-plugins-license-tables-wrap .mobile-license-headings {
		display: block;
	}

	.desktop-license-headings {
		display: none;
	}
}

@media screen and (max-width: 767px) {

	#wb_admin_header #wb_admin_logo,
	#wb_admin_header #wb_admin_logo .wb_admin_right,
	#wb_admin_header #wb_admin_nav {
		float: none;
	}

	#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a {
		min-width: inherit;
		padding: 26px 15px;
	}

	.wbcom-tab-content .bpolls-support-setting {
		float: none;
		width: 100%;
	}

	.wbcom-settings-section-options-flex {
		display: block;
	}

	.wbcom-settings-section-options ul.wbcom-settings-member-retraction.wbcom-settings-section-options-flex li {
		width: 100%;
	}
}

@media screen and (max-width: 1189px) {

	#wb_admin_header #wb_admin_nav ul {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a i {
		display: none;
	}

	#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a {
		font-size: 12px;
		border: 0;
		min-width: inherit;
		padding: 5px;
		line-height: 1;
	}

	.wbcom-admin-settings-page {
		padding: 20px;
	}

	.wbcom-admin-option-wrap {
		padding: 10px 20px 20px;
	}

	.wbcom-tabs-section {
		border-radius: 10px;
		width: auto;
		padding: 0;
		margin: 10px 5px 0;
	}

	.nav-tab-wrapper ul.wbcom-show-mobile-menu {
		display: block;
		padding: 0 15px 15px;
	}

	.wbcom-admin-settings-page .wbcom-tab-content {
		width: auto;
		padding: 20px 5px;
	}

	.wbcom-welcome-support-info {
		padding: 18px;
	}

	.wbcom-welcome-support-info h3 {
		font-size: 1.2em;
	}

	.wbcom-welcome-support-info p,
	.wbcom-welcome-description {
		font-size: 15px;
	}

	.wbcom-support-info-wrap {
		display: block;
	}

	.wbcom-support-info-wrap .wbcom-support-info-widgets {
		width: auto;
		max-width: 100%;
		padding: 20px;
		margin: 15px;
	}

	.form-table th[scope="row"],
	.form-table th[scope="row"] {
		padding-bottom: 0 !important;
	}

	.wbcom-welcome-support-info .wbcom-support-inner p {
		height: auto;
	}

	.wbcom-settings-section-options.wbcom-settings-section-options-flex a.button-secondary {
		margin: 10px 0 0 0;
	}

	/*Theme Page*/
	.wbcom-bp-addons-plugins-title-section {
		display: block;
	}

	ul.wbcom-addons-plugins-links {
		margin: 0;
		justify-content: space-between;
	}

	.wbcom-bp-addons-plugins-title-section .wbcom-addons-plugins-links li a {
		font-size: 14px;
	}

	.wbcom-bp-addons-plugins-title-section a.wbcom-addons-button {
		display: inline-block;
		margin-top: 15px;
	}

	.wbcom-addon-plugins-inner-wrapper,
	ul#wbcom_support_list {
		display: block;
	}

	.wbcom-addons-plugins-card,
	.wbcom_help_support_box,
	#wbcom-free-extension .wbcom-addons-plugins-card {
		width: auto;
		display: block;
		max-width: 100%;
		padding: 4%;
	}

	ul.wbcom-addons-plugins-links li {
		margin: 0 10px 0 0;
	}

	.wbcom-addons-image-card img {
		margin: 0 0 20px;
		max-width: 100%;
		width: 100%;
	}

	.wbcom-addons-card-button a.wbcom-addons-button {
		margin-top: 10px;
	}

	.wbcom-bp-addons-plugins-list.wbcom-bp-free-addon-plugins .wbcom-bp-addons-plugins-title-section {
		display: flex;
	}

	.wbcom-bp-addons-plugins-list.wbcom-bp-free-addon-plugins .wbcom-bp-addons-plugins-title-section a.wbcom-addons-button {
		margin: 0;
	}

	.wbcom_help_support_box {
		margin: 20px 0;
	}

	ul#wbcom_support_list {
		padding: 0px 15px;
	}

	.wb-plugins-license-tables-wrap {
		padding: 15px;
	}

	.wbcom-admin-settings-page {
		display: block;
		width: 95%;
		padding: 2.5%;
	}

	.wbcom-all-addons-plugins-wrap {
		padding: 20px;
	}

	#wb_admin_header #wb_admin_logo .wb_admin_right,
	#wb_admin_header #wb_admin_nav {
		float: none;
	}

	.wbcom-admin-settings-page .nav-tab-wrapper,
	.wrap .wbcom-admin-settings-page h2.nav-tab-wrapper,
	.wbcom-admin-settings-page h1.nav-tab-wrapper {
		width: 100%;
		padding-bottom: 0;
	}

	.wbcom-admin-settings-page .wbcom-tab-content .button.button-primary {
		float: none;
	}

	.reign-importer-section {
		padding: 16px 0;
	}

	.wbcom_admin_tab_content {
		padding: 16px 15px;
	}

	.wbcom-demo-content-wrap .wbcom-demo-importer .container {
		display: block;
	}

	.wbcom-demo-title {
		width: auto;
		padding: 15px;
		display: block;
	}

	.wbcom-demo-content-wrap {
		padding: 16px 15px;
	}

	.wbcom_single_box {
		margin: 15px 0;
	}

	/*Update UI Mobile View*/
	.wbcom-bb-plugins-offer-wrapper {
		margin: 15px 5px;
	}

	.wbcom-wrap {
		margin: 10px 5px;
	}

	.wbcom_admin_header-wrapper {
		display: block;
		padding: 15px;
	}

	div#wb_admin_plugin_name {
		font-size: 18px;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	div#wb_admin_plugin_name span {
		margin: 10px 0;
		padding: 1px 15px;
	}
}


@media screen and (min-width: 1190px) and (max-width: 1335px) {

	div#wb_admin_plugin_name,
	.wbcom-admin-title-section h3,
	h4.wbcom-support-section {
		font-size: 18px;
	}

	#wb_admin_header #wb_admin_nav ul li.wb_admin_nav_item a {
		font-size: 14px;
		padding-left: 15px;
	}

	.wbcom-bb-plugins-offer-wrapper {
		margin: 20px 5px -10px;
	}

	.wbcom-wrap {
		margin: 20px 5px;
	}

	.wbcom-welcome-description,
	.wbcom-welcome-support-info p {
		font-size: 15px;
	}

	.wbcom-welcome-support-info .wbcom-support-inner p {
		height: auto;
	}


}

@media screen and (min-width: 591px) and (max-width: 1189px) {

	.wbcom-addon-plugins-inner-wrapper,
	ul#wbcom_support_list,
	.wbcom-bp-addons-plugins-title-section {
		display: flex;
	}

	.wbcom-addons-plugins-card,
	.wbcom_help_support_box,
	#wbcom-free-extension .wbcom-addons-plugins-card {
		max-width: 44%;
		padding: 15px;
	}


}


@media only screen and (max-width: 926px) {

	.wbcom-settings-section-options.wbcom-settings-section-options-flex a.button-secondary {
		margin: 0 15px 0px;
	}

}

/* Media Queries */