.dashboard-header .search-area .mb-3,.block-views-blockcurrent-user-name-block-2 .mb-3 {margin-bottom: 0px !important;}
.dashboard-header .search-area input.form-autocomplete {background-position: center right 10px;margin-top: 0px;}


/*Global Modal popup css start */
ul#ui-id-1 { border: 1px solid #ddd; border-radius: 5px; font-family: satoshi; font-weight: 500;}
.search-api-autocomplete-search .ui-menu-item:hover { background: #eee !important;}


body .ui-widget-content a {
    color: var(--paragraph);
    margin: 0px !important;
}

body .ui-state-active, .ui-widget-content .ui-state-active,
body .ui-widget-header .ui-state-active,
body a.ui-button:active,
body .ui-button:active,
body .ui-button.ui-state-active:hover {
    border: 1px solid var(--title) !important;
    background: var(--title) !important;
}



.ui-widget-header { background: transparent; border: 0; font-size: 16px; font-weight: bold;
    color: var(--title);
}

.ui-dialog .ui-dialog-titlebar {padding: 24px;padding-bottom: 10px;}
.ui-dialog .ui-dialog-content {padding: 24px; padding-top: 5px;}
.create-script-popup .form-check.form-check-inline.checkbox-container:not(:last-child) {
    margin: 0px;
    padding: 0px;
}

.script-modal .create-script-popup .advanced-btn {
    font-size: 14px;
    font-weight: bold;
    color: var(--title);
    margin: 0;
    margin-bottom: 5px;
}

div.ui-widget.ui-widget-content {
    border: 1px solid #fff;
    border-radius: 16px;
    width: 600px !important;
    max-width: 100%;
    padding: 0px;
    min-width: 200px;
}

.ui-dialog .ui-dialog-titlebar-close {
    border: 1px solid #ddd;
    background: #f2f3f4;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    top: 15px;
}


.ui-dialog .ui-dialog-title{ margin: 0px;}

.ui-dialog .ui-dialog-titlebar-close:before {
    position: absolute;
    content: "\f659" !important;
    font-family: bootstrap-icons !important;
    top: 0px;
    left: 0;
    right: 0;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #858b98;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 24px;
    margin: 0;
}
.ui-widget-content {color: #858b98;}


.js-form-item.form-item.js-form-type-checkbox {display: flex;}
.js-form-item.form-item.js-form-type-checkbox input {
    width: 17px;
    height: 17px;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    cursor: pointer;
    padding: 0;
    margin-top: 2px;
}

.js-form-item.form-item.js-form-type-checkbox .form-label {
    margin: 0 !important;
    cursor: pointer;
    color: var(--paragraph);
    font-weight: 500;
}

.js-form-item.form-item.js-form-type-checkbox input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.form-actions.js-form-wrapper.form-wrapper {
    text-align: center;
    margin: 0px !important;
}

.js-form-item.form-item.js-form-type-checkbox.form-item-field-saved-audience-value.js-form-item-field-saved-audience-value.form-group.control-field {
    padding: 0px 15px;
}

/* Soial bio page */
.nav.nav-social-bio{ margin-bottom: 30px;}
.nav.nav-social-bio::before{ bottom: -12px;}
.mobilebox iframe { border-radius: 70px;}
.card.card-social-bio .form-actions.js-form-wrapper.form-wrapper {
    justify-content: space-between;
    display: flex;
    margin-top: 50px !important;
}
#drupal-off-canvas button.color_field_widget_box__square, .color_field_widget_box__square, #drupal-off-canvas button.color_field_widget_box__square--transparent, .color_field_widget_box__square--transparent {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 1px solid #ddd;
    box-shadow: none;
    background-position: center center;
    background-size: 16px;
}

#drupal-off-canvas button.color_field_widget_box__square, .color_field_widget_box__square {margin-right: 16px;}

button.color_field_widget_box__square.active {
    border-color: red;
}
.control-field .form-control.form-text, .control-field .form-select.form-text { margin-top: 0px;}
.ck.ck-editor__editable_inline {min-height: 150px;}

.field--widget-entity-reference-paragraphs .paragraph-toggle{ display: none;}
.tabledrag-toggle-weight-wrapper {display: none;}

.field--widget-entity-reference-paragraphs tr {
    border: 0;
    border-bottom: 16px solid #fff;
    background-color: var(--primary-light);
}

.js .field--widget-entity-reference-paragraphs .field-multiple-table {width: 100%;}
.js .field--widget-entity-reference-paragraphs .field-multiple-table .tabledrag-hide {display: none;}

.js .field--widget-entity-reference-paragraphs td .js-form-wrapper.form-wrapper.mb-3 {
    margin-bottom: 0px !important;
}

.js .paragraph-type-top {
    padding: 0px 40px 0px 0px;
    align-items: center;
    min-height: 42px;
    position: relative;
}

.js .field--widget-entity-reference-paragraphs .field-multiple-drag {
    position: relative;
    padding: 0px 5px;
    width: 25px;
    vertical-align: middle;
}


.field--widget-entity-reference-paragraphs tr.expanded .field-multiple-drag {
    vertical-align: top;
}

.field--widget-entity-reference-paragraphs tr.expanded .field-multiple-drag .tabledrag-handle {
    margin-top: 15px;
}



.js .field--widget-entity-reference-paragraphs td {
    padding: 5px;
}


.js .field--widget-entity-reference-paragraphs .draggable .tabledrag-handle {
    display: block !important;
    height: auto !important;
}

.js .field--widget-entity-reference-paragraphs .tabledrag-handle .handle {
    width: 22px !important;
    height: 22px !important;
    margin: 0px;
    background-position: 4px;
}

.touchevents a.tabledrag-handle .handle {
    height: 21px;
    background-position: center center !important;
}

.tabledrag-changed-warning.messages.messages--warning {
    margin-bottom: 14px;
}

div#iframe-wrapper {width: 100%; height: 100%;}
.mobilebox iframe {
    border-radius: 70px;
    width: 100%;
    height: 100%;
}


.paragraphs-dropbutton-wrapper .btn { font-size: 12px; font-weight: bold; color: #EA2E2E; display: flex;
align-items: center; background: transparent; padding: 0px;}

.paragraphs-dropbutton-wrapper .btn:hover {background: transparent;}
.js-form-item.form-item.js-form-type-color input {width: 40px;padding: 3px;border-radius: 3px;}

.js .paragraph-type-title { font-size: 14px;font-weight: bold;color: var(--title);margin-right: 8px; margin-bottom: 0px !important;}

.field-label h4.label {
    font-size: 18px;
    font-weight: 700;
    color: var(--title);
    margin-bottom: 10px;
    background-color: #fff;
    margin: -1px;
    padding: 10px;
}

button.paragraph-item-toggle {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    transform: translate(-50%);
    margin-top: -12px;
    right: -10px;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 0;
    justify-content: center;
    font-weight: bold;
    background-color: var(--bs-white);
    border-radius: 8px;
    color: var(--title);
    opacity: 1;
    border: 0;
}

.field--widget-entity-reference-paragraphs .draggable .paragraph-item-toggle:before {
    content: "\f4fe";
    font-family: bootstrap-icons !important;
    width: 28px;
    height: 28px;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.field--widget-entity-reference-paragraphs .draggable.expanded .paragraph-item-toggle:before {
    content: "\f63b";
    font-family: bootstrap-icons !important;
}

.focal-point-wrapper{ width: 100%;}
.focal-point-preview-link {
    border: 1px solid #ddd;
    border-radius: 5px;
    color: var(--title);
    font-weight: 500;
    margin: 5px 0px;
}
.file.file--mime-image-jpeg.file--image a {
    color: var(--paragraph);
}

.image-widget.js-form-managed-file.form-managed-file .focal-point-wrapper {
    position: static !important;
    height: auto;
    margin-bottom: 10px;
}

.dropbutton-multiple .dropbutton .secondary-action {
    margin-top: 5px;
}

.image-widget.js-form-managed-file.form-managed-file.clearfix .form-control {
    height: 35px;
}

div#edit-body-wrapper textarea#edit-body-0-value {
    margin-bottom: 1rem !important;
}

.control-field .form-required.form-label{ position: relative;}
.control-field .form-required.form-label:before {
    position: absolute;
    content: "*";
    color: #ea2e2e;
    right: -15px;
    font-size: 20px;
}

.form-control.error {border-color: #ea2e2e;}
.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items { flex-wrap: wrap !important;}
body .mobilebox .loader-modalButton { position: absolute;z-index: 1;}


.js .field--widget-entity-reference-paragraphs .dropbutton-wrapper .dropbutton-toggle button {
    border-top-right-radius: 8px;
    background: var(--primary-color);
    border-bottom-right-radius: 8px;
    border-left: 1px solid #4b1e50;
    height: 41px;
}

.js .field--widget-entity-reference-paragraphs .dropbutton-wrapper .dropbutton-widget {
    width: 100%;
    position: relative;
}

.js .field--widget-entity-reference-paragraphs .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-arrow {
    margin-top: 5px;
}

.js .field--widget-entity-reference-paragraphs .dropbutton-wrapper.dropbutton-multiple .btn {
    min-width: 170px;
    width: 100%;
}

.js .field--widget-entity-reference-paragraphs .dropbutton-wrapper .dropbutton-toggle button .dropbutton-arrow {
    color: #fff;
}

.js .field--widget-entity-reference-paragraphs td .js-form-wrapper.form-wrapper.mb-3 .dropbutton-wrapper .dropbutton-toggle button {
    height: 28px;
}

.js .field--widget-entity-reference-paragraphs td .js-form-wrapper.form-wrapper.mb-3 .dropbutton-wrapper .dropbutton-toggle button {
    height: 28px;
}

.js .field--widget-entity-reference-paragraphs .dropbutton-wrapper .dropbutton-widget li:first-child .btn {
    z-index: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.js .field--widget-entity-reference-paragraphs td .js-form-wrapper.form-wrapper.mb-3 .dropbutton-wrapper ul {
    display: flex;
    align-items: center;
}

.js .field--widget-entity-reference-paragraphs td .js-form-wrapper.form-wrapper.mb-3 .dropbutton-wrapper ul button {
    min-width: inherit;
    padding: 5px;
}

.js .field--widget-entity-reference-paragraphs td .js-form-wrapper.form-wrapper.mb-3 .dropbutton-wrapper ul li {
    margin: 0;
    background-color: transparent;
}

.js .paragraphs-collapsed-description:after {background: transparent !important;}


.paragraphs-subform .control-field .form-control, .paragraphs-subform .control-field .form-select {
    background-color: #fff;
}

nav.pager {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0px;
}

.pager__items.js-pager__items {
    display: inline-flex;
    align-items: center;
    box-shadow: 0px 10px 20px rgba(62, 33, 85, 0.3);
    background: #fff;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
    padding: 8px;
    flex-wrap: wrap;
    gap: .5rem;
}

.pager__items.js-pager__items li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    border-radius: 6px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    color: #858B98;
    text-decoration: none;
    background-color: #fff;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


li.pager__item.pager__item--previous {
    display: none;
}

li.pager__item.pager__item--next {
    display: none;
}

.pager__items.js-pager__items li.pager__item.is-active a {
    background: var(--primary-color);
    color: #fff;
}

.pager__items.js-pager__items .pager__item.pager__item--first a,
.pager__items.js-pager__items .pager__item.pager__item--last a {font-size: 0;}

.pager__items.js-pager__items .pager__item.pager__item--first a:before,
.pager__items.js-pager__items .pager__item.pager__item--last a:before {
    position: absolute;
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    top: 1px;
    left: 0;
    right: 0;
    font-size: 18px;
    bottom: 0;
    width: 32px;
    height: 32px;
    font-family: bootstrap-icons !important;
}

.pager__items.js-pager__items .pager__item.pager__item--first a:before{ content: "\f284";}
.pager__items.js-pager__items .pager__item.pager__item--last a:before{content: "\f285";}

.pager__items.js-pager__items li a:hover {
    background: var(--primary-color);
    color: #fff;
}

nav.pager.pagination-dark .pager__items.js-pager__items {
    background: #3E2155;
}

nav.pager.pagination-dark .pager__items.js-pager__items li a {
    background: transparent;
}

nav.pager.pagination-dark .pager__items.js-pager__items.is-active li a {
    background: var(--primary-color);
}

nav.pager.pagination-dark .pager__items.js-pager__items li.is-active a {
    background: var(--primary-color);
}



.paragraphs-dropbutton-wrapper .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-arrow {
    margin-top: 0 !important;
}




.field--type-boolean.field--name-field-hide-shadow.field--widget-boolean-checkbox.js-form-wrapper.form-wrapper.mb-3 {
    margin-bottom: 10px !important;
}

.ajax-progress.ajax-progress-throbber {
    position: fixed;
    background: rgb(0 0 0 / 50%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
  }

  .ajax-progress-throbber .throbber {
    background-image:none;
    width: 56px;
    height: 56px;
    background-size: cover;
    border-radius: 20px;
    border: 11.2px #fff double;
    border-left-style: solid;
    border-radius: 50%;
    animation: spinner-aib1d7 0.75s infinite linear;
}

@keyframes spinner-aib1d7 {
    to {
       transform: rotate(360deg);
    }
 }


.membershipPage.anonymous .grid-membership-content .views-col.col-1{position: relative;}


@media screen and (max-width: 767px) {
button.paragraph-item-toggle { width: 16px; height: 16px;margin-top: -8px;border-radius: 3px;}
.js .field--widget-entity-reference-paragraphs .draggable .tabledrag-handle{ width: auto !important;}
.field--widget-entity-reference-paragraphs .draggable .paragraph-item-toggle:before{ font-size: 12px;}
.paragraphs-dropbutton-wrapper .btn{ font-size: 10px;}
.js .paragraph-type-title{ font-size: 12px;}
body .mobilebox:after { width: 261px;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;}
.js .paragraph-type-top {padding: 0px 30px 0px 0px;}
.card.card-social-bio .form-actions.js-form-wrapper.form-wrapper .btn.btn-primary {padding: 7px 10px;}
}




/* Pricing table css */

.view-memberships.view-display-id-page_1 .grid-membership-content {
    max-width: 1500px;
    margin: auto;
}

.subscription-plans .membershipPage .toggle {
    max-width: 520px;
}

.subscription-plans .membershipPage .pricing-columns.pricing-section {
    width: 100%;
    margin-left: 0;
}
body.subscription-plans .membershipPage .toggler--is-active {
    color: #fff;
    position: relative;
    z-index: 9;
}
.subscription-plans .toggle-main-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.subscription-plans .membershipPage .toggler {
    width: 50%;
    float: left;
    margin: 0;
}

.subscription-plans .membershipPage label.toggler--is-active {background-color: var(--primary-color);border-radius: 31px;}

.membershipPage .grid-membership-content {
    padding-left: 0;
}


.subscription-plans .view-memberships.view-display-id-page_1 .grid-membership-content .field--name-title {
    color: var(--title);
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
}

.subscription-plans .membershipPage.view-memberships.view-display-id-page_1 .grid-membership-content .views-col {
    border: 0 !important;
    border-top: 20px solid var(--title)!important;
    box-shadow: 0 20px 27px 0 rgba(0,0,0,.05);
    border-radius: 17px;
}

.subscription-plans .membershipPage .grid-membership-content .views-col.col-1.active{ border-radius: 17px;}

.subscription-plans .membershipPage.view-memberships.view-display-id-page_1 .grid-membership-content .col-1:last-child {
    border-left: 0px solid #edeef2 !important;
    border-right: 0px solid #edeef2 !important;
}

.subscription-plans .membershipPage.view-memberships.view-display-id-page_1 .grid-membership-content .views-col {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 30px;
    position: relative;
}

.subscription-plans .membershipPage.view-memberships.view-display-id-page_1 .grid-membership-content .views-col .your-current-plan {
    font-size: 16px;
    min-height: 44px;
    color: #7d7979;
}

.subscription-plans .membershipPage h3.price {
    color: #000;
    font-size: 35px;
    font-weight: 700;
}

.subscription-plans .register-button {
    width: 100%;
    display: inline-block;
}

body.subscription-plans .subs-table-block.subsc_plans ul, body.subscription-plans ul.subs-lists {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    margin-top: 40px;
}


.subscription-plans .membershipPage.view-memberships.view-display-id-page_1 .grid-membership-content .field--name-field-description.priceDesc{ padding: 15px;}

body.subscription-plans ul.subs-lists li { padding: 20px 10px; color: #000;}

body.subscription-plans ul.subs-lists li:nth-child(odd) {
    background: #f7f7f7f7;
}

.subscription-plans .membershipPage .bestValue {
    left: 0;
    border: 0px;
    background: var(--secondary-color);
}
.subscription-plans .membershipPage .grid-membership-content .views-col.col-1.active{ background-color: #fff;}
.subscription-plans .membershipPage .grid-membership-content .active .field--name-field-description.priceDesc {
    color: #7d7979;
}

.subscription-plans .view-memberships.view-display-id-page_1 .grid-membership-content .active .field--name-title {
    color: var(--title);
}

.subscription-plans .membershipPage .grid-membership-content .active .field--name-field-description.priceDesc {
    background: #fff;
    border: 0;
    color: #7d7979;
}

body.subscription-plans .subscription-plans .view-memberships.view-display-id-page_1 .grid-membership-content .active .dollar-wrapper h3 {
    color: #000;
}


.subs-plus-blocks div#block-subscriptionblocks>div {
    display: flex;
}


.plan-wrapper {
    padding: 40px 0 0;
    background: #fff;
    border-radius: 17px;
    border-top: 20px solid var(--title)!important;
    text-align: center;
    height: 100%;
    box-shadow: 0 20px 27px 0 rgba(0, 0, 0, .05);
}

.subs-plus-blocks {
    max-width: 1000px;
    margin: auto;
}

.subs-plus-blocks [class*=col-] {
    padding: 0px 10px;
}


body.subscription-plans .plan-wrapper .plan-title h2 {
    color: var(--title);
    font-size: 25px;
    text-transform: capitalize;
    font-weight: bold;
}

body.subscription-plans .plan-wrapper .plan-content {
    max-width: 60%;
    margin: 25px auto 25px;
    line-height: 1.4;
    font-size: 14px;
    color: #7d7979;
}

body.subscription-plans .plan-wrapper .plan-price h1 {
    font-size: 35px;
    color: #000;
    font-weight: bold;
}

body.subscription-plans .plan-wrapper .plan-price h1 sup {
    font-size: 18px;
    position: relative;
    top: -10px;
}

body.subscription-plans .plan-wrapper .plan-price h1 sub {
    bottom: -.25em;
}

body.subscription-plans .plan-links.register-button {
    margin: 40px 0;
    min-height: 65px;
}

body.subscription-plans ul.subs-list li {
    padding: 20px 10px;
    color: #000;
}

body.subscription-plans ul.subs-list li:nth-child(odd) {
    background: #f7f7f7f7;
}

body.subscription-plans .plan-links.register-button.free-role {
    display: none;
}


.subscription-plans .membershipPage .register-button .button {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
    border: 1px solid var(--primary-color) !important;
    border-radius: 4px !important;
}
body.subscription-plans .membershipPage .switch { background-color: var(--primary-color);}


body.subscription-plans {
    background: var(--primary-light);
}

.billed-text {
    color: #7d7979;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
}

.subscription-plans .membershipPage .active .register-button .button {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}

.subscription-plans .membershipPage .active .register-button .button:before {
    border: 3px solid transparent;
}


@media screen and (max-width: 767px) {
.view-memberships.view-display-id-page_1 .grid-membership-content .views-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;

}
.subscription-plans .membershipPage.view-memberships.view-display-id-page_1 .grid-membership-content .views-col { margin-left: 0;
    margin-right: 0;
}
.subs-plus-blocks div#block-subscriptionblocks>div {display: block;}
.subs-plus-blocks [class*=col-] {padding: 0 0px;}

}

#Scheduled-posts-root td:nth-child(5) .popup-wrapper,
#Scheduled-posts-root td:nth-child(6) .popup-wrapper,
#Scheduled-posts-root td:nth-child(7) .popup-wrapper {
    left: auto;
    right: 0;
}
.content-wrapper {font-size: 10px;font-weight: 500;word-wrap: normal;}
.content-wrapper .title {
    font-size: 10px;
    text-align: left;
    word-break: break-word;
    display: block;
    white-space: normal;
}

#Scheduled-posts-root .fc-daygrid-day-frame .fc-daygrid-day-top .popup-wrapper .start{ text-align: left;}
#Scheduled-posts-root .fc-daygrid-day-frame .fc-daygrid-day-top .popup-wrapper .end {
    text-align: left;
}


#Scheduled-posts-root .fc .fc-daygrid-day-number{ height: 100%;}
.event-count {font-size: 11px;font-weight: 500;}

.fc .fc-daygrid-day-number{ z-index: inherit !important;}
#Scheduled-posts-root .fc-daygrid-day-frame .fc-daygrid-day-top .popup-wrapper .popup-menu.ts-plannerAddButton {
    position: relative;
    z-index: 4;
    background-color: #fff;
}




.sec-user-membership-main .user-form {display: flex;position: relative;padding-bottom: 60px;}
.sec-user-membership-main .user-form fieldset.card {
    flex: 0 0 50%;
    max-width: 50%;
    width: 50%;
    background: transparent;
    position: relative;
    padding-top: 0px;
}

.sec-user-membership-main .user-form fieldset.card .fieldset-wrapper {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    padding-top: 50px;
    height: 100%;
}

.sec-user-membership-main .user-form fieldset.card legend {
    position: absolute;
    left: 30px;
    top: 10px;
    margin: 0;
    display: flex;
    width: auto;
}



.sec-user-membership-main .user-form fieldset.card .fieldset-wrapper .fieldset-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.sec-user-membership-main .user-form fieldset.card .fieldset-legend {
    font-size: 18px;
    color: var(--title);
    font-weight: bold;
}

.form-item-field-billing-address-0-address-address-line1, .form-item-field-billing-address-0-address-address-line2, .form-item-field-billing-address-0-address-address-line3 {
    margin-bottom: 15px;
}

.sec-user-membership-main .control-field .form-label {
    color: var(--Paragraph);
    font-weight: 500;
}

.sec-user-membership-main .mb-3 { margin-bottom: 0px !important;}
.sec-user-membership-main .js-form-item {margin-bottom: 15px !important;}
.sec-user-membership-main .mb-3.col-xl-6 {float: left;}
.sec-user-membership-main .field--name-field-first-name {padding-right: 10px;}
.sec-user-membership-main .field--name-field-last-name { padding-left: 10px;}

.sec-user-membership-main .user-form .form-actions.js-form-wrapper.form-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
}

