@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;900&family=Source+Code+Pro:wght@400;600;700&family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600&display=swap');

.logo-text {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
}

.logo-text b {
    font-weight: 900;
}

.logo-text .logo-trademark {
    font-size: 90%;
}

.layout-top-nav .wrapper .main-content {
    height: auto;
    min-height: 100%;
    margin-bottom: -50px;
    padding-bottom: 50px;
}

.layout-top-nav .wrapper footer.main-footer {
    height: 50px;
}

.layout-top-nav .wrapper footer.main-footer div.container {
    line-height: 1.425;
}

.user-initial-sm,
.user-initial-lg {
    display: inline-block;
    font-weight: 700;
    border-radius: 50%;
    text-align: center;
}

.user-initial-sm {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 700;
    margin: -10px 5px -10px 0;
}

.user-initial-lg {
    width: 100px;
    height: 100px;
    font-size: 50px;
    line-height: 100px;
    font-weight: 700;
    margin: 0;
}

.bootstrap-tagsinput {
    min-height: 34px;
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    display: block;
    width: 100%;
}

.bootstrap-tagsinput>.label {
    font-size: 90%;
    font-weight: 400;
}

.bootstrap-tagsinput>.label>span[data-role="remove"] {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bootstrap-tagsinput>.label>span[data-role="remove"]::after {
    content: '\f00d';
}

.overlay-container {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.75);
    z-index: 10000;
}

.overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

table.table tr .row-selector::before {
    content: '\f096';
}

table.table tr.selected .row-selector::before {
    content: '\f046';
}

textarea.form-control {
    resize: vertical;
    min-height: 4em;
}

.zip_download_link {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
}

/* Useful for positioning */
.container-element {
    position: relative;
}

/* Useful for indicating that an element is a link */
.is-clickable {
    cursor: pointer;
}

/* Useful for making disabled element even less obvious */
.is-disabled {
    opacity: .25 !important;
}

/* Useful for making whitespaces non breaking */
.is-nbsp {
    white-space: nowrap;
}

/* Utilities for spacing */
.m-0 {
    margin: 0;
}

.mt-0 {
    margin-top: 0;
}

.mr-0 {
    margin-right: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.ml-0 {
    margin-left: 0;
}

.m-sm {
    margin: 5px;
}

.mt-sm {
    margin-top: 5px;
}

.mr-sm {
    margin-right: 5px;
}

.mb-sm {
    margin-bottom: 5px;
}

.ml-sm {
    margin-left: 5px;
}

.m-md {
    margin: 10px;
}

.mt-md {
    margin-top: 10px;
}

.mr-md {
    margin-right: 10px;
}

.mb-md {
    margin-bottom: 10px;
}

.ml-md {
    margin-left: 10px;
}

.m-lg {
    margin: 20px;
}

.mt-lg {
    margin-top: 20px;
}

.mr-lg {
    margin-right: 20px;
}

.mb-lg {
    margin-bottom: 20px;
}

.ml-lg {
    margin-left: 20px;
}

/* Utilities for table cell sizing */
.cell-xs {
    min-width: 50px;
    max-width: 50px;
    width: 50px;
}

.cell-sm {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}

.cell-md {
    min-width: 200px;
    max-width: 200px;
    width: 200px;
}

.cell-lg {
    min-width: 400px;
    max-width: 1000px;
    width: 400px;
}

.cell-max {
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}

.cell-w1em {
    min-width: 1em;
    max-width: 1em;
    width: 1em;
}

.cell-w5em {
    min-width: 5em;
    max-width: 5em;
    width: 5em;
}

.cell-w8em {
    min-width: 8em;
    max-width: 8em;
    width: 8em;
}

.cell-w10em {
    min-width: 10em;
    max-width: 10em;
    width: 10em;
}

.cell-w15em {
    min-width: 15em;
    max-width: 15em;
    width: 15em;
}

.cell-w20em {
    min-width: 20em;
    max-width: 20em;
    width: 20em;
}

.cell-w30em {
    min-width: 30em;
    max-width: 30em;
    width: 30em;
}

.cell-w40em {
    min-width: 40em;
    max-width: 40em;
    width: 40em;
}

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

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

td.cell-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

td.cell-index {
    opacity: .5;
    font-size: 75%;
}

/* Utilities for custom modal sizing */
@media only screen and (min-width: 768px) {
    .modal-dialog.modal-sm {
        width: 50%;
        min-width: 600px;
    }

    .modal-dialog.modal-md {
        width: 75%;
        min-width: 800px;
    }

    .modal-dialog.modal-lg {
        width: 80%;
        min-width: 1000px;
    }

    .modal-dialog.modal-xl {
        width: 90%;
        min-width: 1400px;
    }
}

/* Typeahead.js styles */
.twitter-typeahead {
    width: 100%;
}

.tt-menu {
    width: 100%;
    background: #f0f0f0;
    border: 1px solid #eee;
    padding: 6px 12px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.5);
}

