/** VARIABLES DJANGO ADMIN */
/* VARIABLE DEFINITIONS */
:root {
  --primary: #79aec8;
  --secondary: #417690;
  --accent: #f5dd5d;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;

  --header-color: #ffc;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: var(--body-quiet-color);
  --breadcrumbs-link-fg: var(--link-fg);
  --breadcrumbs-bg: var(--body-bg);

  --link-fg: #447e9b;
  --link-hover-color: #036;
  --link-selected-fg: #5b80b2;

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: var(--primary);
  --button-hover-bg: #609ab6;
  --default-button-bg: var(--secondary);
  --default-button-hover-bg: #205067;
  --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
  --close-button-hover-bg: #747474;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
}

/** VARIABLES BULMA */
:root {
  --white: white;
  --white-invert: #0a0a0a;
  --black: #0a0a0a;
  --black-invert: white;
  --light: whitesmoke;
  --light-invert: rgba(0, 0, 0, 0.7);
  --dark: #363636;
  --dark-invert: #fff;
  --primary: #79aec8;
  --primary-invert: #fff;
  --primary-light: #ebfffc;
  --primary-dark: #00947e;
  --link: #485fc7;
  --link-invert: #fff;
  --link-light: #eff1fa;
  --link-dark: #3850b7;
  --info: #3e8ed0;
  --info-invert: #fff;
  --info-light: #eff5fb;
  --info-dark: #296fa8;
  --success: #48c78e;
  --success-invert: #fff;
  --success-light: #effaf5;
  --success-dark: #257953;
  --warning: #ffe08a;
  --warning-invert: rgba(0, 0, 0, 0.7);
  --warning-light: #fffaeb;
  --warning-dark: #946c00;
  --danger: #f14668;
  --danger-invert: #fff;
  --danger-light: #feecf0;
  --danger-dark: #cc0f35;
  --expo: #ffd257;
  --expo-invert: white;
  --expo-light: #fffaeb;
  --expo-dark: #946c00;
  --love: #f14668;
  --love-invert: white;
  --love-light: #feecf0;
  --love-dark: #cc0f35;
  --patreon: #f96854;
  --patreon-invert: white;
  --patreon-light: #feeeeb;
  --patreon-dark: #c01d07;
  --rss: #f26522;
  --rss-invert: white;
  --rss-light: #fef2ec;
  --rss-dark: #c1460b;
  --bleeding: #abf47c;
  --bleeding-invert: rgba(0, 0, 0, 0.7);
  --bleeding-light: #f3fdec;
  --bleeding-dark: #3c880b;
  --sass: #bf4080;
  --sass-invert: white;
  --sass-light: #faf0f5;
  --sass-dark: #b03b76;
  --amazon: #ffd863;
  --amazon-invert: rgba(0, 0, 0, 0.7);
  --amazon-light: #fffaeb;
  --amazon-dark: #946f00;
  --sponsor: #ea4aaa;
  --sponsor-invert: white;
  --sponsor-light: #fdedf6;
  --sponsor-dark: #c0167c;
  --twitter: #55acee;
  --twitter-invert: white;
  --twitter-light: #ecf6fd;
  --twitter-dark: #10609e;
  --videos: #48c78e;
  --videos-invert: white;
  --videos-light: #effaf5;
  --videos-dark: #257953;
  --extensions: #3e8ed0;
  --extensions-invert: white;
  --extensions-light: #eff5fb;
  --extensions-dark: #296fa8;
  --bootstrap: #6f5499;
  --bootstrap-invert: white;
  --bootstrap-light: #f4f2f8;
  --bootstrap-dark: #73579e;
  --bootstrap: #6f5499;
  --github: #333333;
  --twitter: #55acee;
  --patreon: #f96854;
  --patreon-blue: #052d49;
  --fortyfour: #5f45bb;
  --amazon: #ffd863;
  --bleeding-green: #abf47c;
  --bleeding-red: #ca1f26;
  --rss: #f26522;
  --search: #00d1b2;
  --search-light: #ebfffc;
  --search-dark: #00947e;
  --html5: #e44d26;
  --html5-invert: #ebebeb;
  --hl-green: #37e7ac;
  --hl-cyan: #51fbde;
  --hl-blue: #00b2ff;
  --hl-purple: #9a89b4;
  --hl-lavender: #9b6dff;
  --hl-pink: #ff5cd3;
  --hl-rose: #ff6b9d;
  --hl-orange: #ff9970;
  --hl-yellow: #fed604;
  --hl-gray-01: #d9e0e8;
  --hl-gray-02: #808182;
  --hl-gray-09: #1f2330;
  --hl-color: var(--hl-orange);
  --hl-background: var(--hl-gray-09);
  --container-width: calc(100vw - 3rem);
  --container-width-desktop: 960px;
  --container-width-widescreen: 1152px;
  --container-width-fullhd: 1344px;
}