.sec-user-membership-main .col-md-12 {padding: 0px;}
.sec-user-membership-main .control-field .form-select {font-weight: normal; color: var(--paragraph);}
.sec-user-membership-main details#edit-timezone {width: 100%;}

.sec-user-membership-main .user-form .form-actions.js-form-wrapper.form-wrapper .btn {
    min-width: 150px;
}


.my-promo-page .video-box.script-box {
padding-top: 42%;
background-image: url(../images/video-script-bg.png);
}

.login-register-sec .sec-audience-main .audience-col-9 .settings-tray-editable {
    margin-top: 15px;
}

.login-register-sec .sec-audience-main .audience-col-9 .settings-tray-editable a {
    color: var(--primary-color);
}

.submit-icon-wrapper img { display: none;}


.control-field .form-control.form-radio {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    vertical-align: top;
    background-color: var(--primary-light);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    padding: 4px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.control-field .form-control.form-radio:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.strem-wrapper.card .btn.btn-primary.btn-secondary {margin-left: 10px;}
.strem-wrapper.card .js-form-item .option.form-label {
font-weight: 500; cursor: pointer;}
.strem-wrapper.card .js-form-item .option.form-label img { flex: 0 0 25px;max-width: 25px;min-width: 25px;margin-right: 10px;}


fieldset#edit-review-payment-information {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border-radius: .25rem;
    border-radius: 12px;
    padding: 12px;
    margin-bottom: 16px;
}

.strem-wrapper.card .fieldset-wrapper {
    padding-top: 60px;
}

.strem-wrapper .dataTables_length {
    position: absolute;
    left: 20px;
    top: 20px;
}

.strem-wrapper .dataTables_length select {
    font-size: 14px;
    color: #313234;
    height: 40px;
    border-radius: 8px;
    background-color: var(--primary-light);
    padding: 6px 11px;
    border: 1px solid #dddd;
    box-shadow: none;
    margin: 0px 5px;
}

.strem-wrapper .dataTables_filter input {
    font-size: 14px;
    color: #313234;
    height: 40px;
    border-radius: 8px;
    background-color: var(--primary-light);
    padding: 6px 11px;
    border-color: var(--primary-light);
    box-shadow: none;
    border: 1px solid #dddd;
    outline: none !important;
    margin-left: 10px;
}

.strem-wrapper .dataTables_filter {
    position: absolute;
    right: 20px;
    top: 20px;
}


.strem-wrapper.card table {
    width: 100%;
}

.strem-wrapper.card table th {
    font-size: 14px;
    line-height: 16px;
    color: var(--paragraph);
    font-weight: 500;
    border: none;
    padding: 15px 15px 15px 24px;
    background-color: var(--primary-light);
}

.strem-wrapper.card table td {
    font-size: 14px;
    line-height: 16px;
    color: var(--paragraph);
    font-weight: 500;
    border: none;
    padding: 10px;
}

.strem-wrapper.card table td .form-control {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background-color: var(--primary-light);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    padding: 4px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    margin-top: 4px;
}

.strem-wrapper.card table td .form-control:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}


.dataTables_info {
    float: left;
    margin-bottom: 30px;
}

.dataTables_paginate.paging_simple_numbers {
    float: right;
    margin-bottom: 30px;
}

.dataTables_paginate.paging_simple_numbers .paginate_button {
    border: 1px solid var(--primary-color);
    margin: 0px 2px;
    padding: 5px 10px;
    border-radius: 3px;
    color: var(--primary-color);
    cursor: pointer;
    font-weight: 500;
    background-color: var(--primary-light);
}