.tt-menu .tt-suggestion.tt-selectable {
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
    cursor: pointer;
}

.tt-menu .tt-suggestion.tt-selectable:hover {
    background: rgba(64, 151, 201, .1);
}

.modal-danger .tt-menu {
    color: #333;
}

/* JSONView for API Logs Details */
.api-log-detail table .jsonview {
    font-family: 'Source Code Pro', monospace;
    font-size: 1rem;
}

/* Daterangepicker DIV element styling */
.daterangepicker-container {
    display: inline-block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #fff;
    background: #3c8dbc;
    border: 1px solid #367fa9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.daterangepicker-container::before {
    font-family: "FontAwesome";
    content: "\f073";
}

.groupby-container {
    display: inline-block;
}

/* Editable table cell styles */
.cell-editable {
    width: 100%;
    position: relative;
}

.cell-editable .cell-edit-text {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 2.5em;
}

.cell-editable .cell-edit-action {
    position: absolute;
    top: 0;
    right: 0;
}

.cell-editable .cell-edit-action .fa {
    margin-left: 5px;
    cursor: pointer;
}

.cell-editable .cell-display {
    display: inline;
}

.cell-editable .cell-edit {
    display: none;
}

.cell-editable .cell-edit .tt-menu {
    width: 200%;
    background: rgba(255, 255, 255, .9);
    left: -12px !important;
}

.cell-editable.active .cell-display {
    display: none;
}

.cell-editable.active .cell-edit {
    display: inline;
}

.cell-editable.active .cell-edit input.cell-edit-input.form-control {
    background: transparent !important;
    height: auto;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ccc;
}

.label-color-code {
    float: right;
    height: .9em;
    width: .9em;
}

/* Custom label styles */
.label-k {
    background-color: rgba(0, 0, 0);
}

.label-kundefined {
    background-color: rgba(0, 0, 0);
}

.label-k0 {
    background-color: rgb(181, 137, 0);
}

.label-k1 {
    background-color: rgb(203, 75, 22);
}

.label-k2 {
    background-color: rgb(38, 139, 210);
}

.label-k3 {
    background-color: rgb(211, 54, 130);
}

.label-k4 {
    background-color: rgb(255, 137, 0);
}

.label-k5 {
    background-color: rgb(220, 50, 47);
}

.label-k6 {
    background-color: rgb(42, 161, 152);
}

.label-k7 {
    background-color: rgb(133, 153, 0);
}

.label-k8 {
    background-color: rgb(108, 113, 196);
}

.label-k10 {
    background-color: rgb(183, 255, 5);
    color: #678029;
}

.label-k11 {
    background-color: rgb(166, 230, 5);
    color: #678029;
}

.label-k12 {
    background-color: rgb(153, 140, 0);
}

.label-k13 {
    background-color: rgb(115, 34, 0);
}

.label-k15 {
    background-color: rgb(115, 34, 0);
}

.label-k16 {
    background-color: rgb(242, 82, 141);
}

.label-k17 {
    background-color: rgb(118, 24, 219);
}

.label-k22 {
    background-color: rgb(126, 85, 76);
}

.label-k23 {
    background-color: rgb(51, 51, 255);
}

.label-k24 {
    background-color: rgb(31, 106, 65);
}

.label-k25 {
    background-color: rgb(31, 65, 106);
}

