:root {
    --menu-link-background:  rgba(0,0,0,0.7);
    --menu-link-hover: #000;
    --statements-toggle-opacity: 1;
    --statements-toggle-background-image: url('/images/close-small.svg');
    --statements-toggle-background-opacity: 1;
    --graph-link-background-image:  url('/images/bubble-pencil_white.svg');
    --graph-link-opacity: 0.6;
    --improve-layout-opacity: 0.4;
    --improve-layout-background-image: url('/images/diamond3.svg')!important;
    --circle-layout-opacity: 0.4;
    --circle-layout-background-image: url('/images/radio-button.svg')!important;
    --walkthrough-button-opacity: 0.6;
    --walkthrough-button-background-image: url('/images/question-circle.svg')!important;

    --manual-button-opacity: 1;
    --manual-button-background-image: url('/images/manual.png')!important;

    --adjustsettings-button-opacity: 0.5;
    --adjustsettings-button-background-image: url('/images/cog.svg')!important;

    --adjustfilter-button-opacity: 0.8;
    --adjustfilter-button-background-image: url('/images/filter.png')!important;

    --themeswitch-button-opacity: 0.5;
    --themeswitch-button-background-image: url('/images/contrast.svg')!important;
    
    --deletecontextbutton-opacity: 0.7;
    --deletecontextbutton-background-image: url('/images/trash_wide.svg')!important;

    --deletebutton-image: url('/images/trash.png')!important;

    --collaborate-link-opacity: 0.7;
    --collaborate-link-background-image: url('/images/group.png')!important;

    --import-link-opacity: 1;
    --import-link-background-image: url('/images/telescope.png')!important;

    --windowdown-link-opacity: 1;
    --windowdown-link-background-image: url('/images/closewindow.png')!important;

    --top-link-opacity: 1;
    --top-link-background-image: url('/images/lnr-arrow-up.png')!important;

    --statements-link-opacity: 0.6;
    --statements-link-background-image: url('/images/speaker_notes_off.svg')!important;

    --timer-link-opacity: 0.7;
    --timer-link-background-image: url('/images/history.svg')!important;

    --language-link-opacity: 0.7;
    --language-link-background-image: url('/images/globe.svg')!important;

    --watch-link-opacity: 1;
    --watch-link-background-image: url('/images/watch.png')!important;

    --microphone-link-opacity: 0.7;
    --microphone-link-background-image: url('/images/mic.svg')!important;


    --midi-link-opacity: 0.7;
    --midi-link-background-image: url('/images/music-note3.png')!important;

    --addcontext-link-opacity: 0.7;
    --addcontext-link-background-image: url('/images/intersect.svg')!important;

    --statements-summary-opacity: 0.8;
    --statements-summary-image: url('/images/magic-wand.svg')!important;


    --mergecontext-link-opacity: 0.7;
    --mergecontext-link-background-image: url('/images/combine.svg')!important;


    --diffcontext-link-opacity: 0.7;
    --diffcontext-link-background-image: url('/images/substract.svg')!important;


    --swapcontext-link-opacity: 0.8;
    --swapcontext-link-background-image: url('/images/exchange-blue.svg')!important;

    --privacy-link-share-image: url('/images/share2.svg');
    --privacy-link-share-opacity: 0.7;

    --download-link-share-image: url('/images/download2.svg');
    --download-link-share-opacity: 0.7;

    --savegraph-link-share-image: url('/images/floppy-disk.svg');
    --savegraph-link-share-opacity: 0.7;


    --live-link-image: url('/images/toggle-off.svg');
    --live-link-opacity: 0.7;



    --google-import-opacity: 1;
    --google-import-background-image: url('/images/google-logo-bw.png')!important;

    --twitter-import-opacity: 1;
    --twitter-import-background-image: url('/images/twitter-logo-bw.png')!important;

    --file-import-opacity: 1;
    --file-import-background-image: url('/images/import-file.png')!important;

    --text-standard: #f0ecec;

    --contextdelete-background-image: url('/images/trash-white-small.png')!important;
    --contextrename-background-image: url('/images/context-name-edit.png')!important;

    --biasindex-font: #666;

    --info-link-image: url('/images/clipboard_text.svg');
    --info-background-color: rgb(58 221 151);
    --info-link-font: rgb(51, 198, 134);
    --info-link-opacity: 0.7;
}

