/*-------------------------+
 | Site: NexLP             |
 | Part: Master stylesheet |
 +-------------------------*/

/* Imports
=====================================================================*/
@import 'react-bootstrap-table-all.min.css';
@import 'reset.css';
@import 'bootstrap.min.css';
@import 'bootstrap-slider.min.css';


/* Fonts
=====================================================================*/
body, input, .popover, select, textarea { font-family: "Maven Pro", Arial, sans-serif; }
#header-primary { font-family: Rubik, Arial, sans-serif; }


/* Variables
=====================================================================*/
:root {
    /* Colors */
    --blue: #3c5dc4;
    --blue-dark: #0030b1;
    --blue-light: #dde5ff;
    --blue-lightest: #eef2fd;
    --blue-trans: rgba(61, 95, 197, 0.3);
    
    --gold: #ffcf57;
    --gold-light: #ffdf8f;
    --gold-lightest: #ffefc7;
    
    --plum: #953653;
    --plum-dark: #650b34;
    --plum-darkest: #4c294c;
    --plum-light: #c15b7a;
    --plum-trans: rgba(149, 54, 83, 0.3);
    
    /* Dimensions */
    --radius: 5px;
}


/* Basics
=====================================================================*/
a { cursor: pointer; text-decoration: none; }
a, a:active, a:hover { color: var(--blue); }
a:hover { text-decoration: underline; }
body { background: #f5f5f5; height: 100%; line-height: 1.4; overflow: hidden; overflow-wrap: break-word; word-wrap: break-word; }
button { background: none; }
code { background: var(--blue-lightest); color: #000; }
em { font-style: italic; }
dl, ol, p, table, ul { margin-bottom: 1em; }
h1 { font-size: 2rem; font-weight: bold; margin: 0 0 1em; }
h2 { font-size: 1.8rem; font-weight: bold; margin: 0 0 1em; }
h3 { font-size: 1.5rem; font-weight: bold; margin: 0 0 1em; }
h4 { margin-top: 0; }
h5 { font-weight: bold; }
hr { border-top-color: rgba(0, 0, 0, 0.1); margin: 2rem 0; }
html { font-size: 14px; height: 100%; }
img { max-width: 100%; }
label { font-weight: normal; margin: 0; }
ol { list-style-type: decimal; margin-left: 2em; }
pre { background: none; border: 0; font-size: 1rem; padding: 0; font-family: inherit;}
strong { font-weight: bold; }
table { border-collapse: collapse; width: 100%; }
table p { margin: 0; }
td { border: 1px solid #ddd; }
td, th { padding: 0.7em 1em; }
th { font-weight: bold; }
ul { list-style-type: disc; margin-left: 1.5em; }


/* Layout
=====================================================================*/
#main { flex: 1 1 auto; overflow-y: auto; padding: 30px; }
#app-root, #style-wrapper { height: 100%; overflow: hidden; }
#portal-root { z-index: 999; }

/* Admin */
.admin#main { background: #f5f5f5; display: flex; flex-direction: row-reverse; overflow: hidden; padding: 12px; }

.admin-primary {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: var(--radius);
    flex: 1 1 auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 5% 10px 5%;
}

.admin-primary:after { content: ""; display: block; height: 30px; }
.admin-primary .admin-header-refresh { vertical-align: middle; font-size: 1.25rem; }

.result-alert { float: right; }
.result-alert.success { color: #3cb766; }
.result-alert.fail { color: #e60000; }
.text-fail { color: #e60000 !important; }
.text-warning { color: #d4bd26}

.admin-secondary {
    flex: 0 0 auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 15px;
    width: calc(16.86% + 20px);
}

.admin-secondary hr { margin: 1em 0; }
.admin-secondary-panel { padding: 20px; }
.no-sidebar .admin-primary { background: none; border: 0; padding-left: 10%; padding-right: 10%; }
.no-sidebar .admin-secondary { display: none; }

.admin-title-panel { background-color: #fff; margin-bottom: 30px; padding: 15px; text-align: center; }
.admin-title-panel .title { margin-bottom: 0; }
.admin-title-panel .title .text-muted { font-weight: 400; font-size: 0.85em; }

/* Add Storybook / Add Data Source / Add Insight Notification / Cluster Set */
.add-insight-notification .form-row, .add-storybook .form-row, .admin-add-datasource .form-row { align-items: center; justify-content: flex-start; margin-bottom: 10px; }
.add-insight-notification .form-field, .admin-add-datasource .form-field { max-width: 300px; margin: 0 20px; }
.add-insight-notification .form-field.card, .admin-add-datasource .form-field.card { max-width: unset; }
.admin-add-datasource .form-field-2x { max-width: 600px; margin: 0 20px; }
.delimited-datasource-clarification { color: red; display: block; padding-top: 6px; }
.add-storybook .form-label { width: 27%; }
.add-storybook .form-field { width: 37%; margin: 0 3%; }
.add-storybook .form-field-description { width: 22%; margin: 0; }
.cluster-set .form-row { align-items: center; justify-content: flex-start; margin-bottom: 10px; }
.cluster-set .form-label { width: 27%; }
.cluster-set .form-field { width: 35%; margin: 0 3%; }
.cluster-set .form-field pre { max-height: 200px; overflow-y: scroll; word-wrap: break-word; white-space: pre-wrap; }
.cluster-set .form-field-description { width: 32%; margin: 0; }
.cluster-set .sync {color:#269fc1; float: right; cursor: pointer;}
.system-errors .form-label { width: 15%; }
.system-errors .form-field { width: 82%; }

/* Breadcrumbs */
.breadcrumb { margin-left: 0; }

/* Explore */
.explore#main { background: #f5f5f5; display: flex; flex-direction: column; overflow: hidden; padding: 0; }
.explore#main #content { overflow-y: auto; }
.explore-body { display: flex; flex: 1 1 auto; overflow: hidden; }
.explore-document .explore-body { display: none; }
.explore-header { align-items: stretch; display: flex; flex: 0 0 auto; }
.explore-header-primary { display: flex; flex-direction: column; flex: 1 1 auto; justify-content: center; padding: 1rem 1.3rem 0.7rem; }
.explore-header-primary .btn-toolbar { margin: 0; }
.explore-header-secondary { background: #eaeaea; display: flex; flex-direction: column; flex: 0 0 auto; width: 343px; }
.explore-primary { display: flex; flex: 1 1 auto; flex-direction: column; order: 2; overflow-y: auto; padding: 1.3rem; }
.explore-primary .btn-toolbar { flex: 0 0 auto; }
.explore-primary .peeking { background: var(--blue-dark); }

.explore-results {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: var(--radius);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.explore-secondary { display: flex; flex: 0 0 auto; flex-direction: column; order: 1; padding-left: 1.3rem; width: 252px; }
.explore-secondary.collapsed { margin-left: -235px; }
.explore-secondary.collapsed .panels { overflow: hidden; }
.explore-tertiary { background: #d9d9d9; display: flex; flex-direction: column; flex: 0 0 auto; order: 3; width: 343px; }
.explore-tertiary.collapsed { margin-right: -330px; }
.explore-tertiary.peeking { background: var(--blue); }
.explore-tertiary.peeking .explore-summary .btn-clear:not(:disabled):not(.disabled) [class*="fa"] {
    color: rgba(255, 255, 255, 0.3);
}
.explore-tertiary.peeking .preview-header,
.explore-tertiary.peeking .preview-header a,
.explore-tertiary.peeking .preview-header [class*="fa-"] {
    color: #fff;
}
.explore-tertiary.peeking.has-header .explore-summary.peeking {
    background-color: var(--blue);   
}
.explore-tertiary.peeking.has-header .explore-tertiary-header {
    background: var(--blue-dark);
}
.explore-tertiary.peeking.has-header .explore-tertiary-header,
.explore-tertiary.peeking.has-header .explore-tertiary-header .btn-clear,
.explore-tertiary.peeking.has-header .explore-tertiary-header .btn-clear [class *= "fa-"],
.explore-tertiary.peeking.has-header .explore-tertiary-header .excerpt-tofrom {
    color: #fff;
}
.explore-tertiary.peeking.has-header .explore-tertiary-header .btn-clear {
    display: block;
    margin-bottom: 0.5em;
}
.explore-tertiary-header {
    padding: 11px 17px;
}

/* Document viewer */
<<<<<<< HEAD

#document { display: flex; flex: 1 1 auto; overflow: hidden;  }


=======
#document { display: flex; flex: 1 1 auto; overflow: hidden; position: relative;}
>>>>>>> release/3.00
#document .explore-header-secondary { width: auto; }
#document .explore-tertiary { display: flex; flex-direction: column; }
.document-primary { display: flex; flex: 1 1 100%; flex-direction: column; }
.document-secondary { background: #fff; flex: 0 0 auto; overflow-y: auto; width: 363px; }
.document-secondary.collapsed { margin-right: -350px; overflow: visible; }

/* Profile */
.profile { display: flex; left: 0; padding: 10px; position: absolute; top: 0; }
.profile.profile-expanded { background: rgba(235, 235, 235, 0.9); display: flex; height: 100%; padding: 10px; position: absolute; top: 0; width: 100%; z-index: 100; }
.profile-primary { display: flex; flex: 0 0 auto; flex-direction: column; margin-right: 15px; width: 315px; }
.profile-secondary { display: flex; flex: 1 1 auto; flex-direction: column; width: calc(100% - 330px); }
.profile-section { background: #fff; border-radius: var(--radius); flex: 0 0 auto; margin-bottom: 15px; overflow: hidden; -webkit-overflow-scrolling: touch; overflow-y: auto; }
.profile-section-minicard { overflow: visible; overflow-y: visible; }
.profile-section:last-child { margin: 0; }
.profile-section-fill { flex: 1 1 auto; }

/* Resizable */
.resizable { position: relative; }
.resize-handle { position: absolute; z-index: 100; }
.resize-handle:hover { background: rgba(0, 0, 0, 0.15); }
.resize-handle-left { left: -1px; }
.resize-handle-right, .resize-handle-left { cursor: ew-resize; height: 100%; top: 0; width: 8px; }
.resize-handle-right { right: -14px; }

/* Visualization */
.vis { display: flex; flex: 1 1 auto; overflow: hidden; position: relative; }
.vis-primary { flex: 1 1 auto; overflow-y: auto; position: relative; }
.vis-loading { background: rgba(255, 255, 255, 0.7); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.vis-loading-content { font-size: 80px; left: 50%; opacity: 0.7; position: absolute; top: 50%; transform: translate(-50%, -50%); }
.vis-secondary { border-left: 1px solid #ddd; display: flex; flex: 0 0 auto; flex-direction: column; width: 252px; }
.vis-secondary.collapsed { margin-right: -235px; }


/* Content
=====================================================================*/
/* Alerts */
.alert { border-radius: 0; border-width: 2px; padding: 20px; }
.alert h2 { font-size: 1.2rem; margin-bottom: 0.2em; }
.alert-info { background: var(--blue-lightest); border-color: var(--blue); }
.alert-inline { display: inline-block; padding: 5px 10px; }
.alert-container { position: relative; margin-bottom: 20px; }
.alert-container .alert{ margin-bottom: 0; }
.alert-warning { background: var(--gold-lightest); border-color: var(--gold); }
.btn.alert-refresh { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.panel-body .alert { padding: 10px; }

/* Announcement bar */
.announce { background: #ffc; padding: 1em 30px; }
.announce .remove { color: #000; float: right; margin-left: 1em; opacity: 0.4; padding: 0 0.3em; }
.announce .remove:hover { opacity: 1; }

/* Attachments */
.attachments-group:nth-child(n+3) { display: none; }
.attachments-group-files { display: inline; list-style: none; margin: 0; }
.attachments-group-files li { display: inline; }
.attachments-group-files li a { cursor: pointer; }
.attachments-group-files li:nth-child(n+3) { display: none; }
.attachments-group-more { display: inline; margin: 0; }
.attachments-group-title { display: inline; margin: 0; }
.attachments-group-title:after { content: ": "; }

/* Expanded */
.attachments-expanded .attachments-group { display: block; margin-bottom: 0.7em; }
.attachments-expanded .attachments-group-files { display: flex; flex-wrap: wrap; }
.attachments-expanded .attachments-group-files li { display: block; padding-right: 1em; width: 33.3%; }
.attachments-expanded .attachments-group-more { display: none; }
.attachments-expanded .attachments-group-title { display: block; font-weight: bold; }
.attachments-expanded .attachments-group-title:after { content: ""; }
.attachments-expanded .attachments-more { display: none; }

@supports (display: grid) {
    .attachments-expanded .attachments-group-files {
        display: grid;
        grid-column-gap: 20px;
        grid-row-gap: 2px;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .attachments-expanded .attachments-group-files li { padding: 0; width: auto; }
}

/* Badges */
.badge { border-radius: 0.25em; margin-left: 0.2em; padding: 3px 4px; }
.badge-cs { background: var(--blue) !important; }

/* Buttons */
.btn { flex: 1 1 auto; font-size: 1em; padding: 0.5rem 0.75rem; transition: all 0.1s ease-in-out; }
.btn:focus, .btn:active { outline: none !important; }
.btn.current { color: var(--blue); font-weight: bold; }
.btn-default { background: #fff; border-color: #ddd; color: #000; }
.btn-default:focus:not(:active) { background: #fff; color: #000; }
.btn-default:hover { background: #f5f5f5; color: #000; }
.btn-default:not(:disabled):not(.disabled) [class *= "fa-"] { color: var(--blue); }
.btn-clear { background: none; border: none; padding: 0; }
.btn-dropdown { padding: 0.5rem 0.75rem; }
.btn-clear:active, .btn-group:active .dropdown-toggle.btn-clear, .btn-group.open .dropdown-toggle.btn-clear { box-shadow: none; }
.btn-clear:not(:disabled):not(.disabled) [class *= "fa"] { color: #777; }
.btn-default.disabled, .btn-default:disabled { background: #fff; border-color: #ddd; color: #ddd; }
.btn-icon:focus { text-decoration: none; }

.btn-grid { flex-wrap: wrap; margin: 0; }

.btn-grid .btn {
    display: block;
    flex: 0 0 auto;
    margin: 0 10px 10px 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 18%;
}

@supports (display: grid) {
    .btn-grid { display: grid; grid-column-gap: 10px; grid-row-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
    .btn-grid .btn { flex: 1 1 auto; margin: 0; overflow: hidden; width: auto; }
}

.btn-highlight { background: var(--gold); color: #fff; }
.btn-highlight [class *= "fa-"] { color: #fff !important; }
.btn-label { cursor: default; padding-left: 0; }
.btn-label:active { box-shadow: none; }
.btn-link, .btn-link [class *= "fa-"] { color: var(--blue); cursor: pointer; }
.btn-link-blend { color: inherit; }
.btn-link:hover { opacity: 0.7; text-decoration: none; }
.btn-no, .btn-no:hover, .btn-no:active { background: #bf6969 !important; color: #fff !important; }
.btn-no-some, .btn-no-some:hover, .btn-no-some:active { background: rgba(191, 105, 105, 0.2) !important; }
.btn-no [class *= "fa-"] { color: #fff !important; }
.btn-on, .btn-on:hover, .btn-on:active { background: var(--blue) !important; color: #fff !important; border-color: #ddd; }
.btn-on-some, .btn-on-some:hover, .btn-on-some:active { background: var(--blue-light) !important; }
.btn-on [class *= "fa-"] { color: #fff !important; }
.btn-on:hover { opacity: 0.7; }
.btn-primary { background: var(--plum); border: 0; font-weight: bold; }
.btn-primary:focus:not(:active), .btn-primary:hover { background: var(--plum-dark); }

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background: var(--plum-light);
}

.btn-secondary { background: #a7a7a7; color: #fff; }
.btn-exclude { width: 6rem; }
.btn-sm { padding: 4px 7px 5px; line-height: 1; }
.btn-yes, .btn-yes:hover, .btn-yes:active { background: #3cb766 !important; color: #fff !important; }
.btn-yes-some, .btn-yes-some:hover, .btn-yes-some:active { background: rgba(60, 183, 102, 0.3) !important; }
.btn-yes [class *= "fa-"] { color: #fff !important; }
.results-visual-options { margin-right: 1em }

    /* Groups */
    .btn-group { display: inline-flex; flex-wrap: wrap; }
    .btn-group .btn-primary, .btn-group .btn-highlight { border: 1px solid rgba(255, 255, 255, 0.2); }
    .btn-group .btn-label:first-child, .btn-group .btn-link:first-child { padding-left: 0; }
    .btn-group.btn-group-switcher .btn { border-radius: 4px !important; }
    
    /* In headings */
    h1 .btn, h2 .btn, h3 .btn { font-size: 1rem; }
    
    /* Toolbars */
    .btn-toolbar { margin: 0 0 1rem; }
    .btn-toolbar > .btn, .btn-toolbar > .btn-group { margin-left: 0; margin-right: 1em; }
    .btn-toolbar > .btn-group.pull-right { margin-right: 0; margin-left: 1em; }
    .btn-toolbar > .btn-group .input-group { width: 13em; }
    .btn-toolbar > .btn-label:first-child, .btn-toolbar > .btn-link:first-child { padding-left: 0; }
    .btn-toolbar input.form-control, .btn-toolbar select.form-control { height: 36px; }
    .btn-toolbar a.disabled { cursor: not-allowed; }
    .btn-toolbar a.disabled [class *= "fa-"] { color: #bbb; }

/* Cards */
.card-list { flex: 1 1 auto; overflow-y: auto; position: relative; }
.card-list h3 { padding: 0 15px; }
.card-list hr { margin: 1em 0; }

.card {
    background-color: #fff;
    border: 0;
    border-radius: var(--radius);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    min-width: 0;
    transition: box-shadow 0.1s ease-in-out;
}

.card.active { border: 4px solid var(--blue); margin: -4px; }
.card.selected { background: var(--gold-lightest); }
.card-body { flex: 1 1 auto; overflow-x: visible; overflow-y: auto; padding: 1.25rem; position: relative; }
.card-body-extended { min-height: 18em; }
.card-body .card-header { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }
.card-body .btn-toolbar { margin: 0; }
.card-body .btn-toolbar [class *= "fa"] { font-size: 20px; }
.card-body.card-action { align-items: flex-end; flex: 0 0 auto; display: flex; overflow-x: visible; }
.card-body.card-action .btn { display: block; }
.card-foot { border-top: 1px solid rgba(0, 0, 0, 0.2); padding: 10px 15px; }
.card-foot .btn-toolbar { margin: 0; }
.card-deck { display: flex; flex-direction: column; flex-flow: row wrap; margin: 0 -15px; }
.card-deck .card { flex: 1 0 0%; margin: 0 15px; }
.card.card-preview:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); }
.card.card-preview:active { background: #f5f5f5; }
.card-head { flex: 0 0 auto; }
.card-head-chart { flex-basis: 230px; }
.card-mb { margin-bottom: 2rem; }
.card-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 0.5em; }
.highlight-container { margin-bottom: 1rem; }
.highlight-container .card-highlight { background-color: #ffca52; position: absolute; top: 0; left: 0; width: stretch; padding-left: 1rem; margin-bottom: 1rem; color: #fff}
.highlight-container .card-highlight-close { position: absolute; top: 0em; right: 0.5em; padding: 0; }

    /* Admin */
    .admin .card { border: 1px solid #d9d9d9; }
    
    /* Anomalies */
    .card-anomaly { border-left: 23px solid #ccc; }
    .card-anomaly.active { border-left-width: 23px; }
    
    /* Colors */
    .card-anomaly-rank-1 { background: #fffff7; border-left-color: #ffffd9; }
    .card-anomaly-rank-2 { background: #fbfef0; border-left-color: #edf8b1; }
    .card-anomaly-rank-3 { background: #f4fbf1; border-left-color: #c7e9b4; }
    .card-anomaly-rank-4 { background: #ecf7f5; border-left-color: #7fcdbb; }
    .card-anomaly-rank-5 { background: #e2f4f6; border-left-color: #41b6c4; }
    .card-anomaly-rank-6 { background: #e2f1f7; border-left-color: #1d91c0; }
    .card-anomaly-rank-7 { background: #ebf1f7; border-left-color: #225ea8; }
    .card-anomaly-rank-8 { background: #eeeff6; border-left-color: #253494; }
    
    /* Dashboard cards */
    .dashboard-cards .card { flex: 0 0 25%;  margin: 0 2% 20px 0; }
    .dashboard-cards .card-deck { flex-wrap: wrap; margin: 0; }
    .dashboard-cards .card-title { font-size: 1.42rem; }
    .dashboard-cards-modal-view { max-height: 80vh; overflow-y: auto; }
    .dashboard-cards-modal-body { min-height: 30em; }
    
    @supports (display: grid) {
        .dashboard-cards .card { flex: 1 1 auto; margin: 0; }
        .dashboard-cards .card-deck { display: grid; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(310px, 1fr)); }
    }
    
    /* Documents */
    .card-deck-documents { display: block; margin: 0 0 20px; }
    .card-deck-documents .card { margin: 0 0 15px; }
    .card-deck-documents .card-options { margin: 0 0 1em 1em; text-align: right; }
    .card-deck-documents .card-options .btn-toolbar [class *= "fa"] { font-size: 1em; }
    
    .card-deck-documents .card-options .btn-toolbar > .btn,
    .card-deck-documents .card-options .btn-toolbar > .btn-group {
        margin-left: 10px;
        margin-right: 0;
    }
    
    .card-deck-documents .card-options .btn-toolbar { align-items: center; display: flex; float: right; }
    .card-deck-documents .card-options .dropdown { float: right; clear: both; }
    .card-deck-documents .card-options .dropdown-menu { left: auto; right: 0; }
    .card-deck-documents .card-options .dropdown-menu .mute a { opacity: 1; }
    
    /* Flippable */
    .card.back { transform: rotateY(180deg); }
    .card.back, .card.front { backface-visibility: hidden; height: 100%; left: 0; position: absolute; top: 0; transition: 0.3s; width: 100%; }
    .card-flipper { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 300px; position: relative; transform-style: preserve-3d; }
    .card-flipper-container { display: flex; flex: 1 1 auto; flex-direction: column; perspective: 1000px; }
    .card-flipper-container.flip .card.back { transform: rotateY(0deg); }
    .card-flipper-container.flip .card.front { transform: rotateY(180deg); }
    .card.front { transform: rotateY(0deg); }
    
        /* Options */
        .card-options { font-size: 1rem; }
        .card-options a { color: #000; opacity: 0.2; padding: 0.3em 0.5em; }
        .card-options a:hover { opacity: 1; }
        
        /* Results */
        .card-deck-results { flex-wrap: wrap; margin: 0 0 1em; }
        .card-deck-results .card, .card-deck-results .card-flipper-container { flex: 0 0 23%; margin: 0 2% 20px 0; }
        
        @supports (display: grid) {
            .card-deck-results { display: grid; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
            .card-deck-results .card, .card-deck-results .card-flipper-container { flex: 1 1 auto; margin: 0; }
        }
    
    /* Icon cards */
    .card-deck-icons .card {
        border: 4px solid #fff;
        cursor: pointer;
        flex: 0 0 20%;
        font-size: 1.1rem;
        margin: 0 2% 20px 0;
        text-align: center;
        text-decoration: none;
    }
    
    .card-deck-icons .card.selected { background: #fff; border-color: var(--blue); }
    .card-deck-icons .card:hover { background: var(--blue-trans); }
    .card-deck-icons .card-deck { flex-wrap: wrap; margin: 0 0 1em; padding: 5px; overflow: auto; }
    .card-deck-icons-icon { color: var(--blue); display: flex; height: 50px; justify-content: center; margin: 0 auto 10px; }
    .card-deck-icons-icon [class *= "fa-"] { font-size: 3.3rem; padding: 0 5px; }
    
    @supports (display: grid) {
        .card-deck-icons .card { flex: 1 1 auto; margin: 0; }
        .card-deck-icons .card-deck { display: grid; grid-column-gap: 20px; grid-row-gap: 20px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-auto-flow: column; grid-auto-columns: minmax(150px, 1fr); }
    }
    
        /* Wide */
        .card-deck-icons-wide .card-deck { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-auto-columns: minmax(300px, 1fr); }
    
    /* Selected cards */
    .card-selected .card-foot { background: var(--blue); border: 0; border-radius: 0 0 var(--radius) var(--radius); color: #fff; }
    .card-selected .card-foot .btn-clear:not(:disabled):not(.disabled) [class*="fa"] { color: #fff; }
    
    /* Stats */
    .card-stats { list-style: none; margin-left: 0; }
    .card-stats-columns { column-count: 2; column-gap: 20px; }
    .card-stats .mute { font-size: 1rem; }
    .card-stats strong { font-size: 1.42rem; font-weight: normal; }
    
    /* Stories */
    .story { font-size: 1.2rem; }
    .story h3 { color: var(--blue); font-size: 24px; font-weight: 300; margin-bottom: 0.2em; }
    .story h3 [class *= "fa"] { color: var(--blue); }
    
    /* Term reports */
    .search-term-report {padding: 10px;}
    .search-term-report-title {margin-bottom: 10px;}
    .search-term-report-type-checkbox > span {padding-right: 10px;}

/* Changelog */
.changelog { margin: 0; }
.changelog-all { border-top: 1px solid rgba(0, 0, 0, 0.2); padding-top: 1em; }
.changelog-body { padding: 1em 0 0; }
.changelog-history { list-style: none; margin: 0 0 1em 0; max-height: 200px; overflow: auto; word-break: break-all; }
.changelog-history li { margin-bottom: 0.3em; padding-left: 1.9em; text-indent: -0.7em; }
.changelog-undo { margin-right: 0.3em; }
.changelog-head { align-items: center; display: flex; justify-content: space-between; }

/* Client list */
#nav-primary .client-list { list-style: none; margin: 0; }
#nav-primary .client-list a { display: block; padding: 0.7em 1em; }
#nav-primary .client-list a:hover { background: var(--blue); color: #fff !important; }

/* Color pickers */
.color-modal1 .modal-dialog { width: 300px; }
.color-modal2 .modal-dialog { width: 450px; }
.color-modal2 .modal-dialog .modal-body { padding: 20px 30px; }
.color-picker { width: 45%; }
.color-picker-set { display: flex; justify-content: space-between; }

    /* Hue slider */
    .hue-slider { margin-bottom: 20px; }
    .hue-slider .slider .rc-slider-handle { background: #fff; border: 1px solid #ddd; box-shadow: none; transform: translateX(-50%) translateY(-23%); }
    
    .hue-slider .slider .rc-slider-rail {
        background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
        border-radius: 2px;
        height: 12px;
    }
    
    .hue-slider .slider .rc-slider-track { display: none; }
    
    /* Preview */
    .color-preview { display: flex; align-items: center; font-size: 16px; margin-bottom: 20px; }
    .color-preview .preview-content { margin-right: 15px; padding: 2px 10px; text-transform: uppercase; }
    .color-preview .preview-content-square { padding: 10px; }

    /* Presets */
    .color-presets { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; }
    .color-preset-title { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
    
    .color-presets li {
        align-items: center;
        background: #f0f0f0;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        display: flex;
        height: 25px;
        justify-content: center;
        margin-bottom: 5px;
        width: 18%;
    }
    
    /* Shade */
    .color-shade { background: #f00; padding-bottom: 80%; position: relative; }
    .color-shade::after, .color-shade::before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
    .color-shade::after { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); }
    .color-shade::before { background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); }
    
    .color-shade-handle {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 100px;
        box-shadow: none;
        cursor: hand;
        height: 20px;
        position: absolute;
        transform: translateX(-50%) translateY(-50%);
        width: 20px;
        z-index: 1000;
    }
    
    /* Swatches Picker */
    .swatches-picker, .hue-picker, .saturation-picker { margin-bottom: 20px; }
    .swatches-picker > div > div:first-child { display: none; }
    .swatches-picker > div > div:last-child > div { overflow-y: auto !important; }
    .swatches-picker > div > div:last-child > div > div { padding: 0 !important; }
    .swatches-picker > div > div:last-child > div > div > div { width: 25px !important; }
    .swatches-picker > div > div:last-child > div > div > div > span > div { width: 25px !important; }
    .swatches-picker > div > div:last-child > div > div > div > span > div > div { margin-left: 0 !important; }
    .saturation-pointer { width: 18px; height: 18px; border-radius: 50%; transform: translate(-9px, -9px); background-color: rgb(248, 248, 248); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); }
    .saturation-picker { position: relative; width: 165px; height: 165px; }

/* Text flow */
.cols { column-gap: 30px; list-style: none; margin-left: 0; }
.cols2 { column-count: 2; }
.cols3 { column-count: 3; }
.cols4 { column-count: 4; }
.cols li, .cols p { margin: 0; }

/* Comments */
.comment { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); padding: 15px 15px 3px; }
.comment:hover { background: rgba(0, 0, 0, 0.03); }
.comment.segment-comment:hover { cursor: pointer; }
.comment.selected { background: #fff0d4; }
.comment-options { float: right; margin: 0 0 10px 10px; }

/* Cover */
.cover { background: rgba(255, 255, 255, 0.7); height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* Carousel */
.carousel-inner { padding-bottom: 30px; }
.carousel-control { color: rgba(0, 0, 0, 0.3); display: flex; flex-direction: column; font-size: 3em; justify-content: center; margin-bottom: 30px; opacity: 1; text-shadow: none; width: 100px; }
.carousel-control:hover { background: rgba(0, 0, 0, 0.3); }

.carousel-control.right {
    background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 50%);
    background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%);
    background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 );
}

.carousel-control.left {
    background: -moz-linear-gradient(left, rgba(245,245,245,1) 0%, rgba(245,245,245,0) 100%);
    background: -webkit-linear-gradient(left, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);
    background: linear-gradient(to right, rgba(245,245,245,1) 0%,rgba(245,245,245,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#00f5f5f5',GradientType=1 );
}

/* Client branding */
.client-branding { margin-bottom: 2em; }
.client-branding img { display: block; margin: 0 auto; max-height: 300px; }

/* Charts */
    /* Bullet */
    .chart-bullet { background: rgba(0, 0, 0, 0.1); border-radius: 100px; height: 7px; }
    .chart-bullet-value { background: var(--blue); border-radius: 100px; height: 100%; }
    .chart-bullet.inverted { background: rgba(255, 255, 255, 0.3); }
    .chart-bullet.inverted .chart-bullet-value { background: var(--blue); }

/* Dashboard status */
.dashboard-status { display: flex; flex-wrap: wrap; margin: 0 0 2em; text-align: center; }
.dashboard-status .mute { font-size: 1rem; }
.dashboard-status-panel { flex: 0 0 auto; margin: 0 0 20px 0; padding: 0 10px; width: calc(100% / 6); }
.dashboard-status-title { font-size: 1.42rem; }

/* Disable mask */
.disable-mask { background: rgba(0, 0, 0, 0.7); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 200; }

/* Document viewer */
.document-nav { flex: 0 0 auto; }
.document-nav-bar { border-bottom: 1px solid #ddd; padding: 4px 20px 0; }
.document-nav-bar .btn-toolbar { margin-bottom: 5px; }
.document-nav-bar-models { max-height: 115px; overflow: hidden; overflow-x: hidden; overflow-y: auto; }
.document-nav-bottom { border-bottom: 0; border-top: 1px solid #ddd; }
.document-position { font-size: 11px; margin-right: 10px; text-align: right; }
.document-position-narrow, .document-position-wide { display: block; }
.document-title { display: inline-block; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 10em; user-select: text; }
.document-nav-bar .btn-toolbar .btn-grid.cosmic-buttons-group { max-height: 90px; overflow: auto; }
.document-loader { flex: 1 1 auto; }
#document-viewer { flex: 1 1 auto; overflow-y: scroll; padding: 20px; position: relative; }
#document-viewer .card-body { overflow-y: visible; }
#document-viewer h2 { font-size: 1.2em; margin-bottom: 0.2em; }
#document-viewer .timezone-value { border-bottom: 1px dotted #333; }
#document-viewer .btn-all-receivers { margin-left: 5px; padding: 5px; outline: none; }
#document-viewer .segment-labels { margin-top: 1em; }
#document-viewer .segment-labels .label:not(:last-child) { margin-right: 3px; }
#document-viewer pre.extracted-text { white-space: pre-wrap; }
#document-viewer img.native-preview { width: 100%; }
#document-viewer .custodian-element { display: inline; }
#document-viewer .custodian-element .assumed-custodian { font-style: italic; }
#segment-assumed-custodian-popover.popover { max-width: none; }
#highlight-settings { min-width: 200px; z-index: 10; }
#highlight-settings .react-dropdown__control { border-radius: 0; border-color: #ddd; border-right: 0; }
#highlight-settings .highlight-none { color: #a7a7a7; }
#highlight-settings .highlight-selected { color: var(--blue); }
#highlight-settings .highlight-all { color: #edaa14; }

    /* User Tags panel on Document Sidebar */
    #panel-tags--body .panel-body { padding: 15px 0; }
    .document-user-tags .create-btn-container { margin: 0 15px; }
    .document-user-tags .tag-filter { padding: 0 15px; margin-bottom: 10px; }
    .document-user-tags .tag-filter .btn.clear-btn { position: absolute; right: 5px; top: 5px; outline: none; }
    .document-user-tags .error-message { margin: 0 15px 10px 15px; text-align: center; }
    .document-user-tags .tag-editor { display: flex; align-items: center; position: relative; margin: 0 15px 5px; }
    .document-user-tags .tag-editor .clear-btn { position: absolute; top: 5px; right: 75px; }
    .document-user-tags .tag-editor .done-btn { width: 70px; margin-left: 5px; }
    #segment-user-tag-popover.popover { width: 350px; }
    #segment-user-tag-popover.popover .popover-content { padding: 15px 0; }
    
    /* Comments panel on Document Sidebar */
    #panel-comments--body .panel-body { padding: 0; }
    #document-comments .create-comment-section { padding: 15px; }
    #document-comments .btn-save { margin: 10px 0; }
    #document-comments .btn-cancel { color: var(--blue); }
    #document-comments .loading-container { margin-bottom: 10px; text-align: center; }
    #segment-comments-popover.popover { width: 350px; }
    #segment-comments-popover.popover .popover-content { padding: 15px; }
    #segment-comments-popover.popover .popover-content .create-comment-section { padding: 10px 0; }
    
    /* Communicators Modal */
    .communicators-modal .modal-dialog { width: 750px; }
    .communicators-modal .react-bs-table .react-bs-container-body { max-height: calc(100vh - 400px); }
    
    /* Cosmic Groups Dropdown Modal */
    #custom-cosmic-group-modal .toggle-all-buttons { margin-bottom: 10px; }
    #custom-cosmic-group-modal .toggle-all-buttons .btn:first-child { padding-left: 0.75rem; }
    #custom-cosmic-group-modal .toggle-all-buttons .btn:disabled { color: #777; }

    /* Style highlighted terms in thread segments. */
    .segment-highlight { background-color: #ffd77f; color: #000; padding: 0.07em 0; }
    .segment-highlight.segment-highlight-active { background-color: #ffb100; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
    
    /* Segment properties */
    .segment-property { display: flex; margin-bottom: 0.5em; }
    .segment-property-title { color: #b2b2b2; flex: 0 0 6em; text-align: right; }
    .segment-property-value { flex: 1 1 auto; margin-left: 1em; }
    
    /* Segment Parts */
    .segment-part { position: relative; margin-bottom: 2px; }
    .segment-part.debug-enabled { border: 1px solid gray; }
    
    /* Segment Debug Info */
    .segment-debug-info-id { font-size: 0.8em; margin-left: 20px; }
    .segment-debug-info-type { position: absolute; top: 2px; right: 2px; color: #333; font-size: 13px; font-weight: bold; }

/* Dropdowns */
.dropdown-body { color: #000; line-height: 1.3; padding: 10px 15px; }
.dropdown-body > p:last-child { margin: 0; }
.dropdown-body .btn { float: none; }
.dropdown-body .btn-group { float: none; }
.dropdown-body .input-group { float: none; width: 13em; }
.dropdown-body-test { line-height: 1.3; padding: 10px 0px; }
.dropdown-body-test > p:last-child { margin: 0; }
.dropdown-body-test .btn { float: none; }
.dropdown-body-test .btn-group { float: none; }
.dropdown-body-test .input-group { float: none; }
.dropdown-btns { clear: both; text-align: right; }
.dropdown-btns .btn { padding: 0.5em 1.4em; }
#dropdown-bulk-update { color: #000; }
.dropdown-content { overflow-x: hidden; overflow-y: auto; }
.dropdown-foot { border-top: 1px solid #e5e5e5; }
.dropdown-head { border-bottom: 1px solid #e5e5e5; }
.dropdown-header { padding: 3px 10px; text-transform: uppercase; }
.dropdown-menu { border: 0; border-radius: var(--radius); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); font-size: 0.9rem; min-width: 240px; padding: 7px; }
.dropdown-menu > li > a { color: #000; padding-left: 10px; padding-right: 10px; white-space: normal; }
.dropdown-menu > li > a .fa-li { display: inline-block; position: static; width: 1.5em; }
.dropdown-menu > li > a [class *= "fa-"] { color: #333 !important; padding-left: 5px; padding-right: 5px; }
.dropdown-menu > li > a:hover { background: var(--blue); color: #fff !important; }
.dropdown-menu > li.disabled > a:hover { background: #fff; color: #777 !important; }
.dropdown-menu > li > a:hover [class *= "fa-"] { color: #fff !important; }
.dropdown-menu > li > a:hover .mute { color: rgba(255, 255, 255, 0.6); }
.dropdown-menu-filter { width: 425px; z-index: 201; }
.dropdown-menu-bulk-update { width: 600px; z-index: 201; }
.dropdown-menu-bulk-update .btn-toolbar { margin: 0; }
.dropdown-bulk-update-cosmic-choice { width: 180px; box-shadow: none !important; }
.dropdown-menu-comments { width: 360px; }
.dropdown-menu-comments textarea.form-control { min-height: 7em; }
.dropdown-menu-filter-date { width: 400px; z-index: 201; }
.dropdown-menu-filter-keyword { width: 600px; z-index: 201; }
.dropdown-menu-filter-keyword textarea { height: 10em; }
.dropdown-menu-models { width: 560px; }
.dropdown-menu-queues { width: 700px; }
.dropdown-toggle, .dropdown-toggle:hover { color: #000; }
.dropdown-toggle.btn-link { color: var(--blue); }
.dropdown-toggle.btn-light { color: #fff; padding: 0; }
.dropdown-toggle.btn-dark { color: #000; padding: 0; }
#saved-search-dropdown { background: none; }

    /* Precision sliders */
    .precision-group { align-items: flex-end; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 1em; }
    .precision-custom { padding-top: 10px; width: 100%; }
    .precision-header { align-items: center; }
    .precision-header .precision-less { text-align: right; }
    .precision-header .precision-primary { display: flex; justify-content: space-between; }
    .precision-header .precision-secondary .btn { font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
    .precision-label { font-weight: bold; margin-bottom: 0.3em; }
    .precision-primary { flex: 0 0 73%; }
    .precision-primary p { margin: 0; }
    .precision-secondary { flex: 0 0 22%; text-align: center; }
    .precision-secondary .btn { display: block; width: 100%; }
    
    /* Tables */
    .dropdown-menu .react-bs-table-pagination .row { margin: 0; }
    .dropdown-menu .table-paging { justify-content: space-between; }
    
    .dropdown-menu .table-paging .table-info,
    .dropdown-menu .table-paging .table-length,
    .dropdown-menu .table-paging .btn-group {
        margin: 0;
    }
    
    .dropdown-menu .table-toolbar { display: block; }
    
    /* React */
    .react-dropdown__menu { z-index: 999 !important; }
    .react-dropdown__menu-list { padding: 7px; }
    
    .react-dropdown__option:hover,
    .react-dropdown__option--is-focused,
    .react-dropdown__option--is-selected {
        background: var(--blue) !important;
        color: #fff !important;
        cursor: pointer;
    }

/* Email content */
.email-content {
    background-color: inherit;
    border: none;
    color: inherit;
    font-family: inherit;
    font-size: 16px;
    padding: 0.2em 0;
    white-space: pre-line;
    word-break: break-word;
}

.signature { color: #808080; }

/* Empty message */
.empty { color: #888; display: flex; flex-direction: column; font-size: 1.28rem; justify-content: center; min-height: 500px; text-align: center; }
.empty p { margin: 0; }
.empty-icon { display: block; font-size: 10rem; margin-bottom: 20px; opacity: 0.3; }
.empty-small { border: 2px dashed #ccc; min-height: 0; padding: 1em 1em 0; }

/* Entities */
.entity-group { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
.entity-group-head { font-size: 1em; font-weight: bold; margin: 0; padding: 1rem 0; }
.entity-group-head .fa-spinner { margin-left: 0.3em; }
.entity-group-head + .entity-group-list { margin-top: -0.5rem; }
.entity-group-head.entity-group-item { padding: 1rem; }
.entity-group-head-options { display: flex; justify-content: space-between; }
.entity-group-list { list-style: none; margin: 0; }
.entity-group-bar { width: 90% !important; display: inline-flex !important;}
.entity-group-item { align-items: center; display: flex; justify-content: space-between; padding: 0.5rem 0.6rem; position: relative; }
.entity-group-item:hover { background: rgba(0, 0, 0, 0.05); cursor: pointer; }
.entity-group-select-item:hover { background: none; cursor: default; }
.entity-group-item:hover .entity-group-item-nav { margin-right: 5px; width: 3.5em; }
.entity-group-item.selected { background: #fff; box-shadow: inset 6px 0 0 0 var(--blue); }
.entity-group-item-bar { background: var(--blue-trans); height: calc(100% - 1px); left: 0; max-width: 90%; position: absolute; top: 0; }
.entity-group-item-bar-highlight { background: var(--plum-trans); }
.entity-group-item-count { flex: 0 0 auto; padding-left: 1.3em; position: relative; }
.entity-group-item-nav { flex-wrap: nowrap; height: 1.2em; overflow: hidden; transition: all 0.1s ease-in-out; width: 0; }
.entity-group-item-nav .btn { height: 100%; padding: 0 7px; }
.entity-group-item-preview { background: rgba(237, 170, 20, 0.2); }
.entity-group-item-preview .entity-group-item-bar { opacity: 0.7; }
.entity-group-item-title { flex: 1 1 auto; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.entity-group-item > .btn { flex: 0 0 auto; margin-left: 10px; padding: 0px 6px; position: relative; text-align: right; }
.entity-group-more { margin: 0 0 0.5rem; padding: 0.5rem 0; }
.entity-group-text { padding: 0 1rem 1rem; }
.entity-groups-list { flex: 1 1 auto; overflow-y: auto; }
.entity-groups-list-head { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 1rem 0.6rem; }
.entity-groups-list-head .btn { vertical-align: baseline; }
.entity-groups-list-head h3 { font-size: 1em; margin: 0; }

#panel-entity-extraction .entity-group-head { padding: 0.5rem 0.5rem; }
#panel-entity-extraction .entity-group-head + .entity-group-list { margin: 0 -0.5rem; }
#panel-entity-extraction .entity-group-head.entity-group-item { padding: 0; }
#panel-entity-extraction .entity-group-more { margin: 0 0 0.25rem; padding: 0.25rem 1rem; }

.entity-extraction-group-head { display: flex; }
.entity-extraction-group-head .primary { flex: 0 0 auto; }
.entity-extraction-group-head .secondary { flex: 0 0 auto; }
.entity-extraction-group-head .title { flex: 1 1 auto; padding-left: 5px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.entity-extraction-group-head .sub-title { padding: 5px; color: #aaa; font-size: 0.85rem; font-weight: 400; }
.entity-extraction-group-head .dropdown-menu { width: 240px; }
/* Entity browser (in modal) */
.entities-modal .modal-dialog { max-width: 1200px; width: 85%; }
.entities-modal .modal-dialog .table-search { width: 19em; }
.entity-browser { display: flex; justify-content: space-between; }
.entity-browser-primary { flex: 1 1 auto; order: 2; padding-left: 20px; padding-right: 20px; }
.entity-browser-primary, .entity-browser-secondary { max-height: 60vh; overflow-y: auto; }
.entity-browser-secondary { flex: 0 0 250px; order: 1; padding-right: 10px; }

    /* Training Queue browser (in modal) */
    .training-queue-modal .modal-dialog { max-width: 1100px; width: 85%; }
    .training-queue-modal .modal-dialog .table-search { width: 19em; }
    .training-queue-browser { display: flex; justify-content: space-between; }
    .training-queue-browser-primary { flex: 1 1 auto; order: 2; padding-left: 20px; padding-right: 20px; }
    .training-queue-browser-primary, .training-queue-browser-secondary { max-height: 60vh; overflow-y: auto; }
    .training-queue-browser-secondary { flex: 0 0 250px; order: 1; padding-right: 10px; }
    
    /* Legend */
    .entity-legend { list-style: none; margin: 0.5em 0 0; }
    .entity-legend li { display: inline-block; margin-right: 1em; }
    .entity-legend [class *= "fa-"] { color: var(--blue); cursor: auto; }
    .entity-legend [class *= "fa-square"] { color: var(--plum); cursor: auto; }
    .entity-legend .fa-question-circle { color: #aaa; vertical-align: middle; }

/* Explore */
    /* Summary */
    .explore-summary { display: flex; flex: 1 1 auto; justify-content: space-between; padding: 5px 17px 11px; }
    .explore-summary .btn-clear:not(:disabled):not(.disabled) [class*="fa"] { color: var(--blue); }
    .explore-summary .btn-details { padding: 0.6rem 0; }
    .explore-summary .btn-details:hover { color: inherit; }
    .explore-summary p { margin-bottom: 0.3em; }
    .explore-summary.peeking { background: var(--blue-dark); color: #fff; }
    .explore-summary.peeking .btn, .explore-summary.peeking #dropdown-bulk-update { color: #fff; }
    .explore-summary.peeking .explore-summary-nav .btn-default:disabled [class*="fa"] { color: var(--blue); }
    .explore-summary.peeking .mute { color: rgba(255, 255, 255, 0.5); }
    .explore-summary-nav .btn-default:hover { opacity: 0.8; }
    .explore-summary-nav .btn-default:disabled, .explore-summary-nav .btn-default:disabled:hover { opacity: 0.3; }
    .explore-summary-primary .projected-results, .explore-summary-primary .projected-results i { color: #fff; }
    .explore-summary-secondary { text-align: right; }
    
    /* Preview */
    .explore-summary-preview {
        background: var(--blue);
        color: #fff;
        flex-direction: column;
        justify-content: center;
        position: relative;
        text-align: center;
    }
    
    .explore-summary-preview .btn-primary { background: none; border: 1px solid #fff; box-shadow: none; padding: 0.3em 2em; }
    
    .explore-summary-preview .btn-primary:not(:disabled):not(.disabled).active,
    .explore-summary-preview .btn-primary:not(:disabled):not(.disabled):active {
        background: #fff;
        color: var(--blue-dark);
    }
    
    .explore-summary-preview .cancel { opacity: 0.5; position: absolute; right: 10px; top: 5px; }
    .explore-summary-preview .cancel:hover { opacity: 1; }
    .explore-summary-preview .cancel:hover .btn { color: #fff; }
    .explore-summary-preview-total strong { display: block; font-size: 1.3rem; }
    
    /* Results summary */
    .result-types { list-style: none; margin: 0; opacity: 0.5; }
    .result-reload-text { opacity: 0.5}
    .result-reload { cursor: pointer; color: #edaa14; }
    .peeking .result-reload { color: #fff; }

/* Extractions (highlighted text) */
.segment-body-content-story::selection { background: #edaa14; color: #fff; }
.ex { padding: 0; transition: all 0.05s ease-in-out; }
.ex:hover, .ex.current:hover { box-shadow: 0 0 5px #000; margin: -0.2em; padding: 0.2em; }
.ex .ex { box-shadow: 0 0 1px 1px #fff; }
.ex.current { box-shadow: 0 0 1px 3px #000; margin-left: 3px; }
.ex-symbol { text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; cursor: default !important; }
.ex-symbol-list { position: relative; white-space: nowrap; }
.ex-symbol-list-wrapper { 
    bottom: -0.6em; 
    font-size: 0.55rem; 
    position: absolute; 
    right: -0.5em; 
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.ex-negative { text-decoration: line-through; }

/* Floats */
.fl { float: left; }
.fr { float: right; }

.flyout {
    background: var(--plum-dark);
    box-shadow: 10px 0 20px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    height: 100vh;
    left: 0;
    opacity: 0;
    overflow: auto;
    --pad: 1.9rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    transition: all 0.1s ease-in-out;
    visibility: hidden;
    width: 300px;
    z-index: 100;
}

.flyout.open { opacity: 1; transform: translateX(0); visibility: visible; }
.flyout * { margin: 0; padding: 0; }
.flyout, .flyout a { color: #fff; }
.flyout a { text-decoration: none; transition: all 0.1s ease-in-out; }
.flyout .reveal-r { color: #fff; }
.flyout-body { flex: 1 1 auto; overflow: auto; }
.flyout-close { display: inline-block; font-size: 2.05rem; line-height: 1; padding: 0.7em var(--pad); }
.flyout-content { padding: var(--pad); }
.flyout-footer, .flyout-header { flex: 0 0 auto; }

    /* Footer */
    .flyout-footer { font-size: 0.9rem; }
    .flyout-footer .flyout-content { padding-bottom: 0.5rem; }
    .flyout-footer p { margin-bottom: 1em; }
    .flyout-footer .reveal-logo { color: #fff; height: 21px; opacity: 0.5; width: 90px; }
    
    /* Navigation */
    .flyout-nav { border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-size: 1.45rem; list-style: none; }
    .flyout-nav-icon { flex: 0 0 auto; margin-right: 0.3em; text-align: center; width: 1.6em; }
    .flyout-nav-item.current { background: none; }
    .flyout-nav-item.current .flyout-nav-link { background: rgba(255, 255, 255, 0.2); color: var(--gold-light); }
    .flyout-nav-link { align-items: center; display: flex; padding: calc(var(--pad) * 0.45) var(--pad); }
    .flyout-nav-link.disabled { color: #bbb; cursor: not-allowed; }
    .flyout-nav-link.disabled [class *= "fa-"] { color: #bbb; }
    .flyout-nav-link:hover { background: rgba(255, 255, 255, 0.1); color: #fff; }
    .flyout-nav-link.disabled:hover { background: none; color: #bbb; }

/* File tiles */
.file-tile { align-items: center; display: flex; margin-bottom: 0.5em; }
.file-tile-details { flex: 0 0 auto; }
.file-tile-icon { color: var(--blue); flex: 0 0 auto; font-size: 3rem; line-height: 1.1; margin-right: 15px; }
.file-tile-props { list-style: none; margin: 0; }
.file-tile-props > li { display: inline; margin-right: 1em; }
.file-tile-props .result-alert { float: none; }

/* Forms */
    /* Alerts */
    .dropdown-body .alert { margin-bottom: 5px; margin-top: 15px; }
    
    /* Autosuggest */
    .autosuggest.dropdown {
        border: 0;
        border-radius: 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        font-size: 0.9rem;
        max-height: 60vh;
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
    }
    
    .autosuggest.dropdown .dropdown { width: 100%; }
    .react-autosuggest__section-container { border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    .react-autosuggest__section-container:last-child { border: 0; }
    .react-autosuggest__section-title { color: #b2b2b2; padding-left: 17px; padding-top: 12px; }
    .react-autosuggest__suggestion { cursor: pointer; padding: 5px 10px; }
    .react-autosuggest__suggestion--highlighted { background: var(--blue); color: #fff; }
    .react-autosuggest__suggestions-list { list-style: none; margin: 0; padding: 7px; width: 100%; }
    
    /* Checklists */
    .checklist { list-style: none; margin-left: 0; }
    .checklist [class *= "fa-"] { display: inline; }
    .checklist input { margin-right: 0.2em; }
    .checklist label { display: inline; }
    .checklist li { margin-bottom: 0.3em; padding-left: 1.2em; text-indent: -1.2em; }
    .checklist .mute { text-indent: 0; }
    .checklist.sub-list { margin-left: 1.25rem; }
    
    /* Queue checklist */
    .checklist-queue li { align-items: flex-start; display: flex; }
    .checklist-queue-actions { width: 20%; }
    .checklist-queue-info { margin-right: 1em; width: 30%; }
    .checklist-queue-title { margin-right: 1em; width: 50%; }
    
    /* Selectable (highlight entire item) */
    .checklist-selectable li { border-radius: 3px; margin-bottom: 0.3em; padding: 0.3em 0.5em 0.3em 1.7em; text-indent: -1.2em; }
    .checklist-selectable li:hover:not(.selected) { background: rgba(0, 0, 0, 0.05); cursor: pointer; }
    .checklist-selectable li:hover.disabled { background: none; cursor: default; }
    .checklist-selectable .selected { background: var(--blue); }
    .checklist-selectable .selected, .checklist-selectable .selected a, .checklist-selectable .selected .mute { color: #fff; }
    
    /* Browse */
    .checklist-browse .sortable-item { align-items: center; display: flex; justify-content: space-between; margin-bottom: 5px; }
    .checklist-browse .sortable-item .card { width: 100%; cursor: move; }
    .checklist-browse .sortable-item .card-body { padding: 0.75rem; }
    .checklist-browse-controls { flex: 0 0 auto; }
    .checklist-browse-controls > * { margin-right: 10px; }
    .checklist-browse-title { flex: 1 1 auto; overflow: hidden; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; }
    .checklist-browse-view { flex: 0 0 auto; }
    .checklist-browse-view .btn { padding: 0.2rem 0.75rem; }
    
    /* Date ranges */
    .date-range { display: flex; justify-content: space-between; margin-bottom: 15px; }
    .date-range-field { flex: 0 0 48%; }
    .date-range-field:only-child { flex: 1 1 100%; }
    .form-field .date-range {margin-bottom: 0;}
    
    /* Datepicker */
    .react-datepicker { border: 0 !important; border-radius: 0 !important; }
    .react-datepicker-popper { z-index: 999 !important; }
    .react-datepicker__portal .react-datepicker__navigation--next { border-left-color: var(--blue) !important; }
    .react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: var(--blue) !important; }
    
    .react-datepicker__day--in-range,
    .react-datepicker__day--in-selecting-range,
    .react-datepicker__day--keyboard-selected,
    .react-datepicker__day--selected {
        background-color: var(--blue) !important;
        border-radius: 0 !important;
    }
    
    .react-datepicker__day.react-datepicker__day--outside-month { color: #ccc; }
    .react-datepicker__header { border-bottom: 0 !important; }
    .react-datepicker__time-list-item--selected { background-color: var(--blue) !important; }
    
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        line-height: 2.5 !important;
        width: 2.5em !important;
    
    }
    
    .react-datepicker__portal .react-datepicker-time__header,
    .react-datepicker__portal .react-datepicker__current-month {
        font-size: 1em !important;
    }
    
    /* Input type radio and checkbox cursor*/
    input[type=checkbox], input[type=radio] { cursor: pointer; }

    .checkbox-option { cursor: pointer; }
    .checkbox-option.selected { color: #e29010; font-weight: 600; }
    
    /* Fields */
    .form-field { margin-bottom: 1em; position: relative; width: 70%; }
    .form-field.form-field-full { max-width: none; }
    .form-field p, .form-row-item { margin-bottom: 1.5em; }
    .form-field-description { margin: 0 1.5rem; width: 600px; }
    .form-label { text-align: right; width: 27%; }
    .form-label.label-top { align-self: flex-start; }
    .form-indent { text-align: right; width: 13.5%; }
    .form-row { display: flex; font-weight: normal; justify-content: space-between; margin: 0; }
    .form-row.multiline { align-items: flex-start; }
    .form-row-item .date-picker-field { display: inline-block; vertical-align: middle; }
    
        /* Multiple fields on a single line */
        .field-single-line { display: flex; margin-bottom: 0.25em; width: 60%; }
        .modal-content .field-single-line { width: 100%; }
        .field-single-line [class *= "field-"] { margin: 0; padding-right: 10px; }
        .field-single-line .txt, .field-single-line .Select { width: 100%; }
        
            /* Location fields */
            .field-single-line .field-loc-city { width: 50%; }
            .field-single-line .field-loc-state { width: 20%; }
            .field-single-line .field-loc-postal { float: right; padding-right: 0; width: 30%; }
            
            /* Multiples */
            .form-multiple-item { display: flex; margin-bottom: 1em; }
            .form-multiple-item-fields { margin-right: 1em; width: 60%; }
            .form-multiple-item-fields .txt { margin-bottom: 0.5em; }
            .form-multiple-item-fields .field-single-line { width: auto; }
            .form-multiple-item-actions { padding-top: 0.7em; }
            .form-multiple-item-label { margin-right: 1em; width: 15%; }
            .form-multiple-item-options { margin-right: 1em; padding-top: 0.7em; }
            
            /* Name fields */
                /* Full name (first/middle/last) */
                .fields-name-full .field-name-first, .fields-name-full .field-name-last { width: 40%; }
                .fields-name-full .field-name-last { float: right; padding-right: 0; }
                .fields-name-full .field-name-middle { width: 20%; }
                
                /* Long name (first/middle/last/suffix) */
                .fields-name-long .field-name-first, .fields-name-long .field-name-last { width: 30%; }
                .fields-name-long .field-name-middle, .fields-name-long .field-name-suffix { width: 20%; }
                .fields-name-long .field-name-suffix { float: right; padding-right: 0; }
                
                /* Short name (first/last) */
                .fields-name-short .field-name-first, .fields-name-short .field-name-last { width: 50%; }
                .fields-name-short .field-name-last { float: right; padding-right: 0; }
            
            /* Phone */
            .field-single-line .field-phone-number { width: 70%; }
            .field-single-line .field-phone-ext { padding-right: 0; width: 20%; }
            .field-single-line .field-phone-x { padding-top: 0.5em; text-align: center; width: 10%; }
    
    /* Filter builder */
    .filter-field { align-items: center; display: flex; margin-bottom: 5px; }
    .filter-field-inputs { display: flex; flex: 1 1 auto; }
    .filter-field-inputs input { border-radius: 0; }
    .filter-field-input-first input, .filter-field-input-first select { border-radius: 4px 0 0 4px; }
    .filter-field-input-last input, .filter-field-input-last select { border-radius: 0 4px 4px 0; }
    .filter-field-options { flex: 0 0 3em; text-align: center; }
    
    /* Form controls */
    .form-control { height: 41px; }
    .form-control-medium { display: inline-block; width: 300px; }
    .form-control-narrow { display: inline-block; text-align: center; width: 5em; }
    .form-control-narrow:is(input[type=number]) { width: 6em; }
    
    /* Input groups */
    .input-group-addon { padding: 0; }
    .input-group-addon .btn { padding: 6px 11px; }
    
    /* Input loading */
    .input-loading { padding: 8px 16px 0; position: absolute; right: 4px; z-index: 10; }
    
    /* Mapping fields */
    .map-field { background: #fff; border: 1px solid #ddd; display: flex; flex-wrap: wrap; margin-bottom: -1px; padding: 10px 20px 15px; }
    .map-field_locked { background: #fff; border: 1px solid #ddd; display: flex; margin-bottom: -1px; padding: 10px 20px 15px; }
    .map-field p { margin: 0; }
    .map-field-actions, .map-field-toggle { flex: 0 0 auto; padding-top: 1em; text-align: center; width: 4em; }
    .map-field-actions .btn-link [class*="fa-"], .map-field-toggle .btn-link [class*="fa-"] { color: #aaa; }
    .map-field-direction { flex: 0 0 auto; opacity: 0.5; padding-top: 1.5em; text-align: center; width: 5em; }
    .map-field-node { flex: 1 1 auto; }
    .map-field-node_locked { width: 40%; }
    .map-field-options { flex: 0 0 auto; width: 100%; }
    .mapped-fields { margin-bottom: 1em; }
    
    /* Option lists */
    .options-h, .options-v { list-style: none; margin: 0; }
    .options-h li, .options-v li { background: none; margin-bottom: 0.3em; padding: 0; }
    .options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
    .options-v li { margin-bottom: 0.5em; padding-left: 44px; text-indent: -21px; }
    .options-v input[type="checkbox"], .options-v input[type="radio"] { margin-right: 5px; }
    
    /* Placeholder */
    input::-moz-placeholder, textarea::-moz-placeholder { color: #666; font-style: italic; }
    input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #666; font-style: italic; }
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; font-style: italic; }
    
    /* Result count */
    .result-count .form-control { display: inline-block; text-align: center; width: 5.75em; }
    
    /* Search */
    #search { margin-bottom: 0.5em; position: relative; }
    
    .search-btn {
        background: var(--plum);
        border: 0;
        border-radius: 0 var(--radius) var(--radius) 0;
        color: #fff;
        flex: initial;
        min-width: 3em;
    }
    
    .search-btn:hover { background: var(--plum-dark); }
    .search-btn-preview { background: var(--blue); }
    .search-btn [class *= "fa-"] { color: #fff; }
    .search-clear { padding: 0.91em 0 0 0; }
    .search-group { align-items: center; display: flex; flex-wrap: wrap; }
    .search-input { align-items: center; display: flex; flex: 1 1 auto; flex-wrap: wrap; line-height: 2; overflow: hidden; padding: 10px; white-space: nowrap; }
    .search-input .dropdown > div:first-child { align-items: center; display: inline-flex; }
    .search-input .alert { white-space: normal; }
    .search-operator { margin-right: 7px; opacity: 0.5; text-transform: uppercase; }
    .search-option { flex: 0 0 3em; padding: 0.8em 0.5em 0 0; text-align: right; }
    .search-option i { vertical-align: middle; }
    #search .btn-clear:hover [class*="fa"] { color: #333; }
    .search-shim { height: 50px; }
    .search-term { background: #e8e8e8; border-radius: 3px; line-height: 1; margin-right: 7px; padding: 0.3em 0.5em; cursor: pointer; }
    .search-term > .btn { line-height: 1; }
    .search-term del { opacity: 0.5; }
    .search-term .remove { margin-left: 0.3em; vertical-align: middle; }
    .search-term-preview { background: rgba(237, 170, 20, 0.2); }
    .search-txt { border: 0; display: inline-block; height: 34px; width: 100%; }
    .search-txt-wrapper { flex: 1 1 auto; }
    .search-txt-wrapper .input-loading { padding-top: 0; position: absolute; right: 105px; z-index: 9999; }
    .search-wrapper { display: flex; height: 51px; flex-direction: row; left: 0; justify-content: space-between; position: absolute; top: 0; width: 100%; }
    
        /* Colors */
        .search-term-about { background: #BCEBBC; }
        .search-term-cluster { background: #FFE8DC; }
        .search-term-date { background: #DFD6EE; }
        .search-term-sent { background: #B8E9F7; }
        .search-term-with { background: #FFEFB9; }
        .search-term-within { background: #B9DDD8; }

        /* Expanded */
        #search.open .search-input { overflow: visible; overflow-y: auto; padding-bottom: 0; }
        #search.open .search-operator { margin-bottom: 10px; }
        #search.open .search-term { margin-bottom: 10px; white-space: nowrap; }
        #search.open .search-term:hover { background: rgba(39, 161, 194, 0.3); cursor: pointer; }
        #search.open .search-term-about:hover { background: #BCEBBC; }
        #search.open .search-term-cluster:hover { background: #FFE8DC; }
        #search.open .search-term-date:hover { background: #DFD6EE; }
        #search.open .search-term-sent:hover { background: #B8E9F7; }
        #search.open .search-term-with:hover { background: #FFEFB9; }
        #search.open .search-term-within:hover { background: #B9DDD8; }
        #search.open .search-term.deleteable { border: 1px solid #f00; }
        #search.open .search-txt { margin-bottom: 7px; }
        #search.open .search-wrapper { height: auto; z-index: 100; }
        
        /* Mini */
        .search-mini { margin-bottom: 1em; }
    
    /* Select options */
    select.form-control option[disabled] { color: #aaa; }
    
    /* Sliders */
    .slider { display: block; padding: 0 9px; }
    .rc-slider-disabled { background: none; }
    
    .rc-slider-dot {
        background: #ccc !important;
        border: 0 !important;
        height: 10px !important;
        transform: translateX(-50%) !important;
        width: 10px !important;
    }
    
    .rc-slider-dot, .rc-slider-handle {
        background: #ccc;
        border: 0;
        bottom: auto;
        margin: 0;
    }
    
    .rc-slider-dot-active { background: var(--blue) !important; border: 0; }
    
    .rc-slider-handle {
        background: var(--blue) !important;
        border: 0 !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        height: 20px;
        transform: translateX(-70%) !important;
        width: 20px;
    }
    
    .rc-slider-handle:hover { border-color: #fff; }
    .rc-slider-track { background: var(--blue) !important; }
    
    /* Slider fields */
    .slider-fields { align-items: center; display: flex; justify-content: space-between; padding-top: 30px; }
    .slider-fields-point { flex: 1 1 40%; }
    .slider-fields-point input { text-align: center; }
    .slider-to { flex: 1 1 20%; text-align: center; }
    
    /* Toggle Input */
    .toggle { align-items: center; display: flex; position: relative; }
    .toggle input { left: -9999px; margin: 0; max-height: 0; max-width: 0; opacity: 0; position: absolute; }
    .toggle input.disabled { cursor: not-allowed; }
    .toggle-inline { display: inline-block !important;}
    
    .toggle input + label {
        border-radius: 15px;
        box-shadow: inset 0 0 0px 1px #d5d5d5;
        cursor: pointer;
        display: inline-block;
        height: 30px;
        margin: 0 10px;
        position: relative;
        text-indent: -5000px;
        vertical-align: middle;
        width: 50px;
    }
    
    .toggle input + label:after {
        background: white;
        border-radius: 15px;
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
        content: "";
        display: inline-block;
        height: 30px;
        left: 0px;
        position: absolute;
        top: 0;
        -moz-transition: .25s ease-in-out;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        vertical-align: middle;
        width: 30px;
    }
    
    .toggle input + label:before {
        background: var(--blue);
        border-radius: 15px;
        content: "";
        display: inline-block;
        height: 30px;
        left: 0;
        position: absolute;
        top: 0;
        -moz-transition: .25s ease-in-out;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        vertical-align: middle;
        width: 30px;
    }
    
    .toggle input:checked + label:after { left: 20px; }
    .toggle input:checked + label:before { background: var(--blue); width: 50px; }
    
        /* Colors */
        .toggle-colored input:checked + label:before { background: none; }
        
        .toggle-neg input + label:after {
            background: #e60000;
            color: #fff;
            content: "-";
            font-size: 1.3rem;
            font-weight: bold;
            line-height: 1;
            text-indent: 0;
            text-align: center;
        }
        
        .toggle-pos input + label:after {
            background: #3cb766;
            color: #fff;
            content: "+";
            font-size: 1.3rem;
            font-weight: bold;
            line-height: 1;
            text-indent: 0;
            text-align: center;
        }
        
        /* Small toggle */
        .toggle-small input + label,
        .toggle-small input + label:before,
        .toggle-small input:checked + label::before {
            height: 20px;
            width: 35px;
        }
        
        .toggle-small input + label:after { height: 20px; width: 20px; }

/* Header */
.header { background: #fff; display: flex; justify-content: space-between; }
.header a { color: var(--plum); text-decoration: none; transition: all 0.1s ease-in-out; }
.header a:hover { opacity: 0.7; }
.header-primary, .header-secondary { flex: 1 1 auto; }
    
    /* Primary */
    .header-primary { padding: 0.9rem 0 1rem; }
    
        /* Menu toggle */
        .header .menu-toggle {
            color: rgba(0, 0, 0, 0.3);
            flex: 0 0 auto;
            font-size: 1.7rem;
            line-height: 1;
            padding: 1rem 1rem 1rem 1.15rem;
        }
        
        /* Navigation */
        .header-nav { display: flex; margin-bottom: -1rem; padding-top: 0.7rem;  }
        .header-nav a { display: inline-block; padding: 0.3rem 0.8rem 0.8rem; }
        .header-nav a:hover { background: rgba(0, 0, 0, 0.1); }
        .header-nav .current {background: none;}
        .header-nav .current a { box-shadow: inset 0 -5px 0 var(--plum); color: #000; }
        .header-nav ul { border-right: 1px solid rgba(255, 255, 255, 0.3); display: flex; list-style: none; margin:0; }
        .header-nav ul:last-child { border: 0; }
        
        /* Title */
        .header-title { align-items: center; display: flex; }
        .header-title-label { font-size: 1.575rem; line-height: 1; }
        .header-title-part { margin-right: 1rem; }
        .storybook-switcher { min-width: 20em; }
        .storybook-switcher .react-dropdown__control { min-height: 0 !important; }
        .storybook-switcher .react-dropdown__dropdown-indicator { padding: 3px !important; }
        .storybook-switcher .react-dropdown__input { margin: 0 !important; padding: 0 !important; }
        .storybook-switcher .react-dropdown__single-value { color: var(--plum) !important; }
        .storybook-switcher .react-dropdown__value-container { padding: 0 8px !important; }
        
    /* Secondary */
    .header-secondary { padding-top: 0.6rem; text-align: right; margin-right: 1rem; }
    .header-secondary .avatar { background: rgba(149, 54, 83, 0.4); margin-bottom: -0.2rem; }
    .header-secondary .avatar-link:hover .avatar { opacity: 0.7; }
    .header-secondary .avatar-secondary .avatar { background: var(--plum); color: #fff; }
    
        /* Utilities */
        .header-utilities { align-items: center; display: flex; list-style: none; justify-content: flex-end; margin: 0; }
        .header-utilities .btn, .header-utilities .btn-link, .header-utilities .btn-link [class*="fa-"] { color: var(--plum); }
        .header-utilities li { margin-left: 1rem; }
        .header-utilities .dropdown-menu li { margin-left: 0; }

/* Heading option links */
.heading-options { font-size: 1rem; font-weight: normal; margin-left: 0.5em; }

/* Icons */
.btn-primary [class *= "fa-"] { color: #fff; }
.fa-exclamation-triangle { color: var(--gold); }
.fa-square, .fa-check-square { cursor: pointer; }
.fa-question-circle { color: #aaa; cursor: pointer; }
.fa-stack-1x { font-style: normal; font-weight: bold; }
.has-comments { color: var(--blue) !important; }
.icon-color-default { color: var(--blue) !important; }
.icon-color-no { color: #bf6969 !important; }
.icon-color-seen { color: purple !important; }
.icon-color-warn { color: #edaa14 !important; }
.icon-color-yes { color: #3cb766 !important; }
.icon-custodian { color: var(--blue) !important; }
.icon-search { color: #bf6969 !important; }
.no-comments { color: rgba(0, 0, 0, 0.3) !important; }
.search-hit { color: var(--blue); }
.pos-annotation { color: rgb(0, 188, 98); }
.neg-annotation { color: rgb(255, 0, 0) ;}

    /* Stacks */
    .icon-stack { display: flex; justify-content: center; }
    .icon-stack-item:first-child { margin: 0; }
    .icon-stack-item { display: inline; margin-left: -0.7em; }

/* Inline details */
.inline-details { list-style: none; margin-left: 0; }
.inline-details li { display: inline-block; margin-right: 1rem; }

/* Legends */
.legend { margin-bottom: 20px; }
.legend:last-of-type { margin: 0; }
.legend-title { font-weight: bold; margin-bottom: 5px; }

    /* Color */
    .legend-color {
        background: linear-gradient(to right, rgba(255,255,255,1) 0%,var(--blue) 100%);
        border-radius: 100px;
        display: inline-block;
        height: 15px;
        margin: 0 0.3em;
        vertical-align: middle;
        width: 60px;
    }
    
    .legend-color-anomaly {
        background: linear-gradient(to right,
        rgba(255,255,217,1) 0%,
        rgba(237,248,177,1) 14%,
        rgba(199,233,180,1) 29%,
        rgba(127,205,187,1) 43%,
        rgba(65,182,196,1) 57%,
        rgba(29,145,192,1) 71%,
        rgba(34,94,168,1) 86%,
        rgba(37,52,148,1) 100%);
    }

    .legend-color-similarity {
        background: linear-gradient(to right,
        #fff 0%,
        var(--blue-dark) 100%);
    }
    
    /* Definitions */
    .legend-defs-item { margin-bottom: 0.5em; }
    
    /* Ranges */
    .legend-range { text-align: center; }
    .legend-range-def { align-items: center; display: flex; justify-content: center; }
    .legend-range-endpoint { flex: 0 0 auto; width: 3em; }

        /* Gradients */
        .legend-range-gradient { border-radius: 100px; flex: 1 1 auto; height: 10px; margin: 0 10px; }
        .legend-range-gradient-negative { background: linear-gradient(to right, #fceab1 0%,#ff2300 100%); }
        .legend-range-gradient-primary { background: linear-gradient(to right, #a1d9b6 0%,#4fbbc7 50%,#2360a5 100%); }
        
        /* Sizes */
        .legend-range .legend-size [class *= "legend-size"] { border-radius: 200px; }
        .legend-size { align-items: center; display: inline-flex; justify-content: center; vertical-align: middle; }
        .legend-size [class *= "legend-size"] { background: #fff; border: 1px solid var(--blue); margin-right: 2px; }
        .legend-size-s { height: 7px; width: 7px; }
        .legend-size-m { height: 11px; width: 11px; }
        .legend-size-l { height: 15px; width: 15px; }
    
    /* Symbols */
    .symbol-legend { list-style: none; margin: 0; }
    .symbol-legend .ex-symbol { width: 1.5em; }
    .symbol-legend li { margin-bottom: 0.2em; }
    .symbol-legend .visibility-toggle { display: inline-block; width: 1.5em; }
    .symbol-legend .visibility-off { color: #aaa; }

/* Labels */
.label { display: inline-block; font-size: 12px; font-weight: normal; margin-right: 0.4em; text-transform: uppercase; }
.label-default { background: var(--blue-light); color: #000; }
.label-node { align-items: center; border-radius: 100px; display: inline-flex; font-size: 1em; height: 1.5em; justify-content: center; padding: 0; width: 1.5em; }
.label-node-custodian { background: var(--blue); }
.label-node-search { background: #bf6969; }
.label-saved { color: #3cb766; }
.label-seen { background: purple; color: #fff; }
.label-seen [class *= "fa"] { color: #fff; }
.label-unsaved { background: #f00; color: #fff; padding: 0.5em 1em 0.4em; }
.label-unsaved [class *= "fa"] { color: #fff; }
.label-success { background: #3cb766; color: #fff; padding: 2px 10px; }
.label-result { margin-top: -2em; }

/* Linkchart */
.linkchart { position: relative; }

/* Merging */
.merge-primary { height: 50vh; }
.merge-secondary { height: 15vh; overflow-y: auto; }
.merge-secondary p { margin: 0%; }
#entity-picker-modal .react-autosuggest__suggestions-container { max-height: 600px; overflow: auto; }

/* Modals */
.modal-backdrop { background: #fff; }
.modal-backdrop.in { opacity: 0.4; }
.modal-body { padding: 30px; }
.modal-md .modal-dialog { max-width: 900px; width: 65%; }
.modal-content { border-radius: var(--radius); border: 0; }
.modal-footer { border: 0; padding: 0 30px 30px; }
.modal-header { border: 0; padding: 30px 30px 0; }
.modal-header .close { margin-left: 20px; }
.modal-title { font-size: 20px; font-weight: bold; }

/* For tagging in document viewer dropdown */
.models-tagging { list-style: none; margin: 0; }
.models-tagging > li { align-items: center; display: flex; margin-bottom: 10px; }
.models-tagging-actions { flex: 0 0 auto; }
.models-tagging-title { flex: 1 1 auto; overflow: hidden; padding: 0 1em 0 0; text-overflow: ellipsis; white-space: nowrap; }
.models-tagging-visibility { flex: 0 0 auto; text-align: right; }

/* Model/queue browser (in modal) */
.mq-browser { display: flex; justify-content: space-between; }
.mq-browser h2 { margin: 0 0 0.2em; }
.mq-browser h3 { border-top: 1px solid #ddd; font-weight: normal; margin: 1.1em 0 0.2em; padding-top: 0.5em; }
.mq-browser-primary { flex: 0 0 250px; padding-right: 10px; }
.mq-browser-primary, .mq-browser-secondary { max-height: 60vh; overflow-y: auto; }
.mq-browser-secondary { flex: 1 1 auto; padding-left: 20px; padding-right: 20px; }

/* Muted text */
.mute { color: #808080; font-size: 0.85rem; font-weight: normal; }
.muted-text { color: #808080; font-weight: normal; }
.mute .btn [class *= "fa-"] { color: #808080; vertical-align: top; }

/* Navigation */
#nav-primary a { display: inline-block; line-height: 1; padding: 1em; }
#nav-primary a:hover { background: #f5f5f5; }
#nav-primary .counter { background: var(--blue); border-radius: 3px; color: #fff; font-size: 0.7em; line-height: 1; margin-left: 0.2em; padding: 0.2em 0.5em; }
#nav-primary .current a { background: #fff; color: #000; box-shadow: inset 0 -5px 0 0 var(--plum); }
#nav-primary > ul { display: flex; list-style: none; margin: 0 auto; }

/* Admin */
.nav-admin-head { font-size: 0.92rem; opacity: 0.7; padding: 5px 20px 3px; text-transform: uppercase; }
.nav-admin-list { list-style: none; margin: 0; }
.nav-admin-list [class *= "fa-"] { color: var(--blue); text-align: center; width: 1.3em; }
.nav-admin-list a { border-radius: var(--radius); cursor: pointer; }
.nav-admin-list a, .nav-admin-list a:hover { color: #000; text-decoration: none; }
.nav-admin-list a:hover { background: var(--blue-trans); color: #fff; }
.nav-admin-list a:hover [class *= "fa-"] { color: #fff; }
.nav-admin-list .current { background: var(--blue); color: #fff; }
.nav-admin-list .current [class *= "fa-"] { color: #fff; }
.nav-admin-list a.disabled { color: #bbb; pointer-events: none; }
.nav-admin-list a.disabled [class *= "fa-"] { color: #bbb; }
.nav-admin-list a.disabled:hover { background: none; }
.nav-admin-list a.disabled:hover [class *= "fa-"] { color: #bbb; }
.nav-admin-list > li > a { display: block; font-size: 1.28rem; overflow: hidden; padding: 0.3em 20px; text-overflow: ellipsis; white-space: nowrap; }
.nav-admin-list > li > a.inline { display: inline-flex; }
.nav-admin-list > li > a.fr { float: right; padding: 0; }
.nav-admin-list ul { font-size: 1rem; list-style: none; margin: 0 0; }
.nav-admin-list ul a { display: block; padding: 0.5em 20px 0.5em 49px; }
.nav-admin-list > li > a.sub-link { font-size: 1rem; padding-left: 50px; }

/* Notifications */
.dropdown-notification { border-bottom: 1px solid #ddd; padding: 0.5em 1em; }
.dropdown-notification p { margin: 0; }
.dropdown-notification-actions { float: right; margin: 0 0 0 1em; }
.dropdown-notification-actions a { opacity: 0.5; margin-left: 0.5em; }
.dropdown-notification-actions a:hover { opacity: 1; }
.dropdown-notify > .dropdown-menu { padding: 0; }
.dropdown-notify > .dropdown-menu > .dropdown-head a, .dropdown-notify > .dropdown-menu > .dropdown-head a:active, .dropdown-notify > .dropdown-menu > .dropdown-head a:hover { color: var(--blue) !important; }
.dropdown-notify > .dropdown-menu > .dropdown-foot a, .dropdown-notify > .dropdown-menu > .dropdown-foot a:active, .dropdown-notify > .dropdown-menu > .dropdown-foot a:hover { color: var(--blue) !important; }
.dropdown-notify > .dropdown-toggle { font-size: 0.5em; padding: 0.45em 0.3em !important; }
.dropdown-notify > .dropdown-toggle:hover { opacity: 0.5; }

        /* Icon colors */
        .notify-icon-alert .fa-stack-2x { color: #e60000 !important; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
        .notify-icon-ok .fa-stack-2x { color: #68b263 !important; }
        .notify-icon-read .fa-stack-2x { opacity: 0.4; }
        .icon-success { color: #3cb766; }
        .icon-error { color: #e60000 }
        .icon-process { color: var(--blue); }
        .icon-waiting { color: #aaaaaa; }

        /* Statuses */
        .dropdown-notification.read { background: #f0f0f0; }
        .dropdown-notification.warning { background: rgba(191, 105, 105, 0.2); }
        
        /* Tada animation */
        @-webkit-keyframes tada {
            0% { transform: scale(1); }
            10%, 20% { transform: scale(.9) rotate(-8deg); }
            30%, 50%, 70% { transform: scale(1.3) rotate(8deg); }
            40%, 60% { transform: scale(1.3) rotate(-8deg); }
            80% { transform: scale(1) rotate(0); }
        }
        
        @keyframes tada {
            0% { transform: scale(1); }
            10%, 20% { transform: scale(.9) rotate(-8deg); }
            30%, 50%, 70% { transform: scale(1.5) rotate(8deg); }
            40%, 60% { transform: scale(2) rotate(-8deg); }
            80% { transform: scale(1) rotate(0); }
        }
        
        .faa-tada.animated,
        .faa-tada.animated-hover:hover,
        .faa-parent.animated-hover:hover > .faa-tada {
            -webkit-animation: tada 2s linear infinite;
            animation: tada 2s linear infinite;
        }

/* Panels */
.panel { border: 0; border-radius: 0; box-shadow: none; margin: 0; }
.panels { -webkit-overflow-scrolling: touch; overflow-y: auto; }
.panel-body { font-size: 0.9rem; }
.panel-body-clean { padding: 0; }
.panel-body .table-toolbar { margin-bottom: 0; }
.panel-default > .panel-heading { background: #e3e3e3; border-color: #fff; border-radius: 0; padding: 0; }
.panel-heading { align-items: center; display: flex; justify-content: space-between; }
.panel-heading .panel-options { padding: 7px 15px; text-align: right; }
.panel-title { flex: 1 1 auto; font-size: 1rem; font-weight: bold; }
.panel-title [data-toggle="collapse"] { display: block; padding: 10px 15px; }
.panel-title [data-toggle="collapse"]:active,
.panel-title [data-toggle="collapse"]:focus,

.panel-title [data-toggle="collapse"]:hover {
    color: #000;
    opacity: 0.5;
    text-decoration: none;
}

.panel-title [data-toggle="collapse"]:before { content: "\f068"; font-family: Font Awesome\ 5 Pro; margin-right: 0.2em; }
.panel-title .collapsed[data-toggle="collapse"]:before { content: "\f067"; }

    /* Insights */
    #panel-insights .card { margin-bottom: 10px; }
    
    /* Panel toggle */
    .panel-toggle { position: relative; }
    .panel-toggle .btn { color: #000; opacity: 0.5; padding: 0.2em 0.5em; position: absolute; right: 10px; top: 0; z-index: 90; }
    .panel-toggle .btn[data-dir="left"] { right: -20px; top: -1px; }
    .panel-toggle .btn:hover { background: rgba(255, 255, 255, 0.3); opacity: 1; }
    .panel-toggle.collapsed .btn { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); color: #666; opacity: 1; z-index: 90; }
    .panel-toggle.collapsed .btn[data-dir="right"] { left: -16px; right: auto; top: 25px; }
    .panel-toggle.collapsed .btn[data-dir="left"] { right: -28px; }
    .panel-toggle.collapsed.inverted .btn { color: #000; }
    
    /* Document viewer */
    #document .explore-tertiary.collapsed .panel-toggle.collapsed .btn[data-dir="right"] { left: -31px; right: auto; top: 20px; }
    
    /* Explore */
    .explore-tertiary.collapsed .panel-toggle.collapsed .btn[data-dir="right"] { left: -20px; right: auto; top: -2px; }
    .explore-tertiary.collapsed .panel-toggle.collapsed.inverted [class *= "fa-"] { color: #000 !important; }

/* Page */
.page-content { margin: 0 auto; width: 80%; }
.page-content .card-body { padding: 50px; }

/* Popovers */
.popover { font-size: 0.9rem; max-width: 460px; z-index: 10000;}
.popover .mute { font-size: 1em; }
.popover-body { max-height: 500px; overflow-y: auto; padding: 20px 20px 10px; }
.popover-button { margin-right: 10px; }
.popover-clickable-title { cursor: pointer; }
.popover-foot { border-top: 1px solid #ddd; padding: 10px 15px; }
.popover-foot .btn-toolbar { margin: 0; }
.popover-foot .btn-toolbar [class *= "fa"] { font-size: 20px; }
.popover-head-options { align-items: center; display: flex; justify-content: space-between; margin-bottom: 0.3em; }
.popover-options .popover-content { padding: 0; }
.popover-text { margin-left: 5px; word-break: break-all; }
.popover-title { background: none; border: 0; display: flex; margin: -3px 0 0.3em 0; padding: 0 20px 0 0; }
.popover-title [class *= "fa-"] { color: var(--blue); flex: 0 0 auto; font-size: 1em; margin: 3px 10px 0 0; }
.popover-title h2 { font-size: 16px; line-height: 1.4; margin: 0; }
.popover-rename { margin-top: 40px !important; }
.popover-rename-buttons { margin: 10px 0 10px 0; }
.popover-invisible-button { opacity: 0; cursor: default; }
.popover-no-button { display: none; }

.popover-pop-out-menu { 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 
    position: absolute; 
    background: #fff; 
    padding: 0 50px; 
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    font-size: 0.9rem;
    min-width: 240px;
}

.popover-centered { display: block; margin-left: 50%; width: 50%; margin-right: 50%; }
.popover-row { margin: 3px }

    /* Chart interaction */
    #chart-interaction-popover.fixed { border-radius: 0; border-width: 0 1px 1px 0; margin: 0; }
    #chart-interaction-popover.fixed .arrow { display: none !important; }
    
    /* Items */
    #popover-options hr { margin: 1em 0; }
    #popover-options .popover-item { padding: 0.3em 0.5em; }
    #popover-options .popover-item:hover { background: var(--blue); cursor: pointer; color: #fff; }
    #popover-options .popover-item.disabled { color: #777; }
    #popover-options .popover-item.disabled:hover { background-color: #fff; color: #777; cursor: not-allowed; }
    
    /* With extra menu */
    #popover-options .popover-item-menu { display: flex; padding: 0; }
    #popover-options .popover-item-menu-title { flex: 1 1 auto; padding: 0.3em 0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    #popover-options .popover-item-menu-trigger { flex: 0 0 auto; padding: 0.3em 0.5em; }
    #popover-options .popover-item-menu-trigger:hover { background: rgba(255, 255, 255, 0.5); }

    /* Highlight type */
    #popover-options .popover-item-menu-type { flex: 0 0 auto; padding: 0.3em 0.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    
    /* Security keys */
    #storybook-security-keys-popover .title { font-size: 1.5em; margin-bottom: 1em; }
    #storybook-security-keys-popover .key-text { margin: 0; }
    
    /* Tools */
    .popover-tools { padding: 0; }
    .popover-tools .btn { border: 0; }
    .popover-tools .btn-group { border-right: 1px solid #ddd; }
    .popover-tools .btn-group:last-child { border: 0; }
    .popover-tools .popover-body, .popover-tools .popover-content { padding: 0; }

/* Portals */
#portal-root > .modal {
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#portal-root > .portal { background-color: #fff; position: absolute; z-index: 9999; }

/* Preview */
#preview-list { flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; padding: 0 7px 7px; }
.preview-list { overflow-y: auto; }

    /* Excerpts */
    .excerpt { background: #f9fafd; border: 1px solid #d9d9d9; border-radius: 3px; margin-bottom: 7px; padding: 13px; transition: all 0.1s; }
    .excerpt:hover { cursor: pointer; transform: scale(1.03); }
    .excerpt.active { background: #e4eef1; box-shadow: 0 0 0 4px var(--blue) inset;}
    .excerpt.current { border-color: var(--blue); }
    .excerpt .btn { padding: 0.2em; }
    .excerpt-body { margin-bottom: 0.5em; }
    .excerpt-count { float: right; margin-left: 0.5em; opacity: 0.5; }
    .excerpt-title { font-weight: bold; }
    .excerpt-tofrom { color: var(--blue); }
    
    /* Header */
    .preview-header { min-height: 33px; padding: 7px; }
    .preview-header, .preview-header a, .preview-header [class *= "fa-"] { color: #000; }
    .preview-header .panel-toggle .btn { right: 0; top: -2px; }

/* Profiles */
.profile .card { border: 1px solid #ddd; }
.profile-summary { align-items: flex-start; display: flex; }
.profile-summary .close { color: #ddd !important; font-size: 1.1rem; opacity: 0.5; position: absolute; right: 10px; top: 10px; }
.profile.profile-expanded .profile-summary .close { display: none; }
.profile-summary-icon { color: #aaa; margin-bottom: 0.7em; }
.profile-summary-primary { flex: 0 0 auto; margin-right: 15px; text-align: center; width: 4em; }
.profile-summary-secondary { flex: 1 1 auto; width: calc(100% - 4em - 15px); }
.profile-summary-secondary h3 { margin-bottom: 0.2em; }
.profile-summary-secondary p { margin-bottom: 0.2em; }

/* Related topics */
.related-topics { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin: 0 0 1em; white-space: nowrap; }
.related-topics li { flex: 0 0 48%; margin-bottom: 1.5em; }
.related-topics li:nth-last-child(-n+2) { margin: 0; }
.related-topics p { margin-bottom: 0.5em; }

/* Resizing */
.resizing canvas { opacity: 0.7; width: 100%; }

/* Reveal logo */
.reveal-logo { color: var(--plum); display: inline-block; height: 33px; width: 140px; }
.reveal-logo svg, .reveal-r svg { height: 100%; width: 100%; }
.reveal-r { color: var(--plum); display: inline-block; height: 20px; width: 15px; }

/* Scrollable lists */
.scroll-list { max-height: 15em; overflow-x: hidden; overflow-y: auto; }
.entities-scroll-list { max-height: 25em !important;}

/* Sign in */
.signin#main { display: flex; overflow: auto; padding: 0; }
.signin-card { box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.3); width: 80%; }
.signin-card .card-body { padding: 30px 50px; }

#signin-primary {
    align-items: center;
    background: rgba(255, 255, 255, 0.3);
    display: flex;
    flex: 0 0 40%;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
}

#signin-primary .logo { margin-bottom: 20px; }
#signin-primary .logo img { width: 160px; vertical-align: top; }
#signin-primary .logo span { font-size: 40px; font-weight: bolder; letter-spacing: -4px; margin-left: 10px; }
#signin-primary .title { color: var(--plum); font-size: 25px; font-weight: normal; margin-bottom: 20px; }

#signin-secondary {
    align-items: center;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex;
    flex: 1 1 auto;
    padding: 30px;
    text-align: center;
}

#signin-secondary a { color: #edaa14; }
#signin-secondary h2 { font-size: 50px; font-weight: 300; }
#signin-secondary-content { margin: 0 auto; max-width: 620px; }
#signin-secondary-content .custom-secondary-content { color: #333; text-align: left; }
#signin-secondary-content .custom-secondary-content h1 { margin-bottom: 5px; }

/* Sliders */
.slider-handle { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }
.slider-horizontal { margin: 0 0.5em; }
.slider.slider-horizontal .slider-handle { top: -3px; }
.slider.slider-horizontal .slider-track { background: rgba(0, 0, 0, 0.4); box-shadow: none; height: 3px; }
.slider-selection { background: none; }

    /* Detail slider */
    .detail-slider .slider.slider-horizontal { width: 120px; }
    
    /* Tree map slider */
    .tree-map-slider { margin-right: 20px; }
    .tree-map-slider .tree-map-label { padding-left: 8px; font-size: 85%; font-weight: bold }
    .tree-map-slider .slider { padding: 5px 0; }
    .tree-map-option { margin-right: 15px; padding-top: 3px;}

/* Sortable */
.sortable { list-style: none; margin-left: 0; }
.sortable-handle {
    margin-right: 0.3em;
    cursor: move;
}
.sortable-item { user-select: none; }
.sortable-item .sortable-item-text { user-select: text; }
.sortable-item-dragging { z-index: 9999; }

/* Sticky elements */
.sticky { position: sticky; top: 10px; }

/* Tables */
.col-select td { background: none; }
.current { background: var(--blue-light); }
.current td { background: none; }
.react-bs-table .order .dropdown, .react-bs-table .order .dropup { display: none; }
.react-bs-table .resize-handle-right { right: 0; }
.react-bs-table table td > div { display: inline; }
.react-bs-table-container { margin-bottom: 1em; }
.row-selector [class *= "fa"] { opacity: 0.6; }
.table > tbody > tr > td .btn-link { padding-left: 0; }
.table > thead > tr > th { border-bottom-width: 1px; }

    /* Bar charts */
    .react-bs-table table td > div.table-bar { display: block; }
    .table-bar { position: relative; }
    .table-bar .table-bar-label { position: relative; }
    .table-bar .table-bar-value { background: var(--blue-trans); height: 150%; left: -5px; min-width: 2px; position: absolute; top: -25%; }
    .table-bar .table-bar-value-highlight { background: var(--blue-light); }
    
    /* Columns */
    .col-select { text-align: center; width: 1em; }
    
    /* Document table */
    .table-hover .document-row {cursor: pointer;}
    
    /* Paging */
    .table-paging { align-items: center; display: flex; }
    .table-paging .loading { margin-right: 10px; }
    .table-paging .table-info, .table-paging .table-length, .table-paging .btn-group { margin-left: 1em; }
    .table-paging .btn-group:first-child { margin: 0; }
    
    /* Search */
    .table-search { width: 20em; }
    .table-search label { display: block; }

    /* Custom table cell */
    pre.extracted-text-cell {word-wrap: break-word; white-space: pre-wrap; font: inherit; margin: 0; }

/* Tabs */
.nav-tabs {
    margin-left: 0;
    transform: translateX(0);
    transition-duration: 0.15s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.tab-content { padding: 1.25rem; }
.tabs { overflow: hidden; height: 43px; position: relative; }
.tabs-pager { align-items: center; color: #000; display: flex; height: 100%; position: absolute; top: 0; }
.tabs-pager:hover { opacity: 0.7; }

.tabs-next {
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
    padding: 0 5px 0 20px;
    right: 0;
}

.tabs-prev {
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    padding: 0 20px 0 5px;
    left: 0;
}

    /* Tabs in cards */
    .card-tabs li { float: none; margin-bottom: 0; }
    .card-tabs li.active a, .card-tabs li.active a:focus, .card-tabs li.active a:hover { border: 0; }
    
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        box-shadow: inset 0 -5px 0 0 var(--blue);
        color: var(--blue);
        font-weight: bold;
    }
    
    .card-tabs li a:focus, .card-tabs li a:hover { background: rgba(0, 0, 0, 0.05); border-color: transparent; }
    .card-tabs li a { border-radius: 0; color: #000; white-space: nowrap; }
    .card-tabs .nav-tabs { background: none; border: 0; display: flex; left: 0; position: absolute; top: 0; }
    .card-tabs .tabs-next { background: linear-gradient(to right, rgba(200,236,246,0) 0%,rgba(200,236,246,1) 50%,rgba(200,236,246,1) 100%); }
    .card-tabs .tabs-prev { background: linear-gradient(to right, rgba(200,236,246,1) 0%,rgba(200,236,246,1) 50%,rgba(200,236,246,0) 100%); }

/* Tags */
.tag-wrapper { padding: 4px 15px; }
.tag-wrapper.selected { background-color: #fff0d4; }
.tag { border-radius: 3px; padding: 5px 7px 6px 7px; }
.tag:hover { cursor: pointer; }
.tag-heading { margin-bottom: 0.7em; }
.tag-options { float: right; margin-top: -2px; }
.tag-options .dropdown-toggle [class *= "fa"] { color: inherit !important; }

/* Tasks */
.tasks .card { margin-bottom: 10px; }
#task-list-container { position: relative; }

    /* Body */
    .task-body { display: none; }
    .task-body.open { display: block; }
    .task-body pre { max-height: 200px; overflow-y: scroll; word-wrap: break-word; white-space: pre-wrap; }
    
    /* Header */
    .task-header { align-items: center; display: flex; }
    .task-header-primary { flex: 1 1 auto; margin-right: 20px; width: 31.63%; }
    .task-header-primary .card-title, .task-header-primary p { margin: 0; }
    .task-header-secondary { flex: 1 1 auto; margin-right: 20px; width: 42.58%; }
    .task-header-primary .sub-text { margin-left: 1.25rem; color: #aaaaaa; }
    .task-header-secondary .sub-text { color: #aaaaaa; }
    .task-header-tertiary { flex: 1 1 auto; text-align: right; width: 22.81%; }

    /* Steps */
    .task-step { border: 1px solid #ddd; margin-bottom: -1px; padding: 15px 20px; }
    .task-step-body { display: none; margin-top: 20px; max-height: 300px; overflow-x: hidden; overflow-y: auto; }
    .task-step-body.open { display: block; }
    .task-step-header { align-items: center; display: flex; justify-content: space-between; }
    .task-step-header .btn { padding: 0.2em 0.5em; }
    .task-step-header-secondary { text-align: right; }

/* Toolbar */
.table-toolbar { align-items: center; display: flex; justify-content: space-between; margin-bottom: 1em; }
.table-toolbar .btn { padding: 0.3em 0.7em; }
.table-toolbar-bottom { justify-content: flex-end; }

/* Tooltips */
.tooltip { font-size: 1rem; }
.tooltip.error .tooltip-inner { background: #c20000; }
.tooltip.error.bottom .tooltip-arrow { border-bottom-color: #c20000; }
.tooltip.error.left .tooltip-arrow { border-left-color: #c20000; }
.tooltip.error.right .tooltip-arrow { border-right-color: #c20000; }
.tooltip.error.top .tooltip-arrow { border-top-color: #c20000; }

/* Trends module */
.trends table { margin: 0; }
.trends a { color: inherit; display: block; }
.trends a:hover { opacity: 0.5; text-decoration: none; }
.trends .mute { color: rgba(0, 0, 0, 0.5); display: block; font-weight: normal; }
.trends .trends-btn-cell { width: 1.3em; height: 40px; }
.trends tbody th { text-align: left; width: 5em;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.trends td { font-weight: bold; }
.trends td, .trends th { border: 2px solid #fff; padding: 0.3em; text-align: center; vertical-align: middle; }

.trends-btn {
    -webkit-appearance: none;
    background: rgba(0, 0, 0, 0.1);
    border: 0;
    display: block;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
}

.trends-btn:hover { opacity: 0.7; }
.trends-btn-cell { padding: 0; position: relative; }
.trends-reverse { color: #fff; }
.trends-reverse .mute { color: rgba(255, 255, 255, 0.7); }


/* Widths
=====================================================================*/
@media screen and (max-width: 1200px) {
    #signin-primary { flex-basis: 50%; }
    .page-content { width: 100%; }
}

@media screen and (max-width: 900px) {
    .signin#main { display: block; }
}


/* Timemap Hierarchy - Do not remove */
.grandparent text {
    font-size: 0.9em;
}

rect {
    stroke: #fff;
    stroke-width: 1px;
}

rect.parent,
.grandparent rect {
    stroke-width: 3px;
}

.grandparent rect:hover {
    fill: #f5f5f5;
}

.grandparent rect,
.children-level-0 rect.parent,
.children-level-1 rect.parent {
    cursor: pointer;
    stroke: var(--blue);
    stroke-width: 0.2%;
}

.children-level-1.leaf-level rect.parent{
    cursor: default;
}

.children-level-0 rect.child, .children-level-1 rect.child {
    opacity: 1;
    stroke-width: 0.1%;
    stroke: lightgrey;
}

.children-level-0:hover rect.parent {
    opacity: 0;
}

.children-level-1 rect.parent {
    fill-opacity: 0;
}

.legend rect {
    stroke-width: 0px;
}

.legend text {
    text-anchor: middle;
    pointer-events: auto;
    font-size: 14px;
    fill: black;
}

#cosmic-report-chart .legend text {
    font-size: 30px;
}

/*.treemap-rect {
    stroke: var(--blue);
}*/

/* Time bar tooltip */
#timebar-tooltip {
    position: absolute;
    pointer-events: none;
}

/* Thread Map tooltip */
#thread-map-popover {
    z-index: 9999;
}

#thread-map-popover .arrow {
    display: none;
}

/* Visualization Full Screen */
.explore-primary:-moz-full-screen {
    width: 100%;
    height: 100%;
    background: white;
}

.explore-primary:-webkit-full-screen {
    width: 100%;
    height: 100%;
    background: white;
}

.explore-primary:fullscreen {
    width: 100%;
    height: 100%;
    background: white;
}

/* Data Source Preflight Modal */
.data-source-preflight-modal .modal-dialog .loader { margin-bottom: 15px; }
.data-source-preflight-modal .modal-dialog .expanded-warning { padding-left: 17px; }
.data-source-preflight-modal .modal-dialog .warning-highlight { background-color: rgba(200, 236, 246, 0.5); }
.data-source-preflight-modal .modal-dialog .warning-title { font-weight: bold; }
.data-source-preflight-modal .modal-dialog .user-provide-option { margin-top: -10px; margin-bottom: 10px; }

.has-error-select > * {border-color: #a94442 !important;}

.test-connection-result {display: inline-block;padding: 0.5rem 0.75rem;}

/* data processing Entity Model list */
.model-card-list {margin-left: 2.75rem;}
.model-card-list .title {color: var(--blue);font-size: 1.25rem;font-weight: bold;}
.model-card-list .title.disabled {color: #777;}
.model-card-list .card {cursor: pointer;}

/* Entity extraction search term report */
.extraction-term-report-row-error { background: #F7E2E2; }
.term-report-tooltip { display: flex; vertical-align: middle; }
.extraction-term-report-modal-config .modal-dialog { max-width: 800px; width: 85%; }

.export-notes {
    resize: vertical;
    min-height: 100px;
}

/* Chart + Gecko - Insight styles */
.insight-title { cursor: grab; display: block; font-weight: normal; padding: 7px 10px; }
.insight-title-actions { padding: 7px 10px; float: right; }
.gecko-container { cursor: pointer; display: flex; flex: 1 1 auto; font-weight: bold; }
.gecko-content, .gecko-content-small { text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; }
.gecko-content .primary-text { font-size: 4rem; transition: all 0.3s ease-out; }
.gecko-content .secondary-text { font-size: 1.5rem; transition: all 0.3s ease-out; }
.gecko-container:hover .primary-text { font-size: 5rem; }
.gecko-content-small .primary-text { font-size: 3rem; transition: all 0.3s ease-out; }
.gecko-content-small .secondary-text { font-size: 1rem; transition: all 0.3s ease-out; }
.gecko-container-small:hover .primary-text { font-size: 4rem; }

/* Schedule - fix datapicker overlay */
.date-range .input-group .form-control {z-index: 0;}

/* Experimental Settings */
.experimental-settings-spinner {
    margin: 10px;
}

/* Upload files */
.admin-add-files .form-row { align-items: center; justify-content: flex-start; margin-bottom: 10px; }
.admin-add-files .form-field { max-width: 500px; margin: 0 20px; }
.admin-add-files .form-field.card { max-width: unset; }
.admin-add-files .form-field-2x { max-width: 600px; margin: 0 20px; }
.delimited-files-clarification { color: red; display: block; padding-top: 6px; }
.upload-files-container{
    flex: 1 1 auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 5%;
}
.file-drop-content .react-fine-uploader-gallery-total-progress-bar-container {
    display: none !important;
}
.react-fine-uploader-gallery-dropzone {
    padding: 0 !important;
    max-height: 220px !important;
    min-height: 110px !important;
}
.react-fine-uploader-gallery-files {
    max-height: 220px !important;
    margin: 0 !important;
}

.react-fine-uploader-gallery-file-input-container {
    background: transparent !important;
    border: none !important;
    margin-left: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    width: 96% !important;
    min-height: 165px !important;
    max-height: 165px !important;
    cursor: pointer;
}
.file-upload-progress {
    margin-bottom: 15px;
}
.react-fine-uploader-gallery-dropzone-content {
    top: 24% !important;
}
.react-fine-uploader-gallery-file-input-container:hover {
    background: transparent  !important;
}
.file-drop-content {
    max-width: 500px !important;
}
.file-field .react-fine-uploader-gallery-file-input-container {
    border-radius: 3px !important;
    color: #FFFFFF !important;
    text-align: center !important;
    display: inline-block !important;
    position: relative !important;
    background: #fff !important;
    border:1px solid #ddd !important;
    color: #000 !important;
    font-size: 1em !important;
    padding: 0.5rem 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: auto !important;
    min-height: auto !important;
    cursor: pointer;
}
.file-field-select {
    display: flex;
    flex-wrap: wrap;
}
.file-field .react-fine-uploader-gallery-file-input-container input{
    max-height: 100% !important;
    max-width: 100% !important;
}
.has-error .react-fine-uploader-gallery-dropzone {
    border: 2px dashed #a94442;
}
.has-error .react-fine-uploader-gallery-file-input-container {
    border-color: #a94442 !important;
}
.upload-file-container-text {font-size: 24px;color:#314659; margin: 20px 0;}
.select-path-content {
    width: 100%;
    position: relative;
}
#upload-file {
    cursor: pointer;
}
.select-path-input-mask {
    width: 100%;
    height: 41px;
    position: absolute;
    left: 0;
    top:0;
    z-index: 99;
    cursor: pointer;
}
.upload-file-moda .ant-modal-body, .select-folder-modal .ant-modal-body {
    max-height: 550px;
    overflow: auto;
    padding-bottom: 0;
}
.upload-file-modal .upload-file-modal-btn{
    width: 100%;
    margin-top: 20px;
    text-align: right;
}
.upload-file-modal .react-fine-uploader-gallery-dropzone {
    max-height: 400px !important;
}
.modal-70w {
    width: 70vw;
}
.flex-vcenter {
    display: flex;
    align-items: center;
}

.tenant-switcher {
    background: rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row-reverse;
    margin: -30px -7% 10px;
    padding: 5px 7%;
}

.tenant-switcher .select-tenant-title {
    font-weight: bold;
    float: right;
    padding: 10px 5px;
}

.tenant-switcher .select-tenant {
    width: 250px;
}

.group-sub-title {
    margin: -1em 0 1em;
    font-weight: 500;
}

/*React grid layout*/
.react-grid-layout {
    position: relative;
    transition: height 200ms ease;
}
.react-grid-item {
    border-radius: var(--radius);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    transition: all 200ms ease;
    transition-property: left, top;
}

.react-grid-item.panel-default > .panel-heading { border-radius: var(--radius) var(--radius) 0 0; }

.react-grid-item.cssTransforms {
    transition-property: transform;
}
.react-grid-item.resizing {
    z-index: 1;
    will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
    transition: none;
    z-index: 3;
    will-change: transform;
}

.react-grid-item.dropping {
    visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
    border: 2px dashed var(--blue);
    transition-duration: 100ms;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.react-grid-item > .react-resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 3px;
    right: 3px;
    cursor: se-resize;
}

.react-grid-item > .react-resizable-handle::after {
    content: "";
    position: absolute;
    right: 3px;
    bottom: 3px;
    width: 5px;
    height: 5px;
    border-right: 2px solid rgba(0, 0, 0, 0.4);
    border-bottom: 2px solid rgba(0, 0, 0, 0.4);
}

.react-resizable-hide > .react-resizable-handle {
    display: none;
}

.react-resizable {
    position: relative;
}
.react-resizable-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-origin: content-box;
    box-sizing: border-box;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
    background-position: bottom right;
    padding: 0 3px 3px 0;
}
.react-resizable-handle-sw {
    bottom: 0;
    left: 0;
    cursor: sw-resize;
    transform: rotate(90deg);
}
.react-resizable-handle-se {
    bottom: 0;
    right: 0;
    cursor: se-resize;
}
.react-resizable-handle-nw {
    top: 0;
    left: 0;
    cursor: nw-resize;
    transform: rotate(180deg);
}
.react-resizable-handle-ne {
    top: 0;
    right: 0;
    cursor: ne-resize;
    transform: rotate(270deg);
}
.react-resizable-handle-w,
.react-resizable-handle-e {
    top: 50%;
    margin-top: -10px;
    cursor: ew-resize;
}
.react-resizable-handle-w {
    left: 0;
    transform: rotate(135deg);
}
.react-resizable-handle-e {
    right: 0;
    transform: rotate(315deg);
}
.react-resizable-handle-n,
.react-resizable-handle-s {
    left: 50%;
    margin-left: -10px;
    cursor: ns-resize;
}
.react-resizable-handle-n {
    top: 0;
    transform: rotate(225deg);
}
.react-resizable-handle-s {
    bottom: 0;
    transform: rotate(45deg);
}
.dataToggle[data-title]:hover:after {
/*Data Title */
 
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

#document { display: flex; flex: 1 1 auto; overflow: hidden; position: relative;}

.dataToggle[data-title]:after {
    content: attr(data-title);
    background-color: #333;
    color: #fff;
    font-size: 10px;
    font-family: Raleway;
    position: absolute;
    padding: 15px 5px;
    bottom: -1.6em;
    left: 0%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
    border-radius: 2px;
}
.dataToggle[data-title] {
    position: relative;
}

/* New styles */
/* Avatar */
.avatar {
    align-items: center;
    background: #2670bb;
    border-radius: 100%;
    color: #fff;
    display: flex;
    height: 30px;
    justify-content: center;
    position: relative;
    width: 30px;
}
            
.avatar-secondary {
    align-items: center;
    background: #2670bb;
    border: 1px solid #fff;
    border-radius: 100%;
    bottom: -30%;
    display: flex;
    font-size: 0.75em;
    height: 60%;
    justify-content: center;
    position: absolute;
    right: -10%;
    width: 60%;
}

/* Short segments */
.segment-part-short { display: flex; }
.segment-part-short .segment-actions { flex: 0 0 auto; }
.segment-part-short .segment-avatar { flex: 0 0 auto; width: 40px; }
.segment-part-short .segment-body { flex: 1 1 auto; padding: 0 1rem; }
.segment-part-short .segment-meta-info-list { align-items: flex-end; display: flex; flex-wrap: wrap; list-style: none; margin: 0 0 0.2rem; }
.segment-part-short .segment-meta-info-list > li { margin-right: 1rem; }
.segment-reactions { display: flex; flex-wrap: wrap; list-style: none; margin: 0; }
.segment-reactions > li { margin-right: 0.5rem; }

.multiChartType path.domain, .multiChartType g.tick line{
    stroke: none;
}
.multiChartType g.tick text{
    display: none;
}
.toolTipChart {
    position: absolute;
    display: none;
    min-width: 50px;
    height: auto;
    background: none repeat scroll 0 0 #f2f7f3;
    padding: 9px 14px 6px 14px;
    border-radius: 2px;
    text-align: center;
    line-height: 1.3;
    color: #060707;
    border: 1px solid #000000;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, .15);
}
.toolTipChart:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid white;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -12px;
}  
.toolTipChart span {
	font-weight: 500;
    color: #081F2C;
}
.dataToggle[data-title]:hover:after {
    /*Data Title */
     
        opacity: 1;
        transition: all 0.1s ease 0.5s;
        visibility: visible;
    }
    
    
    .dataToggle[data-title]:after {
        content: attr(data-title);
        background-color: #333;
        color: #fff;
        font-size: 10px;
        font-family: Raleway;
        position: absolute;
        padding: 15px 5px;
        bottom: -1.6em;
        left: 0%;
        white-space: nowrap;
        box-shadow: 1px 1px 3px #222222;
        opacity: 0;
        border: 1px solid #111111;
        z-index: 99999;
        visibility: hidden;
        border-radius: 2px;
    }
    .dataToggle[data-title] {
        position: relative;
    }

#training-reports-settings-dropdown ~ .dropdown-menu {
    max-height: 350px;
    overflow: auto;
}
.dataToggle[data-title]:hover:after {
    /*Data Title */
     
        opacity: 1;
        transition: all 0.1s ease 0.5s;
        visibility: visible;
    }
    
    
    .dataToggle[data-title]:after {
        content: attr(data-title);
        background-color: #333;
        color: #fff;
        font-size: 10px;
        font-family: Raleway;
        position: absolute;
        padding: 15px 5px;
        bottom: -1.6em;
        left: 0%;
        white-space: nowrap;
        box-shadow: 1px 1px 3px #222222;
        opacity: 0;
        border: 1px solid #111111;
        z-index: 99999;
        visibility: hidden;
        border-radius: 2px;
    }
    .dataToggle[data-title] {
        position: relative;
    }

#cosmic-group-report-global-modal .modal-dialog {
    width: 750px;
}