a {
    text-decoration: none;
}

.cwp-add-form-feild .cwp-postbox-title {
    padding-top: 0;
}

.cwp-add-form-feild table {
    width: 100%;
    border-spacing: 0;
}

.cwp-add-form-feild table label {
    text-transform: capitalize;
}

.cwp-collapsible-inner textarea {
    width: 100%;
}

.sub-fields-holder .sub-fields {
    border: unset;
}

#poststuff .sub-fields-holder h2 {
    color: #23282d;
    font-size: 1.3em;
    font-weight: 600;
    padding-bottom: 15px;
    padding-left: 15px;
}

#side-sortables .text-left {
    padding: 0 4px;
}

.sub-fields-holder .add-sub-field,
.sub-fields-holder .add-user-sub-field {
    float: right;
    margin-top: 15px;
}

.cwp-group-fields .cwp-postbox-title {
    border-top: 1px solid #ccd0d4;
    margin: 0;
    padding: 15px
}

.cwp-group-fields {
    margin-bottom: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border-radius: 12px;
    overflow: hidden;
}

.cwp-group-fields-head {
    display: flex;
    align-items: center;
    background: #DAD6E6;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 25px;
    color: #837b9b;
    text-transform: uppercase;
}

.cwp-fields-title-head {
    width: calc(100% - 172px);
    display: flex;
}

.cwp-field-order-head,
.field-order-counter {
    width: 102px;
}

.cwp-field-label-head {
    width: 40%;
}

.cwp-field-name-head {
    width: 40%;
}

.cwp-field-type-head {
    width: 20%;
}

.cwp-fields-actions-head {
    width: 70px;
}

.cwp-group-fields-content {
    background: #F9F8FF;
    padding: 18px 10px;
}

.cwp-group-fields .cwp-field-set {
    border: none;
    box-shadow: none;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
}

.cwp-group-fields .cwp-field-set:not(:last-child) {
    margin-bottom: 10px;
}

.cwp-group-fields .cwp-field-set .cwp-collapsible-inner,
.cwp-group-fields .cwp-field-set .cwp-sub-field-inner {
    padding: 0;
    border: 1px solid #dad6e6;
    border-top: 0;
    border-left: 7px solid #dad6e6;
    border-radius: 0 0 5px 5px;
}

.cwp-hide {
    display: none;
}

.cwp-hide-row {
    display: none;
}

.cwp-group-fields .field-header {
    align-items: center;
    border-bottom: 1px solid #ccd0d4;
    border-top: 1px solid #ccd0d4;
    color: #23282d;
    display: flex;
    font-size: 1.3em;
    justify-content: space-between;
    margin: 0;
    padding: 15px;
    cursor: pointer;
}

.cwp-group-fields .field-header.closed {
    border: 1px dashed #bfbfbf
}

.cwp-group-fields .field-header .field-title {
    flex-grow: 1;
    margin: 0;
}

.field-header .remove-field {
    color: red;
    margin-left: 5px;
}

.cwp-group-fields #post-body-content {
    margin-bottom: 0;
}

.cwp-group-settings .cwp-collapsible-inner {
    margin-bottom: 50px;
}

.group-fields {
    color: #23282d;
    font-size: 1.3em;
    font-weight: 600;
    padding-bottom: 15px;
    padding-left: 15px;
}

.cwp-group-fields .field-header {
    align-items: center;
    color: #837b9b;
    display: flex;
    font-size: 14px;
    justify-content: space-between;
    margin: 0;
    padding: 13px 15px;
    border-radius: 5px 5px 0 0;
    background-color: #DAD6E6;
}

.cwp-group-fields .field-header.closed {
    border-radius: 4px;
    padding: 13px 15px;
    background: #fff;
}

.parent-field.cwp-field-set.cwp-add-form-feild.cwp-required-container .parent-field-header.field-header {
    border-color: red;
}

.cwp-group-fields .field-header .field-title {
    width: calc(100% - 172px);
    flex-grow: 1;
    margin: 0;
    font-size: 12px;
}

.cwp-group-fields .field-header .field-actions {
    width: 70px;
    text-align: right;
}

.conditional-rule tbody td.conditional-rule-field select {
    min-width: 250px;
}

.conditional-rule tbody td.conditional-rule-operator select {
    min-width: 200px;
}

.conditional-rule tbody td.conditional-rule-value {
    width: 370px;
    display: none;
}

.cwp-add-form-feild .field-options-table .clone-option {
    display: none !important;
}

.cwp-group-fields .cwp-field-set .cwp-collapsible-inner table tr td:first-child {
    background: #F9F8FF;
    border: 0;
    margin: 0;
    padding: 15px 20px;
    font-size: 14px;
    font-weight: bold;
}

.cwp-group-fields .cwp-field-set .cwp-collapsible-inner table tr td .field-options-table td:first-child {
    background: unset;
    border: unset;
    cursor: move;
}

.cwp-group-fields .cwp-field-set .cwp-collapsible-inner tr:first-child td:first-child,
.cwp-group-fields .cwp-field-set .cwp-collapsible-inner tr:first-child td {
    padding-top: 30px;
}

.cwp-group-fields .cwp-field-set .cwp-collapsible-inner table tr td.conditional-rule-field {
    background: unset;
    border: unset;
    font-weight: unset;
}

.cwp-group-fields .cwp-field-set .cwp-collapsible-inner table tr td {
    padding: 15px 20px;
}

.cwp-group-fields .cwp-field-set .cwp-collapsible-inner table tr td.conditional-rule-field,
.cwp-group-fields .cwp-field-set .cwp-collapsible-inner table tr td.conditional-rule-operator,
.cwp-group-fields .cwp-field-set .cwp-collapsible-inner table tr td.conditional-rule-value {
    padding: 0 10px 20px 0;
}

.cwp-group-fields .cwp-field-set .cwp-collapsible-inner tr:first-child td.conditional-rule-field:first-child {
    padding-top: 0px;
}


/*new css*/

.postbox {
    border: 1px solid #dddddd;
}

.cwp-welocme-tabs li a {
    display: block;
}

.cwp-logo img {
    max-height: 23px;
    margin-top: 8px;
}

.cwp-welcome-page {
    background-color: #f5f9fc;
    margin-left: -20px;
    padding-bottom: 100px;
}

