.js .js-hide.btn.btn-primary ,
form.node-link-hub-form div.js-filter-wrapper.js-form-wrapper,
form.node-link-hub-edit-form div.js-filter-wrapper.js-form-wrapper,
form.node-bio-form div.js-filter-wrapper.js-form-wrapper {
    display: none;
}
.mobilebox {
  background-image: url(/themes/custom/tubespanner_purple/images/mobile-frame-1.png);
}
.node-link-hub-edit-form textarea[data-drupal-selector="edit-body-0-value"],
.node-bio-form textarea[data-drupal-selector="edit-body-0-value"]{
  display: none !important;
}
body .loader-modalButton {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 300px;
    height: 156px;
    background: rgba(0, 0, 0, .8);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 30px rgba(0,0,0,.5);
}
.loader-modalButton span.spinner-border.spinner-border-sm {
    border-color: var(--primary-color);
    border-top-color: #fff;
    width: 40px;
    height: 40px;
    margin: 0;
}
span.spinner-border.spinner-border-sm {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-width: 2px;
    border-color: #000;
    border-top-color: #fff;
    animation: rotate .8s infinite linear;
    border-radius: 100%;
    border-style: solid;
}
.mobilebox .loader-modal span.spinner-text{
    font-size: 18px;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

/* notes */
.show-li-content .d-flex.justify-content-between.field-time-message.d-none {
  display: flex !important;
}
.notes-list.show-li-content .sec-seemore .less {
  display: inline;
}
.notes-list.show-li-content .sec-seemore .more {
  display: none;
}
.notes-list .sec-seemore .more {
  display: inline;
}
.notes-list .sec-seemore .less {
  display: none;
}
/* notes */

/*confirmation popup*/
.ui-widget.ui-widget-content{
    box-shadow: 0 10px 20px rgba(62,33,85,.3);
}
.node-confirm-form .form-actions .dialog-cancel {
    display: inline-block !important;
}
.ui-dialog-buttonpane button.button.dialog-cancel {
    display: none;
}

body .promo-page div#iframe-wrapper, .promo-page #promo-preview-section {
  border: 0;
  height: 768px;
  width: 1024px;
}

.promo-page col-auto.column-r.colr-wrapper {
  max-width: 560px;
  max-height: 680px;
}
.display-inline-ecposed-form-items div {
    display: inline-block;
    margin-right: 10px;
}
body.path-user-reply-library table tr th:nth-child(2) {
    width: 50%;
}
/* TS-5439: Sentiment Type wrapped onto two lines because the reply text column
   took the width first. nowrap on the short column makes the table yield to it
   rather than the other way round, which is the fix regardless of how wide the
   text column ends up on a given viewport. Keyed on the field class rather than
   nth-child so reordering the view cannot silently move it. */
body.path-user-reply-library table .views-field-field-sentiment-type {
    white-space: nowrap;
}
.path-user-reply-library .btn-success:active, .path-user-reply-library .btn-success:hover {
    background-color: unset;
    color: #198754;
    border-color: #198754;
}
.path-user-reply-library .btn-success {
    color: #198754;
    background-color: unset;
}
.path-user-reply-library .btn-outline-danger:active, .path-user-reply-library .btn-outline-danger:hover {
    background-color: unset;
    color: #dc3545;
    border-color: #dc3545;
}
.page-name-error {
    color: #ea2e2e;
    background-color: unset;
    font-size: 16px;
    padding-left: 0px;
    border-color: unset;
}

#edit-body-wrapper .ck-editor.error{
  border: 1px solid #ea2e2e;;
}