.label-k26 {
    background-color: rgb(230, 184, 0);
}

.label-k27 {
    background-color: rgb(0, 0, 255);
}

.label-k28 {
    background-color: rgb(0, 204, 0);
}

.label-k29 {
    background-color: rgb(126, 30, 29);
}

.label-k30 {
    background-color: rgb(69, 76, 196);
}

.label-k31 {
    background-color: rgb(200, 120, 71);
}

.label-k32 {
    background-color: rgb(36, 98, 233);
}

.label-k33 {
    background-color: rgb(207, 36, 233);
}

.label-k34 {
    background-color: rgb(204, 135, 17);
}

.label-k0.label-1st {
    border: 1px solid rgb(181, 137, 0);
    background: rgba(181, 137, 0, .25);
    color: rgb(181, 137, 0)
}

.label-k1.label-1st {
    border: 1px solid rgb(203, 75, 22);
    background: rgba(203, 75, 22, .25);
    color: rgb(203, 75, 22)
}

.label-k2.label-1st {
    border: 1px solid rgb(38, 139, 210);
    background: rgba(38, 139, 210, .25);
    color: rgb(38, 139, 210)
}

.label-k3.label-1st {
    border: 1px solid rgb(211, 54, 130);
    background: rgba(211, 54, 130, .25);
    color: rgb(211, 54, 130)
}

.label-k4.label-1st {
    border: 1px solid rgb(255, 137, 0);
    background: rgba(255, 137, 0, .25);
    color: rgb(255, 137, 0)
}

.label-k5.label-1st {
    border: 1px solid rgb(220, 50, 47);
    background: rgba(220, 50, 47, .25);
    color: rgb(220, 50, 47)
}

.label-k6.label-1st {
    border: 1px solid rgb(42, 161, 152);
    background: rgba(42, 161, 152, .25);
    color: rgb(42, 161, 152)
}

.label-k7.label-1st {
    border: 1px solid rgb(133, 153, 0);
    background: rgba(133, 153, 0, .25);
    color: rgb(133, 153, 0)
}

.label-k8.label-1st {
    border: 1px solid rgb(108, 113, 196);
    background: rgba(108, 113, 196, .25);
    color: rgb(108, 113, 196)
}

.label-k10.label-1st {
    border: 1px solid #678029;
}

.label-k11.label-1st {
    border: 1px solid #678029;
}

.label-k12.label-1st {
    border: 1px solid rgb(153, 140, 0);
    background: rgba(153, 140, 0, .25);
    color: rgb(153, 140, 0)
}

.label-k13.label-1st {
    border: 1px solid rgb(115, 34, 0);
    background: rgba(115, 34, 0, .25);
    color: rgb(115, 34, 0)
}

.label-k15.label-1st {
    border: 1px solid rgb(115, 34, 0);
    background: rgba(115, 34, 0, .25);
    color: rgb(115, 34, 0)
}

.label-k16.label-1st {
    border: 1px solid rgb(242, 82, 141);
    background: rgba(242, 82, 141, .25);
    color: rgb(242, 82, 141)
}

.label-k17.label-1st {
    border: 1px solid rgb(118, 24, 219);
    background: rgba(118, 24, 219, .25);
    color: rgb(118, 24, 219)
}

.label-k22.label-1st {
    border: 1px solid rgb(126, 85, 76);
    background: rgba(126, 85, 76, .25);
    color: rgb(126, 85, 76)
}

.label-k23.label-1st {
    border: 1px solid rgb(51, 51, 255);
    background: rgba(51, 51, 255, .25);
    color: rgb(51, 51, 255)
}

.label-k24.label-1st {
    border: 1px solid rgb(31, 106, 65);
    background: rgba(31, 106, 65, .25);
    color: rgb(31, 106, 65)
}

.label-k25.label-1st {
    border: 1px solid rgb(31, 65, 106);
    background: rgba(31, 65, 106, .25);
    color: rgb(31, 65, 106)
}

.label-k26.label-1st {
    border: 1px solid rgb(230, 184, 0);
    background: rgba(255, 204, 0, .25);
    color: rgb(204, 163, 0)
}