.cwp-welcome-page-title {
    background: #171130 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}

.cwp-title-menu.float-right {
    margin-right: 35px;
}

.cwp-title-menu ul li {
    display: inline-block;
}

.cwp-title-menu ul li a {
    text-align: center;
    letter-spacing: 0.52px;
    position: relative;
    color: #FFFFFF;
    vertical-align: middle;
    opacity: 1;
    transition: 0.2s ease-in-out;
    padding-left: 17px;
}

.cwp-title-menu ul li a:after {
    position: absolute;
    width: 0;
    content: '';
    height: 2px;
    background: #fff;
    bottom: -9px;
    left: 19px;
    transition: 0.2s ease-in-out;
}

.cwp-title-menu ul li a:hover:after {
    width: 85%;
}

.cwp-title-menu ul li a span {
    margin-right: 5px;
    font-size: 18px;
}

.cwp-welcome-page-title-top-border {
    height: 6px;
    background-image: linear-gradient(49deg, rgb(229 175 214), rgb(203 160 191), rgb(227 177 210), rgb(223 162 207));
    margin-left: -20px;
}

.cwp-welcome-page-title {
    background-position: center;
    background-repeat: no-repeat;
    margin-left: -20px;
    padding: 15px 30px 15px 45px;
    display: flex;
    align-items: center;
}

.flot-left.cwp-logo {
    margin-top: 5px;
}

.cwp-welcome-page-title-edit-field {
    margin-right: 0 !important;
}

.cwpform-title-outer-taxonomy-field {
    margin-right: -20px !important;
}

.cwpform-title-outer {
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    margin-right: -20px;
    padding: 15px 30px;
}

.flot-left {
    float: left;
}

.float-right {
    float: right;
}

.cwp-update-plugin-btn a {
    border-radius: 5px;
    color: #171130;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    transition: 0.3s ease-in-out;
    padding: 15px 20px;
    min-width: 230px;
    background-image: linear-gradient(49deg, #8B95B4, rgb(225 189 213), rgb(207 181 198), rgb(223 162 207));
    margin-top: 3px;
}

.cwp-welcome-page-section {
    width: 100%;
}

.cwp-welcome-page-section .cwp-title-menu li {
    margin-bottom: 0px
}

.cwp-update-plugin-btn a span {
    margin-right: 5px;
    color: #171130;
    transition: 0.3s ease-in-out;
    line-height: unset !important;
}

.cwpposttype #poststuff {
    width: calc(100% - 20px);
}

.cwp-update-plugin-btn a:hover {
    color: #fff;
    background-image: linear-gradient(49deg, #7f8fbf, rgb(213 155 194), rgb(213 150 191), rgb(211 137 192));
}

.cwp-update-plugin-btn a:hover span {
    color: #fff;
}

.table-view-list.cubewp_page_custom-fields {
    border: 0 solid #e5e5e5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border-radius: 12px;
    overflow: hidden;
    margin: 18px 0 18px 0;
    width: calc(100% - 15px);
}

.table-view-list.cubewp_page_custom-fields .manage-column {
    padding: 6px 4px;
}

.tablenav.bottom,
.tablenav.top {
    width: calc(100% - 15px);
}

.wrap.cwp-post-type-title.width-40 {
    width: calc(100% + 40px);
    margin-bottom: 15px !important;
}

.cwp-post-type-title {
    margin: 0px !important;
    padding: 15px 30px !important;
    margin-left: -20px !important;
    background: white;
    width: calc(100% + 20px);
    display: flex;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 20px !important;
    justify-content: space-between;
    align-items: center;
}

.cwp-post-type-title-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.cwp-post-type-title.margin-none {
    width: calc(100% + 20px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cwp-post-type-title.margin-minus-20 {
    width: calc(100% - 20px);
}

.wrap .button-primary {
    padding: 3px 25px !important;
    background: #1486B8 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    transition: 0.2s ease-in-out;
}

.cwp-save-button {
    padding: 4px 25px !important;
    background: #1486B8 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    transition: 0.2s ease-in-out;
    font-weight: 600;
}

.cwp-post-type-title .page-title-action {
    float: right;
}

.cwp-post-type-title .page-title-action {
    padding: 10px 25px !important;
    background: #1486B8 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    top: 0px;
    transition: 0.2s ease-in-out;
}

.cwp-post-type-title .page-title-action:hover {
    background: #085a7e 0% 0% no-repeat padding-box !important;
}

.cwp-post-type-title h1 {
    text-align: left;
    font: normal normal bold 20px/24px Helvetica !important;
    letter-spacing: 0px;
    color: #32373C;
    opacity: 1;
}

.cwp-notic {
    background: #ffffff;
    border-left: 3px solid #00aadc;
    border-radius: 4px;
    color: #6c7780;
    font-size: 16px;
    margin-bottom: 20px;
    padding: 1px 10px;
}

.cwp-notic-post-type {
    margin-top: 20px !important;
}

.cwp-notic-close,
.cwp-welocme-tabs li a {
    cursor: pointer;
}

.cwp-notic p span {
    color: #1baadc;
}

.cwp-notic-video p span {
    color: #23a71b;
}

.cwp-notic.cwp-notic-video {
    border-left: 3px solid #23a71b;
}

.cwp-watch-video-btn span {
    color: #cccccc !important;
}

.cwp-watch-video-btn {
    background-color: #f7f7f7;
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #555555;
    font-size: 11px;
    margin-left: 10px;
    padding: 5px 10px;
}

.page-title-action {
    background-color: #1486b8 !important;
    border: 1px solid #1486b8 !important;
    border-radius: 4px !important;
    color: #ffffff !important;
}

.wp-heading-inline {
    padding: 0;
}

.cwp-pagination .displaying-num {
    line-height: 30px;
}

.cwp-post-type-wrape {
    margin: 0 20px 0 0 !important;
}

.cwp-post-type-wrape tbody tr td,
.table-view-list tr td {
    vertical-align: middle;
}

.cwp-post-type-wrape table {
    border: 0 solid #e5e5e5;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border-radius: 12px;
    overflow: hidden;
    margin: 18px 0 18px 0;
}

.cwp-post-type-wrape table thead tr th:first-child,
.cwp-post-type-wrape table tfoot tr th:first-child {
    color: #0073af !important;
}

.cwp-post-type-wrape .widefat thead td,
.cwp-post-type-wrape .widefat thead th {
    padding: 6px 4px;
}

.cwp-post-type-wrape .widefat tfoot td,
.cwp-post-type-wrape .widefat tfoot th {
    padding: 6px 4px;
}

.cwp-post-type-wrape .alternate,
.cwp-post-type-wrape .striped>tbody>:nth-child(odd),
.cwp-post-type-wrape ul.striped>:nth-child(odd) {
    background: #FAFAFA 0% 0% no-repeat padding-box;
}

.cwpform-title-outer {
    margin-bottom: 0 !important;
}

.margin-left-minus-20 {
    margin-left: -20px !important;
}

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

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.cubewp-wrap .postbox-header {
    border-bottom: 1px solid #dddddd9e !important;
    padding: 10px 0;
}

.wrap {
    margin: 0 20px 0 2px;
}

.postbox table.form-table tr th {
    font-size: 14px;
    font-weight: bold;
}

.cwp-save-edit-post-button {
    position: relative !important;
}

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

.cwp-postbox-holder #poststuff .postbox-container {
    width: calc(100% - 300px) !important;
}

p.search-box,
.pagination-links,
.cwp-pagination,
.actions.bulkactions {
    display: flex;
}

.cwp-notic.cwp-notic-video {
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
}

.cwp-notic.cwp-notic-video span.dashicons.dashicons-editor-help {
    margin-right: 10px;
}

.cwp-notic.cwp-notic-video button.notice-dismiss {
    top: 5px;
}

.cwp-update-plugin-btn {
    margin: -3px 0 0 0;
}

td.user_roles.column-user_roles,
td.taxonomies.column-taxonomies,
td.post_types.column-post_types {
    padding-top: 3px;
}

td.user_roles.column-user_roles a,
td.taxonomies.column-taxonomies a,
td.post_types.column-post_types a {
    background: #f7e2ff;
    border: 1px solid #e1c1ed;
    border-radius: 5px;
    color: #555555;
    display: inline-block;
    margin-left: 1px;
    margin-top: 5px;
    padding: 5px 15px;
}

td.taxonomies.column-taxonomies a {
    background: #e2ffff;
    border: 1px solid #bee8e8;
}

td.user_roles.column-user_roles a {
    background: #ffe2e2;
    border: 1px solid #edc1d4;
}

.update-nag.notice.notice-warning.inline {
    display: none;
}

.cwpgroup-label {
    display: inline-flex !important;
    justify-content: space-between;
}

span.dashicons.dashicons-trash {
    color: #776f91 !important
}

span.dashicons.dashicons-trash:hover {
    color: #ef5350 !important;
}

.cwpform-title-outer.margin-bottom-0.margin-left-minus-20.margin-right-0 {
    margin-right: -20px !important;
}

.cwp-checkbox-outer .pull-left input {
    width: 0;
}

.cwp-selectMenuIcons {
    display: flex;
}

.cwp-selectMenuIcons span {
    align-items: center;
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #404040;
    display: flex;
    justify-content: center;
    margin-right: 5px;
    padding: 15px;
}

.cwp-selectMenuIcons span.active,
.cwp-selectMenuIcons span:hover,
.cwp-selectMenuIcons a:hover {
    background: #0073af;
    border: 1px solid #0073af;
    color: white;
}

.cwp-selectMenuIcons a {
    align-items: center;
    background: #f7f7f7;
    border: 1px solid #dddddd;
    border-radius: 5px;
    color: #555555;
    display: inline-flex;
    justify-content: center;
    padding: 5px 20px;
}

.cwp-icon-helpTip span.dashicons.dashicons-editor-help {
    color: #6c7780;
}

.cwp-icon-helpTip {
    display: inline-block;
}

.cwp-ctp-toolTips {
    position: relative;
}

.cwp-ctp-toolTip {
    background: #f5fcff;
    border: 1px solid #ddf3ff;
    display: none;
    left: 35px;
    padding: 15px;
    position: absolute;
    top: -65px;
    transition: 0.3s all ease-in-out;
    width: 270px;
    z-index: 9;
}

.cwp-icon-helpTip span.dashicons.dashicons-editor-help:hover~.cwp-ctp-toolTips .cwp-ctp-toolTip {
    display: block;
}

.cwp-ctp-toolTip::before {
    background: #f5fcff;
    border: 1px solid #ddf3ff;
    content: "";
    height: 15px;
    left: -1px;
    position: absolute;
    top: 46px;
    transform: translateX(-50%) rotate(45deg);
    width: 15px;
}

.cwp-ctp-toolTip::after {
    border-color: transparent transparent transparent #f5fcff;
    border-style: solid;
    border-width: 12px;
    content: "";
    left: -1px;
    margin-top: -5px;
    position: absolute;
    top: 47px;
}

.cwp-ctp-toolTip h4 {
    color: #6c7780;
    font-weight: 600;
    margin: 0 !important;
}

.cubewp-wrap .postbox {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border: unset;
    border-radius: 12px;
}

.cwpposttype .postbox-header .hndle,
.cwptaxonomyform .postbox-header .hndle,
.cwp-welcome-page-title~.wrap .postbox-header .hndle {
    cursor: auto !important;
}

.cwpposttype .inside #major-publishing-actions,
.cwptaxonomyform .inside #major-publishing-actions,
.cwp-welcome-page-title~.wrap .inside #major-publishing-actions {
    border: none;
    background: #fff;
    padding: 5px 5px 0 0;
}

#toplevel_page_cube_wp_dashboard li:has(a[href^="admin.php?page=taxonomy-custom-fields"]),
#toplevel_page_cube_wp_dashboard li:has(a[href^="admin.php?page=user-custom-fields"]),
#toplevel_page_cube_wp_dashboard li:has(a[href^="admin.php?page=settings-custom-fields"]),
#toplevel_page_cube_wp_dashboard li a[href^="admin.php?page=cubewp-pricing"],
#toplevel_page_cube_wp_dashboard li a[href^="admin.php?page=cubewp-export"] {
    display: none;
}

#toplevel_page_cube_wp_dashboard li:has(a[href^="admin.php?page=taxonomy-custom-fields"]).current,
#toplevel_page_cube_wp_dashboard li:has(a[href^="admin.php?page=user-custom-fields"]).current,
#toplevel_page_cube_wp_dashboard li:has(a[href^="admin.php?page=settings-custom-fields"]).current {
    display: block;
}