body {
  font-family: "Lato","Roboto","Lucida Grande","DejaVu Sans","Bitstream Vera Sans",Verdana,Arial,sans-serif;
}

.submit-row a.closelink {
  height: auto!important;
}

/**
 * LAYOUT
 */

.lc-dash {
  --lc-outer: 1.5rem;
  --lc-inner: 1.5rem;
  --lc-side-padding: 1rem;
  position: relative;
}


#lc-layout {
  display: grid;
  grid-template-columns: 11.25rem calc(100% - 11.25rem);
}

#lc-layout > #lc-sidebar {
  background-color: var(--darkened-bg);
  border-right: 0.5px solid #dbdbdb;
  width: 11.25rem;
}

#lc-layout > #lc-sidebar > #sidebar {
  --height: 1.25;
  max-height: 100vh;
  overflow-y: auto;
  padding: var(--lc-side-padding);
  position: sticky;
  top: 0;
}

.lc-key {
  align-items: center;
  background: rgba(0,0,0,.1);
  border-radius: 0.25em;
  color: rgba(0,0,0,.5);
  display: none;
  font-family: monospace;
  font-size: .625rem;
  height: 2em;
  justify-content: center;
  min-width: 2em;
  padding: 0 0.25em;
  pointer-events: none;
  text-align: center;
  z-index: 2;
}

#lc-layout > #lc-sidebar > #sidebar .lc-categories-no-results {
  display: none;
}
#lc-layout > #lc-sidebar > #sidebar .lc-categories-filter .lc-key {
  position: absolute;
  right: 6px;
  top: 4px;
}

#lc-layout > #lc-sidebar > #sidebar .lc-categories-filter {
  margin-bottom: 1em;
  position: relative;
}

#lc-layout > #lc-sidebar > #sidebar .lc-category-group  {
  color: #b5b5b5;
  font-size: .625em;
  font-weight: 600;
  letter-spacing: .2em;
  margin-bottom: calc(var(--lc-side-padding)/ 2);
  margin-top: var(--lc-side-padding);
  text-transform: uppercase;
}

#lc-layout > #lc-sidebar > #sidebar .lc-category-header {
  position: relative;
}

#lc-layout > #lc-sidebar > #sidebar .lc-category-toggle {
  border-radius: 0.375em;
  color: var(--primary);
  cursor: pointer;
  display: none;
  height: calc(1em * var(--height));
  margin-left: auto;
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  width: calc(1em * var(--height));
}

#lc-layout > #lc-sidebar > #sidebar .lc-category-list {
  display: none;
  padding: 0.25em 0.75em 0.75em;
}
#lc-layout > #lc-sidebar > #sidebar > #categories > .lc-category.is-open .lc-category-list {
  display: block;
}
#lc-layout > #lc-sidebar > #sidebar > #categories > .lc-category.is-current .lc-category-name.is-active {
  background-color: var(--primary);
  color: var(--primary-invert);
}

#lc-layout > #lc-sidebar > #sidebar .lc-category-list li {
  align-items: flex-start;
  display: flex;
  font-size: .875em;
}

#lc-layout > #lc-sidebar > #sidebar .lc-anchors-list a,
#lc-layout > #lc-sidebar > #sidebar .lc-category-list li a,
#lc-layout > #lc-sidebar > #sidebar .lc-category-name {
  --highlight-background-color: var(--primary);
  --highlight-color: var(--primary-invert);
  align-items: center;
  border-radius: 0.375em;
  color: #363636;
  cursor: pointer;
  display: flex;
  line-height: var(--height);
  padding: 0.375em 0.75em;
  width: 100%;
  transition-duration: 86ms;
  transition-property: background-color,color;
}

