/* todo: split this file */

@import url('fonts/fonts.css');
@import url('menu.css');
@import url('video-viewer.css');
@import url('product-select.css');
@import url('chevron-breadcrumbs.css');
@import url('launchpad.css');
@import url('adas_summary.css');
@import url('tools.css');
@import url('ext-theme-extensions.css');
@import url('compare.css');
@import url('ag-charts-overrides.css');
@import url('ext-overrides.css');
@import url('login.css');
@import url('search-compare.css');
@import url('colors.css');
@import url('llm.css');
@import url('link-buttons.css');
@import url('ag-grid-overrides.css');
@import url('file-view.css');
@import url('shoelace.css');
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); */

div.app-logo {
    padding-left: 3px;
    padding-top: 2px;
    height: 41px;

    & .aklogo, & .aklogo * {
        font-size: 27px;
        font-family: 'Open Sans Condensed Bold', sans-serif;
        letter-spacing: 2px;
        text-shadow: 1px 1px 3px #111;
        font-variant: small-caps;
        line-height: 20px;
    }

    & .aklogo {
        color: #990000;

        span.second {
            color: #15428b;
        }
    }

    & .subtitle {
        font-family: 'Yantramanav Bold', sans-serif;
        font-size: 12px;
        color: #333;
        letter-spacing: 1px;
    }

    & * {
        user-select: none;
    }
}

.transparent-background,
.transparent-background > .x-panel-bwrap,
.transparent-background > .x-panel-bwrap > .x-panel-body {
    background: transparent !important;
}