:root[theme='dark'] {
    --menu-link-background: rgba(250, 250, 250, 0.4);
    --menu-link-hover: #444;
    --statements-toggle-opacity: 1;
    --statements-toggle-background-image: url('/images/close-small-white.svg');
    --statements-toggle-background-opacity: 1;
    --graph-link-background-image:  url('/images/bubble-pencil_white.svg');
    --graph-link-opacity: 0.8;
    --improve-layout-opacity: 0.6;
    --improve-layout-background-image: url('/images/diamond3_white.svg')!important;
    --circle-layout-opacity: 0.6;
    --circle-layout-background-image: url('/images/radio-button_white.svg')!important;
    --walkthrough-button-opacity: 0.6;
    --walkthrough-button-background-image: url('/images/question-circle_white.svg')!important;


    --manual-button-opacity: 0.8;
    --manual-button-background-image: url('/images/manual-white.png')!important;

    --adjustsettings-button-opacity: 0.6;
    --adjustsettings-button-background-image: url('/images/cog_white.svg')!important;

    --adjustfilter-button-opacity: 0.6;
    --adjustfilter-button-background-image: url('/images/filter-white.png')!important;

    --themeswitch-button-opacity: 0.6;
    --themeswitch-button-background-image: url('/images/contrast_white.svg')!important;

    --deletecontextbutton-opacity: 0.6;
    --deletecontextbutton-background-image: url('/images/trash_wide_white.svg')!important;

    --deletebutton-image: url('/images/trash-white.png')!important;

    --collaborate-link-opacity: 0.6;
    --collaborate-link-background-image: url('/images/group-white.png')!important;

    --import-link-opacity: 0.6;
    --import-link-background-image: url('/images/telescope-white.png')!important;

    --windowdown-link-opacity: 0.6;
    --windowdown-link-background-image: url('/images/closewindow-white.png')!important;

    --statements-link-opacity: 0.7;
    --statements-link-background-image: url('/images/speaker_notes_off_white.svg')!important;

    --timer-link-opacity: 0.6;
    --timer-link-background-image: url('/images/history_white.svg')!important;

    --language-link-opacity: 0.7;
    --language-link-background-image: url('/images/globe-white.svg')!important;

    --watch-link-opacity: 0.6;
    --watch-link-background-image: url('/images/watch-white.png')!important;

    --microphone-link-opacity: 0.6;
    --microphone-link-background-image: url('/images/mic_white.svg')!important;

    --midi-link-opacity: 0.6;
    --midi-link-background-image: url('/images/music-note3_white.png')!important;

    --addcontext-link-opacity: 0.6;
    --addcontext-link-background-image: url('/images/intersect_white.svg')!important;

    --statements-summary-opacity: 0.8;
    --statements-summary-image: url('/images/magic-wand-white.svg')!important;

    --mergecontext-link-opacity: 0.6;
    --mergecontext-link-background-image: url('/images/combine_white.svg')!important;

    --diffcontext-link-opacity: 0.6;
    --diffcontext-link-background-image: url('/images/substract_white.svg')!important;


    --swapcontext-link-opacity: 0.7;
    --swapcontext-link-background-image: url('/images/exchange-blue.svg')!important;

    --privacy-link-share-image: url('/images/share2_white.svg');
    --privacy-link-share-opacity: 0.6;


    --download-link-share-image: url('/images/download2_white.svg');
    --download-link-share-opacity: 0.6;

    --savegraph-link-share-image: url('/images/floppy-disk_white.svg');
    --savegraph-link-share-opacity: 0.6;

    --google-import-opacity: 1;
    --google-import-background-image: url('/images/google-logo-bw.png')!important;

    --twitter-import-opacity: 1;
    --twitter-import-background-image: url('/images/twitter-logo-bw.png')!important;

    --file-import-opacity: 1;
    --file-import-background-image: url('/images/import-file.png')!important;

    --text-standard: #000;

    --contextdelete-background-image: url('/images/trash-white-small.png')!important;
    --contextrename-background-image: url('/images/context-name-edit.png')!important;

    --biasindex-font: #aaa;

    --info-link-image: url('/images/clipboard_text_white.svg');
    --info-background-color: rgb(50, 200, 135);
    --info-link-font: rgb(51, 198, 134);
    --info-link-opacity: 0.6;
}


.pure-img-responsive {
    max-width: 100%;
    height: auto;
}

#layout {
    position: absolute;
    padding-left: 0;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    height: 100%;
}
#layout.active {
    
    left: 305px;
}
#layout.analyticsOpen {
    right: 375px;
}
.moveInGraphElementsRight {
    margin-right: 375px;
}

#layout.active #menu {
    left: 305px;
    width: 305px;
}

#layout.active .menu-link {
    left: 305px;
}

#layout.sidebar {
    right: 450px;
}

#start {
    
    background-color:  rgb(168, 230, 255)!important;
}

#manual {
    
    background-color:  rgb(168, 230, 255)!important;
}

#manualFrame {
    position: fixed;
    display: none;
    width: 449px;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    border-left:1px solid #ccc;
    -webkit-overflow-scrolling: touch;
}

#insideIFrame {
    height: 100%;
    background:'';
}

#loadingMes {
    position: absolute;
    transform: translate(-50%,-57%);
    left: 50%;
    top: 57%;
}


/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
*/

.panelControllers {
  position: relative;
  margin-left: -30px;
  height: 30px;
}

.filterControllers {
    position: relative;
    margin-left: -30px;
    height: 30px;
    margin-top: -30px;
    display: inline-block;
}

.filterControllers ul li {
    padding-right: 10px;
    list-style: none;
}


#panelControllersAnalytics {
    display: inline-block;
    position: relative;
}

.panelControllers ul li {
  padding-right: 10px;
  list-style: none;
}
.panelControlBtn {
    margin-bottom: 10px;
    margin-right: 9px;
    font-size: 14px;
    font-family: 'Istokweb-Regular', sans-serif;
}

.sentiment_link:not(#reset_data) {
    cursor: pointer;
    text-decoration: none!important;
    font: 15px 'IstokWeb-Bold',sans-serif;
}

.sentiment_bold {
    text-decoration: underline!important;
    
}

#positive_data {
    color: #00aa00!important;
}
#negative_data {
    color: #ee0000!important;
}

.statementInputMenu {
    font: 15px 'IstokWeb-Bold',sans-serif;
}

.appsInputMenu {
    font: 16px 'IstokWeb-Bold',sans-serif;
}

.appsInputMenu li {
    margin-bottom: 5px;
    border-radius: 16px;
    background-color: #e8e8eb;
}

.appsMenuItems {
    clear: both;
}


