@import url('https://fonts.googleapis.com/css?family=Abel');

:root {
     --main-header-grey: 50, 50, 50;                             /* #323232    A dark, charcoal grey, example: the upper header for the site */
     --primary-component-bg-color: 255, 255, 255;                /* #ffffff    A crisp white, example: this tag is a little redundant in this theme; the card backgrounds */
     --component-accent-color: 204, 204, 204;                    /* #cccccc    A mid-tone grey, example: the card button borders */
     --main-font-color: 0, 0, 0;                                 /* #000000    A sharp black, example: the card font color */
     --bg-color: 244, 244, 244;                                  /* #f4f4f4    An off-white, example: the site background */
     --secondary-component-bg-color: 255, 255, 255;              /* #ffffff    A crisp white, example: this tag is a little redundant in this theme; the frame around the map */
     --factal-red:  235, 51, 0;                                  /* #eb3300    The one and only, example: The main navbar */
     --severity-5:  244, 88, 70;                                 /* #f45846    Severity 5 dot and card */
     --button-hover-color: 255, 255, 255;                        /* #ffffff    A crisp white, example: this tag is a little redundant in this theme; styles the name cards button hovers */
     --link-color: var(--factal-red);                            /* #eb3300    A bright red, example: this tag is a little redundant in this theme; the card links */
     --arc-header-color: var(--factal-red);                      /* #eb3300    A bright red, example: this tag is a little redundant in this theme; the card arc header */
     --table-accent-color: 241, 241, 241;                        /* #f1f1f1    A mid-tone grey, example: the lines between entries on the tables */
     --secondary-font-color: 101, 101, 101;                      /* #656565    A mid-tone grey, example: the muted text in the menus */
     --follow-blue:  205, 232, 245;                              /* #cde8f5    A soft blue, example: the following card backgrounds */
     --follow-blue-dash:  88, 199, 239;                          /* #58c7ef    A vibrant blue, example: the following dashboard header backgrounds */
     --emerging-orange: 252, 124, 72;                            /* #ec8155    A warm orange, example: the emerging card backgrounds */
     --proximity-purple: 208, 196, 222;                          /* #d0c4de    A soft purple, example: the proximity card backgrounds */
     --swapped-proximity-purple: 129, 90, 192;                   /* #815ac0    A deep purple, example: the proximity card backgrounds in dark mode */
     --proximity-purple-dash:  150, 116, 200;                    /* #9674c8    A vibrant purple, example: the proximity dashboard header backgrounds */
     --scrollbar-color: 188, 188, 188;                           /* #bcbcbc    A mid-tone grey, example: the scrollbar thumb */
     --hero-button: var(--factal-red);                           /* #eb3300    A bright red, example:this tag is a little redundant in this theme; the main follow buttons, or important buttons on screen */
     --secondary-button-color: 241, 241, 241;                    /* #f1f1f1    A mid-to-light-tone grey, example: the select dropdowns on topics in the new item form */
     --totals-color:  255, 255, 224;                             /* #fffff0    A butter colored yellow, example: the totals value on the stats page, and on certain things in radar*/
     --secondary-header-color: 153, 0, 0;                        /* #990000    A deep red, example: TBD I can't remember where I replaced it */
     --always-white: 255, 255, 255;                              /* #ffffff    A crisp white, example: the card backgrounds */
     --always-black: 0, 0, 0;                                    /* #000000    A sharp black, example: the card font color */
     --muted-font-color: 84, 84, 84;
     --radar-setback-bg-color: 255, 255, 224;
     --radar-setback-text-color: var(--always-black);
     --live-bright: 243, 252, 242;                               /* #f3fcf2    A bright green */
     --live-medium: 173, 215, 167;                               /* #add7a7    A medium green */
     --live-dark: 81, 105, 78;                                   /* #51694e    A dark green */
     --chat-subhead: var(--live-dark);
     --share-modal-integrations-buttons: var(--always-white);
     --main-font-filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7470%) hue-rotate(236deg) brightness(92%) contrast(100%);
     --main-link-filter: brightness(0) saturate(100%) invert(20%) sepia(80%) saturate(4371%) hue-rotate(15deg) brightness(103%) contrast(100%);
     --muted-font-filter: brightness(0) saturate(100%) invert(31%) sepia(0%) saturate(0%) hue-rotate(183deg) brightness(102%) contrast(93%);
     .table { --bs-table-bg: var(--primary-component-bg-color) };
    }

 [data-theme="dark"] {
     --main-header-grey: 41, 41, 41;                             /* #434343    A smoky grey, example: the upper header for the site */
     --primary-component-bg-color: 30, 30, 30;                   /* #1E1E1E    A mid-tone grey, example: the card backgrounds */
     --component-accent-color: 160, 160, 160;                    /* #A0A0A0    A lighter grey, example: the card button borders */
     --main-font-color: 255, 255, 255;                           /* #ffffff    A crisp white, example: the card font color */
     --bg-color:67, 67, 67;                                      /* #434343    A smoky grey, example: the site background */
     --secondary-component-bg-color: 30, 30, 30;                 /* #1E1E1E    A mid-tone grey, example: this tag is a little redundant in this theme; the frame around the map */
     --factal-red:  235, 51, 0;                                  /* #eb3300    The one and only, example: The main navbar */
     --severity-5:  244, 88, 70;                                 /* #f45846    Severity 5 dot and card */
     --button-hover-color: 0, 0, 0;                              /* #000000    A sharp black, example: styles the name cards button hovers */
     --link-color: 146, 229, 255;                                /* #92E5FF    A light blue, example: the card links */
     --arc-header-color: 255, 255, 255;                          /* #ffffff    A crisp white, example: the card arc header */
     --table-accent-color: 111, 111, 111;                        /* #6f6f6f    A mid-tone grey, example: the lines between entries on the tables */
     --secondary-font-color: 170, 170, 170;                      /* #AAAAAA    A mid-tone grey, example: the muted text in the menus */
     --follow-blue:  0, 119, 182;                                /* #0077b6    A mid tone blue, example: the following card backgrounds */
     --follow-blue-dash:  var(--follow-blue);                    /* #0077b6    A mid tone blue, example: this tag is a little redundant in this theme; the following dashboard header backgrounds */
     --emerging-orange:  252, 124, 72;                           /* #ec8155    A burnt orange, example: the emerging card backgrounds */
     --proximity-purple: 129, 90, 192;                           /* #815ac0    A deep purple, example: the proximity card backgrounds */
     --swapped-proximity-purple: 208, 196, 222;                  /* #d0c4de    A soft purple, example: the light mode proximity card backgrounds */
     --proximity-purple-dash: var(--proximity-purple);           /* #58436d    A deep purple, example: this tag is a little redundant in this theme; the proximity dashboard header backgrounds */
     --scrollbar-color: 41, 41, 41;                              /* #292929    A charcoal grey, example: the scrollbar thumb */
     --hero-button: var(--follow-blue);                          /* #085378    A deep blue, example: the main follow buttons, or important buttons on screen */
     --secondary-button-color: 41, 41, 41;                       /* #292929    A charcoal grey, example: the select dropdowns on topics in the new item form */
     --totals-color: 67, 67, 67;                                 /* #111111    A dark, charcoal grey, example: this tag is a little redundant in this theme; the totals value on the stats page */
     --secondary-header-color: 88, 199, 239;                     /* #58c7ef    A light blue, example: this tag is a little redundant in this theme; TBD I can't remember where I replaced it */
     --always-white: 255, 255, 255;                              /* #ffffff    A crisp white, example: the card font color */
     --always-black: 0, 0, 0;                                    /* #000000    A sharp black, example: some button font colors */
     --muted-font-color: 233, 236, 239;                          /* #e9ecef    A milky gray, muted font colors on feed */
     --radar-setback-bg-color: 60, 60, 0;
     --radar-setback-text-color: var(--always-white);
     --chat-subhead: var(--live-medium);
     --share-modal-integrations-buttons: var(--secondary-font-color);
     --main-font-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2936%) hue-rotate(67deg) brightness(115%) contrast(101%);
     --main-link-filter: brightness(0) saturate(100%) invert(73%) sepia(52%) saturate(427%) hue-rotate(171deg) brightness(104%) contrast(104%);
     --muted-font-filter: brightness(0) saturate(100%) invert(87%) sepia(13%) saturate(99%) hue-rotate(188deg) brightness(110%) contrast(87%);
     .table { --bs-table-bg: var(--primary-component-bg-color) };
    }