#user-script .block-header {padding-right: 140px;}
#user-script .views-form .form-actions.js-form-wrapper.form-wrapper {
 text-align: right; position: relative; top: 15px;}
#user-script .views-form [class*=col-] ~ .form-actions {display: none;}
#user-script .views-form { margin-top: -82px;}

#user-script .views-form .js-form-type-select {display: none;}

.access-denied div.ui-widget.ui-widget-content {width: 200px !important;}
.access-denied .dashaboard-main {
    height: calc(100vh - 70px);
    align-items: center;
    min-height: 500px;
}



.achived-achievements-wrapper.card fieldset { padding: 0px;}
.achived-achievements-wrapper.card fieldset .legend {
    font-size: 16px;
    font-weight: 700;
    color: var(--title);
    padding-bottom: 0;
}
.achived-achievements-wrapper.card fieldset [class*='col-']{margin-top: 10px;}
.achieve-block {box-shadow: none !important;border: 1px solid #ddd;border-radius: 12px;margin-bottom: 0px;padding: 10px;}
.achieve-img {
    width: 100px;
    flex: 0 0 90px;
    max-width: 90px;
    min-height: 72px;
    background: var(--primary-light);
    border-radius: 8px;
    margin-right: 0;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.achieve-img img {width: 40px;}
.achieve-block h3 {
    font-size: 13px !important;
    font-weight: 700;
    color: var(--title);
    margin-bottom: 5px;
}
.dashboard-user-achievements div#upcoming-achievements-block-wrapper .row {display: flex;}

.latest_milestone_wrapper > .title, .next_milestone_wrapper > .title {padding-bottom: 0;}
.achived-achievements-wrapper .achieve-block { box-shadow: none !important; margin-bottom: 0;}

fieldset.latest_milestone_wrapper,
fieldset.next_milestone_wrapper {
    padding: 12px;
}

fieldset.latest_milestone_wrapper [class*='col-'],
fieldset.next_milestone_wrapper [class*='col-']{
  margin-top: 10px;
}
.achieve-block .achieve-cont .achievement-title {
    text-transform: capitalize;
    font-size: 13px !important;
    font-weight: 700;
    color: var(--title);
    margin-bottom: 5px;
}
.achieve-cont #achievement-body .count-left {
    display: inline-block;
    font-weight: 700;
    color: var(--paragraph);
}

fieldset.latest_milestone_wrapper>.views-row { box-shadow: none !important;}
.User-achievement-Notify-Popup .modal-content {padding: 20px 15px;}
body.dashboard-user-achievements button#User-Channel-Notify-Popup-Close {
    position: absolute;
    top: 12px;
    right: 8px;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
}


body.dashboard-user-achievements button#User-Channel-Notify-Popup-Close:before {
    position: absolute;
    content: "\f659" !important;
    font-family: bootstrap-icons !important;
    top: 0;
    left: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #858b98;
}