.label-k27.label-1st {
    border: 1px solid rgb(0, 0, 255);
    background: rgba(0, 0, 255, .25);
    color: rgb(0, 0, 255)
}

.label-k28.label-1st {
    border: 1px solid rgb(0, 204, 0);
    background: rgba(0, 204, 0, .25);
    color: rgb(0, 204, 0)
}

.label-k29.label-1st {
    border: 1px solid rgb(126, 30, 29);
    background: rgba(126, 30, 29, .25);
    color: rgb(126, 30, 29);
}

.label-k30.label-1st {
    border: 1px solid rgb(69, 76, 196);
    background: rgba(69, 76, 196, .25);
    color: rgb(69, 76, 196);
}

.label-k31.label-1st {
    border: 1px solid rgb(200, 120, 71);
    background: rgba(200, 120, 71, .25);
    color: rgb(200, 120, 71);
}

.label-k32.label-1st {
    border: 1px solid rgb(36, 98, 233);
    background: rgba(36, 98, 233, .25);
    color: rgb(36, 98, 233);
}

.label-k33.label-1st {
    border: 1px solid rgb(210, 24, 239);
    background: rgba(210, 24, 239, .25);
    color: rgb(210, 24, 239);
}

.label-k34.label-1st {
    border: 1px solid rgb(204, 135, 17);
    background: rgba(204, 135, 17, .25);
    color: rgb(204, 135, 17);
}

.label-multi {
    background: repeating-linear-gradient(45deg, #666, #666 10px, #333 10px, #333 20px) !important
}

.label-added {
    background-color: #fff !important;
    color: #666 !important;
    border: 1px solid #ccc;
}

.label-category-selected,
.label-category-not-selected {
    font-weight: 400;
    font-size: 90%;
    padding: .05em .3em .1em;
}

.label-category-selected {
    border: 1px solid #ccc;
    color: #999;
}

.label-category-not-selected {
    border: 1px solid #666;
    color: #333;
}

/* Custom box styles */
.box.box-primary .box-body:nth-child(odd) {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

/* Data table loading overlay */
.modal-table-container {
    position: relative;
}

.modal-table-container .modal-table-loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .75);
    z-index: 1001;
}

.modal-table-container .modal-table-loading-overlay .modal-table-loading-indicator {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .5
}

/* Custom data table processing text */
.dataTables_wrapper .dataTables_processing {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, .9);
}

.dataTables_wrapper .dataTables_processing .dataTables_processingTxt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .5
}


/* Call Trace Custom Layout */
.ct-accordion {
    font-size: 1.4rem;
}

.ct-accordion a {
    color: #444;
}

.ct-accordion .panel-group {
    margin-bottom: 0;
}

.ct-accordion .panel-heading {
    position: relative;
    padding: .25em 1em;
}

.ct-accordion .panel-heading>a::after {
    position: absolute;
    top: .5em;
    right: 1em;
    font: normal normal normal 1rem/1 FontAwesome;
    font-size: 1rem;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f068';
    opacity: .25;
}

.ct-accordion .panel-heading>a.collapsed::after {
    content: '\f067';
}

.ct-accordion .panel-heading .panel-title {
    font-size: 1.4rem;
}

.ct-accordion .panel-heading .panel-title>.ct-entity {
    font-size: 1.2rem;
    font-weight: 700;
}

.ct-accordion .panel-heading .panel-title>.ct-entity:nth-child(n+2)::before {
    content: '-';
    padding-right: .5em;
    padding-left: .25em;
}

.ct-accordion .panel-heading .panel-title>.ct-entity::after {
    content: ':';
    padding-left: .25em;
    padding-right: .5em;
}

.ct-accordion .panel-body {
    padding: 5px 10px;
}

.ct-accordion .panel-body table.dataTable {
    margin-bottom: 1em;
}

.ct-accordion .panel-body table.dataTable thead th {
    padding: .25em 1em;
}

.ct-accordion .panel-body table.dataTable thead th,
.ct-accordion .panel-body table.dataTable tbody td {
    font-family: 'Source Code Pro', monospace;
    font-size: 1.1rem;
    line-height: 1.1;
    padding: .25em 1em;
}