.marker-icon {
  /* font-family must be set here as well as specified in fontFamily of Google Map markers */
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.marker-icon-priority::after{
  content: "\f005"; /*star*/
}
.marker-icon-place::after{
  content: "\f1ad"; /*building*/
}
.marker-icon-house::after{
  content: "\f015"; /*home*/
}
.marker-icon-person::after{
  content: "\f007"; /*user*/
}
.marker-icon-vip::after{
  font-size: .9em;
  content: "\f521"; /*crown*/
}
.marker-icon-vehicle::after{
  content: "\f1b9"; /*car*/
  font-size: 1.1em;
}
.marker-icon-ship::after{
  content: "\f21a"; /*ship*/
}
.marker-icon-seaport::after{
  content: "\f13d"; /*anchor*/
}
.marker-icon-airport::after{
  content: "\f072"; /*plane*/
  font-size: .9em;
}
.marker-icon-distribution::after{
  content: "\f0d1"; /*truck*/
  font-size: .9em;
}
.marker-icon-factory::after{
  content: "\f275"; /*industry*/
}
.marker-icon-comms::after{
  content: "\f7c0"; /*satellite-dish*/
}
.marker-icon-tech::after{
  content: "\f233"; /*server*/
  font-size: 1.1em;
}
.marker-icon-warehouse::after{
  content: "\f494"; /*warehouse*/
}
.marker-icon-store::after{
  content: "\f54e"; /*store*/
  font-size: .9em;
}
.marker-icon-hotel::after{
  content: "\f236"; /*bed*/
  font-size: .9em;
}
.marker-icon-hospital::after{
  content: "\f47e"; /*hospital-symbol*/
}
.marker-icon-interest::after{
  content: "\f06e"; /*eye*/
  font-size: .9em;
}
.marker-icon-globe::after{
  content: "\f47e"; /*globe*/
}
.marker-icon-heart::after{
  content: "\f004"; /*heart*/
}
.marker-icon-lifebuoy::after{
  content: "\f1cd"; /*lifebuoy*/
}
.marker-icon-leaf::after{
  content: "\f06c"; /*leaf*/
}
.marker-icon-flag::after{
  content: "\f024"; /*flag*/
}
.marker-icon-other::after{
  content: "\f059"; /*question-circle*/
}

/* icon size adjustments */
.fa-warehouse, .fa-crown, .fa-ship {
  font-size: .8em;
}
.fa-plane, .fa-truck, .fa-store, .fa-bed, .fa-eye {
  font-size: .9em;
}
.fa-satellite-dish {
  font-size: 1.1em;
}

.sticky-top {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
}

.unavailable {
  opacity: 0.5;
  pointer-events: none;
}

button:disabled:hover {
  cursor: not-allowed;
}

@keyframes spinner-border {
  to { transform: rotate(360deg); }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  margin-right: .25rem;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em;
}

.btn-secondary .spinner-border {
  border: .25rem solid lightgrey;
  border-right-color: transparent;
}
button.btn-unstyled {
  background-color: transparent !important; border: none !important;
}

body { background-color: rgba(var(--bg-color), 1.0); }
tbody, td, tfoot, th, thead, tr { border-style: none; }
a:not([href]):hover { cursor: pointer; }

#watchingTabContent { background-color: rgba(var(--bg-color), 1.0) !important; }
#watchingTabContent .mt-3 { background-color: rgba(var(--primary-component-bg-color), 1.0) !important; }
#watchingTabContent .row .btn-secondary { background-color: transparent; color: rgba(var(--main-font-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0); }
#watchingTabContent .col-auto .row .btn-secondary { background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0); color: rgba(var(--main-font-color), 1.0); }

.mai-top-header .container { padding-left: 15px; padding-right: 15px; }
/*.navbar-brand, .mai-user-nav { flex: 0 0 auto !important; }*/
.fal.fa-broadcast-tower { font-size: 1.1em; }
.fal.fa-history { font-size: 0.9em; margin-right: 2px; }
#statuslink .fal.ok { color: green; }
#statuslink .fal.warn { color: orange; }
#statuslink .fal.critical { color: red; }

.modal-content { color: rgba(var(--main-font-color), 1.0); background-color: rgba(var(--secondary-component-bg-color), 1.0); }
.popover, .popover-header, .popover-body { border-radius: 0.5em; color: rgba(var(--main-font-color), 1.0); background-color: rgba(var(--secondary-component-bg-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0); }
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-bottom-color: rgba(var(--component-accent-color), 1.0); }
.mai-top-header { background-color: rgba(var(--main-header-grey), 1.0); }
.mai-top-header .navbar-brand { background-size: 100px; display: block !important; min-width: 30px; }
.mai-top-header.color { background-color: rgba(var(--factal-red), 1.0); }
.mai-top-header .navbar-nav>.nav-item.dropdown .dropdown-menu>.dropdown-item:hover { background-color: rgba(var(--button-hover-color), 0.3); color: rgba(var(--always-white), 1.0); }
.mai-sub-header { background-color: rgba(var(--factal-red), 1.0); padding-bottom: 0px; }
.mai-sub-header .navbar-toggler.collapsed, .mai-sub-header .navbar-toggler { background-color: rgba(var(--factal-red), 1.0); color: rgba(var(--always-white), 1.0); }
.mai-sub-header::before { display: none; }
.mai-sub-header .navbar-nav > .nav-item > .nav-link { font-family: "Abel", sans-serif; font-size: 1.4rem; min-width: 0; }
.mai-top-header .navbar-nav > .nav-item > .nav-link { font-family: "Abel", sans-serif; font-size: 1.2rem; white-space: nowrap; max-width: 450px; text-overflow: ellipsis; overflow: hidden; display: block; line-height: 60px; }
.mai-top-header .nav-item.dropdown .user-name { white-space: nowrap; max-width: 160px; text-overflow: ellipsis; overflow: hidden; float: left; }
.navbar-dark .navbar-nav .nav-link#signalslink:hover { color: rgba(var(always-white) , 0.5); }
.mai-sub-header .navbar-nav > .nav-item > .nav-link i { position: relative; top: 0px; }
.mai-sub-header .navbar-nav > .nav-item > .nav-link.icon-only { min-width: 0; }
.mai-sub-header .nav-tabs .nav-link.active, .mai-sub-header .nav-tabs .nav-item.show .nav-link { color: rgba(var(--factal-red), 1.0) !important; background-color: rgba(var(--bg-color), 1.0) !important; }
.mai-sub-header .nav-tabs .nav-link.active:hover, .mai-sub-header .nav-tabs .nav-item.show .nav-link:hover { color: rgba(var(--factal-red), 1.0) !important; background-color: rgba(var(--bg-color), 1.0) !important; }
.mai-sub-header .navbar-nav > .nav-item.open > a { background-color: rgba(var(--factal-red), 1.0); color: rgba(var(--always-white), 1.0); }
.mai-sub-header .navbar-nav > .nav-item.open:hover > a { color: #300; }
.mai-sub-header .search > input { background-color: rgba(var(--factal-red), 1.0); filter: brightness(1.1); }
.mai-sub-header > .container { padding-top: 12px; }
.mai-sub-header .search { top: 32px; }
.mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu { z-index: 9999; background-color: rgba(var(--main-header-grey), 1.0) !important; }
.mai-top-header .navbar-nav > .nav-item.dropdown .dropdown-menu>.dropdown-item { z-index: 9999; background-color: rgba(var(--main-header-grey), 1.0); }
.mai-sub-header .search, .mai-sub-header .search > input:focus { border-color: #C00; }
.justify-content-center .mai-top-header .navbar-brand { margin-right: 0; }
.mai-sub-header .navbar-nav > .nav-item > .nav-link:hover { color: #300; }
.mai-nav-tabs-sub { border-bottom: 1px dotted rgba(var(--factal-red), 1.0); }
.mai-nav-tabs-sub .name { font-family: "Abel", sans-serif; font-size: 1.3rem; }
.mai-nav-tabs-sub a:hover { color: rgba(var(--link-color), 1.0); }
.nav-item.open .mai-nav-tabs-sub { display: none; }
.nav-item.open .mai-nav-tabs-sub.show { display: flex; z-index: 9999; }
.mai-sub-header .search input { width: 100px; border: none; }
.mai-sub-header .search button {
    background-color: rgba(var(--factal-red), 1.0); filter: brightness(1.1);
    color: rgba(var(--always-white), 1.0);
}
.mai-sub-header .search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(var(--always-white), 1.0) !important;
  opacity: 0.7 !important; /* Firefox */
}
.mai-sub-header .navbar-nav > .nav-item > .nav-link > .icon i { font-size: 1.8rem; margin-right: 2px; }
.mai-sub-header.staff .navbar-nav > .nav-item > .nav-link { padding: 0 13px; margin-bottom: 0px; }
.nav-link { -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; transition: color 0.4s ease; }

.dropdown-item i.fa-address-card { font-size: 1.1em; margin-left: 2px; margin-right: 8px; }
.dropdown-item i.fa-address-book { font-size: 1.1em; margin-left: 4px; margin-right: 9px; }
/*.mai-top-header .mai-icons-nav .mai-messages > .dropdown-menu { width: 450px; margin-right: -225px; }*/
/*.mai-top-header .mai-icons-nav .mai-messages .mai-scroller { height: 240px; }*/
nav .btn-secondary, #hero .btn-secondary { background-color: transparent; color: rgba(var(--always-white), 1.0); font-family: Abel, helvetica, sans-serif; }
nav .btn { font-size: 16px; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgba(var(--main-font-color), 1.0); background-color: rgba(var(--hero-button), 1.0); border-color: rgba(var(--hero-button), 1.0); }
.nav-pills .nav-link { border-radius: 0; color: rgba(var(--link-color), 1.0); background-color: transparent !important; border-bottom: 5px solid lightgrey; margin-right: 10px; }
.nav-link.hover, .nav-link:hover { color: #300; }
.dropdown-menu.show { z-index: 9999; } /* so that dropdown menus on topic pages overlap tab content in right column */
.dropdown-menu { background-color: rgba(var(--primary-component-bg-color), 1.0) !important; color: rgba(var(--main-font-color), 1.0); max-height: 75vh; overflow-x: hidden; overflow-y: auto; }
.main-content .dropdown-menu { max-height: 50vh; }
.dropdown-menu:active { background-color: rgba( var(--button-hover-color), 1.0); }
.dropdown-item, #combinatory-topics-topic-picker-tabs-content .list-group-item { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.dropdown-item:hover, #combinatory-topics-topic-picker-tabs-content .list-group-item:hover { background-color: rgba( var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.dropdown-item.active:hover, #combinatory-topics-topic-picker-tabs-content .list-group-item.active:hover { background-color: rgba(var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.dropdown-item.active, #combinatory-topics-topic-picker-tabs-content .list-group-item.active { background-color: rgba(var(--component-accent-color), 1.0); color: rgba(var(--main-font-color), 1.0); border: none; } 
.dropdown-item.active.disabled { background-color: rgba(var(--component-accent-color), 1.0) !important; color: rgba(var(--main-font-color), 1.0) !important; border: none !important; }
/**.dropdown-item.active:active, #topic-tabs-content .list-group-item.active.active { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }**/
.list-group-item-danger, #topic-tabs-content .list-group-item-danger { background-color: rgba(var(--factal-red), 0.25); color: rgba(var(--secondary-header-color), 1.0); }
.dropdown-item-big { color: rgba(var(--link-color), 1.0); }
@media (max-width: 575.98px) {
  .mai-top-header .navbar-brand { max-width: 30px; } /*for hiding FACTAL in nav */
  .form-horizontal .form-group.row .col-form-label { text-align: left; }
}
.invite-link { display: none; }
@media (min-width: 1081px) {
  ul.columned {
      -moz-column-count: 4;
      -moz-column-gap: 20px;
      -webkit-column-count: 4;
      -webkit-column-gap: 20px;
      column-count: 4;
      column-gap: 20px;
  }
  .invite-link { display: block; }
}
@media (max-width: 767.98px) {
  .mai-sub-header > .container { padding-top: 0; }
  .main-content { padding: 15px; }
  /*.page-head { padding-top: 0; }*/
  .dash .dash-index { margin-top: 1em !important; }
}
@media (max-width: 1200px) {
  #signalslink { display: none !important; }
}
@media (max-width: 1081px) {
  .mai-top-header .mai-top-nav { display: none; }
}
@media (min-width: 1400px) {
 .container {
  max-width:1340px;
 }
}
.page-container { min-height: calc(100vh - 36px); }
nav#footer {
  background-color: rgba(var(--component-accent-color), .3);
  color: #333;
  text-align: center;
  font-family: "Abel", sans-serif;
  font-size: 12px;
  clear: both;
}
nav#footer .btn {
  font-size: 14px;
  text-transform: uppercase; text-decoration: underline; font-weight: 300;
  color:  rgba(var(--secondary-font-color), 1.0);
}
/* #chatnavicon.on { color: rgb(255, 255, 255); } */
#nav-chat-tab .fa-circle { margin-left: 5px; top: -1px; position: relative; }
@media (max-width: 575.98px) {
  #nav-chat-tab .member-count { display: none; }
  #nav-chat-tab .fa-circle { display: none; }
}
#nav-chat-tab.incident, #nav-chat-tab.active.incident { background-color: rgba( var(--live-medium), 1.0); }
.mai-top-header .mai-icons-nav > .nav-item.dropdown > .nav-link .indicator { background-color: rgba(var(--factal-red), 1.0); left: 23px; }
.custom-file-label { height: 2.9rem; }

.splash-container .user-message { text-align: center; background-color: rgba(var(--factal-red), 1.0); }
.splash-container .alternative-message { color: #300; }
/*.splash-container .input-group .input-group-prepend .icon { color: rgba(var(--factal-red), 1.0); }*/

.items .table tr td .btn-secondary {-webkit-appearance: none;}

.dash-index-link .number, .dash-link-index-number { color: rgba(var(--main-font-color), 1.0) !important; }
a:not(.dropdown-item):not(.btn):not(.nav-link):not(.translate):not(.badge) { color: rgba(var(--link-color), 1.0); }
.mai-top-nav a, .tip-link a { color: rgba(var(--always-white), 0.5) !important; }
a:not(.nav-link):not(.dropdown-item):not(.btn):not(.chat-reaction):not(.topics_button):not(.list-group-item-danger):not(.media-thumb a):not(.active-room a):hover { color: rgba(var(--link-color), 1.0); filter: brightness(75%); }
.btn-secondary:not(.btn-dark) { background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--main-font-color), 0.1) !important; color: rgba(var(--main-font-color), 1.0); }
.btn-secondary:not(.btn-dark):hover { background-color: rgba(var(--main-font-color), 0.1) !important; }
.padded { padding: 1em; }
hr { border-top-color: rgba(var(--main-font-color), 1.0) !important; }
h1.title { color: rgba(var(--main-font-color), 1.0); }
h2.title { font-size: 2.5rem; display: inline-block; padding: 0px 20px 4px; color: rgba(var(--main-font-color), 1.0); }
h4.title { display: inline-block; padding: 0px 20px 4px; color: rgba(var(--main-font-color), 1.0); }
h1, h2, h4 { font-weight: 300; }
h5, h5 a {color:  rgba(var(--main-font-color), 1.0) !important; }
h5.title { font-size: 1rem; display: block; padding: 0px 20px 6px; }
h6, .h6 { color: rgba(var(--secondary-font-color), 1.0); }
h6.title { font-size: 1.2rem; line-height: 1.2em; font-weight: bold; color: rgba(var(--secondary-font-color), 1.0); }
.has-sub-topics .title { width: 80%; }
.topic-description { margin: 0 20px 20px 20px; border-bottom: 1px solid #999; }
.topic-description p { font-size: 1em; color: rgba(var(--muted-font-color), 0.9) !important; }
.topic-description .table-responsive tbody > tr > td { padding-top: 0.5em; padding-bottom: 0.3em; }
.topic-description .table-responsive tbody > tr > th { padding-top: 0.3em; padding-bottom: 0.3em; font-weight: normal; color: #666; }
/*.email { padding-top: 2em; }*/
.email-content, .email-body, .email-detail-head { background-color: rgba(var(--primary-component-bg-color), 1.0); }
.email-aside, .email-body h2, .email-body ul { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.email-aside .aside-nav .navbar-nav li a:hover { background-color: rgba(var(--secondary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.email-detail-head { padding-top: 0; padding-bottom: 0; }
.email-body li {  }
.text-muted a:visited { color: rgba(var(--muted-font-color), 1.0); }
#div_id_source .text-muted a:visited { color: #rgba(var(--factal-red), 1.0) !important; }
a.translate { color: rgba(var(--muted-font-color), 1.0); }
a.translate.active { opacity: 0.5; }
a.translate:hover { cursor: pointer; }
a.translate.bing { font-size: 0.9rem; padding-left: 1px; margin-top: -1px; }
a.translate.google { font-size: 0.8rem; padding-left: 2px; margin-top: -2px; }
.text-muted a.translate.active { color: lightskyblue; }
.profile .text-muted a { color: #rgba(var(--factal-red), 1.0); }
.profile .text-muted a:hover { color: #900; }
ol li { list-style-type: none; }
ol li.numbered { list-style-type: decimal; }
button:hover { cursor: pointer; }
.form-check { padding-left: 1.5em; }

.card .btn { background-color: transparent !important; color: rgba(var(--main-font-color), 0.7); border-color: rgba(var(--main-header-grey), 0.2) !important; }
.card .btn:hover, .btn:focus { background-color: rgba(var(--main-font-color), 0.1) !important; color: rgba(var(--main-font-color), 1.0) !important; border-color: rgba(var(--component-accent-color), 0.7) !important; }
.card .btn-group>.btn.btn-dark { background-color: rgba(var(--main-font-color), 0.7) !important; color: rgba(var(--bg-color), 1.0) !important; }
.card .btn-group > .btn-group:not(:first-child), .btn-group > .btn:not(:first-child) { border-bottom-left-radius: 0px; margin-left: -1px; }
.btn:disabled, .btn.disabled { background-color: transparent; color: rgba(var(--main-font-color), 0.7); }
.btn.active:disabled, .btn.active.disabled { opacity: 1.0 !important; padding: 1rem 1.5rem !important; }

.item-container .header-remove-button {
    background-color: rgba(var(--primary-component-bg-color), 1.0);
    border-color: rgba(var(--component-accent-color), 1.0);
    color: rgba(var(--main-font-color), 1.0);
}

/*.btn-link, .btn-block, #sources .btn { border-color: transparent; }*/
.btn-link { text-decoration: none; }
.login .btn-dark, #invite_form .btn-dark { background-color: rgba(var(--main-header-grey), 1.0); color: rgba(var(--always-white), 1.0); }
.login .btn-dark:hover, #invite_form .btn-dark:hover { background-color: rgba(var(--main-header-grey), 1.0) !important; color: rgba(var(--always-white), 1.0) !important; filter: brightness(0.6); }
#invite_form .card-body-contrast { background-color: rgba(var(--primary-component-bg-color), 1.0)}
#invite_form .card-body-contrast a { color: rgba(var(--link-color), 1.0) !important; }
#invite_form .form-text { color: #ffffff; }
#additional-login-information a { color: rgba(var(--always-white), 1.0) !important; text-decoration: underline; }

.btn-secondary-outline { color: rgba(var(--main-font-color), 1.0) !important; }
/*.sticky-top .page-tools .btn-group button, .topic .btn-secondary.mute-topic, #item-form .btn-secondary { background-color: rgba(var(--primary-component-bg-color), 1.0); }*/
.alert-info a { color: rgba(var(--always-white), 1.0); text-decoration: underline; }
.alert-info a:hover { color: #006; }
#radar .radar-columns { min-width: 100%; }
#radar .radar-columns > .col { overflow: hidden; padding-left: 5px; padding-right: 0px; font-size: .85em; }
#radar .btn-secondary { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0); }
#radar .btn-warning { background-color: #FFDC42; border-color: #FFDC42; } /** specialty color **/
[data-incident-score="1"] .card, [data-incident-score="2"] .card, #mentions [data-threat-score="1"] .card, #mentions [data-threat-score="2"] .card { opacity: 0.6; }
#radar .badge-warning { color: rgba(var(--always-black), 1.0); }
#sonar .sonar-columns { min-width: 100%; }
#sonar .sonar-columns .col { overflow: hidden; padding-left: 5px; padding-right: 0px; font-size: .85em; }
#sonar .btn-secondary { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0); }
#sonar .btn-warning { background-color: #FFDC42; border-color: #FFDC42; } /** specialty color **/
#sonar .badge-warning { color: rgba(var(--always-black), 1.0); }
#twitter-lists .tgl + .tgl-btn { height: 28px; }
#add-twitter-list-url-errors {color:rgba(var(--factal-red), 1); }
#twitter-lists .topic.list-group-item .name { width: 50%; font-size: 1em; padding-top: 0; }
#add-twitter-list > .modal-dialog { max-width: 100vw; }
#add-twitter-list > .modal-dialog > .modal-content { max-width: 40vw; }
#add-twitter-list .badge-warning { color: rgba(var(--always-black), 1.0); }
#mentions .mentions-columns { min-width: 100%; }
#mentions .mentions-columns .col { overflow: hidden; padding-left: 5px; padding-right: 0px; font-size: .85em; }
#mentions .btn-ai, #mentions .btn-refresh, #mentions .draggable { padding-top: 5px; padding-bottom: 3px; margin-top: 4px; }
.btn-ai .spinner-border, .btn-refresh .spinner-border { display: none; position: relative; top: -2px; }
#mentions .mentions-buttons .btn-link { color: rgba(var(--main-font-color), 0.7); }
.mentions-pack-name { margin-left: 0.25em; font-weight: bold; }
.mentions-category-description { margin-left: 1.65em; color: rgba(var(--secondary-font-color), 1.0); font-size: 1em; }
#div_id_mentions_categories p { margin-bottom: 0; }
#div_id_mentions_categories .checkbox { margin-bottom: 0.75em; }

small { color: rgba(var(--muted-font-color), 1.0) !important; }
.card-body { padding: 0.75rem 1.25rem; color:  rgba(var(--main-font-color), 1.0); }
.card-full-color-grey { background-color: rgba(var(--secondary-button-color), 1.0) !important; }
.tab-pane .card-body { padding-top: 5px; padding-bottom: 0; padding-left: 0.75rem; }
.tab-pane .card-footer { padding-top: 10px; padding-left: 0.75rem; border-top: 0; border-bottom: 1px dashed rgba(var(--muted-font-color), 0.3); }

/*#radar .buttons { max-width: 200px; overflow: hidden; white-space: nowrap; }*/
.admin.items .app-icon { width: 13px; margin-top: -2px; margin-right: 4px; }
.admin.items { overflow: auto; max-height: 100vh; }
.admin.items ol { padding-left: 0; }
.admin.items .card-footer.topic { margin-top: -5px; padding: 0.5em 1.25em; }
.admin.items .card-footer.topic:last-child { margin-bottom: 15px; }
.admin.items .card-footer .admin-tools a { margin-left: 10px; color: rgba(var(--link-color), 1.0); }
.admin.items .card-footer .admin-tools a:hover { color: #900; }
.admin.items .card-footer .source-country a { color: rgba(var(--radar-setback-text-color), 1.0) !important; }
.admin.items .bg-danger .card-footer .source-country a { color: rgba(var(--always-white), .75) !important; }
.admin.items .item.tip .card { background-color: rgba(var(--component-accent-color), 1.0); }
.admin.items .feed-pushbullet .card { background-color: rgba(var(--component-accent-color), 1.0); }
.admin.items .feed-pushbullet .card .push-title { font-weight: bold; font-size: 0.8em; }
.admin button.close.delete-item { position: absolute; top: -2px; right: 2px; }
.popover ul { margin-left: 0; padding-left: 1em; margin-bottom: 0; padding-bottom: 0; }
#search-help:hover { cursor: help; }
.bg-danger.card-inverse { color: rgba(var(--always-white), 1.0) !important; }
.bg-danger.card-inverse a { color: rgba(var(--always-white),.75) !important; }
.bg-danger.card-inverse a:hover { color: rgba(var(--always-white), 1.0) !important; text-decoration: underline; }
.bg-danger.card-inverse .text-muted { color: rgba(var(--always-white),.75) !important; }
.bg-danger.card-inverse .content, .bg-danger.card-inverse .translated { color: rgba(var(--always-white), 1.0) !important; }
.bg-warning:not(.bg-danger) { background-color: rgba(var(--radar-setback-bg-color), 1.0) !important; }
.bg-warning .content { color: rgba(var(--factal-red), 1.0); }
.btn-warning { color: rgba(var(--always-black), 1.0); }
.btn-warning:hover { color: #333; }
#translateDropdown { max-height: 50vh; overflow-y: auto; }

/* proximity alerts */
.items .card-header-color-primary { background-color: rgba(var(--proximity-purple), 1.0); color: rgba(var(--always-black), 1.0); }
.card-header-color-primary .btn-secondary { border-color: rgba(var(--main-font-color), 0.2) !important; color: rgba(var(--main-font-color), 1.0); }
.card-header-color-primary .btn-secondary.badge:hover, .card-header-color-primary .topics_button:hover .badge { background-color: rgba(var(--always-white), 0.3) !important; }
.card-header-color-primary .card-subtitle { color: rgba(var(--main-font-color), 0.6); }
.status-needs_review .card-header-color.card-header-color-primary { background-color: rgba(var(--proximity-purple), .35) !important; }
.status-whitelisted .card-header-color.card-header-color-primary { background-color: rgba(var(--proximity-purple), .35) !important; }
.asset-color.btn-secondary.badge { color: rgba(var(--swapped-proximity-purple)); }
.asset-color.btn-secondary.badge .fas:not(.fa-angle-down) { font-size: 0.95em; line-height: 1.25em; }

/* followed topics */
.card-header-color.card-header-color-contrast:not(.card-header-color-primary) { background-color: rgba(var(--follow-blue), 1.0); }
.card-header-color.card-header-color-contrast:not(.card-header-color-primary) a,
.card-header-color.card-header-color-contrast:not(.card-header-color-primary) .btn,
.card-header-color.card-header-color-contrast:not(.card-header-color-primary) .badge {
  color: rgba(var(--main-font-color), 1.0) !important;
}
.card-header-color.card-header-color-contrast:not(.card-header-color-primary) .btn:hover, .card-header-color.card-header-color-contrast:not(.card-header-color-primary) .badge:hover, .card-header-color.card-header-color-contrast:not(.card-header-color-primary) .show>.btn-secondary.dropdown-toggle { background-color: rgba(var(--always-white), 0.3) !important; }
.card-header-color.card-header-color-contrast:not(.card-header-color-primary) .card-subtitle { color: rgba(var(--main-font-color), 0.6); }
.status-submitted .card-header-color.card-header-color-contrast:not(.card-header-color-primary) { background-color: rgba(var(--follow-blue), .5); }
.status-whitelisted .card-header-color.card-header-color-contrast:not(.card-header-color-primary) { background-color: rgba(var(--follow-blue), .5); }
.status-greylisted .card-header-color.card-header-color-contrast:not(.card-header-color-primary) { background-color: rgba(var(--follow-blue), .5); }
.status-needs_review .card-header-color.card-header-color-contrast:not(.card-header-color-primary) { background-color: rgba(var(--follow-blue), .5); }
.card-header-color.card-header-color-contrast .btn { border-color: rgba(var(--main-font-color), 0.2) !important; }

/* major alerts */
.card-header-color-danger { background-color: rgba(var(--severity-5), 1.0); color: rgba(var(--always-white), 1.0); }
.card-header-color-danger a:not(.dropdown-item) { color: rgba(var(--always-white), 1.0) !important; }
.card-header-color-danger .card-subtitle a { color: rgba(var(--always-white), 1.0) !important; text-decoration: underline;}
.card-header-color-danger .card-subtitle .badge { color: rgba(var(--always-white), 1.0) !important; border-color: rgba(var(--always-white), 0.25) !important; }
.card-header-color-danger .card-subtitle { color: rgba(var(--always-white), 0.6); }
.card-header-color-danger .btn-group>.btn.btn-danger { background-color: transparent; }
.card-header-color-danger .btn-group>.btn.btn-secondary { background-color: transparent; border-color: rgba(var(--always-white), 0.25) !important; color: rgba(var(--always-white), 1.0);}
.card-header-color.card-header-color-danger) a:not(.dropdown-item),
.card-header-color.card-header-color-danger) .btn,
.card-header-color.card-header-color-danger) .btn:hover,
.card-header-color.card-header-color-danger) .badge {
  color: rgba(var(--always-white), 1.0) !important;
  border-color: rgba(var(--always-white), 0.25) !important;
}

.card-header-color-danger .btn-group>.btn.btn-secondary:hover { border-color: transparent !important; background-color: rgba(var(--always-white), 0.25) !important; }
.card-header-color-danger .btn-secondary:hover { color: rgba(var(--always-white), 1.0) !important; }
.card-header-color-danger .btn.btn-danger:hover{ color: rgba(var(--always-white), 1.0) !important; }
.badge-default { background-color: transparent !important; border-color: rgba(var(--secondary-font-color), 0.5); --bs-badge-color: rgba(var(--main-font-color), 1.0); }

/* emerging alerts */
.card-header-color.card-header-color-dark:not(.card-header-color-primary) { background-color: rgba(var(--emerging-orange), 1.0); }
.card-header-color.card-header-color-dark:not(.card-header-color-primary) a:not(.dropdown-item),
.card-header-color.card-header-color-dark:not(.card-header-color-primary) .btn,
.card-header-color.card-header-color-dark:not(.card-header-color-primary) .btn:hover,
.card-header-color.card-header-color-dark:not(.card-header-color-primary) .badge {
  color: rgba(var(--always-white), 1.0) !important;
  border-color: rgba(var(--always-white), 0.25) !important;
}
.card-header-color-dark .card-subtitle { color: rgba(var(--always-white), 0.6); }
.card-header-color.card-header-color-dark .btn { color: rgba(var(--always-white), 1.0); }
.card-header-color.card-header-color-dark .btn:hover { background-color: rgba(var(--always-white), 0.25) !important; color: rgba(var(--always-white), 1.0) !important; border-color: transparent !important; }
/* .card-header-color.card-header-color-dark .btn:focus { border-color: transparent !important; } */
.card-header-color.card-header-color-dark .badge.btn-dark { background-color: transparent; }
.card-header-color.card-header-color-dark .badge.btn-dark:hover { color: rgba(var(--always-white), 1.0) !important; border-color: transparent !important; }

.flash.card {
    -webkit-animation-name: flash-animation;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: 0.25s;

    animation-name: flash-animation;
    animation-duration: 1.5s;
    animation-delay: 0.25s;
}

@-webkit-keyframes flash-animation {
    from { background-color: #f4d03f; }
    to   { background-color: default; }
}

@keyframes flash-animation {
    from { background-color: #f4d03f; }
    to   { background-color: default; }
}

.dot {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  display: inline-block;
}
.asset-square {
  background-color: white;
  text-align: center;
  display: inline-block;
  color: indigo;
  font-size: 10px;
  margin-bottom: 2px;
  margin-right: 1px;
}
.asset-square .fa-building {
  padding: 3px;
}
.severity-1 {
  /*height: 5px;*/
  /*width: 5px;*/
  background-color: goldenrod;
}
.severity-2 {
  /*height: 7px;*/
  /*width: 7px;*/
  background-color: darkorange;
}
.severity-3 {
  /*height: 11px;*/
  /*width: 11px;*/
  background-color: orangered;
}
.severity-4 {
  /*height: 15px;*/
  /*width: 15px;*/
  background-color: crimson;
}
.severity-5 {
  /*height: 19px;*/
  /*width: 19px;*/
  background-color: red;
}
.dot-proximity {
  background-color: indigo;
}

#my-tabContent .form-control { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 0.6); border-color: rgba(var(--scrollbar-color), 0.4); }
#my-tabContent label { color: rgba(var(--main-font-color), 1.0); }

.alert { border-radius: 0; }
.alert a { color: rgba(var(--always-white), 1.0) !important; text-decoration: underline; }
.alert-warning a, .alert-error a, .alert-debug a { color: rgba(var(--link-color), 1.0) !important; }
.alert-warning, .alert-theme.alert-warning > .icon { color: #666; }
.alert-error, .alert-theme.alert-error > .icon { color: #b94a48; }
.alert .message ul { padding-left: 0; list-style: none; }
.alert.insights-tab-promo, .alert.insights-tab-promo > .icon { background-color: #0a607f; }
.alert.insights-tab-promo a { color: rgba(var(--always-white), 1.0) !important; text-decoration: none; }
.alert.insights-tab-promo a h4 { text-decoration: underline; }
.alert.insights-tab-promo a:hover { color: rgba(var(--always-white), 1.0) !important; text-decoration: none; filter:brightness(1) !important; }
.media-thumb { width: 60px; height: 60px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; position: relative; border: 1px solid #CCC; background-color: rgb(0, 0, 0); }
#mentions .media-thumb { width: 90px; height: 90px; }
.media-thumb.float-right { margin-left: 15px; margin-right: 0; }
.media-thumb img { position: absolute; left: 50%; top: 50%; height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
img.avatar { border-radius: 50% !important; }
#div_id_avatar .btn-secondary, .play-sound, #my-topics .btn-secondary { background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.status-published .media-thumb { display: none; }
.nav-link[role="button"] { cursor: pointer; }
.nav-item-chat .count { position: relative; top: -1px; }
.tt-hint { color: #CCC; display: none; }
.tt-suggestion, .tt-dataset .list-group-item { cursor: pointer; background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0) !important; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nowrap { white-space: nowrap; }

.admin-tools { text-align: right; }
#radar .admin-metadata { width: 65%; }
#sonar .admin-metadata { width: 100%; }
.no-wrap .fa { display: inline; }
.no-wrap i { margin-right: 2px; }
.radar-tools { margin: 0 0;}
.radar-tools .input-group-sm input { height: 2.53846rem; color: rgba(var(--muted-font-color), 1.0); }
#show-searches-button.btn-warning { background-color: rgba(var(--emerging-orange), 1.0) !important; border-color: rgba(var(--emerging-orange), 1.0) !important; }
.sonar-tools { margin: 0 0;}
.sonar-tools .input-group-sm input { height: 2.53846rem; color: rgba(var(--muted-font-color), 1.0); }
.mentions-tools { margin: 0 0;}
.mentions-tools .input-group-sm input { height: 2.53846rem; color: rgba(var(--muted-font-color), 1.0); }
.address_search { background-color: rgba(var(--secondary-font-color), 0.2); padding: 1em; }
#coverage .num { color: rgba(var(--link-color), 1.0); font-weight: bold; }
#nav-trial { position: absolute; right: 0; color: #C00; font-weight: bold; }
#nav-trial:hover { color: #900; }

.list-group-item-action:focus, .list-group-item-action:hover {
 z-index: 50;
}
.list-group-item:hover, .list-group-item:focus {
z-index: 50;
text-decoration: none;
}

.list-group-item + .list-group-item, .list-group-item:first-child { border-top-width: 1px; background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--primary-font-color), 1.0);}
.list-group-item + .list-group-item:hover, .list-group-item:first-child:hover { background-color: rgba(var(--secondary-button-color), 1.0); }
.list-group-item + .list-group-item.list-group-item-danger:hover, .list-group-item.list-group-item-danger:first-child:hover { background-color: rgba(var(--link-color), 1.0); }
/* .input-group-append a.btn { padding-top: 1em; } */
.topic.list-group-item { display: inline-block; padding-right: 1em; background-color: rgba(var(--primary-component-bg-color), 1.0); color:  rgba(var(--muted-font-color), 1.0); }

.list-group-item.region-level1 { padding-left: 3em; }
.list-group-item.region-level2 { padding-left: 5em; }
.topic.active-arc { font-size: 1.25em; }
.topic.list-group-item .name { width: 55%; font-size: 1.25em; line-height: 1.1em; padding-top: .4em; display: inline-block; }
.topic.following.list-group-item .name { width: 50%; }
.topic .tab-content .accordion .card-header {
  margin-left: 0;
  margin-right: 0;
  background-color: (var(--primary-component-bg-color), 1.0) !important;
}
.topic .tab-content .accordion button.header {
  color: rgba(var(--primary-font-color), 1.0) !important;
  background-color: rgba(var(--primary-component-bg-color), 1.0) !important;
  border-color: rgba(var(--primary-component-bg-color), 1.0) !important;
  padding: 0;
  font-weight: 300;
  font-size: 1.5rem;
}
.topic .tab-content .accordion .card {
  border: none;
  box-shadow: none;
}
.topic .tab-content .accordion .card-header small {
  font-size: 0.8rem; margin-top: -3px; margin-left: 2px; position: relative; display: block;
}
.topic .topic-button { text-align: right; }
.topic .filter-button { padding: 15px 0 0 0; }
.topic .sub-topics { margin-top: -5px; }
.topic .rank { font-size: 1.5rem; font-weight: 300; color: rgba(var(--muted-font-color), 0.8); }
.topic .related .name { display: inline; }
.slug-styling { background-color: rgba(229, 229, 229, 1); }
#combinatory_topics_form .modal-content { background-color: rgba(var(--primary-component-bg-color), 1.0); color:  rgba(var(--muted-font-color), 1.0); }
#combinatory_topics_form .switch-button input[type="checkbox"]:checked + span { background-color: rgba(var(--hero-button), 1.0); }
#combinatory_topics_form .tt-menu { max-height: 500px !important; }
#combinatory_topics_form .modal-body { min-height:  450px; overflow: visible; }
#combinatory_topics_form .tab-content { padding-left: 0; padding-right: 0; }
#combinatory_topics_form .tt-input { border-color: rgba(var(--component-accent-color), 0.5); color:  rgba(var(--muted-font-color), 1.0); }
#combinatory_topics_form #exact-div .span { color:  rgba(var(--muted-font-color), 1.0) }
#combinatory_topics_form #the-main-container h5 { margin-left: -12px; }
#combinatory_topics_form #combinatory-topics-topic-picker-search { height: 45px; }
#combinatory_topics_form #combinatory-topics-topic-picker-search { margin-bottom: 40px; }
#combinatory_topics_form #combinatory-topics-topic-picker-search .twitter-typeahead { height: 45px; }
#combinatory-topics-search-bar_listbox { margin-top: -3px; }
[data-theme="dark"] #combinatory-topics-search-bar_listbox { border: 2px solid rgba(var(--component-accent-color), 0.5); border-top: none; }
.add-topic-to-url i.fa-tag { padding-left: 2px; }
#incidents .topic.list-group-item .name { width: 75%; color: rgba(var(--link-color), 1.0) }
#incidents td.name p { width: 95%; font-size: 1em; line-height: 1.5em; }
#incidents td.name h4 { width: 95%; font-weight: 350; }
#incidents td { vertical-align: top !important; }

.tab-content p { color: rgba(var(--main-font-color), 1.0) }
.item.list-group-item .name { font-size: 1.25em; line-height: 1.2em; }
.topic.list-group-item.kind-arc { padding-right: 14em; }
.topic.list-group-item.kind-location { padding-right: 18em; }
.topic.list-group-item .text-muted { color: rgba(var(--muted-font-color), 0.8) !important; }
/*.topic.list-group-item .close { line-height: 0.8; }*/
.topic.list-group-item a.edit { color: rgba(var(--main-font-color), 1.0); opacity: 0.5; margin-right: 10px; }
.topic.list-group-item a.edit:hover { opacity: 0.75; }
.topic.list-group-item .tools { position: absolute; right: 0.75em; top: 0.9em; }
.topic.list-group-item .tools a { color: rgba(var(--main-font-color), 1.0) !important; }
.topic.list-group-item select { margin-right: 10px; background-color: rgba(var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0); border: none; padding-left:  8px; }
.following .list-group-item select { margin-top: 6px; }
.following .btn-secondary { background-color: transparent; color: rgba(var(--main-font-color), 1.0); }
.topic.list-group-item .arc-active { float: right; margin-top: -5px; margin-right: 15px; }
#item-form #topic-tabs .tab-pane .list-group, #item-form .tab-pane .items { max-height: 272px; overflow: auto; }
#item-form .impact-zone-units { max-width: 5em; }
#item-form #div_id_content label, #item-form #div_id_translated_content label, #item-form #div_id_original_content label { margin-top: 5px; margin-bottom: 0; }
#item-form .edit-impact-zone-button.edited i { color: rgba(var(--factal-red), 1.0)}
#item-form #source_details .details { padding: 0.8em 1.5em; color: rgba(var(--muted-font-color), 1.0); background-color: rgba(var(--primary-component-bg-color), 0.5); min-height: 3em; margin-bottom: 1em; }
.custom-select {color: color: rgba(var(--main-font-color), 1.0); background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--component-accent-color), 0.5); }
#topic-form-component .form-control, #parent-form-component .form-control, #the_fancy_formset input, #create-topic-form .form-control { background-color: rgba(var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0) !important; }
#the_fancy_formset div, #div_id_address { background-color: rgba(var(--component-accent-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0) !important; }
#the_fancy_formset label,  #create-topic-form .form-control-label, #create-topic-form label { color: rgba(var(--main-font-color), 1.0); }
#submit-id-save { background-color: rgba(var(--hero-button), 1.0); border-color: rgba(var(--hero-button), 1.0); }
.active .list-group-item .badge-default { color: #666; }
.tab-pane#topic-search-panel > div { max-height: none; overflow: visible; }
/* #recent-items-panel .btn-dark { background-color: rgba(var(--muted-font-color), 1.0); color: rgba(var(--always-white), 1.0); } */
/* #recent-items-panel .btn-dark:hover { background-color: rgba(var(--muted-font-color), 1.0) !important; color: rgba(var(--always-white), 1.0) !important; border-color: rgba(var(--muted-font-color), 1.0) !important; filter: brightness(0.80); } */
.tab-pane#recent-items-panel .input-group { margin-bottom: 10px; }
.tab-pane#recent-items-panel td { vertical-align: top; color: rgba(var(--main-font-color), 0.9); line-height: 1.5em; border-color: rgba(var(--table-accent-color), 1.0); }
.tab-pane#recent-items-panel .badge { font-size: .7em; margin-left: 2px; margin-top: -2px; }
.list-group .badge:not(.badge-info):not(.badge-warning):not(.badge-primary) { font-size: 10px; background-color: rgba(var(--primary-component-bg-color), 1.0) !important; color: rgba(var(--main-font-color), 0.8); border-color: rgba(var(--component-accent-color), 1.0); }
.list-group .badge-warning { font-size: 10px; background-color: rgba(var(--primary-component-bg-color), 1.0) !important; color: rgba(var(--main-font-color), 0.8) !important; border-color: #fadc5f; }
.list-group .badge-info { font-size: 10px; background-color: rgba(var(--primary-component-bg-color), 1.0) !important; color: rgba(var(--main-font-color), 0.8) !important; border-color: #75C5EB; }
.list-group .badge-primary { font-size: 10px; background-color: rgba(var(--primary-component-bg-color), 1.0) !important; color: rgba(var(--main-font-color), 0.8) !important; border-color: rgba(var(--proximity-purple), 1.0); }
a.badge-default { color: #545454; }
a.badge-default:hover { color: #900; }
.badge-dark { background-color:transparent !important; color: rgba(var(--main-font-color), 1.0); border-color: transparent !important; }
.tab-pane#recent-items-panel .badge-dark, #radar-topic-picker-recent_items-panel .badge-dark { background-color: rgba(var(--emerging-orange), 1.0) !important; color: rgba(var(--always-white), 1.0); }
#radar-topic-picker-recent_items-panel .badge-danger { background-color: rgba(var(--severity-5), 1.0) !important; color: rgba(var(--always-white), 1.0); border-color: transparent; }
h6.dropdown-header { font-family: "Abel", sans-serif; font-size: 1em; text-transform: uppercase; }

.mutedtopics .list-group-item { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }

.upcoming .tab-subhead { width: 100%; background-color: rgba(var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0); padding: .4em 1em; text-transform: uppercase; font-size: 10px; }
.calendar { background-color: rgba(var(--primary-component-bg-color), 1.0); }
.calendar .time { width: 82px; text-align: center; background-color: rgba(var(--primary-component-bg-color), 1.0); white-space: nowrap; filter: brightness(.90); }
.calendar td.time a { color: rgba(var(--main-font-color), 1.0) !important; }
.calendar td a.has-notes { color: rgba(var(--link-color), 1.0); }
.calendar td a.has-notes:hover { color: rgba(var(--link-color), 1.0);  }
.calendar td { vertical-align: top !important;  border-color: rgba(var(--secondary-button-color), 1.0); }
.calendar .notes { color: rgba(var(--secondary-font-color), 1.0); }
.calendar .event-row.started.ended a { color: rgba(var(--secondary-font-color), 1.0); }
.calendar .text-muted a { color: rgba(var(--link-color), 1.0) !important; }
.calendar .text-muted a:hover { color: rgba(var(--link-color), 1.0) !important; }

#id_description { height: 140px; }
.asteriskField { display: none; }
#signal-item-form .topics { padding-top: 0.5em; }
#signal-item-form .topic.list-group-item { display: block; }
#signal-item-form .modal-content { overflow: visible; }
#signal-item-form .content .topics { display: none !important; }
#signal-item-form .admin-tools a { margin-left: 10px; }
#signal-item-form .admin-tools a.delete-item { display: none; }
#signal-item-form .admin-tools a.signal-item { display: none; }
#signal-item-form .admin-tools a.edit-item { display: none; }
#signal-item-form .display-expanded-button { display: none; }
#signal-topic-picker { height: 50vh; overflow-y: auto; }
/*.page-item:first-child .page-link, .page-item:last-child .page-link { padding: 1em; }*/

/*.main-content { padding-top: 0; }*/
.main-content .nav-item .nav-link { color: rgba(var(--secondary-font-color), 1.0);}
.main-content .nav-item .nav-link.active {background-color:  rgba(var(--secondary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.main-content .nav-item .nav-link:hover {color: rgba(var(--main-font-color), 1.0);}
.main-content p { color: rgba(var(--main-font-color), 1.0); }
.main-content .btn-danger:not(.card-header-color .btn-danger) { background-color: rgba(var(--hero-button), 1.0) !important; border-color: rgba(var(--hero-button), 1.0) !important; color: rgba(var(--always-white), 1.0); top: 0em; }
.main-content .btn-danger:not(.card-header-color .btn-danger):hover, .main-content .btn-danger:not(.card-header-color .btn-danger):focus { filter: brightness(0.80); color: rgba(var(--always-white), 1.0) !important; }
.tab-content { background-color: rgba(var(--secondary-component-bg-color), 1.0); }
.main-content > .tab-content { background-color: rgba(var(--secondary-component-bg-color), 1.0); padding: 0; }
.aside-nav .nav-item .nav-link, .aside-nav .navbar-nav li .icon { color: rgba(var(--main-font-color), 1.0);}
.card { margin-bottom: 0.5em; background-color: rgba(var(--primary-component-bg-color), 1.0); }
.card-subtitle { margin-top: 8px; clear: both; }
.card-subtitle .text-muted { color: rgba(var(--muted-font-color), 0.8) !important; }
.card-subtitle a.text-muted { text-decoration: none !important; }
.card.no-results { box-shadow: none; }
#mentions .no-results .card-header { text-align: center; }
#mentions .no-results .card-header p { font-size: .85em; }
.card-header { padding-top: 0.75em; line-height: 1.2em; }
.card-header:not(.card-header-color-danger):not(.card-header-color-contrast):not(.card-header-color-dark):not(.card-header-color-primary) { color: rgba(var(--main-font-color), 1.0); }
.card-header-color { padding-bottom: 17px; }
.card.status-whitelisted, .card.status-greylisted, .card.status-submitted, .card.status-needs_review  { background-color: transparent; }
.card.status-whitelisted .card-subtitle, .card.status-greylisted .card-subtitle, .card.status-submitted .card-subtitle, .card.status-needs_review .card-subtitle { font-size: 0.9rem; }
.type-note .card-header, .status-whitelisted .card-header, .status-greylisted .card-header, .status-submitted .card-header, .status-needs_review .card-header { line-height: 0.9em; }
.type-note .title, .status-whitelisted .title, .status-greylisted .title, .status-submitted .title, .status-needs_review .title { font-size: 1rem; }
.card-header .tools { margin-left: 18px; margin-bottom: 5px; }
.status-whitelisted .card-header .tools { margin-top: -5px; }
.status-greylisted .card-header .tools { margin-top: -5px; }
.btn-secondary:not(.btn-dark):focus, .btn-secondary:not(.btn-dark):focus i { color:rgba(var(--main-font-color), 1.0); }
.card-header-color a { color: rgb(255, 255, 255); }
.card-header-color .card-subtitle a { text-decoration: underline; }
.card-header-color .btn:focus { color: #000;}
.card-header-color.card-header-color-warning { color: #333; }
.card-header-color.card-header-color-contrast  { color:rgba(var(--main-font-color), 1.0); }
.card-header-color.card-header-color-contrast a { color:rgba(var(--main-font-color), 1.0); }
.card-header-color .card-header-color-contrast .card-subtitle a {text-decoration: underline; }
.card-header-color.card-header-color-warning a { color: rgb(0, 0, 0); }
.card-header-color.card-header-color-primary  { color: rgba(var(--main-font-color), 1.0); background-color: rgba(var(--proximity-purple), 1.0); }
.card-header-color.card-header-color-primary a, .card-header-color.card-header-color-primary .btn { color: rgba(var(--main-font-color), 1.0) !important; }
.card-header-color.card-header-color-primary a:hover { border-color: rgba(var(--main-header-grey), 0.2) !important; color: color: rgba(var(--main-font-color), 0.9) !important; }
.card-header-color .card-header-color-primary .card-subtitle a { text-decoration: underline; }
.card-header-color.card-header-color-dark { color: white; }
.card-header-color.card-header-color-dark a:not(.dropdown-item) { color: rgba(var(--always-white), 1.0); }
.card-header-color .card-header-color-dark .card-subtitle a {text-decoration: underline;}
.card-header-color .card-header-color-primary a:not(.dropdown-item) { color: rgba(var(--always-white), 1.0) }
.card-header-color.card-header-color-primary .btn:focus, .card-header-color.card-header-color-primary .show>.btn-secondary.dropdown-toggle { color: rgba(var(--main-font-color), 1.0); background-color: rgba(var(--always-white), 0.3) !important; border-color: transparent !important; }
.card-header-color.card-header-color-danger a:not(.dropdown-item) { color: rgba(var(--always-white), 1.0) }
.card-header-color.card-header-color-danger .btn:focus, .card-header-color.card-header-color-danger .show>.btn-secondary.dropdown-toggle { color: rgba(var(--always-white), 1.0) !important; background-color: rgba(var(--always-white), 0.3) !important; border-color: transparent !important; }
.card-header-color.card-header-color-dark a:not(.dropdown-item) { color: rgba(var(--always-white), 1.0); }
.card-header-color.card-header-color-dark .btn:focus, .card-header-color.card-header-color-dark .btn:focus i, .card-header-color.card-header-color-dark .show>.btn-secondary.dropdown-toggle { color: rgba(var(--always-white), 1.0) !important; background-color: rgba(var(--always-white), 0.3) !important; border-color: transparent !important; }
.items .btn-dark:not([disabled]):not(.disabled):active, .items .btn-dark:not([disabled]):not(.disabled).active, .items .show > .btn-dark.dropdown-toggle, .items .btn-dark:not([disabled]):not(.disabled):active:hover, .items .btn-dark:not([disabled]):not(.disabled):active:focus, .items .btn-dark:not([disabled]):not(.disabled):active.focus, .items .btn-dark:not([disabled]):not(.disabled).active:hover, .items .btn-dark:not([disabled]):not(.disabled).active:focus, .items .btn-dark:not([disabled]):not(.disabled).active.focus, .items .show > .btn-dark.dropdown-toggle:hover, .items .show > .btn-dark.dropdown-toggle:focus, .items .show > .btn-dark.dropdown-toggle.focus { background-color: #D86419; }
.btn.btn-primary:focus { border-color: #333; background-color: #333; }
.btn-dark:not([disabled]):not(.disabled).active, .btn-dark:not([disabled]):not(.disabled).active:hover, .open > .btn-dark.dropdown-toggle { color: #EEE; }
.btn-secondary.badge { background-color: transparent !important; border-color: rgba(var(--main-font-color), 0.2) !important; color: rgba(var(--main-font-color), 0.7); font-size: 1em; }
.btn-secondary.badge:hover, .topics_button:hover .badge { background-color: rgba(var(--component-accent-color), 0.3) !important; }
.badge.severity, .badge.details { margin-top: -2px; margin-left: 1px; }
.btn-secondary.badge.details { border-color: transparent !important; text-decoration: underline; }
.btn-secondary.badge.details.asset-color { border: none !important; text-decoration: none; }
.card-header-color .btn-secondary.badge:hover, .card-header-color .topics_button:hover .badge { background-color: rgba(var(--always-white), 0.3) !important; }
.btn-warning.badge { color: rgb(0, 0, 0) !important; background-color: transparent !important; border-color: #CCC !important; }
.btn-primary.badge { color: rgba(var(--main-font-color), 1.0); background-color: transparent !important; border-color: rgba(var(--component-accent-color), 1.0) !important; }
.btn-primary.badge:hover { color: rgba(var(--main-font-color), 1.0); background-color: rgba(var(--button-hover-color), 0.3) !important; border-color: rgba(var(--component-accent-color), 1.0) !important; }
.btn-danger.badge { color: rgba(var(--always-white), 1.0); background-color: transparent !important; }
.btn-danger.badge:hover { color: rgba(var(--always-white), 1.0); background-color: rgba(var(--button-hover-color), 0.3) !important; }
/*a:not(#nav-chat-tab):hover .badge { background-color: rgba(255,255,255,.2) !important; }*/

.card-header-color-warning .card-subtitle { color: #333; }
.card-header:not(.card-header-color-danger):not(.card-header-color-contrast):not(.card-header-color-dark):not(.card-header-color-primary) .card-subtitle a { text-decoration: underline; color: rgba(var(--link-color), 1.0); }
.card-header:not(.card-header-color) .card-subtitle a.topics_button { color: rgba(var(--muted-font-color), 0.6) !important; margin-left: 1em; }
.card-header:not(.card-header-color) .card-subtitle a.topics_button .badge:not(.details), .card-header:not(.card-header-color) .card-subtitle a.topics_button .badge:not(.details):hover { color: rgba(var(--main-font-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0) !important; }
.status-needs_review .card-header:not(.card-header-color) .card-subtitle a.topics_button .badge { color: #999; }
.status-greylisted .card-header:not(.card-header-color) .card-subtitle a.topics_button .badge { color: #999; }
.card-subtitle a.topics_button i.fa-angle-down { margin-right: 3px; }
.card-border-color:not(.card-border-color-danger):not(.card-border-color-info) { border-color: rgba(var(--component-accent-color), 1.0); }
.card-body.topics { display: none; padding-top: 0; padding-bottom: 0; }
.card-body.topics .table { margin-bottom: 0; }
.card-body.topics .table > tbody > tr > td { vertical-align: top; }
.card-body.topics .table .btn-group { display: block; clear: both; margin-top: 3px; }
.card-body.topics .table td, .table th { border-color: rgba(var(--table-accent-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.card-body.topics .table td.fullwidth { width: 100%; }
.card-body.topics .table td:first-child { padding-left: 0; padding-right: 0; }
.card-body.topics .table td:last-child { padding-right: 0; }
.card-body.topics .table tr.keyword .topic-icon, .card-body.topics .table tr.keyword .topic-name { padding-top: 1.15em; }
.card-body.topics .table tr.topicset ul { padding-left: 0; list-style-type: none; margin-top: 1em; }
.card-body.topics .table tr.has_nearby_assets td { border-bottom: 1px rgb(241, 241, 241) dashed; }
.card-body.topics .table tr.nearby td { border-top: none; }
.asset-icon { color: indigo; }
.card-body.topics .table tr.nearby .distance { white-space: nowrap; }
.card-footer { border-top: 1px dashed rgba(var(--muted-font-color), 0.3); line-height: 1.1em; }
.topic-category { font-size: 11px; color: rgba(var(--muted-font-color), 0.8); position: relative; white-space: nowrap; }
.title .topic-category { display: block; margin-left: 1px; margin-top: 2px; color: rgba(var(--muted-font-color), 0.8) !important; }

td.chat_username { font-size: 1.3em; }

.modal-full-color-danger p a { color: rgb(255, 255, 255); text-decoration: underline; }
.pinpointer.enabled { color: rgba(var(--factal-red), 1.0); }


.modal-header { border-top-left-radius: 0; border-top-right-radius: 0; }
#share-this-item-title { color: var(--main-font-color, #000); font-family: "Open Sans"; font-size: 20px; font-weight: 400; letter-spacing: -0.68px; }
#share-this-item .modal-dialog { max-width: 800px; }
#share-this-item .modal-content { max-width: 100%; }

.modal-header .close {
  color: rgba(var(--main-font-color), 1);
}
.modal-header .close:hover {
  color: rgba(var(--main-font-color), 1) !important;
  filter: brightness(0.4);
}

/* This needs to be n+7 to cover everything past the 5th element because of how Alpine includes an li element in  
  the html as part of the template.
*/
.isos-travelers-collapsed li:nth-child(n+7) { display: none; }
.isos-travelers-expanded { display: block; }
.isos-share-btn { color: rgb(var(--swapped-proximity-purple)) !important; margin-left: 3px !important; }
.isos-location-name { color: rgb(var(--proximity-purple-dash)) !important; }
.isos-title-row { display: grid; grid-gap: 15px; grid-template-columns: auto auto 1fr; align-items: center;}
.isos-traveler-count { font-weight: bold; color: rgb(var(--proximity-purple-dash));}
.isos-traveler-emails { list-style-type: decimal; text-transform: lowercase; }
.isos-expand-emails {
  font-size: .85rem; 
  &:hover { color: #666; text-decoration: underline; }
}
.isos-btn-group {
  margin-top: 0.5em;
}

#welcome-modal .modal-dialog { max-width: 800px; }
.share-modal-header { color: var(--main-font-color, #000); font-family: "Open Sans"; font-size: 16px; font-weight: 400; letter-spacing: -0.68px; }
#share-this-item-link, #share-this-item-recipients, #share-this-item-notes, #share-this-item-copy, #share-this-item-email, #share-this-item-bcic, #share-this-item-noggin { border: 1px solid var(--light-secondary-font-color, #656565) !important; }
#share-this-item-bcic, #share-this-item-noggin { width: 120px; height: 40px; background-color: rgba(var(--share-modal-integrations-buttons), 1.0); }
#share-this-item-bcic { color: var(--main-font-color, #000); font-family: "Open Sans"; font-size: 14px; font-weight: 400; letter-spacing: -0.56px; }
#share-this-item-noggin-image { width: 100px; height: 20px; }
#share-this-item-teams-logo, #share-this-item-slack-logo { width: 15px; height: 9px; flex-shrink: 0; vertical-align: inherit; }
#share-this-item-link::placeholder, #share-this-item-recipients::placeholder, #share-this-item-notes::placeholder { color: var(--light-secondary-font-color, #656565); opacity: 1; /* Fixing Firefox opacity weirdness */ font-family: Open Sans; }
/* Just in case, edge options */
#share-this-item-link::-ms-input-placeholder, #share-this-item-recipients::-ms-input-placeholder, #share-this-item-notes::-ms-input-placeholder  { color: var(--light-secondary-font-color, #656565); font-family: Open Sans; }
#share-this-item-link { font-family: Courier; font-weight: 400; letter-spacing: -0.56px; }
/* hides our labels visually but not to screenreaders, https://www.w3.org/WAI/tutorials/forms/labels/#hiding-label-text */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
#share-this-item .input-row { margin-right: 0.5px; } 
#share-this-item .input-row label { padding: 1em .5em 0em; color: var(--light-secondary-font-color, #656565); }


#welcome-modal.modal-full-color-danger .modal-header { background-color: #666; padding-bottom: 0; }
#welcome-modal.modal-full-color-danger .modal-header h1 { color: rgba(var(--always-white), 1.0); margin-bottom: 0; }
#welcome-modal.modal-full-color-danger .modal-body { background-color: #666; padding-top: 0; padding-bottom: 0; }
#welcome-modal.modal-full-color-danger .modal-footer { background-color: #666; }
#welcome-modal .modal-header button.close span { color: rgba(var(--main-font-color), 1.0); }
#welcome-modal .modal-header h1 { color: rgba(var(--secondary-font-color), 1.0); }
#welcome-modal .modal-content { max-width: 100%; }
#welcome-modal .modal-content .btn { color:color: rgba(var(--main-font-color), 1.0); }
#welcome-modal .modal-content .btn:hover { color: rgba(var(--secondary-font-color), 1.0); }
.step {
  background: #EB3300;
  opacity: 0.6;
  color: #FFF;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex; /* or inline-flex */
  align-items: center;
  justify-content: center;
  font-size: 3em;
  font-family: "Abel", helvetica, sans-serif;
}
.modal .my-auto { font-size: 1.25em; line-height: 1.4em; }

#table-wrapper.has-results { overflow: auto; min-height: 60vh; }
#org_admin_container #subs-dropdown-list { overflow-y: scroll; max-height: 300px; min-width: 250px; padding: 1em; }
#org_admin_container #subs-dropdown-list li { list-style-type: circle; padding-bottom: .5rem; margin-left: 1em; }
#org_admin_container #subs-dropdown-list li:first-of-type { list-style-type: none; padding-left: 0; margin-left: 0; }
#org_admin_container .btn.dropdown-toggle .icon-dropdown { line-height: 0.75; }

#org_admin_container { padding: 1.1rem; }
#import-asset-container > .modal-dialog { max-width: 100vw; }
#import-asset-container > .modal-dialog > .modal-content { max-width: 80vw; }
#assets th span { color: var(--secondary-header-color); text-decoration: underline; font-weight: bold; }
#assets th, #org-members th, #assets-read-only th { white-space: nowrap; }
#bulk-edit-start-date-asset-container .modal-content, #bulk-edit-end-date-asset-container .modal-content  {min-height: 55rem;}
#org-members th span { color: var(--secondary-header-color); text-decoration: underline; font-weight: bold; }
input[name="assets_q"], input[name="members_q"] {
  min-width: 10rem !important;
}
@media screen and (max-width: 767px) {
   .org-settings-row div#create-user { order: 1; }
   .org-settings-row div#invite-user { order: 2; }
   .org-settings-row form#btn-search { order: 3; }
   .org-settings-row div#btn-filter { order: 4; }
   .org-settings-row div#btn-group { order: 5; }
   .org-settings-row div#btn-bulk { order: 6; }
 }
#org-tabContent .form-control { background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--secondary-button-color), 0.5); color: rgba(var(--main-font-color), 1.0); }
#org-tabContent .form-control-label, #org-tabContent label { color: rgba(var(--main-font-color), 1.0); }
#org-tabContent td { vertical-align: top; color: rgba(var(--main-font-color), 1.0); }
#org-tabContent td.mw-25 { max-width: 200px; }
#org-tabContent td.safe-wrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#div_id_search_radius p { display: block !important; }
#div_id_session_timeout_warn p { display: block !important; }
#div_id_session_timeout_expire p { display: block !important; }
#div_id_session_timeout_warn_mobile p { display: block !important; }
#div_id_session_timeout_expire_mobile p { display: block !important; }
select[name="group"] { min-width: 8rem; }
#org-bookmarks .searchheader, #my-bookmarks .searchheader, #topics .searchheader, #items .searchheader { background-color: rgba(var(--main-header-grey), 1.0) !important; filter: brightness(1.80);}
.searchheader .btn-dark { background-color: transparent !important; border-color: transparent !important; color: rgba(var(--always-white), 1.0) !important; }
.searchheader .btn-dark:hover { background-color: rgba(var(--main-header-grey), 1.0) !important; color: rgba(var(--always-white), 1.0) !important; border-color: rgba(var(--main-header-grey), 1.0) !important; filter: brightness(0.80); }
.table-striped>tbody>tr:nth-of-type(even)>* { --bs-table-color-type: rgba(var(--secondary-button-color), 0.5) !important; --bs-table-bg-type: none;}
.table-striped>tbody>tr:nth-of-type(odd)>* { --bs-table-color-type: rgba(var(--primary-component-bg-color), 1.0) !important; --bs-table-bg-type: none;}
.table-striped tbody tr:nth-child(even) { background-color: rgba(var(--secondary-button-color), 0.5) !important; }
.table-striped tbody tr:nth-child(odd) { background-color: rgba(var(--primary-component-bg-color), 1.0) !important; }
.table > tbody > tr > td { line-height: 1.2em; border-color: rgba(var(--table-accent-color), 1.0); vertical-align: top; }
.table > tbody > tr > td > .form-check { margin-top: -0.2em; }

#org-settings .col-6 { color: rgba(var(--main-font-color), 1.0); }
.text-muted { color: rgba(var(--muted-font-color), 1.0) !important; }

.page-link, .page-item.hover .page-link, .page-item.active .page-link { color: rgba(var(--main-font-color), 1.0) !important; background-color: rgba(var(--primary-component-bg-color), 1.0) !important; border-color: rgba(var(--component-accent-color), 1.0) !important; margin-left: .4923rem !important; }
.page-item.active .page-link { color: rgba(var(--main-font-color), 1.0) !important; background-color: rgba(var(--component-accent-color), 1.0) !important; border-color: rgba(var(--component-accent-color), 1.0) !important; }
.page-item.disabled .page-link { color: rgba(var(--main-font-color), 1.0); background-color: rgba(var(--primary-component-bg-color), 1.0) !important; border-color: rgba(var(--component-accent-color), 1.0) !important; }

.org-admins { margin-top: 1vw; }
.org-admin { line-height: 2vw; font-weight: bold; margin-left: 2vw }
#org-assets-all-selected-banner-control {
  background-color: rgba(var(--component-accent-color), 1.0);
}
#org-assets-all-selected-banner-control a, #org-assets-all-selected-banner-control a:hover {
  color: rgba(var(--main-font-color), 1.0) !important;
  text-decoration: underline;
  opacity: 1;
  filter: none;
}
#org-assets-everything-selected-banner-control {
  background-color: #FFDC42;
  color: rgba(var(--always-black), 1.0);
}
#org-assets-everything-selected-banner-control a, #org-assets-everything-selected-banner-control a:hover {
  color: rgba(var(--always-black), 1.0);
  text-decoration: underline;
  opacity: 1;
  filter: none;
}

#instagram .card-body { height: 100px; overflow: scroll; }

#impactzone .tab-content { padding: 1em; background-color: rgba(var(--secondary-component-bg-color), 1.0); }
#impactzone #preciselabel { margin-bottom: 0; }
#impactzone #results_container { padding: 1em; }

#radar { margin-top: -15px; }
.col-header .col-title { display: inline-block; min-width: 50px; max-width: 80px; overflow: hidden; text-overflow: ellipsis; }
#radar .col-header { text-align: center; padding-bottom: 4px; }
#radar .col-header a.btn, #radar .col-header .btn.btn-link { text-decoration: none; font-family: "Abel", sans-serif; padding-top: 2px; padding-bottom: 2px; color: rgba(var(--muted-font-color), 1.0); }
#radar .item {
  position: relative;
}
#radar .item.display-muted {
  display: none;
}
#radar .item.display-muted .card {
  opacity: 0.4;
}
#radar .item.display-collapsed {
  max-height: 36px;
  margin-bottom: 0.5em;
  overflow: hidden;
}
#radar .display-expanded-button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 10px 12px;
  background-color: rgba(var(--bg-color), 1.0);
  opacity: 0.6;
}
#radar .item.display-collapsed .display-expanded-button {
  background-color: #FFDC42;
  color: #000;
}
#radar .item.display-collapsed .display-expanded-button:hover {
  filter: brightness(95%);
}

#sonar { margin-top: -15px; }
#sonar .col-header { text-align: center; padding-bottom: 4px; }
#sonar .col-header a.btn, #sonar .col-header .btn.btn-link { font-family: "Abel", sans-serif; padding-top: 2px; padding-bottom: 2px; color: rgba(var(--muted-font-color), 1.0); }
#radar .item {
  position: relative;
}
#sonar .item.display-muted {
  display: none;
}
#sonar .item.display-muted .card {
  opacity: 0.4;
}
#sonar .item.display-collapsed {
  max-height: 36px;
  margin-bottom: 0.5em;
  overflow: hidden;
}
#sonar .display-expanded-button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 10px 12px;
  background-color: rgba(var(--bg-color), 1.0);
  opacity: 0.6;
}
#sonar .item.display-collapsed .display-expanded-button {
  background-color: #FFDC42;
  color: #000;
}
#sonar .item.display-collapsed .display-expanded-button:hover {
  filter: brightness(95%);
}

#mentions { margin-top: -11px; }
#mentions .col-header { text-align: center; padding-bottom: 4px; }
#mentions .col-header .btn { font-family: "Abel", sans-serif; padding-top: 4px; padding-bottom: 2px; color: rgba(var(--muted-font-color), 1.0); }
.map { height: 100%; }
.map .card-body { color: rgba(var(--muted-font-color), 1.0) }
#nav-map-tab, #nav-upcoming-tab, #nav-chat-tab, #nav-account-tab, #nav-site-tab, #nav-signals-tab, #nav-notifications-tab, #nav-topics-tab, #nav-entered-tab, #nav-settings-tab, #nav-admin-tab, #nav-groups-tab, #nav-invites-tab, #nav-insights-tab, #nav-mentions-tab { color: rgba(var(--muted-font-color), 0.75); }
#nav-map-tab.active, #nav-upcoming-tab.active, #nav-chat-tab.active, #nav-account-tab.active, #nav-site-tab.active, #nav-signals-tab.active, #nav-notifications-tab.active, #nav-topics-tab.active, #nav-entered-tab.active, #nav-settings-tab.active, #nav-admin-tab.active, #nav-groups-tab.active, #nav-insights-tab.active, #nav-mentions-tab.active { background-color: rgba(var(--secondary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.map #map-embed { height: calc(100vh - 274px); max-height: 75vw; }
/* .map #map-embed.dash-embed { height: calc(100vh - 100px); } */
#upcoming { height: calc(100vh - 274px); overflow: auto; }
#insights { height: calc(100vh - 274px); overflow: auto; }
#mymentions { height: calc(100vh - 274px); overflow: auto; }
.signals #map-embed, .permalink #map-embed { height: calc(100vh - 220px); }
#map-embed #btn-save-map-settings { position: absolute; top: 1rem; right: 1rem; }
#map-embed #btn-save-map-settings.disabled { cursor: default; }
#map-embed { position:relative; }
.map_popup .topic a { color: rgba(var(--link-color), 1.0) !important; text-decoration: underline; font-weight: 300; }
/* .map_popup .topic a:hover { color: rgba(var(--link-color), 1.0) !important; text-decoration: underline; } */
.map_popup .content .timestamp { text-decoration: underline; }
.map_popup .arc-header { font-size: 80%; text-transform: uppercase; }
.map_popup .card-subtitle { font-size: 90%; margin-bottom: 16px; }
.map_popup .btn-group { position: relative; top: -1px; }
.map_popup td { vertical-align: top; padding-right: .5em; color: rgba(var(--muted-font-color), 1.0); }
.gm-style .gm-style-iw-c { border-radius: 0 !important; background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0) !important; }
.gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece { background-color: rgba(var(--primary-component-bg-color), 1.0); }
.gm-style-iw-d b { color: rgba(var(--main-font-color), 1.0) !important; }
.gm-ui-hover-effect { outline: none !important; }
.gm-ui-hover-effect > span { background-color: rgba(var(--main-font-color), 1.0) !important; }
.gm-style .gm-style-iw-t::after, .gm-style .gm-style-iw-tc::after { background: rgba( var(--primary-component-bg-color), 1.0); }
.scrollable { overflow-y: scroll; overflow-x: hidden; height: calc(50vh - 5rem); width: 295px; }

#pac-input {
  font-family: Roboto, Arial, sans-serif;
  top: 10px !important;
  padding: 9px 15px;
  border: 0;
  width: 50%;
  text-overflow: ellipsis;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  font-size: 18px;
  height: 38px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#map-options {
  display: none;
}

#map-options label, #map-options h6, #map-settings h6 { color: rgba(var(--primary-font-color), 1.0); }
/* remove hover state from disabled button */
#map-options input.disabled:hover { filter: brightness(1.00) }

#map-embed #map-options {
  display: none;
  margin-left: 10px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 320px;
  height: 50vh;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 99 !important;
  font-size: 1.2em;
}

/* KML map layers don't have an opacity setting, so we'll force it  */
img[src*='kml'] {
    opacity: 0.6;
}
#my-settings #map-options {
  display: block;
}
#item-form #map-options {
  display: none !important;
}
#item-form .form-control, .list-group, #no-topics .list-group-item { background-color: rgba(var(--primary-component-bg-color), 1.0) !important; border-color: rgba(var(--secondary-button-color), 1.0); }
#item-form .form-control-label { color: rgba(var(--main-font-color), 1.0); }
#item-form .form-check-label { color: rgba(var(--main-font-color), 1.0); }
#item-form .form-check-input:disabled ~ .form-check-label, #item-form .form-check-input[disabled] ~ .form-check-label{ color: rgba(var(--main-font-color), 0.5); }

.nav-tab:active { background-color: var(--secondary-component-bg-color) !important; color: rgba(var(--main-font-color), 1.0); }
.nav-tabs .badge { margin-left: 4px; border-color: transparent; padding: .23em .5em; margin-top: -2px; }
.pac-container { z-index: 2000; }
.pac-item { font-family: Roboto, Arial, sans-serif; }
.pac-item-query { font-size: 12px !important; }
/*.map #map { position: fixed; width: 50%; height: 100%; z-index: 0; }*/
/*.map.only #map { position: fixed; width: 100%; height: 100%; z-index: 0; left: 0; }*/
/*.leaflet-container .leaflet-control-attribution { font-size: 10px; }*/
/*.leaflet-control-container { display: none; }*/
/*.leaflet-control-layers-selector { margin: -4px 3px 0 0 !important; }*/
/*.leaflet-control-layers-list { margin-bottom: 0 !important; }*/
/*.leaflet-control-layers-list label span { margin-right: 3px; }*/
/*.mapView .leaflet-control-container { display: block; }*/

/*.map_popup .topic { background-color: rgba(240, 240, 240, 1.0); color: #666; padding: 8px 12px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.map_popup .content { padding: 8px 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; }
*/
/*.leaflet-tooltip { width: 150px; padding: 0; white-space: normal; }*/
.transparent { opacity: 0.5; }

#right-panel { height: 100%; }
#right-panel .tab-content { padding: .5rem; background-color: rgba(var(--secondary-component-bg-color), 1.0); }
#right-panel .tab-content.chat.incident { background-color: rgba(var(--live-medium), 1.0); }
 #attached-topics-panels.tab-content { padding: .5rem; background-color: rgba(var(--secondary-component-bg-color), 1.0); }
 #attached-topics-panels #map-embed { height: 400px; }
.off #right-panel { display: none; }
.off #items.col-lg-6 { flex: 0 0 100%; max-width: 100%; }
.off #items.col-lg-8 { flex: 0 0 100%; max-width: 100%; }

#submittip .btn-danger { background-color: rgba(var(--hero-button), 1.0); border-color: rgba(var(--hero-button), 1.0); color: rgba(var(--always-white), 1.0); }
#submittip .btn-secondary { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }

.editor-on-duty {
  padding: 0.25rem 1.25rem;
  color: rgb(255, 255, 255);
  font-size: 11px;
  background-color: #f9421d;
  text-transform: uppercase;
}
.displaymode-large .title {
  font-size: 1.5em;
  line-height: 1em;
  font-weight: bold;
}
.displaymode-large .type-note .title {
  font-size: 1em;
  line-height: 1.2em;
  font-weight: normal;
}
.row:not(.permalink) .displaymode-compact .compact .card-header {
  font-size: 1.1em;
  padding-bottom: 10px;
}
.row:not(.permalink) .displaymode-compact .compact .tools {
  display: none;
}
.row:not(.permalink) .displaymode-compact .compact .title .content, .row:not(.permalink) .displaymode-compact .compact .title .translated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.row:not(.permalink) .displaymode-compact .compact .card-subtitle {
  margin-top: 5px;
  font-size: 0.8em;
}
.row:not(.permalink) .displaymode-compact .compact .badge {
  font-size: 0.8em;
}
.row:not(.permalink) .displaymode-compact .compact .badge.severity {
  margin-top: -1px;
}
.permalink .card .title {
  font-size: 2em;
  line-height: 1.1em;
  font-weight: bold;
}
.permalink .card.type-note .title {
  font-size: 1em;
  line-height: 1.2em;
  font-weight: normal;
}
.topic-title {
  padding: 0.5rem 1.25rem;
  color: rgb(255, 255, 255);
  background-color: #f9421d;
  text-transform: uppercase;
  font-weight: bold;
}
.topic-title .title {
  width: 80%;
  display: inline-block;
}
.topic-title .btn {
  text-transform: none;
  margin-left: 10px;
  font-size: 70%;
}
h2.title a, h4.subheading a {color: rgba(var(--main-font-color), 1.0) !important;}
h2.title a:hover, h4.subheading a:hover {text-decoration: underline; color: rgba(var(--main-font-color), 1.0);}

#editor-to-add { background-color: rgba(var(--component-accent-color), 0.45); border-color: rgba(var(--component-accent-color), 0.6); color: rgba(var(--main-font-color), 1.0); }
#add-editor { background-color: rgba(var(--hero-button), 1.0); border-color: rgba(var(--hero-button), 1.0); }
#add-editor:hover { background-color: rgba(var(--hero-button), 0.8); border-color: rgba(var(--hero-button), 0.8); }
#update .table th, .table td { border-top: 1px solid; border-color:rgba(var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0);}
#update .table tr:nth-child(odd) { background-color: rgba(var(--component-accent-color), 0.25); border: none; }
#update .table tr:nth-child(even) { background-color: rgba(var(--primary-component-bg-color), 0.75); border:  none; }

.topic-title .btn, .editor-on-duty .edit {
  margin-left: 10px;
}
.editor-on-duty .edit {
   color: rgba(var(--always-white), 1.0);
}

.form-control:disabled, .form-control[readonly] { background-color: rgba(var(--bg-color), 1.0); }

#stats .form-control { background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--secondary-button-color), 0.5); color: rgba(var(--main-font-color), 1.0); }
#stats .form-group label { color: rgba(var(--main-font-color), 1.0); }
#stats .btn-danger { background-color: rgba(var(--hero-button), 1.0); border-color: rgba(var(--hero-button), 1.0); }
#stats .text-muted { color: rgba(var(--main-font-color), 1.0) !important; }
#stats .table>tbody>tr>td { background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0) !important; }
#total { background-color: rgba(var(--totals-color), 1.0) !important; }
#status .section h3 { color: rgba(var(--main-font-color), 1.0) !important; }
#open-an-incident { color: rgba(var(--main-font-color), 1.0); }
#export_editors_csv { background-color: rgba(var(--component-accent-color), 1.0); color: rgba(var(--main-font-color), 0.7); border-color: rgba(var(--main-header-grey), 0.2); }

#metrics, #external { color: rgba(var(--always-black), 1.0); }

.topic-title.admin {
  padding-top: 0;
}
.topic-title.admin .btn {
  margin-left: 0;
  margin-right: 10px;
}
#items ol li {
  margin-bottom: 0;
}
#items #loadmore {
  margin-bottom: 1em;
  background-color: rgba(var(--primary-component-bg-color), 1.0);
  border-color: rgba(var(--secondary-button-color), 1.0);
}
.btn.reload {
  display: none;
  margin-top: 0;
}
.btn.toggle-muted {
  display: none;
  margin-top: 0;
}
.btn.neverhide {
  display: block !important;
}
.arc-header {
  font-size: 70%;
  margin-bottom: 5px;
}
.card-header:not(.card-header-color-danger):not(.card-header-color-contrast):not(.card-header-color-dark):not(.card-header-color-primary) .arc-header a {
   color: rgba(var(--arc-header-color), 1.0);
 }
.arc-header .arc-header-text {
  text-transform: uppercase;
}
.arc-header .fa-triangle:before { opacity: 0.3; }
.defaults .fas { color: rgba(var(--main-font-color), 1.0); }
.card-footer.location .fa-map-marker {
  margin-left: 2px;
  margin-right: 2px;
}
.fa-badge-check {
  color: #1da1f2;
}
.fa-building.is-priority {
  color: #C51111;
}
#items .card {
  clear: both;
}
#watchingTab {
  margin-top: -10px;
}
#watchingTabContent .card {
  margin-bottom: 0;
  box-shadow: none;
}
#watchingTabContent .cleared-duration {
  font-weight: bold;
}
#items .card, #items .card-footer, #items .card-header:first-child {
  border-radius: 0;
}
#items .card-footer {
  padding: 0.4rem 1.25rem;
  border-top: 0;
}
.relevance {
  text-transform: capitalize;
}
.metadata a {
  white-space: nowrap;
}
.card.muted, #mentions .item.muted {
  opacity: 0.6;
}
.card.muted.hidden, .#mentions .item.muted.hidden {
  display: none;
}
.permalink .card.muted, .permalink .card.hidden { max-height: none; opacity: 1; display: block !important; overflow-y: visible; transition: none; }
.permalink .toggle-muted { display: none !important; }
.card-body small.text-muted { display: inline-block; }
.card-footer.location small, .card-footer.keyword small {
  width: 80%;
  display: inline-block;
}
.card-footer .location a {
  white-space: nowrap;
}
#items .card-footer.topic {
  border-top: 1px solid #EEE;
  position: relative;
}
#items .card.bg-warning .card-footer.topic {
  border-top: 1px solid rgb(255, 255, 255);
}
#items .card.bg-warning .card-footer.nearby {
  border-top: 1px dashed rgb(255, 255, 255);
}
/* search radius label in user settings */
#user-radius-input-label {
  font-size: 1rem;
  margin-right: 3rem;
}
/* Remove up/down buttons from number inputs
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
/*.follow-topic {
  font-size: 70%;
  position: absolute;
  right: 1.5em;
  top: 0.5em;
}
*/
.follow-topic .label { margin-left: 4px; }
@media (max-width: 575.98px) {
  .follow-topic .label { display: none; }
  .card-header .tools > a.zoom_button { display: none; }
}