#menu {
    margin-left: -305px; /* "#menu" width */
    width: 305px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: #191818;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 3147483738;
}
    /*
    All anchors inside the menu should be styled like this.
    */
    #menu a {
        color: #999;
        border: none;
        padding: 0.6em 0 0.6em 0.6em;
    }

    /*
    Remove all background/borders, since we are applying them to #menu.
    */
     #menu .pure-menu,
     #menu .pure-menu ul {
        border: none;
        background: transparent;
    }

    /*
    Add that light border to separate items into groups.
    */
    #menu .pure-menu ul,
    #menu .pure-menu .menu-item-divided {
        border-top: 1px solid #333;
    }



    .menu-item-divided .menu-context-delete {
        z-index: 100!important;
        content: var(--contextdelete-background-image);
        margin-top: -35px!important;
        float: right;
        visibility: hidden;
    }

    .menu-item-divided:hover .menu-context-delete {
        visibility: visible;
    }

    .menu-context-loading {
        margin-top: 5px;
        content: url('/images/loading-icon.svg')!important;
        float: right;
    }

    .menu-item-divided .menu-context-rename {
        z-index: 100!important;
        content: var(--contextrename-background-image);
        margin-top: -35px!important;
        margin-right: 28px;
        float: right;
        visibility: hidden;
    }

    .menu-item-divided:hover .menu-context-rename {
        visibility: visible;
    }

        /*
        Change color of the anchor links on hover/focus.
        */
        #menu .pure-menu li a:hover,
        #menu .pure-menu li a:focus {
            background: #333;
        }

    #menu .menu-item-small {
        font-size: 80%;
    }

    /*
    This styles the selected menu item `<li>`.
    */
    #menu .pure-menu-selected,
    #menu .pure-menu-heading {
        background: #1f8dd6;
        border-radius: 4px!important;
    }
    /*
    This styles a link within a selected menu item `<li>`.
    */
    #menu .pure-menu-selected a {
        color: #fff;
    }

    #menu .pure-menu-selected a:hover {
        border-radius: 4px!important;
    }

    /*
    This styles the menu heading.
    */
    #menu .pure-menu-heading {
        font-size: 110%;
        color: #fff;
        margin: 0;
    }

/* -- Dynamic Button For Responsive Menu -------------------------------------*/

/*
The button to open/close the Menu is custom-made and not part of Pure. Here's
how it works:
*/

/*
`.menu-link` represents the responsive menu toggle that shows/hides on
small screens.
*/
.menu-link {
    position: fixed;
    display: block; /* show this only on small screens */
    top: 0;
    left: 0; /* "#menu width" */
    
    background: var(--menu-link-background);
    font-size: 8px; /* change this value to increase/decrease button size */
    width: 2.5em;
    height: auto;
    padding: 2.4em 1.8em;
    z-index: 500!important;
}

    .menu-link:hover,
    .menu-link:focus {
        background: var(--menu-link-hover);
    }

    .menu-link span {
        position: relative;
        display: block;
    }

    .menu-link span,
    .menu-link span:before,
    .menu-link span:after {
        background-color: #fff;
        width: 100%;
        height: 0.2em;
    }

        .menu-link span:before,
        .menu-link span:after {
            position: absolute;
            margin-top: -0.6em;
            content: " ";
        }

        .menu-link span:after {
            margin-top: 0.6em;
        }






       #topnav  {
         top: 0;
         left: 0;
         padding-left: 60px;
         /* padding-top: 1px; */
         margin-top: 8px;
         padding-top: 2px;
         padding-bottom: 15px;
         display: inline-flex!important;
         z-index: 2!important;
         
       }

       #topnav .pure-menu.pure-menu-open.pure-menu-horizontal li  {
         border-radius: 15px!important;
         display: inline-flex!important;
         margin-bottom: 3px;
         
       }

       #topnav_aux  {
        /* padding-top: 1px; */
        left: 14px;
        padding-left: 50px;
        margin-top: 10px;
        padding-top: 2px;
        padding-bottom: 2px;
        display: inline-flex!important;
        z-index: 2!important;
        max-width: 600px;
        position: relative;
        opacity: 80%;
        background-color: #f0ecec;
        
      }

      .topnav_aux {
        left: 14px;
        padding-left: 50px;
        margin-top: 0px;
        padding-top: 2px;
        position: relative;
      }

       #topnav_aux .pure-menu.pure-menu-open.pure-menu-horizontal li  {
        border-radius: 15px!important;
        display: inline-flex!important;
      }





#controls {
    position: absolute;
    display: grid;
    top: 8px;
    right: 2px;
    z-index: 13;
    width: 48px;
}

#statements-toggle {
    position: absolute;
    display: inline-block; /* show this only on small screens */
    top: 0;
    right: 0; /* "#menu width" */
    
    margin-left: 0px;
    width: 24px;
    height: 32px;
    padding-top: 14px!important;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 6px;
    z-index: 10;
    background-image: var(--statements-toggle-background-image);
    opacity: var(--statements-toggle-background-opacity);
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: auto!important;
    background-color: var(--entry-form-background);
    background-size: 60%;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#seo-helper, #kwrds-helper, #niche-helper {
    position: relative;
    display: none;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#close-firstentry,#close-firstentry-niche,#close-firstentry-kwrds, #close-firstentry-google-app, #close-firstentry-twitter-app, #close-firstentry-notes-app, #close-firstentry-surveys-app, #close-firstentry-reviews-app {
    position: relative;
    display: inline; /* show this only on small screens */
    top: 10px;
    right: 5px; /* "#menu width" */
    font-size: 5px; /* change this value to increase/decrease button size */
    width: 32px;
    height: auto;
    float: right;
    padding: 2.5em 1.5em;
    z-index: 21;
    background-image: var(--statements-toggle-background-image);
    opacity: var(--statements-toggle-opacity);
    background-repeat: no-repeat;
    background-position:center;
    pointer-events: auto!important;
    cursor:pointer;

}