.panel-group>.panel .panel-body>.panel-group {
    margin-right: -11px;
}

.ct-tstamp {
    color: #999;
    float: right;
    margin-right: 2em;
    font-size: 1.2rem;
}

.ct-tstamp.ct-no-listing {
    color: rgba(204, 0, 0, .35);
    font-style: italic;
}

.ct-duration::before {
    display: inline-block;
    font: normal normal normal 1em/1 FontAwesome;
    font-size: 1em;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f017';
    padding-right: .25em;
    opacity: .75;
}

.ct-datetime::before {
    display: inline-block;
    font: normal normal normal 1em/1 FontAwesome;
    font-size: 1em;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f073';
    padding-right: .25em;
    opacity: .75;
}

.ct-accordion .ct-api-detail-container,
.ct-accordion .ct-vertical-detail {
    position: relative;
}

.ct-accordion .ct-api-detail-container .table-data table.dataTable {
    margin-bottom: 1.5em;
}

.ct-accordion .ct-api-detail-container .btn-api-detail {
    position: absolute;
    right: 1em;
    bottom: .25em;
    cursor: pointer;
}

.ct-accordion .ct-vertical-detail .btn-vertical-detail a {
    position: absolute;
    right: 0;
    bottom: 0.5em;
    cursor: pointer;
    color: #3c8dbc;
    font-style: italic;
}

.ct-label {
    position: relative;
    text-align: right;
    font-weight: 700;
}

.ct-label::after {
    position: absolute;
    right: 0;
    content: ':';
    padding-right: 3px;
}

.ct-data {}

.ct-empty-data {
    font-style: italic;
    font-size: 80%;
    opacity: .60;
}

/* Toggle button for API list */
.btn-toggle {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 20px;
    padding: 0;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-radius: 10px;
}

.btn-toggle>.btn-indicator {
    position: absolute;
    top: 2px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #fff;
}

.btn-toggle.btn-warning>.btn-indicator {
    left: 2px;
    right: auto;
}

.btn-toggle.btn-success>.btn-indicator {
    left: auto;
    right: 2px;
}

/* Styles for bundled campaign section in the campaign edit page */
.destination-campaigns-list .input-group:not(:last-child) {
    margin-bottom: 5px;
}

/* Styles for datatable button to prioritize selected items on the display list */
.show-selected-btn {
    border-radius: 10px;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    line-height: 1.6;
    left: 50%;
    padding: 0 5px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 1;
}

/* Make sure the padding for footer element is the same as the rest of the table */
table.table tfoot tr td {
    padding: 8px 10px;
}

/* Make sure datatable processing icon stays on top */
.dataTables_processing {
    z-index: 1000000;
}

/* For datatables with comparison values */
table.dataTable td.cell-multi-values {
    padding: 0;
}

.table-compare-vertical .dt-cell-compared-values .value-source,
.table-compare-vertical .dt-cell-compared-values .value-comparison {
    padding: 8px 20px 8px 10px;
    position: relative;
}

.table-compare-vertical .dt-cell-compared-values .value-source {
    border-bottom: 1px solid #f4f4f4;
}

.table-compare-vertical .dt-cell-compared-values .value-comparison {
    border-top: 1px solid #f4f4f4;
}

.table-compare-vertical .dt-cell-compared-values[data-trend="-1"] {}

.table-compare-vertical .dt-cell-compared-values[data-trend="-1"] .value-source {
    color: #f66;
}

.table-compare-vertical .dt-cell-compared-values[data-trend="-1"] .value-source::after {
    content: '\f078';
    color: #f66;
    font-family: FontAwesome;
    font-size: 50%;
    position: absolute;
    right: 5px;
    top: 12px;
}

.table-compare-vertical .dt-cell-compared-values[data-trend="0"] {}

.table-compare-vertical .dt-cell-compared-values[data-trend="1"] {}

.table-compare-vertical .dt-cell-compared-values[data-trend="1"] .value-source {
    color: #393;
}

