/* Scrollbar colors in light mode */
:root {
    --scrollbar-bg: #f0f0f0;
    --scrollbar-thumb: #9a9a9a;
}

/* WebKit Browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 17px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-bg);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    /*border-radius: 5px;*/
}

::-webkit-scrollbar-thumb:hover {
    background: darken(var(--scrollbar-thumb), 10%);
}

/* Firefox */
* {
    scrollbar-width: normal;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-bg);
}


/* Replace Bootstrap and Filmchief font stack */
html,
blockquote,
input,
button,
select,
textarea,
.navbar-search .search-query,
.jqx-widget,
h5, h6, .h5, .h6, 
.selectpicker.inner,

/* kendoUI: */
.k-input[type="text"],
.k-picker-wrap .k-input
{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
/*	font-family:'Open Sans', sans-serif;*/
}
body {
    font-family:inherit;
    font-size:inherit;
	line-height:inherit;
}

.navbar-brand,
.navbar-inverse .navbar-brand {
	color:var(--theme-color-text1); /* was: #757575; /* Google Material Design Gray 600 */
}

h1 {
	font-size: 30px;
	font-weight:100;
}

h1,h2,.page-title {
    color:var(--theme-color-text1);
}



/* ==========================================================================
   Ticket shop (cinema tickets, reusing some of the css from hub.css)
   ========================================================================== */

.tickets-overview-main {
    background-color: var(--fc-fill-020);
}

.card-viewing-prog-overview-body,
.card-viewing-overview-body {
    background-color: var(--fc-fill-010);
}

.card-viewing-overview .label.label-viewing-location {
	background-color:#e2e2e2;
	color:#000;
}
.card-viewing-overview .label.label-viewing-start-date-time {
	background-color:#e2e2e2;
	color:#000;
}

.tickets-overview #tickets-overview-sidebar-left {
    background-color: var(--fc-fill-015);
}

.tickets-overview-filters .filter-heading {
    color: var(--theme-color-text1);
}

.ticketing-info.popup {
    background-color: #fff;
}

.table-select-tickets .items-grid .cell {
    border-bottom: 1px solid #ddd;
}

.filter-type-calendar .filter-calendar-day label {
    border: 1px solid #e4e4e4;
}
.filter-type-calendar .filter-calendar-day.today label {
	border: 3px solid #FFD945;
}
.filter-type-calendar .filter-calendar-day.inactive label {
    color: #bdbdbd;
}

/* ==========================================================================
   Cards (like in Bootstrap 4, used in ticket shop)
   ========================================================================== */
.card.card-bg {
    background-color: #f2f2f2;
}