#top-link {
    display: none; /* Hidden by default */
    position: relative; /* Fixed/sticky position */
    top: 10px; /* Place the button at the bottom of the page */
    left: 5px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #dadada; /* Set a background color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px 15px 15px 19px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 22px; /* Increase font size */
    width: 40px;
    height: 40px;
    background-image: var(--top-link-background-image);
    opacity: var(--top-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}


#statements-link {
    position: relative;
    grid-column: 1;    
    background: none;
    text-align: left;
    font-size: 14px!important; /* change this value to increase/decrease button size */
    width: 26px;
    height: 26px;
    /* float: right; */
    margin: 10px 11px;
    z-index: 10;
    margin-bottom: 10px;
    background-image: var(--statements-link-background-image);
    opacity: var(--statements-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}


#timer-link {
    
    position: relative;
    grid-column: 1;
    margin-top: 10px;   
    background: none;
    text-align: left;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 22px;
    height: 22px;
    /* float: right; */
    margin: 15px 11px 20px 12px;
    z-index: 10;
    background-image: var(--timer-link-background-image);
    opacity: var(--timer-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}


#language-link {
    
    position: relative;
    grid-column: 1;
    margin-top: 10px;   
    background: none;
    text-align: left;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 24px;
    height: 24px;
    /* float: right; */
    margin: 10px 11px 10px 10px;
    z-index: 10;
    background-image: var(--language-link-background-image);
    opacity: var(--language-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}



.timer-link-on {
    background-image: url('/images/history_blue.svg')!important;
}

#watch-link {
    
    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 32px;
    height: 32px;
    /* float: right; */
    padding: 3px 5px;
    z-index: 10;
    background-image: var(--watch-link-background-image);
    opacity: var(--watch-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}


.watch-link-on {
    opacity: 0.8;
    background-image: url('/images/watch-blue.png')!important;
}

.statements-link-on {
    opacity: 1!important;
    background-image: url('/images/speaker_notes_off_blue.svg')!important;
}

.statements-link-on-dark {
    background-image: url('/images/speaker_notes_off_blue.svg')!important;
}

#twitter-import {
    position: relative;
    
    left: 0; /* "#menu width" */
    margin-right: 5px;
    text-align: right;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 10px;
    background-color: #f5f5f5;
    color: #666;
    font: 13px 'IstokWeb-Regular',sans-serif;
    /* width: 32px;
    height: 32px;
    float: right; */
    z-index: 10;
    background-image: var(--twitter-import-background-image);
    opacity: var(--twitter-import-opacity); 
    background-repeat: no-repeat!important;
    display: inline-block;
    float: right;
    background-position: 5px 4px; 
    /* pointer-events: auto!important;   */
}

#google-import {
        position: relative;
        
        left: 0; /* "#menu width" */
        text-align: right;
        margin-right: 5px;
        padding-top: 7px;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 10px;
        background-color: #f5f5f5;
        color: #666;
        font: 13px 'IstokWeb-Regular',sans-serif;
        max-width: 18px;
        
        z-index: 10;
        background-image: var(--google-import-background-image);
        opacity: var(--google-import-opacity); 
        background-repeat: no-repeat!important;
        display: inline-block;
        float: right;
        
        background-position: 5px 4px; 
        /* pointer-events: auto!important;   */
}

#google-import:hover {
    background-color: #efefef;
}

#file-import {
        position: relative;
        left: 0; /* "#menu width" */
        text-align: right;
        padding-top: 7px;
        padding-bottom: 6px;
        padding-left: 22px;
        padding-right: 6px;
        margin-left: 5px;
        background-color: #f5f5f5;
        color: #666;
        font: 13px 'IstokWeb-Regular',sans-serif;
        /* width: 32px;
        height: 32px;
        float: right; */

        z-index: 10;
        background-image: var(--file-import-background-image);
        opacity: var(--file-import-link-opacity); 
        background-repeat: no-repeat!important;
        display: inline-block;
        width: 50px;
        float: right;
        background-position: 5px 4px; 
        /* pointer-events: auto!important;   */
}

#file-import-notes, #file-import-surveys, #file-import-reviews {
    position: relative;
    left: 0; /* "#menu width" */
    text-align: right;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 22px;
    padding-right: 6px;
    margin-left: 5px;
    background-color: #f5f5f5;
    color: #666;
    font: 13px 'IstokWeb-Regular',sans-serif;
    /* width: 32px;
    height: 32px;
    float: right; */

    z-index: 10;
    background-image: var(--file-import-background-image);
    opacity: var(--file-import-link-opacity); 
    background-repeat: no-repeat!important;
    display: inline-block;
    width: 90px;
    float: right;
    background-position: 5px 4px; 
    /* pointer-events: auto!important;   */
}

#file-import-amazon {
    position: relative;
    left: 0; /* "#menu width" */
    text-align: right;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 7px;
    padding-right: 6px;
    margin-left: 5px;
    background-color: #f5f5f5;
    color: #666;
    font: 13px 'IstokWeb-Regular',sans-serif;


    z-index: 10;

    
    display: inline-block;
    width: 80px;
    float: right;
    
    /* pointer-events: auto!important;   */
}


#all-import {
    position: relative;
    left: 0; /* "#menu width" */
    text-align: center;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: 5px;
    background-color: #f5f5f5;
    color: #666;
    font: 13px 'IstokWeb-Regular',sans-serif;
    /* width: 32px;
    height: 32px;
    float: right; */

    z-index: 10;
    display: inline-block;
    min-width: 15px;
    float: right;
    
    /* pointer-events: auto!important;   */
}

#file-import:hover, #file-import-notes:hover, #file-import-surveys:hover, #file-import-amazon:hover, #file-import-reviews:hover, #all-import:hover {
    background-color: #efefef;
}


