html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

html, body, #app, .app {
    height: 100%;
}

.app {
  display: flex;
  flex-direction: column;
}

.app:not(.route-landing) .navbar {
  margin-bottom: 0 !important;
  background: white !important;
}

.dashboard {
  flex: 1;
  margin: 0 !important;
}

.selectable:hover {
    cursor: pointer;
}

.events-graph text {
    color: #636363;
    font-size: 10px;
}

.events-graph path {
    stroke-width: 2;
}

.events-graph path.connections {
    stroke: #DEDEDE;
}

.line-marker {
    fill: #636363;
    stroke: "none";
}

.events-graph text.node-selected {
    font-weight: bold;
}

.events-graph {
    display: flex;
}

.events-graph svg {
    flex: 1;
}

/* Landing */

.app .landing {
  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  background: -webkit-linear-gradient(bottom right, tomato, orange, #b64dbe, #0057f1);
}

.app.route-landing .navbar {
  border-bottom: none !important;
  background: #333;
}

.app.route-landing .menu.navbar .header.item, .app.route-landing .navbar .item {
  color: white !important;
  border: none;
  margin: 0 !important;
}

.landing p, .landing .item, .landing li {
  color: #F9F9F9;
  line-height: 1.44;
}

.landing a {
  color: #F9F9F9;
  text-decoration: underline;
}

.app .landing .ui.header, .app .landing .sub.header, .app .landing h1, .app .landing h2, .ap
p .landing h3 {
  color: #F9F9F9;
  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.app .landing .events-graph {
  flex: 1;
}

.app .landing :not(.card) > div > .events-graph .title,
.app .landing :not(.card) > div > .events-graph .schedule {
  fill: #F9F9F9;
}

.app .landing .header-graph .events-graph {
  border: none;
  height: 100%;
}

.app.route-landing .segment .header  {
  color: #F9F9F9;
}

.app.route-landing .segment .card .header {
  color: #333;
}

.app.route-landing .segment .header {
  font-size: 40px;
}

.app.route-landing .segment .header .sub.header {
  font-size: 20px;
}

.app.route-landing .segment .list .item .header {
  font-size: 20px;
}

.app.route-landing .main-header.header {
  font-size: 64px;
  line-height: 1.0625;
  letter-spacing: -0.009em;
  font-weight: 600;
}

.app.route-landing .main-header.header .sub.header {
  font-size: 21px;
  font-weight: 400;
  line-height: 1.38105;
  letter-spacing: 0.011em;
}

.route-landing .ui.divided.grid:not([class*="vertically divided"])>.column:not(.row) {
  box-shadow: -1px 0 0 0 rgba(255,255,255,.15);
}

.route-landing .ui.divided.grid:not([class*="vertically divided"])>.column:first-child {
  box-shadow: none;
}

.route-landing .ui.divided.list>.item {
  border-top: 1px solid rgba(255,255,255,.15);
}

.landing code {
  padding: 1px 5px;
  border-radius: 5px;
  background: rgba(255,255,255, 0.2);
  color: #FFF;
  line-height: 1.4;
}

.create-edit-event-accordion .remove-icon {
  display: none;
}

.create-edit-event-accordion .title:hover .remove-icon {
  display: inline;
}

.ui.form .monaco-editor textarea.inputarea:not([rows]) {
    min-height: 0;
    max-height: 0;
    padding: 0;
}

#effects-search .ui.icon.input {
    width: 100%;
}

/*
 * override the default margin for a dropdown menu in a secondary menu -
 * otherwise when using `simple` the menu closes immediately
 */
.ui.secondary.menu .simple.dropdown.item>.menu {
    margin-top: 0;
}


/*
 * override the default margin for a labeled button
 * since the original styles add -1px to the left side, without any apparent need for it.
 */
.ui.labeled.button>.label {
    margin: 0 0 0 0!important;
}


/* Needed for Auth0 - we are hiding the logo for now */
div.auth0-lock-header {
    height: 58px!important;
}

img.auth0-lock-header-logo {
    display: none!important;
}

.sticky-native {
    position: sticky;
    position: -webkit-sticky;
}

.plain-label {
    border: none !important
}