.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;}

#cmf_tabs {background-color: #F0F0F1 ;border: 1px solid lightgrey ; width: 95%;}
.ui-tabs .ui-tabs-panel  {background-color: #F0F0F1 ;border: none ;}
.footnoteSettingsTabs .block {border: 1px solid #FEFEFE;border-radius: 8px;padding: 20px;margin-bottom: 15px; margin-top:10px; background-color: #FEFEFE;}
.footnoteSettingsTabs .block h3 {padding-top: 0px; margin-top: 0px; font-weight: 500 ;}
p.submit  {background-color: #F0F0F1 ;border: none ; padding-left: 25px; margin-top: 10px;}


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 settings descriptions styles list ---------------------- */

.cm-foot-settings-flex-block{
    display: flex;
    flex-direction: row;
}
.cm-foot-settings-left-wrapper{
    display: flex;
    flex-direction: row;
    width: 45%;
    margin-right: 5%;
}

.cm-foot-settings-right-wrapper{
    display: flex;
    flex-direction: row;
    width: 45%;
}

.cm-foot-cont-settings-header{
    width: 40%;
    display: flex;
    padding-top: 5px;
    padding-right: 0;
    margin-right: 3%;
    flex-direction: row;
    justify-content: space-between;
}
.cm-foot-cont-settings-header h4{
    margin: 0;
}
.cm-foot-cont-links-symb-field{
    display: flex;
    flex-direction: row;
    margin-bottom: 3px;
    justify-content: space-between;
}
.cm-foot-cont-links-symb-field label {
    margin-top: 5px;
    margin-left: 15px;
    padding-right: 5px;
}
input[name="cmf_footnoteSymbolCustom"]{
    width: 135px;
}
input[name="cmf_footnoteSymbolSize"]{
    width: 75px;
    text-align: center;
}

#cm-foot-cont-links-disp-style{
    width: 50% ;
    display: flex;
    flex-direction: row;
}
input[name="cmf_footnoteDescriptionSize"], input[name="cmf_footnoteSymbolLinkAnchorSize"]{
    width: 75px;
    text-align: center;
}
input[name="cmf_footnoteseptitle"] , select[name="cmf_footnotesepsize"]{
    width: 160px;
}
.cmf_field_help{
    margin-right: 0;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-size: 0.9em !important;
}
input[type=color],  input[type=number],
input[type=text],  select, textarea {
    border-color: #cfcfcf !important;
}
.ui-widget-header{
    border: none;
    background: none;
}
#cmf_tabs{
    border: none;
}
.ui-widget-content{
    background: none;
}
.ui-tabs .ui-tabs-panel{
    border: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
    color : #2271b1 ;
    background-color: #f0f0f1;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background: none !important;
    border: none !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a{
    color : #000000 ;
    font-size: 1.3rem ;
}

/*  End of New settings descriptions styles list ---------------------- */


/* 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;
    right: 0;
    text-align: left;
}
.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: red !important; color: #fff !important; cursor: pointer; }

/* Edit Post Footnote CSS */
/* .custm-ftnote-tbl { overflow-x: auto; }
#cm_footnote_definitions_table { width: 100%; border-collapse: collapse; border: 1px solid #aaa; margin-bottom: 10px; }
#cm_footnote_definitions_table > tbody > tr:nth-child(odd) { background: #f5f5f5; }
#cm_footnote_definitions_table > tbody > tr > th,
#cm_footnote_definitions_table > tbody > tr > td { text-align: center; padding: 10px; vertical-align: middle; position: relative; }
#cm_footnote_definitions_table > tbody > tr > th { background: #f0f0f0; line-height: 20px; border-bottom: 2px solid #aaa;  }
#cm_footnote_definitions_table > tbody > tr > td:nth-child(1) { width: 50px; min-width: 0px; max-width: 50px; }
#cm_footnote_definitions_table > tbody > tr > td:nth-child(2) input,
#cm_footnote_definitions_table > tbody > tr > td:nth-child(2) button { display: inline-block; }
#cm_footnote_definitions_table > tbody > tr > td:nth-child(2) button {
    padding: 0px !important;
    width: 40px;
    text-align: center;
    height: 27px !important;
    line-height: 26px !important;
    box-shadow: none !important;
    border: 1px solid #ccc;
    background: #f7f7f7;
    vertical-align: top;
} */

/* #cm_footnote_definitions_table > tbody > tr > td:nth-child(2) button > span {
   height: 27px;
   line-height: 27px;
   margin: 0 auto;
}
#cm_footnote_definitions_table > tbody > tr > td:nth-child(2) button > div {
   padding: 0px;
   margin: 0px;
   display: inline-block;
   float: none;
   width: auto;
   height: auto;
}
#cm_footnote_definitions_table > tbody > tr > td:nth-child(2) button > div:before {
   height: auto !important;
   width: auto !important;
   padding: 0px !important;
   line-height: 27px !important;
} */
.popupdash { top: 70px; }
.csvdemo { width: 900px; }
/* #cm_footnote_definitions_table > tbody > tr > td:nth-child(3) textarea { max-width: 100%; width: 100%; }
.cmf_footnotes_wrapper + div.pg-ft-sep { display: none; } */

/* 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; }

/*@media screen and (max-width: 1200px) {*/
/*    .cmf_footnotes_wrapper  > div { width: 50% !important; }*/
/*}*/

/*@media screen and (max-width: 767px) {*/
/*    .cmf_footnotes_table tbody tr,*/
/*    .cmf_footnotes_wrapper + div > div { width: 100% !important; }*/
/*}*/


.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;
}