html {
    overflow-y: scroll;  /* always show scrollbar to avoid popover positioning glitches */
}

html, body {
    height: 100%;
}

#body-wrap {
    min-height: 100%;
    padding-bottom: 35px;
}

.navbar-container {
    padding-bottom: 20px;
}

.panel-search {
    border-radius: 0;
    border: 0;
    background: #cfcfcf;
    margin-bottom: 0;
}

footer.copyright {
    color: #888;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    position: relative;
    margin-top: -35px;
    height: 35px;
    clear: both;
    padding-top: 15px;
}

.login-panel {
    white-space: nowrap;
    margin-top: 15px;
    margin-left: 20px;
}

#login-dropdown:hover {
    cursor: pointer;
}

#login-dropdown .username,
#login-dropdown .glyphicon {
    color: #9d9d9d;
}

.signin-icon {
    padding-right: 3px;
}

.positive {background-color: #c0ffc0;}
.negative {background-color: #ffc0c0;}
.neutral {background-color: #c0c0ff;}

.pos-btn,
.pos-btn:focus {
    color: white !important;
    background: #5CB85C !important;
    border: 1px solid #4CAE4C !important;
}
.pos-btn:hover,
.pos-btn:focus {
    color: white !important;
    background: #47A447 !important;
    border: 1px solid #398439 !important;
}
.pos-btn.disabled,
.pos-btn.disabled:focus,
.pos-btn.disabled:hover {
    color: white !important;
    background: #95D195 !important;
    border: 1px solid #8BCA8B !important;
}

.neg-btn,
.neg-btn:focus {
    color: white !important;
    background: #D9534F !important;
    border: 1px solid #D43F3A !important;
}
.neg-btn:focus,
.neg-btn:hover {
    color: white !important;
    background: #D2322D !important;
    border: 1px solid #AC2925 !important;
}
.neg-btn.disabled,
.neg-btn.disabled:focus,
.neg-btn.disabled:hover {
    color: white !important;
    background: #E68F8D !important;
    border: 1px solid #DC7573 !important;
}

.neut-btn,
.neut-btn:focus {
    color: white !important;
    background: #9090D0 !important;
    border: 1px solid #7878B0 !important;
}
.neut-btn:focus,
.neut-btn:hover {
    color: white !important;
    background: #8080C0 !important;
    border: 1px solid #6868A8 !important;
}
.neut-btn.disabled,
.neut-btn.disabled:focus
.neut-btn.disabled:hover {
    color: white !important;
    background: #C0C0FF !important;
    border: 1px solid #A8A8D0 !important;
}

.btn-compact {
    padding: 1px 3px;
    margin: 0 3px;
}

.input-compact {
    padding: 1px 3px;
    height: 24px;
}

.add-expressions-form {
    margin-bottom: 20px;
}

.filter-form .panel-body {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.filter-form .form-group {
    margin-right: 10px;
}

.filter-form button {
    margin-left: 5px;
}

#query_input {
    width: 336px;
}

#company_id_input {
    width: 240px;
}

.typeahead.dropdown-menu {
    width: 500px;
}

.typeahead.dropdown-menu .ticker {
    width: 60px;
    display: inline-block;
    padding: 0 3px;
    overflow: hidden;
}

.typeahead.dropdown-menu .company_name {
    width: 350px;
    display: inline-block;
    padding: 0 3px;
    overflow: hidden;
}

.typeahead.dropdown-menu .country {
    width: 50px;
    display: inline-block;
    padding: 0 3px;
    overflow: hidden;
    color: grey;
}

div.article {
    line-height: 1.15;
}

.category-selector {
    margin: 10px 0;
}

.bar-timeline-header {
    margin: 10px 0;
}

#col_rownum,
.last-processed-items .column_rownum,
.keywords_dict .column_rownum,
.aspects_dict .column_rownum,
.sentiment_dict .column_rownum {
    width: 60px;
    min-width: 60px;
}

.keywords_dict .column_controls {
    width: 405px;
}

.sentiment_dict .column_controls {
    width: 540px;
}

.aspects_dict .column_controls {
    width: 540px;
}

.sentence_controls .column_controls {
    width: 130px;
}

div.sentiment-bar-gauge {
    float:left;
    margin-right: 3px;
    width: 32px;
    height: 12px;
}

span.sentiment-bar-gauge {
    display: inline-block;
    margin-right: 3px;
    width: 32px;
    height: 12px;
}

.sentiment-bar-gauge-with-score {
    display: inline-block;
    margin: 3px;
    padding: 1px;
    width: 48px;
    height: 16px;
    text-align: center;
    vertical-align: middle;
}

.sentiment-bar-gauge-with-score span {
    font-size: 12px;
    color:white
}

.sentiment-bar-gauge.positive,
.sentiment-bar-gauge-with-score.positive {
    background-color: green;
}
.sentiment-bar-gauge.negative,
.sentiment-bar-gauge-with-score.negative {
    background-color: red;
}
.sentiment-bar-gauge.neutral,
.sentiment-bar-gauge-with-score.neutral {
    background-color: orange;
}

.column_match_stems {
    width: 110px;
}
tbody .column_match_stems {
    text-align: center;
}

.column_Date, /* backward compatibility */
.column_datetime,
.column_updated,
.column_user {
    width: 138px;
    min-width: 138px;
}

.column_Source, /* backward compatibility */
.column_source {
    min-width: 230px;
}

.column_title {
    max-width: 800px !important;
}

.column_keywords_new {
    min-width: 200px !important;
    max-width: 300px !important;
}

.column_keyword_tags_new {
    min-width: 200px !important;
    max-width: 300px !important;
}

.column_keyword_tag_counts {
    min-width: 200px !important;
    max-width: 300px !important;
}

.column_sec_keywords {
    min-width: 200px !important;
    max-width: 300px !important;
}

.column_sec_keyword_tags {
    min-width: 200px !important;
    max-width: 300px !important;
}

.column_keyword_to_companies_link {
    width: 310px;
}
td[class^="column_metric_period_"] {
    text-align: right;
}

td[class*="column_sentiment_gauge_"] {
    text-align: center;
}

/* dev use
.column_sentence {
    width: 300px !important;
}
.column_sentence_raw {
    width: 600px !important;
}
*/
.column_sentiment_mentions {
    min-width: 200px !important;
}
.column_aspect_terms {
    min-width: 200px !important;
    max-width: 300px !important;
}
.column_aspect_nps {
    min-width: 300px !important;
}
.column_s_roots_detail, .column_s_modifiers_detail {
    width: 200px !important;
}
.column_s_pairs_detail {
    width: 180px;
}
.column_s_parse_detail {
    width: 300px !important;
}
.column_parse {
    width: 300px !important;
}

.column_confidence_score {
    width: 140px;
}

.column_checkbox {
    padding-right: 5px !important;
}

#col_relevant_checkbox,
#col_not_relevant_checkbox {
    width: 40px;
}

.column_relevant_checkbox input,
.column_not_relevant_checkbox input {
    margin: 0 5px 0 0;
}

.column_relevant_checkbox label,
.column_not_relevant_checkbox label {
    margin: 0;
}

.column_sentence .title {
    font-weight: bold;
}

table.dataTable td.column_freq {
    width: 55px;
}

table.dataTable td.column_ngram,
table.data td.column_ngram,
table.data td.column_N-Gram,
table.data td.column_term {
    padding: 0;
    text-align: center;
    font-weight: bold;
}

table.dataTable th.column_ngram,
table.data th.column_ngram,
table.data th.column_term {
    text-align: center;
}

table.dataTable .column_left,
table.data .column_left,
table.data .column_Left {
    padding-right: 1px;
    text-align: right;
}
table.dataTable td.column_left,
table.data td.column_left,
table.data td.column_Left {
    color: grey;
}

table.dataTable .column_right,
table.data .column_right,
table.data .column_Right {
    padding-left: 1px;
    text-align: left;
}
table.dataTable td.column_right,
table.data td.column_right,
table.data td.column_Right {
    color: grey;
}

td.classifier_type {
    width: 95px;
}

table.no-cell-borders > tbody > tr > td {
    border-top: 0;
}

table.data .empty-table {
    padding: 5px;
    line-height: 1.1;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

#item-details .titlecol {
    white-space: normal;
    max-width: 170px;
    overflow-x: hidden;
}

#item-details .valuecol {
    white-space: normal;
    max-width: 280px;
    overflow-x: hidden;
}

