<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* =============================================================================================
   Bootstrap 3 classes for columns on extremely large or small screens:
   xxs (smaller than 576px)
   xxl (1900px and wider) 
   xxxl (3000px and wider)
   ============================================================================================= */
/*
.col-xxl-1,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9,.col-xxl-10,.col-xxl-11,.col-xxl-12,
.col-xxxl-1,.col-xxxl-2,.col-xxxl-3,.col-xxxl-4,.col-xxxl-5,.col-xxxl-6,.col-xxxl-7,.col-xxxl-8,.col-xxxl-9,.col-xxxl-10,.col-xxxl-11,.col-xxxl-12{
    position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px
}
*/
@media (max-width: 575.99px) {
    .col-xxs-1 { width: 8.333333%; }
    .col-xxs-2 { width: 16.666667%; }
    .col-xxs-3 { width: 25%; }
    .col-xxs-4 { width: 33.333333%; }
    .col-xxs-5 { width: 41.666667%; }
    .col-xxs-6 { width: 50%; }
    .col-xxs-7 { width: 58.333333%; }
    .col-xxs-8 { width: 66.666667%; }
    .col-xxs-9 { width: 75%; }
    .col-xxs-10 { width: 83.333333%; }
    .col-xxs-11 { width: 91.666667%; }
    .col-xxs-12 { width: 100%; }
}
@media (min-width: 1900px) {
    .col-xxl-1 { width: 8.333333%; }
    .col-xxl-2 { width: 16.666667%; }
    .col-xxl-3 { width: 25%; }
    .col-xxl-4 { width: 33.333333%; }
    .col-xxl-5 { width: 41.666667%; }
    .col-xxl-6 { width: 50%; }
    .col-xxl-7 { width: 58.333333%; }
    .col-xxl-8 { width: 66.666667%; }
    .col-xxl-9 { width: 75%; }
    .col-xxl-10 { width: 83.333333%; }
    .col-xxl-11 { width: 91.666667%; }
    .col-xxl-12 { width: 100%; }
}

@media (min-width: 3000px) {
    .col-xxxl-1 { width: 8.333333%; }
    .col-xxxl-2 { width: 16.666667%; }
    .col-xxxl-3 { width: 25%; }
    .col-xxxl-4 { width: 33.333333%; }
    .col-xxxl-5 { width: 41.666667%; }
    .col-xxxl-6 { width: 50%; }
    .col-xxxl-7 { width: 58.333333%; }
    .col-xxxl-8 { width: 66.666667%; }
    .col-xxxl-9 { width: 75%; }
    .col-xxxl-10 { width: 83.333333%; }
    .col-xxxl-11 { width: 91.666667%; }
    .col-xxxl-12 { width: 100%; }
}



/* CSS rules for Filmchief both internal (admin) and external (portal) areas */

/* In tables / grids, numeric data (including currency data, dates and times) is typically aligned to the right. 
But if a table is visualized as tiles or cards, then left alignment looks better. */
.fc-collection-view .data-align-right {
	text-align: right;
}
.fc-collection-view .data-pad-right {
	padding-right:15px;
}
@media (max-width: 767px) {
	.fc-table-grid[data-appearance="grid-responsive"] div[role=gridcell].data-align-right {
		text-align:left;
	}
}

/* For right-aligning td cells with a bit of padding. Used in viewingProgramItem.itemDuration */
.table.fc-table&gt;tbody&gt;tr&gt;td.text-right-padded {
	text-align:right;
	padding-right:15px;
}


/* Empty tables with no records are hidden if noRecordsHideTable == true */
.table.table-empty,
.table.table-empty&gt;tbody&gt;tr&gt;td {
	border:none;
}

.no-records-text[role=gridmessage] {
	position:sticky;
	left:0;
	margin-top:10px;
	margin-bottom:10px;
}

.table.table-fcfdv-suggestedCorrection {
	margin-bottom:4px;
}
.table.table-fcfdv-suggestedCorrection th,
.table.table-fcfdv-suggestedCorrection td {
	border:none;
}


.label.has-other-value {
	white-space: normal;
	display:inline-block;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:2px;
	margin-bottom:2px;
	text-align: left;
	line-height: 1.4;
}
.label.has-other-value&gt;.other-value-text {
	font-weight: normal;
}


/* Labels for ViewAggregatedValuesBuilder */
.label-aggr {
	display:inline-flex;
	align-items:center;
	gap:5px;
    line-height: 1;
	padding:4px;
	border-radius:2em;
	font-size:92.5%;
	margin-bottom:2px;
}
.label-aggr.faded {
	opacity:0.21;
}
.label-aggr&gt;.value-label:first-child {
	margin-left:4px;
}
.label-aggr&gt;.value-label:last-child {
	margin-right:4px;
}
.label-aggr&gt;.value-aggr {
	display:inline-block;
    line-height: 1;
	vertical-align: baseline;
	background-color:rgba(255,255,255,0.88);
	min-width:30px;
	border-radius: 2em;
	padding:0.25em 0;
	opacity:0.96;
}
.label-aggr.label-light &gt; .value-aggr {
	color:#fff;
}
.label-aggr&gt;.value-aggr.default,
.label-aggr&gt;.value-aggr.success,
.label-aggr&gt;.value-aggr.info,
.label-aggr&gt;.value-aggr.warning,
.label-aggr&gt;.value-aggr.danger {
	color:#fff;
}


.label-locale {
	background-color:#999;
	text-transform: uppercase;
	margin-left:3px;
	border-radius: 15px;
}



/* Buttons on a panel body (usually at the top), for example on form details pages */
.panel-body-toolbar {
    margin-bottom:15px;
}


/* Redactional fields should have some margin below the inline edit pencil, because
the paragraph also have a bottom margin */
dl.dd-margin-bottom&gt;dd:last-child .inline-edit,
dd&gt;p+a.inline-edit {
	display:inline-block;
	margin-bottom:10px;
}


/* Hidden content ("this information is private") */
.text-muted-ban {
	color:#e4e4e4;
}


.sub-entity {
	display:block;
	font-size:85%;
	margin-bottom:5px;
}
.sub-entity-inline {
	display:block;
	font-size:85%;
}
.sub-entity-inline:before {
	content: " - ";
}
.sub-entity-inline:empty:before {
	content: "";
}


/* ==========================================================================
   Buttons and button-labels (non-clickable 'buttons' in a button group)
   ========================================================================== */

