/* md related */
.collapsible .dropdown-content li {
    background-color: #ffffff;
}

* {
    scroll-behavior: smooth;
}

/* commons classes styles */
.margin_top_30 {
    margin-top: 30px;
}

.margin_bottom_15 {
    margin-bottom: 15px;
}

.ht_ctc_show_hide_settings :checked ~ .dashicons-visibility,
.ht_ctc_show_hide_settings :checked ~ span .dashicons-visibility,
.ht_ctc_show_hide_settings .show_settings .dashicons-visibility {
    color: green !important;
}

.ht_ctc_show_hide_settings :checked ~ .dashicons-hidden,
.ht_ctc_show_hide_settings :checked ~ span .dashicons-hidden,
.ht_ctc_show_hide_settings .hide_settings .dashicons-hidden {
    color: red !important;
}

.show-hide_display-none,
.not_samesettings,
.show_settings,
.hide_settings,
.ctc_greetings_settings,
.ctc_init_display_none {
    display: none; 
}
  
.options .submit {
    position: sticky !important;
    bottom: 1px;
    float: right;
    z-index: 9;
}

.options .submit input {
    letter-spacing: 0.4px;
    padding: 2px 11px;
}

/* Editior */
.click-to-chat_page_click-to-chat-greetings .link-target #wp-link-target {
    opacity: 1 !important;
}

.wp-editor-wrap {
    padding-left: 0.75rem;
}

.description.ht_ctc_pro_description {
    /* border-left: 5px solid yellowgreen; */
    border-left: 5px solid lightseagreen;
    padding: 5px 5px 5px 14px;
    margin: 19px 0;
}

.description.ht_ctc_subtitle {
    border-left: 5px solid lightseagreen;
    /* padding: 5px 5px 5px 14px; */
    padding-left: 0.9rem;
    margin: 5px 0;
}

.description.ht_ctc_pro_subtitle {
    border-left: 5px solid darkseagreen;
    /* padding: 5px 5px 5px 14px; */
    padding-left: 0.9rem;
    margin: 5px 0;
}

/* tabs */
.ctc_md_tab {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    padding: 25px;
}
.tab a {
    color: #000  !important;
}
.tab a.active {
    color: #000  !important;
}
.tabs .indicator {
    background-color: #4f94d4 !important;
}
.tabs a:focus {
    box-shadow: none;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
    background-color: #ffffff !important;
}

.tabs.tabs-fixed-width {
    background-color: #ffffff !important;
}

.md_tab {
    scroll-margin-top: 100px;
}


@media only screen and (min-width: 1201px) {
    .sticky-sidebar {
        position: sticky !important;
        top: 100px;
        float: right;
    }

    .sticky-sidebar .sidebar-content {
        margin-top: 12px; 
        margin-left: 80px;
    }
}