#toplevel_page_cube_wp_dashboard li a[href^="https://cubewp.com/pricing/"] span.dashicons {
    font-size: 18px;
    color: #FFB300;
}

#toplevel_page_cube_wp_dashboard li a[href^="https://cubewp.com/pricing/"],
#toplevel_page_cube_wp_dashboard li a[href^="https://cubewp.com/pricing/"]:hover,
#toplevel_page_cube_wp_dashboard li a[href^="https://cubewp.com/pricing/"]:focus {
    color: #FFB300;
    font-weight: bold;
}

#toplevel_page_cube_wp_dashboard li .new-feature-tag {
    background-image: url('../images/new-tag-submenu.svg');
    /* Navigate one directory up and then into the 'images' folder */
    background-position: right center;
    /* Position the image on the right side, vertically centered */
    background-repeat: no-repeat;
    /* Ensure the image doesn't repeat */
    padding-right: 42px;
    /* Adjust padding so text doesn't overlap with the image */
}

label .cwp-required {
    color: #ff0000;
}

.cwp-welcome-tabber {
    background-color: #27AAE1;
    padding: 18px;
    margin-left: -22px;
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding-right: 60px;
    padding-left: 22px;
    padding-bottom: 10px;
}

.cwp-welcome-tabber-nav a {
    text-align: center;
    font-size: 15px;
    border-radius: 10px 10px 0px 0px;
    background: #0073AF 0% 0% no-repeat padding-box;
    letter-spacing: 0.45px;
    color: #FFFFFF;
    font-weight: 600;
    display: inline-block;
    line-height: 45px;
    border: 0px !important;
    padding: 0px 30px;
    margin-right: 5px;
    border: 0px !important;
}