#lc-layout > #lc-sidebar > #sidebar .lc-anchors-list a:hover,
#lc-layout > #lc-sidebar > #sidebar .lc-category-list li a:hover,
#lc-layout > #lc-sidebar > #sidebar .lc-category-name:hover {
  background-color: var(--primary-invert);
  color: var(--primary);
}

#lc-layout > #lc-dash-main {
  padding-bottom: var(--docs-outer);
  padding-left: var(--docs-outer);
  padding-right: var(--docs-outer);
}

#lc-layout #content.is-dashboard {
  padding: 20px;
}

caption > a.section {
  padding: 0;
}

.submit-row a.deletelink {
  height: 35px!important;
}
.delete-confirmation form .cancel-link {
  height: 35px!important;
}

.inline-group .tabular td.original p {
  height: 2.1em!important;
}

#toolbar #searchbar {
  height: 25px!important;
}

/** BREADCRUMBS */

/* DJANGO ADMIN BREADCRUMBS */
div.breadcrumbs,
nav.breadcrumb {
  padding: 10px 20px;
  margin-bottom: 0;
}
nav.breadcrumb.has-border-bottom {
  border-bottom: 0.5px solid var(--hairline-color);
}

.breadcrumb ul, .breadcrumb ol {
  margin: 0;
}

.breadcrumb a {
  padding: 0 0.35em;
}

.breadcrumb.has-succeeds-separator li+li::before {
  content: "\203A";
}


/**
 * Home
 */

.notification a.no-link {
  text-decoration: none!important;
}


/**
 * TABS
 */

.tabset {
  padding: 20px 0 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  white-space: nowrap;
}

.tabset > a {
  color: #666;
  position: relative;
  display: inline-block;
  padding: 15px 15px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 400;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.tabset.narrow > a { padding: 8px 14px!important }

.tabset > a:focus { text-decoration: none }
.tabset > a:hover {
  background-color: rgba(0,0,0,0.1);
}

.tabset > a.current {
  color: #417690;
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tabset > a.current:hover { background-color: transparent }

.tabset > a.current > i { color: #417690 }


/* lc-event-hero */

#lc-dash-hero .hero.lc-event-hero {
    background: #fafafa;
}

#lc-dash-hero .hero.lc-event-hero .breadcrumbs {
    background-color: transparent;
}

#lc-dash-hero .hero.lc-event-hero .hero-foot,
#lc-dash-hero .hero.lc-event-hero .hero-subfoot {
    border-bottom: 1px solid #dbdbdb;
}

#lc-dash-hero .hero.lc-event-hero .hero-foot .tabs,
#lc-dash-hero .hero.lc-event-hero .hero-subfoot .tabs {
    position: relative;
    top: 1px;
}

#lc-dash-hero .hero.lc-event-hero .hero-foot .tabs ul,
#lc-dash-hero .hero.lc-event-hero .hero-subfoot .tabs ul {
    margin: 0;
    padding: 0;
}
#lc-dash-hero .hero.lc-event-hero .hero-foot .tabs li,
#lc-dash-hero .hero.lc-event-hero .hero-foot .tabs li a {
    color: #4a4a4a;
}
#lc-dash-hero .hero.lc-event-hero .hero-foot .tabs li.is-disabled,
#lc-dash-hero .hero.lc-event-hero .hero-foot .tabs li.is-disabled a {
    color: #a4a4a4;
}
#lc-dash-hero .hero.lc-event-hero .hero-foot .tabs a .icon {
    width: 12px;
    height: 12px;
    margin: 0.20rem 0.25rem 0 0;
}

#lc-dash-hero .hero.lc-event-hero .hero-subfoot {
    background-color: #fff;
}

/* short-id */
.short-id {
  color: #666;
  border-radius: 0.3rem;
  background-color: transparent;
}
.short-id .icon {
  width: 0.8rem;
  height: 0.8rem;
  margin-left: 0.25rem;
  top: 8px;
  position: relative;
}
th.column-short_id {
    min-width: 102px;
}
.field-short_id {
    padding: 0.2rem 0.5rem;
}
.field-short_id .short-id {
    position: relative;
    top: -2px;
}