input, textarea, select, button {
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

::selection {
    background-color: #1e8ac1;
    color: #fff;
}

::-moz-selection {
    /*background-color: #1e8ac1;*/
    color: #fff;
}

.progress * {
    cursor: progress;
}

.waiting * {
    cursor: wait;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

table {
    empty-cells: show;
}

td.x-table-layout-cell {
    vertical-align: top;
}

.item-list-wizard-stage td.x-table-layout-cell {
    vertical-align: middle;
}

ul {
    list-style-position: inside;
}

wbr:after {
    content: "\00200B"
}

.bold {
    font-weight: bold !important;
}

.x-small-editor .x-form-radio {
    vertical-align: middle;
}

.x-toolbar input[type=radio] {
    vertical-align: text-top;
}

.x-toolbar input[type=checkbox] {
    vertical-align: middle;
}

.x-toolbar img {
    vertical-align: text-bottom;
}

.x-panel-tbar input[type=checkbox] {
    vertical-align: middle;
}

.vehicle-text {
    font-size: 10px;
}

/* for keyboard shortcut hints */
.keys-hint {
    vertical-align: top;
    line-height: 24px;
}

.keys-hint img {
    vertical-align: top;
    height: auto;
}

.frame-panel-style .document-detail-link {
    color: #15428b;
}

.document-detail-link {
    color: #184b9e;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
}

.document-detail-link:hover {
    color: #ff6600;
    text-decoration: underline;
    cursor: pointer;
    font-size: 13px;
}

.document-name-link {
    color: #184b9e;
    font-size: 1.08em;
    cursor: pointer;
    text-decoration: none;
}

.document-name-link:hover {
    color: #ff6600 !important;
    text-decoration: underline;
}

.js-link {
    color: #184b9e;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

.js-link:hover {
    color: #ff6600 !important;
    text-decoration: underline;
    cursor: pointer;
}

.link {
    color: #184b9e;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
}

.link-visited {
    color: #9E1876 !important;
}

.link-loading {
    cursor: wait !important;
}

.link:hover {
    color: #ff6600;
    text-decoration: underline;
    cursor: pointer;
}

.photo-album-empty-text {
    text-align: center;
    font-size: 10pt;
}

.photo-album-empty-text img {
    vertical-align: bottom;
}

.template-slot-browser {
    vertical-align: top;
    text-align: center;
}

.x-tree-node .match-node {
    /* background-color: #ffff80; */
    /* background-color: #a8ffa8; */
    background-color: #90c0ff;
    /* font-weight: bold !important; */
}

.x-tree-node .bad-node .x-tree-node-anchor span {
    color: #f00 !important;
}

.x-tree-node .match-node.x-tree-selected {
    /* background-color: #ffff80; */
    /* background-color: #66ff66; */
    background-color: #6c90bf;
    /* font-weight: bold !important; */
}

.x-tree-node .match-node.x-tree-node-over {
    /* background-color: #84c884; */
    background-color: #89b6f2;
    /* font-weight: bold !important; */
}

.x-tree-node .match-node.x-tree-node-over.x-tree-selected {
    /* background-color: #4dff4d; */
    background-color: #6586b3;
    /* font-weight: bold !important; */
}

.report-highlight {
    background-color: #ffff80;

    & td {
        font-weight: bold;
    }

    & .x-grid3-row-over {
        background: linear-gradient(#ffff80, #ffff00) !important;
    }

    & .x-grid3-row-selected {
        background-image: none !important;
        background-color: #fff800 !important;
    }
}

.criteria-label {
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0 !important;
}

.criteria-label-padded {
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin-top: 1px;
    margin-left: 2px;
    margin-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: block;
}

.criteria-input-field {
    margin-left: 2px;
    margin-right: 2px;
}

.criteria-label-padded-extra {
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin-top: 5px;
    margin-left: 2px;
    margin-right: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.criteria-comment-wrap {
    /*float:left;*/
    padding: 0;
    margin: 3px 0 0 0;
    overflow: hidden;
    zoom: 1;
}

.field-criteria-editor div {
    vertical-align: middle;
}

.field-criteria-editor label {
    vertical-align: middle;
    padding-top: 2px;
}

.filter-view .model-list .x-grid3, .filter-view .model-list .x-grid3-viewport {
    height: 100% !important;
}

.grid-listbox .x-grid3-scroller {
    border-radius: 2px;
}

/*.ext-safari .field-criteria-editor label {
  vertical-align: middle;
  height: 24px;
}*/


.field-criteria-editor select {
    height: 22px;
}

.mzr-borderradius .field-criteria-editor select {
    border-radius: 2px;
    background: linear-gradient(0deg, #ccc, #fff);
}

.mzr-borderradius .field-criteria-editor select:active {
    background: linear-gradient(0deg, #fff, #bbb);
}

.ext-safari .field-criteria-editor select {
    /* height: 20px; */
}

.criteria-comment-wrap .x-table-layout-cell {
    vertical-align: middle;
}

.relevance-bar {
    height: 10px;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
}

/*.queryviewer-toolbar-gap {
  width: 80px !important;
}

.photoalbum-toolbar-gap {
  width: 50px !important;
}*/

.grid-click-widget.data-status {
    cursor: default;
}

.grid-click-widget.data-status.clickable {
    cursor: pointer;
}

.x-tip table.health-summary {
    width: 100%;
    border-spacing: 2px;
    border: 1px solid #777;
    border-collapse: collapse;
}

.x-tip table.health-summary th,
.x-tip table.health-summary td {
    border: 1px dotted #777;
    padding: 1px 2px;
}

.x-tip table.health-summary th {
    font-weight: bold;
}

.x-tip table.health-summary td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
}

.grid-click-widget {
    cursor: pointer;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    margin-right: 1px;
}

.clickable, .clickable * {
    cursor: pointer !important;
}

.zoomable {
    cursor: zoom-in;
}

.search-thumbnail {
    cursor: pointer;
}

.video-poster {
    position: relative;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.video-poster .thumb-img {
    width: 100%;
    height: auto;
}

.video-poster .overlay {
    height: 100%;
    width: 100%;
    opacity: 0.6;
    transition: .3s ease;
    background-color: transparent;
}

.video-poster:hover .overlay {
    opacity: 1;
}

.video-poster .play-icon {
    color: #02a0e7;
    font-size: 40px;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
}

.image-outline {
    cursor: zoom-in;
    border: 1px solid black;
}

.getting-started {
    font-size: 1.1em;

    & div {
        margin-top: 4px;
    }

    & .animation img {
        border: 1px solid #15428b;
    }
}

.getting-started-container {
    margin-bottom: 8px;
    width: 1070px;
    display: inline-block;

    & .header img {
        vertical-align: bottom;
    }
}

.how-to-text {
    font-size: 8pt;
}

.small-text {
    font-size: 8pt;
}

.x-grid3 td .document-viewer-table td {
    padding-left: 0;
    padding-right: 4px;
}

.document-viewer-image-column {
    text-align: left;
}

.document-viewer-title-column {
    vertical-align: text-top;
    /* white-space: normal !important;
  overflow: visible !important;*/
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -o-text-overflow: clip !important;
}

.document-context {
    white-space: normal;
    overflow: visible;
    display: inline-block;
    /* color: #666666; */
    max-width: 100ch;
}

.temperature {
    font-size: 18px;
    font-weight: bold;
    vertical-align: top;
}

.weather-portlet img {
    max-height: 40px;
}

.forecast {
    font-size: 14px;
    vertical-align: top;
}

.forecast-current table {
    font-size: 14px;
}

.weather-portlet .forecast-current img {
    max-height: 64px;
}

.weather-portlet a {
    font-weight: bold;
    line-height: 19px;
}

.news-secondary {
    color: #999999;
    font-size: 12px;
}

.hidden-item {
    display: none !important;
}

.empty-text {
    color: #777;
    padding: 4px;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 100%;
    font-size: 12px;
}

.empty-text > div {
    padding: 4px;
}

.toggled-off {
    display: none !important;
}

.template-search-row {
    border-bottom-style: dotted;
    border-bottom-color: #cccccc;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ffffff;
    padding: 5px;
    border-left-style: solid;
    border-left-color: #ffffff;
    border-left-width: 1px;
}

.portal-column-outline {
    border-right-style: dotted;
    border-right-width: 1px;
    border-right-color: #179bff;
}

.portal-header {
    font: bold 18px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    /* background-color: #dfe8f6 !important; */
}

.download-form-radio {
    font: normal 12px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    /* margin-top: 0px !important;
  margin-bottom: 4px !important; */
    margin-bottom: 4px !important;
}

.radio-small {
    font: bold 13px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
    margin-left: 4px;
    margin-right: 4px;
}

.radio-large {
    font: bold 15px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif !important;
}

.images-header {
    color: #15428b;
    font-size: 14pt;
    text-align: center;
}

.image-center {
    text-align: center;
}

.file-detail-panel {
    font-size: 12px;
    background: white;
    padding: 4px;
    max-height: 300px;
    overflow: auto;
}

.file-detail-body {
    padding: 4px;
}

.file-detail-subtitle {
    padding-top: 4px;
    font-style: italic;
    color: #999;
    font-size: 10px;
}

.file-detail {
    font: normal 10px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top !important;
    padding: 4px;
}

.file-assoc-body {
    background-color: #c1cce3;
}

.file-detail .odd {
    background-color: #eeeeee;
}

.file-detail-label {
    font: normal 12px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #cedbf2;
    vertical-align: top !important;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    width: 120px;
    float: left;
}

.file-detail-context {
    font: normal 12px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #cedbf2;
    font-weight: bold;
    vertical-align: top !important;
    border: 1px solid #aaa;
}

.file-detail-data {
    font: normal 12px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
    vertical-align: top;
}

.file-assoc {
    background-color: yellow !important;
}

.file-detail-unformatted-btn {
    text-decoration: underline;
    color: #184b9e !important;
}

.cache_link {
    color: #184b9e;
}

.suggestion {
    font: normal 12px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff !important;
    cursor: default;
    padding: 1px 1px;
    border: 1px solid transparent;
    text-overflow: ellipsis;
    overflow: hidden;
}

.clear-history-panel {
    font: normal 11px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff !important;
    color: #0000ff;
    cursor: pointer;
    text-align: right;
    text-decoration: underline;
}

.nonmatch {
    font: normal 12px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff !important;
    color: #aaa;
    cursor: default;
    padding: 1px 1px;
    border: 1px solid transparent;
    text-overflow: ellipsis;
    overflow: hidden;
}

.suggestion-highlight .suggestion {
    background-color: #cedbf2 !important;
    cursor: pointer;
    border: 1px dotted #a7b0e7;
}

.suggestion-trigger-ie {
    padding-top: 0 !important;
    border: 1px solid;
    cursor: default;
    top: -2px !important;
}

.add-vehicle-toolbar {
    vertical-align: middle !important;
}

.related-images-row {
    overflow: scroll;
    /*display: table-cell;
  vertical-align: bottom;
  overflow: scroll;
  overflow-y: auto;
  overflow-x: scroll;*/
    position: relative;
}

.related-images-div {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: top;
    padding-bottom: 19px;
    /*overflow: auto;*/
    overflow-y: visible;
    overflow-x: auto;
    position: relative;
}

/*.imageGrid .x-grid3-cell-inner {
  overflow: hidden; /* was auto !important, caused scrollbars in chrome
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}*/

.attachments-row {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: top;
    padding-bottom: 19px;
    /*overflow: auto;*/
    overflow-y: visible;
    overflow-x: auto;
}

.gwt-Image-highlight {
    padding: 1px;
    border: 2px solid #06f;
}

.button-header {
    font-size: 14px;
    font-weight: bold;
    margin-top: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 240px;
    /* font-family: 'Alata', 'Noto Sans'; */
}

.button-body {
    font-size: 11px;
    white-space: normal !important;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 100px;
}

.associations-label {
    font-weight: bold;
    font-size: 11px;
    font-style: normal;
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #999999 !important;
}

.associations-area {
    overflow: auto;
    width: 100%;
    line-height: 14px;
    padding: 1px 0;

    & .entity-name {
        font-weight: bold;
        font-size: 12px;
    }
}

.image-viewer-caption {
    background: #dfe8f6 !important;
    text-align: center;
    font: normal 11px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.leadership-diff {
    background-color: #7094B8;
    text-align: center;
}

.analysis-summary-target-cell {
    /* background-color: #fffc99; */
    color: #05d !important;
    background-color: #dddddd;
    /* filter: brightness(100%) !important; */
    text-align: center;
}

.analysis-average-target {
    background-color: #cedbf2 !important;
    text-align: center;
}

.analysis-average-highlight {
    background-color: #ffa500 !important;
    font-weight: bold;
    text-align: center;
}

.analysis-average-summary-highlight {
    background-color: #c88100 !important;
    font-weight: bold;
    text-align: center;
}

.analysis-average-lowlight {
    background-color: #ffff00 !important;
    font-style: italic;
    text-align: center;
}

.analysis-average-summary-lowlight {
    background-color: #c8c800 !important;
    font-style: italic;
    text-align: center;
}

.analysis-name-cell {
    background-color: #15428b !important;
    color: #ffffff !important;
}

.analysis-standard-cell {
    background-color: #32ff32 !important;
    text-align: center;
}

.analysis-standard-cell.analysis-overall {
    background-color: #19e619 !important;
}

.analysis-optional-cell {
    background-color: #ffff32 !important;
    text-align: center;
}

.analysis-optional-cell.analysis-overall {
    background-color: #f8f820 !important;
}

.analysis-none-cell {
    background-color: #ff3232 !important;
    color: #ffffff !important;
    text-align: center;
}

.analysis-none-cell.analysis-overall {
    background-color: #f10e0e !important;
}

.analysis-available-cell {
    background-color: #3232ff !important;
    color: #ffffff !important;
    text-align: center;

    &.analysis-overall {
        background-color: #2e2ed1 !important;
    }
}

.analysis-summary {
    font-weight: bold !important;
    filter: brightness(93%) saturate(130%) contrast(110%);
    text-align: center;
}

.analysis-subjective-cell {
    color: #33f;
    background-color: #aaa;
    text-align: center;
}

.analysis-above-market-cell {
    color: #393 !important;
    font-weight: bold !important;
    background-color: #aaa;
    text-align: center;
}

.above-market {
    color: #393 !important;
    font-weight: bold;
}

.analysis-below-market-cell {
    color: #e40101 !important;
    background-color: #aaa;
    font-weight: bold !important;
    text-align: center;
}

.below-market {
    color: #e40101 !important;
    font-weight: bold !important;
}

.analysis-nodir-market-cell {
    color: #15428b;
    background-color: #aaa;
    font-weight: bold !important;
    text-align: center;
}

.analysis-category-cell {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    background-color: #abb6c9;
    padding: 3px 3px 3px 3px;
}

.analysis-category-subtitle {
    font-size: 11px;
    font-weight: normal;
}

.row-header {
    background-color: #cedbf2;
    white-space: nowrap;
    text-align: left;
    padding-left: 6px;
    margin: 0;
}

.dataview-wizard-header.x-panel > .x-panel-header {
    font: bold 14px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #133b7d;
    box-shadow: none;
    background: var(--mediumblue);
    /* background-color: #a9bceb; */
}

.dataview-system-selector .x-panel-bwrap {
    text-align: center;
}

.wizard-header {
    font: normal 14px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 0 0 4px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #99bbe8;
    white-space: nowrap;
}

.wizard-header .wizard-header-highlight {
    font-weight: bold;
    color: #ff6600;
}

.x-window.white-background .x-window-body {
    background: #fff !important;
}

.white-background {
    background: white !important;
}

.force-border.x-panel {
    border-width: 1px !important;
}

.force-border > .x-panel-header {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.toolbar-right-side {
    text-align: right !important;
    width: 100%;
    background-color: transparent !important;
}

.float-left {
    float: left;
    display: inline-block;
}

.force-left {
    float: left !important;
    display: inline-block;
}

.force-right {
    float: right !important;
    display: inline-block;
}

.float-right {
    float: right;
    display: inline-block;
}

.align-right {
    text-align: right;
}

.btn-right > table.x-btn {
    margin-left: auto;
}

.task-tracker span.float-left,
.task-tracker span.float-right {
    display: inline-block;
}

.data-editor-cell-error-bound {
    background-image: url('../gwt_images/corner-orangered.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.data-editor-cell-error-value {
    background-image: url('../gwt_images/corner-red.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: red;
}

.data-editor-cell-warn-bound {
    background-image: url('../gwt_images/corner-orange.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.data-editor-cell-insert {
    background-image: url('../gwt_images/corner-blue.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.data-editor-cell-update, .data-editor-cell-delete {
    background-image: url('../gwt_images/corner-green.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.data-editor-cell-status-unknown {
    background-image: url('../gwt_images/corner-pink.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.hidden-row {
    display: none !important;
    visibility: hidden !important;
}

.transparent {
    background: transparent !important;
}

.transparent .x-panel-body {
    background-color: transparent !important;
}

.debug-marker {
    border: 1px solid red !important;
}

.debug-marker-2 {
    border: 1px solid orange !important;
}

.x-grid-drop-ok-above .x-dd-drop-icon {
    background-image: url('../gwt_images/insert_row_before.png') !important;
}

.x-grid-drop-ok-below .x-dd-drop-icon {
    background-image: url('../gwt_images/insert_row_after.png') !important;
}

.cpq-label {
    font: bold 12px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding-left: 3px;
    padding-right: 5px;
    text-align: left;
}

.list-clip {
    width: 180px;
    padding-left: 2px;
    padding-right: 2px;
    overflow: auto;
}

.miller-table {
    width: 100% !important;
}

.listbox-companion-field {
    font: normal 11px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    height: 16px !important;
    padding-top: 0;
}

.popup-renderer {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.popup-embargo {
    display: none;
}

.viewport-marker .popup-embargo {
    display: inline !important;
}

.text-wrapped .popup-renderer {
    white-space: normal;
}

/* .right { */
.right-align {
    text-align: right;
}

.grid-tooltip {
    text-align: center;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.grid-header {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.listbox {
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0 !important;
    min-width: 100px;
}

.datagrid-database-label {
    font-size: 11px;
    font-weight: normal;
}

.datagrid-database-label img {
    height: 11px;
    vertical-align: text-top;
    cursor: pointer;
}

.icon-menu-btn {
    width: auto !important;
}

.auto-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.font-110 {
    font-size: 12px !important;
}

.tagged {
    border-color: blue !important;
}

.rel-image-strip {
    overflow-y: visible;
    overflow-x: auto;
    height: 97px;
}

.center, .center-align {
    text-align: center;
}

.center-block {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.left {
    text-align: left;
}

.top-align, .top-align .x-table-layout-cell, .top-align label {
    vertical-align: top;
}

.text-bottom-align, .text-bottom-align .x-table-layout-cell, .text-bottom-align label {
    vertical-align: text-bottom;
}

.rel-image-strip .fileview-divider {
    margin-left: 3px;
    margin-right: 6px;
}

.rel-image-strip .fileview-divider > img {
    width: 2px;
    height: 77px;
}

.file-browser-icon {
    padding-top: 5px;
    vertical-align: middle;
}

.breadcrumb-current {
    font-weight: bold;
}

.breadcrumb-body {
    overflow: hidden;
    vertical-align: middle;
}

.breadcrumb-arrow {
    vertical-align: middle;
}

.breadcrumb-body a {
    vertical-align: top;
}

.breadcrumb-tools table, .breadcrumb-tools tbody {
    min-width: 100%;
}

.x-toolbar .breadcrumb-body img {
    vertical-align: middle;
}

.tag-display {
    font-size: 14px;
}

.width-full {
    width: 100%;
}

.dbadmin-java-output {
    font-family: monospace;
    text-align: left;
    font-size: 11px;
}

.product-checkbox {
    vertical-align: text-top;
    margin-bottom: 2px;
}

.template-checkbox {
    vertical-align: text-top;
    margin-bottom: 2px;
}

.document-result-row {
    border-bottom-color: #ddd;
    border-right-color: #ddd;
    border-top-width: 0;
    border-left-width: 0;
}

.document-result-row.boundary-row {
    border-bottom: 3px solid #184b9e;
}

.texttop {
    vertical-align: text-top;
}

.bottom {
    vertical-align: bottom;
}

.avt-wrap {
    padding: 2px;
    max-height: 110px;
}

.criteria-panel .avt-wrap {
    max-height: unset;
}

/* tools icons; must be 15px square; ToolType is part after 'x-tool-' */
.x-tool-shortcut {
    background: url('../gwt_images/tool-popup.png');
}

.x-tool-shortcut:hover {
    background: url('../gwt_images/tool-popup-over.png');
}

.x-tool-information {
    background: url('../gwt_images/information-white.png');
}

.x-tool-information:hover {
    background: url('../gwt_images/information-white-over.png');
}

.x-tool-comment {
    background: url('../gwt_images/comment-tool.png');
}

.x-tool-comment:hover {
    background: url('../gwt_images/comment-tool-over.png');
}

.x-tool-email {
    background: url('../gwt_images/tool-email.png');
}

.x-tool-email:hover {
    background: url('../gwt_images/tool-email-over.png');
}

.x-tool-sort {
    background: url('../gwt_images/tool-sort.png');
}

.x-tool-sort:hover {
    background: url('../gwt_images/tool-sort-over.png');
}

.x-tool-broom {
    background: url('../gwt_images/tool-broom.png');
}

.x-tool-broom:hover {
    background: url('../gwt_images/tool-broom-over.png');
}

.x-tool-close {
    background: url('../gwt_images/window-close.png');
}

.x-tool-close:hover {
    background: url('../gwt_images/window-close-over.png');
}

.x-panel-header .x-panel-header-text {
    /*margin-left: 3px;*/
    font-size: 11.3px;
}

.x-panel-header .x-panel-inline-icon {
    margin-right: 3px;
}

/*
.x-panel-header .x-tool.x-tool-sort {
  background-image: none !important;
  width: 15px;
  margin-left: 0px;
  margin-right: 2px;
}
.x-panel-header .x-tool.x-tool-sort:after {
  content: '\f884';
  border-radius: 2px;
  padding: 1px 2px 1px 1px;
  font-family: "Font Awesome 6 Pro";
}

.x-panel-header .x-tool.x-tool-gear {
  background-image: none !important;
  width: 15px;
  margin-left: 0px;
  margin-right: 2px;
}
.x-panel-header .x-tool.x-tool-gear:after {
  content: '\f013';
  border-radius: 2px;
  padding: 1px;
  font-family: "Font Awesome 6 Pro";
}

.x-panel-header .x-tool.x-tool-email {
  background-image: none !important;
  width: 15px;
  margin-left: 0px;
  margin-right: 2px;
}
.x-panel-header .x-tool.x-tool-email:after {
  content: '\f0e0';
  border-radius: 2px;
  padding: 1px;
  font-family: "Font Awesome 6 Pro";
}

.x-panel-header .x-tool.x-tool-refresh {
  background-image: none !important;
  width: 15px;
  margin-left: 0px;
  margin-right: 2px;
}
.x-panel-header .x-tool.x-tool-refresh:after {
  content: '\f2f1';
  border-radius: 2px;
  padding: 1px;
  font-family: "Font Awesome 6 Pro";
}

.x-panel-header .x-tool.x-tool-close {
  background-image: none !important;
  width: 15px;
  margin-left: 0px;
  margin-right: 2px;
}
.x-panel-header .x-tool.x-tool-close:after {
  content: '\f00d';
  border-radius: 2px;
  padding: 1px 2px 1px 2px;
  font-family: "Font Awesome 6 Pro";
}*/
/* end tools */

.x-btn-text-icon .x-btn-center .x-btn-text.template-picker-button {
    padding-left: 30px;
    padding-right: 15px;
    font-weight: bold;
    background-position: 12px 0;
}

.chart-form {
    padding-left: 120px;
    position: relative;
}

.vic-toast {
    position: absolute;
    border-radius: 2px;
    left: -10000px;
    top: -10000px;
    display: none;
    max-width: 600px;
    z-index: 20000;
    padding-top: 0 !important;
}

.vic-toast-dialog {
    z-index: 9100 !important;
}

.toast-dialog {
    z-index: 9100 !important;
}

.vic-toast .x-panel-bwrap {
    padding: 3px;
}

.vic-toast table label {
    font-size: 11px;
}

.vic-toast-window table label {
    font-size: 11px;
}

.vic-toast > .x-panel-header {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}


.gwt-DateBox {
    padding: 2px 3px;
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    font-size: 100%;
}

.search-panel .gwt-DateBox {
    font-size: 11px;
}

.search-panel .x-fieldset label {
    margin-top: 2px;
}

.search-panel .x-fieldset input[type=checkbox] {
    margin-top: -4px;
}

.gwt-DateBox input {
    width: 8em;
}

.dateBoxFormatError {
    background: #ffcccc;
}

.dateBoxPopup {
    z-index: 99000;
}

.gwt-DatePicker {
    border: 1px solid #ccc;
    border-top: 1px solid #999;
    cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
    outline: none;
}

.datePickerDays {
    width: 100%;
    background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    font-size: 85%;
    text-align: center;
    padding: 4px;
    outline: none;
    font-weight: bold;
    color: #333;
    border-right: 1px solid #EDEDED;
    border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    background: #fff;
    padding: 0 4px 2px;
    cursor: default;
    color: #666;
    font-size: 70%;
    font-weight: normal;
}

.datePickerDay {
    padding: 4px 7px;
    cursor: pointer;
}

.datePickerDayIsWeekend {
    background: #f7f7f7;
}

.datePickerDayIsFiller {
    color: #999;
    font-weight: normal;
}

.datePickerDayIsValue {
    background: #d7dfe8;
}

.datePickerDayIsDisabled {
    color: #AAAAAA;
    font-style: italic;
}

.datePickerDayIsHighlighted {
    background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
    background: #d7dfe8;
}

.datePickerDayIsToday {
    padding: 3px;
    color: #fff;
    /*  background: url(images/hborder.png) repeat-x 0px -2607px;*/
    background-color: #033896;
}

.datePickerMonthSelector {
    width: 100%;
    padding: 1px 0 5px 0;
    background: #fff;
}

td.datePickerMonth {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 100%;
    font-weight: bold;
    color: #333;
}

.datePickerPreviousButton,
.datePickerNextButton {
    font-size: 120%;
    line-height: 1em;
    color: #3a6aad;
    cursor: pointer;
    font-weight: bold;
    padding: 0 4px;
    outline: none;
}

.system-navigator-area {
    cursor: pointer;
    display: inline;
}

.forcefolder .x-tree-node-icon {
    background-image: url('../ext/resources/images/default/tree/folder.gif');
}

.forcefolder.x-tree-node-expanded .x-tree-node-icon {
    background-image: url('../ext/resources/images/default/tree/folder-open.gif');
}

.template-node .x-tree-node-icon,
.template-node.x-tree-node-expanded .x-tree-node-icon {
    background-image: url('../gwt_images/fugue/camera.png');
}

.suppressed {
    display: none !important;
}

.domain-suppressed {
    display: none !important;
}

/*.groupby-cell:first-child {border-top: 0;}*/

.groupby-cell {
    line-height: 16px;
    max-height: 32px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.groupby-product.x-grid3-row-expanded {
    background-color: #ddd;
}

.groupby-product.x-grid3-row-expanded.x-grid3-row-over,
.groupby-product.x-grid3-row-expanded:hover {
    background: #d0d0d0;
}

.groupby-product.x-grid3-row-expanded.x-grid3-row-selected {
    background: #c3cfe0 !important;
}

/*.groupby-product .x-grid3-row-over {
  background-color: #d0d0d0;
}*/

.x-grid3-row .x-grid3-body-cell {
    padding-left: 0;
    padding-right: 0;
}

.product-group-toggle {
    font-weight: bold;
    position: relative;
    font-size: 1.08em;
}

.product-group-toggle:hover {
    text-decoration: underline;
}

.hover-button:hover {
    filter: saturate(110%) contrast(110%);
}

.larger-text {
    font-size: 13px;
}

.groupby-odd-row {
    background-color: #e6e6e6;
}

.groupby-even-row {
    background-color: #fff;
}

.x-grid3-row-over .groupby-even-row,
.groupby-product.x-grid3-row-expanded:hover .gropby-even-row {
    background-color: #f0f0f0;
}

.x-grid3-row-over .groupby-odd-row,
.groupby-product.x-grid3-row-expanded:hover .gropby-odd-row {
    background-color: #e3e3e3;
}

.x-grid3-row-selected .groupby-even-row {
    background-color: #dfe8f6;
}

.x-grid3-row-selected .groupby-odd-row {
    /*  background-color: #ced9eb;*/
    background-color: #d0dbed;
}

.telephone {
    padding: 0;
    text-align: center;
    color: #15428b;
    font-weight: bold !important;
}

.middle, .middle td {
    vertical-align: middle;
}

.red-text, .red-text .x-btn-text {
    color: red !important;
}

.warning-text {
    color: red !important;
}

.prevent-select, .prevent-select div {
    /*-webkit-touch-callout: none;*/ /*iOS safari */
    /*-webkit-user-select: none;*/
    /*-khtml-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    user-select: none;
}

.allow-select, .allow-select div {
    /*-webkit-touch-callout: inherit;*/ /*iOS safari */
    /*-webkit-user-select: auto;*/
    /*-khtml-user-select: auto;*/
    /*-moz-user-select: text;*/
    /*-ms-user-select: text;*/
    user-select: text;
}

.flowplayer-video {
    display: block;
    background-color: #333;
    color: #eee;
}

.video-player-large > div {
    width: 100%;
    height: 100%;
}

input[type=checkbox] {
    vertical-align: text-bottom;
}

input.x-form-checkbox {
    vertical-align: baseline;
}

.ext-gecko select.gwt-ListBox {
    background: #efefef;
    height: 20px;
    color: #000;
    border: 1px solid #777;
    padding-right: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    vertical-align: text-bottom;
    background-image: url('../gwt_images/downarrow.png');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: right center;
}

.ext-gecko select.gwt-ListBox::-ms-expand {
    display: none;
}

.ext-safari select.gwt-ListBox {
    padding-left: 2px;
}

.x-form-check-wrap input.x-form-checkbox {
    vertical-align: baseline;
}

.x-toolbar .x-form-check-wrap input.x-form-checkbox {
    vertical-align: bottom; /* set to bottom for fixing dashboard toolbar; was middle */
}

.video-thumb {
    background-color: #222;
    color: #eee;
    height: 150px;
    width: 200px;
}

.images-related-slot .video-thumb {
    background-size: cover;
    background-repeat: no-repeat;
    height: 54px;
    width: unset;
}

.video-menu-item {
    cursor: pointer;
}

.gray-text {
    color: #333;
}

.grayed-menu-item {
    color: #aaa !important;
}

.black-text {
    color: #000;
}

.highlight-year {
    color: black;
    background-color: var(--orangered);
}

.row-shifted {
    color: grey !important;
}

.text-field-highlight {
    border-bottom-color: #ff6600 !important;
    border-top-color: #ff6600 !important;
    border-left-color: #ff6600 !important;
    border-right-color: #ff6600 !important;
}

.datagrid-filtered .x-grid3-hd-inner {
    /*border: 1px solid #ff8800 !important;*/
    color: #0000ff;
}

.filtered .x-grid3 {
    background-color: #ffffaa;
}

.filtered .grid-listbox .x-grid3-row-over {
    background: #ffff77 !important;
}

.filtered .grid-listbox .x-grid3-row-selected {
    background-color: #ffff00 !important;
}

.gwt-PopupPanel {
    z-index: 9002; /* 9003 = messagebox */
}

.gwt-PopupPanelGlass {
    background-color: #ccc;
    -moz-opacity: 0.5;
    opacity: .5;
    z-index: 8999;
}

.clear-both {
    clear: both;
}

.text-wrapped {
    max-height: 200px;
    /*height: expression(this.height > 200 ? 200 : "auto"); /* ie only; doesn't seem to work in ie8 */
    overflow: auto;
    white-space: normal;
}

.text-wrapped .x-grid3-cell-inner {
    overflow: auto;
    white-space: normal;
    max-height: 200px;
}

.text-wrapped.preline {
    white-space: pre-line;
}

.google-chart-legend {
    width: 14px;
    height: 14px;
    /*margin-left: 4px;*/
    margin: 4px;
    display: inline-block;
}

.tiny-text {
    font-size: 8px;
}

.x-tree-unlock-icon,
.x-tree-node-expanded .x-tree-unlock-icon,
.x-tree-node-collapsed .x-tree-unlock-icon {
    background-image: url(../gwt_images/fugue/lock-unlock.png) !important;
}

.shade-up {
    position: absolute;
    left: 50%;
    margin-left: -21px; /* centers the 41px wide img, when combined with left: 50% */
    cursor: pointer;
    z-index: 100; /* float */
}

.dbadmin-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-left: auto;
    margin-right: auto;
}

.dbadmin-table th {
    padding: 3px;
    border: 1px solid black;
    background-color: #cedbf2;
    font-weight: bold;
}

.dbadmin-table td {
    padding: 3px;
    border: 1px solid black;
    font-weight: normal;
}

.columnar {
    list-style: inside disc;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    overflow: visible;
    white-space: nowrap;
}

ul.disc {
    list-style: inside disc;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

ul.disc > li > span:nth-child(1) {
    position: relative;
    left: -8px;
}

.grid-listbox .x-grid3-row td, .grid-listbox .x-grid3-summary-row td {
    line-height: normal;
}

.grid-listbox .x-grid3-hd-row td, .grid-listbox .x-grid3-row td, .grid-listbox .x-grid3-summary-row td {
    font: normal 11px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.grid-listbox .x-grid3-cell-inner, .grid-listbox .x-grid3-hd-inner {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    padding: 0 1px 0 3px;
    white-space: nowrap;
}

.grid-listbox .x-grid3-row-selected {
    /* background:#ff8000!important;
  border:1px dotted #d66c00; */
    background: #A6C4ED !important;
    /*background: #84B1F0 !important;*/
    border: 1px dotted #3283F0;
}

div.nhtsa-record {
    margin: 2px 0 2em 0;
}

div.nhtsa-record table /*, div.nhtsa-record td*/
{
    margin: 0 0 1em 0;
}

div.nhtsa-record td {
    vertical-align: top;
}

div.nhtsa-record strong {
    font-weight: bold;
}

div.nhtsa-record .header {
    background-color: #cedbf2;
    border-top: 1px solid rgb(153, 187, 232);
    border-bottom: 1px solid rgb(153, 187, 232);
    padding: 2px;
}

div.nhtsa-record .body {
    padding-left: 3px;
    padding-right: 3px;
}

.border-bottom-panel {
    border-left-width: 1px !important;
    border-bottom-width: 1px !important;
    border-right-width: 1px !important;
}

.field-selector .x-panel-bwrap {
    background: white;
}

/* added to try to make field selector weird display bug stop happening */
.field-selector .x-panel-collapsed .x-panel-bwrap {
    display: none;
}

.cardinality {
    float: right;
    height: 15px;
    margin-right: 4px;
}

.vertical-center {
    /* position: relative;
  top: 50%;
  transform: translateY(-50%); */
}

.vertical-center > .x-panel-bwrap > .x-panel-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}

.grid-listbox .x-panel-body {
    background-color: white !important;
}

.field-criteria-editor .x-panel-tl .x-panel-header {
    padding: 2px 0 2px 2px;
}

/*.field-criteria-editor .x-column-inner, .field-criteria-editor .x-column {
  height: 100%;
}*/

.field-criteria-editor .comment-icon-highlight {
    background-color: yellow;
}

.x-panel-icon .x-panel-header-text {
    margin-left: 0;
}

/*.x-tool-left{*/
/*  overflow:hidden;*/
/*  width:15px;*/
/*  height:15px;*/
/*  float:left;*/
/*  cursor:pointer;*/
/*  margin-left:0px;*/
/*}*/

.x-window-tc .x-tool {
    margin-left: 2px;
    margin-right: 0;
}

.alerts-record {
    &.new {
        background: #98FB98;
        &.x-grid3-row-over {
            background: #8BE68B !important;
        }

        &.x-grid3-row-selected, &.x-grid3-row-selected.x-grid3-row-over {
            background: #dfe8f6 !important;
        }
    }

    &.changed {
        background: khaki;

        &.x-grid3-row-over {
            background: #E0D783 !important;
        }

        &.x-grid3-row-selected, &.x-grid3-row-selected.x-grid3-row-over {
            background: #dfe8f6 !important;
        }
    }
}

.nhtsa-browser .ag-theme-balham .alerts-record.new {
    background: #98FB98;
}

.nhtsa-browser .ag-theme-balham .ag-row-hover.alerts-record.new {
    background: #8BE68B !important;
}

.gwt-ag-grid .ag-theme-balham .alerts-record.new.ag-row-selected {
    background: #dfe8f6 !important;
}

.nhtsa-browser .ag-theme-balham .alerts-record.changed {
    background: khaki;
}

.nhtsa-browser .ag-theme-balham .ag-row-hover.alerts-record.changed {
    background: #E0D783 !important;
}

.gwt-ag-grid .ag-theme-balham .alerts-record.changed.ag-row-selected {
    background: #dfe8f6 !important;
}

.faded {
    -moz-opacity: 0.7;
    opacity: .7;
}

.preview-canvas {
    position: absolute;
    z-index: 10000;
    /*bottom: 0;*/
    top: 83px;
    right: 1px;
    border: 1px solid black;
    background-color: #aaa;
}

.split-text {
    float: left;
    margin-top: 3px;
    font: bold 11px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #15428b;
    margin-left: 3px;
}

.inline-image {
    height: 13px;
    vertical-align: text-bottom;
}

.x-grid3-row.news-assoc-associated {
    background-color: #77ed77;
}

.news-assoc-associated.x-grid3-row-selected, .news-assoc-associated.x-grid3-row-over {
    background-color: #40ff40 !important;
    background-image: none !important;
}

.news-assoc-dirty > table {
    background-color: #fe6466;
}

.news-assoc-dirty.x-grid3-row-selected > table, .news-assoc-dirty.x-grid3-row-over > table {
    background-color: #fe2022 !important;
}

.news-assoc-dirty.x-grid3-row-selected, .news-assoc-dirty.x-grid3-row-over {
    background-image: none !important;
}

.news-assoc-ghost {
    opacity: 0.5;
}

.x-layout-collapsed-west, .x-layout-collapsed-east {
    /*margin-top: 4px;*/
}

/*.x-layout-collapsed.x-layout-collapsed-west {*/
/*    height: 99% !important;*/
/*}*/
/*.x-layout-collapsed.x-layout-collapsed-east {*/
/*    height: 99% !important;*/
/*}*/

.x-menu-item-noicon {
    padding: 3px 21px 3px 3px !important;
}

div.x-menu-noicon {
    background: #f0f0f0 !important;
}

.x-menu-noicon .x-menu-item-icon {
    display: none !important;
}

.swipe {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 auto 0;
}

.compare-cell-wrap .swipe {
    background: #111;
    color: #fff;
}

.swipe-wrap div img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.swipe-wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.swipe-wrap > div {
    float: left;
    height: 100%;
    width: 100%;
    position: relative;
}

.slideshow-related-strip {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    display: none;
}

.slideshow-related-area {
    overflow-x: visible;
    overflow-y: hidden;
    white-space: nowrap;
}

.showing {
    display: inline !important;
}

.swipe-toast {
    position: absolute;
    left: -10000px;
    top: -10000px;
    max-width: 400px;
    z-index: 10000;
    display: inline-block;
    background-color: #111;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border: 0;
    padding: 0;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.swipe-toast .x-panel-bwrap {
    background-color: #111;
    color: #fff;
}

.swipe-toast-inner {
    padding: 4px;
    margin: 0;
}

.slick-toast {
    position: absolute;
    left: 4px;
    top: 4px;
    opacity: 0;
    z-index: 10;
    background-color: #111;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    border: 0;
    padding: 4px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}

.swipe .nav {
    position: absolute;
    width: 40px;
    height: 38px;
    z-index: 10;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    top: 45%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.8)
}

.slick-wrap {
    position: relative;
    display: block;
    width: 100%;
}

.slick-wrap .next,
.slick-wrap .prev {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 10;
    text-align: center;
    line-height: 20px;
    display: inline-block;
    color: #fff;
    top: 24px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.8)
}

.slick-wrap .next {
    right: 0;
}

.slick-wrap .prev {
    left: 0;
}

/*.slickable .nav.prevent-select {*/
/*  background: none;*/
/*  height: unset;*/
/*  width: unset;*/
/*}*/

.swipe .nav.next, .slickable .nav.next {
    right: 0;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.swipe .nav.prev, .slickable .nav.prev {
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.swipe .play {
    width: 100%;
    text-align: center;
    bottom: 30px;
    position: absolute;
    z-index: 10;
    display: inline-block;
}

.swipe .magnify {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 10;
    display: inline-block;
    width: 32px;
    height: 32px;
}

.swipe .magnify img {
    opacity: 0.8;
    cursor: pointer;
}

.swipe .play img {
    opacity: 0.8;
    margin: 0 auto;
    cursor: pointer;
}

.slideshow .x-panel-mc, .slideshow .x-panel-mr, .slideshow .x-panel-ml,
.slideshow .x-panel-bl, .slideshow .x-panel-br, .slideshow .x-panel-bc {
    background: #111 !important;
    font-size: 13px;
}

.slideshow .caption {
    position: absolute;
    bottom: 0;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #111;
    color: #fff;
    width: 100%;
    opacity: 0.8;
    margin: 0 auto;
    text-align: center;
}

.slickable {
    overflow: hidden;
}

.chart-tooltip {
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 4px;
    max-width: 400px;
}

.verbatim-cell li.meta {
    white-space: pre-line;
}

.verbatim-cell li.meta:hover {
    background-color: #e8e8e8;
}

.verbatim-cell li.meta.verb-bright:hover {
    background-color: #000;
}

.gwt-viz-container {
    /*-webkit-user-select: none;*/
    /*-khtml-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    user-select: none;
    font-family: "Noto Sans", Verdana, arial, sans-serif;

    & text {
        font-family: "Noto Sans", Verdana, arial, sans-serif;
        font-size: 10pt;
    }
}


.verbatim-visualizer .google-visualization-tooltip-item-list {
    margin: 0;
    padding: 0;
}

.verbatim-visualizer .google-visualization-tooltip-item {
    /* margin: 0.3 em 0em 0.3em 0em !important; */
    margin: 0.2em 0 0.2em 0 !important;
    padding: 0 1em 0 0.5em !important;
    font-size: 10pt !important;
}

.verbatim-visualizer .google-visualization-tooltip-item h3 {
    font-family: "Noto Sans", Verdana, arial, sans-serif;
    font-size: 11pt;
    color: #999;
    font-weight: bold;
}

.suppress-header-button .x-grid3-hd-btn {
    display: none !important;
}

.x-grid3-cell div.tall-header {
    height: 30px !important;
}

.target-vehicle {
    font-style: italic !important;
}

.tip-limit {
    max-width: 400px;
    max-height: 800px;
}

.word-cloud-word {
    font-size: 16pt;
    word-break: keep-all;
    display: inline-block;
    border: 1px dotted #333;
    padding: 1px;
    margin: 2px;
    background: #eee;
}

.target-header-cell {
    color: #05d !important;
}

/*.search-panel .shift-selector .x-grid3-scroller,
.search-panel .shift-selector .x-column-inner
 {
  height: 62px !important;
}*/

.shift-selector .x-column,
.shift-selector .x-column-inner,
.shift-selector .x-column > div.x-panel,
.shift-selector .x-column > div.x-panel > .x-panel-bwrap {
    height: 100%;
}


.nhtsa-scrollable {
    max-height: 200px;
    overflow: auto;
}

.scrollable {
    overflow: auto;
}

.x-grid3-row .black {
    color: black;
}

.x-grid3-row .gray {
    color: gray;
}

.x-hide-display select {
    visibility: hidden !important;
}

.suppress-border .x-panel-body {
    border: 0 !important;
}

.subspec-caption-indent {
    padding-left: 1.4em;
}

.comment-value em {
    font-style: italic;
}

.x-tip em {
    font-style: italic;
}

.top-align {
    vertical-align: top;
}

.message-box {
    max-width: 360px;
}

.admin-indicator {
    color: #aa0000 !important;
}

.loc ul {
    list-style-type: disc;
}

.loc {
    padding: 4px;
}

.popout-header {
    /* background-color: var(--darkslateblue); */
    background-color: #cedbf2;
    font: bold 18px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    color: #15428b;
    padding: 4px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    font-variant: small-caps;
    line-height: 24px;
}

.nhtsa-vlist table {
    border-spacing: 0;
}

.nhtsa-vlist th {
    font-weight: bold;
    border-bottom: 1px solid #666;
    padding-right: 2em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.nhtsa-vlist td {
    text-align: left;
    vertical-align: middle;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2em;
    border-bottom: 1px solid #aaa;
}

.nhtsa-vlist tbody tr:hover {
    background-color: #ddd
}

div.download-record {
    padding: 6px 20px;
    border-bottom: 1px solid #888;
    background-color: #fff;
}

div.download-record:hover {
    background-color: #cedbf2;
    cursor: pointer;
}

.source-panel {
    display: inline-block;
    color: #aaa;
    margin-left: 8px;
    height: 16px;
}

.source-panel .download-icon {
    display: inline-block;
    padding-left: 17px;
    height: 16px;
    line-height: 17px;
}

.unmatched-vehicle {
    color: #f44;
}

/*
.trim-selector .x-tree-node-icon {cursor: pointer;}
.trim-selector .x-tree-node-anchor {cursor:default;}
.trim selector .x-tree-elbow-plus,.x-tree-elbow-minus,.x-tree-elbow-end-plus,.x-tree-elbow-end-minus{cursor:default;}
.trim-selector .x-tree-node .x-tree-node-over{background-color:#fff;}
.trim-selector .x-tree-node-el {cursor: default;}
*/

.primary-trim-node {
    font-weight: bold;
}

.kbb {
    margin-left: auto;
    margin-right: auto;
    width: 600px;
}

.kbb-heading-1 {
    font-weight: bold;
    font-size: 1.7em;
}

.kbb-heading-2 {
    font-weight: bold;
    font-size: 1.3em;
}

.kbb-heading-3 {
    font-weight: bold;
    font-size: 1.2em;
}

.kbb-trim table td:first-child {
    font-weight: bold;
}

.kbb-trim table td {
    border: 1px dotted gray;
}

.kbb-equip table {
    margin-bottom: 10px;
}

.kbb-equip table td:first-child {
    font-weight: bold;
    width: 120px;
}

.kbb-equip table {
    width: 600px;
    border: 1px solid var(--lightblue);
}

.kbb-equip table .kbb-equip-header {
    font-size: 1.1em;
}

.kbb-equip table thead th {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 3px solid var(--darkslateblue);
}

.kbb-equip table tbody tr:nth-child(odd) {
    background-color: #cedbf2;
}

.kbb-specs table td:first-child {
    font-weight: bold;
    width: 120px;
}

.kbb-specs table thead th {
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 3px solid var(--darkslateblue);
}

.kbb-specs table tbody tr:nth-child(odd) {
    background-color: #ccc;
}

.kbb-specs table {
    margin-bottom: 20px;
    width: 600px;
}

.header-3 {
    font-size: 1.2em;
}

.data-grid {
    & ul {
        list-style-type: disc;
        list-style-position: inside;
    }

    & li {
        list-style-type: disc;
        list-style-position: inside;
    }

    & .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
        border-bottom: 0;
    }

    & .x-grid3-row-collapsed .x-grid3-row-body {
        display: block !important;
    }

    & .x-grid3-hd-row td {
        font: bold 11px 'Noto Sans', sans-serif;
    }

    & .x-grid3-row td,
    & .x-grid3-summary-row td {
        font: normal 11px 'Noto Sans', sans-serif;
    }

    & .x-toolbar input[type=radio] {
       vertical-align: bottom;
    }
}

.x-tip ul {
    list-style-type: disc;
    list-style-position: inside;
    margin-right: 2px;
}

.x-tip li {
    padding-left: 0.5em;
    padding-right: 0;
    margin-right: 0.5em;
}

.task-tracker, .task-tracker .x-panel-body {
    font-weight: bold;
    color: #15428b;
    background: #f0f0f0;
}

.horizontal-scroll {
    overflow-x: auto;
    overflow-y: hidden;
}

.summary-tooltip {
    margin: 5px;
}

.summary-tooltip h4 {
    font-size: 14px;
    font-weight: bold;
    color: #203072;
}


.summary-tooltip h5 {
    font-size: 12px;
    font-weight: bold;
}


div.grid-listbox > .x-panel-bwrap > .x-panel-body {
    /*border: 1px solid #ccc; */
    /*border-radius: 2px;*/
}

/* EXPERIMENTAL: modified html2canvas-0.5.0-beta3 to add the class 'html2canvas' to the body of the document it clones;
   we use this to cause css to hide elements we don't care to draw when snapping 'screenshots' of tabs.*/
.html2canvas .shift-selector .x-grid3-row:nth-child(1n+6) {
    display: none !important;
}

.html2canvas {
    font: normal 12px "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

.html2canvas .compare-images .compare-table tbody:nth-child(1n+8) {
    display: none !important;
}

.html2canvas .order-guide .t_fixed_header tbody tr:nth-child(1n+30) {
    display: none !important;
}

.html2canvas .slick-list {
    width: 400px;
}

.x-menu .x-menu-item-hint {
    width: 97%;
}

.x-toolbar .help-header {
    color: #15428b;
    font-family: "Noto Sans Bold", "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-align: center;
    line-height: 17px;
    background: transparent;
}

.x-toolbar .help-body {
    font-weight: bold;
    font-size: 11px;
    /* line-height: 12px; */
    background: transparent;
    text-align: center;
    font-family: 'Yantramanav Medium', sans-serif;
    /*letter-spacing: 0.7px;*/
    letter-spacing: 1px;
}

.x-toolbar .x-btn-text-icon.x-btn-icon .x-btn-center .x-btn-text {
    background-position: 0 0;
}

.x-toolbar .x-btn-text-icon .x-btn-center .x-btn-text {
    background-position: 0 3px;
}

.data-grid-cell-editor {
    max-height: 250px;
}

.x-panel .CodeMirror {
    height: 100%;
    width: 100%;
}

/* box-shadow supports overlapping values; first listed appear z-index higher
https://jsfiddle.net/mh92pumq/2/ */
.pretty-btn {
    /* padding-bottom: 2px; */
    margin-bottom: 4px;
    border-radius: 4px;
    color: black;
    cursor: pointer;
    padding: 2px;

    &:disabled {
        cursor: default;
    }

    &:hover {
        border: 1px solid #203072;
        box-shadow: inset 1px 1px #fae497, /* top left */ inset -1px -1px #eba731, /* bottom right */ inset 2px 2px #f9df8c, /* top left */ inset -2px -2px #f6c859; /* bottom right */
    }

    &:active {
        background: linear-gradient(#dedfe6, #fff) !important;
    }

    & * {
        cursor: pointer;
    }
}

.pretty-btn-menu {
    background: linear-gradient(#dedfe6, #fff) !important;
}

/* search button */
.x-panel-tbar td > .pretty-btn {
    margin-top: 2px;
    padding-top: 2px;
    font-size: 14px;
    font-weight: bold;
    color: #203072;
    padding-left: 6px;
    padding-right: 6px;
}

.x-panel-tbar td > .pretty-btn:disabled {
    color: #bbb;
    cursor: not-allowed;
}

.not-allowed {
    cursor: not-allowed;
}

/* live chat button */

.menubar-img-item,
.x-panel.menubar-img-item {
    border-radius: 4px;
    padding: 3px;
    border: 1px solid transparent;
}

.menubar-img-item:hover {
    border: 1px solid #a1b2df;
    background: linear-gradient(#e4edff, #becdea);
    box-shadow: inset -1px -1px #e3ecfc,
    inset 1px 1px #f2f6fc;
}

.menubar-img-item:active,
.menubar-img-item.x-btn-menu-active,
.menubar-img-item.x-btn-menu-active:hover {
    border: 1px solid #a1b2df;
    background: linear-gradient(#becdea, #e4edff);
    box-shadow: inset 1px 1px #b9caea,
    inset -1px -1px #f2f6fc;
}

.menubar-img-item img {
    vertical-align: top;
    margin-right: 2px;
    margin-top: 1px;
}

.anypanel {
    border-top: 1px solid #99bbe8;
}

.x-panel.border {
    border: 1px solid #99bbe8;
}

.trim-selector .x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    padding-top: 3px;
    padding-bottom: 4px;
}

.mzr-borderradius .field-criteria-editor .x-panel-header {
    border-radius: 4px 4px 0 0;
}


.query-editor .header h3 {
    display: inline-block;
}

.headers {
    & h1 {
        font-size: 2em;
    }

    & h2 {
        font-size: 1.5em;
    }

    & h3 {
        font-size: 1.17em;
    }

    & h4 {
        font-size: 1.1em;
    }

    & h5 {
        font-size: 0.83em;
    }

    & h6 {
        font-size: 0.67em;
    }
}

.query-editor .criteria-panel b {
    color: #15428b;
}

.criteria-panel.hide-disabled-filters .field-criteria-editor.x-item-disabled {
    display: none;
}

.compare-panel .wizard b {
    color: #15428b;
}

.views .overview .x-panel-body {
    background: white url(../html_images/views/compare/overview.jpg) no-repeat top left;
    background-size: 100%;
}

.views.main-wiz-mode-selector .overview .x-panel-body {
    background: white url(../html_images/views/main/overview.png) no-repeat top/cover;
}

.views .data .x-panel-body {
    background: white url(../html_images/views/compare/data.jpg) no-repeat top left;
    background-size: 100%;
}

.views.main-wiz-mode-selector .data .x-panel-body {
    background: white url(../html_images/views/main/data.png) no-repeat top/cover;
}

.views .images .x-panel-body {
    background: white url(../html_images/views/compare/images.jpg) no-repeat top left;
    background-size: 100%;
}

.views.main-wiz-mode-selector .images .x-panel-body {
    background: white url(../html_images/views/main/images.png) no-repeat top/cover;
}

.views .knowledgelibrary .x-panel-body {
    background: white url(../html_images/views/compare/knowledgelibrary.png) no-repeat top left;
    background-size: 100%;
}

.views .booklet .x-panel-body {
    background: white url(../html_images/views/compare/booklet.png) no-repeat top left;
    background-size: 100%;
}

.views.main-wiz-mode-selector .booklet .x-panel-body {
    background: white url(../html_images/views/main/booklet.png) no-repeat top/cover;
}

/*.views .hybrid .x-panel-body {
 background: white url(../html_images/views/compare/hybrid.png) no-repeat top left;
 background-size: 100%;
}*/

.views .verbatims .x-panel-body {
    background: white url(../html_images/views/compare/verbatims.jpg) no-repeat top left;
    background-size: 100%;
}

.views.main-wiz-mode-selector .verbatims .x-panel-body {
    background: white url(../html_images/views/main/verbatims.png) no-repeat top/cover;
}

.views .documents .x-panel-body {
    background: white url(../html_images/views/compare/documents.jpg) no-repeat top left;
    background-size: 100%;
}

.views.main-wiz-mode-selector .documents .x-panel-body {
    background: white url(../html_images/views/main/documents.png) no-repeat top/cover;
}

.views .quick .x-panel-body {
    background: white url(../html_images/views/compare/quick.jpg) no-repeat top left;
    background-size: 100%;
}

.views .adas-summary-view .x-panel-body {
    background: white url(../html_images/views/compare/adas-summary.jpg) no-repeat top left;
    background-size: 100%;
}

.views.main-wiz-mode-selector .adas-summary-view .x-panel-body {
    background: white url(../html_images/views/main/adas-summary.png) no-repeat top/cover;
    background-size: 100%;
}

.views.main-wiz-mode-selector .search-data-bg .x-panel-body {
    background: white url(../html_images/views/main/search-data.png) no-repeat top/cover;
}

.views.main-wiz-mode-selector .search-images-bg .x-panel-body {
    background: white url(../html_images/views/main/search-images.png) no-repeat top/cover;
}

.views.main-wiz-mode-selector .search-documents-bg .x-panel-body {
    background: white url(../html_images/views/main/search-documents.png) no-repeat top/cover;
}

.views.main-wiz-mode-selector .search-verbatims-bg .x-panel-body {
    background: white url(../html_images/views/main/search-verbatims.png) no-repeat top/cover;
}

.views.main-wiz-mode-selector .dash-market-trends-bg .x-panel-body {
    background: white url(../html_images/views/main/market-trends.png) no-repeat top/cover;
}

.analysis-checkbox {
    & .x-form-check-wrap {
        float: right;
        font-weight: bold;
        margin-top: 4px;
        color: #15428b;
    }

    & .x-form-cb-label {
        vertical-align: middle;
        margin-left: 2px;
    }
}

.search-panel .x-form-cb-label {
    vertical-align: middle;
    margin-left: 2px;
}

.search-panel .x-form-check-wrap input.x-form-checkbox {
    vertical-align: middle;
}

.search-panel .x-form-check-wrap {
    line-height: inherit;
}

.data-cell ul,
.normal-list {
    list-style-type: disc;
    list-style-position: outside;
    text-align: left;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 16px;
}

.multivar ul {
    list-style-type: disc;
    list-style-position: outside;
    text-align: left;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 2px;
}

.data-cell ul li span, .multivar ul li span {
    position: relative;
    left: -8px;
}

.x-grid3-cell-inner img {
    vertical-align: text-top;
}

.trim-reorder-grid .x-grid3-dirty-cell {
    background: transparent;
}

iframe[id^="twitter-widget"] {
    width: 100% !important;
}

.twitter-feed {
    background-color: #fff;
}

.twitter-feed .tweet {
    margin-bottom: 5px;
    background-color: #fff;
    font-size: 12px;
    border: 1px solid #99bbe8;
    padding: 6px 7px 3px;
    margin-left: 2px;
    margin-right: 5px;
}

/* .twitter-feed .tweet:hover {
  background-color: #dae9f2;
} */

.twitter-feed .tweet-header img {
    vertical-align: bottom;
}

.twitter-feed .tweet-header .tweet-date img {
    filter: grayscale(50%) opacity(50%);
}

.twitter-feed .tweet-header .tweet-date img:hover {
    filter: none;
}

.twitter-feed .tweet-text {
    width: 100%;
}

.twitter-feed .tweet-images {
    width: 100%;
    margin-top: 5px;
}

.twitter-feed .tweet-header,
.twitter-feed .tweet-header a {
    font-weight: bold;
    font-size: 13px;
    color: #000;
}

.twitter-feed .tweet-header a:hover {
    color: #15428b;
}

.twitter-feed .tweet-header .tweet-avatar {
    max-width: 32px;
    max-height: 32px;
}

.twitter-feed .tweet-header .tweet-screenname,
.twitter-feed .tweet-header .tweet-screenname a {
    color: #777;
    font-weight: normal;
}

.twitter-feed .tweet-header .tweet-screenname a:hover {
    text-decoration: none;
}

.twitter-feed .tweet-header .tweet-date {
    font-weight: normal;
    color: #777;
    float: right;
}

.twitter-feed .tweet-images {
    display: table;
    /* border-radius: 5px; */
    overflow: hidden;
    position: relative;
    padding: 0;
}

.twitter-feed .tweet-images .image-container {
    max-height: 200px;
    overflow: hidden;
    display: inline-block;
    margin: 0 1px 0 0;
    height: 100%;
}

.twitter-feed .image-container .image-wrapper {
    position: relative;
    max-width: 100%;
    max-height: 100%;
}

.twitter-feed .tweet-images .image-container img {
    max-width: 100%;
}

.twitter-feed .tweet-intents {
    font-size: 1.4em;
}

.twitter-feed .tweet-intents a {
    margin-right: 8px;
}

.twitter-feed .tweet-intents .twitter-comment {
    filter: opacity(50%) grayscale(50%);
}

.twitter-feed .tweet-intents .twitter-comment:hover {
    color: #1da1f2;
    filter: none;
}

.twitter-feed .tweet-intents .twitter-retweet {
    filter: opacity(50%) grayscale(50%);
}

.twitter-feed .tweet-intents .twitter-retweet:hover {
    color: #3f3;
    filter: none;
}

.twitter-feed .tweet-intents .twitter-heart {
    filter: opacity(50%) grayscale(50%);
}

.twitter-feed .tweet-intents .twitter-heart:hover {
    color: #ff005a;
    filter: none;
}

.associations-hd .x-grid3-hd-inner {
    padding-left: 4px;
}

.document-viewer-table {
    margin-left: auto;
    margin-right: auto;
}

.document-viewer-table td {
    text-align: center;
}

.grid-filter-selector .x-grid3 {
    min-width: 300px;
}

div.math i,
span.math i {
    font-family: serif;
    font-size: 1.1em;
    white-space: nowrap !important;
}

div.google-visualization-tooltip {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

.degree-slider:disabled {
    opacity: 0.3 !important;
}

.degree-slider {
    height: 19px;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* margin: 3px 0; */
    /* width: 60px; */
    background-color: transparent;
}

.degree-slider:focus {
    outline: none;
}

.degree-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animation-duration: 0.2s;
    box-shadow: 1px 1px 1px #000000;
    background: #15428b;
    border-radius: 2px;
    border: 1px solid #000000;
}

.degree-slider::-webkit-slider-thumb {
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 19px;
    width: 12px;
    border-radius: 3px;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7.5px;
}

.degree-slider:focus::-webkit-slider-runnable-track {
    background: #15428b;
}

.degree-slider::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animation-duration: 0.2s;
    box-shadow: 1px 1px 1px #000000;
    background: #15428b;
    border-radius: 2px;
    border: 1px solid #000000;
}

.degree-slider::-moz-range-thumb {
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 19px;
    width: 12px;
    border-radius: 3px;
    background: #FFFFFF;
    cursor: pointer;
}

.degree-slider::-ms-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    animation-duration: 0.2s;
    background: transparent;
    border-color: transparent;
    color: transparent;
}

.degree-slider::-ms-fill-lower {
    background: #15428b;
    border: 1px solid #000000;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #000000;
}

.degree-slider::-ms-fill-upper {
    background: #15428b;
    border: 1px solid #000000;
    border-radius: 4px;
    box-shadow: 1px 1px 1px #000000;
}

.degree-slider::-ms-thumb {
    margin-top: 1px;
    box-shadow: 1px 1px 1px #000000;
    border: 1px solid #000000;
    height: 19px;
    width: 12px;
    border-radius: 3px;
    background: #FFFFFF;
    cursor: pointer;
}

.degree-slider:focus::-ms-fill-lower {
    background: #15428b;
}

.degree-slider:focus::-ms-fill-upper {
    background: #15428b;
}


span.nobr, div.nobr {
    white-space: nowrap;
}

.vr-search-query > div {
    display: block;
    white-space: pre-wrap;
}

div.prewrap {
    display: block;
    white-space: pre-wrap;
}

.datePickerYear select, .datePickerMonth select {
    background-color: #eee;
    border: 0;
}

.no-data {
    color: #888;
}

.time-picker {
    display: block;
    top: 72px;
    bottom: 100px;
    left: 0;
    position: absolute;
    font-size: 16px;
    width: 90px;
}

.time-wrap {
    width: 90px;
    border: 1px solid #aaa;
    background-color: white;
    height: 170px;
    position: relative;
    overflow: hidden;
}

.time-picker-foo:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 20px;
    -webkit-box-shadow: inset 1px 32px 20px 0 rgba(255, 255, 255, .55);
    -moz-box-shadow: inset 1px 32px 20px 0 rgba(255, 255, 255, .55);
    box-shadow: inset 1px 32px 20px 0 rgba(255, 255, 255, .55);
    z-index: 2;
}

.time-picker > div {
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    cursor: default;
}

.time-picker .min-picker > div.active:before {
    content: ":";
    position: absolute;
    font-size: 16px;
    margin-left: -1px;
    left: 0;
    font-weight: 700;
    color: #797575;
    margin-top: -1px;
    z-index: 1;
}

.time-picker > .picker {
    width: 33.3333333333%;
    text-align: center;
    user-select: none;
}

.time-picker .active {
    font-weight: bold;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

.time-picker .min-picker {
    left: 33.3333333333%;
}

.time-picker .ampm-picker {
    left: 66.6666666666%;
}

.action-filter .x-table-layout-cell {
    vertical-align: inherit;
}

.compare-data .delta {
    color: #ff7a00;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    cursor: default;
}

.x-grid3-body {
    padding-top: 1px;
    padding-bottom: 1px;
}

.deemphasized {
    color: #777;
}

.unmatched-image {
    opacity: 0.5 !important;
}

.verb-disp {
    width: 200px;
    min-width: 200px;
    max-width: 400px;
}

.single-mode .verb-disp {
    width: 400px;
    min-width: 400px;
    max-width: 50vw;
}

.range-slider {
    width: 200px;
}

.tickmarks {
    display: inline;
}

.alerts .x-form-item label {
    display: block;
    float: left;
    width: 100px;
    padding: 1px 3px 1px 0;
    clear: left;
    z-index: 2;
    position: relative;
}

.log {
    font-family: monospace;
    border-bottom: 1px solid #ccc;
    white-space: pre-wrap;
    width: 99%;
    overflow: visible;
    padding-left: 4px;
    padding-right: 8px;
}

.log.severe {
    color: #ff0000;
}

.log.warn {
    color: #ff9900;
}

.log.info {
    color: #000;
}

.log.fine {
    color: #00f;
}

img.disabled, span.disabled {
    filter: grayscale(100%) opacity(40%);
}

.tab-listing {
    columns: 2;
    list-style-type: disc;
}

#mainContentPage table.usage-table {
    font-size: 11px;
    border-collapse: collapse;

    & thead, & tfoot {
        & tr > * {
            border: 1px solid #aaa;
            background: #eee;
            padding: 2px;
        }
    }

    & tbody td {
        border: 1px solid #aaa;
        padding: 2px;
    }
}

/*#mainContentPage table.usage-table thead tr > *,*/
/*#mainContentPage table.usage-table tfoot tr > * {*/
/*    border: 1px solid #aaa;*/
/*    background: #eee;*/
/*    padding: 2px;*/
/*}*/

/*#mainContentPage table.usage-table tbody td {*/
/*    border: 1px solid #aaa;*/
/*    padding: 2px;*/
/*}*/

.breakdowns {
    vertical-align: top;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
    flex-wrap: wrap;

    & * {
        font-size: 14px;
    }
}


.large-text {
    font-size: 1.5em;
}

div.multivar-cell, .multivar-cell > div {
    white-space: pre-line;
    overflow: auto !important;
}

.alert-viewer {
    font-size: 11px;
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;

    & table {
        /*font-size: 11px;*/
        /*font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
        border-collapse: collapse;
        margin-bottom: 10px;
    }

    & table, & th, & td {
        border: 1px solid #999;
    }

    & th, & td {
        padding: 3px;
    }

    & .tab-report {
        border: 1px solid #aaa;
        padding: 3px;
    }

    & h1 {
        font-size: 16px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
        color: #990000;
    }

    & h2 {
        font-size: 15px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
        color: #15428b;
    }

    & h3 {
        font-size: 14px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0;
    }

    & h4 {
        font-size: 13px;
        font-weight: bold;
        margin-top: 4px;
        margin-bottom: 0;
    }

    & h5 {
        font-size: 12px;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 8px;
    }

    & ul {
        margin: 0;
        padding-top: 0;
        padding-left: 10px;
        padding-bottom: 8px;
        list-style-type: square;
    }

    & .product-report {
        padding: 4px;
    }

    & a {
        font-size: 12px;
        font-weight: bold;
    }
}

.news-popup img {
    max-width: 100%;
}

.keyword {
    border-radius: 2px;
    padding-left: 1px;
    padding-right: 1px;
    color: #000 !important; /* prevent colorization of respondents, for example, from colliding with keyword highlights */
}

.paging-indicator {
    background-color: #15428b;
    color: white;
    font-weight: bold;
    padding: 3px 24px;
    text-align: center;
    text-decoration: underline;
}

.paging-indicator.wide {
    text-align: left;
}

.x-toolbar .spectrum {
    width: 32px;
}

.logo-tool .x-panel-body {
    background: url('../html_images/transparent.png') repeat;
}

.x-toolbar .tb-label-wrapper {
    padding-top: 3px;
}

.grabby .x-tree-node-el {
    /*cursor: move;*/
    cursor: grab;
}

/*
.grabby .x-tree-node-el:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
*/

.x-dd-drag-proxy {
    /*cursor: move;*/
    cursor: grab;
}

.relative {
    position: relative;
}

/*.btn-center {*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    margin-top: -11px;*/
/*    width: 21px !important;*/

/*    button {*/
/*        width: 21px !important;*/
/*    }*/
/*} */

.mzr-boxshadow .field-selector .x-toolbar {
    box-shadow: unset;
}

.open-text-editor {
    min-height: 60px;
}

.fixed-text-editor {
    min-height: 100px;
}

.range-vis {
    height: 32px;
    /*width: 100%;*/
    width: calc(100% - 6px);
    background: #fff;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.range-vis.basketball {
    border-right: 1px solid #0f0;
    border-left: 1px solid #f00;
}


.range-vis.golf {
    border-left: 1px solid #0f0;
    border-right: 1px solid #f00;
}

.range-vis .area {
    position: absolute;
    background-color: #ccc;
    z-index: 5;
    left: 0;
}

.range-vis .line {
    position: absolute;
    bottom: 0;
    width: 2px;
    background: #fff;
    z-index: 10;
}

.range-vis-top, .range-vis-bottom {
    text-align: center;
    position: relative;
    width: 100%;
}

.range-vis-top .to-min {
    position: absolute;
    left: 20px;
}

.range-vis-top .to-max {
    position: absolute;
    right: 20px;
}

.range-vis-container {
    height: 70px;
    color: #000;
    font-weight: bold;
}

.range-vis-top .target, .range-vis-bottom .target {
    color: #00f;
}

.range-vis-top .market, .range-vis-bottom .market {
    color: #c0c;
}

.range-vis-bottom .min {
    position: absolute;
    left: 2px;
    bottom: 0;
}

.range-vis-bottom .max {
    position: absolute;
    right: 2px;
    bottom: 0;
}

.range-vis .arrow {
    position: absolute;
    margin-left: -2px;
    z-index: 100;
}

.product-listing ul {
    list-style-type: disc;
}

.x-grid-panel div.basic-field {
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 12px;
}

.x-grid-panel div.basic-field img {
    vertical-align: middle;
}

.widget-spacer {
    width: 4px;
    display: inline-block;
}

.vertical-spacer {
    height: 4px;
    display: inline-block;
}

.x-tab-strip-top .add-panel-shim .x-tab-left {
    padding-right: 0;
    width: 18px;
}

.x-tab-with-icon.add-panel-shim .x-tab-left,
.x-tab-with-icon.add-panel-shim .x-tab-right,
.x-tab-with-icon.add-panel-shim .x-tab-left .x-tab-strip-inner {
    background: unset;
}


.main-vic-tab-strip .x-tab-scroller-right {
    right: 22px !important;
}

.main-vic-tab-strip .add-ctl {
    width: 22px;
    height: 24px;
    /* padding: 2px; */
    position: absolute;
    top: 1px;
    right: 0;
    z-index: 15;
    cursor: pointer;
    border-left: 1px solid #8db2e3;
    border-bottom: 1px solid #8db2e3;
    margin-top: 1px;
    font-size: 18px;
}

.main-vic-tab-strip .add-ctl .add-ctl-inner {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-left: 2px;
}

.main-vic-tab-strip.x-tab-scrolling .x-tab-strip-wrap {
    margin-right: 40px;
}

.x-tab-scrolling .x-tab-with-icon.add-panel-shim {
    display: none;
}

.x-tab-strip .add-panel-shim .x-tab-right {
    padding-left: 3px !important;
    padding-top: 1px !important;
}

.mzr-cssgradients.mzr-borderradius .x-tab-strip-top .x-tab-with-icon.add-panel-shim {
    border: 0;
    height: 22px;
    width: 22px;
    background: transparent;
    margin-top: 2px;
    box-shadow: unset;
    /* border-radius: 11px; */
    border-radius: 3px;
    margin-left: 1px;
    /* fa: */
    font-size: 18px;
    padding-top: 1px;
}

.mzr-cssgradients.mzr-borderradius .x-tab-strip-top .x-tab-with-icon.add-panel-shim.x-tab-strip-over {
    /* background: #2444e1; */
    /* background: #C8CCD0; */
    /* background: #ccdef6; */
}

/*.main-vic-tab-strip .add-ctl .add-ctl-icon {*/
/*  background: url('../com/autoknowledge/bmk/core/icons/custom/plus.png') no-repeat 1px 1px !important;*/
/*  width: 16px;*/
/*  height: 16px;*/
/*}*/

.main-vic-tab-strip .add-ctl:hover .add-ctl-inner {
    /* background: #2444e1; */
    background: #c8ccd0;
    border-radius: 9px;
}

.viewerjs-invisible {
    display: none;
}

.workspace-load-status {
    display: none;
}

.invisible-stager {
    visibility: hidden;
    display: inline-block;
}

.x-viewport .viewer-title {
    font-size: 15px;
    text-shadow: unset;
    font-weight: bold;
    color: #fff;
    line-height: 17px;
    opacity: 1;
    background-color: rgba(51, 51, 51, 0.7);
    padding: 4px 16px;
    border-radius: 14px;
}

.x-viewport .viewer-image-toolbar {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0 8px;
    border-radius: 14px;
    opacity: 1;
    line-height: unset;
    top: 6px;
    left: 50%;
    position: absolute;
    display: block;
    z-index: 2020;
    height: 24px !important;
}

.news-table {
    width: 100%;
    display: table;
    cursor: pointer;
}

.news-table time {
    user-select: none;
}

.news-slug {
    width: 100%;
}

.news-row {
    display: table-row;
}

.hidden-iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: none;
}

.news-table .news-cell {
    white-space: normal;
    display: table-cell;
}

img.news-thumb {
    max-height: 75px;
    max-width: 100px;
}

.column-filtered {
    color: blue;
}

.x-viewport .viewer-image-toolbar:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.viewer-image-toolbar .image-tool {
    display: inline-block;
    height: 20px;
    width: unset;
    margin: 2px 2px 0 2px;
}

.viewer-header-hotspot {
    position: absolute;
    top: 10px;
    left: 10px;
    min-width: 200px;
    min-height: 80px;
    overflow: visible;
}

.viewer-header {
    overflow: hidden;
    /* display: none; */
    z-index: 2020;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 92px;
    height: 60px;
}

.viewer-header .coord {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 14px;
    padding: 4px 6px;
    opacity: 1;
    line-height: 17px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin: 3px;
    /* display: inline-block; */
    display: inline-flex;
}

.viewer-header .coord:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.viewer-caption-wrap {
    white-space: nowrap;
}

.viewer-header .coord .label {
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - 24px);
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top;
}

.viewer-header .coord.image-coord .label {
    max-width: 99%;
}

.viewer-header .image-coord {
    max-width: 70%;
}

.viewer-header .product-coord, .viewer-header .template-coord {
    max-width: 33%
}

.viewer-header .coord .highlight-year {
    color: var(--orangered);
    background-color: unset;
}

.viewer-arrow-left, .viewer-arrow-right {
    width: 32px;
    height: 32px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
    position: absolute;
    top: calc(50% - 16px);
    color: #fff;
    z-index: 2100;
}

.viewer-arrow-left:hover, .viewer-arrow-right:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.viewer-arrow-left i {
    margin-left: 6px;
}

.viewer-arrow-right i {
    margin-left: 8px;
}

.viewer-arrow-left {
    left: 2px;
}

.viewer-arrow-right {
    right: 2px;
}

.viewer-info {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 50%;
    padding-left: 40px;
    width: 40px;
    height: 80px;
    left: 0;
    top: 0;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 2100;
}

.viewer-info i.fas {
    height: 32px;
    width: 32px;
    color: #fff;
    font-size: 18px;
    margin-left: 8px;
    margin-top: 48px;
}

.viewer-info:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.arrow-tip {
    white-space: nowrap;

    & img {
        vertical-align: middle;
        height: 16px;
        width: 16px;
    }
}

.portal-header textarea {
    /*resize: vertical;
  max-height: 135px;
  min-height: 34px; */
}

.caption-shim {
    position: absolute;
    height: auto;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 1px;
    text-align: center;
    max-height: 30px;
}

.caption-shim:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.caption-shim .highlight-year,
.images-template-slot-text-caption .highlight-year,
.caption-shim .highlight-year-js,
.images-template-slot-text-caption .highlight-year-js {
    background: unset;
    color: var(--orangered);
    font-weight: bold;
}

.image-shim {
    position: absolute;
    left: -1000px;
    top: -1000px;
    z-index: 100;
}

.smudge {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}

.smudge:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.compare-panel > .x-panel-bwrap .x-panel-tbar input[type=text]:not(.x-item-disabled),
input[type=text].highlight-text-input:not(.x-item-disabled) {
    background: #fdfdae !important; /* yellow */
}

.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.silver-button {
    background: linear-gradient(#fff, #dedfe6);
    border: 1px solid #203072;
    box-shadow: inset 1px 1px #fff, inset -1px -1px #f7f8f9;
}

.x-toolbar .x-btn.extra-padding {
    padding: 0 4px;
}


.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.silver-button.x-btn-over {
    box-shadow: inset 1px 1px #fae497, /* top left */ inset -1px -1px #eba731, /* bottom right */ inset 2px 2px #f9df8c, /* top left */ inset -2px -2px #f6c859; /* bottom right */
    background: linear-gradient(#fff, #dedfe6);
    border: 1px solid #203072;
}

.mzr-boxshadow.mzr-cssgradients .x-toolbar .x-btn.silver-button.x-btn-click {
    background: linear-gradient(#dedfe6, #fff) !important;
}

.x-toolbar .heavy-button:not(.x-item-disabled) button {
    /* font-size: 13px; */ /* breaks button layout slightly */
    font-weight: bold;
    color: #203072;
}

/*.x-toolbar .x-btn-text-icon.x-btn-split-cross .x-btn-menu-arrow-wrap .x-btn-center button {
  background: transparent url(../gwt_images/btn-cross.gif) no-repeat 0 3px;
}*/

/* fa method preferred over img above */
.viewport-marker .x-toolbar .x-btn-text-icon.x-btn-split-cross .x-btn-menu-arrow-wrap .x-btn-center button:after {
    content: "\f00d";
}

.x-toolbar .x-btn-over.x-btn-split-cross .x-btn-menu-arrow-wrap .x-btn-center button {
    background-position: 0 -47px;
}

.data-options-configurator input[type=radio],
.data-options-configurator input[type=checkbox] {
    vertical-align: text-bottom;
}

.gauge-poor {
    color: #cc0000;
}

.gauge-moderate {
    color: #ffa000;
}

.gauge-good {
    color: #009900;
}

.x-tab-strip .x-tab-with-icon.no-text span.x-tab-strip-text {
    padding-left: unset;
}

.x-tab-strip-top .no-text .x-tab-left {
    padding-right: 6px;
}

.x-grid3-cell-inner img.expander {
    vertical-align: unset;
    margin-right: 1px;
}

/* makes the slideshow viewer navstrip use bigger images */
.viewport-marker .viewer-list > li {
    width: 64px;
    height: 48px;
}

.full-text-viewer .pdf-extract {
    background-color: #525659;
    padding: 12px;
    position: relative;
}

.full-text-viewer .pdf-extract .page {
    background-color: #fff;
    margin: 5px 0;
    padding: 5px;
    box-shadow: 2px 2px 6px 0 #000;
    cursor: context-menu;
}

.chart-overlay .overlay {
    position: absolute;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overlay-columns .overlay {
    border-top: 2px solid #333;
    text-align: center;
    padding-top: 2px;
}

.overlay-bars .overlay {
    border-right: 2px solid #333;
    text-align: right;
    padding-right: 2px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    white-space: nowrap;
    background: white;
    z-index: 10;
}

.overlay-bars .overlay-shim {
    background: #fff;
    position: absolute;
    z-index: 9;
}

.overlay-bars .overlay .text {
}

.overlay-bars .text-wrap {
}

.overlay-columns .overlay .text {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.google-visualization-tooltip {
    & .group-label {
        font-weight: bold;
        color: #999;
        padding: 2px 0;
        margin-bottom: 4px;
    }

    & .series-label {
        font-weight: bold;
        font-size: 14px;
        padding: 2px 0;
    }

    & .value-count {
        font-weight: bold;
    }

    & h3 {
        font-size: 1.2em;
    }
}

.chart-overlay .google-visualization-tooltip {
    z-index: 100;
}


.full-text-viewer .page {
    position: relative;
}

.full-text-viewer .page .hover {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #15428b;
    color: #fff;
    padding: 3px;
    border-radius: 4px;
}

.gpt-response ul,
.hanging-list {
    display: block;
    text-align: left;
}

.gpt-response ul,
ul.hanging-list,
.compare-table .gwt-ag-grid ul.hanging-list,
.data-grid .x-grid3-cell ul {
    padding-left: 16px !important;
}

.gpt-response ul li,
ul.hanging-list li,
.data-grid .x-grid3-cell ul li {
    list-style-position: outside;
    list-style-type: disc;
    vertical-align: top;
}

.gpt-response ul li > span,
ul.hanging-list li > span {
    left: -6px;
    position: relative;
}

ol.hanging-list {
    padding-left: 16px;
    margin-left: 6px;
}

ol.hanging-list li {
    list-style-position: outside;
    list-style-type: decimal;
}

.pdf-output ul {
    padding-left: 0;
}

.pdf-output ul li {
    list-style-type: disc;
}

.mzr-borderradius .input-group input[type=text] {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    margin-right: -1px;
    border-color: #203072;
}

.mzr-borderradius .input-group table.x-btn {
    border-radius: 0 2px 2px 0 !important;
}

.mzr-borderradius .x-form-element > .x-form-text,
.mzr-borderradius .x-form-element > .x-form-textarea,
.mzr-borderradius .x-form-field-wrap .x-toolbar .x-form-text {
    border-radius: 2px;
}

.mzr-borderradius .x-toolbar .x-trigger-field .x-form-text {
    border-radius: 2px 0 0 2px;
}

.mzr-borderradius .x-form-element > .x-trigger-field > .x-form-text {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}


.mzr-borderradius .x-form-element > .x-trigger-field > .x-form-trigger {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.mzr-csscalc .x-trigger-field:not(.x-trigger-hidden) > input {
    width: calc(100% - 26px) !important;
}

.input-group .lbl {
    display: block;
    padding-top: 4px;
}

.email-paren {
    text-align: center;
    display: block;
}

.mobile-popup {
    font-size: 2em;
    font-family: "Noto Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    background-color: #ddd;
    padding: 10px 4px;
    z-index: 200000 !important;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.mobile-popup .x-panel-body {
    background: transparent;
}

.mobile-popup a {
    text-decoration: none;
    background-color: #15428b;
    color: #fff;
    padding: 3px 6px;
    border-radius: 4px;
    border: 1px solid #203072;
}

.mobile-popup a:hover {
    color: #ff6600;
}

.mobile-popup .js-link {
    font-size: 90%;
}

.brick-chart-wrapper {
    position: relative;
    padding: 0;
    height: 20px;
    background-color: #d3d3d3;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;

    & .brick-chart-brick {
        height: 100%;
        position: absolute;
        float: left;
    }

    & .brick-chart-brick.cr-color-excellent {
        z-index: 1;
    }

    & .brick-chart-brick.cr-color-very-good {
        z-index: 2;
    }

    & .brick-chart-brick.cr-color-good {
        z-index: 3;
    }

    & .brick-chart-brick.cr-color-fair {
        z-index: 4;
    }

    & .brick-chart-brick.cr-color-poor {
        z-index: 5;
    }
}

.crdi-rating-wrapper {
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;

    & td {
        padding: 2px;
        height: 100%;
    }
}

.crdi-rating-brick {
    padding: 3px 6px;
    color: #000;
    border-radius: 2px;
    margin-top: auto;
    margin-bottom: auto;
    display: inline-block;
    position: relative;
}

.agg-table {
    /* min-width: 100%; */

    & td {
        min-width: 20px;
        padding: 2px;
        height: 100%;
    }

    & td.center {
        text-align: center;
    }

    & .cr-score {
        font-size: 11px;
        width: 24px;
        height: 24px;
    }
}

.cr-color-na {
    background-color: #aaa;
}

.cr-color-excellent {
    background-color: #00ae4d;
}

.cr-color-very-good {
    background-color: #bfd730;
}

.cr-color-good {
    background-color: #ffd500;
}

.cr-color-fair {
    background-color: #f8941d;
}

.cr-color-poor {
    background-color: #ec1c24;
}

.cr-range {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}

.cr-score {
    color: #333;
    font-size: 14px;
    position: relative;
    text-align: center;
    align-items: center;
    font-weight: bold;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    padding: 3px;

    & .inset {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.cr-luggage {
    font-size: 1.1em;

    & img {
        vertical-align: text-top;
    }
}

.nhtsa-stars {
    font-size: 1.2em;
    /* color: #ff8c00; */
    color: #fdb515;
}

.buffered-btn {
    padding-left: 8px;
    padding-right: 8px;
}

.x-btn.buffered-btn button {
    padding-left: 16px;
}

.segment-display {
    text-transform: capitalize;
}

.verbatims-excerpts {
    max-height: 200px;
    border: 1px #eee solid;
    margin-top: 3px;
    overflow: auto;
}

/*
.mzr-flexbox .video-menu-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}


.mzr-flexbox .video-thumbnail {
}

.mzr-flexbox .video-thumbnail img {
  width: 100%;
}

.mzr-flexbox .video-metadata {
  flex-grow: 1;
}
*/

.name-warning {
    background: #ff0 !important;
}

.fp-player #toast-container {
    position: relative;
}

.fp-player .toast-top-center {
    top: 10px;
}

.fp-player #toast-container > div {
    opacity: 0.95;
}

.flowplayer .fp-color {
    background-color: #15428b !important;
}

.adas-summary i.fa,
.adas-summary i.far,
.adas-summary i.fas,
.adas-summary i.fab,
.adas-summary i.fal {
    font-style: normal;
}

/* on/off switch stuff, use html like:

for a square one:

<label class="switch">
  <input type="checkbox">
  <span class="slider"></span>
</label>

for a round one:

<label class="switch">
  <input type="checkbox">
  <span class="slider round"></span>
</label>
*/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

/* Rounded sliders */
.slider.round {
    border-radius: 18px;
}

.slider.round:before {
    border-radius: 50%;
}

/* template browser */
.template-browser .main-view {
    width: 482px;
    height: 362px;
    object-fit: contain;
    padding: 8px 2px;
    position: relative;
}

.template-browser .main-view > img {
    max-width: 482px;
    max-height: 362px;
    height: auto;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}

.template-browser .related-images-area,
.template-browser .related-videos-area {
    overflow-x: auto;
    overflow-y: visible;
    text-align: center;
}

.template-browser .related-images-area .related-row,
.template-browser .related-videos-area .related-row {
    display: inline-flex;
    flex-direction: row;
    height: 60px;
    position: relative;
}

.template-browser .related-images-area img,
.template-browser .related-videos-area img {
    height: calc(100% - 6px); /* 54px; */
    width: unset !important;
    margin: 0 4px;
}

.template-browser .related-images-area img.selected,
.template-browser .related-videos-area img.selected {
    border: 1px solid #0000d0;
}

.template-browser .related-nav {
    position: absolute;
    display: none;
    height: 100%;
    width: 30px;
    background: rgba(0, 0, 0, 0.7);
    font-size: 26px;
    color: #fff;
}

.template-browser .related-nav i {
    position: absolute;
    top: 50%;
    margin-top: -13px;
}

.template-browser .related-nav.left i {
    left: 3px;
}

.template-browser .related-nav.right i {
    right: 3px;
}

.template-browser .main-view:hover .related-nav {
    display: block;
}

.template-browser .related-nav.left {
    top: 0;
    left: 0;
}

.template-browser .related-nav.right {
    top: 0;
    right: 0;
}

.legend {
    padding: 3px;
    white-space: nowrap;
}

.legend .color-swatch {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #444;
    vertical-align: middle;
    margin: 3px 3px 3px 0;
}

.date-searched {
    background: #88af88;
}

.email-allowed {
    overflow: auto;
    max-height: 40px;
}

.force-scroll-vertical {
    overflow-y: scroll !important;
}

.viewport-marker .x-trigger-field.x-trigger-editor {
    position: relative;
    display: block;
    min-width: 24px;
    min-height: 22px;
    overflow: hidden;
}

.viewport-marker .x-trigger-field.x-trigger-editor input {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: calc(100% - 17px) !important;
}

.viewport-marker .x-trigger-field.x-trigger-editor.x-trigger-hidden input {
    width: 100% !important;
}

.viewport-marker .x-trigger-field.x-trigger-editor .x-form-trigger {
    display: block;
    right: 0;
    top: 0;
}

.viewport-marker .x-trigger-field.x-trigger-editor.x-trigger-hidden .x-form-trigger {
    display: none;
}

.item-constrainer.x-form-empty-field.no-selections {
    color: grey;
}

.item-constrainer.x-form-empty-field {
    color: black;
}

.product-selector-meta {
    font-weight: bold;
    color: #4099ff;
}

.gwt-ag-grid .row-product-selected {
    color: gray !important;
    background-color: rgba(100, 255, 100, 0.6) !important;
}

.resolver-indented {
    padding-left: 10px;
}

.bounding-zoom-mode .flowplayer .fp-player {
    cursor: crosshair;
}

.vv-video-player-large .bounding-box {
    border: 2px dotted #2eff55;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    position: absolute;
}

.logo-on-right .fp-player > a {
    right: 16px !important;
    left: unset !important;
    top: 16px !important;
    bottom: unset !important;
    z-index: 1 !important;
}

.fp-zoom-menu {
    z-index: 10;
}

.dialog-zindex {
    z-index: 9100 !important;
}

/* for messageboxes that need to appear over top of movable popup panels */
.popup-dialog-zindex {
    z-index: 10100 !important;
}

.implicit-list-cell {
    white-space: normal;
    text-overflow: ellipsis;
    height: 32px;
    line-height: 16px;
    display: flex;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dataview-field-selector .empty-text {
    font-size: 13px;
    color: #555;
    top: unset;
    width: calc(100% - 18px);
    margin-left: 5px;
    height: 100%;
    display: flex;
    align-items: center;
}

.dataview-field-selector .empty-text > div {
    padding: unset;
    width: 100%;
}

.ag-landscape-grid .x-toolbar input[type=radio] {
    vertical-align: bottom;
}

.opengraph-card {
    max-width: 300px;
    padding: 3px;
}

.opengraph-card .img-wrap {
    max-width: 280px;
    max-height: 213px;
    margin-left: auto;
    margin-right: auto;
}

.opengraph-card .img-wrap img {
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
    margin-left: inherit;
    margin-right: inherit;
    object-fit: contain;
}

.opengraph-card .og-title {
    font-weight: bold;
}

.opengraph-card .og-description {
    font-size: 1em;
}

/* .fixed-numeric-editor .x-grid3-cell-inner {
  text-align: right;
  padding-right: 4px;
} */

.selection-grid-filter {
    width: 60px;
    margin-right: 2px;
}

.filter-mismatch {
    color: #aaa;
}

.rtl, .x-panel.rtl > .x-panel-bwrap > .x-panel-body {
    /*  direction: rtl; */
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    /*  flex-direction: row-reverse;
  flex-wrap: wrap; */
}

.query-string {
    background: #ccc;
    border-radius: 2px;
}

.flex-horiz {
    display: flex;
    flex-direction: row;
}

.cell-block {
    display: inline-block;
}

img.grid-cross {
    width: 16px;
    height: 16px;
    margin-right: 4px;
}

.covid-message {
    & .x-panel-body {
        background-color: #990000;
        color: #fff;
        padding: 2px 0;
    }

    & a, & a:visited {
        color: #f0fffc;
        text-decoration: underline;
        font-weight: bold;
        font-size: 1.1em;
    }
}


.query-tool-marker {
    position: absolute;
}

.portal-side-layout .top-indent {
    padding-top: 15px;
}

.portal-side-layout .portal-stacked-buttons .pretty-btn {
    padding-top: 0;
}

.portal-side-layout .button-body {
    margin-top: 6px;
}

.document-interject {
    padding-left: 17px;
    margin-top: 2px;
}

.document-interject .document-name-link {
    font-size: 13px;
}

.system-assoc {
    padding-left: 17px;
    font-size: 11px;
}

.field-selector {
    & .x-tree-ec-icon, & .x-tree-elbow-line {
        width: 18px;
        height: 20px;
        margin-top: -2px;
        margin-left: -1px;
        background-size: 18px 20px;
    }

    & .x-tree-lines {
        & .x-tree-elbow {
            background-image: url(../ext/resources/images/infoweb/tree/elbow.gif);
        }

        & .x-tree-elbow-plus {
            background-image: url(../ext/resources/images/infoweb/tree/elbow-plus.gif);
        }

        & .x-tree-elbow-minus {
            background-image: url(../ext/resources/images/infoweb/tree/elbow-minus.gif);
        }

        & .x-tree-elbow-end {
            background-image: url(../ext/resources/images/infoweb/tree/elbow-end.gif);
        }

        & .x-tree-elbow-end-plus {
            background-image: url(../ext/resources/images/infoweb/tree/elbow-end-plus.gif);
        }

        & .x-tree-elbow-end-minus {
            background-image: url(../ext/resources/images/infoweb/tree/elbow-end-minus.gif);
        }

        & .x-tree-elbow-line {
            background-image: url(../ext/resources/images/infoweb/tree/elbow-line.gif);
        }
    }
}

.field-category-node {
    font-weight: bold !important;
}

.field-tag-node {
    font-size: 13px !important;
    font-weight: bold !important;
    margin: 2px 0;
}

.field-selector .x-tree-node-el {
    font-size: 11px;
}

.vic-link a {
    font-size: 1.5em;
    font-weight: bold;
}

.jumpoffs {
    text-align: center;
    padding-left: 10px;

    & span {
        display: inline-block;
        background-color: #15428b;
        color: #fff;
        padding: 2px 5px;
        font-weight: bold;
        cursor: pointer;
        margin: 0 3px;
        border-radius: 3px;
    }
}


.flowplayer .fp-ui strong.minim {
    color: #990000 !important;
}

.portal-ask-panel {
    & .x-panel-btns-ct {
        padding: 5px 0;
    }

    & .x-panel-btns-ct .x-panel-btns > table {
        width: 100%;
    }

    & .x-panel-btns-ct table td.x-panel-btn-td {
        padding-left: 0;
        padding-right: 0;
    }
}

.cloud-tile {
    vertical-align: top;
    display: inline-block;
    margin: 10px;
    border: 1px dotted #aaa;
    padding: 3px;

    & .cloud-header {
        font-weight: bold;
        margin-bottom: 3px;
    }

    & .cloud-body {
        width: 280px;
        height: 300px;
        overflow: auto;
    }
}

.word-cloud-cross {
    margin: 4px;
    display: inline-block;
    font-size: 15px;
    border: 1px solid #99bbe8;
    border-radius: 4px;
    padding: 3px;
}

.domain-icon {
    vertical-align: top;
}

/*.ag-portrait .ag-group-value > div:nth-child(1) {*/
/*    display: flex;*/
/*}*/

/*.ag-portrait .ag-full-width-focus .ag-row-focus {*/
/*    border-color: black !important;*/
/*}*/

/*.ag-portrait .ag-database-label img {*/
/*    cursor: pointer;*/
/*}*/

/*.ag-row .domain-icon {*/
/*    vertical-align: text-top;*/
/*    margin-right: 4px;*/
/*    height: 16px;*/
/*}*/

/*.ag-row .datagrid-category-label {*/
/*    display: inline-block;*/
/*    line-height: 14px;*/
/*}*/

/*.ag-row .datagrid-database-label {*/
/*    display: inline-block;*/
/*    line-height: 12px;*/
/*}*/

/*.ag-row .datagrid-label-area {*/
/*    display: inline-flex;*/
/*    flex-direction: column;*/
/*    margin-right: 4px;*/
/*}*/

/*.ag-row .ag-group-display {*/
/*    display: inline-flex;*/
/*}*/

.data-category-header .domain-icon {
    vertical-align: top;
    height: 16px;
}

.consumer-reports-info {
    & h3 {
        font-size: 13px;
        font-weight: bold;
    }

    & ul {
        list-style: disc inside;
    }
}

.comment-unique-cluster {
    margin-top: 4px;

    & .comment-vehicle-listing {
        font-weight: bold;
    }
}

.data-area {
    display: table;

    & .prop-cell {
        display: table-cell;
        height: 100%;
        width: 50%;
    }
}

.swatch .x-tab-strip-after {
    display: inline-block;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 4px;
    right: 18px;
}

.swatch.red .x-tab-strip-after {
    background-color: #ff0000;
}

.swatch.x-tab-strip-closable .x-tab-left {
    padding-right: 38px;
}

.grid-filter-selector .x-grid-empty {
    text-align: center;
    margin-top: 33%;
    font-size: 1.1em;
    font-weight: bold;
}

.force-border {
    border-width: 1px;
}

.viewport-marker .viewer-list > .viewer-active, .viewport-marker .viewer-list > .viewer-active:hover {
    filter: brightness(0.25);
}

.rss-tool .tag-list {
    overflow: auto;
    max-height: 110px;
    /* margin: 2px 1px; */
}

.grid-listbox > .x-panel-bwrap {
    height: 100% !important;
    width: 100% !important;
}

.shift-selector .selected-list-panel {
    min-width: 30px;
}

.event-config-panel-inner {
    border-bottom: 1px solid #99bbe8;
    border-left: 1px solid #99bbe8;
    border-right: 1px solid #99bbe8;
}

.event-config-panel-inner .x-panel-header,
.mzr-cssgradients .event-config-panel-inner .x-panel-header {
    box-shadow: 0 0;
    /*letter-spacing: 0.8px;*/
    letter-spacing: 1px;
    border-left-width: 0;
    border-right-width: 0;
}

.wizard-cards * {
    --darkblue: #15428b;
    --darkslateblue: #4f668f;
    --lightblue: #cedbf2;
    --mediumblue: #99bbe8;
}

.main-wiz-selections .gwt-Label {
    font-weight: bold;
    color: white;
    background-color: #15428b;
    padding: 4px;
}

.main-wiz-mode-selector .radio-wrap {
    width: 280px;
    border: 2px solid var(--lightblue);
    background: #efefef;
    padding-left: 4px;
}

.main-wiz-mode-selector .radio-wrap.selected-item {
    background-color: var(--lightblue);
    border-color: var(--mediumblue);
    font-weight: bold;
}

.main-wiz-mode-selector .radio-wrap:hover {
    border-color: var(--darkblue);
}

/*.main-wiz-mode-selector .dataview-mode-preview p {*/
/*  margin-top: 175px;*/
/*}*/

.x-form-cb-label .radio-icon {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: top;
    padding-right: 3px;
}

.template-picker .pretty-button {
    box-shadow: unset;
}

.flex-center, .mzr-flexbox .x-grid-empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    /* width: 100%; */
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.empty-text {
    color: gray;
    font-size: 13px;
    text-align: center;
}

.product-tag-list .product-display {
    white-space: nowrap;
}

.dataview-field-selector .fields-tree {
    border-width: 1px;
}

.selection-grid .radio {
    vertical-align: unset;
    height: 11px;
    position: relative;
    top: 1px;
    margin: 0 6px 0 0;
}

.tilde {
    font-family: Tahoma, serif;
    font-size: 15px;
    line-height: 10px;
}

/** makes textless buttons align with textful ones in a horizontal line... todo: better way to accomplish this */
.no-text-icon, .no-text-icon .x-btn-center {
    height: 20px;
}

.checkbox-label {
    vertical-align: text-top;
    padding-top: 4px;
}

.search-type-bar .x-form-check-wrap input[type=radio] {
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

.search-type-bar label {
    vertical-align: middle;
}

.x-form-check-wrap input[type=radio] {
    vertical-align: text-top;
    margin-top: 1px;
}

.flex-criteria-panel {
    display: flex;
    width: 100%;
    height: 100%;
    /* align-items: stretch; */
    flex-direction: column;
    justify-content: flex-start;
    padding: 4px;
    overflow-x: hidden;
}

.flex-criteria-panel > * {
    width: calc(100% - 20px);
    margin-bottom: 4px;
}

.product-selection-editor .ag-theme-balham .ag-overlay-no-rows-center {
    text-align: left;
    padding: 0 30px;
}

.linear-wizard .x-grid-empty ul,
.linear-wizard .x-grid-empty li,
.linear-wizard .empty-text ul,
.linear-wizard .empty-text li,
.linear-wizard .instructions ul,
.linear-wizard .instructions li,
.ag-theme-balham .ag-overlay-no-rows-center ul,
.ag-theme-balham .ag-overlay-no-rows-center li {
    list-style-type: disc;
}

.linear-wizard .x-grid-empty > div {
    padding: 0 10px;
    margin-top: 200px;
    text-align: left;
}

.linear-wizard .empty-text > div {
    padding: 0 10px;
    width: unset;
    text-align: left;
}

.linear-wizard .template-picker .x-grid-empty > div {
    margin-top: 230px;
    width: 75%;
}

.mzr-flexbox .linear-wizard .x-grid-empty {
    width: unset;
}

.flex-center .empty-text {
    top: unset;
}

.linear-wizard .empty-text {
    width: 75%;
    text-align: left;
}

.home-panel .x-portlet {
    margin-bottom: 0;
}

.range-slider .ui-slider-horizontal .ui-slider-handle {
    top: -1px;
    cursor: ew-resize;
    background: linear-gradient(135deg, #1672ec, var(--darkblue));
    border: 1px solid var(--darkblue);
}

.range-slider .ui-widget-header {
    background: linear-gradient(#fff, var(--lightblue));
}

.range-slider .ui-widget-content {
    background: #888;
}

.small-expander {
    margin-top: 3px;
    vertical-align: text-top;
}

.persistent-row-visible {
    padding: 2px 1em 2px 2.25em;
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.floating-modal {
    z-index: 30000;
}

ul.product-listing-tab-list {
    columns: 4;

    @media screen {
        @media (min-width: 1000px) {
            columns: 3;
        }

        @media (min-width: 700px) {
            columns: 2;
        }
    }
}

/*@media screen and (max-width: 1000px) {*/
/*    ul.product-listing-tab-list {*/
/*        columns: 3;*/
/*    }*/
/*}*/

/*@media screen and (max-width: 700px) {*/
/*    ul.product-listing-tab-list {*/
/*        columns: 2;*/
/*    }*/
/*}*/


div.product-listing-count {
    text-align: right;
    font-weight: bold;
}

.main-wiz-selections .x-form-check-wrap input[type=radio] {
    margin-top: -1px;
    margin-right: 2px;
}

.window-draggable, .draggable {
    cursor: move;
}

.drag-frame {
    border: 1px solid #15428b;
    box-shadow: inset 0 0 3px 1px #15428b;
    border-radius: 2px;
    opacity: 0.8;
    position: absolute;
    z-index: 999999;
}

.popupContent {
    border-radius: 3px;
}

.force-panel-border {
    border: 1px solid #99bbe8 !important;
}

.full-text-viewer-display {

}

.minimap {
    position: relative;
    /*background: #245577; */
    background: #333;
    overflow: hidden;
    cursor: pointer;
}

.minimap-node {
    position: absolute;
    /* background-color: rgba(255, 160, 0, 0.6); */
    width: 20px;
    margin: 0 0 0 4px;
    height: 2px;
    left: 0;
    cursor: pointer;
    z-index: 5;
}

.pdf-panel .minimap-node {
    height: 4px;
}

.minimap-viewport {
    position: absolute;
    box-sizing: border-box;
    /* background-color: rgb(85,171,239); */
    /* background-color: rgb(85,140,240);*/
    background-color: #85b1d8;
    width: 100%;
    left: 0;
    z-index: 1;
}

.implicit-permission {
    color: gray !important;
}

.inherited-permission {
    color: var(--lightblue) !important;
}

.exclude-permission {
    color: red !important;
}

/*.current-tables-highlight {
  filter: hue-rotate(60) !important;
}*/

.mzr-webanimations .current-tables-highlight {
    /*border: 1px solid black; */
    animation: satur 1200ms 0ms infinite ease-in-out;
}

html:not(.mzr-webanimations) .current-tables-highlight {
    border: 1px solid black;
}

@keyframes hue {
    0% {
        filter: hue-rotate(0deg);
    }
    49% {
        filter: hue-rotate(-48deg);
    }
    100% {
        filter: hue-rotate(0deg);
    }
}

@keyframes satur {
    0% {
        filter: saturate(100%) hue-rotate(0deg);
    }
    49% {
        filter: saturate(200%) hue-rotate(-48deg);
    }
    100% {
        filter: saturate(100%) hue-rotate(0deg);
    }
}

.full-text-extract {
    padding: 6px;
    position: relative;
}

.full-text-viewer > .x-panel-bwrap > .x-panel-body {
    background-color: #333;
}

.full-text-viewer .x-panel-tbar input[type=checkbox] {
    vertical-align: baseline;
}

.full-text-viewer .keyword {
    border: 1px solid transparent;
}

.full-text-viewer .keyword.current-tables-highlight {
    border: 1px solid black;
}

.launch-others button {
    text-align: left;
}

.create-acct-inst,
.create-acct-inst > .x-panel-bwrap,
.create-acct-inst > .x-panel-bwrap > .x-panel-body {
    max-height: 80px;
}

.force-top-border {
    border-top-width: 1px !important;
}

.pretty-btn.pretty-btn-right > img {
    margin-right: 3px;
}


.passtrengthMeter {
    padding-bottom: 3px;
}

.passtrengthMeter::after {
    content: '';
    height: 3px;
    overflow: hidden;
    width: 0;
    transition: width .5s;
    position: absolute;
    left: 0;
    bottom: 0;
}

.passtrengthMeter.weak::after {
    background-color: #EC644B;
    width: calc(25% - 18px);
}

.passtrengthMeter.medium::after {
    content: '';
    background-color: #E87E04;
    width: calc(50% - 18px);
}

.passtrengthMeter.strong::after {
    content: '';
    background-color: #EFBF17;
    width: calc(75% - 18px);
}

.passtrengthMeter.very-strong::after {
    content: '';
    background-color: #42A72A;
    width: calc(100% - 18px);
}

/* Use like this to set the 'iconCls' of a panel to a solid color:
  StyleInjector.addClass(".color-swatch.blue:before","background-color: #15428b;");
  panel.setIconCls("color-swatch blue");
*/
.color-swatch {
    position: relative;
    margin-left: 16px;
    padding-left: 4px !important;
}

.color-swatch:before {
    position: absolute;
    left: -16px;
    content: "";
    height: 16px;
    width: 16px;
    background-color: transparent;
    border-radius: 3px;
}

.field-ctls > img {
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    margin-right: 1px;
}

.tall-tree .x-tree-root-ct {
    height: 100%;
}

.last-insert {
    border: 1px solid red;
}

.gwt-ag-grid .vehicle-toggle {
    margin-right: 4px;
}

.vsd-survey {
    color: #990000;
}

.vsd-category {
    color: #3764a0;
}

#menuBar {
    min-height: 56px;
}

.extract table {

}

.extract table tr {

}

.extract table tr td {
    vertical-align: top;
    padding: 1px;
}

.extract .timestamp a, .extract .timestamp span {
    color: white;
    background-color: #324565;
    text-decoration: none;
    padding: 0 3px;
}

.pdf-viewer-panel {
    width: 100%;
    height: 100%;
}

.video-player-panel .plyr {
    height: 100%;
}

.video-player-panel .current-cue td:nth-child(2) {
    background-color: #ffa500;
}

.raw-full-text-viewer, .raw-full-text-viewer div.extract, .raw-full-text-viewer div.full-text-extract {
    white-space: pre;
}

.document-viewer-image-column .x-grid3-cell-inner {
    text-align: center;
}

.x-min-col-ct .x-column-inner {
    display: flex;
    flex-direction: row;
    width: 100% !important;
    height: 100% !important;
}

.x-tip-body > img {
    margin-left: auto;
    margin-right: auto;
}

.vertical-flex-menu-group > .x-panel-bwrap > .x-panel-body {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
    justify-content: flex-start;
    justify-items: center;
    gap: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.fa-btn.x-btn-text-icon .x-btn-center .x-btn-text {
    padding-left: 0;
}

/*.fa-btn .fa-btn-icon {*/
/*  padding-right: 2px;*/
/*}*/

.fa-btn:hover,
.fa-btn:hover .x-btn-text {
    color: #15428b;
}

.viewport-marker .x-toolbar .fa-btn .x-btn-with-menu .x-btn-center > button:after,
.viewport-marker .x-btn-text-icon.fa-btn .x-btn-with-menu .x-btn-center > button:after {
    color: unset;
}

.fa-menu-item {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
    font-size: 13px;
    text-align: center;
    overflow: hidden;
}

.x-panel-noborder .ag-theme-balham > .ag-root-wrapper {
    border: 0;
}

.rollup-panel > .x-panel-bwrap > .x-border-layout-ct {
    border: 0 !important;
}

.flex-column-panel > .x-panel-bwrap > .x-panel-body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
}

.res-search-item {
    height: 32px;
    position: relative;
    padding: 2px 2px;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
    border: 1px solid transparent;
}

.res-search-item > h3 {
    display: inline-block;
    flex: 4 1 0;
}

.res-search-item > img {
    height: 100%;
    display: inline-block;
    flex: 1 1 0;
}


.delta-annotation {
    font-style: italic;
}

.gap-display-negative, .gap-display-positive {
    font-weight: bold;
}

.gap-direction-1.gap-display-positive, .gap-direction--1.gap-display-negative {
    color: green;
}

.gap-direction-1.gap-display-negative, .gap-direction--1.gap-display-positive {
    color: red;
}

.wrap-render {
    white-space: normal;
    overflow: auto;
    display: inline;
    width: 100%;
    height: 100%;
}

.gap-grid-product {
    font-weight: bold;
    color: #555;
}

.gap-grid .ag-theme-balham .ag-ltr .ag-cell {
    border-right: 1px solid #ccc;
}

.selection-grid .ag-theme-balham .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
    height: unset;
}

.chart-tooltip .indent {
    padding-left: 1.4em;
}

.chart-tooltip .google-visualization-tooltip-item {
    padding-left: 0;
}

.goog-tooltip > div {
    padding: 5px !important;
}

.fa-panel, .fa-panel .x-panel-body,
.fa-panel.x-masked, .fa-panel.x-masked .x-panel-body {
    overflow: visible;
}

.fa-btn .fa-btn-icon-wrap {
    display: inline-block;
    text-align: center;
}

.x-btn-text-icon .fa-btn-icon-wrap {
    padding-right: 2px;
}

.plyr__custom {
    color: white;
    font-size: 16px !important;
    padding: 2px 6px !important;
}

.research-vehicle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.support-input {
    font-size: 14px;
}

.grid-panel > .x-panel-bwrap > .x-panel-body {
    display: grid;
}

.grid-panel-square > .x-panel-bwrap > .x-panel-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
    padding: 1rem;
    margin: auto;
    justify-items: stretch;
    align-items: stretch;
}

.grid-panel-square > .x-panel-bwrap > .x-panel-body > * {
    width: 100%;
    height: 100%;
}

.flex-panel-horiz > .x-panel-bwrap {
    /*width: 100%;*/
    overflow: auto;
}

.flex-panel-horiz > .x-panel-bwrap > .x-panel-body {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    /*width: 100%;*/
}

.flex-panel-vert > .x-panel-bwrap {
    height: 100%;
    overflow: auto;
}

.flex-panel-vert > .x-panel-bwrap > .x-panel-body {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100%;
}

.librarians.flex-panel-vert > .x-panel-bwrap > .x-panel-body {
    height: calc(100% - 20px);
}

.vehicle-list .ag-cell-wrapper {
    overflow: hidden;
    align-items: flex-start;
}

.analysis-summary .ag-cell-wrapper {
    height: 100%;
}

.flex-grow-1 {
    flex: 1;
}

.flex-panel-vert.flex-scroll, .flex-panel-horiz.flex-scroll {
    overflow: auto;
}

.facet-filters > .x-panel-bwrap > .x-panel-body > .x-table-layout {
    width: 100% !important;
}

.selection-grid .ag-theme-balham .ag-row:not(.ag-row-focus) {
    /*border: 0;*/
}

.selection-grid .ag-row-focus {
    /*border-top: 1px teal dotted !important;*/
    border-bottom: 1px teal dotted !important;
}

.vehicle-list.source-list .ag-theme-balham .ag-root {
    border-width: 0 0 0 1px !important;
}

.gap-spark-chart {
    background: #ccc;
    width: 100%;
    height: 100%;
    /*display: block;*/
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    /*justify-content: center;*/
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-start;
    gap: 1px;
    overflow: auto;
}

.gap-spark-bkg-bar {
    background: #fff;
    height: calc(100% - 4px);
    min-width: 8px;
    max-width: 36px;
    position: relative;
    /*margin-bottom: 1px;*/
}


.gap-spark-bkg-bar:is(:first-child) {
    margin-right: 1px;
}

.gap-spark-bkg-bar:is(:last-child) {
    margin-left: 1px;
}

.gap-spark-bar {
    background: #1d75b3;
    width: 100%;
    bottom: 0;
    position: absolute;
    /*min-width: 8px;*/
    /*max-width: 30px;*/
}

.bench-verbatim-wrap {
    width: 100%;
    max-height: 58px;
    overflow: auto;
    white-space: normal;
    line-height: normal;
}

.x-tab-strip .fa-tab span.x-tab-strip-text {
    padding-left: 0;
    display: inline-block;
}

.x-tab-strip .x-tab-strip-active.fa-tab span.x-tab-strip-inner > i[class^="fa-"] {
    color: #15428b;
}

.x-tab-strip .fa-tab span.x-tab-strip-inner > i[class^="fa-"] {
    margin-right: 3px;
    color: black;
}

/* + icon for tabs */
.x-tab-strip .x-tab-with-icon.add-panel-shim.x-tab-strip-over.fa-tab .x-tab-strip-inner > i[class^="fa-"] {
    color: #1e60ca;
}

.main-vic-tab-strip .x-tab-strip span.x-tab-strip-inner {
    cursor: pointer;
}

.display-flex {
    display: flex !important;
}

.display-flex .center-block {
    margin-top: auto;
    margin-bottom: auto;
}

.verbatim-wrap {
    width: 100%;
    height: 100%;
    overflow: auto;
    white-space: break-spaces;
    line-height: 14px;
}

.verbatim-wrap li {
    list-style: disc inside;
}

ul.hanging-indent, ol.hanging-indent {
    padding-left: 20px;
    text-indent: -17px;
    list-style: disc inside;
}

.subspecs {
    margin-top: 1em;
}

.subspec-display {
    margin-top: 0.5em;
    border: 1px dotted #aaa;
    padding: 4px;
}

.subspec-display em {
    font-style: normal;
    font-weight: bold;
}


.ps-sink .ag-theme-balham .ag-root-wrapper {
    background-color: #f5f5f5;
}

.half-opacity {
    opacity: 0.5;
}

.sso-article {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sso-header {
    font-size: 1.5em;
    padding: 10px;
    background-color: #15428b;
    color: #fff;
}

.sso-subheader {
    font-size: 1.2em;
}

.sso-header, .sso-subheader {
    margin-bottom: 10px;
}

.sso-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: center;
    gap: 10px;
}

/* prevent long field names from overflowing/wrapping criteria editors */
.criteria-panel-field .x-panel-header .x-panel-header-text {
    text-overflow: ellipsis;
    overflow: hidden;
    /*max-width: 90%;*/
    /*display: block;*/
    white-space: nowrap;
}

.ps-sink .ag-theme-balham .ag-overlay-no-rows-center {
    padding: 10px;
    text-align: left;
}

.ps-sink .highlight-over {
    background-color: #b2eefa !important;
}

.viewport-marker .ag-theme-balham.ag-dnd-ghost {
    z-index: 25000;
}

.image-fit {
    max-height: 100%;
    max-width: 100%;
}

.ag-chart-tooltip .chart-tooltip {
    max-width: unset;
    overflow: auto;
    max-height: 40vh;
}

.chart-tip {
    z-index: 100000 !important;
}

.chart-tooltip-tools {
    font-size: 16px;
}

.onboarder em {
    font-style: italic;
}

.x-window-header, .x-panel-header {
    & .fa-regular, & .fa-solid, & .fa-light, & .fa-then {
        margin-right: 2px;
    }
}

/*.x-window-header .fa-regular,*/
/*.x-window-header .fa-solid,*/
/*.x-window-header .fa-light,*/
/*.x-window-header .fa-thin,*/
/*.x-panel-header .fa-regular,*/
/*.x-panel-header .fa-solid,*/
/*.x-panel-header .fa-light,*/
/*.x-panel-header .fa-thin {*/
/*  margin-right: 2px;*/
/*}*/

.fa-lwrap .x-border-layout-ct,
.login-panel .x-border-layout-ct {
    background-color: white;
}

.ip-display .x-panel-body {
    font-size: 11px;
}

.save-wksp-success .x-panel-bwrap {
    background-color: #33ff38 !important; /*#fff838; /* #f4ee42; */
}

.save-wksp-fail .x-panel-bwrap {
    background-color: #ff0000 !important; /*#fff838; /* #f4ee42; */
}

.document-result-row tbody td.x-grid3-cell {
    font-size: 13px;
}

.pdf-panel-info {
    max-height: 64px !important;
}

.verbatim-results-expand-ctrl {
    cursor: pointer;
    margin-right: 6px;
    margin-top: 3px;
}

.expand-group-cell-renderer input[type=checkbox] {
    vertical-align: top;
}

.verbatim-results-expand-ctrl.disabled {
    color: #aaa !important;
    cursor: default !important;
}

.flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.flex-column {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.check-box-selector {
    & .x-form-check-wrap {
        margin-bottom: 4px;
    }

    & .x-form-check-wrap input.x-form-checkbox {
        vertical-align: sub;
    }
}

.atl-chyron {
    position: absolute;
    display: inline-block;
    right: 20px;
    bottom: 35px;
    background-color: transparent;
    height: 120px;
    width: 96px;
    z-index: 2500;

    & .header {
        width: 100%;
        height: 16px;
        background-color: transparent;
    }

    & .control {
        color: #fff;
        background-color: #15428b;
        border-radius: 10px;
        font-size: 13px;
        line-height: 20px;
        width: 20px;
        height: 20px;
        text-align: center;
    }

    & .fa-2xl {
        font-size: 96px;
        line-height: 100px;
    }

    & .fa-message-question {
        color: #15428b;
        background: radial-gradient(circle at center 40px, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 32px, rgba(255, 255, 255, 0) 40px);
    }
}

.gap-grid-cell-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 2px;
}

.cell-top-right-btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 20px;
    padding-right: 5px;
    padding-bottom: 2px;
}

.gap-grid-v-sum-text {
    display: block;
    flex-grow: 1;
    max-height: 80px;
    overflow-y: auto;
    padding: 3px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.verbatim-summary-container {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    max-width: 85%;
    background-color: #f9f9f9;
    margin: 20px;
    max-height: inherit;
    overflow-y: auto;
    text-align: left;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
}

.field-ctls {
    all: unset;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 16px;
    padding-right: 2px;
}

.data-grid .field-ctls {
    justify-content: flex-start;
}

.field-ctls.cr-ctls {
    display: inline-block;
    justify-content: unset;
}

.verbatim-summary-panel-count {
    /*font-weight: bold;*/
    margin: 5px;
}

.product-chain-year-check {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #007bff;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background-color: white;
    margin-right: 5px;
    vertical-align: middle;
}

.product-chain-year-check:checked {
    background-color: #007bff;
    border-color: #007bff;
}

.product-chain-year-check:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
}

.clickable {
    &.fa-solid, &.fa-regular, &.fa-light, &.fa-thin {
        margin-right: 4px;
    }
}

.hoverable {
    position: relative;
}

.form-line {
    display: flex;
    flex-direction: row;
    align-items: self-end;
}

.trigger-field  {
    width: 100%;

    & > * {
        align-self: self-end;
    }
}

table.health-table {
    & td {
        border: 0;
        vertical-align: top;
    }
}

.verbatims-list {
    text-wrap: wrap;
    font-weight: normal;
    line-height: 1.1em;
}

.x-window details.verbatims-list {
    padding: 0 0.5em;
}