/**.topics .card .topic .tools .follow-topic { background-color: rgba(var(--hero-button), 1.0); border-color: rgba(var(--hero-button), 1.0); }**/

.input-group-sm>.form-control { background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--primary-component-bg-color), 1.0); }
.input-group-text:not(.muted-words .input-group-prepend .input-group-text):not(.whitelisted-words .input-group-prepend .input-group-text) { background-color: rgba(var(--secondary-button-color), 1.0); border-color: rgba(var(--secondary-button-color), 1.0); color:  rgba(var(--main-font-color), .6) !important; }
.muted-words .input-group-prepend .input-group-text, .whitelisted-words .input-group-prepend .input-group-text { background-color: rgba(var(--secondary-button-color), 0.4); border-color: rgba(var(--secondary-button-color), 0.4);}
.radar-buttons .input-group-prepend .input-group-text { background-color: rgba(var(--secondary-button-color), 0.4); border-color: rgba(var(--secondary-button-color), 0.4); font-size: 1em; font-weight: 700; }
.sonar-buttons .input-group-prepend .input-group-text { background-color: rgba(var(--secondary-button-color), 0.4); border-color: rgba(var(--secondary-button-color), 0.4); font-size: 1em; font-weight: 700; }

.follow-topic:not(.btn-secondary):not(.dropdown-item):active, .follow-topic:not(.btn-secondary):not(.dropdown-item).active{
  background-color: rgba(var(--hero-button), 1.0) !important;
  border-color: rgba(var(--hero-button), 1.0) !important;
}