form#node-bio-form .add-text-white {
  color: inherit;
}
.notification-submit-btn {
    width: fit-content;
}
.notification-sec .table tr th:last-child, .notification-sec .table tr td:last-child {
    display: none;
}
body:not(.edit-mode-video-script-template) span.edit-title-icon,
body:not(.edit-mode-video-script-template) #view-header-wrapper,
body:not(.edit-mode-video-script-template).page-node-type-video-script-template .commonRed_Head .edit-title-icon{
    display: none;
}
.secondary-color,
.secondary-color:hover {
  color: var(--secondary-color);
}
.fw-500 {
  font-weight : 500;
}
form.node-link-hub-form .paragraphs-dropbutton-wrapper .btn.field-add-more-submit,
form.node-link-hub-edit-form .paragraphs-dropbutton-wrapper .btn.field-add-more-submit {
    padding: 10px 18px;
    background-color: var(--primary-color);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

body.subscription-plans.user-logged-in .plan-links.register-button.forever-free {
  display: none;
}
body.subscription-plans.user-logged-in .plan-links.register-button.free-role {
  display: inline-block;
}
body.page-node-type-video-script-template div.ai-btn-box {
  //display: none;
}
.edit-mode-video-script-template.page-node-type-video-script-template div.cke.cke_9 {
    /*display: none;*/
}
body[class*='script-print'] .app-sidebar ,
body[class*='script-print'] .dashboard-header,
body[class*='script-print'] p:empty,
body[class*='script-print'] .column-box-half {
    display: none;
}
body[class*='script-print'] .dashaboard-main {
    margin-top: 6px;
    margin-left: 40px;
}
@media print {
  button.button.print-btn {
    display: none;
  }
}
body[class*='script-print'] .tabs-card-bio [class*='col-'] {
    margin-bottom: 0;
}

.broswer-extension-check .extension-link {
  animation: blinker 1s linear infinite;
}

.broswer-extension-check .extension-link a {
    color: var(--primary-color) !important;
}
.ts-extension-loaded #block-mostusedtoolsmenu .extension-link {
    display: none;
}
.tools-list {
    gap: 16px;
}

.tools-list-wrapper {
    background: var(--primary-light);
}
.gear-setting {
    position: absolute;
    right: 80px;
      top: -2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #797979;
    transition: all 500ms ease;
}

.gear-setting:hover{
  background-color: var(--secondary-color);
    color: var(--bs-white);
}
.dashboard .view-toolbox-dashboard .view-current-user-name .title {
    width: 75%;
}
.tool-item-left svg {
    filter: brightness(0) saturate(100%) invert(53%) sepia(6%) saturate(383%) hue-rotate(184deg) brightness(94%) contrast(87%);
}

.tools-list-wrapper .flag-favourite-tools .bi.bi-star-fill {
    color: var(--primary-color);
}
.tool-item-left {
    gap: 16px;
}
.block-notifications__item.block-notifications__item--messages a {
    font-size: 26px !important;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.path-content-ideas .card-generate-ai-script .btn.btn-fill {
    max-width: 210px;
}
.webform-submission-cancel-subscription-feedback-for-form a.skip-feedback{
    margin-left: 5px;
}
.preview-update .dashaboard-content {
    margin-left: 0px !important;
}
/* feedback and subscription form css*/
.webform-submission-cancel-subscription-feedback-for-form { padding-left: 250px;position: relative;}
.webform-submission-cancel-subscription-feedback-for-form .feedback-image { width: 260px; position: absolute;left: 0;}
.webform-submission-cancel-subscription-feedback-for-form .feedback-image img { height: auto;}
.webform-submission-cancel-subscription-feedback-for-form  h1 {font-size: 30px;color: var(--title);font-weight: bold;margin-bottom: 10px;}

@media screen and (max-width: 991px){
.webform-submission-cancel-subscription-feedback-for-form .feedback-image {position: static;margin: 0 auto;}
.webform-submission-cancel-subscription-feedback-for-form {padding-left: 0;}
}
/* feedback and subscription form css end*/

/** to hide custom audiance checkbox and drop down **/
.card-title-filters .js-form-item.form-item.js-form-type-checkbox {
    align-items: center;
    display: none;
}
.form-item-audience-nid input, .form-item-audience-nid select {
    transition: border 0s, box-shadow 0s !important;
}
.form-item-audience-nid .form-control:focus, .form-item-audience-nid .form-select:focus {
    box-shadow: none !important;
}
.form-item-audience-nid input:focus, .form-item-audience-nid select:focus {
    border: none !important;
    outline: none !important;
}
.form-item-audience-nid .control-field .form-control:focus, .form-item-audience-nid .control-field .form-select:focus {
    border-color:  none !important;
}
/** to hide custom audiance checkbox and drop down end **/
.video-script-template .ajax-progress-throbber .message {
  display: block;
  color: #fff;
  padding-top: 144px;
  margin: 0 auto;
  padding-left: 20px;
  font-weight: 500;
}
.landing-page-article .onboarding-process-form-wrapper {
    color: #000;
}