.cwp-important-links ul {
    margin: 0px;
}

.nav-tab-wrapper {
    background: #F9F8FF 0% 0% no-repeat padding-box;
    border: 1px solid #F0EBFF;
    opacity: 1;
    padding: 6px 13px;
    border-radius: 10px;
    margin-left: 18px;
}

.nav-tab-wrapper .nav-tab {
    background: transparent;
    border: unset;
    padding: 4px 0;
    margin: 0px 26px;
    font-weight: 500;
    position: relative;
    color: #32373C;
    font-size: 14px;
}

.nav-tab-wrapper .nav-tab:hover::after {
    content: '';
    position: absolute;
    width: 100%;
    transition: 0.3s ease-in-out;
    height: 2px;
    background: #32373C;
    bottom: -7px;
    left: 0;
    right: 0;
}

.nav-tab-wrapper .nav-tab:hover {
    color: #000;
}

.nav-tab-wrapper .nav-tab.nav-tab-active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #32373C;
    bottom: -7px;
    left: 0;
    right: 0;
}

.cwp-post-type-wrape.margin-40 .wrap.cwp-post-type-title {
    width: calc(100% + 40px);
}

.nav-tab-wrapper .nav-tab.nav-tab-active {
    font-weight: 600;
}

.cwp-important-links li {
    text-align: center;
    background: #0878B0 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    font-size: 8px;
    min-width: 70px;
    text-align: center;
    padding: 10px 0px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
}

