html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

body {
  font-family: Lucida Grande,Lucida Sans Unicode,Arial,sans-serif;
  background: #f5f5f5
}

a {
  color: #000000;
}

a:hover {
  color: #666666;
}

.login-container {
  width: 320px;
  margin: 0 auto;
  padding-top: 70px;
}

.login-logo {
  padding: 0px 0px 20px 0px;
}

.exception-message-container {
  margin: 10px 20px 10px 20px;
  padding: 20px;
  background: #ffffff;
  border: 1px solid #df5754;
  width: 100%;
  text-align: center;
}

.exception-message-container h1 {
  color: #df5754;
}

.exception-message-container .error-message {
  margin: 20px 0px 0px 0px;
  font-size: 20px;
}

.btn-xlg {
  padding: 20px 35px;
  font-size: 18px;
  line-height: normal;
  webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}

.btn-blue {
  color: #ffffff;
  background-color: #00aaff;
  border-radius: 3px;
}

.btn-blue:focus,
.btn-blue:hover {
  color: #ffffff;
  background-color: #29A2E4;
}


.btn-green {
  color: #ffffff;
  background-color: #73bf4c;
  border-radius: 3px;
}

.btn-green:focus,
.btn-green:hover {
  color: #ffffff;
  background-color: #7ec25c;
}

.btn-yellow {
  color: #ffffff;
  background-color: #fbb849;
  border-radius: 3px;
}

.btn-yellow:focus,
.btn-yellow:hover {
  color: #ffffff;
  background-color: #faa61b;
}

.btn-red {
  color: #ffffff;
  background-color: #d84531;
  border-radius: 3px;
}

.btn-red:focus,
.btn-red:hover {
  color: #ffffff;
  background-color: #c43623;
}

.btn-orange {
  color: #ffffff;
  background-color: #fd8038;
  border-radius: 3px;
}

.btn-orange:focus,
.btn-orange:hover {
  color: #ffffff;
  background-color: #ff7200;
}

.btn-indigo {
  color: #ffffff;
  background-color: #7a6ff0;
  border-radius: 3px;
}

.btn-indigo:focus,
.btn-indigo:hover {
  color: #ffffff;
  background-color: #6d65f7;
}

.btn-magenta {
  color: #ffffff;
  background-color: #e362e3;
  border-radius: 3px;
}

.btn-magenta:focus,
.btn-magenta:hover {
  color: #ffffff;
  background-color: #d852d8;
}

.btn-gray {
  color: #ffffff;
  background: #b4b4b4;
  border-radius: 3px;
}

.btn-gray:focus,
.btn-gray:hover {
  color: #ffffff;
  background: #a1a1a1;
}