a.dropdown-item { cursor: pointer; }

.page-head { text-align: left !important; color: rgba(var(--main-font-color), 1.0); }
.page-tools { margin-right: 0; margin-bottom: 15px; }
.page-tools:after {
  content: "";
  display: table;
  clear: both;
}
.signals .page-tools, .permalink .page-tools { display: none; }
.page-tools .btn-link { text-decoration: none; color: #999; font-weight: 400; padding-left: 0; padding-right: 0; }
.page-tools .dropdown-menu { max-height: 75vh; overflow-y: auto; }
.page-tools .filter-topic .dropdown-header { color: rgba(var(--muted-font-color), 1.0); font-size: 1.25em; }
.page-tools .filter-topic .dropdown-help-text { color: rgba(var(--muted-font-color), 1.0); font-size: 0.75em; }

.topic .page-tools .btn-link.label { display: none; }
.topic .sublinks { clear: both; padding-top: 2px; color: rgba(var(--muted-font-color), 1.0); text-decoration: underline !important; font-weight: normal; margin-left: 20px; margin-bottom: 1em; margin-top: -1em; color: rgba(var(--muted-font-color), 0.7) !important; }
.topic #topic-primary-title .topic-select-button { display: inline; }
.permalink .card.status-whitelisted, .permalink .card.status-greylisted, .permalink .card.status-submitted, .permalink .card.status-needs_review  { background-color: transparent; box-shadow: none; }
.status-published .fa-badge-check { display: none; }
.signals .tools .severity, .signals .tools .edit { display: none; }
.signals #items .content, .signals #items .translated { line-height: 1.1em; padding-bottom: 10px; }
.signals .card.status-whitelisted, .signals .card.status-greylisted, .signals .card.status-submitted, .signals .card.status-needs_review { background-color: rgba(var(--primary-component-bg-color), 1.0); margin-bottom: 0.5em; }
.signals .card-subtitle { font-size: 0.65em; line-height: 1em; margin-top: 0; }
.signalwarning { margin-bottom: 5px; }
.signalwarning .message { padding-top: 11px; padding-bottom: 11px; line-height: 1em; }
.signalwarning.alert-dark a { text-decoration: underline; color: #CCC; }
.signalwarning.alert-dark a:hover { color: rgb(255, 255, 255); }
.signalwarning .icon { width: 0px; padding-left: 20px; font-size: 16px; }
.map_popup .signalwarning .icon { width: 0px; padding-left: 8px; }
.searchheader { margin-bottom: 5px; background-color: rgba(var(--main-header-grey), 1.0);}
.searchheader .message { padding-top: 3px; padding-bottom: 3px; }
.searchheader .icon { width: 0px; padding-left: 20px; font-size: 1em; }
.chat .fullpage { background-color: rgba(var(--primary-component-bg-color), 1.0); }
#topics-advanced .btn-danger { background-color: rgba(var(--hero-button), 1.0); border-color:  rgba(var(--hero-button), 1.0); }
#topics-advanced .text-muted { color: rgba(var(--secondary-font-color), 1.0); }

.form-control {
  background-color: rgba(var(--secondary-component-bg-color), 1.0);
  border-color: rgba(var(--component-accent-color), 0.5);
  color: rgba(var(--main-font-color), 1.0);
}
.form-control:focus {
  background-color: rgba(var(--secondary-component-bg-color), 1.0);
  border-color: rgba(var(--component-accent-color), 0.9);
  color: rgba(var(--main-font-color), 1.0);
}
.form-control::placeholder {
  color: rgba(var(--main-font-color), 0.6);
  opacity: 0.5;
}
.form-control.textarea, textarea.form-control { line-height: 1.3em; background-color: rgba(var(--secondary-component-bg-color), 1.0); }
textarea.form-control:focus { background-color: rgba(var(--secondary-component-bg-color), 1.0); }
.form-control.textarea#id_translated_content_frontend { background: rgba(var(--primary-component-bg-color), 0.5) !important; color: rgba(var(--main-font-color), 0.5); }
.form-control.textarea#id_original_content { background: rgba(var(--primary-component-bg-color), 0.5) !important; color: rgba(var(--main-font-color), 0.5); }
.invalid-feedback { color: rgba(var(--secondary-header-color), 1.0); }
.form-control[multiple] option { padding: 0.3em 0.5em; }

.chat .fullpage .message { color: rgba(var(--main-font-color), 1.0); }
.chat .message-container a { color: rgba(var(--link-color), 1.0); }
.chat.fullpage input, .chat.fullpage .form-control:focus, .chat.fullpage form-control:active { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.chat .info td { color: rgba(var(--muted-font-color), 1.0); }
.chat .timestamp { color: rgba(var(--muted-font-color), 1.0); }
.chat .btn-secondary { color: rgba(var(--main-font-color), 1.0); border-color: rgba(var(--secondary-button-color), 1.0); }
.channelheader { margin-bottom: 5px; }
.channelheader .message { padding-top: 3px; padding-bottom: 3px; padding-left: 15px; }
.chat-channels-list h3 { font-size: 10px; text-transform: uppercase; color: #CCC; padding-left: 10px; }
.chat-hub-window h3 { font-size: 10px; text-transform: uppercase; color: rgba(var(--main-font-color), 1.0); padding-left: 10px; }
.chat-channels-list .name { font-family: "Abel", sans-serif; color: rgba(var(--main-font-color), 1.0);}
.chat-channels-list .list-group-item-danger { background-color: rgba(var(--hero-button), 1.0); }
.chat-channels-list .list-group-item-danger .name { color: rgba(var(--always-white), 1.0); }
.chat-channels-list .chatnum { font-size: 10px; color: #AAA; }
.chat-channels-list .list-group-item-danger .chatnum { color: rgba(var(--always-white), 0.65); }
.chat-channels-list .list-group-item { padding: 0.35em 1em; }
.chat-channels-list .list-group-item .chatnum { position: relative; top: -3px; }
.chat-channels-list p { font-size: 11px; color: rgba(var(--muted-font-color), 1.0); }
.message-container .admin-tools a { margin-left: 10px; color: rgba(var(--factal-red), 1.0); }
.message-container .admin-tools a:hover { color: #900; cursor: pointer }
#channel-members { max-height: 50vh; overflow: hidden; overflow-y: scroll; }
#channel-members .dropdown-item { text-transform: none; padding: 0.5rem 1.5rem; }
#datepicker { z-index: 100; width: 150px; padding: 0.25em 1em 1em 1em; }
#datepicker .input-group-addon { color: #CCC; text-align: center; }
#datepicker input.btn { margin-top: 0.5em; }

.demo .mai-top-header { position: fixed; width: 100vw; z-index: 100; background-color: rgba(var(--factal-red), 1.0); }
.demo .mai-top-header .mai-top-nav { display: none; }
.demo .mai-user-nav { display: none; }
.demo .mai-top-header .navbar-brand { margin: auto; flex: 0 0 auto !important; height: 100px; background-size: 190px; min-width: 190px; }
.demo #nav-tab { display: none; }
.demo .row { margin-left: 0; margin-right: 0; }
.demo .col-lg-6 { flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; z-index: 95; }
.demo .col-lg-6#right-panel { position: fixed; min-height: 100vh; z-index: 90; }
.demo #right-panel .tab-content { padding: 0; background-color: rgba(var(--secondary-component-bg-color), 1.0);}
.demo .map { z-index: 9999999; min-height: 100vh; }
.demo .map #map-embed { min-height: 100vh; }
.demo .card { min-height: 100vh; margin-bottom: 100vh; }
.demo .tools { display: none; }
.demo .card-header { font-size: 6em; margin: 0; padding: 1.65em .5em; line-height: 1.1em; min-height: 100vh; }
.demo .title { font-weight: 600; }
.demo .card.status-whitelisted, .demo .card.status-greylisted, .demo .card.status-submitted, .demo .card.status-needs_review { background-color: rgba(var(--secondary-component-bg-color), 1.0); }
.demo .status-needs_review .card-header-color.card-header-color-primary, .demo .status-whitelisted .card-header-color.card-header-color-primary { background-color: rgba(var(--proximity-purple), 1.0) !important; }
.demo .status-needs_review .card-header-color.card-header-color-contrast:not(.card-header-color-primary) { background-color: rgba(var(--follow-blue), 1.0); }
.demo .card.status-whitelisted .card-subtitle, .demo .card.status-greylisted .card-subtitle, .demo .card.status-submitted .card-subtitle, .demo .card.status-needs_review .card-subtitle { font-size: 3.5rem; }
.demo .type-note .card-header, .demo .status-whitelisted .card-header, .demo .status-greylisted .card-header, .demo .status-submitted .card-header, .demo .status-needs_review .card-header { line-height: 1.1em; }
.demo .type-note .title, .demo .status-whitelisted .title, .demo .status-greylisted .title, .demo .status-submitted .title, .demo .status-needs_review .title { font-size: 4.5rem; line-height: 4.5rem; }
.demo .title .content, .demo .title .translated { margin-right: 2em; }
.demo .card-subtitle { margin-top: 2em; font-size: 2rem; bottom: 3.5em; }
.demo .arc-header { font-size: 1.5rem; line-height: 1.5rem; font-weight: 600; }
.demo .topics_button .link { display: none; }
.demo .media-thumb { display: none; }
.demo .badge { font-size: 3rem; }
.demo .badge-pill { position: absolute; top: 40vh; right: 1em; padding: 0.75rem 1.25rem; }
.demo .badge-pill.details { display: none; }
.demo #items #loadmore { min-height: 100vh; }
.demo .switcher { right: 240px; position: absolute; }
.demo .switcher button { background-color: transparent; border-color: rgba(var(--primary-component-bg-color), 0.3) !important; color: rgba(var(--primary-component-bg-color), 1.0) !important; }
.demo .switcher button:disabled { opacity: 1.0; background-color: rgba(var(--primary-component-bg-color), 0.3) !important; }
.demo .switcher button:not(:disabled):hover { background-color: rgba(var(--primary-component-bg-color), 0.1); }
.demo .live { font-family: Abel, helvetica, sans-serif; color: rgba(var(--always-white), 1.0); font-size: 2em; line-height: 17px; position: absolute; top: 35px; right: 2em; opacity: 0.8; text-align: center; }
.demo .live #livefooter { font-size: 12px; }

.dash-header { margin-top: -5px; }
.dash-header .btn-secondary { background-color: rgba(var(--primary-component-bg-color), 1.0); border-color: rgba(var(--component-accent-color), 1.0); color: rgba(var(--main-font-color), 1.0); }
.dash-header .metadata { margin-bottom: 5px; }
.dash-header .org-stats {color: rgba(var(--secondary-font-color), 1.0)}
.dash-header .org-stats .usage-counter { font-family: sans-serif; font-weight: bold; font-size: 1.2em; margin-left: 2px; }
.btn-unstyled { color: rgba(var(--always-white), 1.0); opacity: 0.8; }
.dash-download-btn { line-height: 0; color: rgba(var(--always-white), 1.0); opacity: 0.7; border-color: transparent !important; }
.dash-download-btn i { line-height: 0.5em; }
.alert .dash-message { padding-right: 0; }
.alert-theme .dash-message { padding-right: 0; }
.dash .dash-row { display: flex; }
.dash .dash-row #high-severity { order:1; }
.dash .dash-row #proximity { order:2; }
.dash .dash-row #trending-topics { order:3; }
.dash .dash-proximity-priority-bkgrd { background-color: #eae3f4; }
.dash .dash-proximity-priority-text { color: #999; }
.dash .dash-index { margin-top: .5em; }
.dash .dash-row {
  margin-right: 0;
  margin-left: 0;
}
.dash .dash-row > .col {
  padding-right: 3px;
  padding-left: 3px;
}

.dash .dash-index .card-header .tools { font-size: 1em; margin-top: 12px; }
.dash .dash-index .card-header .usage-counter { font-family: sans-serif; font-weight: bold; font-size: 3em; line-height: 1em; max-height: 0; }
.dash .map #map-embed { height: 50vh; }
.dash .map #legendButton { display: none; }
/* .location-search .form-control { background-color: rgba(var(--secondary-component-bg-color), 1.0); border-color: rgba(var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0); } */
.dash .map #searchLocationButton { display: none; }
.dash .map #searchPinpointButton { display: none; }
.dash .map #searchBoundsButton { display: none; }
.dash .card-header-color a { color: rgba(var(--main-font-color), 1.0); }
.dash .card-header-color-danger { color: rgba(var(--always-white), 1.0); }
.dash .card-header-color-info { background-color: rgba(var(--follow-blue), 1.0); color: rgba(var(--always-black), 1.0); }
.dash .box-container { display: flex; }
.dash .box-container .title { color: rgba(var(--main-font-color), 1.0) !important; }
.dash .box-label { flex-grow: 100; }
.dash .box-label .title { padding-top: 5px; line-height: 1em; padding-bottom: 0.25em; color: rgba(var(--main-font-color), 1.0) !important; }
.dash .box-label .subtitle { margin-top: -4px; line-height: 0.7em; padding-bottom: 0.25em; color: rgba(var(--main-font-color), 1.0) !important; }
.dash .box-label .subtitle .number { font-family: sans-serif; font-weight: bold; }
.dash .box-label .text-muted { color: rgba(var(--secondary-font-color), 1,0) !important; opacity: 0.5; }
.related table.chart tr td:first-child { vertical-align: top; text-align: right; color: rgba(var(--main-font-color), 1.0); font-weight: bold; font-family: sans-serif; width: 8%; }
.dash table.chart tr td:first-child { vertical-align: top; text-align: right; color: rgba(var(--main-font-color), 1.0); font-weight: bold; font-family: sans-serif; width: 1%; }
.dash table.chart tr td:first-child a { color: #000; }
.dash .table > tbody > tr > td { line-height: 1.2em; }
.dash .searchheader { margin-bottom: 0; }
.dash .alert-theme { color: rgba(var(--main-font-color), 1.0); }
.dash .alert-primary { background-color: rgba(var(--proximity-purple-dash), 1.0); color: rgba(var(--main-font-color), 1.0); }
.dash .alert-danger { background-color: rgba(var(--severity-5), 1.0); color: rgba(var(--main-font-color), 1.0); }
.dash .alert-info { background-color: rgba(var(--follow-blue-dash), 1.0); color: rgba(var(--main-font-color), 1.0); }
.dash .card-body { overflow: auto; min-height: 420px; max-height: 420px; }
.dash .draggable { position: absolute; right: 2px; top: 2px; font-size: 10px; line-height: 0; opacity: 0.8; color: rgba(var(--always-white), 1.0); }
.draggable:hover { cursor: grab; }
.dash .item { border-bottom: 1px solid #CCC; padding-bottom: 0.5em; margin-bottom: 0.5em; }
.dash .item:last-child { border-bottom: none; margin-bottom: 0; }
.dash .item:only-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.dash .scroll-to { display: none; }
.dash .card-header-color.card-header-color-primary { background-color: rgba(var(--proximity-purple-dash), 1.0); }
.dash .card-header-color.card-header-color-primary.topic { background-color: rgba(var(--proximity-purple), 1.0); }
.dash .card-header:not(.card-header-color-danger):not(.card-header-color-contrast):not(.card-header-color-dark):not(.card-header-color-primary) { background-color: rgba(var(--follow-blue-dash), 1.0); }
.dash .card .card-header.topic:not(.dash .card-header-color.card-header-color-primary.topic):not(.dash .card-header-color.card-header-color-danger.topic) { background-color: transparent; }
.org-name i { font-size: 13px; position: relative; top: -6px; }

/* These styles are generated from project.scss. */

.alert-debug {
  color: black;
  background-color: white;
  border-color: #d6e9c6;
}

.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* This is a fix for the bootstrap4 alpha release */
@media (max-width: 47.9em) {
  .navbar-nav .nav-item {
    float: none;
    width: 100%;
    display: inline-block;
  }
  .navbar-nav .nav-item.invite-link {
    display: none;
  }

  .navbar-nav .nav-item + .nav-item {
    margin-left: 0;
  }

  .nav.navbar-nav.pull-xs-right {
    float: none !important;
  }
}

::-webkit-scrollbar {
     width: 12px;
 }

 ::-webkit-scrollbar-track {
     border-radius: 10px;
     background-color: rgba(var(--bg-color), 1.0);
 }

 ::-webkit-scrollbar-thumb {
     border: 2px solid rgba(var(--primary-component-bg-color), 1.0);
     border-radius: 8px;
     background-color: rgba(var(--scrollbar-color), 1.0);
 }

/* Display django-debug-toolbar.
   See https://github.com/django-debug-toolbar/django-debug-toolbar/issues/742
   and https://github.com/pydanny/cookiecutter-django/issues/317
*/
[hidden][style="display: block;"] {
  display: block !important;
}

.form-control-label button { margin-left: 10px; }
label.arc-label { position: relative; margin-left: 4px; top: 3px; font-size: 0.8em; }
/*#add-topic .input-group-btn, #create-asset-container .input-group-btn { display: inline-block; }*/
#item-form #topic-to-add { width: 100%; color: rgba(var(--main-font-color), 1.0);}
/* #item-form #add-topic .btn-dark, #create-topic-button { background-color: rgba(var(--muted-font-color), 1.0); color: rgba(var(--always-white), 1.0); }
#item-form #add-topic .btn-dark:hover, #create-topic-button:hover { background-color: rgba(var(--muted-font-color), 1.0) !important; color: rgba(var(--always-white), 1.0) !important; border-color: rgba(var(--muted-font-color), 1.0) !important; filter: brightness(0.80); } */
#topic-tabs a, #search-help, #topic-tabs-content a { color: rgba(var(--main-font-color), 1.0); }
.twitter-typeahead { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); width: 66%; /*top: 2px; */}
#div_id_source .twitter-typeahead { width: 100%; }
#detect-topics-button { background-color: rgba(var(--hero-button), 1.0); border-color: rgba(var(--hero-button), 1.0); color: rgba(var(--always-white), 1.0); }
#detect-topics-button:hover { background-color: rgba(var(--hero-button), 0.8); border-color: rgba(var(--hero-button), 0.8); color: rgba(var(--main-font-color), 1.0); }
.nav-item label { color: rgba(var(--always-black), 1.0); margin-right: 1em; top: 1px; padding-left: .5rem; padding-right: .5rem; }
.nav-item .twitter-typeahead { width: 77%; }
.nav-item.topic-search input { background-color: rgba(var(--always-white), 1.0) !important; }
.search-results .tab-content { background-color: transparent; }
.search-results a:hover h5 { text-decoration: underline; }
.tt-menu { width: 100%; max-height: 250px; overflow-y: auto; }
/*.navbar.bg-warning { background-color: var(--factal-red) !important; }*/
form select.disabled { pointer-events:none; background: #eceeef; color: #878787; }
.alert-danger a { color: rgba(var(--always-white), 1.0); text-decoration: underline; }
.alert-danger a:hover { color: #900; text-decoration: underline; }

#suggestUrlReplacement .message p, #suggestUrlReplacement .message .btn-group .replacement-url  { color: rgba(var(--always-black), 1.0) !important; }

#notifications td, #notifications th { padding-left: 0; vertical-align: middle; }

    .onoffswitch {
        position: relative; width: 90px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border-radius: 20px;
        /*border: 2px solid rgb(255, 255, 255) */
    }
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.03s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
        font-size: 14px; color: white;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "On";
        padding-left: 10px;
        background-color: rgba(var(--factal-red), 1.0); color: rgb(255, 255, 255);
    }
    .onoffswitch-inner:after {
        content: "Off";
        padding-right: 10px;
        background-color: #999; color: #CCC;
        text-align: right;
    }
    .onoffswitch-switch {
        display: block; width: 18px; margin: 6px;
        background: rgb(255, 255, 255);
        position: absolute; top: 0; bottom: 0;
        right: 56px;
        border: 2px solid rgb(255, 255, 255); border-radius: 20px;
        transition: all 0.03s ease-in 0s;
    }
    .onoffswitch-checkbox:disabled + .onoffswitch-label {
        cursor: default;
    }
    .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner::after {
        background-color: #eceeef;
    }
    .onoffswitch-checkbox:disabled + .onoffswitch-label .onoffswitch-inner::before {
        background-color: #eceeef;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px;
    }
    .custom-control-input:checked ~ .custom-control-color::after {
      background-color: rgba(var(--hero-button), 1.0);
    }
    .custom-controls-stacked .custom-radio:last-child .custom-control-input:checked ~ .custom-control-color::after {
      background-color: #999;
    }
    .custom-radio .custom-control-input:checked:disabled ~ .custom-control-color::after {
      background-color: #eceeef;
    }
    .table tr th .custom-control, .table tr td .custom-control {
      padding-left: 2.23077rem;
      margin-bottom: .923rem;
    }

    /*
.item .content, .item .translated {
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
*/

.switch {
  position: relative;
  display: inline-block;
}
.switch-input {
  display: none;
}
.switch-label {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}
.switch-label::before,
.switch-label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.switch-label::before {
  width: 100%;
  height: 100%;
  background-color: #dedede;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.switch-label::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.switch-input:checked + .switch-label::before {
  background-color: #89c12d;
}
.switch-input:checked + .switch-label::after {
  left: 24px;
}


.tg-list {
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.tg-list-item {
  margin: 0 2em;
}

.tgl {
  display: none;
}
.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
  box-sizing: border-box;
}
.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl + .tgl-btn::-moz-selection {
  background: none;
}
.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
  background: none;
}
.tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 4em;
  height: 36px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}
.tgl + .tgl-btn:after {
  left: 0;
}
.tgl + .tgl-btn:before {
  display: none;
}
.tgl:checked + .tgl-btn:after {
  left: 50%;
}

.tgl-light + .tgl-btn {
  background: #f0f0f0;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.tgl-light + .tgl-btn:after {
  border-radius: 50%;
  background: rgb(255, 255, 255);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.tgl-light:checked + .tgl-btn {
  background: #9FD6AE;
}

.tgl-ios + .tgl-btn {
  background: #fbfbfb;
  border-radius: 2em;
  padding: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid #e8eae9;
}
.tgl-ios + .tgl-btn:after {
  border-radius: 2em;
  background: #fbfbfb;
  -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0 rgba(0, 0, 0, 0.08);
}
.tgl-ios + .tgl-btn:hover:after {
  will-change: padding;
}
.tgl-ios + .tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}
.tgl-ios + .tgl-btn:active:after {
  padding-right: .8em;
}
.tgl-ios:checked + .tgl-btn {
  background: #86d993;
}
.tgl-ios:checked + .tgl-btn:active {
  box-shadow: none;
}
.tgl-ios:checked + .tgl-btn:active:after {
  margin-left: -.8em;
}

.tgl-skewed + .tgl-btn {
  overflow: hidden;
/*  -webkit-transform: skew(-10deg);
          transform: skew(-10deg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
*/  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  /*font-family: sans-serif;*/
  background: #888;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
/*  -webkit-transform: skew(10deg);
          transform: skew(10deg);
*/  display: inline-block;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  /*font-weight: bold;*/
  color: #fff;
  /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);*/
}
.tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
  background: #888;
}
.tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
  background: #86d993;
  background: mediumseagreen;
}
.tgl-skewed:hover + .tgl-btn {
  opacity: 90%;
}
.tgl-skewed:disabled + .tgl-btn {
  cursor: not-allowed;
  background: lightgrey;
  color: #333;
}
.tgl-skewed:checked:disabled + .tgl-btn {
  background: darkseagreen;
}
.tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}

.tgl-flat + .tgl-btn {
  padding: 2px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background: #fff;
  border: 4px solid #f2f2f2;
  border-radius: 2em;
}
.tgl-flat + .tgl-btn:after {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  background: #f2f2f2;
  content: "";
  border-radius: 1em;
}
.tgl-flat:checked + .tgl-btn {
  border: 4px solid #7FC6A6;
}
.tgl-flat:checked + .tgl-btn:after {
  left: 50%;
  background: #7FC6A6;
}

.tgl-flip + .tgl-btn {
  padding: 2px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  /*font-family: sans-serif;*/
  -webkit-perspective: 100px;
          perspective: 100px;
}
.tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
  display: inline-block;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  border-radius: 4px;
}
.tgl-flip + .tgl-btn:after {
  content: attr(data-tg-on);
  background: #02C66F;
  -webkit-transform: rotateY(-180deg);
          transform: rotateY(-180deg);
}
.tgl-flip + .tgl-btn:before {
  background: #FF3A19;
  content: attr(data-tg-off);
}
.tgl-flip + .tgl-btn:active:before {
  -webkit-transform: rotateY(-20deg);
          transform: rotateY(-20deg);
}
.tgl-flip:checked + .tgl-btn:before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.tgl-flip:checked + .tgl-btn:after {
  -webkit-transform: rotateY(0);
          transform: rotateY(0);
  left: 0;
  background: #7FC6A6;
}
.tgl-flip:checked + .tgl-btn:active:after {
  -webkit-transform: rotateY(20deg);
          transform: rotateY(20deg);
}

/*
 * Chat window/div
 */

.chat-window {
  background: rgba(var(--primary-component-bg-color), 1.0);
  border-radius: 8px;
}
#chat-full .chat-window {
  float: left;
  width: 70%;
  position: relative;
  border: 1px solid rgba(var(--component-accent-color), 1.0);
  margin-bottom: 1em;
}
.tab-pane .chat-window {
  clear: both;
  width: 100%;
  position: relative;
  top: 10px;
  border: 1px solid rgba(var(--component-accent-color), 1.0);
  margin-bottom: 1em;
}
.chat-log {
  width: 100%;
  min-height: calc(100vh - 528px);
  max-height: calc(100vh - 528px);
  overflow-y: scroll;
  overflow-x: hidden;
  float: left;
  padding-top: 10px;
  border-bottom: 1px solid rgba(var(--component-accent-color), 1.0);
}
#chat-full .chat-log {
  min-height: calc(100vh - 348px);
  max-height: calc(100vh - 348px);
}
.topic .chat-log.incident {
  min-height: calc(100vh - 468px);
  max-height: calc(100vh - 468px);
}
.chat-log .chat-msg:hover {
  background: rgba(var(--component-accent-color), 0.2);
}
.chat-rooms-container h3 {
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(var(--muted-font-color), 1.0);
}
.chat-topbar {
  border-radius: 8px;
  height: 60px;
}
.chat-topbar .topbar-name {
  height: 60px;
  padding: 8px 14px;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid rgba(var(--component-accent-color), 1.0);
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-topbar.incident .topbar-name {
  border-bottom: 1px solid rgba(var(--live-medium), 1.0);
}
.chat-topbar .topbar-name h3 {
  color: rgba(var(--secondary-font-color), 1.0) !important;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
  margin-top: 10px;
  margin-bottom: 0px;
  height: 19px;
  float: left;
}
.chat-topbar.incident .topbar-name h3 {
  color: rgba(var(--chat-subhead), 1.0) !important;
  margin-top: 0;
}
.topbar-name h3 a {
  color: rgba(var(--chat-subhead), 1.0) !important;
}
.topbar-name h4 {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
  clear: both;
  float: left;
}
.topbar-name h4 a {
  color: rgba(var(--chat-subhead), 0.8) !important;
  text-decoration: underline !important;
}
.topbar-impacted {
  position: absolute;
  background: black;
  width: 150px;
  text-align: center;
  font-variant-caps: all-small-caps;
  top: -10px;
  left: -10px;
  font-size: 13px;
}
.topbar-right {
  background-color: rgba(var(--bg-color), 1.0);
  border-radius: 0 6px 0 0;
  color: rgba(var(--secondary-font-color), 1.0) !important;
  position: absolute;
  text-align: center;
  padding: 17px 7px;
  height: 59px;
  top: 0;
  right: 0;
}
.chat-topbar.incident .topbar-right {
  background-color: rgba(var(--live-bright, 1.0));
  color: rgba(var(--live-dark), 1.0) !important;
}
.topbar-right > div {
  display: inline-block;
  margin-right: 2px;
  font-size: 14px;
  position: relative;
}
.topbar-right i {
  font-size: 18px;
  vertical-align: middle;
}
.topbar-right .icon {
  float: left;
  width: 50px;
}
.topbar-right .icon:hover {
  cursor: pointer;
}
.topbar-users-list {
  background-color: rgba(var(--live-dark), 1.0);
  border-radius: 4px;
  left: -50px;
  position: relative;
  width: 165px;
  z-index: 999;
}
.topbar-users-list i.ngo-member {
  color: rgba(var(--live-medium), 1.0);
  font-size: 10px;
}
.topbar-users-list h5 {
  color: rgba(var(--live-medium), 1.0) !important;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.topbar-users-list li {
  color: rgba(var(--always-white), 1.0);
}
.topbar-users-list div:last-of-type {
  margin-top: 15px;
}
.topbar-notifications-settings {
  background-color: rgba(var(--primary-component-bg-color), 1.0);
  box-shadow: 0px 2px 4px 2px rgba(var(--always-black), 0.25);
  float: right;
  position: relative;
  bottom: 28px;
  right: -5px;
  text-align: right;
  z-index: 999;
}
[data-theme="dark"] .topbar-notifications-settings {
  box-shadow: 0px 2px 4px 2px rgba(var(--always-black), 0.5);
}
.topbar-notifications-settings:has(li.notifications-option.all.active) {
  bottom: 64px;
}
.topbar-notifications-settings ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.topbar-notifications-settings li {
  padding: 7px 12px;
  width: 240px;
}
.topbar-notifications-settings li i.bell {
  margin: 0 2px 0 5px;
}
.topbar-notifications-settings li i.arrow {
  width: 11px;
}
.chat-topbar .topbar-notifications-settings li {
  background: rgba(var(--primary-component-bg-color), 1.0);
  color: rgba(var(--muted-font-color), 1.0);
}
.chat-topbar.incident .topbar-notifications-settings li {
  background: rgba(var(--always-white), 1.0);
  color: rgba(var(--live-dark), 1.0);
}
[data-theme="dark"] .chat-topbar.incident .topbar-notifications-settings li {
  background: rgba(var(--live-bright), 1.0);
  color: rgba(var(--live-dark), 1.0);
}
.chat-topbar .topbar-notifications-settings li.active {
  background: rgba(var(--table-accent-color), 1.0);
}
.chat-topbar .topbar-notifications-settings li:hover {
  background: rgba(var(--component-accent-color), 1.0);
}
.chat-topbar.incident .topbar-notifications-settings li.active {
  background: rgba(var(--live-bright), 1.0);
}
[data-theme="dark"] .chat-topbar.incident .topbar-notifications-settings li.active {
  background: rgba(var(--live-medium), 1.0);
}
.chat-topbar.incident .topbar-notifications-settings li:hover {
  background: rgba(var(--live-dark), 1.0);
  color: rgba(var(--live-bright), 1.0);
}
[data-theme="dark"] .chat-topbar.incident .topbar-notifications-settings li:hover {
  background: rgba(var(--live-dark), 1.0);
  color: rgba(var(--live-bright), 1.0);
}

/*
 * Chat status line
 */
.chat-loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}
@keyframes ellipsis {
  to {
    width: 1em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1em;
  }
}
.chat-status {
  color: rgba(var(--muted-font-color), 1.0);
  font-size: 11px;
  height: 2em;
  width: 100%;
  margin-top: .5em;
  /* account for avatar as well */
  margin-left: calc(2.2em + 30px);
  float: left;
  clear: both;
}

/*
 * Chat username dropdown/typeahead
 */
.chat-entity-list {
  position: absolute;
  background: rgba(var(--bg-color), 1.0);
  max-height: 86px;
  max-width: 400px;
  width: 50%;
  z-index: 9999;
  margin-top: -20px;
  box-shadow: 2px 4px 12px rgba(var(--always-black), 0.6);
  overflow-y: scroll;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.chat-entity-list::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}
.chat-entity-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.chat-entity-list li a {
  display: block;
  color: rgba(var(--main-font-color), 1.0);
  background: transparent;
  border: none;
  padding: 8px;
  width: 100%;
  text-align: left;
}
.chat-entity-list li a:hover {
  background: rgba(var(--component-accent-color), 0.2);
}

/*
 * Chat messages
 */
.msg-container {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
.chat-input-container {
  display: flex;
  padding: 0em 0.8em 0.8em;
  width: 100%;
}

.chat-msg {
  padding: 0.7em 0.8em 0.8em;
  float: left;
  width: 100%;
  position: relative;
}
.chat-msg i.ngo-member {
  color: rgba(var(--live-dark), 1.0);
}
.chat-msg .msg-avatar, .chat-input-container .msg-avatar {
  display: table-cell;
  vertical-align: top;
  padding-right: 10px;
  padding-top: 3px;
}
.msg-username {
  float: left;
  margin-right: 10px;
  font-weight: 600;
}
.msg-username a {
  color: rgba(var(--main-font-color), 1.0) !important;
}
.msg-username a:hover {
  color: rgba(var(--link-color), 1.0) !important;
}
.msg-username img {
  width: 12px;
  height: 12px;
  margin-top: -2px;
}
.msg-content {
  overflow-wrap: anywhere;
  clear: both;
}
.msg-created-date {
  position: relative;
  color: rgba(var(--muted-font-color), 0.7);
  float: left;
  margin-right: 10px;
  margin-top: 1px;
  font-size: 0.9rem;
}

.chat-profile-heavy-opacity {
  opacity: .6;
}

.chat-profile-light-opacity {
  opacity: .3;
}

.chat-message-input {
  width: 100%;
  margin-top: .5em;
  border: 1px dotted rgba(var(--link-color), 0.9);
  padding: 0.5em;
  background-color: rgba(var(--secondary-component-bg-color), 1.0);
  color: rgba(var(--main-font-color), 1.0);
  overflow-x: hidden;
  overflow-y: auto;
}
.chat-message-input:focus-visible {
  outline: 1px dotted rgba(var(--link-color), 1.0);
}
.msg-toolbar {
  position: absolute;
  float: right;
  top: -8px;
  right: 0;
  padding: 4px;
  background: rgba(var(--primary-component-bg-color), 1.0);
  border: 1px solid rgba(var(--component-accent-color), 1.0);
  border-radius: 4px;
  display: none;
}
.chat-msg:hover .msg-toolbar {
  display: block;
}
.msg-toolbar span {
  color: rgba(var(--muted-font-color), 0.5);
  margin: 1em 0;
  line-height: 32px;
  font-size: 11px;
}
.msg-toolbar a.msg-toolbar-button {
  color: rgba(var(--secondary-font-color), 1.0);
  background: rgba(var(--primary-component-bg-color), 1.0);
  padding: 4px;
  border-radius: 4px;
  width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  line-height: 15px;
  font-size: 17px;
  float: left;
}
.msg-toolbar a.msg-toolbar-button:hover {
  background-color: rgba(var(--component-accent-color), 0.2);
}
.msg-toolbar a.msg-toolbar-button.delete-message {
  font-size: 15px;
}
.chat-reaction-options {
  border: 1px solid rgba(var(--component-accent-color), 1.0);
  border-radius: 4px;
  background: rgba(var(--primary-component-bg-color), 1.0);
  font-size: 16px;
  float: left;
}
.chat-reaction-options a {
  display: block;
  float: left;
  margin: 2px;
  border: 1px solid transparent;
  border-radius: 4px;
  min-width: 29px;
  min-height: 29px;
  text-align: center;
}
.chat-reaction-options a:hover {
  background: rgba(var(--component-accent-color), 1.0);
}
a.chat-reaction {
  color: rgba(var(--main-font-color), 1.0) !important;
}
.msg-toolbar span {
  display: none;
}
.msg-toolbar .chat-reaction-options a:hover {
  border: 1px solid rgba(var(--always-white), 1.0);
}
.chat-reactions {
  width: 236px;
}
.chat-msg-reactors,
.chat-reactions {
  position: fixed;
  border-radius: 4px;
  z-index: 999;
}
.topbar-users-list,
.chat-msg-reactors {
  display: block;
  text-align: center;
  padding: 10px;
  max-height: 230px;
  overflow-y: hidden;
}
.chat-msg-reactors {
  background: rgba(var(--component-accent-color), 1.0);
  width: 150px;
}
.topbar-users-list ul,
.chat-msg-reactors ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.chat-reactions-reacted {
  float: left;
}
.chat-reactions-reacted .chat-msg-reacted:nth-of-type(1) {
  margin-left: 45px;
}
.chat-msg-reacted {
  border-top: 1px solid rgba(var(--component-accent-color), 1.0);
  border-left: 1px solid rgba(var(--component-accent-color), 1.0);
  border-right: 1px solid rgba(var(--component-accent-color), 1.0);
  border-bottom: 1px solid rgba(var(--component-accent-color), 1.0);
  float: left;
  border-radius: 4px;
  margin: 5px 5px 0 0;
}
.chat-user-reacted {
  border: 1px solid rgba(var(--follow-blue-dash), 1.0);
  background-color: rgba(var(--follow-blue), 0.5);
}
.chat-msg-reacted a {
  display: inline-block;
  padding: 2px 4px;
  min-width: 34px;
  text-align: center;
}

/*
 * Unfurled messages
 */
.msg-extras {
  clear: both;
  float: left;
  width: 100%;
  max-width: 480px;
  border-left: 2px solid rgba(var(--component-accent-color), 1);
  padding: 0 10px;
  margin: 10px 0;
}
.msg-extras .unfurled-img > a {
  display: block;
  float: left;
}
.msg-extras .unfurled-img {
  margin: 10px 10px 0 0;
  float: left;
}
.msg-extras .unfurl-image img,
.msg-extras .unfurled-img img {
  max-width: 150px;
  min-height: 55px;
  border-radius: 4px;
}
@media (min-width: 575.98px) {
  .msg-extras .unfurl-image img,
  .msg-extras .unfurled-img img {
    max-width: 200px;
    min-height: 110px;
  }
}
.unfurled-ico {
  margin: 0 6px 0 0;
}
.unfurled-ico img {
  max-width: 20px;
}
.unfurled-site {
  font-weight: bold;
}
.unfurled-title {
  margin: 10px 0 0 0;
}
.unfurled-desc {
  margin: 5px 0 0 0;
}
.unfurled-title a {
  color: rgba(var(--main-font-color), 1.0) !important;
}

.msg-extras.dummy {
  height: 100px;
  padding: 0 10px;
  float: left;
  clear: both;
  -webkit-mask:linear-gradient(-45deg,#000 30%,#0005,#000 50%) right/300% 100%;
  background-repeat: no-repeat;
  animation: shimmer 2.5s infinite;
}
@keyframes shimmer {
  100% {-webkit-mask-position:left}
}
.unfurled-title-dummy,
.unfurled-desc-dummy {
  float: left;
  clear: both;
  margin: 6px 0;
  background: rgba(var(--component-accent-color), 0.5);
  border-radius: 4px;
}
.unfurled-title-dummy {
  width: 100%;
  max-width: 300px;
  height: 1em;
}
.unfurled-desc-dummy {
  width: 100%;
  max-width: 300px;
  height: 4em;
  margin: 6px 0;
}


/*
 * Chat user and message delete card/popover
 */
.msg-delete-confirm,
.chat-user-card {
  position: fixed;
  border-radius: 4px;
  border: 1px solid rgba(var(--component-accent-color), 1.0);
  z-index: 999;
}
.msg-delete-confirm {
  width: 180px;
}
.chat-user-card {
  width: 220px;
}
.msg-delete-confirm .msg-delete-choices,
.chat-user-card .chat-view-profile {
  padding: 10px;
  float: left;
  width: 100%;
  background: rgba(var(--primary-component-bg-color), 1.0);
  clear: both;
}
.msg-delete-confirm a.btn,
.chat-user-card a.btn {
  width: 100%;
}
.chat-user-card .chat-username {
  color: rgba(var(--main-font-color), 1.0);
  font-size: 16px;
  display: inline;
}
.chat-user-card img.staff-logo {
  margin-right: 4px;
}
.chat-user-card img.chat-avatar {
  float: left;
  margin-right: 8px;
}
.msg-delete-confirm .msg-delete-confirm-header {
  text-align: center;
}
.msg-delete-confirm .msg-delete-confirm-header,
.chat-user-card .chat-user-card-header {
  width: 100%;
  float: left;
  padding: 10px;
  border-bottom: 1px solid rgba(var(--component-accent-color), 1.0);
  background: rgba(var(--primary-component-bg-color), 1.0);
  color: rgba(var(--main-font-color), 1.0);
}

/*
 * Chat channels list and metadata
 */
.chat-shim {
  margin-bottom: 1em;
}
.chat-meta {
  margin: 0;
  width: 100%;
}
#chat-guidelines {
  background-color: rgba(var(--secondary-component-bg-color), 1.0);
  border: 1px solid rgba(var(--component-accent-color), 1.0);
  border-radius: 8px;
  margin: auto 1em 2em auto;
  padding: 5px;
}
#chat-guidelines p {
  color: rgba(var(--secondary-font-color, 1.0));
  display: block;
  font-size: 1rem;
  margin: 5px 10px;
  text-align: center;
}
#chat-guidelines p a {
  color: rgba(var(--secondary-font-color, 1.0));
  text-decoration: underline;
}
.nav-link i.fa-circle,
.chat-meta i.fa-circle {
  color: #00b200;
  font-size: 0.7em;
}
.chat-meta.mini > h4 {
  margin-top: 8px;
  margin-left: 9px;
  float: left;
}
.chat-description,
.chat-eod {
  color: rgba(var(--muted-font-color), 1.0)
}
.chat-meta.mini .chat-eod,
.chat-meta.mini .chat-description {
  padding: 0 0.8em;
  clear: both;
}
.chat-description span,
.chat-eod span {
  position: relative;
  top: 2px;
}
#chat-full .chat-eod {
  margin: 1em 0;
}
#chat-full .chat-description {
  margin: 0;
  line-height: normal;
}
#chat-full .chat-rooms-container {
  float: left;
  width: 30%;
}
.chat-help {
  margin-top: 0;
}
.chat-help p {
  font-size: 0.9rem;
  color: rgba(var(--muted-font-color), 1.0);
}
#chat-full .chat-help,
#chat-full .chat-rooms {
  width: 100%;
  float: left;
  padding-right: 1em;
  overflow-x: hidden;
}
#chat-full .chat-help {
  margin-top: 2em;
}
.tab-pane .chat-rooms {
  float: right;
  clear: both;
  width: 100%;
}
.tab-pane#chat {
  position: relative;
}
.tab-pane .chat-rooms-container {
  background: rgba(var(--primary-component-bg-color), 1.0);
  position: absolute;
  min-width: 30%;
  max-width: 50%;
  right: 0;
  top: 0;
}
.tab-pane .chat-rooms-container button,
.tab-pane .chat-rooms-container a.btn {
  float: right;
}
.chat-rooms .incident-rooms h3 {
  color: rgba(var(--chat-subhead), 1.0)
}
.chat-rooms ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 999;
}
.chat-rooms li {
  width: 100%;
  border-top: 1px solid rgba(var(--component-accent-color), 1.0);
  border-left: 1px solid rgba(var(--component-accent-color), 1.0);
  border-right: 1px solid rgba(var(--component-accent-color), 1.0);
  border-bottom: none;
  background: rgba(var(--primary-component-bg-color), 1.0);
  padding: 0;
}
.chat-rooms .incident-room {
  background: rgba(var(--live-bright), 1.0);
}
.chat-rooms li:hover {
  background: rgba(var(--secondary-button-color), 1.0);
}
.chat-rooms li:last-of-type {
  border-bottom: 1px solid rgba(var(--component-accent-color), 1.0);
}
.chat-rooms li.active-room:last-of-type {
  border-bottom: 1px solid rgba(var(--component-accent-color), 1.0);
}
.chat-rooms li.active-room {
  color: rgba(var(--always-white), 1.0);
  border-top: 1px solid rgba(var(--component-accent-color), 1.0);
  border-left: 1px solid rgba(var(--component-accent-color), 1.0);
  border-right: 1px solid rgba(var(--component-accent-color), 1.0);
  border-bottom: none;
  background: rgba(var(--hero-button), 1.0);
  padding: 0;
}
.chat-rooms li.incident-room.active-room {
  color: rgba(var(--live-bright), 1.0);
  background: rgba(var(--live-dark), 1.0);
}
.chat-rooms li.active-room:hover {
  background: rgba(var(--hero-button), 1.0);
}
.chat-rooms .incident-room.active-room:hover {
  background: rgba(var(--live-dark), 1.0);
}
.chat-rooms li a {
  padding: 0.75em 1em;
  display: block;
  color: rgba(var(var(--link-color)), 1.0);
}
.chat-rooms li.incident-room a {
  color: rgba(var(--live-dark), 1.0) !important;
}
.chat-rooms li.active-room a {
  color: rgba(var(--always-white), 1.0) !important;
}
.chat-rooms li.incident-room.active-room a {
  color: rgba(var(--always-white), 1.0) !important;
}
.chat-rooms li.incident-room.active-room a i {
  color: rgba(var(--live-medium), 1.0) !important;
}
.chat-rooms li.list-group-item {
  margin-bottom: 0;
}