.table-compare-vertical .dt-cell-compared-values[data-trend="1"] .value-source::after {
    content: '\f077';
    color: #393;
    font-family: FontAwesome;
    font-size: 50%;
    position: absolute;
    right: 5px;
    top: 12px;
}

/* For datatables with comparison values */
.table-compare-horizontal .dt-cell-compared-values {
    display: flex;
}

.table-compare-horizontal .dt-cell-compared-values .value-source,
.table-compare-horizontal .dt-cell-compared-values .value-comparison {
    width: 50%;
    position: relative;
    padding: 8px 30px 8px 10px;
}

.table-compare-horizontal .dt-cell-compared-values .value-source {
    border-right: 1px solid #f4f4f4;
}

.table-compare-horizontal .dt-cell-compared-values .value-comparison {
    border-left: 1px solid #f4f4f4;
}

.table-compare-horizontal .dt-cell-compared-values[data-trend="-1"] {}

.table-compare-horizontal .dt-cell-compared-values[data-trend="-1"] .value-source {
    color: #f66;
}

.table-compare-horizontal .dt-cell-compared-values[data-trend="-1"] .value-source::after {
    content: '\f078';
    color: #f66;
    font-family: FontAwesome;
    font-size: 50%;
    position: absolute;
    right: 5px;
    top: 12px;
}

.table-compare-horizontal .dt-cell-compared-values[data-trend="0"] {}

.table-compare-horizontal .dt-cell-compared-values[data-trend="1"] {}

.table-compare-horizontal .dt-cell-compared-values[data-trend="1"] .value-source {
    color: #393;
}

.table-compare-horizontal .dt-cell-compared-values[data-trend="1"] .value-source::after {
    content: '\f077';
    color: #393;
    font-family: FontAwesome;
    font-size: 50%;
    position: absolute;
    right: 5px;
    top: 12px;
}

/* Data table horizontal scroll */
.sticky-hscroll {
    position: fixed;
    top: -1px;
}

.sticky-header {
    background: #fff;
    position: fixed;
    top: 0;
}

/* Copy to clipboard icon */
.text-copy {
    color: #337ab7;
    cursor: pointer;
    font-size: 80%;
    margin-left: 5px;
}

label.label-disabled {
    cursor: not-allowed;
    opacity: .25;
}

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

table th.tbl-col-1,
table td.tbl-col-1 {
    width: 5%;
}

table th.tbl-col-2,
table td.tbl-col-2 {
    width: 10%;
}

table th.tbl-col-3,
table td.tbl-col-3 {
    width: 15%;
}

table th.tbl-col-4,
table td.tbl-col-4 {
    width: 20%;
}

table th.tbl-col-5,
table td.tbl-col-5 {
    width: 25%;
}

table th.tbl-col-6,
table td.tbl-col-6 {
    width: 30%;
}

table th.tbl-col-7,
table td.tbl-col-7 {
    width: 35%;
}

table th.tbl-col-8,
table td.tbl-col-8 {
    width: 40%;
}

table th.tbl-col-9,
table td.tbl-col-9 {
    width: 45%;
}

table th.tbl-col-10,
table td.tbl-col-10 {
    width: 50%;
}

table th.tbl-col-11,
table td.tbl-col-11 {
    width: 55%;
}

table th.tbl-col-12,
table td.tbl-col-12 {
    width: 60%;
}

table th.tbl-col-13,
table td.tbl-col-13 {
    width: 65%;
}

table th.tbl-col-14,
table td.tbl-col-14 {
    width: 70%;
}

table th.tbl-col-15,
table td.tbl-col-15 {
    width: 75%;
}

table th.tbl-col-16,
table td.tbl-col-16 {
    width: 80%;
}

table th.tbl-col-17,
table td.tbl-col-17 {
    width: 85%;
}

table th.tbl-col-18,
table td.tbl-col-18 {
    width: 90%;
}

table th.tbl-col-19,
table td.tbl-col-19 {
    width: 95%;
}

table th.tbl-col-20,
table td.tbl-col-20 {
    width: 100%;
}

table td .cell-sub-row:not(:first-child) {
    border-top: 1px solid #eee;
    margin-top: 4px;
    padding-top: 4px;
}