.cwp-important-links li span {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.cwp-important-links li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.cwp-welcome-tabber-nav {
    position: relative;
    margin-bottom: -10px;
}

.cwp-welcome-user-infor {
    display: flex;
    align-items: start;
}

.cwp-welcome-user-infor-logo {
    margin-right: 10px;
}

.cwp-welcome-user-infor-outer p {
    color: #6C7780;
    font-size: 16px;
    margin-bottom: 0px;
}

.cwp-welcome-user-infor-outer {
    padding: 35px 0px;
    padding-bottom: 15px;
}

.cwp-post-type-overview {
    align-items: start;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.cwp-welcome-main-outer {
    padding-left: 20px;
    padding-right: 60px;
}

.cwp-post-type-overview-right-side {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E9EAEA;
    border-radius: 4px;
    width: 292px;
    box-shadow: 0px 1px 4px #00000014;
}

.cwp-post-type-overview-left-side {
    width: calc(100% - 292px);
    margin-right: 30px;
}

.cwp-post-type-overview-left-container {
    background: #fff;
    border: 1px solid #E9EAEA;
    border-radius: 4px;
    box-shadow: 0px 1px 4px #00000014;
}

.cwp-post-type-overview-left-side-inner {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-items: center;
    padding: 13px 17px;
}

.cwp-post-type-overview-left-side-inner-header div {
    font-size: 13px;
    color: #0878B0;
    font-weight: 700;
}

.cwp-post-type-overview-left-side-inner-header {
    background: #F3F3F3 0% 0% no-repeat padding-box;
    border-radius: 3px 3px 0px 0px;
}

.cwp-review-option-name {
    margin: 0px;
    font-size: 14px;
}

.cwp-priew-count {
    background: #F5FCFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDF3FF;
    line-height: 17px;
    min-width: 26px;
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    color: #135E96;
    position: relative;
    text-align: center;
}

.cwp-icon-helpTip span.cwp-preview-toltip-outer:hover~.cwp-ctp-toolTips .cwp-ctp-toolTip {
    display: block;
}

.cwp-preview-toltip-outer:hover {
    cursor: pointer;
}

.cwp-post-type-overview-left-side-inner .cwp-ctp-toolTip {
    display: none;
    position: absolute;
    top: 50%;
    left: 12px;
    background: #F5FCFF;
    border: 1px solid #DDF3FF;
    width: 127px;
    padding: 6px 10px;
    transition: 0.3s all ease-in-out;
    z-index: 3;
    transform: translateY(-50%);
    border-radius: 2px;
}

.cwp-post-type-overview-left-side-inner .cwp-ctp-tipContent {
    text-align: left;
    margin: 0;
    font-size: 10px;
    color: #135E96;
    line-height: 1;
}

.cwp-post-type-overview-left-side-inner .cwp-ctp-toolTip::after {
    content: "";
    display: none;
}

.cwp-post-type-overview-left-side-inner .cwp-ctp-toolTip::before {
    position: absolute;
    content: "";
    height: 11px;
    width: 11px;
    background: #F5FCFF;
    border: 1px solid #DDF3FF;
    border-right: none;
    border-top: none;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 2;
}

.cwp-prev-ad-btn span {
    background: #0878B0 0% 0% no-repeat padding-box;
    min-width: 28px;
    display: inline-block;
    border-radius: 4px;
    font-size: 13px;
    color: #fff;
    position: relative;
    line-height: 22px;
}

a:focus {
    outline: none;
    box-shadow: none;
}

.cwp-post-type-overview-left-side-inner {
    border-bottom: 1px solid #E9EAEA;
}

.cwp-prev-tick-icon span {
    font-size: 20px;
    color: #69C903;
    width: auto;
    height: auto;
}

.cwp-post-type-overview-left-side-inner-pro .cwp-review-option-name {
    color: #727272CC;
}

cwp-unlock-feature a {
    color: #727272CC;
    font-size: 10px;
    font-weight: 400;
    border: 1px solid #F3F3F3;
    border-radius: 10px;
    height: 20px;
    width: max-content;
    display: inline-block;
    padding: 0px 19px;
}

.cwp-unlock-feature a span {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: 19px;
    color: #0878B0;
}

.cwp-post-type-overview-left-side-inner div:first-child {
    padding-left: 10px;
    text-align: left;
}

.cwp-post-type-overview-left-container {
    margin-bottom: 40px;
}

.cwp-post-type-overview-right-side {
    text-align: center;
}

.cwp-post-type-overview-right-side h1 {
    font-size: 16px;
    background: #F3F3F3 0% 0% no-repeat padding-box;
    margin: 0px;
    padding: 24px 0px;
}

.cwp-view-extentions {
    font-size: 10px;
    font-weight: 700;
    color: #fff;
    background: #0878B0 0% 0% no-repeat padding-box;
    border: 1px solid #F3F3F3;
    border-radius: 21px;
    display: inline-block;
    padding: 10px 22px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cwp-view-extentions:hover {
    color: #fff;
}

.cubewp-add-new-posttype a.cwp-prev-ad-btn {
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
}

.cubewp-add-new-posttype {
    display: flex;
    justify-content: end;
    padding-bottom: 12px;
    text-decoration: none !important;
}

.cwp-all-plugis-outer {
    column-gap: 40px;
}

.cwp-plugins-grid-outer {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 4px #00000014;
    border: 1px solid #E4E4E5;
    border-radius: 5px;
    overflow: hidden;
    width: 30%;
    display: inline-block;
    margin: 0px 15px;
    margin-bottom: 30px;
}

.cwp-plugins-thumbnail img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.cwp-plugin-name-box {
    padding: 12px 17px;
    background: #F3F3F3 0% 0% no-repeat padding-box;
    display: flex;
    justify-content: space-between;
}

.cwp-plugin-name-box h4 {
    color: #0878B0;
    font-size: 13px;
    margin: 0px;
}

.cwp-plugin-name-box h4 span {
    background: #999999 0% 0% no-repeat padding-box;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    padding: 2px 7px;
}

.cwp-plugin-name-box h5 {
    color: #FFFFFF;
    background: #F56E28 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 2px 10px;
    font-size: 10px;
    margin: 0px;
}

.cwp-plugins-grid-outer p {
    padding: 0px 17px;
    color: #000000CC;
    font-size: 13px;
}

.cwp-plugin-pur-btn {
    background: #0073AF 0% 0% no-repeat padding-box;
    color: #FFFFFF !important;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    width: 100%;
    padding: 10px 5px;
}

.cwp-all-plugis-outer>h1 {
    padding-left: 15px;
    margin: 40px 0px;
}

.cwp-notice.cwp-error-message {
    background: #ffe6e6;
    color: #d12626;
    border-left: #d12626 solid 3px;
    margin: 10px 0 0;
    border-radius: 3px;
}

.cwp-notice p {
    color: inherit;
    font-size: 13px;
    padding: 8px 10px;
    text-shadow: none;
}

.drop-left .cwp-ctp-toolTip {
    left: unset;
    right: 35px;
}

.drop-left .cwp-ctp-toolTip::after {
    display: none;
}

.drop-left .cwp-ctp-toolTip::before {
    left: unset;
    right: -17px;
    border-left: 0;
    border-bottom: 0;
}

.cubewp-notice {
    border-left-width: 3px;
    padding: 4px 12px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 5px #00000040;
    opacity: 1;
    border-radius: 7px;
    border-top-width: 0;
    border-right-width: 0;
    margin: 0 15px 15px 0;
    border-bottom-width: 0;
}

#bulk-titles .ntdelbutton:before,
.notice-dismiss:before,
.tagchecklist .ntdelbutton .remove-tag-icon:before,
.welcome-panel .welcome-panel-close:before {
    content: "\f335";
    margin-top: 2px;
}



/*CubeWP Import*/
.imp-exp .cubewp-page-header {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px #00000029;
    border: 1px solid #DDDDDD;
    padding: 25px 45px;
    margin: 0 0 40px -20px;
    display: flex;

}

.imp-exp .cubewp-page-header h2 {
    font-size: 20px;
    line-height: 24px;
    font-family: Helvetica, sans-serif;
    color: #32373C;
    font-weight: bold;
    margin: 0px;
    line-height: 47px;
}



.cubewp-import-box-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}

.cubewp-import-box-container .cubewp-import-box {
    max-width: 600px;
    margin: 0 10px;
}

.cubewp-import-box-container .cubewp-import-card {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 10px;
    overflow: hidden;
}

.cubewp-import-box-container .cubewp-import-card .cubewp-import-header {
    background-color: #FBFAFF;
    padding: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cubewp-import-box-container .cubewp-import-card .cubewp-import-header span {
    color: #0073AF;
    width: 18px;
    height: 18px;
    font-size: 18px;
    margin: 0 5px 0 0;
}

.cubewp-import-box-container .cubewp-import-card .cubewp-import-header h4 {
    color: #0073AF;
    font-size: 15px;
    line-height: 18px;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 0 0;
}

.cubewp-import-box-container .cubewp-import-card .cubewp-import-content {
    padding: 20px;
}

.cubewp-import-content-dummy-warning {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.cubewp-import-content-dummy-warning span {
    color: #0073AF;
    margin: 0 5px 0 0;
}

.cubewp-import-box-container .cubewp-import-card .cubewp-import-content p {
    font-size: 13px;
    line-height: 18px;
    font-family: Helvetica, sans-serif;
    color: #555555;
    margin: 0 0 20px 0;
}

.cubewp-import-box-container .cubewp-import-box button {
    margin: 20px 0 0 auto;
    display: block;
    width: 80px;
    height: 32px;
    font-size: 13px;
    line-height: 18px;
    font-family: Helvetica, sans-serif;
}

/*CubeWP Export*/
.export-form .cubewp-import-box-container {
    justify-content: flex-start;
}

.cubewp-export-options {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cubewp-export-options .cubewp-export-option {
    margin: 0 0 14px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cubewp-export-options .cubewp-export-option:last-of-type {
    margin-bottom: 14px;
}

.cubewp-export-options .cubewp-export-option input {
    margin: 0 10px 0 0;
}

.export-form .cwp_download_content {
    margin: 20px 0 0 auto;
    display: inline-block;
}

.export-form .cubewp-import-box-container .cubewp-import-box {
    max-width: 600px;
    text-align: right;
}

/* header button  */

.flot-left.cwp-library {
    margin-left: 35px;
    margin-top: 15px;
}

.flot-left.cwp-library {
    margin-left: 35px;
    margin-top: 15px;
}

.form-templates {
    margin-left: 15px;
    margin-top: 15px;
}

.form-templates a {
    border-radius: 5px;
    border: 1px solid #fff;
    padding: 13px 13px;
    letter-spacing: 0.52px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.form-templates a span.new {
    margin-left: 2px;
    color: #DB0101;
}

.form-templates a span.dashicons {
    margin-right: 13px;
    font-weight: bold;
}

.form-templates a:hover {
    background: linear-gradient(90deg, #d5e5ff, #f6d3ff, #fff7d3);
    color: black;
}

.flot-left.cwp-library a {
    background: linear-gradient(90deg, #d5e5ff, #f6d3ff, #fff7d3);
    border-radius: 5px;
    border: none;
    padding: 14px 13px;
    letter-spacing: 0.52px;
    color: #181132;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.flot-left.cwp-library a span.new {
    margin-left: 3px;
    color: #DB0101;
}

.flot-left.cwp-library a span.dashicons {
    margin-right: 5px;
    font-weight: bold;
}

.flot-left.cwp-library a:hover {
    background: linear-gradient(268deg, #d5e5ff, #f6d3ff, #fff7d3);
}

/* all access button css */
.grdnt-bg-counters {
    padding: 2px;
    border-radius: 34px;
    transition: 0.3s ease-in-out;
    margin: auto;
    text-align: center;
    height: 40px;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin-left: 20px;
}

.grdnt-bg-counters a {
    background: #171130;
    border-radius: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding: 0 16px;
    text-align: center;
    letter-spacing: 0.52px;
    color: #FFFFFF;
    vertical-align: middle;
    opacity: 1;
    transition: 0.2s ease-in-out;
    padding-left: 17px;
    font-size: 12px;
}

.cwp-title-menu.float-right {
    margin: 0;
    display: flex;
}

.grdnt-bg-counters.linear::after {
    background: linear-gradient(90deg, #FF8038 0%, #FF0099 30.43%, #00EBEB 68.23%, #DB00FF 100%);
    background-size: 600% 600%;
    border-radius: 50px;
    animation: AnimateBorder 1s ease infinite;
    -webkit-animation: AnimateBorder 8s ease infinite;
    -moz-animation: AnimateBorder 8s ease infinite;
    transform: translate(-2px, -2px);
    transition: filter 8s ease-in;
    position: absolute;
    bottom: -1px;
    z-index: 0;
    content: '';
    width: 100%;
    left: 2px;
    right: 0;
    top: 2px;
    border: 0;
    height: 100%;
}

.grdnt-bg-counters:hover::after {
    filter: blur(2px);
    transition: 0.3s ease-in;
    box-shadow: 0px 25px 19px rgba(0, 0, 0, 0.06);
}

@keyframes AnimateBorder {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

/* AppSumo Promotion Notice */
.cwp-promotion-display-col {
    flex: 0 0 auto;
    width: 16.66666667%;
}

.cubewp-appsumo-notice-container {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.cwp-promotion-display-col-70 {
    flex: 0 0 auto;
    width: 50%;
}

.cubewp-appsumo-notice.notice .notice-dismiss {
    right: -5px;
    top: -7px;
}

.cubewp-appsumo-notice {
    background: #12282A;
    padding: 8px !important;
    border-radius: 12px;
}

.cubewp-appsumo-notice img {
    max-width: 100%;
    height: auto;
}

.cwp-appsumo-notice-image {
    max-height: 138px;
    overflow: hidden;
    border-radius: 8px;
}

.cubewp-appsumo-notice .cwp-appsumo-notice-logos img:last-child {
    margin-top: 16px;
    max-width: 100%;
}

.cwp-appsumo-notice-logos {
    padding: 0 25px;
}

.cube-notice-addons-list .cube-addons-list li {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 26px;
    margin-top: 3px;
    margin-bottom: 6px;
    width: calc(100% / 3);
}

.cube-notice-addons-list .cube-addons-list li span {
    font-size: 28px;
    color: #61B706;
    margin-bottom: 10px;
    margin-right: 10px;
}

.cwp-appsumo-notice-promotion-price .cwp-appsumo-notice-price {
    background: #3134347a;
    padding: 2px;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 6px;
}

.cwp-appsumo-notice-promotion-price .cwp-appsumo-notice-price p {
    color: #fff;
    letter-spacing: 0;
    opacity: 1;
    font-size: 48px;
    line-height: 32px;
    font-weight: 600;
    margin: 0;
    padding: 13px 0 7px 0;
}

.cwp-appsumo-notice-promotion-price .cwp-appsumo-notice-price p span {
    font-size: 20px;
    font-weight: 500;
}

.cwp-appsumo-notice-promotion-price {
    padding: 0 10px;
}

.cwp-appsumo-notice-image img {
    height: 138px;
    object-fit: cover;
}

.cubewp-appsumo-notice.notice {
    border: unset;
    margin: 15px 15px 15px 0;
}

.cube-notice-addons-list .cube-addons-list {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 1370px) {
    .cube-notice-addons-list .cube-addons-list li {
        font-size: 12px;
    }

    .cwp-appsumo-notice-promotion-price .cwp-appsumo-notice-price p {
        font-size: 34px;
    }

    .cwp-appsumo-notice-promotion-price .cwp-appsumo-notice-price p span {
        font-size: 16px;
    }
}

@media (min-width: 1150px) and (max-width: 1500px) {

    .cwp-welcome-page-section .cwp-title-menu li:nth-child(2),
    .cwp-welcome-page-section .cwp-title-menu li:nth-child(3) {
        display: none;
    }

    .cwp-title-menu ul li a {
        padding-left: 8px;
    }
}

.column-name .post-state {
    font-size: 12px;
    font-weight: bold;
    background: green;
    color: white;
    padding: 2px 5px !important;
    border-radius: 5px !important;
}

.column-name .post-state.inactive {
    background: #ddd;
    color: #000;
}


/* theme Builder Pop Up Css Start */
[aria-describedby="ctb-add-template-dialog"] {
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden;
    background: #ffffff !important;
}

/* Header Refinement */
[aria-describedby="ctb-add-template-dialog"] .ui-dialog-titlebar {
    background: #f8fafc !important;
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 1.25rem 1.5rem !important;
}

.ui-dialog-title {
    font-weight: 700 !important;
    color: #1e293b;
    font-size: 1.1rem !important;
}

/* Layout Split */
#ctb-add-template-dialog .cubewp-theme-builder-popup {
    display: flex;
    min-height: 500px;
}

/* Left Sidebar (Onboarding) */
#ctb-add-template-dialog .cubewp-elements-builder .page-content {
    flex: 0 0 35%;
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    color: #ffffff;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 18px;
}

#ctb-add-template-dialog .cubewp-elements-builder .page-content .heading {
    color: #fff !important;
    font-size: 2rem !important;
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

#ctb-add-template-dialog .cubewp-elements-builder .page-content .paragraph {
    opacity: 0.9;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Right Form Side */
#ctb-add-template-dialog .cubewp-main-form {
    flex: 1;
    padding: 2.5rem;
    background: #fff;
}

#ctb-add-template-dialog .cubewp-main-form .heading {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    color: #1e293b;
}

/* Fields Styling */
#ctb-add-template-dialog .cubewp-form-fileds {
    margin-bottom: 1.25rem;
}

#ctb-add-template-dialog .cubewp-form-fileds label {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
    color: #475569;
    font-size: 0.9rem;
}

#ctb-add-template-dialog .cubewp-form-fileds select,
#ctb-add-template-dialog .cubewp-form-fileds input[type="text"] {
    width: 100% !important;
    padding: 0.75rem !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background-color: #f1f5f9 !important;
    transition: all 0.2s ease;
    font-size: 0.95rem;
    max-width: 100%;
}

#ctb-add-template-dialog .cubewp-form-fileds select:focus,
#ctb-add-template-dialog .cubewp-form-fileds input:focus {
    outline: none !important;
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1) !important;
    background-color: #fff !important;
}

/* Checkbox Section */
#ctb-add-template-dialog #cwp_tb_mobile_view_wrap {
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
    border: 1px dashed #cbd5e1;
}

#ctb-add-template-dialog #cwp_tb_mobile_view_wrap label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

#ctb-add-template-dialog .description {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: 0.5rem;
}

/* Buttons */
#ctb-add-template-dialog .form-fileds-buttons {
    margin-top: 2rem;
    display: flex;
    gap: 12px;
    justify-content: space-between;
}

#ctb-add-template-dialog .button.cwp-save-template {
    padding: 0.75rem 1.5rem !important;
    height: auto !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: transform 0.1s ease;
}