/*
 * Chat notifications
 */
.chat-notifications {
  position: fixed;
  right: 0;
  top: 0;
  width: 28em;
  z-index: 9999;
}
.chat-notification {
  border: 1px solid rgba(var(--component-accent-color), 1.0);
  color: rgba(var(--muted-font-color), 1.0);
  padding: 2px 8px 0px 10px;
  background: rgba(var(--primary-component-bg-color), 1.0);
  border-radius: 4px;
  margin: 20px;
  width: 320px;
  max-width: 320px;
}
.chat-notification .close,
.chat-notification .close:not(:disabled):not(.disabled):hover {
  color: rgba(var(--main-font-color), 1.0);
  opacity: 1;
}
.chat-notification-username {
  color: rgba(var(--component-accent-color), 1.0);
  margin-top: 8px;
}

.chat-notification .notification-container {
  display: flex;
}
.chat-notification.room .notification-container {
  align-items: center;
}
.chat-notification .notification-container .icon {
  margin-right: 10px;
  padding: 12px 8px 8px 8px;
}

.chat-notification .notification-container .icon i {
  color: rgba(var(--main-font-color), 1.0);
  font-size: 1.4rem;
}

.chat-notification.room .notification-container .message {
  width: 18.6em;
}

.chat-notification .notification-container .message h5 {
  font-size: 1rem;
  font-weight: bold;
  margin: 10px 0 2px 0;
}