.btn-lighter-10 {
	background-color:rgba(255,255,255,0.1);
	color:#fff;
}
.btn-lighter-10:active,
.btn-lighter-10:focus,
.btn-lighter-10:hover {
	background-color:rgba(255,255,255,0.15);
	color:#fff;
}
.btn-darker-10 {
	background-color:rgba(0,0,0,0.1);
	color:#fff;
}
.btn-darker-10:active,
.btn-darker-10:focus,
.btn-darker-10:hover {
	background-color:rgba(0,0,0,0.15);
	color:#fff;
}

.btn-label {
	/* copied from bootstrap's .btn */
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
	border-radius:0;
}
.btn-group&gt;.btn-label:first-child {
    margin-left: 0;
}
.btn-group-vertical&gt;.btn-label, .btn-group&gt;.btn-label {
    position: relative;
    float: left;
}



/* ==========================================================================
   Filmchief video upload (Vimeo/Kinescope)
   ========================================================================== */
.fc-video-upload #progress-container {
	-webkit-box-shadow: none;
	box-shadow: inset none;
	display:none;
}

.fc-video-upload #drop_zone {
	border: 2px dashed #bbb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top: 60px;
	text-align: center;
/*	font: 20pt bold 'Helvetica'; */
	color: #bbb;
	height:140px;
}

.fc-video-upload #video-data {
	margin-top: 1em;
	font-size: 1.1em;
	font-weight: 500;
}
.fc-video-upload .upload-done-file {
	margin: 8px 0 10px 0;
}


/* ==========================================================================
   Filmchief Video player (basically just a html5 video player)
   ========================================================================== */
video.fc-video {
/*	background-color:red;
	border: 1px solid #eeeeee; */
	width:100%;
	background-color:transparent;
}
/* Chrome */
video.fc-video::-webkit-media-controls-panel {
	border:1px solid transparent;
}

/* ==========================================================================
   Filmchief Content Toolbar (main toolbar for primary content)
   ========================================================================== */
.fc-content-toolbar {
	margin-bottom:0;
	white-space:nowrap;
	font-size:0;
}
.fc-content-toolbar&gt;li {
	vertical-align:top;
	font-size:14px;
}
.fc-content-toolbar&gt;li.toolbar-icon {
	margin-top:2px;
	padding:0;
}
.fc-content-toolbar&gt;li.toolbar-icon&gt;a {
	padding:8px;
}
.fc-content-toolbar&gt;li.toolbar-text {
	margin-top:2px;
}
.fc-content-toolbar&gt;li.toolbar-text&gt;a {
	padding:8px;
}
.fc-content-toolbar&gt;li.toolbar-button {
	margin-top:-3px;
	margin-bottom:-10px;
}
.fc-content-toolbar&gt;li.toolbar-button&gt;.pagination {
	margin:0;
}

@media (max-width: 1024px) and (min-width: 768px) {
	.fc-content-toolbar&gt;li.toolbar-icon {
		margin-top:0;
	}
	.fc-content-toolbar&gt;li&gt;a {
		padding-left:3px;
		padding-right:3px;
	}
}


.content-cutoff-wrapper {
	overflow:hidden;
	position:relative;
	webkit-transition: max-height 0.4s;
	transition: max-height 0.4s;
}
.content-cutoff-gradient {
	height: 20px;
	position:absolute;
	bottom:0;
	width:100%;
}
.panel-default .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}


/* Make background color of even rows explicitly white */
.table-striped&gt;tbody&gt;tr:nth-child(even)&gt;td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* Change background color of odd rows (lighter than bootstrap) */
.table-striped&gt;tbody&gt;tr:nth-child(odd)&gt;td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcfcfc+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,252,252,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,252,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(252,252,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}