#windowdown-link {
    position: absolute;
    display: inline; /* show this only on small screens */
    top: 0;
    right: 30px; /* "#menu width" */
    background: none;
    font-size: 8px; /* change this value to increase/decrease button size */
    width: 2em;
    height: auto;
    float: right;
    padding: 3.3em 1.6em;
    z-index: 10;
    background-image: var(--windowdown-link-background-image);
    opacity: var(--windowdown-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}

#entryinput-settings {
    position: absolute;
    display: inline; /* show this only on small screens */
    top: 0;
    right: 30px; /* "#menu width" */
    background: none;
    font-size: 8px; /* change this value to increase/decrease button size */
    width: 2em;
    height: auto;
    float: right;
    padding: 3.3em 1.6em;
    z-index: 10;
    background-image: var(--adjustsettings-button-background-image);
    opacity: var(--adjustsettings-button-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;

}

#deletecontext {
    position: relative;
    grid-column: 1;
    text-align: left;
    font-size: 32px; /*   this value to increase/decrease button size */
    width: 22px;
    height: 22px;
    /* float: right; */
    margin: 5px 11px 10px 12px;
    z-index: 10;
    margin-bottom: 10px;
    background-image: var(--deletecontextbutton-background-image);
    opacity: var(--deletecontextbutton-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}
#deletecontextform {
    padding: 2px;
}


#deletebutton {
    background: var(--deletebutton-image);
    background-repeat:no-repeat;
    background-position:center;
    border: 0;
    display: inline-block;
    height: 23px;
    width: 23px;
    text-indent:-9999px;
    line-height: 0px;
    font-size: 0px;
    position: relative;
    top: -5px;
}
.deletebutton-dark {

    background-image: url('/images/trash-white.png')!important;
}

#deletecontextbutton, #deletecontextselect {
    clear: both;
  margin-top: 14px;
  
}




#privacy-link {
    
    position: relative;
    grid-column: 1;
    text-align: left;
    font-size: 32px; /*   this value to increase/decrease button size */
    width: 22px;
    height: 22px;
    margin: 10px 10px 10px 11px;
    /* float: right; */
    z-index: 10;
    background-image: var(--privacy-link-share-image);
    opacity: var(--privacy-link-share-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}

#downloaddata-link {
    position: relative;
    grid-column: 1;
    text-align: left;
    font-size: 20px; /*   this value to increase/decrease button size */
    width: 20x;
    height: 20px;
    /* float: right; */
    z-index: 10;
    margin: 0px 11px 10px 8px;
    background-image: var(--download-link-share-image);
    opacity: var(--download-link-share-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}

#savegraph-link {

    position: relative;
    grid-column: 1;
    text-align: left;
    font-size: 32px; /*   this value to increase/decrease button size */
    width: 22px;
    height: 22px;
    /* float: right; */
    margin: 5px 11px 10px 12px;
    z-index: 10;
    background-image: var(--savegraph-link-share-image);
    opacity: var(--savegraph-link-share-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}

#collaborate-link {
    display: none;
    position: relative; /* show this only on small screens */
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 32px;
    height: 32px;
    /* float: right; */
    padding: 3px 5px;
    z-index: 10;
    background: var(--collaborate-link-background-image);
    opacity: var(--collaborate-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}

#info-link { 

    margin-top: 0px;
    
    position: absolute;
    bottom: 24px;
    left: 440px; /* "#menu width" */
    font-size: 8px; /* change this value to increase/decrease button size */
    width: 1.8em;
    height: auto;
    padding: 2.6em 2.6em;
    z-index: 11;
    border-radius: 30px;
    background-size: 22px!important;
    background-image: url('/images/clipboard_text_white.svg')!important;
    
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: 0 3px 15px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.16);

    pointer-events: auto!important;
}

.infoCaption:after {
    font-size: 13px;
    line-height: 15px;
    left: 65px;
    position: absolute;
    color: var(--info-link-font); /*rgb(31 214 135)!important; /* #00B7FF;*/
    content: 'project notes';
    width: 60px;
    bottom: 5px;
}

#edit-panel {
    margin-bottom: 8px;
}

#templates-panel,#imports-panel {
    position: relative;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    display: none;
}

.infoHighlight {

    background: var(--info-background-color); /* rgb(31 214 135)!important; /* rgba(31,141,214,1)!important; */
    background-image: var(--info-link-image)!important;
    background-repeat:no-repeat!important;
    background-position:center!important;

}

.is-public {
    background: url('/images/share2_blue.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    opacity: 1!important;
}

.is-live {
    background: url('/images/toggle-on.svg')!important;
    background-repeat:no-repeat!important;
    background-position:right!important;
}

.is-collab {
    background: url('/images/group-green.png')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
}

#import-link {

    position: relative; /* show this only on small screens */
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 32px;
    height: 32px;
    /* float: right; */
    padding: 3px 5px;
    z-index: 10;
    background: var(--import-link-background-image);
    opacity: var(--import-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
}



#graph-link {

    display: none;
    margin-top: 0px;
    background: none;
    position: absolute;
    display: none;
    top: 0;
    right: 0; /* "#menu width" */
    font-size: 8px; /* change this value to increase/decrease button size */
    width: 2em;
    height: auto;
    padding: 2.6em 2.6em;
    z-index: 11;
    background-size: 24px;
    background-image: var(--graph-link-background-image);
    opacity: var(--graph-link-opacity);
    background-repeat:no-repeat;
    background-position:center;
}

#entry-link {


    margin-top: 0px;
    background: none;
    position: absolute;
    display: none;
    bottom: 24px;
    left: 10px; /* "#menu width" */
    font-size: 8px; /* change this value to increase/decrease button size */
    width: 2em;
    height: auto;
    padding: 2.6em 2.6em;
    z-index: 11;
    border-radius: 30px;
    background-size: 26px!important;
    background-image: var(--graph-link-background-image)!important;
    
    background-repeat:no-repeat;
    background-position:center;
    box-shadow: 0 3px 15px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 3px 15px rgba(0,0,0,.16);
}