.input-xlg {
  height: 65px;
  padding: 20px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

select.input-xlg {
  height: 65px !important;
  line-height: 65px;
}

th {
  font-weight: normal;
}

th {
  font-weight: normal;
}

.flash-message {
  margin-bottom: 10px;
}

.flash-message p {
  padding: 15px;
}

.bg-danger {
  background-color: #E0455E;
  color: #fce5e8;
}

.alert-danger {
  background-color: #E0455E;
  color: #fce5e8;
  border: 0px;
  padding: 15px;
}

.has-error input {
  border: 1px solid #dc3545;
}

.has-error select {
  border: 1px solid #dc3545;
}

.label {
  font-weight: 300;
  display: inline-block;
  border-radius: 4px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
}

.label-sm {
  height: 20px;
  line-height: 21px;
  font-size: .90rem;
  width: 100px;
}

.label-green {
  background: #73bf4c;
}

.label-light-green {
  background: #8BC34A;
}

.label-lime {
  background: #CDDC39;
}

.label-blue {
  background: #00aaff;
}

.label-red {
  background: #e63b52;
}

.label-indigo {
  background: #7a6ff0;
}

.label-orange {
  background: #ff7200;
}

.label-yellow {
  background: #edc22c;
}

.label-magenta {
  background: #e362e3;
}

.label-blue-green {
  background: #37c5ab;
}

.label-gray {
  background: #b4b4b4;
}

.label-blue-gray {
  background: #607D8B;
}

.color-black {
  color: #000000;
}

.color-grey {
  color: #cccccc;
}

.color-dark-purple {
  color: #774aa4;
}

.color-light-grey {
  color: #b4b4b4;
}

.color-light-blue {
  color: #39c;
}

.color-green {
  color: #73bf4c;
}

.color-yellow {
  color: #eec300;
}

.color-orange {
  color: #ff7200;
}

.color-red {
  color: #e15650;
}

.bg-black {
  background: #000000;
}

.bg-grey {
  background: #cccccc;
}

.bg-dark-purple {
  background: #774aa4;
}

.bg-light-grey {
  background: #b4b4b4;
}

.bg-light-blue {
  background: #39c;
}

.bg-green {
  background: #73bf4c;
}

.bg-yellow {
  background: #eec300;
}

.bg-orange {
  background: #ff7200;
}

.bg-red {
  background: #e15650;
}

.status-bar-filter {
  width: 3px;
  height: 12px;
}

.status-bar-filter:after {
  content: ".";
  visibility: hidden;
}

.status-bar-filter-bg-ok {
  background: #73bf4c;
}

.status-bar-filter-bg-warning {
  background: #eec300;
}

.status-bar-filter-bg-error {
  background: #e15650;
}

.status-bar-filter-bg-info {
  background: #cccccc;
}

.status-bar-column {
  width: 3px;
  margin: 2px 0px 0px 2px;
  height: 16px;
}

.table thead:first-child tr:first-child {
  background: #fafafa;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 1px solid #dee2e6;
  font-weight: bold;
}

.table td, .table th {
  padding: .25rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table-hover tbody tr:hover {
  background-color: #f8f9fa;
  cursor: pointer;
}

.table-hover tbody tr.active {
  background-color: #ebebeb;
  cursor: pointer;
}

.table tbody + tbody {
  border-top: 0px;
}

.top-nav {
  margin: 10px 20px 10px 20px;
  background: #ffffff;
  height: 50px;
  display:flex;
  border: 2px solid #eeeeee;
  border-top: 2px solid #00aaff;
}

.top-nav .logo {
  width: 300px;
  flex: 0 0 300px;
  margin: 10px 0px 0px 25px;
}

.top-nav .top-nav-menu {
  width: 100%;
  margin: 0px 0px 0px 25px;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.top-nav .top-nav-menu ul {
  height: 50px;
}

.top-nav .top-nav-menu ul li {
  display: inline;
  margin: 0px 20px 0px 0px;
}

.top-nav .top-nav-menu ul li a {
  font-size: 1.2rem;
  color: #666666;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  padding: 0px 15px;
}

.top-nav .top-nav-menu ul li.active a,
.top-nav .top-nav-menu ul li.active a:hover {
  border-bottom: 2px solid #cccccc;
}

.top-nav .top-nav-menu ul li a:hover {
  text-decoration: none;
  background: #f8f9fa;
  border-bottom: 2px solid #cccccc;
}

.top-nav .user-menu {
  width: 400px;
  flex: 0 0 400px;
  padding: 7px 10px 0px 0px;
  text-align: right;
  z-index: 100000;
}

.top-nav .user-menu .dropdown-menu {
  width: 200px;
}

.main-container {
  display: flex;
  min-height: 100%;
  overflow:hidden;
}

.sidebar-left {
  width: 325px;
  flex: 0 0 325px;
  border: 2px solid #eeeeee;
  background: #ffffff;
  padding: 20px;
  margin: 10px 0px 10px 20px;
}

.sidebar-left .environments {
  margin: 0px 0px 10px 0px;
  padding: 5px 0px 20px 0px;
  border-bottom: 1px solid #eeeeee;
}

.sidebar-left .environments h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0px;
  display: block;
}

.sidebar-left .environments button {
  width: 100%;
}

.sidebar-left .environments .dropdown-menu {
  width: 100%;
}

.sidebar-left .log-streams {
  margin: 0px 0px 10px 0px;
  padding: 5px 0px 20px 0px;
  border-bottom: 1px solid #eeeeee;
}

.sidebar-left .log-streams h4 {
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0px;
  display: block;
}

.sidebar-left .log-streams button {
  width: 100%;
  overflow: hidden;
}

.sidebar-left .log-streams .dropdown-menu {
  width: 100%;
}

.sidebar-left .log-streams .group-container {
  border: 0px solid red;
}

.sidebar-left .log-streams .group-name {
  padding: 4px 0px 4px 20px;
  font-weight: bold;
  background: #e0e0e0;
}

.sidebar-left .log-streams .stream-name a {
  display: block;
  width: 100%;
  padding: 4px 0px 4px 26px;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.sidebar-left .log-streams .stream-name a:hover,
.sidebar-left .log-streams .stream-name a:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #eeeeee;
}

.log-events-graph {
  width: 100%;
  border-bottom: 1px solid #eeeeee;
}

.filter-container .filter {
  border-bottom: 1px solid #eeeeee;
}

.filter-container .filter:first-child {
  padding-top: 0px;
}

.filter-container .filter-values {
  height: auto;
  max-height: 160px;
  overflow-x: hidden;
  overflow-y: auto;
}

.filter-container .filter-value {
  font-size: .94rem;
  padding: 0px 0px 4px 0px;
}

.filter-container .filter-value .custom-control-label {
  margin-top: 2px;
}

.filter-container .filter-header h4 {
  font-weight: bold;
  padding: 0px;
  margin: 0px 0px 8px 0px;
  font-size: 1rem;
  display: block;
}

.filter-container .filter-header a.header-name {
  font-weight: bold;
  padding: 8px 0px;
  display: block;
  cursor: pointer;
}

.filter-container .filter-header a.header-name:hover {
  background: #f8f9fa;
  cursor: pointer;
}

.filter-open .header-name::before {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  border-top: .3em solid #000000;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
  float: left;
  margin: 9px 8px 0px 2px;
}

.filter-closed .header-name::before {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid transparent;
  border-left: .3em solid #000000;
  border-bottom: .3em solid transparent;
  float: left;
  margin: 8px 8px 0px 0px;
}

.filter-container .filter-results-container {
  padding: 2px 0px 6px 0px;
}

.filter-closed .filter-results-container {
  display: none;
}

.filter-container .filter-value-count {
  width: 60px;
  float: right;
  text-align: right;
  color: #9e9e9e;
  font-size: .90rem;
  padding: 2px 8px 0px 0px;
}

.main-content {
  background: #ffffff;
  width: 100%;
  margin: 10px 20px 10px 20px;
  padding: 20px;
  border: 2px solid #eeeeee
}

.content {
  margin: 10px 0px 0px 0px;
}

.content-header {
  padding: 0px 0px 5px 0px;
}

.content-header h1 {
  color: #616161;
  font-size: 2.2rem;
}

.entity-form .card {
  margin: 0px 0px 20px 0px;
}

.entity-form .card .card-body {
  padding: 1rem;
}

.entity-form .form-group label {
  font-weight: 700;
}

.entity-form .card .row {
  margin: 0px 0px 10px 0px;
}

.entity-form .card .row:last-child {
  margin: 0px;
}

.saved-searches-container {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 10px 0px;
  border-bottom: 1px solid #eeeeee;
  font-size: 12px;
  color: #000000;
  display: flex;
}

.saved-searches-container ul {
  list-style-type: none;
  margin: 0px 0px 0px 6px;
}

.saved-searches-container ul li {
  display: inline;
  margin: 0px 4px 0px 0px;
}

.saved-searches-container ul li a {
  color: #666666;
}

.saved-searches-container ul li span.icon svg {
  height: 10px;
  width: 10px;
  fill: #666666;
}

.saved-searches-container ul li span.icon svg:hover {
  fill: #000000;
  cursor: pointer;
}

.saved-searches-container span.edit-saved-search input {
  margin: 0px 0px 0px 0px;
  height: 20px;
}

.saved-searches-container span.edit-saved-search .btn {
  padding: 0px 4px;
  margin: -1px 0px 0px 2px;
}

.saved-searches-container span.edit-saved-search .btn-save {
  color: #ffffff;
  background: #73bf4c;
}

.saved-searches-container span.edit-saved-search .btn-save:hover {
  color: #ffffff;
  background: #7cc05c;
}

.saved-searches-container span.edit-saved-search .btn-delete {
  color: #ffffff;
  background: #e15650;
}

.saved-searches-container span.edit-saved-search .btn-delete:hover {
  color: #ffffff;
  background: #e26765;
}

.search-bar-container {
  margin: 0px 0px 4px 0px;
  display: flex;
  padding: 0px 0px 4px 0px;
}

.search-bar-container .search-bar {
  width: 100%;
  margin: 0px 10px 0px 0px;
  padding: 4px 0px 4px 0px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  height: 34px;
  display: flex;
  position: relative;
}

.search-bar-container .search-bar .search-icon {
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 55%;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23ccc" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z"/></svg>');
}

.search-bar-container .search-autocomplete-container {
  position: absolute;
  top: 31px;
  left: -1px;
  right: 0;
  width: calc(100% + 2px);
  background: #ffffff;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  z-index: 10000;
}

.search-bar-container .search-autocomplete-container ul.autocomplete {
  list-style-type: none;
  margin: 5px 0px 5px 0px;
}

.search-bar-container .search-autocomplete-container ul.autocomplete li {
  padding: 2px 0px 2px 10px;
}

.search-bar-container .search-autocomplete-container ul.autocomplete li span {
  color: #a0a0a0;
  font-size: 11px;
  margin: 0px 0px 0px 6px;
}

.search-bar-container .search-autocomplete-container ul.autocomplete li:hover {
  background: #eeeeee;
  cursor: pointer;
}

.search-bar-container .search-autocomplete-container .sytnax-help {
  width: 100%;
  border-top: 1px solid #cccccc;
  padding: 6px 0px 6px 10px;
}

.search-bar-container .search-autocomplete-container .sytnax-help ul {
  list-style-type: none;
}

.search-bar-container .search-autocomplete-container .sytnax-help ul li {
  display: inline;
  font-size: 12px;
  margin: 0px 20px 0px 0px;
}

.search-bar-container .search-autocomplete-container .sytnax-help ul li span {
  color: #a0a0a0;
}

.search-bar-input-container {
  width: 100%;
  height: 30px;
  display: flex;
}

.search-bar-input-container .full-search-input {
  width: 100%;
  height: 28px;
  line-height: 26px;
  cursor: pointer;
}

.search-bar-input-container .full-search-input:focus {
  outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.search-bar-input-container .pill {
  display: flex;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  background-color: #ebebeb;
  color: #616161;
  padding: 1px 6px;
  font-size: 14px;
  line-height: 18px;
  height: 24px;
  margin: 0px 10px 0px 0px;
  white-space: nowrap;
}

.search-bar-pill-container {
  display: flex;
}

.search-bar-input-container .pill-label {
  padding: 1px 6px 0px 0px;
  font-weight: bold;
}

.search-bar-input-container .pill-value {
  padding: 1px 4px 0px 4px;
  margin: 0px 0px 0px 0px;
}

.search-bar-input-container .pill-value:focus {
  outline: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

.search-bar-input-container .pill-value-edit {
  background: #ffffff;
}

.search-bar-input-container .pill-remove {
  flex: 0 0 16px;
  width: 16px;
  height: 22px;
  text-align: right;
  line-height: 18px;
  cursor: pointer;
}

.log-events-live-stream-container {
  margin: 0px 0px 0px 8px;
}

.log-events-live-stream-container a {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 65%;
  border: 1px dotted #dee2e6;
  display: block;
  width: 35px;
  height: 27px;
}

.log-events-live-stream-container a.live-stream {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2300aaff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm296-80v160c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16V176c0-8.8 7.2-16 16-16h160c8.8 0 16 7.2 16 16z"></path></svg>');
}

.log-events-live-stream-container a.live-stream-stop {
  background-image: url('data:image/svg+xml;utf8,<svg fill="%2300aaff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z"></path></svg>');
}

table.log-events {
  table-layout:fixed;
  margin-bottom: 0px;
}

/*
table.log-events td.log-event-message {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
*/

table.log-events td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.log-events-container table.log-events tr th {
  position: relative;
}

.log-events-container table.log-events tr th.sorting {
  cursor: pointer;
}

.log-events-container table.log-events tr th.sorting:before {
  right: 15px;
  position: absolute;
  content: "\2191";
  color: #bdbebf;
}

.log-events-container table.log-events tr th.sorting:after {
  right: 5px;
  position: absolute;
  content: "\2193";
  color: #bdbebf;
}

.log-events-container table.log-events tr th.sorting-asc:before {
  color: #000000;
}

.log-events-container table.log-events tr th.sorting-desc:after {
  color: #000000;
}

.log-events-toolbar {
  display: flex;
  margin: 10px 0px 8px 0px;
  height: 28px;
}

.log-events-count {
  width: 100%;
  display: flex;
  font-weight: bold;
}

.log-events-date-period-container {
  width: 650px;
  margin: 0px 0px 0px 0px;
  position: relative;
  text-align: right;
  z-index: 1000;
}

.log-events-date-period-container .date-period-list-container {
  float: right;
  border: 1px dotted #dee2e6;
  padding: 2px 10px;
}

.log-events-date-period-container ul.date-period-list {
  list-style-type: none;
}

.log-events-date-period-container ul.date-period-list li {
  display: inline;
  margin: 0px 0px 0px 6px;
}

.log-events-date-period-container ul.date-period-list li a {
  font-size: 13px;
}

.log-events-date-period-container ul.date-period-list li a:hover {
  text-decoration: underline;
  color: #000000;
}

.log-events-date-period-container ul.date-period-list li a.active {
  font-weight: bold;
}

.log-events-date-period-container ul.date-period-list li.custom-date-range a::before {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
  float: right;
  margin: 10px 0px 0px 5px;
}

.datetime-range-container {
  width: 350px;
  margin: 0px 10px 0px 0px;
  display: flex;
  position: relative;
  z-index: 10000;
}

.datetime-range-container .time-selector {
  width: 100%;
}

.datetime-range-container .time-selector button {
  width: 100%;
}

.datetime-range-container .time-selector span.option {
  background: #d6d6d6;
  color: #616161;
  border-radius: 3px;
  padding: 2px 4px;
  margin: 0px 8px 0px 0px;
}

.datetime-range-container .time-selector .dropdown-menu {
  width: 100%;
}

.datetime-range-container .time-selector .dropdown-menu .dropdown-item {
  padding: 0.25rem .9rem;
}

.custom-datetime-range-container {
  position: absolute;
  top: 36px;
  right: 0px;
  z-index: 10000;
  width: 720px;
  border: 1px solid #dee2e6;
  background: #ffffff;
  min-height: 215px;
}

.custom-datetimepicker-container {
  display: flex;
}

.custom-datetimepicker-container .datetimepicker {
  width: 360px;
  text-align: center;
  padding: 10px 10px 0px 10px;
}

.custom-datetimepicker-container .datetimepicker:first-child {
  border-right: 1px dashed #dee2e6;
}

.custom-datetime-apply {
  text-align: right;
  padding: 0px 22px 10px 0px;
}

.custom-datetime-container {
  font-size: 13px;
  height: 21px;
  padding: 2px 0px 0px 0px;
}

.custom-datetime-container a:hover {
  text-decoration: underline;
  color: #000000;
}

.custom-datetime-container a:before {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
  float: right;
  margin: 8px 0px 0px 5px;
}

.log-event-panel {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 50%;
  height: 100%;
  border-left: 2px solid #dee2e6;
  background: #ffffff;
  z-index: 100000;
  overflow-y: auto;
}

.log-event-panel-header {
  margin: 0px 0px 10px 0px;
  border-top: 4px solid #000000;
}

.log-event-panel-header-status-warning {
  border-top: 4px solid #eec300;
}

.log-event-panel-header-status-ok {
  border-top: 4px solid #73bf4c;
}

.log-event-panel-header-status-info {
  border-top: 4px solid #ccc;
}

.log-event-panel-header-status-error {
  border-top: 4px solid #e15650;
}

.log-event-status-badge {
  text-transform: uppercase;
  background: #000000;
  color: #ffffff;
  padding: 5px 16px
}

.log-event-status-badge-warning {
  background: #eec300;
}

.log-event-status-badge-ok {
  background: #73bf4c;
}

.log-event-status-badge-info {
  background: #cccccc;
}

.log-event-status-badge-error {
  background: #e15650;
}

.log-event-panel-content {
  padding: 10px 15px;
}

.log-event-panel-close {
  position: absolute;
  right: 10px;
}

.log-event-panel-close svg {
  width: 20px;
  height: 20px;
}

.log-event-panel .log-event-status-bar {
  display: flex;
}

.log-event-panel .log-event-status {
  margin: 0px 15px 0px 0px;
}

.log-event-panel .log-event-date span {
  color: #9e9e9e;
}

.log-event-panel .log-event-blocks {
  display: flex;
  padding: 20px 0px 20px 0px;
  border-bottom: 1px solid #ccc;
}

.log-event-panel .log-event-block {
  width: 33%;
}

.log-event-panel .log-event-block h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0px 0px 2px 0px;
}

.log-event-panel .log-event-share-link {
  margin: 30px 0px;
}

.log-event-panel .log-event-share-link h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

.log-event-panel .log-event-share-link span {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  padding: 10px;
  color: #666666;
  display: block;
}

.log-event-panel .log-event-message {
  margin: 30px 0px;
  overflow: hidden;
}

.log-event-panel .log-event-message h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

.log-event-panel .log-event-message .log-event-full-message {
  background: #f5f5f5;
  border: 1px solid #e0e0e0;
  padding: 10px;
  color: #666666;
  overflow-y: scroll;
}

.log-event-panel .log-event-attributes h3 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
}

.loader {
  width: 40px;
  text-align: center;
}

.loader > div {
  width: 6px;
  height: 6px;
  background-color: #666;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.loader .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
    }
}

.card-body-grey {
  background: #f5f5f5;
}

.footer {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #666666;
  width: 100%;
  padding: 0px 20px 10px 0px;
}

.footer a {
  font-size: 11px;
  color: #666666;
}

.footer a:hover {
  text-decoration: underline;
}

form.alert-form label.trigger-when {
  font-weight: 700;
}

form.alert-form input.min-events-match {
  width: 30px;
  height: 24px;
}

form.alert-form .form-check {
  margin: 5px 0px 0px 0px;
}

form.alert-form .text-muted {
  font-size: 12px;
}

form.alert-form .text-muted a {
  text-decoration: underline;
  color: #6c757d;
}

.example-json-response {
  margin: 15px 0px;
}