#ctb-add-template-dialog .button.cwp-save-template[value="save"] {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    padding: 13px 42px !important;
    width: calc(100% / 2 - 10px);
}

#ctb-add-template-dialog .button.cwp-save-template[value="save-edit"] {
    background: #6366f1 !important;
    border-color: #4f46e5 !important;
    color: white !important;
    padding: 13px 42px !important;
    width: calc(100% / 2 - 10px);
}

#ctb-add-template-dialog .button.cwp-save-template:hover {
    transform: translateY(-1px);
}

@media screen and (max-width: 1024px) {
    [aria-describedby="ctb-add-template-dialog"] {
        width: 90% !important;
        /* Force the dialog to fit the screen */
        left: 5% !important;
    }
}

/* Mobile & Small Tablets */
@media screen and (max-width: 782px) {
    #ctb-add-template-dialog .cubewp-theme-builder-popup {
        flex-direction: column;
        /* Stack the Info panel and Form vertically */
        height: auto;
        max-height: 90vh;
        overflow-y: auto;
    }

    #ctb-add-template-dialog .cubewp-elements-builder .page-content {
        flex: 0 0 auto;
        padding: 1.5rem;
        text-align: center;
    }

    .cubewp-elements-builder .page-content .heading {
        font-size: 1.5rem !important;
        margin-bottom: 0.5rem;
    }

    #ctb-add-template-dialog .cubewp-elements-builder .page-content .paragraph {
        font-size: 0.85rem;
    }

    #ctb-add-template-dialog .cubewp-main-form {
        padding: 1.5rem;
    }

    #ctb-add-template-dialog .form-fileds-buttons {
        flex-direction: column;
        /* Stack buttons on mobile for easier tapping */
    }

    #ctb-add-template-dialog .button.cwp-save-template {
        width: 100%;
        text-align: center;
        margin-bottom: 8px !important;
    }
}

