.cminds_settings_description .button.cmf-cleanup-button{
    color: #A00;
}
.cminds_settings_description .button.cmf-cleanup-button:hover{
    color: #F00;
}


span.footnoteLink, a.footnoteLink {text-decoration:none !important; border-bottom: dotted 1px;}
#footnoteList .footnoteLink {border:none}
.footnoteLink > span { border-bottom: dotted 1px; }
a.footnoteLink:hover {text-decoration:none !important;}
#footnote-categories {float: right; margin: 0}


.footnote_loading {background: url('images/ajax-loader.gif') no-repeat center center;background-color: #DDD;position: absolute;width: 100%;height: 100%;opacity: 0.5;display: none;}
.footnote_replacements_list tr:hover {background-color: #EEE;}
.footnote_replacements_list th {font-weight: bold;}



div.cmf_field_help{
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('images/help.png');
    background-repeat: no-repeat;
    cursor: pointer;
    min-width: 15px;
    margin-left: 5px;
}

div.cmf_field_help:hover{
    background-image: url('images/help_hover.png');
}

div.cmf_help{
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url('images/help.png');
    cursor: pointer;
    margin-right: 5px;
}

div.cmf_help:hover{
    background-image: url('images/help_hover.png');
}

.cm-showhide-handle{ cursor: pointer;}


.cmf-post-tags a{
    cursor: pointer;
}

.server-info-table td:nth-child(3) {}
.server-info-table span {color: green; font-weight: bold;}
.server-info-table strong {color: red; font-weight: bold;}


select#cmf_footnoteID{
    max-width: 350px;
}

div.cminds_call_to_action{
    display: flex;
}

div.cminds_call_to_action .inner_box{
    border: 1px solid #999;
    padding: 0 0.5em 0.5em;
    margin: 0 auto;
    min-width: 290px;
}

div.cminds_call_to_action a{
    text-decoration: none;
}

div.cminds_settings_description{
    float: left;
    max-width: 55%;
}



/*  New post/page type metabox  input fields  style -------------------------*/

.cm-foot-meta-header{
    text-align: center;
    background-color: #f0f0f0 ;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.cm-foot-meta-header-block{
    border: 1px solid #aaaaaa;
    padding: 8px;
    background-color: #f0f0f0 ;
    display: flex;
    flex-direction: row;
    justify-content: space-around;

}
.cm-foot-meta-header__id, .cm_footnote_definitions_td_id{
    width: 5%;
}

.cm-foot-meta-header__definition, .cm_footnote_definitions_td_content, textarea.cm_footnote_definitions_row_content{
    width: 40%;
}
.cm-foot-meta-header__extlink, .cm_footnote_definitions_td_extlink{
    width: 30%;
}
.popupdash{
    display: none;
}
.cm-foot-meta-values-block {
    padding: 20px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
input[name="cm_footnote_definitions_row_id[]"]{
    width: 100% ;
}
.cm-foot-meta-header__dashicon{
    width: clamp(50px, 90px, 12%);
}
.cm-foot-meta-dashicons-block{
    width: clamp(50px, 90px, 12%);
}
.cm-foot-meta-values-block:nth-child(odd) {
    background: #f5f5f5;
}
.icon16 {
    padding-top: 0 !important;
}
.ws_select_icon{
    width: 40px;
}
.cm_footnote_definitions_td_content{
}
textarea.cm_footnote_definitions_row_content{
    width: 100%;
}
textarea.cm_footnote_definitions_row_extlink{
    width: 100%;
    height: 28px;
}

.cm_footnote_definitions_row_remove img{
    margin-left: 5px;
}

input[name="cm_footnote_dashicons_row_dashicons[]"]{
    display:none ;
}


/**
*   New functionality
*/
/**
* Back
*/
a#cm_footnote_add_new_definition, a#cm_footnote_add_new_definition:focus, a#cm_footnote_add_new_definition:active{
    text-decoration: none;
    border: none;
    outline: 0;
    box-shadow: none;
}
#cm_footnote_add_new_definition > img{
    width: 30px;
}

a.cm_footnote_definitions_row_remove > img {
    width :20px ;
    height : 20px ;
}

/**
* Front
*/
#cmfSimpleFootnoteDefinitionBox{
    width: 100%;
    /*border-top: 1px solid grey;*/
    /* padding: 10px; */
}
.cmfSimpleFootnoteDefinitionItem{
    line-height: normal;
}
#cmfSimpleFootnoteDefinitionBox .cmfSimpleFootnoteDefinitionItem .cmfSimpleFootnoteDefinitionItemId{
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    margin-right: 10px;
}
#cmfSimpleFootnoteDefinitionBox .cmfSimpleFootnoteDefinitionItem .cmfSimpleFootnoteDefinitionItemContent{
    width: 90%;
}
.cmfSimpleFootnoteDefinitionExtLink a{
    font-size: small;
    margin-left: 10px;
}
.cmfSimpleTooltipExtLink a{
    font-size: inherit;
    margin-left: 10px;
}
.cm-footnote-backlink{
    color: #0000ff ;
    text-decoration : none;
}


/*----------------------------------------*/
/*-------------- Frontend CSS ------------*/
/*----------------------------------------*/

/* Link Color */
.cmf_simple_footnote_link,
.cmf_footnotes_table tbody tr td a,
.cmf_has_footnote a  { color: blue; text-decoration: none !important; box-shadow: none !important; }

