/** plugin: Simplified Timelines #2.3 code **/
.timeline-item {
  margin-bottom: 1em
}

.kanka-entity-timeline .box-widget {
  margin-bottom: 2em
}

.kanka-entity-timeline .entity-sidebar-submenu, .kanka-entity-timeline .entity-sidebar-pins, .kanka-entity-timeline .box-entity-entry {
  visibility: hidden;
  position: absolute;
}

.kanka-entity-timeline .entity-story-block {
  width: 100%;
  margin-top: 1em;
}

/** plugin: Vertical Timelines #1.5.1 code **/
/* BEGIN Salvatos Vertical Timeline */
@media (min-width:768px) {
	/* Set vars */
	.timeline {
		--svtlinecolor: white;
		--svtbgc: grey;
	}
	/* Set line color */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline::before {
		left: calc(50% - 3px);
		width: 6px;
		background-color: var(--svtlinecolor);
	}
	/* Position events */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li {
		left: 44%;
		margin: 0 0 15px 0;
		width: 50%;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n+1) {
		left: 0;
		padding-right: 25px;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n) {
		left: 50%;
		padding-left: 25px;
	}
	/* Position markers */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li > :is(.ra, .fa, .fas, .fab, .far) {
		position: absolute;
		top: 7px;
		background-color: var(--svtbgc);
		color: white;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n) > :is(.ra, .fa, .fas, .fab, .far) {
		left: calc(0% - 15px);
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n+1) > :is(.ra, .fa, .fas, .fab, .far) {
		left: calc(100% - 15px);
	}
	/* Reshape event blocks */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li > .timeline-item {
		margin: 0;
	}
	/* Set date markers */
	.bg-aqua + .timeline-item .text-muted {--svtbgc:#00c0ef;}
	.bg-black + .timeline-item .text-muted {--svtbgc:#111;}
	.bg-brown + .timeline-item .text-muted {--svtbgc: #a35831;}
	.bg-green + .timeline-item .text-muted {--svtbgc:#00a65a;}
	.bg-gray + .timeline-item .text-muted {--svtbgc:#d2d6de;}
	.bg-light-blue + .timeline-item .text-muted {--svtbgc:#3c8dbc;}
	.bg-maroon + .timeline-item .text-muted {--svtbgc:#d81b60;}
	.bg-navy + .timeline-item .text-muted {--svtbgc:#001f3f;}
	.bg-orange + .timeline-item  .text-muted {--svtbgc:#ff851b;}
	.bg-pink + .timeline-item .text-muted {--svtbgc:#ebbde9;}
	.bg-purple + .timeline-item .text-muted {--svtbgc:#605ca8;}
	.bg-red + .timeline-item .text-muted {--svtbgc:#dd4b39;}
	.bg-teal + .timeline-item .text-muted {--svtbgc:#39cccc;}
	.bg-yellow + .timeline-item .text-muted {--svtbgc:#f39c12;}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline .box-title > .text-muted {
		position: absolute;
		top: 7px;
		width: max-content;
		padding: 5px 8px;
		border: 1px solid var(--svtbgc);
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0,0,0,.1);
		background-color: var(--svtbgc);
		color: white;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n) .text-muted {
		right: calc(100% + 80px);
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n+1) .text-muted {
		left: calc(100% + 80px);
	}
	/* Fancy arrowheads */
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n) .text-muted:after,
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n+1) .text-muted:before {
		content: "";
		display: var(--svtarrow);
		position: absolute;
		top: -1px;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		border-radius: 50%;
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n) .text-muted:after {
		right: -24px;
		border-right: none;
		border-left: 25px solid var(--svtbgc);
	}
	.kanka-entity-timeline:not(.kanka-tag-horizontaltimeline) .timeline > li:nth-child(2n+1) .text-muted:before {
		left: -24px;
		border-left: none;
		border-right: 25px solid var(--svtbgc);
	}
}
/* END Salvatos Vertical Timeline */

/** plugin: New List #2.1 code **/
/* Set vars */
:root {
    --sky-table-radius: 5px;
    
    --sky-text-color-link: #3c8dbc;

    --sky-page-color: #FFFFFF;
    --sky-page-color-2nd: #F9F9F9;
    --sky-page-color-3rd: #FFFFFF;
}


/******* COLORS ********/

form .table-striped > tbody > tr > td > a[class=name] {
    color: var(--sky-text-color-link);
}
/* hide background in front of table */
form .table-striped td:nth-child(-n+2) {
    background-color: var(--sky-page-color);
}

/* odd rows background color */
form .table-striped > tbody > tr:nth-of-type(odd) > td:nth-child(n+3),
form .table-striped > tbody > tr:nth-of-type(odd) > td > a[class=name] {
    background-color: var(--sky-page-color-2nd);
}
.table-striped > tbody > tr:nth-of-type(odd) > td .entity-image {
    box-shadow: 0px 0px 1px 1px var(--sky-page-color-2nd) inset, -3px 0px 4px 1px var(--sky-page-color-2nd) inset;
}

/* even rows background color */
form .table-striped > tbody > tr:nth-of-type(even) > td:nth-child(n+3),
form .table-striped > tbody > tr:nth-of-type(even) > td > a[class=name] {
    background-color: var(--sky-page-color-3rd);
}
.table-striped > tbody > tr:nth-of-type(even) > td .entity-image {
    box-shadow: 0px 0px 1px 1px var(--sky-page-color-3rd) inset, -3px 0px 4px 1px var(--sky-page-color-3rd) inset;
}


/**** TABLE ****/
/*table spaceing adjustments*/
form .table-striped > tbody > tr > td, form .table-striped > tbody > tr > th,
form .table-striped > tfoot > tr > td, form .table-striped > tfoot > tr > th,
form .table-striped > thead > tr > td, form .table-striped > thead > tr > th {
    padding: 0px 0px 0px 2px;
    border: none;
}
/*clear the front row so it look like it not part of the table*/
form .table-striped th:nth-child(1),
form .table-striped td:nth-child(1) {
    width: 16px;
    padding: 7px 0 4px 7px;
}
/* center number coumns */
#locations.table-striped > thead > tr > th:nth-child(5),
#locations.table-striped > thead > tr > th:nth-child(7),
#locations.table-striped > tbody > tr > td:nth-child(5),
#locations.table-striped > tbody > tr > td:nth-child(7),
#organisations.table-striped > thead > tr > th:nth-child(5),
#organisations.table-striped > thead > tr > th:nth-child(7),
#organisations.table-striped > tbody > tr > td:nth-child(5),
#organisations.table-striped > tbody > tr > td:nth-child(7),
#families.table-striped > thead > tr > th:nth-child(5),
#families.table-striped > thead > tr > th:nth-child(7),
#families.table-striped > tbody > tr > td:nth-child(5),
#families.table-striped > tbody > tr > td:nth-child(7),
#timelines.table-striped > thead > tr > th:nth-child(6),
#timelines.table-striped > thead > tr > th:nth-child(7),
#timelines.table-striped > tbody > tr > td:nth-child(6),
#timelines.table-striped > tbody > tr > td:nth-child(7),
#maps.table-striped > thead > tr > th:nth-child(6),
#maps.table-striped > tbody > tr > td:nth-child(6) {
    text-align: center;
}
/* move edit tag further right */
.table-striped > tbody > tr > td:last-child {
    text-align: right;
    padding-right: 10px;
}
/*curve to table when text gets wraped*/
form .table-striped > tbody > tr > td:nth-child(3) {
    border-radius: 100% 0% 0% 100%;
}


/**** TILES ****/

/* shape the picture tiles*/
.table-striped .entity-image {
    float: right;
    border-radius: var(--sky-table-radius) 0% 0% var(--sky-table-radius);
    width: 40px;
    height: 40px;
    filter: saturate(1.2) contrast(0.8) brightness(1.01);
}

/* shape the link tiles*/
form .table-striped > tbody > tr > td > a[class=name] {
    position: relative;
    left: -2px;
    padding: 0 4px 0 2px;
    display: block;
    line-height: 40px;
    border-radius: 0% var(--sky-table-radius) var(--sky-table-radius) 0%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    filter: saturate(1.2) contrast(0.8) brightness(1.01);
}
form #races.table-striped > tbody > tr > td:nth-child(n+4) > a[class=name],
form #events.table-striped > tbody > tr > td:nth-child(n+4) > a[class=name],
form #characters.table-striped > tbody > tr > td:nth-child(n+4) > a[class=name] {
    border-radius: var(--sky-table-radius) var(--sky-table-radius) var(--sky-table-radius) var(--sky-table-radius);
}

/** plugin: Skylarks Theme #2.1 code **/
/* Set vars */
:root {
    --sky-dashboard-picture-height: 250px; /* var(--sky-dashboard-picture-height) */
    --sky-dashboard-picture-height-mobile: 200px;
    --sky-page-radius: 7px; /* var(--sky-page-radius) */

    --sky-background-color: #C7C9B8; /* var(--sky-background-color) */

    --sky-page-color: #D8D9CD; /* var(--sky-page-color) */
    --sky-page-color-2nd: #D1D2C6; /* var(--sky-page-color-2nd) */
    --sky-page-color-3rd: #D8D9CD; /* var(--sky-page-color-3rd) */

    --sky-text-color: #333333; /* var(--sky-text-color) */
    --sky-text-color-link: #751212; /* var(--sky-text-color-link) */
    --sky-text-color-active: #AD2020; /* var(--sky-text-color-active) */
    --sky-text-color-muted: #888888; /* var(--sky-text-color-muted) */

    --sky-sidebar-background-color: #172028; /* var(--sky-sidebar-background-color) */
    --sky-sidebar-text-color: #DDDDDD; /* var(--sky-sidebar-text-color) */

    --sky-topbar-background-color: #484942; /* var(--sky-topbar-background-color) */
    --sky-topbar-text-color: #DDDDDD; /* var(--sky-topbar-text-color) */

    --sky-button-background-color: #484942; /* var(--sky-button-background-color) */
    --sky-button-border-color: #484942; /* var(--sky-button-border-color) */
    --sky-button-text-color: #DDDDDD; /* var(--sky-button-text-color) */

    --sky-icon-background-color: #666; /* var(--sky-icon-background-color) */
    --sky-icon-color: #d2d6de; /* var(--sky-icon-color) */

    --sky-line-color: #333333; /* var(--sky-line-color) */

    --sky-header-color: #333333; /* var(--sky-header-color) */
}


/* new hover style */
.table-hover > tbody > tr:hover, .table > tbody > tr.active > td,
.table > tbody > tr.active > th, .table > tbody > tr > td.active,
.table > tbody > tr > th.active, .table > tfoot > tr.active > td,
.table > tfoot > tr.active > th, .table > tfoot > tr > td.active,
.table > tfoot > tr > th.active, .table > thead > tr.active > td,
.table > thead > tr.active > th, .table > thead > tr > td.active,
.table > thead > tr > th.active,
.nav > li > a:active, .nav > li > a:focus, .nav > li > a:hover {
    color: var(--sky-text-color-link);
    background: inherit;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: var(--sky-page-radius);
}

.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
    background: transparent;
    color: var(--sky-text-color-link);
}
/* selected tab */
.nav-tabs-custom > .nav-tabs > li.active,
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover {
    border: none;
 }

/******* MAIN THEME & COLORS *******/

a {
    color: var(--sky-text-color-link);
}
a:active, a:focus, a:hover {
    color: var(--sky-text-color-active);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--sky-header-color);
}
.help-block,
.text-muted {
    color: var(--sky-text-color-muted);
}
body {
    color: var(--sky-text-color);
}

.content-wrapper,
.main-footer,
body {
    background-color: var(--sky-background-color);
}
hr {
    border-top: 1px solid var(--sky-sidebar-background-color);
}



/* lable counters */
.label-default {
    background-color: inherit;
    color: inherit;
}
/* fix background */
.list-group-item {
    background-color: transparent;
    border: none;
}

.box-footer,
.table-striped > tbody > tr:nth-of-type(odd),
.panel-default > .panel-heading {
    background-color: var(--sky-page-color);
}
/* remov unwanted borders */

.table > tbody > tr > td, .table > tbody > tr > th,
.table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th,
.box-footer {
    border: none;
}

.page-header,
.box .nav-stacked > li,
.box-header.with-border {
    border-bottom: none;
}

/*** MAIN NAVIGATION ***/
/* background */
.main-sidebar .sidebar,
.skin-black .left-side,
.skin-black .main-sidebar,
.skin-black .wrapper {
    background-color: var(--sky-sidebar-background-color);
}

section.sidebar-campaign {
    background: linear-gradient(180deg,rgba(51,51,51,0),var(--sky-sidebar-background-color));
}

.main-sidebar .sidebar li .sidebar-text,
.main-sidebar .sidebar li a {
    color: var(--sky-sidebar-text-color);
}

/******* TOPBAR ********/
.skin-black .main-header .navbar {
    background-color: var(--sky-topbar-background-color);
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-black .main-header .navbar .navbar-right > li > a,
.skin-black .main-header .navbar .sidebar-toggle {
    color: var(--sky-topbar-text-color);
}

.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a:hover,
.skin-black .main-header .navbar .navbar-right > li > a:hover,
.skin-black .main-header .navbar .sidebar-toggle:hover {
    color: var(--sky-text-color);
    background-color: var(--sky-topbar-text-color);
    border-radius: 4px;
}

.skin-black .main-header .navbar .nav > li > a {
    color: var(--sky-text-color);
}
.calendar tbody td .colour-pallet {
    color: var(--sky-sidebar-text-color);
}
.calendar tbody td.today {
    background-color: var(--sky-page-color-2nd);
    border-radius: 2px;
}

.navbar-nav > .user-menu .user-image {
    filter: invert(100%);
}
/* clean up the search window */
.form-control {
    border-radius: 5px;
    height: 30px;
}

.form-control:focus {
    border-color: var(--sky-text-color-link);
}

/* buttons */
.btn-default,
.input-group .input-group-addon {
    background-color: var(--sky-button-background-color);
    border-color: var(--sky-button-border-color);
    color: var(--sky-button-text-color);
}

/******* FRAMES *******/
/* picture */
.entity-header .entity-image {
    width: 100%;
    height: auto;
    margin: 5px;
    border: transparent;
    box-sizing: border-box;
    border-radius: 7px;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* content (glass) */
#cy,
.nav-tabs-custom > .tab-content,
.box,
.panel,
.timeline-item,
.timeline > li > .timeline-item {
    border-radius: var(--sky-page-radius);
    border-bottom: 1px solid;
    background-color: var(--sky-page-color);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

/* nav tabs (glass)*/
.entity-form ul.nav li {
    background-color: inherit;
    margin-right: 2px;
}

.nav-tabs {
    border-bottom: none;
    margin-left: 40px;
}

.nav-tabs-custom > .nav-tabs > li > a {
    border-radius: var(--sky-page-radius) var(--sky-page-radius) 0px 0px;
    background-color: var(--sky-page-color-2nd);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}

.nav-tabs-custom > .nav-tabs > li.active:hover > a, 
.nav-tabs-custom > .nav-tabs > li.active > a {
    color: var(--sky-text-color-link);
    background: inherit;
    background-color: var(--sky-page-color);
}
/* popup boxes */
.skin-black .modal-content,
.dropdown-menu,
.skin-black .modal-lg {
    border-radius: var(--sky-page-radius);
    border-bottom: 1px solid;
    background-color: #DEE0D6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid;
    border-bottom-color: #ccc;
    border-bottom-color: rgba(255, 255, 255, 0.2);
}


/******* PAGES ********/
/* change breadcrumb  */
.content-header .breadcrumb > li:last-child {
    display: none;
}

.content-header .breadcrumb {
    float: right;
    position: absolute;
}
/* even header size */
.content-header h1 {
    font-size: 36px;
}
.box-footer {
    border-bottom-left-radius: var(--sky-page-radius);
    border-bottom-right-radius: var(--sky-page-radius);
}

.map-dashboard,
.panel .panel-heading-entity,
.panel .panel-heading-entity h3 {
    border-radius: calc(var(--sky-page-radius) - 1px);
}

.panel,
.panel-default > .panel-heading {
    border-color: var(--sky-page-color);
}

.panel .panel-body .preview:before {
    background: linear-gradient(transparent,var(--sky-page-color));
}

.panel .panel-heading-entity h3 {
    height: var(--sky-dashboard-picture-height);
}
.panel .panel-heading-entity h3 a {
    height: var(--sky-dashboard-picture-height);
}


/*next page colors*/
.pagination > li > a,
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: var(--sky-header-color);
    background-color: var(--sky-page-color-2nd);
    border-color: var(--sky-header-color);
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    height: 30px;
    padding: 3px 12px;
}
.tooltip-inner,
.tooltip-ajax {
   background-color: var(--sky-sidebar-background-color);
}
.tooltip-arrow {
   border-top-color:  var(--sky-sidebar-background-color) !important;
}