.chat-notification .notification-container .message p {
  font-size: 1rem;
  /* Reset white-space */
  white-space: normal;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Duplicated .chat-message on hover selector is a hacky way to be more specific than the `a:not()`s */
.chat-notification.message .notification-container .message .chat-message a,
.chat-notification.message .notification-container .message .chat-message.chat-message.chat-message.chat-message.chat-message a:hover {
  color: rgba(var(--main-font-color), 1.0);
}



/*
 * Incident chat navigation components
 */
.mai-sub-header .navbar-nav > .nav-item.incident-active > .nav-link:not(.active) {
  background-image: linear-gradient(to top right, rgba(var(--factal-red), 1.0), rgba(var(--always-white), 0.15));
}
.nav-item.incident-active {
  position: relative;
}
.nav-item.incident-active::before {
  background-image: url('/static/fontawesome-pro-5.9.0-web/svgs/regular/broadcast-tower.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 14px;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: -12px;
  right: -12px;
  background-color: rgba(var(--always-white), 1.0);
  border-radius: 12px;
  padding: 12px;
}
.alert.incident-chat-promo {
  background-color: rgba(var(--live-bright), 1.0);
  text-decoration: none;
}
.alert.incident-chat-promo a {
  color: rgba(var(--live-dark), 1.0) !important;
  text-decoration: none;
}
.alert.incident-chat-promo a:hover {
  color: rgba(var(--live-dark), 1.0) !important;
}
.alert.incident-chat-promo .icon {
  color: rgba(var(--live-dark), 1.0);
}
.alert.incident-chat-promo .message {
  padding-left: 20px;
}


div.session_security_modal h3 {
  color: rgb(235, 51, 0);
  font-size: 24px;
  font-weight: bold;
}

/* Topic Set Editor */
.topic-set-editor {
  position: relative;
  width: 100%;
  padding-bottom: 1em;
}
.topic-set-editor .title {
  max-width: 80%;
}
.topic-set-editor h2.title {
  line-height: 2.6rem;
  padding-left: 0;
  padding-bottom: 0;
  margin-top: -2px;
  margin-bottom: 0;
}
.topic-set-editor .topic-picker-btn {
  position: absolute;
  right: 0;
  top: 0;
}
.topic-set-editor .topic-picker-btn span.disabled {
  color: rgba(var(--muted-font-color), 0.5);
}
.topic-set-editor .added-topics {
  padding: 0 0 4px 0;
}
.topic-set-editor .added-topic {
  width: 100%;
  padding: 4px 0;
  position: relative;
  float: left;
}
.topic-set-editor .added-topics h4 {
  width: 70%;
  float: left;
  margin-top: 3px;
  margin-bottom: 0;
}
.topic-set-editor .added-topics .topic-select-dropdown {
  float: left;
  margin-right: 6px;
}
.topic-set-editor .added-topics .topic-select-dropdown button {
  background: rgba(var(--always-white), 1);
  font-weight: bold;
  font-size: 0.85rem;
  border: 1px solid rgba(var(--always-black), 0.25);
}
.topic-set-editor .topic-select-dropdown-options a:not(.dropdown-item):not(.btn):not(.nav-link):not(.translate):not(.badge) {
  color: rgba(var(--always-black), 1);
  padding-left: .85em;
  font-weight: normal;
}
.topic-set-editor .topic-select-dropdown-options a:not(.nav-link):not(.dropdown-item):not(.btn):not(.chat-reaction):not(.topics_button):not(.list-group-item-danger):not(.media-thumb a):not(.active-room a):hover {
  color: rgba(var(--always-black), 0.75);
  background: rgba(var(--always-black), 0.15);
}
.topic-set-editor .topic-select-dropdown-options {
  box-shadow: rgba(var(--always-black), 0.3) 0px 1px 4px -1px;
  border: 1px solid rgba(var(--always-black), 0.2);
  position: absolute;
  background: rgba(var(--always-white), 1.0);
  z-index: 9999;
  font-size: 0.85rem;
  width: 58px;
  margin-top: -1px;
}
.topic-set-editor .topic-select-dropdown-options a {
  display: inline-block;
  width: 100%;
  padding: 6px;
}
.topic-set-editor a:not(.dropdown-item):not(.btn):not(.nav-link):not(.translate):not(.badge) {
  color: rgba(var(--main-font-color), 1.0);
}
.topic-set-editor a:not(.nav-link):not(.dropdown-item):not(.btn):not(.chat-reaction):not(.topics_button):not(.list-group-item-danger):not(.media-thumb a):not(.active-room a):hover {
  color: rgba(var(--main-font-color), 1.0);
  filter: brightness(75%);
}
.topic-set-editor .query-explainer {
  display: inline-block;
  padding-top: 1em;
  padding-bottom: 1em;
  color: rgba(var(--secondary-font-color), 1.0);
}

#topic-set-all-nots .modal-body {
  padding: 20px 30px 0 20px;
}

.topic-page-header-with-summary { padding: 0 2.4rem 1rem 2.7rem; }
.topic-page-header { padding: 0 1.4rem 1rem 2.7rem; }
.topic-page-header-with-topic-set { padding: 0 1rem 0 2rem; }

#summaryTabs .nav-item, #summaryTabs .nav-link { color: rgba(var(--secondary-font-color), 1.0); }
#summaryTabs .nav-item.active, #summaryTabs .nav-link.active { 
  color: rgba(var(--main-font-color), 1.0); 
  border: 1px solid rgba(var(--component-accent-color), 1.0); 
  border-bottom: none;  
}
#summaryTabs .nav-item:hover, #summaryTabs .nav-link:hover { color: rgba(var(--main-font-color), 1.0); }
#summaryContent { padding: 0; }
#summaryContent textarea {  
  border: none !important; 
  background-color: rgba(var(--primary-component-bg-color), 1.0) !important;
}