.cmf_footnotes_wrapper { width: 100% !important; }
/*#cmfSimpleFootnoteDefinitionBox > div { display: inline-block; width: 33.3333%; vertical-align: top; margin-bottom: 10px; padding: 10px; }*/
.cmfSimpleFootnoteDefinitionItem span { display: inline;padding: 0px !important; margin: 0px !important; line-height: 22px !important; font-size: 1rem; }
.cmfSimpleFootnoteDefinitionItem span:nth-child(1),
.cmfSimpleFootnoteDefinitionItem span:nth-child(2) { display: inline-block; margin-right: 3px !important }

/* Tooltip CSS */
/*.cmf_has_footnote { position: relative; }*/
/*.cmf_has_footnote_custom { position: relative; }*/

.ui-tooltip, .arrow:after {
    /*background: #e3e3e3;*/
    /*border: 1px solid grey;*/
    opacity: 1;
}
.ui-tooltip {
    padding: 10px 20px;
    /*color: black;*/
    border-radius: 3px;
    font:  12px "Helvetica Neue", Sans-Serif;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}

/*---------------------------------------*/
/*--------- New Backend CSS --------*/
/*---------------------------------------*/

/* Footnote Edit Page CSS */
.postblock { margin-bottom: 15px; }
.postblock-5 input,
.postblock-5 button { display: inline-block; }
.postblock-5 button {
    padding: 0px !important;
    width: 40px;
    text-align: center;
    height: 27px !important;
    line-height: 26px !important;
    box-shadow: none !important;
}
.postblock-5 button > div {
    padding: 0px;
    margin: 0px;
    display: inline-block !important;
    float: none;
    width: auto;
    height: auto;
}
.postblock-5 button > div:before {
    height: auto !important;
    width: auto !important;
    padding: 0px !important;
    line-height: 27px !important;
}
.postblock-5 .custom-dash-show-ft,
.popupdash {
    position: absolute;
    width: 100%;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    z-index: 999;
    border: 1px solid #ccc;
    top: 160px;
    text-align: left;
    right: 0;
}
.postblock-5 .custom-dash-show-ft > div,
.popupdash > div {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 10%;
    text-align: center;
} 
.postblock-5 .custom-dash-show-ft > div > div,
.popupdash > div > div { margin: 0px !important; float: none; }
.postblock-5 .custom-dash-show-ft > div > div:hover:before,
.popupdash > div > div:hover:before { color: blue; }

.postblock-5 button > span { height: 27px; line-height: 27px; margin: 0 auto; }

.removeicon-ft,
.remve-icon { margin-left: 4px !important; border-radius: 4px; background: #7f7f7f !important; color: #fff !important; }

.popupdash { top: 70px; }
.csvdemo { width: 900px; }

/* Footnote Links CSS */
.type1,
.type2,
.type3,
.type4 { font-size:12px; display: inline-block; line-height: 15px; }
.type1:before { content: "["; }
.type1:after { content: "]"; }
.type2:before { content: "{"; }
.type2:after { content: "}"; }
.type4,
.type3 { background: #0000ff; color: #fff !important; padding: 0px 5px; min-width: 18px; text-align: center; }
.type4:after {
    content: "";
    position: absolute;
    border-top: 5px solid #0000ff;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -10px;
    left: 22%;
}
sup { line-height: 10px; }



.footnoteLink .cmf_footnote_img,
.cmf_footnote_row .cmf_footnote_img {
    display: block;
    max-width: 50px;
    width: auto;
}

img.cmf_footnote_img {
    padding-top: 10px;
    display: block;
}

input#footnote-search-term {
    width: 30%;
    height: 21px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
}


/*  New definitions metabox styles */
#cm_footnote_definitions_flexbox_block__header{
    display: flex;
    flex-direction: row;
    height: 1.6rem;
    color : dimgrey;
    font-size: 1rem ;
    text-align: center;
}
#cm_footnote_definitions_flexbox_block__header-id{
    width: 15%;
    border: 1px solid grey;
    border-radius: 3px;
}

.cmf-pro-only{
    border: 3px solid purple;
    margin-top: 25px;
    padding: 0 5px 5px 0;
}

.cmf-pro-only *{
    opacity: 0.7;
}

.cmf-pro-only::before{
    content: 'Available in pro version';
    color: purple;
    font-size: 19px;
    font-weight: bold;
    position: absolute;
    top: 35px;
    background: #fff;
    left: calc(100% / 2.3);
}

.cmf-pro-only .disabled-link{
    text-decoration: underline;
    color:gray;
}

.cmf_shortcode > input{
    border: none;
    background-color: inherit;
    font-size: 1rem;
    font-style: italic;
    color: #636363;
}

.cmf_shortcode > button {
    background-color: inherit;
    border: none;
    font-size: 0.9rem;
    font-style: oblique;
    color: #587aa5;
    text-decoration-line: underline;
}
.cmf_shortcode > button:hover{
    cursor: pointer ;
}

.custm-ftnote-tbl::before{
    content: 'Available in pro version';
    color: purple;
    font-size: 19px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 220px;
    right: calc(100% / 5.3);
    background: #f0f0f0;
    z-index: 99;
}

.custm-ftnote-tbl::after {
    content: "";
    position: absolute;
    top: 247px;
    bottom: 65px;
    right: calc(100% / 16);
    width: calc(100% / 2.3);
    border: 3px solid #800080;
    pointer-events: none;
}

.cm-foot-meta-header-block{
    padding-top: 35px;
}