.entry-caption:after {
    font-size: 13px;
    line-height: 26px;
    left: 65px;
    position: absolute;
    color: #00B7FF;
    content: 'add / import';
    width: 80px;
    bottom: 5px;
}

.entry-caption:after a:visited {

    color: #00B7FF!important;

}

.graph-highlight {

    background: rgba(31,141,214,1)!important;
    background-image: url('/images/chatwhite.png')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;

}

.entry-link-hide {

    display: none;

}


.graph-highlight:hover {

    background: rgba(0,0,0,0.7)!important;
    background-image: url('/images/chatwhite.png')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;

}

#graph-link:hover {
    background: rgba(0,0,0,0.7);
    background-image: url('/images/graphnet-white.png');
    background-repeat:no-repeat;
    background-position:center;
}

#entry-link:hover {
    background: rgba(0,0,0,0.7);
    background-image: url('/images/bubble-pencil_white.svg');
    background-repeat:no-repeat;
    background-position:center;
}

#microphone-link {
    display: none;
    opacity: var(--microphone-link-opacity);
    grid-column: 1;
    
    position: relative;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 22px;
    height: 22px;   
    margin: 15px 11px 10px 12px;
    z-index: 10;
    background-image: var(--microphone-link-background-image);
    background-repeat:no-repeat;
    background-position:center;

}

#midi-link {
    display: inline;
    opacity: var(--midi-link-opacity);
    grid-column: 1;
    position: relative;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 22px;
    height: 22px;   
    margin: 5px 11px 10px 11px;
    z-index: 10;
    background-image: var(--midi-link-background-image);
    background-repeat:no-repeat;
    background-position:center;

}

#statementmenu {
    position: fixed;
    top: 52px;
    width: 42px;
    display: grid;
    z-index: 10;
}

#addcontext-link {

    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 14px; /* change this value to increase/decrease button size */
    width: 24px;
    height: 24px;
    margin: 15px 11px 15px 11px;
    z-index: 10;
    opacity: var(--addcontext-link-opacity);
    background-image: var(--addcontext-link-background-image);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;

}

#aiStatementsLink {

    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 14px; /* change this value to increase/decrease button size */
    width: 25px;
    height: 25px;
    margin: 8px 11px 15px 11px;
    z-index: 10;
    opacity: var(--statements-summary-opacity);
    background-image: var(--statements-summary-image);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;
    display: none;
}

.addcontext-on {
    background-image: url('/images/intersect_blue.svg')!important;
    opacity: 1!important;
}



.addcontext-visible {
    opacity: 1!important;
    background-image: url('/images/intersect_green.svg')!important;

}

#diffcontext-link {

    position: relative;
    grid-column: 1;
    
    background: none;
    text-align: left;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 24px;
    height: 24px;
    margin: 0px 11px 5px 11px;
    z-index: 10;
    opacity: var(--diffcontext-link-opacity);
    background-image: var(--diffcontext-link-background-image);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;

}

#swapcontext-link {

    position: relative;
    grid-column: 1;
    
    background: none;
    text-align: left;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 22px;
    height: 22px;
    margin:  5px 11px 10px 11px;
    z-index: 10;
    opacity: var(--swapcontext-link-opacity);
    background-image: var(--swapcontext-link-background-image);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;

}

.diffcontext-on {
    opacity: 1!important;
    background-image: url('/images/substract_blue.svg')!important;
    
}


#mergecontext-link {

    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 32px; /* change this value to increase/decrease button size */
    width: 24px;
    height: 24px;
    margin: 0px 11px 10px 11px;
    z-index: 10;
    opacity: var(--mergecontext-link-opacity);
    background-image: var(--mergecontext-link-background-image);
    background-repeat:no-repeat;
    background-position:center;
    pointer-events: auto!important;

}

.mergecontext-on {
    opacity: 1!important;
    background-image: url('/images/combine_blue.svg')!important;
 
}



.mergecontext-visible {
    opacity: 1!important;
    background-image: url('/images/combine_green.pnscvg')!important;

}



.diffcontext-visible {
    opacity: 1!important;
    background-image: url('/images/substract_green.svg')!important;

}

#improve-layout {
    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 14px!important;
    width: 28px;
    height: 28px;
    pointer-events: auto!important;
    margin: 16px 4px 5px 6px;
    z-index: 11;

  opacity: var(--improve-layout-opacity);
  background-image: var(--improve-layout-background-image);
  background-repeat:no-repeat;
  background-position:center;
}


#circle-layout {
    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 14px!important;
    width: 24px;
    height: 24px;
    pointer-events: auto!important;
    margin: 2px 8px 5px 8px;
    z-index: 11;
  background-image: var(--circle-layout-background-image);
  opacity: var(--circle-layout-opacity);
  background-repeat:no-repeat;
  background-position:center;
}