/* Alternating row colors for selected rows */
.fc-table tr.selected td .content-cutoff-gradient,
.fc-table.table-striped tr:nth-child(even).selected td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dfedfd+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(223,237,253,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(223,237,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(223,237,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dfedfd',GradientType=0 ); /* IE6-9 */
}
.fc-table.table-striped tr:nth-child(odd).selected td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dae8f8+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(218,232,248,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(218,232,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(218,232,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#dae8f8',GradientType=0 ); /* IE6-9 */
}

/* Alternating row colors for hovering above rows */
.fc-table.highlight-hover tr:hover td .content-cutoff-gradient,
.fc-table.table-striped.highlight-hover tr:nth-child(even):hover td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.fc-table.table-striped.highlight-hover tr:nth-child(odd):hover td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,241,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(241,241,241,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(241,241,241,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

/* Alternating row colors for hovering above selected rows */
.fc-table.highlight-hover tr:hover.selected td .content-cutoff-gradient,
.fc-table.table-striped.highlight-hover tr:nth-child(even):hover.selected td .content-cutoff-gradient,
.fc-table.table-striped.highlight-hover tr:nth-child(odd):hover.selected td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d3e1e8+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(211,225,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(211,225,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(211,225,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d3e1e8',GradientType=0 ); /* IE6-9 */
}

/* Alternating row colors for rows currently being edited */
.fc-table tr.editing td .content-cutoff-gradient,
.fc-table.table-striped tr:nth-child(even).editing td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fff9c4+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,249,196,1) 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,249,196,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,249,196,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fff9c4',GradientType=0); /* IE6-9 */
}
.fc-table.table-striped tr:nth-child(odd).editing td .content-cutoff-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fff59d+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,245,157,1) 100%)!important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,245,157,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,245,157,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fff59d',GradientType=0 ); /* IE6-9 */
}






.content-cutoff-wrapper.expanded {
	max-height: 2000px!important;
}
.content-cutoff-wrapper.expanded .content-cutoff-gradient {
	display:none;
}


/* ==========================================================================
   Filmchief Entity Toolbar (main toolbar for primary content)
   ========================================================================== */
.fc-entity-toolbar&gt;li {
	vertical-align:top;
}
.fc-entity-toolbar&gt;li.toolbar-button {
	margin-top:-3px;
}
.fc-entity-toolbar&gt;li.toolbar-button&gt;.pagination {
	margin:0;
}




/* ==========================================================================
   Filmchief Messages (including External Messaging)
   ========================================================================== */

/* Applied to every .fc-table td element for the column 'userMessage.messagePreview' */
.message-preview {
	overflow: hidden;
	white-space: nowrap;
	max-width: 500px;
	text-overflow: ellipsis;
}
.message-preview * {
	display:inline !important;
	margin:0 !important;
	-webkit-margin-before:0 !important;
	-webkit-margin-after:0 !important;
	padding:0 !important;
	line-height:0 !important;
	height:17px !important;
	font-weight:normal !important;
	font-style:normal !important;
}
tr.unread,
.fc-table-grid [role=gridcell].unread {
	font-weight:bold;
}


.fc-modal-footer-buttons {
	float:right;
	white-space:nowrap;
	padding-left:15px;
}

/* ==========================================================================
   Filmchief Program Items (variations in specific viewings)
   ========================================================================== */
tr.vpi-excluded,
[role=gridcell].vpi-excluded {
	text-decoration: line-through;
	color:#999;
}
tr.vpi-excluded&gt;td&gt;a,
[role=gridcell].vpi-excluded &gt; a {
	color:#999;
}
tr.vpi-included,
[role=gridcell].vpi-included {
	font-weight: bold;
}


/* ==========================================================================
   Processing notification (in modal footer)
   ========================================================================== */
.fc-modal-processing-status {
	font-size:15px;
	font-weight:300;
	color:#757575;
	line-height:1.75;
	text-align:left;
	max-height:200px;
	overflow-y:auto;
	padding-right:15px;
}
.inline-edit-modal .fc-modal-processing-status {
	float:none;
	display:block;
	margin-top:10px;
	white-space:normal!important;
	line-height:1.5;
}
.fc-modal-overlay {
	position:absolute;
	left:0;
	top:0;
	opacity:0.5;
	background-color:#fff;
	width:100%;
	height:100%;
	z-index:20000;
}

.inline-edit-modal-v2 .modal-header {
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
	padding-bottom:8px;
}
.inline-edit-modal-v2 h4.modal-title {
	margin:3px 0 5px 0;
}
.inline-edit-modal-v2 .modal-title {
	flex-grow:1;
}
.inline-edit-modal-v2 .modal-header-buttons {
    margin-left: auto;
	cursor:default;
	white-space:nowrap;
}
.inline-edit-modal-v2 .inline-edit-multiple-warning {
	margin-top:-2px;
}
.inline-edit-modal-v2 .inline-edit-multiple-warning&gt;.label {
	font-weight:normal;
}
.inline-edit-modal-v2 .modal-footer:empty {
	padding-bottom:0;
}

/* Word / character count info: */
.live-content-info {
	display:flex;
	gap:15px;
}
.live-content-info.live-content-info-sums {
	justify-content: flex-end;
	font-size:90%;
}
.inline-edit-modal-v1 .live-content-info {
	line-height:35px;
}
.live-content-info .fcli-words,
.live-content-info .fcli-chars {
	color:#757575; /* Google Material Design Gray 600 */
}
.inline-edit-modal-v2 .live-content-info .fcli-words,
.inline-edit-modal-v2 .live-content-info .fcli-chars {
	color:#5C6BC0; /* Google Material Design Indigo 400 */
}
.inline-edit-modal-v2 .live-content-info-sums .fcli-words,
.inline-edit-modal-v2 .live-content-info-sums .fcli-chars {
	color:#9E9E9E; /* Google Material Design Gray 500 */
}

.inline-edit-modal a.icon-button {
	padding:5px;
	margin-right:10px;
	color:#E0E0E0; /* Google Material Design Gray 300 */
	vertical-align: middle;
}
.inline-edit-modal a.icon-button:focus,
.inline-edit-modal a.icon-button:hover {
	color:#0277BD; /* Google Material Design Light Blue 800 */
}
.inline-edit-modal .track-changes-button {
	padding:5px;
	margin-right:10px;
	vertical-align: middle;
}
.inline-edit-modal a.track-changes-button.off,
.inline-edit-modal a.track-changes-button.busy {
	color:#E0E0E0; /* Google Material Design Gray 300 */
}
.inline-edit-modal a.track-changes-button.on {
	color:#FFC107; /* Google Material Design Amber 500 */
}
.inline-edit-modal a.track-changes-button.off:hover {
	color:#0277BD; /* Google Material Design Light Blue 800 */
}
.inline-edit-modal a.track-changes-button.on:hover {
	color:#FFA000; /* Google Material Design Amber 700 */
}
.inline-edit-modal a.track-changes-button.busy:hover {
	color:#E0E0E0; /* Google Material Design Gray 300 */
	cursor:default;
}
.inline-edit-modal a.track-changes-button.off&gt;.on-icon,
.inline-edit-modal a.track-changes-button.on&gt;.off-icon{
	display:none;
}
.inline-edit-modal a.track-changes-button.get {
	opacity: 0;
}
.track-changes-cell-notification {
	margin-left: 4px;
}

.edit-suggestions {
	margin-top:10px;
}


/* ==========================================================================
   Filmchief 'other value' editors (for labels with free accompanying text)
   ========================================================================== */

.fc-other-value-editor {
	margin-top:10px;
}
/* Used to add a horizontal ellipsis that is ignored when .text() is called */
.hellip:before {
	content:"…"
}



/* ==========================================================================
   Filmchief Filters
   ========================================================================== */

.filter-post-loader {
	display:block;
}

/* Slider */
.fc-slider .slider-labels {
	margin:0 -8px;
}


/* ==========================================================================
   Filmchief SelectStacked control
   ========================================================================== */

.select-stacked &gt; .select-stacked-group&gt;h4 {
	margin:15px 0 10px 0;
}

.select-stacked &gt; .select-stacked-group:first-child&gt;h4 {
	margin-top:5px;
}

.select-stacked.select-stacked-horizontal {
	display:flex;
	gap:12px;
	flex-wrap:wrap;
}
.select-stacked.select-stacked-horizontal input {
	position:static;
}




.viewing-popover-content-external {
	width:400px;
}

/* ==========================================================================
   Filmchief Schedule
   ========================================================================== */
.fc-schedule a.item-width
.fc-schedule a.item-width:active, 
.fc-schedule a.item-width:focus,
.fc-schedule a.item-width:hover {
	text-decoration: none;
}

.fc-schedule-filter .btn.dropdown-toggle .caption {
	white-space:normal;
}
.fc-schedule-filter.fc-schedule-filter-program-line &gt; button {
	max-width:400px; /* Selecting multiple program lines can make this button ugly wide */
}

.bounding-box {
	width:430px;
	margin:0 -15px;
	position:relative;
}
.fc-schedule-mobile .bounding-box {
	width:100%;
	margin:0;
}
.bounding-box&gt;.fade-left {
	position:absolute;
	left:0;
	width:40px;
	height:100%;
	z-index:1;
	opacity:0.5;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;1+0,0+100;White+to+Transparent */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.bounding-box&gt;.fade-right {
	position:absolute;
	right:0;
	width:40px;
	height:100%;
	z-index:1;
	opacity:0.5;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.fc-schedule-mobile .bounding-box&gt;.fade-left,
.fc-schedule-mobile .bounding-box&gt;.fade-right {
	width:20px;
}
.hscroll {
    overflow-x:auto;
	overflow-y:hidden;
}
.bounding-box&gt;.hscroll {
	font-size:0;
	padding:0 35px;
    white-space:nowrap;
}
.fc-schedule-mobile .bounding-box&gt;.hscroll {
	padding:0 15px;
}

.schedule-vpi {
	margin: 0px; 
	padding: 0px; 
	display:inline-block;
	vertical-align: top;
    white-space:normal;
	width:360px;
	font-size:13px;
}

.mobile-viewing-content-external {
    width:100%;
}
@media (max-width: 767px) {
/* @media (max-width: 991px) {*/
	.fc-schedule-mobile .bounding-box {
		width:auto;
	}
	.fc-schedule-mobile .schedule-vpi {
		width:300px;
	}
}
.schedule-vpi+.schedule-vpi {
	margin-left:10px;
}

.schedule-vpi .filmTitle {
	color:#455A64;
	margin:6px 0;
	line-height:1.4;
}
.schedule-vpi .filmInfo {
	color:#546E7A;
}
.schedule-vpi .primary-title {
	font-weight:bold;
}
.schedule-vpi .secondary-title {
	font-style:italic;
}
.schedule-vpi .filmInfo .field-key {
	font-weight:bold;
}

.fc-schedule-desktop .duration {
	font-size:85%;
}

.fc-time-schedule-legend {
	margin:20px 0;
}

.fc-time-schedule-legend&gt;.legend-item,
.fc-time-schedule-legend&gt;.legend-item:focus,
.fc-time-schedule-legend&gt;.legend-item:hover {
	color:#fff;
}
@media print {
	.fc-time-schedule-legend&gt;.legend-item&gt;.label {
		border:none;
	}
}





.fc-required-asterisk:before {
	font-size:80%;
	content: '*';
	color:#f44336;
	vertical-align:super;
}

.form-header-text:empty {
	display:none;
}

/* Use instead of form-control (Bootstrap) for readonly no-control form elements: */
.form-value {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

/* For number inputs, a textual representation of the entered number, useful for large sums of money */
.form-input-text-quantity {
	display: block;
	color: #757575;
	font-size: 85%;
	font-style: italic;
	text-align: right;
}

/* Find inputs that have a "bic" or "iban" validation rule, to make them appear uppercase */
input[data-validation*="\"bic\""],
input[data-validation*="\"iban\""] {
	text-transform: uppercase;
}
input[data-validation*="\"bic\""]:placeholder-shown,
input[data-validation*="\"iban\""]:placeholder-shown {
	text-transform:none;
}

.text-above-input {
	position:absolute;
	top:-18px;
	font-size:12px;
	color:#999;
	white-space:nowrap;
}
@media (max-width: 991px) {
	.text-above-input {
		position:static;
	}
}

.help-block:empty {
    margin-top:0;
    margin-bottom:0;
}


/* ==========================================================================
   Link to edit a label set directly from a form field
   ========================================================================== */
.edit-option-value-set {
	color:#E0E0E0; /* Google Material Design Gray 300 */
    line-height: 30px;
    position: absolute;
    right: 0;
	width:40px;
}
.edit-option-value-set:focus,
.edit-option-value-set:hover {
	color:#01579B; /* Google Material Design Light Blue 900 */
}
.modal .edit-option-value-set {
	width:25px;
}


/* ==========================================================================
   Personal schedule tables (e.g. for meetings)
   ========================================================================== */
.table.personal-schedule {
	width:auto;
}



/* ==========================================================================
   Filmchief SVG charts
   ========================================================================== */
.fc-chart {
	background-color:transparent;
}

/* Donut charts: */
.fc-chart-donut .p0_arc {
	cursor:pointer;
}
.fc-chart-donut .p0_segmentValue-outer {
	fill:#333;
	font-size:10px;
}
.fc-chart-donut .p0_title {
	fill:#333;
	font-size:12px;
}
.fc-chart-donut .p0_title:hover {
	cursor:pointer;
	text-decoration: underline;
}
.fc-chart-donut .p0_segmentValue-inner {
	fill:#fff;
	font-size:10px;
}

/* ==========================================================================
   Filmchief switch buttons
   ========================================================================== */
.fc-switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 24px;
	margin:0;
}
.fc-switch&gt;input {
	display:none;
}
.fc-switch.fc-switch-default {
	background-color: #ccc;
}
.fc-switch.fc-switch-red-green {
	background-color: #f44336;
}
.fc-switch.fc-switch-default&gt;input:checked+.fc-switch-slider,
.fc-switch.fc-switch-red-green&gt;input:checked+.fc-switch-slider {
	background-color: #4CAF50;
}
.fc-switch.fc-switch-default&gt;input:focus+.fc-switch-slider,
.fc-switch.fc-switch-red-green&gt;input:focus+.fc-switch-slider {
	box-shadow: 0 0 1px #4CAF50;
}
.fc-switch&gt;.fc-switch-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: .3s;
	transition: .3s;
}
.fc-switch&gt;.fc-switch-slider:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .3s;
	transition: .3s;
}
.fc-switch&gt;input:checked+.fc-switch-slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}
.fc-switch.fc-switch-rounded,
.fc-switch.fc-switch-rounded&gt;.fc-switch-slider {
  border-radius: 24px;
}
.fc-switch.fc-switch-rounded&gt;.fc-switch-slider:before {
  border-radius: 50%;
}
/* Small (sm) */
.fc-switch.fc-switch-sm {
	width: 28px;
	height: 16px;
}
.fc-switch.fc-switch-sm&gt;.fc-switch-slider:before {
	height: 10px;
	width: 10px;
	left: 3px;
	bottom: 3px;
}
.fc-switch.fc-switch-sm&gt;input:checked+.fc-switch-slider:before {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px);
}
.fc-switch.fc-switch-sm.fc-switch-rounded,
.fc-switch.fc-switch-sm.fc-switch-rounded&gt;.fc-switch-slider {
  border-radius: 16px;
}
/* Extra small (xs) */
.fc-switch.fc-switch-xs {
	width: 24px;
	height: 12px;
}
.fc-switch.fc-switch-xs&gt;.fc-switch-slider:before {
	height: 8px;
	width: 8px;
	left: 2px;
	bottom: 2px;
}
.fc-switch.fc-switch-xs&gt;input:checked+.fc-switch-slider:before {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px);
}
.fc-switch.fc-switch-xs.fc-switch-rounded,
.fc-switch.fc-switch-xs.fc-switch-rounded&gt;.fc-switch-slider {
  border-radius: 16px;
}