#summaryContent {
  border: 1px solid rgba(var(--component-accent-color), 1.0);
  border-radius: 5px 5px 5px 5px;
  padding: 10px;
}

#summaryTabs {
  margin-bottom: 0;
  border: none;
  transform: translateY(1px);
}

#summarizerDropdownMenu li a { background-color: rgba(var(--primary-component-bg-color), 1.0); color: rgba(var(--main-font-color), 1.0); padding-left: 25px }
#summarizerDropdownMenu li a:hover { background-color: rgba( var(--secondary-button-color), 1.0); color: rgba(var(--main-font-color), 1.0); }

#summarizerDropdownMenuButton { min-width: 90px; }

.summarizer-text-styling { color: rgba(var(--main-font-color), 1.0);}

h5[class~="highlighter"],
span[class^="highlighter-"]:not(span[class$="off"]) {
  padding: 2px 4px;
  margin: 0px -1px;
  border: none !important;
  border-radius: 4px;
  display: inline;
}
h5[class~="highlighter"] {
  margin-bottom: 0.5em;
  display: inline-block;
}

.highlighter-red {
  background: rgba(234, 51, 35, 0.5);
  border: 1px solid rgba(234, 51, 35, 1);
}
.highlighter-maroon {
  background: rgba(184, 68, 92, 0.5);
  border: 1px solid rgba(184, 68, 92, 1);
}
.highlighter-mahogany {
  background: rgba(188, 93, 88, 0.5);
  border: 1px solid rgba(188, 93, 88, 1);
}
.highlighter-orange {
  background: rgba(242, 159, 69, 0.5);
  border: 1px solid rgba(242, 159, 69, 1);
}
.highlighter-mango {
  background: rgba(255, 130, 67, 0.5);
  border: 1px solid rgba(255, 130, 67, 1);
}
.highlighter-sunset {
  background: rgba(253, 94, 83, 0.5);
  border: 1px solid rgba(253, 94, 83, 1);
}
.highlighter-blue {
  background: rgba(0, 0, 245, 0.5);
  border: 1px solid rgba(0, 0, 245, 1);
}
.highlighter-cerulean {
  background: rgba(29, 172, 214, 0.5);
  border: 1px solid rgba(29, 172, 214, 1);
}
.highlighter-midnight {
  background: rgba(26, 72, 118, 0.5);
  border: 1px solid rgba(26, 72, 118, 1);
}
.highlighter-indigo {
  background: rgba(110, 8, 125, 0.5);
  border: 1px solid rgba(110, 8, 125, 1);
}
.highlighter-violet {
  background: rgba(224, 135, 232, 0.5);
  border: 1px solid rgba(224, 135, 232, 1);
}
.highlighter-rose {
  background: rgba(255, 72, 208, 0.5);
  border: 1px solid rgba(255, 72, 208, 1);
}
.highlighter-yellow {
  background: rgba(255, 255, 84, 0.5);
  border: 1px solid rgba(255, 255, 1, 1);
}
.highlighter-dandelion {
  background: rgba(253, 219, 109, 0.5);
  border: 1px solid rgba(253, 219, 109, 1);
}
.highlighter-sunglow {
  background: rgba(255, 182, 83, 0.5);
  border: 1px solid rgba(255, 182, 83, 1);
}
.highlighter-green {
  background: rgba(55, 126, 34, 0.5);
  border: 1px solid rgba(55, 126, 34, 1);
}
.highlighter-lime {
  background: rgba(29, 249, 20, 0.5);
  border: 1px solid rgba(29, 249, 20, 1);
}
.highlighter-forest {
  background: rgba(109, 174, 129, 0.5);
  border: 1px solid rgba(109, 174, 129, 1);
}
.x-logo-svg {
  filter: var(--main-link-filter);
}
.x-logo-font {
  filter: var(--main-font-filter);
}
.x-logo-muted-font {
  filter: var(--muted-font-filter);
  opacity: 0.8;
}
.icon-lift {
  position: relative;
  top: -1px;
}