#walkthrough {
    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 14px!important;
    width: 24px;
    height: 24px;
    pointer-events: auto!important;
    margin: 2px 8px 5px 9px;
    z-index: 11;
    background: none;
    background-image: var(--walkthrough-button-background-image);
    opacity: var(--walkthrough-button-opacity);
    background-repeat:no-repeat;
    background-position:center;
  }


  /* #manualsupport {
    position: absolute;
        top: 355px;
        font-size: 8px; 
        width: 2em;
        height: 25px;
        right: 0;
        padding: 0em 2.5em;
        z-index: 11;
        background: none;
        background-image: var(--manual-button-background-image);
        opacity: var(--manual-button-opacity);
        background-repeat:no-repeat;
        background-position:center;
  }  */

  #manualsupport {
    position: absolute;
    top:445px;
    padding: 0px 0px 0px 0px;
    margin: 0px;  
    width: 50px;
    height: 140px;
    background: #ff7517; /* #288fd4; /* #105bfb; */
    z-index:13;
    border-radius: 10px 0px 0px 10px;
    text-decoration:none!important;
    opacity: 1;

  }
  #manualsupport:hover {
   
    background: #c85b12; /* #2472a7; /* #105bfb; */

  }

  /* #manualsupport p {
    display: none;
  } */

  #manualsupport p {
    font-size: 16px; /* change this value to increase/decrease button size */
    color: var(--text-standard);
    padding: 5px 0px 0px 10px;
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
  }

  #manualsupport p::after {
    
    content: 'Help & Manual';
    white-space: nowrap;
  }


  #customizationCaption {
    position: absolute;
    right: 120px;
    top: 0px;
    margin-top: 14px;
    font-size: 16px; /* change this value to increase/decrease button size */
    color: #00B7FF;
    cursor: pointer;
    z-index: 10000!important;
    white-space: nowrap;
    text-decoration: none!important;
  }




  #themeswitch {
    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 14px!important;
    width: 26px;
    height: 26px;
    pointer-events: auto!important;
    margin: 16px 8px 5px 8px;
    z-index: 11;
    background: none;
    background-image: var(--themeswitch-button-background-image);
    opacity: var(--themeswitch-button-opacity);
    background-repeat:no-repeat;
    background-position:center;
  }


#adjustsettings {
    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 14px!important;
    width: 26px;
    height: 26px;
    pointer-events: auto!important;
    margin: 6px 8px 5px 8px;
    z-index: 11;
    background: none;
    background-image: var(--adjustsettings-button-background-image);
    opacity: var(--adjustsettings-button-opacity);
    background-repeat:no-repeat;
    background-position:center;
  }


  



.microphone-on {
    opacity: 1!important;
    background-image: url('/images/mic_none_active.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
}
.midi-on {

    background-image: url('/images/music-note3_blue.svg')!important;

}

.layout-on {
    opacity: 1!important;
    background-image: url('/images/diamond3_blue.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
}

.circle-on {
    opacity: 1!important;
    background-image: url('/images/radio-button_blue.svg')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
}

.abstract-on {
    opacity: 1!important;
    background-image: url('/images/diamond-blue.png')!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
}

.manual-on {
    opacity: 0.8!important;
}




#graph-tools {
    position: relative;
    grid-column: 1;
    background: none;
    text-align: left;
    font-size: 14px!important;
    width: 30px;
    height: 80px;
    pointer-events: auto!important;
    margin: 16px 4px 5px 6px;
    z-index: 11;
    background: none;
}

#graph-reload {
    position: fixed;
    top: 0px;
    text-align: right;
    right: -2px; /* "#menu width" */
    font-size: 8px; /* change this value to increase/decrease button size */
    /* width: 2em;
     height: auto;*/
    padding: 0 2.3em;
    z-index: 11;
    margin-top: 6em;
}

#addcontextinput {
    position: relative;
    float:left;
  
 
}
#addcontextdiv {
    clear: both;
    display: block;
    padding-top: 25px!important;
    padding-bottom: 10px;
}
#addNewContext {
    position: relative!important;
    clear: both;
    padding-bottom: 10px;
}

#addcontextbutton {
  text-decoration: none;
}

#listall {
    clear: both;
}


#addcontextname {
    float: left;
}

input#addcontextsubmit {
        position: relative;
        margin-top: 5px;
        margin-left: 10px;
        background:url('/images/save-white.png') no-repeat;
        border:none;
        width:23px;
        height:23px;
        float: left;
}



input#contextrename {
    position: relative;
    top: 5px;
    padding-top: 10px;
    margin-left: 10px;
    background:url('/images/save-white.png') no-repeat;
    border:none;
    width:23px;
    height:23px;
    float: none;
    content: none;
}

#addcontextbreak {
    float: none;
}
.whiten {
    color: #cfcfcf!important;
}

#biascaption {
    font: 13px 'IstokWeb-Regular',sans-serif;
    line-height: 15px;
    color: var(--biasindex-font)!important;
}

#biascaption:after {
    content: attr(data-after);
    font: 13px 'IstokWeb-Bold',sans-serif;
}

#distribution_info,#dfa_info  {
    padding-top: 10px;
    font: 13px 'IstokWeb-Regular',sans-serif;
    line-height: 16px;
    
}

#distribution_info > .headline,#dfa_info > .headline  {
    font: 13px 'IstokWeb-Bold',sans-serif;
    line-height: 16px;
}



/* -- Responsive Styles (Media Queries) ------------------------------------- */

/*
Hides the menu at `48em`, but modify this based on your app's needs.
*/
@media (min-width: 480em) {

    .content {
        padding-left: 2em;
        padding-right: 2em;
    }


    #layout {
        padding-left: 305px; /* left col width "#menu" */
        left: 0;
    }
    #menu {
        left: 305px;
    }

    .menu-link {
        position: fixed;
        left: 305px;
        display: none;
    }

    #layout.active .menu-link {
        left: 305px;
    }




}


@media (min-width: 48em) {


    #graph-tools {
        display: block;
    }
    #graph-container {
        /*left: 150px;*/
    }


}