/* ==========================================================================
   Filmchief Timeline (fc-tl)
   ========================================================================== */

.fc-tl-centered {
    position: relative;
    margin-bottom: 30px;
}

    .fc-tl-centered:before, .fc-tl-centered:after {
        content: " ";
        display: table;
    }

    .fc-tl-centered:after {
        clear: both;
    }

    .fc-tl-centered:before, .fc-tl-centered:after {
        content: " ";
        display: table;
    }

    .fc-tl-centered:after {
        clear: both;
    }

    .fc-tl-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #f5f5f6;
        left: 50%;
        top: 20px;
        bottom: 20px;
        margin-left: -4px;
    }


	.fc-tl-centered .fc-tl-date {
        width: 100%;
        float: right;
        margin-bottom: 70px;
        clear: both;
        position: sticky;
		top: 0;
		z-index: 100;
		background-color:#fff;
	}

	.section-dialog.teal .fc-tl-centered .fc-tl-date {
		background-color: #006064;
	}

	.fc-tl-centered .fc-tl-date:before {
		content: "";
		clear: both;
		display: table;
	}

	.fc-tl-centered .fc-tl-date .fc-tl-date-outer {
		position: relative;
		left: 50%;
		float: left;
	}

	.fc-tl-centered .fc-tl-date .fc-tl-date-inner {
		position: relative;
		left: -50%;
		float: left; 
		font-size:24px;
		padding:20px 0;
		text-align: center;
	}

    .fc-tl-centered .fc-tl-entry {
        position: relative;
        width: 50%;
        float: right;
        margin-bottom: 70px;
        clear: both;
    }

    .fc-tl-centered .fc-tl-entry:before, .fc-tl-centered .fc-tl-entry:after {
        content: " ";
        display: table;
    }

    .fc-tl-centered .fc-tl-entry:after {
        clear: both;
    }

    .fc-tl-centered .fc-tl-entry:before, .fc-tl-centered .fc-tl-entry:after {
        content: " ";
        display: table;
    }

    .fc-tl-centered .fc-tl-entry:after {
        clear: both;
    }

    .fc-tl-centered .fc-tl-entry.begin {
        margin-bottom: 0;
    }

	.fc-tl-description {
		margin-top:15px;
	}

	.fc-tl-more-information {
		margin-top:15px;
	}

	.fc-tl-label &gt; .dl-horizontal + .dl-horizontal {
		margin-top:5px!important;
	}

    @media (min-width: 991.98px) {
	
        .fc-tl-centered .fc-tl-entry.left-aligned {
            float: left;
        }

            .fc-tl-centered .fc-tl-entry.left-aligned .fc-tl-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .fc-tl-centered .fc-tl-entry.left-aligned .fc-tl-entry-inner .fc-tl-context {
                    left: 100%;
                    right: auto;
                    text-align: left;
					margin-left:10px;
                }

                .fc-tl-centered .fc-tl-entry.left-aligned .fc-tl-entry-inner .fc-tl-icon {
                    float: right;
                }

                .fc-tl-centered .fc-tl-entry.left-aligned .fc-tl-entry-inner .fc-tl-label,
				.fc-tl-centered .fc-tl-entry.left-aligned .fc-tl-entry-inner .fc-tl-label-addon {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .fc-tl-centered .fc-tl-entry.left-aligned .fc-tl-entry-inner .fc-tl-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -13px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }
}

        .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner {
            position: relative;
            margin-left: -22px;
        }

            .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner:before, .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner:after {
                content: " ";
                display: table;
            }

            .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner:after {
                clear: both;
            }

            .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner:before, .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner:after {
                content: " ";
                display: table;
            }

            .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner:after {
                clear: both;
            }

            .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-context {
                position: absolute;
                right: 100%;
				margin-right:15px;
				margin-top:-5px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
				width:80%;
            }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-context &gt; span {
                    display: block;
                }

                    .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-context &gt; span.fc-tl-time {
                        font-size: 1.2em;
                        font-weight: bold;
                    }

                    .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-context &gt; span.fc-tl-time-sub {
                        font-size: 0.9em;
						color:#888;
                    }

                    .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-context &gt; span.fc-tl-location {
                        font-size: 1em;
                    }

            .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon {
                background-color: #fff;
                color: #737881;
                display: block;
                width: 40px;
                height: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label,
			.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label-addon {
                position: relative;
                background: #f5f5f6;
                padding:18px 22px;
                margin-left: 70px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

			.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label {
				margin-top:-10px;
			}

			.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label-addon {
				margin-top:10px;
			}

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 13px 13px 13px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 18px;
                    margin-left: -13px;
                }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label h2,
                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label-addon h2 {
                    font-size: 18px;
                    margin: 0;
                }

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label h3,
                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label-addon h3 {
                    font-size: 15px;
					margin: 5px 0 0 0;
                }

				.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label dl,
				.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label p {
					margin: 15px 0 0 0;
				}

                .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label .dl-horizontal &gt; dd &gt; p:first-child {
                    margin-top:0;
                }

@media screen and (max-width: 991.98px) {
    .fc-tl-centered:before {
        left: 33%;
    }
	.fc-tl-centered .fc-tl-date .fc-tl-date-outer {
		left: 0;
		float:none;
	}
	.fc-tl-centered .fc-tl-date .fc-tl-date-inner {
		left: 0;
		float: none;
		text-align: left;
	}
    .fc-tl-centered .fc-tl-entry {
        width: 67%;
	}
	
	.fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-context {
		width:31%;
	}
}



@media print {
    /* Smaller font sizes for the printed version: */
    .fc-timeline {
        font-size:9pt;
    }
    .fc-timeline h1 {
        font-size:16pt;
        padding-top:24pt;
    }
    .fc-timeline h2 {
        font-size:14pt;
    }
    .fc-tl-centered .fc-tl-date .fc-tl-date-inner {
        font-size:12pt;
    }
    
    /* Hide interactive elements: */
    .fc-tl-show-previous,
    .fc-tl-hide-previous {
        display:none!important;
    }
    
    /* Make the line of the timeline visible when printed: */
    .fc-tl-centered:before {
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
        background-color: #000!important;
    }
    /* Make sure that the date interrupts the line: */
    .fc-tl-centered .fc-tl-date {
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
        background-color:#fff!important;
    }
    /* Make sure that the icon interrupts the line: */
    .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-icon {
        -webkit-print-color-adjust:exact !important;
        print-color-adjust:exact !important;
        background-color: #fff!important;
    }
    .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label, .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label-addon {
        border: 2px solid #000;
        border-radius: 10px;
    }
    .fc-tl-centered .fc-tl-entry .fc-tl-entry-inner .fc-tl-label:after {
        border-right-color:#000!important;
    }    
}


/* ==========================================================================
   Seating Plans
   ========================================================================== */
.svg-defs {
	overflow:hidden;
	height:0;
}

.fc-plan-scaler {
	display:none;
	overflow:hidden;
	transform-origin: top left;
	user-select: none;
}
.fc-plan-scaler.scaled {
	display:block;
}
.fc-plan-zoomer.zoomed-in {
	touch-action: none;
}
.fc-plan-room {
	position:relative;
}
.fc-plan-wrapper h2.room-name {
	text-align: center;
	font-size:1.5rem;
	margin:5px 0;
}
.fc-plan-wrapper.pm-picker-external,
.fc-plan-wrapper.pm-picker-box-office {
	margin:0 -15px;
}
svg.room-shape {
	position:absolute;
}
svg.room-shape &gt; polygon {
	stroke: #BDBDBD;
	stroke-width: 8;
}

.fc-plan-screen {
	position:absolute;
	z-index:4;
    justify-content: center;
    background-color: #fff;
	border:1px solid #e0e0e0;
	border-radius:1px;
	text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fc-plan-screen h4.screen-label {
	text-align: center;
	color:#646464;
	/* font-size: 1rem; */
	font-size:10px;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin:0;
}

.fc-plan-object {
	position:absolute;
	z-index:5;
	
	transform-origin:0px 20px;
	/* transform-origin:4px 24px; */
}
.fc-plan-object &gt; svg {
	overflow:visible;
}
.fc-plan-door-wrapper {
	position:absolute;
	z-index:3;
}
.fc-plan-door {
	position:absolute;
	width:100%;
	height:100%;
}
.fc-plan-door &gt; svg {
	overflow:visible;
}
.fc-plan-door-wrapper h4.door-label {
	position:absolute;
	text-align: center;
	margin:0;
	padding:6px 6px;
	/*font-size:1rem;*/
	font-size:10px;
}

.fc-plan-section {
	position:absolute;
	z-index:5;
}
.fc-plan-section.disabled {
	filter:grayscale();
	opacity:0.25;
}
.fc-plan-wrapper h3.section-name {
	text-align: center;
	/*font-size:1rem;*/
	font-size:10px;
	font-weight:normal;
	position:absolute;
	margin:0;
	padding:5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

svg.section-shape {
	overflow:visible;
	position:absolute;
}
.pm-designer svg.section-shape &gt; polygon {
	stroke: #2196F3;
	stroke-width: 1;
	stroke-dasharray: 4;
}
.pm-designer .section-link {
	background-color: rgba(117,160,245,0.1);
	position: absolute;
}
.pm-designer .fc-plan-section.enabled .section-link:hover {
	background-color: rgba(117,160,245,0.3);
}


.fc-plan-row {
	position:absolute;
	z-index:40;
}
.fc-plan-row.disabled {
	filter:grayscale();
	opacity:0.25;
}
.fc-plan-row &gt; .row-label {
	pointer-events:none;
}
svg.row-shape {
	position:absolute;
	z-index:41;
	overflow:visible;
}
.pm-designer svg.row-shape &gt; polyline {
	stroke: #90CAF9;
	stroke-width: 1;
	stroke-dasharray: 2;
}

.row-label {
	position:absolute;
	width:22px;
	height:22px;
	padding: 0;
    margin: -11px 0 0 -11px;
    display: flex;
    align-items: center;
    justify-content: center;
	/*font-size:1.1rem;*/
	font-size:12px;
	font-weight:bold;
	z-index:42;
}

.pm-designer .fc-plan-section.enabled svg.row-shape:hover {
	background-color:rgba(45,155,245,0.24);
}

.fc-plan-seat {
	position:absolute;
	width:22px; /* IMPORTANT BASE UNIT */
	height:22px; /* IMPORTANT BASE UNIT */
	border:1px solid rgba(57,189,25,1.00);
	transform-origin:center;
	border-radius:6px;
	z-index:50;
}
.fc-plan-seat.disabled {
	filter:grayscale();
	opacity:0.25;
}
.fc-plan-wrapper.pm-designer .fc-plan-section.enabled .fc-plan-seat:hover {
	background-color:rgba(45,155,245,0.24)!important;
}
.fc-plan-wrapper .seat-number {
	position:absolute;
	width:100%;
	height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	/*font-size:1rem;*/
	font-size:10px;
	z-index:55;
}
.fc-plan-wrapper .seat-icon {
	position:absolute;
	width:100%;
	height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	/*font-size:1rem;*/
	font-size:10px;
	z-index:52;
}
.fc-plan-wrapper .seat-icon-al {
	position:absolute;
	width: 50%;
	height: 50%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	/*font-size:0.777rem;*/
	font-size:6px;
	z-index:51;
}

.fc-plan-seat.at-companion-spot,
.fc-plan-seat.at-wheelchair-spot {
	border-radius:11px;
	border-style: dashed;
}

.fc-plan-wrapper.pm-designer .fc-plan-seat.at-wheelchair-spot {
	border-color:#2196F3;
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.at-accessible {
	border-color:#2196f3;
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.at-wheelchair-spot .seat-number,
.fc-plan-wrapper.pm-designer .fc-plan-seat.at-accessible .seat-number {
	display:none;
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.at-wheelchair-spot .seat-icon,
.fc-plan-wrapper.pm-designer .fc-plan-seat.at-accessible .seat-icon {
	color:#03A9F4;
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.at-companion,
.fc-plan-wrapper.pm-designer .fc-plan-seat.at-companion-spot {
	border-color:#e91e63;
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.at-regular {
	border-color:#607d8b;
}

.fc-plan-wrapper.pm-designer .fc-plan-seat.assistive-listening .seat-icon-al {
	color:#7e7e7e;
}


.fc-plan-wrapper.pm-designer .fc-plan-seat.mode-box-office-only {
	background-color:rgba(255,152,0,0.25);
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.mode-participants-only {
	background-color:rgba(255,193,7,0.25);
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.mode-unrestricted {
	background-color:rgba(76,175,80,0.25);
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.mode-blocked {
	background-color:rgba(244,67,54,0.25);
	opacity:0.5;
}
.fc-plan-wrapper.pm-designer .fc-plan-seat.mode-hidden {
	background-color:#90a4ae;
	opacity:0.2;
}


/* EXTERNAL seats picker */

.fc-plan-wrapper.pm-picker-external .fc-plan-seat {
	border-color:#bababa;
}
.fc-plan-wrapper.pm-picker-external .seat-icon {
    color: #4FC3F7;
}
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.at-accessible, 
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.at-companion, 
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.at-wheelchair-spot,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.at-companion-spot {
    border-color: #4FC3F7;
}
.fc-plan-wrapper.pm-picker-external .seat-icon-al {
    color: #81C784;
}

.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-hidden {
	display:none;
}

.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-unrestricted:hover {
	background-color:rgba(3,169,244,0.2);
	cursor:pointer;
}
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-box-office-only,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-box-office-only:hover,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-participants-only,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-participants-only:hover,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-blocked,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-blocked:hover {
	background-color:rgba(110,110,110,0.33);
	/*background-color:rgba(244,67,54,0.33);*/
	cursor:not-allowed;
}
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-box-office-only .seat-number,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-participants-only .seat-number,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.mode-blocked .seat-number {
	color:#a4a4a4;
}

.fc-plan-wrapper.pm-picker-external .fc-plan-seat.picker-occupied-selected,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.picker-occupied-selected:hover {
	background-color:rgba(76,175,80,0.5);
	cursor:default;
}
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.picker-occupied-selected .seat-icon-al {
    color: #43A047;
}

.fc-plan-wrapper.pm-picker-external .fc-plan-seat.picker-occupied-other,
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.picker-occupied-other:hover {
	background-color:rgba(110,110,110,0.33);
	/*background-color:rgba(244,67,54,0.33);*/
	cursor:not-allowed;
}
.fc-plan-wrapper.pm-picker-external .fc-plan-seat.picker-occupied-other .seat-number {
	color:#a4a4a4;
}





/*
.df-entrance{
	border-color:#00bcd4;
}
.df-exit{
	border-color:#8bc34a;
}
.df-emergeny-exit{
	border-color:#43a047;
}
.at-regular{
	border-color:#607d8b;
}
.at-accessible{
	border-color:#2196f3;
}
.at-companion{
	border-color:#e91e63;
}
.at-wheelchair-spot{
	border-color:#3f51b5;
}
.mo-unrestricted{
	border-color:#4caf50;
}
.mo-box-office-only{
	border-color:#FF9800;
}
.mo-participants-only{
	border-color:#ffc107;
}
.mo-blocked{
	border-color:#f44336;
}
.mo-hidden{
	border-color:#90a4ae;
}
*/


/* INTERNAL seats picker */

.fc-plan-wrapper.pm-picker-internal .fc-plan-seat {
	border-color:#bababa;
}
.fc-plan-wrapper.pm-picker-internal .seat-icon {
    color: #4FC3F7;
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.at-accessible, 
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.at-companion, 
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.at-wheelchair-spot,
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.at-companion-spot {
    border-color: #4FC3F7;
}
.fc-plan-wrapper.pm-picker-internal .seat-icon-al {
    color: #81C784;
}







.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.mode-box-office-only {
	background-color:rgba(255,152,0,0.20);
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.mode-participants-only {
	background-color:rgba(255,193,7,0.20);
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.mode-unrestricted {
	background-color:rgba(76,175,80,0.20);
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.mode-blocked {
	background-color:rgba(244,67,54,0.20);
	opacity:0.5;
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.mode-hidden {
	background-color:#90a4ae;
	opacity:0.2;
}


/* Internal picker supports selecting seats reserved for participants/invitees as well as unrestricted seats (for normal ticketing),
   but NOT selecting box-office only, hidden or blocked seats */
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.mode-participants-only:hover,
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.mode-unrestricted:hover {
	background-color:rgba(3,169,244,0.2);
	cursor:pointer;
}



.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-order-locked,
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-order-locked:hover {
	background-color:rgba(110,110,110,0.33);
	/*background-color:rgba(244,67,54,0.33);*/
	cursor:not-allowed;
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-order-locked .seat-number {
	color:#a4a4a4;
}

.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-ticket,
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-ticket:hover {
	background-color:rgba(110,122,132,0.33);
	cursor:not-allowed;
	opacity:0.5;
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-ticket .seat-number {
	color:#a4a4a4;
}

.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-attendance,
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-attendance:hover {
	background-color:rgba(255,193,7,0.5); /* Seat taken by participant/invitee - color same as 'participants-only' seat mode*/
	cursor:not-allowed;
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-attendance .seat-number {
	color:#a4a4a4;
}


/* Seat selected for current participant/invitee: */
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-selected,
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-selected:hover {
	background-color:rgba(3,169,244,0.70);
	cursor:default;
}
.fc-plan-wrapper.pm-picker-internal .fc-plan-seat.picker-occupied-selected .seat-icon-al {
    color: rgba(3,169,244,0.70);
}





/* BOX OFFICE seats picker */

.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-box-office-only {
	border-color: #F3C21D;
}

.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-participants-only,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-participants-only:hover,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-blocked,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-blocked:hover {
	background-color:rgba(110,110,110,0.33);
	border-color:rgba(146,64,64,1.00);
	/*background-color:rgba(244,67,54,0.33);*/
	cursor:not-allowed;
}
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-participants-only .seat-number,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-blocked .seat-number {
	color:#a4a4a4;
}

.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-selected,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-selected:hover {
	background-color:rgba(76,175,80,0.5);
	cursor:default;
}
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-selected .seat-icon-al {
    color: #43A047;
}

.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-other,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-other:hover {
	background-color:rgba(110,110,110,0.33);
	border:rgba(75,78,151,1.00);
	/*background-color:rgba(244,67,54,0.33);*/
	cursor:not-allowed!important;
}
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-other .seat-number {
	color:rgba(164,164,164,0.66);
}



/* Box Office picker supports selecting seats reserved for box-office only, as well as unrestricted seats (for normal ticketing),
   but NOT selecting participants/invitees, hidden or blocked seats */
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-box-office-only:hover,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.mode-unrestricted:hover {
	background-color:rgba(3,169,244,0.2);
	cursor:pointer;
}



.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-order-locked,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-order-locked:hover {
	background-color:rgba(110,110,110,0.33);
	/*background-color:rgba(244,67,54,0.33);*/
	cursor:not-allowed;
}
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-order-locked .seat-number {
	color:#a4a4a4;
}

.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-ticket,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-ticket:hover {
	background-color:rgba(110,122,132,0.33);
	cursor:not-allowed;
	opacity:0.5;
}
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-ticket .seat-number {
	color:#a4a4a4;
}

.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-attendance,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-attendance:hover {
	background-color:rgba(255,193,7,0.5); /* Seat taken by participant/invitee - color same as 'participants-only' seat mode*/
	cursor:not-allowed;
}
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-attendance .seat-number {
	color:#a4a4a4;
}


/* Seat selected for current participant/invitee: */
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-selected,
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-selected:hover {
	background-color:rgba(3,169,244,0.70);
	cursor:default;
}
.fc-plan-wrapper.pm-picker-box-office .fc-plan-seat.picker-occupied-selected .seat-icon-al {
    color: rgba(3,169,244,0.70);
}


/* ==========================================================================
   Google Maps integration
   ========================================================================== */

#map-container {
	width: 100%;
	height: 65vh;
	position: relative;
	font-family: "Roboto", sans-serif;
	box-sizing: border-box;
}

#map-container a {
	text-decoration: none;
	color: #1967d2;
}

#map-container button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	font-size: inherit;
	cursor: pointer;
}

#gmp-map {
	position: absolute;
	left: 25em;
	top: 0;
	right: 0;
	bottom: 0;
}

#locations-panel {
	position: absolute;
	left: 0;
	width: 25em;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	background: rgba(255,255,255,0.155);
	padding: 0.5em;
	box-sizing: border-box;
}

@media only screen and (max-width: 876px) {
	#gmp-map {
		left: 0;
		bottom: 50%;
	}

	#locations-panel {
		top: 50%;
		right: 0;
		width: unset;
	}
}

#locations-panel-list &gt; header {
	padding: 1.4em 1.4em 0 1.4em;
}

#locations-panel-list h1.search-title {
	font-size: 1em;
	font-weight: 500;
	margin: 0;
}

#locations-panel-list h1.search-title &gt; img {
	vertical-align: bottom;
	margin-top: -1em;
}

#locations-panel-list .search-input {
	width: 100%;
	margin-top: 0.8em;
	position: relative;
}

#locations-panel-list .search-input input {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3em;
	height: 2.2em;
	box-sizing: border-box;
	padding: 0 2.5em 0 1em;
	font-size: 1em;
}

#locations-panel-list .search-input-overlay {
	position: absolute;
}

#locations-panel-list .search-input-overlay.search {
	right: 2px;
	top: 2px;
	bottom: 2px;
	width: 2.4em;
}

#locations-panel-list .search-input-overlay.search button {
	width: 100%;
	height: 100%;
	border-radius: 0.2em;
	color: black;
	background: transparent;
}

#locations-panel-list .search-input-overlay.search .icon {
	margin-top: 0.05em;
	vertical-align: top;
}

#locations-panel-list .section-name {
	font-weight: 500;
	font-size: 0.9em;
	margin: 1.8em 0 1em 1.5em;
}

#locations-panel-list .location-result {
	position: relative;
	padding: 0.8em 3.5em 0.8em 1.4em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	cursor: pointer;
}

#locations-panel-list .location-result:first-of-type {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}

#locations-panel-list .location-result:last-of-type {
	border-bottom: none;
}