.exclusion_filter {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
.exclusion_type {
    width: 130px;
    min-width: 130px;
    max-width: 130px;
}
.exclusion_pattern {
    max-width: 200px; /* hack */
    overflow: hidden;
}
.exclusion_updated {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
}
.exclusion_controls {
    width: 90px;
    min-width: 90px;
    max-width: 90px;
}

.dashboard_section .company {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 2px 0;
}
.dashboard_section .company a,
.dashboard_section .company a:hover,
.dashboard_section .company a:visited {
    color: #1E4670;
    text-decoration: none;
}

.dashboard_section .listing {
    margin-top: 5px;
    font-size: 12px;
}
.dashboard_section .listing .item {
    margin-left: 2px;
    margin-bottom: 3px;
    margin-right: 10px;
    padding-bottom: 5px;
    line-height: 120%;
}
.dashboard_section .listing .date
{
    margin-right: 4px;
    color: gray;
    white-space: nowrap;
    font-size: 13px
}
.dashboard_section .listing .title {
    font-size: 14px;
    font-weight: bold;
}
.dashboard_section .listing .title a:visited {
    color: #4271A5;
}
.dashboard_section .listing .source {
    color: #316500;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px
}
.dashboard_section .listing .source a {
    text-decoration: none;
    color: #316500;
    font-size: 13px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.dashboard_section .listing .source a:visited {
    color: #316500;
}
.dashboard_section .listing .source a:hover {
    text-decoration: underline;
    font-weight: normal;
}

.chart-tooltip {
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
}

.chart-tooltip a,
.highcharts-tooltip a {
    text-decoration: none;
}

.help {
    padding: 15px;
    background-color: #f5f5f5;
    margin-bottom: 0 !important;
}

.command {
    font-family: courier;
}

.help table.parameters td {
    padding: 3px 7px;
}

#dashboard_heat_grid {
    text-align: right;
    font-size: 12px;
    margin: 0;
    border-collapse: collapse;
}
#dashboard_heat_grid th {
    margin: 0;
    padding: 5px;
    padding-top: 0;
}
#dashboard_heat_grid thead th {
    padding: 5px 20px 5px 7px;
    text-align: left;
    white-space: nowrap;
}
#dashboard_heat_grid thead th:first-child {
    text-align: right;
}
#dashboard_heat_grid tbody th {
    text-align: right;
}
#dashboard_heat_grid td {
    margin: 0;
    padding: 3px;
    border: 1px dotted silver;
    width: 4em;
}
.S5 {background-color: #f8fff8;}
.S4 {background-color: #dfd;}
.S3 {background-color: #bfb;}
.S2 {background-color: #9f9;}
.S1 {background-color: #6f6;}

.clickable {
    cursor: pointer;
}

.tablesorter-header {
    background-image: url(tablesorter/bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
.headerSortUp {
    background-image: url(tablesorter/asc.png);
    background-repeat: no-repeat;
}
.headerSortDown {
    background-image: url(tablesorter/desc.png);
    background-repeat: no-repeat;
}

.date_form_datepicker {
    width: 95px;
    padding: 0 5px;
}

.fileinput-button {
    overflow: hidden;
    position: relative;
}

.fileinput-button input {
    cursor: pointer;
    font-size: 200px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.files-container {
    margin: 20px 0;
}

.files-container .file-checkbox {
    padding-right: 5px;
}

.files-container .file-name {
    width: 250px;
    max-width: 250px;
    overflow: hidden;
}

.files-container .file-size {
    width: 120px;
    text-align: right;
}

.partially-uploaded-file {
    color: red;
}

.fully-uploaded-file {
    color: green;
}

p.username strong {
    display: inline-block;
    margin-right: 7px;
}

.timeline-table td.company-name {
    width: 500px;
    max-width: 500px;
}

.timeline-table td.bar-timeline {
    vertical-align: middle;
}

.html_counter_num_items {
    font-size: 32px;
    font-weight: bold;
}

.html_counter_text {
    font-size: 20px;
    font-weight: normal;
}

.summary-page .latest-items .column_title {
    white-space: nowrap;
    overflow: hidden;
    max-width: 1px !important;
}

.summary-page .latest-items .column_datetime {
    padding-left: 10px !important;
}

.summary-page .title-counter {
    padding: 0 20px;
}

.summary-page .title-counter h2 {
    margin-top: 5px;
    color: #333;
}

.summary-page .title-counter .html_counter_num_items {
    font-size: 60px;
    font-weight: normal;
    color: #333;
    display: block;
}

.summary-page .title-counter .html_counter_text {
    font-size: 20px;
    font-weight: normal;
    color: #666;
    display: block;
}

.summary-statistics th a {
    color: #333;
}

.summary-page .latest-items .panel-title a:hover,
.summary-statistics th a:hover {
    color: #2a6496;
}

.company-page .latest-items .column_title {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    max-width: 1px;
}

.company-page .latest-items .column_datetime {
    padding-left: 10px !important;
}

.repos-table,
.dictionaries-table {
    width: auto;
}

#import-example {
    margin-bottom: 0;
}

.view-mode-buttons,
.edit-mode-buttons,
.add-mode-buttons {
    height: 34px;
}

.atomic-popup-editor {
    position: absolute;
    width: 370px;
    min-width: 370px;
    max-width: 370px;
    padding-top: 7px;
    z-index: 100;
}
.atomic-popup-editor .panel {
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.atomic-popup-editor td {
    padding: 5px 17px !important;
}
.atomic-popup-editor.sentiment-edit {
    width: 430px;
    min-width: 430px;
    max-width: 430px;
}
.atomic-popup-editor.sentiment-edit.view-mode .field-name {
    width: 190px;
    min-width: 190px;
    max-width: 190px;
}
.atomic-popup-editor.sentiment-edit.edit-mode .field-name {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
.atomic-popup-editor.sentiment-edit.view-mode .edit-mode-col {
    width: 238px;
    min-width: 238px;
    max-width: 238px;
}
.atomic-popup-editor.sentiment-edit.edit-mode .edit-mode-col {
    width: 328px;
    min-width: 328px;
    max-width: 328px;
}
.atomic-popup-editor.keyword-edit {
    width: 430px;
    min-width: 430px;
    max-width: 430px;
}
.atomic-popup-editor .field-name,
.atomic-popup-editor .view-mode-col {
    vertical-align: top;
}
.atomic-popup-editor.keyword-edit .field-name,
.atomic-popup-editor.keyword-edit .view-mode-col {
    vertical-align: middle;
}
.atomic-popup-editor.keyword-edit .field-name {
    width: 60px;
    min-width: 60px;
    max-width: 60px;
}
.atomic-popup-editor.keyword-edit .edit-mode-col {
    width: 370px;
    min-width: 370px;
    max-width: 370px;
}
.atomic-popup-editor.aspect-edit {
    width: 394px;
    min-width: 394px;
    max-width: 394px;
}
.atomic-popup-editor.company-edit .field-name {
    min-width: 118px;
}
.atomic-popup-editor.oc-entity-popup {
    width: 430px;
    min-width: 430px;
    max-width: 430px;
}
.atomic-popup-editor.oc-entity-popup .field-name {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}
.atomic-popup-editor.oc-entity-popup .view-mode-col {
    width: 278px;
    min-width: 278px;
    max-width: 278px;
    overflow-x: hidden;
}
.atomic-popup-editor.broker-edit .field-name {
    min-width: 60px;
    max-width: 60px;
    width: 60px;
}
.atomic-popup-editor.exclusion-edit {
    width: 925px;
    min-width: 925px;
    max-width: 925px;
}
.atomic-popup-editor.exclusion-edit .field-name,
.atomic-popup-editor.exclusion-edit .view-mode-col {
    vertical-align: middle;
    min-width: 80px;
    max-width: 80px;
    width: 80px;
}
.atomic-popup-editor.exclusion-edit .exclusion-type {
    display: inline-block;
    text-align: left;
    width: 110px;
}

#google_translate_element>div {
    display: inline-block;
}

.name-country {
    color: #bbb;
}

.name-ticker {
    font-weight: bold;
}

/* results text */

.results-count {
    font-size: 24px;
    font-weight: normal;
    color: #4d4d4f;
}
.results-measure {
    font-size: 24px;
    font-weight: normal;
    color: #888;
}
.results-divider {
    font-size: 22px;
    font-weight: normal;
    color: #ccc;
}
.results-date-range {
    font-size: 14px;
    font-weight: normal;
    font-variant: small-caps;
    color: #888;
    padding-left: 12px;
}

.page-title,
.word-page-title,
.process-page-title {
    margin: 3px 0 15px 0;
    color: #428bca;
    border-bottom: 1px solid #ddd;
}

.process-page-title,
.word-page-title {
    color: #333;
}

.classifiers-dropdown {
    display: inline-block;
    padding: 0 0 2px 10px;
}

.title-category {
    color: #fb8e1e;
    padding-right: 8px;
}

.timeline-title {
    margin: 3px 0 15px 0;
    padding: 10px 5px;
    color: #444;
    background-color: #f5f5f5;
}

h3.timeline-title {
    font-size: 22px;
}

.aspect-topic {
    font-weight: normal;
    color: #e8a32b;
}

.article-page {
    background: #e8e8e8;
}
.article-page .fieldcol {
    padding-right: 30px;
}
.article-page .row .fieldcol {
    padding-right: 0;
}
.article-page .valuecol {
    width: 100%;
}
.article-page iframe {
    width: 100%;
    height: 400px;
}

table.bar-gauges {
    position: relative;  /* define containing block for absolute positioning info link */
}

table.bar-gauges .info-link {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 118px;
    top: 96px;
    border: 2px solid #428bca;
    border-radius: 12px;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    color: #428bca;
    background: #cfe2ff;
    text-decoration: none;
}

table.bar-gauges .info-link:visited,
table.bar-gauges .info-link:hover {
    color: #428bca;
    text-decoration: none;
}

/* UPLOAD PAGE */

#text-upload textarea,
#json-upload textarea,
#csv-upload textarea,
#urls-upload textarea {
    width: 800px;
    height: 220px;
}

.upload-article-tabs .article-page {
    padding: 15px 15px 0 15px;
}

.upload-table .column_rownum {
    width: 60px;
    min-width: 60px;
}
.upload-table .column_file_format {
    width: 80px;
    min-width: 80px;
}
.upload-table .column_file_name {
    width: 200px;
    min-width: 200px;
}
.upload-table .column_file_size {
    width: 60px;
    min-width: 60px;
}
.upload-table .column_title {
    width: 400px;
    min-width: 400px;
    max-width: 600px;
    white-space: nowrap;
    overflow-x: hidden;
}
.upload-table .column_word_count {
    width: 60px;
    min-width: 60px;
}
.upload-table .column_counts {
    width: 60px;
    min-width: 60px;
}
.upload-table .column_upload_progress .progress {
    width: 250px;
    min-width: 250px;
}

.upload-table .column_status_label,
.upload-table .column_upload_progress .upload-complete,
.upload-table .column_upload_progress .upload-cancelled {
    color: #666;
}

.upload-table .column_status_flag {
    width: 15px;
    min-width: 15px;
}

.upload-table .upload-success {
    font-size: 15px;
    color: green;
}

.upload-table .upload-warning {
    font-size: 15px;
    color: orange;
}

.upload-table .upload-failed {
    font-size: 15px;
    color: red;
}

.upload-table .upload-status-label {
    color: #666;
}

.upload-table .upload-status-desc {
    color: #666;
}

ul.nav.nav-pills.li {
    height: 20px;
    width: 50px !important;
}
.raw-item-page table.simple-table {
    width: initial !important;
}

.raw-item-page table.simple-table .field-name {
    color: grey;
}

/* Reports query explanations */

.explain table td {
    padding: 5px;
    vertical-align: top;
}

.explain table td pre {
    padding: 0;
    margin: 0;
    background-color: white;
    border: none;
}

.counts-table {
    width: auto !important;
}

.counts-table td {
    color: #c8cacd;
    background-color: #232f3e;
    border: none !important;
    padding: 5px 10px !important;
}

#training-form .table.data {
    margin-bottom: 10px !important;
}

a.text {
    color: #333;
}

a.word_link {
    color: inherit;
    text-decoration: none;
    font-size: 13px;
}
a.word_link:hover {
    color: #428bca;
    text-decoration: underline;
    font-size: 13px;
}

/* Timeline styles */

.timeline > li > .timeline-badge-red {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.1em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: red;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-badge-green {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.1em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: green;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-badge-orange {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.1em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: orange;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}
.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
}
.timeline > li {
    margin-bottom: 20px;
    position: relative;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}
.timeline > li:after {
    clear: both;
}
.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}
.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}
.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-badge.primary {
    background-color: #2e6da4 !important;
}
.timeline-badge.success {
    background-color: #3f903f !important;
}
.timeline-badge.warning {
    background-color: #f0ad4e !important;
}
.timeline-badge.danger {
    background-color: #d9534f !important;
}
.timeline-badge.info {
    background-color: #5bc0de !important;
}
.timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}
.timeline-body > p + p {
    margin-top: 5px;
}

/* html_table_old */

.data td, .data th {
    text-align: left;
    vertical-align: top;
    border-bottom: 1px dotted #aaa;
    padding: 0 0.5em;
}
.data tr:first-child th { /* doesn't mess with first column th elements. */
    vertical-align: bottom;
}

.ngrams-table td {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.keyword-edit .related table td {
    padding: 5px 0 !important;
    vertical-align: top;
}

.keyword-edit .related table tr:first-child td {
    padding-top: 0 !important;
}

.keyword-edit .related table tr:last-child td {
    padding-bottom: 0 !important;
}

.keyword-edit .related table td:first-child {
    padding-right: 5px !important;
}

.keyword-edit .related td:first-child {
    vertical-align: top;
}

/* Labeller */

#labeller-popup {
    padding: 5px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    background-color: white;
    background-clip: padding-box;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

#labeller-popup ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

#labeller-popup li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
#labeller-popup li > a:hover,
#labeller-popup li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

#labeller-popup li.selected > a,
#labeller-popup li.selected > a:hover,
#labeller-popup li.selected > a:focus {
    font-weight: bold;
}

#labeller-popup li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

#labeller-popup li .reminder {
    color: lightgray;
    display: inline-block;
    margin-left: 15px;
}

#labeller-popup .disable-cover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.1);
}

/* --------------------------------------------------
HIGHLIGHTING

Highlighting for labelled mentions
if hl-<label> not defined, CSS will style according to default hl-mention class alone
*/

.lightup {
    box-shadow: 0 0 5px 3px yellow;
}

.hl-mention {
    background: #ffb400;
}
.hl-mention.company {
    background: #90bae0;
}
.hl-mention.ticker {
    background: #a4adb7;
    background: #b0bec5;
    background: #609BD2;
}
.hl-mention.division_product {
    background: #9fa8da;
}
.hl-mention.company_missing {
    background: #90bae0;
    border-bottom: 2px solid #e48683;
}
.hl-mention.media {
    background: #e48683;
}
.hl-mention.exchange_index {
    background: #6c7a89;
    background: #f4f5f6;
    background: #fff;
    border-bottom: 2px solid #6c7a89;
}
.hl-mention.org {
    background: lightgrey;
    background: #bcaaa4;
    background: #d7ccc8;
}
.hl-mention.person {
    background: #ffb400;
}
.hl-mention.location {
    background: #83d37c;
}
.hl-mention.nationality {
    background: #4daf7c;
}
.hl-mention.fund {
    background: #4db6ac;
}
.hl-mention.currency {
    background: #abb7b7;
}
.hl-mention.commodity {
    background: #ffee58;
}

/* LABELS */
/* Bootstrap labels for entity/term labels like person */
/* if entity/term label not defined, CSS will style according to default label-mention class alone */

.label-mention {
    background: #ffb400;
}
.label-mention.company {
    background: #90bae0;
}
.label-mention.division_product {
    background: #9fa8da;
}
.label-mention.company_missing {
    background: #e48683;
}
.label-mention.media {
    background: #e48683;
}
.label-mention.ticker {
    background: #6c7a89;
    background: #609BD2;
}
.label-mention.exchange_index {
    background: #6c7a89;
}
.label-mention.org {
    background: lightgrey;
    background: #bcaaa4;
}
.label-mention.person {
    background: #ffb400;
}
.label-mention.location {
    background: #83d37c;
}
.label-mention.nationality {
    background: #4daf7c;
}
.label-mention.fund {
    background: #4db6ac;
}
.label-mention.currency {
    background: #abb7b7;
}
.label-mention.commodity {
    background: #ffee58;
}

/* --------------------------------------------------
Highlighting for mentions
*/

.mention.text_exclusion {
    text-decoration: line-through;
    background: lightgrey;
}
.mention.positive_sentiment {
    background: #8ccd8c;
}
.mention.positive_sentiment_pair {
    background: #8f8;
    text-decoration: underline;
}
.mention.negative_sentiment {
    background: #e48683;
}
.mention.negative_sentiment_pair {
    background: #f88;
    text-decoration: underline;
}
.mention.neutral_sentiment {
    background: lightgrey;
}
.mention.neutral_sentiment_pair {
    background: #88f;
    text-decoration: underline;
}
.mention.positive_sentiment_aspect {
    border-bottom: 2px solid #8ccd8c;
}
.mention.negative_sentiment_aspect {
    border-bottom: 2px solid #e48683;
}
.mention.neutral_sentiment_aspect {
    border-bottom: 2px solid lightgrey;
}
.mention.positive_aspect {
    border-bottom: 2px solid #8ccd8c;
}
.mention.negative_aspect {
    border-bottom: 2px solid #e48683;
}
.mention.neutral_aspect {
    border-bottom: 2px solid lightgrey;
}
.mention.keyword {
    background: yellow;
}
.mention.container {
    border-bottom: 2px solid #333;
}
.mention.company {
    background: #8db9df;
}
.mention.ticker {
    border-bottom: 2px solid #8db9df;
}
.mention.location {
    background: #83d37c;
}
.mention.nationality {
    background: #4daf7c;
}
.mention.person {
    background: #ffb400;
}
.mention.org {
    background: lightgrey;
}
.mention.exchange_index {
    border-bottom: 2px solid #6c7a89;
}
.mention.currency {
    background: #abb7b7;
}
.mention.ORG {
    border-bottom: 1px solid #8db9df;
}
.mention.PERSON {
    border-bottom: 1px solid orange;
}
.mention.GPE {
    border-bottom: 1px solid green;
}
.mention.NORP {
    border-bottom: 1px solid green;
}
.mention.oc_mention {
     border-bottom: 1px dashed #00c0c6;
}

/* an example for overlapping sentiment and keywords */
.mention.positive_sentiment.keyword {
    background: #8ccd8c;
    border-bottom: 2px solid yellow;
}
.mention.negative_sentiment.keyword {
    background: #e48683;
    border-bottom: 2px solid yellow;
}
.mention.neutral_sentiment.keyword {
    background: lightgrey;
    border-bottom: 2px solid yellow;
}

/* Highlighting for blocks */

.block.exclusion {
    text-decoration: line-through;
    background: lightgrey;
}

.block.exclusion.table {
    /* bootstrap defines global .table style, reset margin for exclusions */
    margin-bottom: 0px;
}

/*
Example of how we can refine exclusion styles for debugging, etc:

.block.exclusion.line {
    text-decoration: line-through;
    background: red;
}
*/

.block.segment {
    border-left: 6px solid #f0f4c3;
    padding-left: 10px;
}

.block.segment.transcript {
    border-left: 6px solid #ccc;
    padding-left: 10px;
}

.block.segment.pres_segment {
    border-left: 6px solid #f0f4c3;
    padding-left: 10px;
}

.block.segment.intro {
    border-left: 6px solid #eee;
    padding-left: 10px;
}

.block.segment.presentation {
    border-left: 6px solid #f0f4c3;
    padding-left: 10px;
}

.block.segment.qa_segment {
    border-left: 6px solid #f0f4c3;
    padding-left: 10px;
}

.block.segment.question {
    border-left: 6px solid #f38123;
    padding-left: 10px;
}

.block.segment.answer {
    border-left: 6px solid #84c700;
    padding-left: 10px;
}

.block.segment.item_8 {
    border-left: 6px solid #84c700;
    padding-left: 10px;
}

/* Highlighting for tester matches */
.tester-match {
    background: #f88;
}