#div_id_start_date, #div_id_end_date {
  width: 75%;
 }

 .bootstrap-datetimepicker-widget {
  background-color:rgba( var(--primary-component-bg-color), 1.0);
 }

 .bootstrap-datetimepicker-widget .btn, .bootstrap-datetimepicker-widget {
  color: rgba(var(--main-font-color, 1.0));
 }

 .bootstrap-datetimepicker-widget .picker-switch table td a[title="Select Time"] span {
  display: none;
 } 
 
 .bootstrap-datetimepicker-widget div.timepicker-picker, li.picker-switch {
  display: flex;
  justify-content: center;
 }
 
 .bootstrap-datetimepicker-widget .timepicker-picker table, .bootstrap-datetimepicker-widget li.picker-switch table {
  align-self: center;
  table-layout: auto;
  width: auto;
 }

 .bootstrap-datetimepicker-widget .timepicker::before {
  content: "Select hour below";
  font-family: "Open Sans" !important;
  color: rgba(var(--secondary-font-color, 1.0));
  align-self: center;
  width: auto;
  margin-left: 5rem;
}

.bootstrap-datetimepicker-widget .datepicker table tr th, .bootstrap-datetimepicker-widget .datepicker table tr td {
  color: rgba(var(--main-font-color), 1.0) !important;
}

.bootstrap-datetimepicker-widget .datepicker table td.old, .bootstrap-datetimepicker-widget .datepicker table td.new {
  color: rgba(var(--secondary-font-color), 1.0) !important;
}

.bootstrap-datetimepicker-widget .datepicker .datepicker-days table td:hover, .bootstrap-datetimepicker-widget .datepicker table th:hover, .bootstrap-datetimepicker-widget .datepicker table th.prev:hover, .bootstrap-datetimepicker-widget .datepicker table th.next:hover, .bootstrap-datetimepicker-widget .datepicker table td span:hover,
.bootstrap-datetimepicker-widget .datepicker-months table tr td span:hover, .bootstrap-datetimepicker-widget .datepicker-years table tr td span:hover, .bootstrap-datetimepicker-widget .datepicker-decades table tr td span:hover,
.bootstrap-datetimepicker-widget .picker-switch table td a[title="Select Time"]:hover, .bootstrap-datetimepicker-widget .datepicker table th.picker-switch:hover,
.bootstrap-datetimepicker-widget .timepicker-picker table td span:hover, .bootstrap-datetimepicker-widget .timepicker-picker table td a:hover { 
  background-color: rgba(var(--secondary-button-color), 1.0);
  color: rgba(var(--main-font-color), 1.0) !important;
  filter: none !important;
  border-width: 0;
  text-shadow: none;
  border-radius: 5px !important;
}

.bootstrap-datetimepicker-widget .datepicker .datepicker-days table td.today {
  background-color: rgba(var(--secondary-button-color), 1.0);
  color: rgba(var(--main-font-color), 1.0) !important;
  filter: none !important;
  border-width: 0;
  text-shadow: none;
  border-radius: 5px !important;
}
 
 /* Overriding the hover, active and selected states of bootstrap datepicker */
 .bootstrap-datetimepicker-widget .datepicker table tr td.focused, .bootstrap-datetimepicker-widget .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.active.disabled:hover,
 .bootstrap-datetimepicker-widget .datepicker table tr td span.active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.active.disabled:hover, .datepicker table tr td span.active:hover.active:hover,
 .bootstrap-datetimepicker-widget .picker-switch table td a[title="Select Time"].active, .picker-switch table td a[title="Select Time"].active.active,
 .bootstrap-datetimepicker-widget .datepicker table th.picker-switch.active, .datepicker table th.picker-switch.active.active,
 .bootstrap-datetimepicker-widget .selected {
  background-color: rgba(var(--secondary-font-color), 1.0);
  color: #ffffff !important;
  filter: none !important;
  border-width: 0;
  text-shadow: none;
  border-radius: 5px !important;
 }
 
 .bootstrap-datetimepicker-widget .timepicker-picker table td span[title="Pick Minute"], .bootstrap-datetimepicker-widget .timepicker-picker table td a[title="Increment Minute"], .bootstrap-datetimepicker-widget .timepicker-picker table td a[title="Decrement Minute"] {
  cursor: default;
  pointer-events: none;       
  text-decoration: none;
  opacity: 0.5;
 }