#locations-panel-list .location-result.selected {
	outline: 2px solid #4285f4;
}

#locations-panel-list button.select-location {
	margin-bottom: 0.6em;
	text-align: left;
}

#locations-panel-list .location-result h2.name {
	font-size: 1em;
	font-weight: 500;
	margin: 0;
}

#locations-panel-list .location-result .address {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

#locations-panel-list .directions-button {
	position: absolute;
	right: 1.2em;
	top: 2.3em;
}

#locations-panel-list .directions-button-background:hover {
	fill: rgba(116,120,127,0.1);
}

#locations-panel-list .directions-button-background {
	fill: rgba(255,255,255,0.01);
}

#locations-panel-list .location-result .distance {
	position: absolute;
	top: 0.9em;
	right: 0;
	text-align: center;
	font-size: 0.9em;
	width: 5em;
}

#locations-panel-list .option-container {
	display: inline-block;
	margin: 0.2em 0;
	position: relative;
}

#locations-panel-list .option-container button:hover,
#locations-panel-list .option-container a:hover {
	background-color: #f1f3f4;
}

#locations-panel-list .option {
	border: 1px solid #bdc1c6;
	border-radius: 0.9em;
	color: #1967d2;
	font-size: 0.9em;
	font-weight: 500;
	padding: 0.3em 0;
}