/* Fix for WordPress Admin Menu Overlay */
@media screen and (max-width: 600px) {
    .ui-dialog.ui-widget-content {
        top: 20px !important;
        width: 96% !important;
        left: 2% !important;
    }

    .ui-dialog-titlebar {
        padding: 0.75rem 1rem !important;
    }

    #ctb-add-template-dialog .button.cwp-save-template[value="save"] {
        padding: 6px 42px !important;
        width: 100%;
    }

    #ctb-add-template-dialog .button.cwp-save-template[value="save-edit"] {
        padding: 6px 42px !important;
        width: 100%;
    }

}

/* CubeWP Hub Connect CSS Start */
/* CubeWP Addons page (admin) */
/* :root {
    --cwp-primary: #6752eb;
    --cwp-primary-hover: #5441d1;
    --cwp-success: #10b981;
    --cwp-error: #ef4444;
    --cwp-warning: #f59e0b;
    --cwp-card-bg: #ffffff;
    --cwp-text: #1e293b;
    --cwp-text-muted: #64748b;
    --cwp-border: #e2e8f0;
    --cwp-radius: 12px;
    --cwp-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --cwp-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.cubewp-addons-wrap {
    margin: 20px 20px 0 0;
}

.cubewp-header {
    margin-bottom: 24px;
}

.cubewp-header h1 {
    font-size: 24px;
    font-weight: 700;
    color: var(--cwp-text);
    margin: 0 0 5px;
}

.cubewp-header p {
    color: var(--cwp-text-muted);
    font-size: 14px;
    margin: 0;
}

.cubewp-dashboard-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 24px;
    align-items: start;
}

.cubewp-addons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 20px;
}

.cubewp-card {
    background: var(--cwp-card-bg);
    border: 1px solid var(--cwp-border);
    border-radius: var(--cwp-radius);
    padding: 24px;
    box-shadow: var(--cwp-shadow);
    transition: all .2s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cubewp-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
}

.cubewp-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
    gap: 10px;
}

.cubewp-card-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--cwp-text);
    margin: 0 0 4px;
}

.cubewp-card-slug {
    font-family: monospace;
    font-size: 12px;
    color: var(--cwp-text-muted);
    background: #f0f0f1;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
}

.cwp-badge {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: .5px;
    white-space: nowrap;
}

.status-active {
    background: #e7f6ed;
    color: #007017;
    border: 1px solid #b3e3c6;
}

.status-installed {
    background: #f0f6fb;
    color: #0b4aa2;
    border: 1px solid #c3d9ef;
}

.status-missing {
    background: #fcf0f1;
    color: #d63638;
    border: 1px solid #f8d7da;
}

.cubewp-card-footer {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f1;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.cwp-card-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.cwp-card-manage {
    margin-left: auto;
}

.cwp-inline-spinner {
    float: none;
    margin: 0 0 0 8px;
    vertical-align: middle;
}

.cwp-btn-loading {
    opacity: .85;
    pointer-events: none;
} */