.download_wrapper .selectbxAchivement select {
    border-radius: 8px;
    padding: 3px 10px 3px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#dashboard-download-latest-achievement{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.download_wrapper .selectbxAchivement {
    background: var(--primary-color);
    border-radius: 8px;
}
.download_wrapper .selectbxAchivement:hover{ background-color: #481e4d;}

.selectbxAchivement svg {
    width: 20px;
    margin-right: 8px;
    vertical-align: -3px;
    min-width: 20px;
    position: absolute;
    right: 5px;
    top: 11px;
    pointer-events: none;
}

.download_wrapper .selectbxAchivement svg {fill: white; top:7px;}


.download_wrapper .selectbxAchivement::before {
    background: #712F79;
    overflow: hidden;
}


.selectbxAchivement:hover{background-color: #481e4d;}

.selectbxAchivement svg {
    width: 20px;
    margin-right: 8px;
    vertical-align: -3px;
    min-width: 20px;
}


.selectbxAchivement svg{fill: white;}


.dashboardMilestoneSelect,
.select-achievements-popup{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: stretch;
    gap: 3px;
    margin-top: 12px;
}
.dashboardMilestoneSelect {
    margin: 0px;
}
.modal-footer .dashboardMilestoneSelect .btn {
     min-width: unset;
}
#canvas-modal .modal-body,
#canvas-modal .modal-footer{
   padding: 16px;
}

.dashboardMilestoneSelect .btn.btn-primary.download-milestone{
    padding: 10px 18px;
}
.share-dropdown {
    border-radius: 16px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    margin-top: 8px !important;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
}
.selectbxAchivement::after {
/*    content: "\203A";
    position: absolute;
    right: 7px;
    top: 40%;
    width: 10px;
    height: 11px;
    font-weight: 600;
    transform: rotate(87deg);*/
}
.share-dropdown li a {
    font-size: 13px;
    font-weight: 500;
    color: var(--title);
    padding: 7px 13px;
    display: flex;
}
#ts-my-account-certificateDownloadButton-select{
    padding: 5px 10px 4px 10px;
    color: #ffffff;
    background: var(--primary-color);
    border-radius: 8px;
    -webkit-appearance: none; /* Chrome, Safari, Opera */
    -moz-appearance: none;    /* Firefox */
    appearance: none;    
}
.dashboard-user-achievements #User-achievement-Notify-Popup .selectbxAchivement svg {
    top: 6px;
}
.selectbxAchivement::before{ background: #712F79;}
.achived-achievements-wrapper.card {margin-bottom: 26px;}

.dashboard-header .container.guided-search-page .result-page-title {
    display: none;
}


.dashaboard-inner.search-result-page { margin-top: 50px;}
.dashaboard-inner.search-result-page .result-page-title {
    font-size: 25px;
    font-weight: 700;
    color: var(--title);
    text-align: center;
    margin-bottom: 30px;
}

.dashaboard-inner.search-result-page .container { max-width: 1000px;}

.dashaboard-inner.search-result-page form {background: #fff;padding: 10px;border-radius: 12px;margin-bottom: 30px;}
.card.result-row {margin-bottom: 16px;}
.card.result-row h4 {font-size: 16px;font-weight: 700;color: var(--title);}
.card.result-row h4 a {color: var(--title);}
.card.result-row h4 a:hover {color: var(--secondary-color);}
.card.result-row p {margin-bottom: 0;margin-top: 5px;}

.user-register fieldset.card { padding: 0;}

.menuicon img {width: 20px !important;}


@media screen and (max-width: 1199px) {
.sec-user-membership-main .field--name-field-first-name {padding-right: 0;}
.sec-user-membership-main .field--name-field-last-name {padding-left: 0;}
.achived-achievements-wrapper.card fieldset [class*=col-] { width: 100%;}
fieldset.latest_milestone_wrapper [class*=col-],
fieldset.next_milestone_wrapper [class*=col-]{ width: 100%;}
}

@media screen and (max-width: 991px) {
.sec-user-membership-main .user-form{ display: block;}
.sec-user-membership-main .mb-3.col-xl-6{ float: none;}
.sec-user-membership-main .user-form fieldset.card {flex: 0 0 100%;max-width: 100%;width: 100%;}
}


@media screen and (max-width: 767px) {
#Scheduled-posts-root .fc .fc-daygrid-day-number{ font-size: 12px;}
.strem-wrapper .dataTables_length { position: static;text-align: center;margin-bottom: 10px;}
.strem-wrapper .dataTables_filter {position: static;margin-bottom: 20px; text-align: center;}
.strem-wrapper.card .fieldset-wrapper {padding-top: 0;}
#user-script .views-form .form-actions.js-form-wrapper.form-wrapper {top: 0;}
#user-script .block-header {padding-right: 0;}
#user-script .views-form {margin-top: 0;}
.access-denied .dashaboard-inner .views-element-container{ position: static;}
.access-denied #block-views-block-guided-search-guided-search-block-2 .mb-3 input[type='text']{width: 100%;}
.fig-imgbox img {width: 150px;height: 150px;}
.access-denied .dashaboard-main { height: auto;align-items: center; min-height: inherit;}
}





/* Script edit page css start */
.page-node-type-video-script-template .whtBox h5 {
    font-size: 13px;
    font-weight: 500;
    color: var(--title);
}

.paragraph-script-wrapper.videoscript-border-radius>div {
    padding: 8px;
    min-width: 120px;
    text-align: left;
}

.paragraph-script-wrapper.videoscript-border-radius {
    border: 0;
}

.page-node-type-video-script-template .script-desc.disc.script-desc-custom {
    font-size: 15px;
    font-weight: bold;
    margin-top: 3px;
}

.paragraph-script-wrapper.videoscript-border-radius {
    margin-right: 16px !important;
    margin-bottom: 10px;
}

.Estimated-clone-edit .clock-icons {
    display: flex;
    width: max-content;
    padding: 0px;
    align-items: center;
    height: auto;
}

.Estimated-clone-edit .clock-icons p {
    margin: 0px;
}

.Estimated-clone-edit .estimated-inner {
    display: flex;
    font-size: 12px;
    font-weight: 500;
}

.Estimated-clone-edit .select {
    background-color: #f8f5f8;
    padding: 6px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin: 0px 8px;
}

.Estimated-clone-edit .select select {
    border: 0;
    background: transparent;
    font-size: 12px;
    font-weight: bold;
    color: var(--primary-color);
    min-width: 100px;
}

.Estimated-clone-edit .select img {
    margin-right: 5px;
}

.page-node-type-video-script-template .commonRed_Head {
    width: 100%;
    display: flex;
    align-items: center;
}

.top-para-wrapper {
    display: flex;
    margin-bottom: 15px;
}

.Estimated-clone-edit {
    margin-left: auto;
    width: auto;
}

.clone-head {
    padding: 10px;
    border-radius: 5px;
    background: #fff;
    margin: 20px 0px;
}

.page-node-type-video-script-template .commonRed_Head h3 {
    color: var(--title) !important;
    font-weight: bold;
    font-size: 14px;
}

.page-node-type-video-script-template .commonRed_Head .edit-title-icon {
    display: flex;
    order: 1;
    white-space: nowrap;
    margin-left: auto;
    cursor: pointer;
}

.head-wrap-main {
    display: flex;
    margin: 0;
    padding: 0px;
}

.head-wrap-main .whtBox.card {
    flex: 1;
}

.head-wrap-main .whtBox.card.col-lg-3 {
    flex: 0 0 244px;
    max-width: 244px;
    width: 244px;
    margin-left: 16px;
    justify-content: center;
    padding: 16px;
}


.custom-print-video-script, .section-add-button a {
    font-size: 12px;
    font-weight: bold;
    color: var(--primary-light);
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center;
    padding: 6px;
    border-radius: 8px;
    height: 30px;
    background-color: var(--primary-color);
}

.custom-print-video-script i {
    margin-right: 9px;
    color: var(--title);
    font-size: 14px;
}

.custom-print-video-script {
    position: relative;
    padding-left: 36px;
}

.custom-print-video-script:hover i {
    color: #fff;
}

.head-wrap-main .whtBox.card.col-lg-3 .undo-wrapper .btn svg {margin-right: 8px;width: 13px;height: auto;}
.head-wrap-main .whtBox.card.col-lg-3 .undo-wrapper .btn svg path {stroke: var(--title);}
.head-wrap-main .whtBox.card.col-lg-3 .undo-wrapper .btn:hover svg path{ stroke: #fff;}

.custom-print-video-script img, .section-add-button a img {
  margin-right: 6px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.page-node-type-video-script-template a.use-ajax.script-btn.custom-video-script-add-section {
  padding:6px;
  border-radius: 8px !important;
  display: flex !important;
  line-height: normal;
  color: var(--primary-light) !important;
  height: 30px;
  position: relative;
  padding-left: 36px;
  background-color: var(--primary-color);
}
.script-page-button-wrapper a:before {
  content: '';
  position: absolute;
  border-radius: 8px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.script-page-button-wrapper a:hover:before {
  -webkit-animation-name: hvr-ripple-primary-out;
  animation-name: hvr-ripple-primary-out;
}
.script-page-button-wrapper a:hover {
  color: var(--primary-light);
}
.script-page-button-wrapper a, .script-page-button-wrapper button {
    margin-bottom: 10px !important;
}
.script-page-button-wrapper a.o-bg {
    background-color: var(--secondary-color);
}

.script-timeline-save-wrapper .btn.btn-primary {
    display: flex;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    color: var(--primary-light);
    background-color: var(--primary-color);
    align-items: center;
    position: relative;
    padding-left: 36px;
    border-radius: 8px;
}

.script-timeline-save-wrapper .btn.btn-primary img {
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.page-node-type-video-script-template .commonRed_Head .edit-title-icon img {
    margin: 0 !important;
    margin-right: 8px !important;
}

.script-main-container> .row {
    margin: 0;
}

.page-node-type-video-script-template .video-script-template-editing .video-script-template .paragraph.whtBox {
    flex: 1;
    max-width: 100%;
    margin: 0;
    padding: 0px;
}

.page-node-type-video-script-template .video-script-template-editing .content .field--item .commonRed_Head {
    position: relative;
    flex: 0 0 244px;
    max-width: 244px;
    margin-left: 16px;
    padding: 16px;
    color: var(--paragraph);
    font-size: 13px;
    display: flex;
}

.tokens-button-wrapper {
    width: 100%;
}

.page-node-type-video-script-template .content .field--item .commonRed_Head {
    border-top-left-radius: 12px !important;
}

.page-node-type-video-script-template .content .field--item .commonRed_Head {
    border-top-left-radius: 12px !important;
}

.page-node-type-video-script-template .element-item.ele_content_section {
    width: 100%;
    border-top: 3px solid;
    padding: 16px !important;
    background-color: #fff;
    border-radius: 12px;
}

.script-main-container .content {
    padding: 0;
}

.script-main-container .content .video-scripting .row {
    margin: 0px !important;
}

.page-node-type-video-script-template .video-script-template-editing .ui-state-default {
    border: 0;
}

.page-node-type-video-script-template .video-script-template-editing .ui-state-default.drag-update {
    box-shadow: 0px 6px 7px 1px #712f79;
}


.page-node-type-video-script-template .video-script-template-editing .video-script-template .paragraph.whtBox .row {
    height: 100%;
}

.page-node-type-video-script-template .info-script .paragraph-info p {
    font-size: 13px !important;
    color: var(--paragraph);
    line-height: normal !important;
    margin-bottom: 3px !important;
}

.page-node-type-video-script-template .info-script .paragraph-info span span {
    color: #2BC485;
}

.page-node-type-video-script-template .info-script .paragraph-info p b {
    font-weight: normal;
}

.page-node-type-video-script-template .video-script-template-editing .content .field--item .commonRed_Head .secquery-name {
    margin-bottom: 10px;
    display: block;
    width: 100%;
}

.page-node-type-video-script-template .content .field--item .commonRed_Head .paragraph-info hr {
    margin: 8px 0px;
}

.page-node-type-video-script-template .bgBox.smart_token_wrapper {
    border-radius: 0;
    box-shadow: none;
    border: 0;
    padding: 0;
}

.commonRed_Head .ai-btn-box {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #F2EEF8;
    padding-top: 8px;
    width: 100%;
    margin-top: auto !important;
}

.page-node-type-video-script-template.page-node-type-video-script-template div.ai-btn-box button {
    padding: 0 !important;
    font-size: 12px;
    font-weight: 500;
    border: 0;
}

.page-node-type-video-script-template.page-node-type-video-script-template div.ai-btn-box button img {
    width: 16px;
    margin-right: 5px;
}

.page-node-type-video-script-template .video-script-template-editing .content .field--item .commonRed_Head .button-wrapper-tokens {
    justify-content: space-between;
}

.d-flex.side-bottom-button-wrapper {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    margin-top: 8px;
}

.d-flex.side-bottom-button-wrapper [role=button] {
    font-size: 12px;
    font-weight: 500;
    color: var(--primary-color);
    background-color: #f8f5f8;
    padding: 5px 10px;
    border-radius: 6px;
    white-space: nowrap;
}

.page-node-type-video-script-template .video-script-template-editing a.smartcontetntlink {
    font-size: 12px;
    font-weight: 500;
    margin: 0px;
    padding: 0;
    border: 0;
    color: #F26419 !important;
}

.video-script-template-editing .edit_remove_script_btn {
    margin-left: 0px;
}

.video-script-template-editing .smart_token_wrapper .customNew-Accordian .project-custom-tag.custom_tags {
    width: 100%;
    border: 1px solid #ddd;
    padding: 7px;
    border-radius: 5px;
}

.cke_top {
    background: #F2EEF8 !important;
    padding: 8px;
    white-space: normal;
    border-bottom: 0 !important;
    border-radius: 6px;
}

.page-node-type-video-script-template .video-script-template-editing .drag-icon.reorder-down {
    bottom: 30px;
    top: auto;
    left: 28px;
    cursor: move;
}

.video-script-template-editing .edit_remove_script_btn {
    top: auto !important;
    bottom: 24px !important;
    position: absolute;
    left: 28px !important;
}

body.page-node-type-video-script-template button.save-title-btn {
    color: #fff;
    padding: 4px 9px;
    background: var(--primary-color);
    margin-right: 10px;
    font-weight: 500;
    font-size: 12px;
    border-radius: 4px;
}

body.page-node-type-video-script-template button.save-title-btn:hover {
    background: var(--primary-color);
}

.page-node-type-video-script-template .commonRed_Head input {
    border: 1px solid #cecdcf;
    border-radius: 5px;
    width: 100%;
    max-width: 500px;
    background-color: #f2eef8;
    outline: none !important;
}

.page-node-type-video-script-template .ui-dialog .ui-widget-header span.ui-dialog-title {
    left: 0;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    font-family: 'Satoshi';
    width: 100%;
}

.page-node-type-video-script-template .ui-dialog .control-field .form-select {
    margin-bottom: 15px;
    font-family: 'Satoshi';
}




.page-node-type-video-script-template .js-form-item.form-item.js-form-type-checkbox {
    margin-bottom: 15px;
}

a.cke_button:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    cursor: pointer !important;
}

body.page-node-type-video-script-template .throbber {
    position: absolute !important;
    top: 0px !important;
    left: 20px !important;
    z-index: 10 !important;
    right: 0 !important;
    margin: 0 auto !important;
    top: 50% !important;
}

.page-node-type-video-script-template .ui-dialog .button.btn-primary {
    background: var(--primary-color) !important;
}
.page-node-type-video-script-template .ui-dialog .button.btn-primary:hover{background-color: #481e4d !important;}

.custom-edit-video-script {line-height: 1.1 !important;display: flex;align-items: center;margin-left: auto;width: 151px;text-align: center;justify-content: center;border: 1px solid #ddd;background: var(--primary-color);color: #fff;padding: 6px;border-radius: 4px;font-weight: 500;font-size: 13px; cursor: pointer;}
.custom-edit-video-script img {filter: brightness(100);margin-right: 5px; cursor: pointer;}

.video-scripting .paragraph-script .script-desc {color: var(--paragraph);}

.dashboard-header .views-exposed-form .form-item { width: max-content;}

.page-node-type-video-script-template .smart_token_wrapper .customNew-Accordian .custom_tags a {
    background: var(--primary-color);
    color: var(--bs-white) !important;
    font-size: 12px;
    margin: 2px;
    padding: 2px 4px;
    display: inline-block;
    font-weight: 500;
    border-radius: 5px;
}

.cke_wysiwyg_frame, .cke_wysiwyg_div {
    margin: -20px -8px;
}

.page-node-type-video-script-template .ui-dialog .ui-widget-header .ui-dialog-titlebar-close:after {
    font-size: 0px;
}

/* for white color */
.script-add-section-form #type-info-tag{ color: var(--paragraph);}
.script-add-section-form #type-info-tag h6{ margin-bottom: 5px;}
.script-add-section-form #type-info-tag h6 b {font-weight: normal;}

.page-node-type-video-script-template .script-modal .status-message-modal{ margin-bottom: 0px; }

.page-node-type-video-script-template .ui-dialog .ui-widget-header span.ui-dialog-title,
.page-node-type-video-script-template .ui-dialog .control-field .form-label
{ color: var(--title);}

.page-node-type-video-script-template .script-modal .ui-widget-header{ color: var(--title);}



.page-node-type-video-script-template .script-modal .ui-widget-header span.ui-dialog-title {
    font-family: inherit;
    background: 0 0;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--title);
}

.page-node-type-video-script-template .script-modal .control-field .form-select {
    font-family: inherit;
}

.page-node-type-video-script-template .script-modal .control-field .form-label{ color: var(--paragraph);}

/* Smart token text modal */

body div.ui-dialog.smart-token-modal {width: 1170px !important;}
.ui-dialog.smart-token-modal .sub-cate-wrapper.accordion-item {
    border: 1px solid rgba(0,0,0,.125);
    padding: 5px 10px;
    border-radius: 5px;
}

.ui-dialog.smart-token-modal .control-field .form-label{color: var(--paragraph);}
.ui-dialog.smart-token-modal .sub-cate-wrapper.accordion-item .accordion-btn {
    width: 23px;
    height: 23px;
    margin-left: 10px;
    position: relative;
}

.ui-dialog.smart-token-modal .accordion-header .accordion-btn::before {
    content: "\f63b";
    font-family: bootstrap-icons !important;
    border: 1px solid var(--primary-light);
    background-color: var(--primary-light);
    width: 23px;
    height: 23px;
    position: absolute;
    top: 0;
    margin-top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 20px;
    justify-content: center;
    font-weight: 700;
    border-radius: 2px;
    color: var(--title);
    opacity: 1;
}

.ui-dialog.smart-token-modal .accordion-header  .accordion-btn.collapsed::before {
    content: "\f4fe";
    font-family: bootstrap-icons !important;
}

.ui-dialog.smart-token-modal .sub-cate-wrapper.accordion-item legend { margin: 0;}
.ui-dialog.smart-token-modal .d-flex.group-col-box .d-flex.group-col-box {margin-bottom: 0px;}
.ui-dialog.smart-token-modal .d-flex.group-col-box .js-form-item.form-item {margin-bottom: 5px;}







@media screen and (max-width: 1199px) {
.top-para-wrapper {flex-direction: column;align-items: start;}
.Estimated-clone-edit{ margin-left: 0px;}
.Estimated-clone-edit .estimated-inner {flex-direction: column;}
.main-content__section {z-index: 1;}
}

@media screen and (max-width: 991px) {
.page-node-type-video-script-template .video-script-template-editing .video-script-template .paragraph.whtBox{ order: -1;}
.page-node-type-video-script-template .field--item .script-wrapper {flex-direction: column;}
.page-node-type-video-script-template .video-script-template-editing .content .field--item .commonRed_Head {
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0;
    margin-top: 5px;
}

.page-node-type-video-script-template .video-script-template-editing .drag-icon.reorder-down {
    bottom: auto;
    top: 15px;
    height: 22px;
    transform: translate(0px, 2px);
}

.cke_top { padding-top: 35px !important;}

}

@media screen and (max-width: 767px) {
.head-wrap-main{ display: block;}
.head-wrap-main .whtBox.card.col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
}
.paragraph-script-wrapper.videoscript-border-radius {margin-right: 10px !important; margin-bottom: 10px !important;}
.page-node-type-video-script-template .commonRed_Head{ flex-direction: column; align-items: center;}
.page-node-type-video-script-template .commonRed_Head .edit-title-icon{ margin-left: 0; margin-top: 10px;}
.video-scripting { padding: 0px 0;}
.page-node-type-video-script-template .commonRed_Head input{ width: 100%; margin-bottom: 10px;}

.page-node-type-video-script-template .ui-dialog.smart-token-modal .sub-cate-wrapper.accordion-item .d-flex.align-items-center.ms-3 {
    margin-left: 5px !important;
}
.page-node-type-video-script-template .ui-dialog.smart-token-modal .ui-dialog-content {padding: 10px;}

}
/* Script edit page css end */

/* video-planner page css start */

.dashboard-video-planner .whitebox_outerwrapper.card {padding: 24px;}
.dashboard-video-planner .block-header .btn.btn-primary.btn-secondary {
background: var(--secondary-color);
color: var(--bs-white);
display: flex;
align-items: center;
z-index: 1;}


.dashboard-video-planner .block-header .btn.btn-primary.btn-secondary img {margin-right: 5px;}

.dashboard-video-planner .fc-toolbar.fc-header-toolbar .fc-button-group>.fc-button {
    border-radius: 4px;
    background: #feefe8;
    border-color: #feefe8;
    color: #f26419;
    font-weight: 500;
    text-transform: capitalize;
}
.dashboard-video-planner .fc-toolbar.fc-header-toolbar .fc-button-group>.fc-button::before{ border: 3px solid transparent;}

.dashboard-video-planner .fc-toolbar.fc-header-toolbar .fc-button-group>.fc-button.fc-button-active {
    background: #f26419;
    color: #fff;
}

.dashboard-video-planner .fc-toolbar.fc-header-toolbar .fc-button-group>.fc-button+.fc-button {
    margin-left: 3px;
}

.dashboard-video-planner .fc-toolbar.fc-header-toolbar .fc-button-group>.fc-button:hover {
    background: #f26419;
    color: #fff;
}


.dashboard-video-planner .fc-toolbar.fc-header-toolbar .fc-today-button.fc-button {
    background: #f2eef8;
    color: #712f79;
    font-weight: bold;
    font-size: 12px;
    text-transform: capitalize;
    border-color: #f2eef8;
    min-height: 36px;
    cursor: pointer;
}

.dashboard-video-planner .fc-center {
    color: #3e2155;
    font-size: 14px;
    font-weight: bold;
}

.dashboard-video-planner .fc-view>table .fc-head tr th {height: 36px;font-size: 16px;font-weight: 700;color: var(--title);background: var(--primary-light);border-bottom: 0;vertical-align: middle;}

.dashboard-video-planner .fc-view>table .fc-body tr td {color: #858b98;font-size: 18px;font-weight: 500;}

.dashboard-video-planner .fc-view>table .fc-body tr td a {color: #858b98;padding: 10px;}

.dashboard-video-planner .fc-list-heading-main,
.dashboard-video-planner .fc-list-heading-alt {color: var(--title);}

.dashboard-video-planner .bottom-buttons.fc-button-group {
    margin-top: 20px;
    text-align: center;
}

.dashboard-video-planner .fullcalendar-bottom-btn.add-event-btn a {
    position: relative;
    padding: 10px 18px;
    overflow: hidden;
    box-shadow: none !important;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--bs-white);
    background-color: var(
    --primary-color);
    border: 0;
    transition: all 500ms ease;
}

.dashboard-video-planner .bottom-buttons.fc-button-group .fullcalendar-bottom-btn.add-event-btn {
    text-align: center; width: 100%;}

.dashboard-video-planner .fc-unthemed td.fc-today { background: var(--primary-color); border-color: #eae2f4;}
.dashboard-video-planner .fc-unthemed td.fc-today .fc-day-number { color: #fff !important;}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #eae2f4;
}
.dashboard-video-planner .fc-view>table .fc-body tr td.fc-event-container a {
    color: #fff !important;
}


.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline .form-item {position: relative;cursor: pointer;}
.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline .form-item input {
    opacity: 0;
}
.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline .form-item:not(:last-child) {margin-right: 12px;}
.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline {margin-bottom: 10px;display: inline-block;}


.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline {
    margin-bottom: 10px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 330px;
}

.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline .form-item .form-label {
    border-radius: 4px;
    background: #feefe8;
    border: 1px solid #f26419;
    color: #f26419;
    font-weight: 500;
    text-transform: capitalize;
    padding: 9px;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
}
.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline .form-item .form-label::before{border: 3px solid transparent;}

.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline .form-item input:checked ~ .form-label {
    background: var(--secondary-color);
    color: var(--bs-white);
}

.dashboard-video-planner .view-calendar-test {
    position: relative;
}



/* video-planner page css end */

.dashboard-notes .card.card-social-bio {padding: 0px;background-color: transparent;}
.dashboard-notes .column-col-3 .js-form-item.form-item {margin-bottom: 15px;}
.card-notes-chapters .card-footer {padding: 0px;}
.card-notes-chapters .card-footer li {margin-top: 15px;}
.card-shuffle-results .card-title {margin-bottom: 10px;padding-right: 10px;}
.card-shuffle-results .js-form-type-select {display: none;}
.card-shuffle-results .view-row-wrapper {position: relative;}
.card-shuffle-results .view-row-wrapper .views-field {position: absolute;top: 12px;left: 16px;height: auto;}
.card-shuffle-results .form-actions.js-form-wrapper.form-wrapper {
    text-align: right;
    margin-top: -40px !important;
    position: relative;
}
.view-row-wrapper ~ .form-actions.js-form-wrapper.form-wrapper { display: none;}

#add-event .fieldset-legend { font-size: 14px;font-weight: 700;color: var(--title);margin-bottom: 4px;}

#add-event .fieldset-wrapper a { color: var(--secondary-color);}
#add-event .js-filter-wrapper.js-form-wrapper.form-wrapper .js-form-wrapper a {color: var(--primary-color); font-weight: 500;}
#add-event .card.card-social-bio .form-actions.js-form-wrapper.form-wrapper {justify-content: space-between;display: flex; margin-top: 10px !important;}
#add-event .js-form-item.js-form-type-select{ display:none;}

#add-event .field--type-datetime fieldset .fieldset-wrapper>div {display: flex;margin: 0px -10px;}
#add-event .field--type-datetime fieldset .fieldset-wrapper>div .js-form-item {flex: 1;padding: 0px 10px;}

#add-event .field--type-link .fieldset-wrapper {display: flex;margin: 0px -10px;}
#add-event .field--type-link .fieldset-wrapper .js-form-item { flex: 1;padding: 0px 10px;}


.notes-table .table.custom-table { margin: 0px;}
.notes-table .table.custom-table tr td div { padding: 3px 0; font-size: 16px;}
.notes-table .custom-table td:not(:last-child) {border-right: 1px solid #eae2f4; width: 150px;}
.notes-table .table td { padding: 10px 20px;}

#canvas-modal .selectbxAchivement {bottom: 0;margin-top: 0px;margin-bottom: 0; margin-right: 12px;}
#canvas-modal .selectbxAchivement select {-webkit-appearance: none;-moz-appearance: none;appearance: none; padding-right: 40px;}
#canvas-modal .selectbxAchivement select:hover {background-color: var(--primary-color);}


.form-create-audience-avatar .field--name-field-avatar-goals-and-values .clearfix button,
.form-create-audience-avatar .field--name-field-avatar-interests .clearfix button {position: static;}
.form-create-audience-avatar .table-tube {border: 0;}
.form-create-audience-avatar .table-tube .label { padding-left: 0px; padding-right: 0px; font-size: 14px;}
.form-create-audience-avatar table tr td .btn.btn-primary {margin-left: 10px;}
.form-create-audience-avatar [class*='col-'] {width: 100%;}
.form-create-audience-avatar .add-item:hover { color: var(--bs-white);}
.form-create-audience-avatar table tr:not(:first-child) td {padding-top: 10px;}


.no-achievement, .one-remaining-item, .two-remaining-item, .three-remaining-item { height: 350px;}
.no-achievement .no-achievement-img {max-height: initial; object-fit: cover;}

body.subscription-plans .banner {padding-top: 0;padding-bottom: 0;}


.node-add-social_post .node-social-post-form,
.page-node-type-social-post .node-social-post-form{ border: 0;margin: 0 !important;}

.node-add-social_post form#node-social-post-form,
.page-node-type-social-post form#node-social-post-form { margin: 0px !important;}

.social-post-form {margin: 0px !important;}

.social-post-form #field-preview-text-wrapper label {font-size: 14px;font-weight: bold;color: var(--title);    margin-bottom: 4px;}

.social-post-form #field-preview-text-wrapper .social-tab {border-radius: 8px;
background-color: var(--primary-light);border-color: var(--primary-light);box-shadow: none;}

.node-add-social_post .card.card-social-bio,
.page-node-type-social-post .card.card-social-bio{padding: 16px;}

.node-add-social_post .fieldset-legend,
.page-node-type-social-post .fieldset-legend {font-size: 14px;font-weight: 700;color: var(--title);    margin-bottom: 4px;}

.node-add-social_post .field--type-datetime fieldset .fieldset-wrapper>div,
.page-node-type-social-post .field--type-datetime fieldset .fieldset-wrapper>div {display: flex;margin: 0px -10px;}

.node-add-social_post .field--type-datetime fieldset .fieldset-wrapper>div .js-form-item,
.page-node-type-social-post .field--type-datetime fieldset .fieldset-wrapper>div .js-form-item {flex: 1;padding: 0px 10px;}

.node-add-social_post .field--type-datetime fieldset .fieldset-wrapper>div.description,
.page-node-type-social-post .field--type-datetime fieldset .fieldset-wrapper>div.description { margin-left: 2px;}

.node-add-social_post .js-form-item.form-item.js-form-type-checkbox,
.page-node-type-social-post .js-form-item.form-item.js-form-type-checkbox {margin-right: 25px;margin-bottom: 10px;}

.node-add-social_post .image-widget.js-form-managed-file.form-managed-file.clearfix .form-control,
.page-node-type-social-post .image-widget.js-form-managed-file.form-managed-file.clearfix .form-control {padding: 6px 11px !important;}

.node-add-social_post .card.card-social-bio .form-actions.js-form-wrapper.form-wrapper,
.page-node-type-social-post .card.card-social-bio .form-actions.js-form-wrapper.form-wrapper
{ align-items: center;}

.social-post-form #tsSocialPreviewTab li a {
    font-size: 12px;
    font-weight: 500;
    color: var(--title);
    display: block;
    position: relative;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    border: 0 !important;
}

.social-post-form #tsSocialPreviewTab {padding: 10px;}
.social-post-form #tsSocialPreviewTab li.active a {font-weight: 700;color: var(--bs-white);background-color: var(--primary-color);border: 0;}
.social-post-form #tsSocialPreviewTab li a:hover {color: var(--title);}
.social-post-form #tsSocialPreviewTab li.active a:hover {color: var(--bs-white);}

.social-post-form .user-info-row {align-items: center;}
.social-post-form .user-info-row .panel-title {
    margin: 10px 0 0 5px;
    font-size: 18px;
    color: var(--title);
    font-weight: 500;
}

.node-add-social_post .card.card-social-bio .form-actions.js-form-wrapper.form-wrapper .use-ajax.button, .page-node-type-social-post .card.card-social-bio .form-actions.js-form-wrapper.form-wrapper .use-ajax.button {
    padding: 10px 18px;
    overflow: hidden;
    box-shadow: none !important;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--primary-color);
    border: 0;
    transition: all 500ms ease;
}

.ui-dialog .ui-dialog-content .js-form-item.form-item {
    margin-bottom: 15px;
}


.node-add-social_post .use-ajax.button,
.page-node-type-social-post .use-ajax.button {
    color: #fff;
    background-color: var(--primary-color);
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 12px;
}

.card-thumbnails .fav-video-icon, .card-thumbnails .unfav-video-icon {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 1;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ea2e2e;
}


.thumbnails-btn-group {text-align: right;}
.thumbnails-btn-group .btn {display: inline-flex;margin-left: 5px; align-items: center;}
.thumbnails-btn-group .btn img {margin-right: 5px;}
.thumbnails-btn-group .btn.btn-primary.btn-secondary { background: var(--secondary-color);color: #fff;}
.card-thumbnails {overflow: hidden;}

.ribbon.ribbon-top-left span{
    position: absolute;
    display: block;
    width: 214px;
    padding: 10px 0;
    background-color: var(--primary-color);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
    left: -60px;
    top: 28px;
    transform: rotate(-45deg);
    z-index: 1;
    font-weight: bold;
}

.node-add-social_post .table-tube {padding: 10px;}

.views-infinite-scroll-content-wrapper {display: flex;flex-wrap: wrap; width: 100%; margin: 0px -7px;}
.views-infinite-scroll-content-wrapper [class*=col-] { padding: 0px 7px;}


.creator-wrapper {display: flex; margin-bottom: 30px;}
.creator-wrapper .creator-img {flex: 0 0 230px;max-width: 230px;}
.creator-wrapper .creator-img img { width: 100%; display: block; border-radius: 10px;
background: #ddd; height: auto;}
.creator-wrapper .creator-blog-content {padding-left: 30px;}
.creator-wrapper .creator-blog-content h2 {font-size: 25px;color: var(--title);font-weight: bold;margin-bottom: 12px;}
.creator-quote-section.card {margin-bottom: 20px;}
.creator-quote-section {margin-bottom: 20px;}

.view-creator-quotes .custom-table td img {border-radius: 10px; margin-right: 10px;}
.view-creator-quotes .custom-table th{ display: none;}
.view-creator-quotes .custom-table td:first-child {width: 350px;max-width: 350px;min-width: 350px;}
.view-creator-quotes .table-hover>tbody>tr:hover td a { color: var(--primary-color);}
.view-creator-quotes .table-hover>tbody>tr:hover { --bs-table-accent-bg: transparent;}
.view-creator-quotes .table-custom-main {border: 0;}
.view-creator-quotes .custom-table td {padding: 15px 0px;}


.dashboard-scheduled-posts .social-post-form .js-form-item.form-item.js-form-type-select{display: none;}

[class*='dashboard-scheduled-posts-'] .social-post-form .js-form-wrapper.form-wrapper{display: none;}
[class*='dashboard-scheduled-posts-'] .social-post-form .table-custom-main ~ .js-form-wrapper.form-wrapper {display: block;}

.dashboard-scheduled-posts .social-post-form .form-actions.js-form-wrapper.form-wrapper {
text-align: right;
  position: relative;
top: -44px;
right: 252px;
}
.dashboard-scheduled-posts .social-post-form .form-actions.js-form-wrapper.form-wrapper .btn.btn-primary {
min-height: 42px;
position: relative;
padding-left: 40px;
}

.dashboard-scheduled-posts
    .social-post-form
    .form-actions.js-form-wrapper.form-wrapper
    .btn.btn-primary::after {
position: absolute;
  top: 10px;
  left: 15px;
  width: 20px;
  height: 20px;
  content: "";
  background: url('data:image/svg+xml;utf8,<svg fill="white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6zm2 3h14v12a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V9zm5 3v6h2v-6H10zm4 0v6h2v-6h-2zM9 4V2h6v2h5v2H4V4h5z"/></svg>') no-repeat center;
    background-size: auto;
  background-size: 20px 20px;
}


.card.h-100.card-schedule-post .button-group-event {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    gap: 16px;
    flex-wrap: wrap;
  justify-content: flex-end;
}
.card.h-100.card-schedule-post  .button-group-event .btn {
    margin: 0px;
}
 #left-container .card.view.view-social-post.view-id-social_post {
padding: 24px;
}

.card.h-100.card-schedule-post .button-group-event .btn.btn-primary.btn-secondary {
    margin-left: auto;
}
.social-post-form .table-custom-main {margin-bottom: 15px;}
.dashboard-scheduled-posts .js-form-wrapper.form-wrapper { height: auto;}
.dashboard-scheduled-posts .block-header {margin-bottom: 2px;padding-right: 0px;}
.dashboard-scheduled-posts .table-custom-main ~ .delete-selected-btn-custom { display: none;}

.open-menu .btn-toggle-nav { display: none;}

.achived-achievements-wrapper.card .rounded_border{ cursor: pointer;}
.achived-achievements-wrapper.card .rounded_border:not(:first-child) {
    margin-top: 15px;
}

/* Social bio page css start*/
body.page-node-type-contact-pages .node__main-content .contact-header {
        text-align: center;
        margin: 0 0 15px;
}


    body.page-node-type-contact-pages .node__main-content .contact-header span.contact-img img {
        width: 130px;
        height: 130px;
        margin: 0 auto 15px;
        display: block;
        position: relative;
        border-radius: 50%;
    }

    body.page-node-type-contact-pages .node__main-content .contact-header span.contact-img--initial {
        width: 130px;
        height: 130px;
        margin: 0 auto 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: #712f79;
        color: #fff;
        font-size: 52px;
        font-weight: 700;
    }

    body.page-node-type-contact-pages span.contact-title {
        display: block;
        font-size: 22px;
        margin-bottom: 10px;
        font-weight: 700;
    }

    body.page-node-type-contact-pages .clearfix.main-content__section {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    body.page-node-type-contact-pages .social-media-button.icon-left {
        border-radius: var(--btn-radius, 24px);
        font-size: 13px;
        line-height: 1.3;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 44px;
        max-width: 600px;
        margin: 0 auto 20px auto;
        background: #fff;
        box-shadow: 3px 4px 14px rgba(0,0,0,0.18); /* default: soft */
    }

    /* Named shadow classes set by paragraph--contact-social-links.html.twig */
    body.page-node-type-contact-pages .social-media-button.icon-left.shadow-soft {
        box-shadow: 3px 4px 14px rgba(0,0,0,0.18);
    }

    body.page-node-type-contact-pages .social-media-button.icon-left.shadow-strong {
        box-shadow: 3px 6px 20px rgba(0,0,0,0.35);
    }

    body.page-node-type-contact-pages .social-media-button.icon-left.shadow-none {
        box-shadow: none;
    }

    /* Legacy classes — kept for paragraphs not yet migrated (drush updb pending).
       hide-shadow: correct spelling output by current Twig fallback.
       hide-shodow: original typo, matched against any pre-migration HTML still in cache. */
    body.page-node-type-contact-pages .social-media-button.icon-left.hide-shadow,
    body.page-node-type-contact-pages .social-media-button.icon-left.hide-shodow {
        box-shadow: none;
    }

    body.page-node-type-contact-pages .social-media-button.icon-left a {
        width: 100%;
        height: 100%;
        font-weight: 600;
        color: inherit;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 20px;
    }

    body.page-node-type-contact-pages article.contact-detail-block.node--type-contact-pages.node--view-mode-full.clearfix {
        max-width: 420px;
        margin: 0 auto;
    }

    body.page-node-type-contact-pages .cont-detail-bg.site-content.main-content.region--dark-typography.region--white-background {
        min-height: calc(100vh - 1px);
        position: relative;
        background-size: cover;
    }

    body.page-node-type-contact-pages .poweredby-contact-page {
        position: absolute;
        bottom: 7px;
        left: 50%;
        transform: translateX(-50%);
    }

    body.page-node-type-contact-pages .poweredby-contact-page span.field-content {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
    }

    body.page-node-type-contact-pages .poweredby-contact-page span.field-content a {
        margin-left: 7px;
        margin-bottom: 2px;
    }

    body.page-node-type-contact-pages .bio-qr-section {
        text-align: center;
        margin: 24px 0 8px;
    }

    body.page-node-type-contact-pages .bio-qr-code {
        display: inline-block;
        border-radius: 10px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    }

    body.page-node-type-contact-pages .bio-qr-caption {
        margin: 8px 0 0;
        font-size: 12px;
        opacity: 0.6;
        color: inherit;
    }

    /* QR left / right of avatar layout */
    body.page-node-type-contact-pages .bio-qr-with-header {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-bottom: 15px;
    }

    body.page-node-type-contact-pages .bio-qr-with-header--left {
        flex-direction: row;
    }

    body.page-node-type-contact-pages .bio-qr-with-header--right {
        flex-direction: row-reverse;
    }

    body.page-node-type-contact-pages .bio-qr-block {
        flex-shrink: 0;
    }

    body.page-node-type-contact-pages .contact-header--beside-qr {
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Stack QR above avatar on narrow screens regardless of position setting */
    @media (max-width: 400px) {
        body.page-node-type-contact-pages .bio-qr-with-header {
            flex-direction: column !important;
            justify-content: flex-start;
            gap: 12px;
        }
    }

    /* Bio page mobile adjustments */
    @media (max-width: 600px) {
        body.page-node-type-contact-pages .social-media-button.icon-left {
            max-width: 100%;
            height: 40px;
            font-size: 12px;
            margin-bottom: 12px;
        }
        body.page-node-type-contact-pages .social-media-button.icon-left a {
            padding-left: 16px;
        }
        body.page-node-type-contact-pages article.contact-detail-block {
            max-width: 100%;
            padding: 0 16px;
        }
        body.page-node-type-contact-pages .bio-qr-code {
            width: 100px;
            height: 100px;
        }
    }

    .image_16by9_inner {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        text-align: center;
        padding-top: 56.2%;
    }

    body.page-node-type-contact-pages .yt_thumbnail {
        margin-bottom: 20px;
        width: 100%;
        border: none;
        box-shadow: 0 5px 5px #464545;
    }

    body.page-node-type-contact-pages .yt_thumbnail.latest-img {
        padding-top: 53.3%;
    }

    .image_16by9_inner img, .image_16by9_inner iframe, .image_16by9_inner video {
        border-radius: 5px;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    body.page-node-type-contact-pages .yt_thumbnail img {
        display: inline-block;
    }

    body.page-node-type-contact-pages .social-media-button.icon-left a i,
    body.page-node-type-contact-pages .social-media-button.icon-left a img {
        margin: 0 10px 0 0;
        font-size: 22px;
    }

    .enhanced-wrapper {
        background-color: #fff;
        padding: 12px;
        border-radius: 8px;
        margin-bottom: 30px;
        display: flex;
    }

    .enhanced-wrapper .left_wrapper {
        display: inline-block;
        flex: 0 0 105px;
        max-width: 105px;
    }
    .enhanced-wrapper .enhanced_img {
        border-radius: 5px;
    }

    .enhanced-wrapper .right_wrapper {
        padding-left: 20px;
        flex: 1;
    }
    .enhanced-wrapper .enhanced_link {
        color: #ee7c38;
    }

    .banner-wrapper {
        background-color: #fff;
        padding-top: 25px;
        border-radius: 15px;
        margin-bottom: 30px;
        padding-bottom: 25px;
    }

    .banner-wrapper>.banner_title {
        text-align: left;
        padding: 30px 12px 0;
        margin: 0;
        color: var(--title);
        font-weight: bold;
        font-size: 20px;
    }

    .banner-wrapper>.banner_desc {
        color: #777;
        text-align: left;
        padding: 5px 12px;
        display: block;
        margin: 0;
    }

    .banner-wrapper .link_wrapper>.banner_link {
        color: #ee7c38;
        padding: 5px 12px;
    }

    .enhanced-wrapper .right_wrapper .enhanced_title {
        margin-bottom: 8px;
        color: var(--title);
        font-size: 20px;
        font-weight: bold;
    }

    .enhanced-wrapper .right_wrapper p {margin-bottom: 5px;}
    .banner-wrapper p { margin-bottom: 5px;}

form.node-contact-pages-edit-form  .ck-editor__editable, .node-contact-pages-form .ck-editor__editable {
  font-weight: 500;
  font-size: 14px;
  color: #313234;
}

/* Social bio page css end*/

.commerce-checkout-flow .form-actions.js-form-wrapper.form-wrapper .btn.btn-primary {font-size: 14px;}
.custom-checkout-page .audience-col-3 .creator-section.d-flex {padding-top: 8px;}


/* promo page css start */

.dashaboard-inner.promo-page {
    padding: 16px 0px;
}

.promo-page .block-system-main-block {
    background: #fff;
    padding: 16px;
    border-radius: 12px;
}

.custom-cnt-layout-3 .group-left.newlayout-group-left p, .custom-cnt-layout-4 .group-left p, .custom-cnt-layout-5 .group-left p {
    font-size: 16px;
}

.promo-page-user-logo {
    border-color: var(--primary-color);
}

fieldset.promo-page-user-name-title-logo-wrapper .promo-page-user-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-color: #fff;
}

.promo-page-header-bannerbottom .promo-page-user-name, .promo-page-header-bannerbottom .promo-page-social-media-follow-title {
    color: var(--primary-color);
    margin-bottom: 5px;
}

.field.field--name-node-title.field--type-ds.field--label-hidden.field--item h2 {
    color: #000;
    font-size: 20px;
}
.custom-cnt-layout .user-contact-form-wrapper {padding: 16px;border-radius: 12px;border: 1px solid #ddd;}

.custom-cnt-layout .user-contact-form-wrapper .js-form-item label {color: var(--primary-color) !important;font-weight: bold;padding: 0;}
.node--type-bio.custom-cnt-layout .user-contact-form-wrapper .js-form-item label {position: relative;font-size: 13px;}
.node--type-bio.custom-cnt-layout .user-contact-form-wrapper .form-text, .node--type-bio.custom-cnt-layout .user-contact-form-wrapper .form-tel, .node--type-bio.custom-cnt-layout .user-contact-form-wrapper .form-email {
    height: 36px !important;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 4px !important;
}
.node--type-bio.custom-cnt-layout .user-contact-form-wrapper textarea{ padding: 6px 12px;}
.custom-cnt-layout .user-contact-form-wrapper .js-form-item {padding: 0;}
.custom-cnt-layout .user-contact-form-wrapper .js-form-item label {top: -1px !important;}
.custom-cnt-layout .user-contact-form-wrapper .js-form-item {margin-bottom: 15px;}
.custom-cnt-layout{ padding-top: 0px;}
.custom-cnt-layout .newlayout-group-right p{ font-size: 16px;}

.custom-cnt-layout-6 .group-header .promo-page-user-name,
.custom-cnt-layout-6 .group-header .promo-page-social-media-follow-title{ color: var(--primary-color);}

body .custom-cnt-layout-6 .group-right.newlayout-group-right{ padding-top: 0px;}

.subscribe-perk-list-content .row.park-row {align-items: center;}
.subscribe-price .sbm-cB_C-access-btn.morningfame-invite-link {
    position: relative;
    padding: 10px 18px;
    color: #fff;
    box-shadow: none !important;
    display: inline-block;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    background-color: var(--primary-color);
    border: 0;
    transition: all 500ms ease;
}

.subscribe-price .sbm-cB_C-access-btn.morningfame-invite-link::before{ border: 3px solid transparent;}

.custom-cnt-layout-3 .group-header .field--name-field-banner-image::after {
    background: rgb(113,47,121);
    background: -moz-linear-gradient(0deg, rgba(113,47,121,0.8) 0%, rgba(0,0,0,0.8) 100%);
    background: -webkit-linear-gradient(0deg, rgba(113,47,121,0.8) 0%, rgba(0,0,0,0.8) 100%);
    background: linear-gradient(0deg, rgba(113,47,121,0.8) 0%, rgba(0,0,0,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#712f79",endColorstr="#000000",GradientType=1);
}


.custom-cnt-layout-3.custom-cnt-layout .user-contact-form-wrapper .js-form-item {
    padding:0px;
    width: 100%;
    margin: 0;
}

.custom-cnt-layout-3.custom-cnt-layout .newlayout-group-right.group-right .user-contact-form-wrapper {
    border: 0;
}

.custom-cnt-layout-3.custom-cnt-layout .user-contact-form-wrapper .js-form-item.js-form-type-textarea {
    width: 100%;
}
.custom-cnt-layout-3.custom-cnt-layout .user-contact-form-wrapper .js-form-item {
    margin-bottom: 15px;
}
.custom-cnt-layout-3.custom-cnt-layout .newlayout-group-right.group-right {
    padding: 16px;
    border-radius: 12px;
    border-color: #ddd;
}

.custom-cnt-layout-3.custom-cnt-layout .newlayout-group-left.group-left {
    padding: 16px;
    border-radius: 12px;
    border-color: #ddd;
}

.custom-cnt-layout-3 fieldset.promo-page-user-name-title-logo-wrapper .promo-page-title-wrapper h2{ font-size: 20px;}

.promo-page-social-link-wrapper .social-media-button a {
    color: var(--primary-color);
    width: 30px;
    height: 30px;
    border: 1px solid;
    display: flex;
    border-radius: 50%;
    border: 1px solid #fff;
    align-items: center;
    justify-content: center;
    background: #fff;
}
.promo-page-user-name-title-social-wrapper .promo-page-user-name-title-logo-wrapper .promo-page-user-name{ margin-bottom: 10px;}
.promo-page-social-media-follow-title {
    font-weight: 500;
}
.promo-page-user-name, .promo-page-social-media-follow-title{ color: var(--primary-color);}
.promo-page-title-wrapper h2{ font-size: 20px;}
.custom-cnt-layout .title-logo-wrapper {
    box-shadow: none;
    border: 1px solid #ddd;
    padding: 24px;
}
.newlayout-group-left.simple-layout2-group-left p{ font-size: 16px;}
.node--view-mode-promo-page-layout-simple-2 .promo-page-header-wrapper {
    max-width: 100%;
    width: 100%;
}
.promo-page-user-logo{ display: flex; align-items: center; justify-content: center;}
.promo-page-user-logo img {
    object-fit: cover;
}

.promo-page-header-wrapper .promo-page-title-wrapper h2{ margin-bottom: 10px;}

.custom-cnt-layout .field__item a svg {color: #712F79 !important;}

.webform-button--submit.btn.btn-primary.button.button--primary{ background: var(--primary-color);}

/* promo page css end */



.batch .progress .progress__track {
    background: #f2eef8;
    height: 12px;
    border-radius: 30px;
    border-color: #f2eef8;
    margin: 0;
    overflow: hidden;
    width: 100%;
    border: 0;
    margin-bottom: 15px;
}

.batch .progress {height: auto;border-radius: 12px;padding: 16px;}
.batch .progress .progress {padding: 0px;flex-wrap: wrap;width: 100%;flex-direction: column;padding-right: 40px;}
.batch .progress .progress__label {display: block;width: 100%;margin-bottom: 10px;font-size: 16px;font-weight: 700;color: var(--title);}
.batch .progress .progress__track .progress__bar {height: 100%;background-color: #712F79;}
.batch .progress .progress__percentage {display: inline-block;vertical-align: middle;color: var(--paragraph);font-weight: 500;font-size: 12px;position: absolute;right: 0;top: 30px;}
.batch .progress .progress__description {color: var(--paragraph);font-weight: 500;font-size: 12px;margin-top: -8px;}


/* breakoutalertform page css */
.card.view.view-breakout-alerts .custom-table th a {color: var(--paragraph); display: flex; align-items: center;}

.breakoutalertform.card {margin-bottom: 16px;}
.breakoutalertform.card .js-form-item.form-item.js-form-type-checkbox {padding-top: 34px;}


div#add-descriptions .project-custom-tag.containerOuter.xyz .select-box,
.node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens .project-custom-tag.containerOuter.xyz .select-box {
    flex: 0 0 20%;
    padding: 0px 7px;
    margin: 5px 0px;
    width: 20%;
}

div#add-descriptions .project-custom-tag.containerOuter.xyz,
.node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens .project-custom-tag.containerOuter.xyz {margin: 0px -7px;flex-wrap: wrap; display: flex;}

div#add-descriptions .js-form-item.form-item.js-form-type-textarea .form-textarea {margin-bottom: 16px;}

div#add-descriptions .js-filter-wrapper.js-form-wrapper,
.node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens .js-filter-wrapper.js-form-wrapper {display: none;}

div#add-descriptions div#edit-body-0--description,
.node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens div#edit-body-0--description {display: none;}

div#add-descriptions #edit-field-description-seo-0--description,
.node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens #edit-field-description-seo-0--description{ display:none;}

div#add-descriptions .show-more-field-wrapper { line-height: 1.1;}

div#add-descriptions .fieldset-legend,
.node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens .fieldset-legend{font-size: 14px;font-weight: 700; color: var(--title);}

div#add-descriptions legend,
.node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens legend{margin-bottom: 10px;line-height: 1.1;}





.image-widget.js-form-managed-file.form-managed-file {display: flex; align-items: center;flex-wrap: wrap; gap: 10px;}
.image-widget.js-form-managed-file.form-managed-file .btn {margin-left: auto;}
.image-widget.js-form-managed-file.form-managed-file img {margin-right: 15px;}
.image-widget.js-form-managed-file.form-managed-file .file a {color: var(--primary-color);}
.social-iconbox img {width: 48px;height: 48px; border-radius: 5px;}
.image-widget.js-form-managed-file.form-managed-file span { margin-top: 20px;}
.node-descriptions-edit-form .field--name-field-description-tags .table-tube, .node-descriptions-form .field--name-field-description-tags .table-tube {
    padding-bottom: 20px;
}
ul.notes-list .text-center {text-align: left !important;}
.sec-group .block-header {min-height: 23px;}

.text-box{ padding-bottom: 15px;}
.card-thumbnails .text-box {padding-bottom: 0px;}

.my-promo-page-btn {margin-top: auto !important;}
.dropdown-menu.dropdown-menu-end.dropdown-connect-channel li img {width: 25px;}

.emoji-btn-popup { margin-bottom: 15px;}
.dashboard-user-reply-library  .emoji-btn-popup .emoji-btn {margin-top: 0px !important;}

form.node-bio-form .field--name-field-file-attachment .form-managed-file {
    display: flex;
    flex-wrap: wrap;
}
form.node-bio-form .field--name-field-file-attachment .form-managed-file .btn.btn-primary {
    margin-left: auto;
}



.clock-icons.global-ai-btn-box.ai-speech-btn-box.show-speech-btn-box {padding: 0;}
.clock-icons.global-ai-btn-box.ai-speech-btn-box.show-speech-btn-box .brain-btn-icon {
    color: var(--primary-light);
    font-size: 12px;
    font-weight: 700;
    width: 100%;
    justify-content: start;
    padding: 6px;
    border-radius: 8px;
    position: relative;
    padding-left: 36px;
    background-color: var(--primary-color);
}

.clock-icons.global-ai-btn-box.ai-speech-btn-box.show-speech-btn-box .brain-btn-icon i {margin-right: 8px;}
.clock-icons.global-ai-btn-box.ai-speech-btn-box.show-speech-btn-box .brain-btn-icon img {
    margin-right: 6px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}


/* ai-speech-modal-image form css start */
.page-node-type-video-script-template .ai-speech-modal-image {
    width: 1100px !important;
    max-width: 100%;
}

form.text-to-speech-form .ts-middle-section,
form.text-to-speech-form .ts-top-section {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}

form.text-to-speech-form .ts-middle-section .form-item,
form.text-to-speech-form .ts-top-section .form-item {
    width: calc(33% - 5px);
}

.text-to-speech-form .btn_red {
    padding: 10px 18px !important;
    font-family: satoshi !important;
    line-height: 1.5 !important;
    border-radius: 4px !important;
    background: var(--primary-color) !important;
    color: var(--bs-white);
    text-transform: capitalize;
    font-weight: 500;
    font-size: 14px;
}

.text-to-speech-form .ts-bottom-section {justify-content: center;gap: 10px;}
.text-to-speech-form .ts-bottom-section .dropdown .dropdown-content>span {color: var(--paragraph);cursor: pointer;}
.text-to-speech-form .ts-bottom-section .dropdown .dropdown-content>span:not(.disable-link):hover {
    background: #712f79 !important;
    color: #fff !important;
}


.ai-speech-modal-image .manage-profile-sec {display: flex;margin: 0px -7px; padding-top: 20px;}
.ai-speech-modal-image .manage-profile-sec ul li {margin-bottom: 10px;}
.ai-speech-modal-image .manage-profile-sec .para-list-nodes .view-ai-speech-node {
    font-size: 14px;
    font-weight: 600;
    color: var(--title);
}
.ai-speech-modal-image .manage-profile-sec .para-list-nodes .view-ai-speech-node:hover{ color: var(--secondary-color);}
.text-to-speech-form .audio-sec {margin-left: 0;margin-top: 10px;}

.ai-speech-modal-image .manage-profile-sec label {font-size: 14px;color: var(--title);font-weight: 600;}
.ai-speech-modal-image .para-list-preview .make-default-para {margin: 0;}
.ai-speech-modal-image .para-list-preview .ts-middle-section.save-form {flex-direction: column;}

.ui-dialog.ai-speech-modal-image .text-to-speech-form .form-item label {
    color: var(--title);
    font-size: 14px;
    font-weight: 700;
}

.ai-speech-modal-image .right-links {
    gap: 5px;
    display: flex;
}

.ai-speech-modal-image .right-links .edit-ai-speech-node,
.ai-speech-modal-image .right-links .delete-ai-speech-node,
.ai-speech-modal-image .right-links .apply-ai-speech-node {
    padding: 0 !important;
    width: 24px;
    height: 24px;
    display: inline-flex;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 15px !important;
    align-items: center;
    justify-content: center;
    color: var(--title);
}



.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    font-size: 18px;
    color: var(--title);
    font-weight: 600;
}

.text-to-speech-form .ts-bottom-section{ margin-top: 15px;}

.ai-speech-modal-image input[type="range"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    cursor: pointer !important;
    outline: none !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    padding: 0px !important;
    height: 14px !important;
    margin-top: 10px;
  }

  .ai-speech-modal-image .form-range::-webkit-slider-thumb{ margin-top: 0px !important;}

  .ai-speech-modal-image input[type="range"]::-webkit-slider-runnable-track {
    height: 12px !important;
    background: #F2EEF8 !important;
    border-radius: 16px;
  }

  .ai-speech-modal-image input[type="range"]::-moz-range-track {
    height: 12px !important;
    background: #F2EEF8 !important;
    border-radius: 16px !important;
  }

  .ai-speech-modal-image input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 12px !important;
    width: 12px !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    border: 2px solid #712F79 !important;
    box-shadow: -407px 0 0 400px #712F79 !important;
  }



  .ai-speech-modal-image input[type="range"]::-moz-range-thumb {
    height: 12px;
    width: 12px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #712F79;
    box-shadow: -407px 0 0 400px #712F79;
  }

  .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
    background-color: var(--primary-color);
    color: var(--bs-white);
    font-weight: 500;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    background: #481e4d;
}



/* ai-speech-modal-image form css end */


.ajax-progress-fullscreen {
    background-color: transparent;
    background-image: none;
    width: 56px;
    height: 56px;
    background-size: cover;
    border-radius: 20px;
    border: 11.2px #712f79 double;
    border-left-style: solid;
    border-radius: 50%;
    animation: spinner-aib1d7 0.75s infinite linear;
}


.top-tag-list .tags .control-field .form-label{cursor: pointer;}
.top-tag-list .tags.checkedlabel{ background-color: var(--primary-color);}
.top-tag-list .tags.checkedlabel .form-label{ color: var(--bs-white);}


/* Bio page view fills exactly the viewport and scrolls internally.
   Using height (not min-height) + overflow-y:auto prevents the document
   from growing taller than the viewport, eliminating the ghost scrollbar. */
.bio-page-view{
  height: 100vh;          /* fallback for browsers without dvh */
  height: 100dvh;         /* dynamic viewport height: excludes mobile browser chrome */
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* smooth momentum scroll on iOS */
  background-size: cover;
  background-position: center;
}

/* Lock html and body so all scrolling happens inside .bio-page-view.
   Uses :has() for modern browsers; body.path-b covers the rest. */
html:has(body.path-b) {
  overflow: hidden;
  height: 100vh;
  height: 100dvh;
}
body.path-b {
  overflow: hidden;
  height: 100vh;
  height: 100dvh;
}

.bio-page-view .contact-page-view {padding-bottom: 50px;}

.views-field.views-field-nid p:not(:first-child){ margin-top: 10px;}
.views-field.views-field-nid img{ margin-right: 5px;}

body.page-node-type-contact-pages .poweredby-contact-page span.field-content{ white-space: nowrap;}
body.page-node-type-contact-pages .poweredby-contact-page span.field-content img {
    width: 212px;
    height: auto;
    max-width: 100%;
}

.blocked-list .views-field {
box-shadow: none;
margin: 7px 0;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 3px 10px 3px 20px;
font-size: 17px;
line-height: 1.3;
color: #000;
height: auto;
border-radius: 82px;
background: #f0f0f0;
position: relative;
font-weight: 500;
}

.blocked-list .views-field .field-content {display: flex;align-items: center;}
.blocked-list .views-field .field-content p {margin: 0px;}
.blocked-list li {display: inline-block;}
.blocked-list .views-field a {
    font-size: 21px;
    color: var(--primary-color);
    margin-left: 10px;
}

.blocked-list .views-field .field-content br {
    display: none;
}

.bef-datepicker.form-control {
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.desc-action-button-wrapper {
    position: absolute;
    background: #fff;
    cursor: pointer;
    border: 1px solid #ddd;
    display: inline-block;
    border-radius: 5px;
    padding: 9px 21px;
    margin-bottom: 15px;
    top: 25px;
}

.card.card-social-bio .desc-action-button-wrapper .form-actions.js-form-wrapper.form-wrapper {
    position: absolute;
    flex-direction: column;
    background: #fff;
    padding: 10px;
    min-width: 182px;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
    margin-top: 11px !important;
    z-index: 1;
    gap: 8px;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.card.card-social-bio .desc-action-button-wrapper:hover .form-actions.js-form-wrapper.form-wrapper { opacity: 1; pointer-events: auto; }


.view-smart-description.view-id-smart_description header {
    padding-left: 100px;
    margin-bottom: 10px;
}

.node-descriptions-edit-form .image-widget.js-form-managed-file.form-managed-file .btn {
    margin: 0;
    margin-top: 5px;
}

.checkout-pane.checkout-pane-payment-information.card fieldset.fieldgroup.form-composite .fieldset-wrapper>div {
    display: flex;
    gap: 10px;
}

.checkout-pane.checkout-pane-payment-information.card fieldset.fieldgroup.form-composite .js-form-item {
    position: relative;
    border-radius: 10px;
    padding: 15px;
    padding-left: 49px;
    background-color: var(--primary-light);
    flex: 1;
    width: 50%;
}


.checkout-pane.checkout-pane-payment-information.card fieldset.fieldgroup.form-composite .js-form-item .form-control.form-radio {
    top: 14px;
    left: 10px;
}

.checkout-pane.checkout-pane-payment-information.card .address {border: 1px solid #ddd;padding: 10px;border-radius: 10px;}


.ui-dialog .ui-dialog-content .form-create-audience-avatar .js-form-item.form-item {
    margin-bottom: 0;
}


.node-descriptions-form .form-checkboxes,
.node-descriptions-edit-form .form-checkboxes {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px;
}

.sec-my-recent-project .col-auto.recent-imgbox {
  margin-bottom: 0;
}

.node-descriptions-form .form-checkboxes  .js-form-item img,
.node-descriptions-edit-form .form-checkboxes  .js-form-item img {width: 30px;margin-right: 10px;}

.node-descriptions-form .form-checkboxes .js-form-item,
.node-descriptions-edit-form .form-checkboxes .js-form-item {
    align-items: center;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
}

.node-descriptions-form .form-checkboxes .js-form-item label,
.node-descriptions-edit-form .form-checkboxes .js-form-item label {display: flex;align-items: center;}

.card-title-filters .description {font-style: italic; margin-bottom: 10px;margin-top: 5px;}
.card-title-filters .js-form-item.form-item.js-form-type-checkbox {align-items: center;}
.card-title-filters .js-form-item.form-item.js-form-type-checkbox input {margin-top: 0px;}

.card-title-filters .control-field .form-control, .card-title-filters .control-field .form-select {
    font-size: 12px;
    font-weight: 500;
    color: #313234;
    height: 32px;
    border-radius: 6px;
    box-shadow: none;
    border-color: #F2EEF8;
    background-color: #F2EEF8;
}


.card-title-filters .control-field .form-control::placeholder {color:#B1B7C5;opacity: 1;}
.card-title-filters .control-field .form-control::-ms-input-placeholder {color:#B1B7C5;}


.card-title-filters div.data-list-input .form-control,
.card-title-filters div.data-list-input .control-field .form-select {
    margin-top: -4px !important;
}

.dashboard-contact-pages .text-box, .dashboard-contact-pages-my-contact-pages .text-box{
    padding-bottom: 0;
}



@media screen and (max-width: 1199px) {
div#add-descriptions .project-custom-tag.containerOuter.xyz .select-box, .node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens .project-custom-tag.containerOuter.xyz .select-box {
flex: 1 1 auto;
margin-top: 5px;
width: auto;
}
}


@media screen and (max-width: 991px) {
.view-id-notes.contextual-region.view-notes {display: block !important;}
.dashboard-notes .column-col-3 {margin-bottom: 14px;}
.view-id-notes.view-notes.d-flex { display: block !important;}
.card-shuffle-results .form-actions.js-form-wrapper.form-wrapper {margin-top: 0px !important;}
.subscribe-img {margin-bottom: 10px;}
.checkout-pane.checkout-pane-coupon-redemption .js-form-wrapper .btn.btn-primary{ margin-top: 10px;}

.dashboard-scheduled-posts .social-post-form .form-actions.js-form-wrapper.form-wrapper .btn.btn-primary {
    padding-left: 32px;
    font-size: 0;
}
.dashboard-scheduled-posts .block-header .btn.btn-primary span.ms-2 {
    font-size: 0;
}

.dashboard-scheduled-posts .block-header .btn.btn-primary.toggle-btn {
    font-size: 14px !important;
}
.dashboard-scheduled-posts .block-header .btn.btn-primary .ms-2 {
    margin-left: 0 !important;
}
.dashboard-scheduled-posts .social-post-form .form-actions.js-form-wrapper.form-wrapper {
    top: -43px;
    right: 140px;
}
}

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

.dashboard-scheduled-posts .social-post-form .form-actions.js-form-wrapper.form-wrapper {
    top: -51px;
    right: 137px;
}
.block-header .title {
    width: 63%;
}

.dashboard-video-planner .fc-toolbar.fc-header-toolbar { flex-direction: column-reverse; gap: 15px;}
.dashboard-video-planner .whitebox_outerwrapper.card {padding: 12px;}
.dashboard-video-planner .fc-view>table .fc-head tr th{ font-size: 12px;}
.dashboard-video-planner .fc-view>table .fc-body tr td {font-size: 12px;}
.dashboard-video-planner .block-header .flex-grow-1.d-flex.align-items-center.justify-content-between {
    flex-direction: column;
}
.dashboard-video-planner .block-header .d-flex.flex-wrap.gap-3 {flex-direction: column;}
.dashboard-video-planner .block-header .flex-grow-1.d-flex.align-items-center.justify-content-between .title {
    margin-bottom: 10px;
}

.auth-button.sign-up-btn .btn,
.auth-button.log-in-btn .btn,
.auth-button.sign-in-btn .btn {padding: 5px 10px;}
#add-event .field--type-datetime fieldset .fieldset-wrapper>div{ display: block;}
#add-event .field--type-datetime fieldset .fieldset-wrapper>div .js-form-item:not(:last-child) {    margin-bottom: 15px;
}

#add-event .field--type-link .fieldset-wrapper {display: block;}
#add-event .field--type-link .fieldset-wrapper .js-form-item:not(:last-child) {
    margin-bottom: 15px;
}

.page-node-type-notes .dashaboard-inner h2.notes-title {line-height: normal;font-size: 20px;}
.thumbnails-btn-group {text-align: center;}
.thumbnails-btn-group .btn{ margin-top: 5px;}

.views-infinite-scroll-content-wrapper [class*=col-] {
    flex: 0 0 auto;
    width: 100%;
}

.creator-wrapper {display: block;}
.creator-wrapper .creator-img {flex: 0 0 100%;max-width: 100%;margin-bottom: 20px;}
.creator-wrapper .creator-blog-content {padding-left: 0;font-size: 14px;}

.view-creator-quotes .custom-table td:first-child {width: 170px;max-width: 170px;min-width: 170px; padding-right: 10px;}
.dashboard-scheduled-posts .block-header {padding-right: 0; margin-bottom: 10px;}
.dashboard-scheduled-posts .form-actions.js-form-wrapper.form-wrapper {top: 0; margin-bottom: 20px !important;}
.dashboard-scheduled-posts .js-form-wrapper.form-wrapper {margin-bottom: 0px !important;}

.dashboard-scheduled-posts form .form-actions.js-form-wrapper.form-wrapper {top: 0;}

.page-forbidden{ padding: 20px 0px;}


.dashboard-video-suggestions .column-col-9 {padding-left: 10px;}
.text-notes-list p {margin-bottom: 10px;}

body .custom-cnt-layout-6 .group-right.newlayout-group-right {padding-top: 20px;}
.custom-cnt-layout-3.custom-cnt-layout .user-contact-form-wrapper{ padding: 0px;}

.breakoutalertform.card .js-form-item.form-item.js-form-type-checkbox {padding-top: 0;}

.ui-dialog.smart-token-modal .sub-cate-wrapper.accordion-item .ac-save-button img {width: 13px;}
.ui-dialog.smart-token-modal .sub-cate-wrapper.accordion-item .ac-save-button {padding: 4px 5px;font-size: 12px;}

.ac-btn-title {max-width: 150px;}

div#add-descriptions .project-custom-tag.containerOuter.xyz .select-box, .node-descriptions-edit-form.node-form.form-custom-token-enabled.form_group_tokens .project-custom-tag.containerOuter.xyz .select-box {
    flex: 0 0 100%;
    width: 100%;
}

.page-node-type-video-script-template .ai-speech-modal-image{ max-width: 100% !important;}
form.text-to-speech-form .ts-middle-section, form.text-to-speech-form .ts-top-section {
    display: block;
}
form.text-to-speech-form .ts-middle-section .form-item, form.text-to-speech-form .ts-top-section .form-item {
    width: 100%;
}
.ai-speech-modal-image .manage-profile-sec { display: block;}

.dashboard-scheduled-posts .block-header { margin-bottom: 10px;}


.desc-action-button-wrapper{ top: 10px;}

.checkout-pane.checkout-pane-payment-information.card fieldset.fieldgroup.form-composite .fieldset-wrapper>div {
    flex-direction: column;
}
.checkout-pane.checkout-pane-payment-information.card fieldset.fieldgroup.form-composite .js-form-item{ width: 100%;}

}


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


    .dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline{ position: static; padding-right: 0px;}

h2#fc-dom-1 {
    font-size: 14px;
    text-align: center;
}
}


@media screen and (min-width: 1199px) {
  .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-address-0-address"] {
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    display: grid;
    gap: 10px;
    align-items: end;
  }

  .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-address-0-address-country-code"]{
    grid-column: span 4;
  }

  .checkout-pane [data-drupal-selector="edit-payment-information-billing-information-address-0-address-container0"]{
    grid-column: span 3;
  }

  .checkout-pane .form-item-payment-information-billing-information-address-0-address-address-line1 {
      grid-column: span 2;
  }

  .checkout-pane .js-form-item.form-item.js-form-type-select.form-item-payment-information-billing-information-address-0-address-administrative-area.js-form-item-payment-information-billing-information-address-0-address-administrative-area.form-group.control-field {
    grid-column: span 3;
}

}

@media screen and (max-width: 767px) {
.dashboard-video-planner .views-exposed-form.bef-exposed-form .form--inline{ display: flex; align-items: center; justify-content: center;}
}

#block-tubespanner-purple-subscriptionblocks2 > div {
    display: flex;
}
.card.pd-16.card-generate-ai-script {margin-bottom: 15px;}

/* Modal animation css start*/
.ui-widget-overlay { background: #000; opacity: .5;}
div.ui-widget.ui-widget-content { margin: 0 auto;}

div.ui-widget.ui-widget-content.ui-autocomplete{ width: max-content !important;}*/

div.ui-widget.ui-widget-content, .modal .modal-dialog{animation: gb-popup-bounce-to-left 0.3s both;}

@keyframes gb-popup-bounce-to-left {
    0% {transform: translateX(600px);animation-timing-function: ease-in;opacity: 0;}
    30% {transform: translateX(600px);animation-timing-function: ease-out;opacity: 1;}
}
/* Modal animation css end*/

.dashboard-add-fb-stream .strem-wrapper card {
    display: block;
    position: unset;
}
.dashboard-add-fb-stream table#stream-table {
    margin: 20px auto;
}
.dashboard-add-fb-stream .add-facebook-stream #stream-table_wrapper {
    margin-bottom: 80px;
}
.dashboard-add-fb-stream .strem-wrapper .dataTables_length {
    position: unset;
}
.dashboard-add-fb-stream  .strem-wrapper .dataTables_filter {
    top: 12px;
}
@media screen and (max-width: 767px) {
    .dashboard-add-fb-stream .strem-wrapper .dataTables_length {
        text-align: unset;
    }
    .dashboard-add-fb-stream .strem-wrapper .dataTables_filter {
        text-align: unset;
    }
}

@media screen and (max-width: 500px){
  .flex-grow-1.d-flex.align-items-center.justify-content-between.scheduled-posts-button-wrapper {
      flex-direction: column;
  }
  .block-header .title {
      width: 100%;
  }
.scheduled-posts-link-sections {
    width: 100%;
    justify-content: flex-end;
}
}


.placeholder-blur {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  width: 100%;
  height: 100%;
  background-color: #ccc;
}

.dashboard-seo-tool-title-workshop .progress {
    background: #f0e7e7;
}
.pl-5 {
  padding-left: 5px;
}
.progressiconic-wrapper svg {
   // width: 14%;
}
.text-black-100 {
    color: black;
}
.progressiconic-wrapper .marker-wrapper {
    top: 0px;
    width: calc(100% - 5px);
    left: 10px;
}
.grammer-words button {
    width: 100%;
}
.marker-wrapper svg {
    position: absolute;
}
.grammer-words p {
    margin-bottom: 0rem;
}
.col-12.lextronics-item {
    width: 100%;
}

.page-node-type-video-script-template .field--item .script-wrapper {
  display: flex;
  flex-direction: row-reverse
}
.script-top-right-wrapper a, .script-top-right-wrapper .clock-icons.global-ai-btn-box.ai-speech-btn-box.show-speech-btn-box a.brain-btn-icon, .script-top-right-wrapper .script-timeline-save-wrapper .btn.btn-primary {
  font-weight: 500;
}
.audience-avatar-wrapper .field--name-field-saved-audience {
  position: absolute;
  right: 0;
}
.page-node-type-video-script-template .script-modal .control-field .form-label {
  font-weight: normal;
}
.script-modal .control-field .form-control::placeholder {
  color: #B1B7C5;
}
p.script-form-help-text {
  font-size: 12px;
}
.page-node-type-video-script-template .script-modal .ui-widget-header span.ui-dialog-title {
  text-align: center;
}
@media screen and (max-width: 768px){
  .page-node-type-video-script-template.page-node-type-video-script-template div.ai-btn-box button {
    padding-left: 15px !important;
  }
}