#locations-panel-list .option &gt; span {
	margin: 0 0.9em;
}

#locations-panel-list .action-button .option {
	align-items: center;
	display: flex;
}

#locations-panel-list .action-button img {
	/* Match link color #1967d2 */
	filter: invert(30%) sepia(67%) saturate(7379%) hue-rotate(209deg) brightness(95%) contrast(80%);
	height: 1.5em;
	margin: -0.2em;
	width: 2.5em;
}
#locations-panel-list .action-button i {
	margin-right: 0.6em;
}

#locations-panel-list .action-button .open-icon {
	height: 1.2em;
}

#locations-panel-list .split-action-button {
	display: flex;
}

#locations-panel-list .split-action-button .option:first-child {
	border-radius: 0.9em 0 0 0.9em;
}

#locations-panel-list .split-action-button .option:last-child {
	border-radius: 0 0.9em 0.9em 0;
	margin-left: -1px;
}

#locations-panel-list .action-button:not(.split-action-button) span {
	margin-right: 0.3em;
}

#locations-panel-list .action-dropdown {
	background-color: white;
	box-shadow: 0 4px 10px rgb(60 64 67 / 28%);
	display: none;
	position: absolute;
	z-index: 10;
}

#locations-panel-list .action-dropdown a {
	color: black;
	display: flex;
	line-height: 1.8em;
	padding: 0.6em 1.2em;
	white-space: nowrap;
}

#locations-panel-list .action-dropdown img {
	height: 1.8em;
	padding-right: 0.6em;
	width: 1.8em;
}
#locations-panel-list .action-dropdown i {
	padding-right: 0.6em;
}

#location-results-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.fc-show-context-fields .fc-notes-wrapper {
	margin-top:0;
}



/* Ensure that dropdown menus are on a higher z index than the Filmchief main menu (z = 1019) */
.page-container .dropdown-menu {
    z-index:1020;
}
body.flex-page-container.flex-page-container-list .page-container,
body.flex-page-container.flex-page-container-list .page-container&gt;.content-body {
    overflow: visible;
}
@media (min-width: 768px) {
	body.flex-page-container.flex-page-container-list .page-container-wrapper.open.pinned {
        overflow: visible;
	}
}</pre></body></html>