@media (max-width: 800px) {

    #aiStatementsLink {
        display: inline-block;
    }
    #visibleStatementsSummaryBlock {
        display: none;
    }
    #appsContent {
        max-width: 340px!important;
    }

    #savePinnedToNotes {
        margin-top: 8px;
    }

    #manualFrame {
        position: absolute;
        display: none;
        width: 349px;
        height: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        border-left:1px solid #ccc;
        z-index: 400;
        -webkit-overflow-scrolling: touch;
    }

    #manualsupport {
        width: 20px;
        right: 0px;
        
        height: 55px;
        padding: 0px 0px 0px 0px;
        
    }


#info-link { 

    margin-top: 0px;
    
    position: absolute;
    bottom: 22px;
    left: 120px; /* "#menu width" */
    z-index: 5;
}


    
      #manualsupport p {
        padding: 0px 0px 0px 10px;
      }
    
      #manualsupport p::after {
        font-size: 12px; /* change this value to increase/decrease button size */
        color: var(--text-standard);
        -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
        -o-transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
        margin-left: -15px;
        margin-top: -20px!important;
      }

      #manualsupport p::after {
        content: 'Help';
      }
    

    .manual-on {
        opacity: 1!important;
        background-image: url('/images/manual-blue.png')!important;
    }




    .entry-caption:after {
        content: '+';
        width: 20px;
    }


    

    #graph-link:hover {
        background: rgba(0,0,0,0.1);
        background-image: url('/images/graphnet.png');
        background-repeat:no-repeat;
        background-position:center;
    }

    #entry-link:hover {
        background: rgba(0,0,0,0.1);
        background-image: url('/images/bubble-pencil.svg');
        background-repeat:no-repeat;
        background-position:center;
    }

    #statements-toggle {
        /* display:none; */
    }


    /* #windowdown-link {
        right: 0;

    } */

    #entryform {
        max-width: 300px;
    }

    #google-import {
        display: none!important;
    }
   
    #importpane::before { 
        content: "";
        padding-right: 3px;
    }


    #google-import {
        font: 13px 'IstokWeb-Regular',sans-serif;
        width: 50px;
       
    }


    #file-import, #all-import {
        font: 13px 'IstokWeb-Regular',sans-serif;
        position: relative;
    }

    /* textarea {
        max-height: 80px!important;
    } */


    #import-link {

        bottom: 10px;
        right: 135px; /* "#menu width" */

    }


    #collaborate-link {

        bottom: 10px;
        right: 170px; /* "#menu width" */

    }

    #globalsearchinput { 
        display: none;
    }

    #search { 
        display: none;
        width: 170px!important;
    }

    #searchSource {
        display: none;
    }

    #entry-link {
        bottom: 22px!important;
    }

    #messages {
        top: auto!important;
        left: 8px!important;
        bottom: 90px!important;
       
    }

    #searchnode {
        float: left;
        font-size: 8px; /* change this value to increase/decrease button size */
        width: 23px;
        height: 23px;
        padding: 0px 10px 0px 5px;
        z-index: 10;
        opacity: var(--globalsearch-opacity);
        background-image: var(--globalsearch-background);
        background-repeat:no-repeat;
        background-position:center;
    }



 
    #statements {
        z-index: 10000000!important;
    }


    .statementInputMenu {
        font: 14px 'IstokWeb-Bold',sans-serif;
    }

    #searchform {
        float: left;
        display: inline-block;
        margin-left: 30px;
    
    }




}

@media (max-width: 460px) {
    #searchform {
        float: left;
        display: inline-block;
        margin-left: 30px;
        margin-top: -25px;
        z-index: 1!important;
    }

}

@media (max-height: 700px) {
  



    
}

@media (max-width: 1000px) {

    .infoCaption:after {
      
        content: '';
        
    }
}

@media (max-width: 600px) {

 
    .signupbtn {
        top: unset;
        right: unset;        
        bottom: 130px;
        left: -10px;
        -moz-transform:rotate(-90deg);
        -ms-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg); 
    }

    #globalsearchinput { 
        display: none;
    }

    #topnav {
        font: 14px 'IstokWeb-Bold',sans-serif;
    }


    .statementInputMenu {
        font: 14px 'IstokWeb-Bold',sans-serif;
    }


  

    
}


@media (max-width: 450px) {

 


    #customizationCaption {
        
        display: none;
 
        

      }
  

    
}




.noUi-background {
    height: 8px!important;
    
}
.noUi-target {
    height: 8px!important;
    padding-left: 5px!important;
    padding-right: 5px!important;
    margin-top: 5px!important;
}

.noUi-base .noUi-connect {
    background-color: rgb(31,141,214);
}
.noUi-base .noUi-handle {
    background-color: rgb(45, 93, 252);
    border: none;
    border-radius: 8px;
    box-shadow: none;
    color: white;
    height: 16px!important;
    width: 16px!important;
    top: -5px!important;
    left: 14px!important;
}

.noUi-base .noUi-handle:hover {
    background-color: rgb(27, 71, 214);
    border: none;
    border-radius: 8px;
  }

.noUi-horizontal .noUi-base .noUi-handle {
    cursor: ew-resize;
}


.noUi-base .noUi-handle::before {
    vertical-align: middle;
    display: none;
}

.noUi-base .noUi-handle::after {
    display: none;
}
  

#datemetrics {
    margin-left: -1px;
    position: relative;
    margin-top: 12px!important;
}
.datemetrics { 
   position: relative;
   top: -2px!important;
}

#proportional-labels {
    margin-left: -1px;
    position: relative;
    margin-top: 12px!important;
}

#labels-color {
    margin-left: -1px;
    position: relative;
}
.proportional-labels { 
    position: relative;
    top: -2px!important;
 }

#nonmentionslayer {
    position: relative;
    padding: 0!important;
    margin: 0!important;
    display: none;
    margin-top: 2px!important;
}
#nonmentions {
    margin-left: -1px;
}
.nonmentions {
    position: relative;
    top: -2px!important;
}