/* .button.cwp-btn-primary {
    background: var(--cwp-primary) !important;
    border: none !important;
    color: #fff !important;
    padding: 0 20px !important;
    height: 38px !important;
    line-height: 36px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.2s !important;
    box-shadow: 0 2px 4px rgba(103, 82, 235, 0.2);
} */

/* .button.cwp-btn-primary:hover {
    background: var(--cwp-primary-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px rgba(103, 82, 235, 0.3);
}

.button.cwp-btn-manage {
    background: #fff !important;
    border: 1px solid var(--cwp-border) !important;
    color: var(--cwp-text) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.button.cwp-btn-manage:hover {
    border-color: var(--cwp-primary) !important;
    color: var(--cwp-primary) !important;
}

.cubewp-account-panel {
    background: #fff;
    border: 1px solid var(--cwp-border);
    border-radius: var(--cwp-radius);
    padding: 20px;
    box-shadow: var(--cwp-shadow);
}

.cubewp-account-panel h2 {
    font-size: 16px;
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.account-details {
    background: #f6f7f7;
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-size: 13px;
}

.cubewp-filter-bar {
    background: #fff;
    padding: 12px 20px;
    border-radius: var(--cwp-radius);
    border: 1px solid var(--cwp-border);
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.cubewp-search-input {
    width: 300px;
    border-radius: 6px;
    border: 1px solid #8c8f94;
    padding: 5px 12px;
}

@media (max-width:1100px) {
    .cubewp-dashboard-layout {
        grid-template-columns: 1fr;
    }
}
 */
/* --- Modernized Modal Styling --- */
.cubewp-account-panel {
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border-radius: 12px;
    margin-bottom: 25px;
}

.cubewp-account-panel h2 {
    font-size: 16px;
    margin-top: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cubewp-hub-account-status {
    font-weight: 600;
    color: #10b981;
    margin-bottom: 5px;
}

.cubewp-hub-account-email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cubewp-hub-account-actions {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.cwp-leads-template-addons-cotent .cwp-lead-content-imges.two.cubewp-card {
    max-width: calc(100% / 2 - 5px);
}

.cwp-leads-template-addons-cotent .cubewp-card a {
    color: #32373C;
    font-size: 13px;
    font-weight: 600;
}

.cwp-leads-template-addons-cotent .cubewp-card .cwp-lead-actions.cwp-card-actions {
    gap: 10px;
}

.cwp-leads-template-addons-cotent .cubewp-card .cwp-lead-actions.cwp-card-actions button[data-cwp-manage],
.cwp-leads-template-addons-cotent .cubewp-card .cwp-lead-actions.cwp-card-actions form[data-op=plugin_activate] {
    width: calc(100% / 2 - 5px);
}

.cwp-leads-template-addons-cotent .cubewp-card .cwp-lead-actions.cwp-card-actions form[data-op=plugin_activate] button {
    width: 100%;
}

.cwp-modal {
    position: fixed;
    inset: 0;
    z-index: 100001; /* Ensure it stays above WordPress menus */
    display: none;
    align-items: center;
    justify-content: center;
}

.cwp-modal[aria-hidden="false"] {
    display: flex; /* Centered layout */
}

.cwp-modal__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(30, 35, 40, 0.7);
    backdrop-filter: blur(2px);
}

.cwp-modal__dialog {
    position: relative;
    width: 90%;
    max-width: 600px; /* Slimmer, more professional width */
    margin: 0 auto;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    animation: cwpModalFadeIn 0.3s ease-out;
}

@keyframes cwpModalFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.cwp-modal__header {
    background: #f8f9fa;
    padding: 18px 24px;
    border-bottom: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cwp-modal__header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #1e293b;
}

.cwp-modal__close {
    border: none;
    background: #edf2f7;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    color: #64748b;
    transition: all 0.2s;
}

.cwp-modal__close:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.cwp-modal__body {
    padding: 24px;
}

/* License Detail Box */
.edd-sl-manage-license-details {
    background: #f1f5f9;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.edd-sl-manage-license-key, 
.edd-sl-manage-license-product {
    display: block;
    font-size: 13px;
    color: #475569;
}

.edd-sl-manage-license-key code {
    background: #fff;
    padding: 4px 8px;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    font-family: 'Courier New', monospace;
    font-weight: 600;
    color: #0f172a;
    margin-left: 5px;
}

.edd-sl-manage-license-product span {
    font-weight: 700;
    color: #1e293b;
    margin-left: 5px;
}

/* Action Buttons */
.cwp-modal__actions {
    display: flex;
    gap: 10px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 20px;
}

.cwp-modal__actions .button {
    flex: 1;
    justify-content: center;
    height: 36px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* Styled Table */
#cwp_license_sites {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    border-collapse: separate;
    margin-top: 10px;
}

#cwp_license_sites thead th {
    background: #f8f9fa;
    padding: 12px 15px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.05em;
}

#cwp_license_sites tbody td {
    padding: 12px 15px;
    vertical-align: middle;
    font-size: 13px;
    color: #334155;
    border-top: 1px solid #f1f5f9;
}

.button-link-delete {
    color: #d63638 !important;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.button-link-delete:hover {
    color: #b32d2e !important;
    text-decoration: underline;
}

/* Loading State */
.cwp-modal__loading {
    padding: 40px 0;
    flex-direction: column;
}

.cwp-modal__loading-text {
    font-weight: 500;
    color: #64748b;
    margin-top: 10px;
}
/* CubeWP Hub Connect CSS End */

/* Welcome tiles: actions under name (not connected) */
.cwp-lead-tile a{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;}
.cwp-lead-actions{width:100%;display:flex;justify-content:center;margin-top:2px;}
.cwp-lead-actions form{margin:0;}
.cwp-lead-actions .button{min-height:28px;line-height:26px;padding:0 10px;border-radius:6px;}