/*==============================================
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"],
.wbcom-settings-section-options [type="password"],
.wbcom-settings-section-options [type="email"],
.wbcom-settings-section-options [type="url"] {
    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 */