/* TODO TEMP SOLUTION MOVE TO METACOLUMN LEVEL! */
div[role=gridcell][data-mc="13175"],
div[role=gridcell][data-mc="13265"],
div[role=gridcell][data-mc="14002"] {
    min-width:max-content;
}


body {
	overflow:hidden!important;
}

/* Undo the main.css setting (this is important because in admin, the overflow:auto has moved to the .page-container-wrapper) */
body.modal-open {
	height:100%;
}




.dev [data-post-load-init-options]>.btn {
	color:rgba(0,0,0,0.5)!important;
}



.page-content {
	padding-top:15px;
}



@media (max-width: 767px) {
	.navbar-filmchief .dropdown-menu .divider {
		margin-left:5px;
		margin-right:5px;
	}
	.user-name-label {
		display:none;
	}
	.navbar-filmchief .navbar-nav>li.dropdown.open .user-name-label {
		display:inline;
	}
}




/* For sliding divs in and out of canvas */
.offcanvas {
	display:none;
}
.offcanvas.in {
	display:block;
}

.navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left {
    left: 0;
    right: auto;
}
.navmenu, .navbar-offcanvas {
    width:240px;
    height:auto;
}
.navmenu-fixed-left, .navmenu-fixed-right, .navbar-offcanvas {
    position: fixed;
    z-index: 1019; /* right below modals */
    top:0;
    bottom:0;
    overflow-y:auto;
}

/* custom-made for the filmchief main navigation panel */
.navmenu-fixed-left.offcanvas,
.page-container-wrapper {
	-webkit-transition: left 0.2s ease;
	-moz-transition: left 0.2s ease;
	-ms-transition: left 0.2s ease; /* IE10 is actually unprefixed */
	-o-transition: left 0.2s ease;
	transition: left 0.2s ease;	
}

.navmenu-fixed-left.offcanvas {
	left:-240px;
}
.navmenu-fixed-left.offcanvas.open {
	left:0;
}
.page-container-wrapper {
	position:relative;
	left:0;
	overflow:auto;
	outline:none;
}
@media screen {
	.page-container-wrapper {
		height:100%
	}
}
.page-container-wrapper.open {
	left:240px;
	/*overflow:hidden;*/ /* bugfix: commented out because it locks the entire page-container, which is not very user-friendly */
}
@media print {
	.navmenu {
		display:none!important;
	}
	.page-container-wrapper {
		left:0!important;
		width:100%!important;
		position:static!important;
	}
	.fc-table>thead {
		visibility:visible!important;
	}
}

@media (max-width: 767px) {
	.page-container-wrapper.open.pinned .navmenu-fixed-left.offcanvas {
		left:-240px;
	}
	.page-container-wrapper.open.pinned {
		position:relative;
		left:0;
		overflow:auto;
	}
}
@media (min-width: 768px) {
	.page-container-wrapper.open.pinned {
		position:absolute;
		left:240px;
		right:0;
		overflow:auto;
	}
	.pinned .fc-navmenu-toggle {
		width:0;
		font-size:0;
		opacity:0;
		padding-left:0;
		padding-right:0;
	}

}

.fc-thumbtack {
	float:right;
}
.fa-thumbtack {
	font-size:16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform:rotate(45deg);
}
.pinned .fa-thumbtack {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform:rotate(0deg);
}
.fc-navmenu-toggle {
	-webkit-transition: opacity 0.2s ease, width 0.2s ease, font-size 0.2s ease, padding 0.2s ease;
	-moz-transition: opacity 0.2s ease, width 0.2s ease, font-size 0.2s ease, padding 0.2s ease;
	-ms-transition: opacity 0.2s ease, width 0.2s ease, font-size 0.2s ease, padding 0.2s ease; /* IE10 is actually unprefixed */
	-o-transition: opacity 0.2s ease, width 0.2s ease, font-size 0.2s ease, padding 0.2s ease;
	transition: opacity 0.2s ease, width 0.2s ease, font-size 0.2s ease, padding 0.2s ease;	
}


.content-header-wrapper {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.content-title-wrapper {
	display:flex;
	margin-bottom:20px;
}
.content-toolbar-wrapper {
	display:flex;
	margin-left: auto;
	margin-bottom:20px;
}
@media (max-width: 767px) {
	.content-title-wrapper {
		padding-left:2px;
		margin-bottom:10px;
	}
	.content-toolbar-wrapper {
		margin-bottom:10px;
	}
}

.content-top-hr {
	margin-top:0;
}

.content-body {
	padding-bottom:128px;
}
body.flex-page-container .page-container>.content-body {
	padding-bottom:0;
}

footer.page-footer {
	height:108px;
}


.fc-navmenu-button {
	padding:0 15px;
	margin:0;
	height:50px;
	line-height:50px;
	font-size:20px;
	display:table-cell;
	vertical-align:middle;
}

.fc-current-event {
	color:#fff;
	padding:0 15px;
	margin:0;
	outline:none;
	border:none;
	display:table-cell;
	vertical-align:middle;
	height:50px;
	line-height:50px;
}
.fc-current-event-dropdown {
	padding:0;
	margin:0;
	height:50px;
	display:table-cell;
	vertical-align:middle;
}
.fc-context-event-menu {
	min-width:440px;
}
.dropdown-menu-right-label {
	margin-left:5px;
}

.fc-context-event-menu.dropdown-menu > li > a {
	display:flex;
	align-items: center;
}
.fc-current-event-dropdown .dropdown-menu-right-label {
	margin-top:-2px;
	font-size:10px;
	margin-left:auto;
}

@media (min-width: 768px) {
	.fc-current-event,
	.fc-current-event-dropdown {
    	font-size: 20px;
	 }
}
@media (max-width: 767px) {
	.fc-current-event,
	.fc-current-event-dropdown {
    	font-size: 18px;
	 }
}

.fc-current-event-dropdown>a {
	color:#fff;
	padding:0 15px;
	margin:0;
	outline:none;
	border:none;
	cursor:pointer;
	display:table-cell;
	vertical-align:middle;
	height:50px;
	line-height:20px;
}
.fc-current-event-dropdown>a:focus,
.fc-current-event-dropdown>a:hover {
	text-decoration:none;
}


.navbar-brand-filmchief {
	height:50px;
	padding:0;
	float:left;
}
.navbar-brand-filmchief>img {
	vertical-align:top;
}

.navmenu-top-header {
	padding:0;
	left:0;
	right:0px;
	background-color: #607D8B;
	position:absolute;
}

.navmenu-inner {
	position:absolute;
	top:50px;
	bottom:0;
	width:100%;
	overflow:auto;
    padding-bottom:20px;
}
.navmenu-inner::-webkit-scrollbar{
	width: 10px;
}
.navmenu-inner::-webkit-scrollbar-track-piece{
	background-color:#455A64;
}
.navmenu-inner::-webkit-scrollbar-thumb{
	background-color: #455A64;
}
.navmenu-inner:hover::-webkit-scrollbar-thumb{
	background-color: #37474F;
	outline: 2px solid #455A64;
	outline-offset: -2px;
	border: .1px solid #37474F;
}
.navmenu-inner::-webkit-scrollbar-thumb:hover{
	background-color: #263238;
}

.navmenu {
	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;*/
	font-size:13px;
}

/* Menu background color */
.navmenu-default {
	background-color:#455A64;
}

/* Menu item text color */
.navmenu-nav>li>a {
	color:#CFD8DC;
	padding:6px 15px 6px 10px;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-left:5px solid transparent;
}

/* Separator */
.navmenu-nav>li>hr {
	margin:7px 10px;
	border-color:#CFD8DC;
}

/* Focused menu item (don't highlight) */
.navmenu-nav>li>a:focus {
	color:#fff;
	background-color:transparent;
}

/* Hover on menu item */
.navmenu-nav>li>a:hover {
	color:#fff;
	background-color:transparent;
}

/* Active menuitem  */
.navmenu-nav>li.active>a {
	color:#fff;
	background-color:transparent;
	border-left-color:#29B6F6;
}

/* Submenu */
li>ul.navmenu-nav>li>a {
	padding-left:20px;
}

/* Menu header (with subitems) */
.navmenu-header {
	margin-top:12px;
}
.navmenu-header>a,
li.nav-header {
	text-transform:uppercase;
	letter-spacing:1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
li.nav-header {
	color:#CFD8DC;
	padding:7px 15px;
}
li.nav-header.nav-header-divider {
	padding-left:20px;
	text-transform:none;
}
/* Separator */
.navmenu-nav>li.nav-header-divider>hr {
	margin:7px 0;
	border-color:#CFD8DC;
}




/* ==========================================================================
   Table toolbar (admin only)
   ========================================================================== */

.fc-table-button-undelete-selected {
	display:none;
}
.page-content.deleted-records-view .fc-table-button-delete-selected {
	display:none;
}
.page-content.deleted-records-view .fc-table-button-undelete-selected {
	display:block;
}
.page-content.deleted-records-view {
	background-color:#fff;
	filter:brightness(0.92);
}

/* ==========================================================================
   Search
   ========================================================================== */

.fc-search-wrapper {
	padding:10px;
}
.fc-search {
	background-color:#37474F;
	border-color:#90A4AE;
	color:#fff;
}
.fc-search:focus {
	background-color:#455A64;
}
.btn-search {
	background-color:#90A4AE;
}
.btn-search:focus,
.btn-search:hover {
	background-color:#B0BEC5;
}

.navmenu.typeahead-open,
.navmenu.typeahead-open .navmenu-inner {
	overflow:visible;
}

.a02{}
@media (max-width: 767px) {
	/* No pinning the sidenav on small displays */
	.fc-thumbtack {
		display:none!important;
	}
}





.panel-title .list-inline {
	font-size:14px;
}

.panel-heading a[data-toggle="collapse"],
.panel-heading a[data-toggle="collapse"]:focus,
.panel-heading a[data-toggle="collapse"]:hover {
	color:#fff;
}
.panel-default>.panel-heading a[data-toggle="collapse"],
.panel-default>.panel-heading a[data-toggle="collapse"]:focus,
.panel-default>.panel-heading a[data-toggle="collapse"]:hover {
	color:#757575;
}
.panel-heading a[data-toggle="collapse"] .glyphicon {
	font-size:75%;
}

/* Hide buttons on the panel heading if the panel's body is collapsed: */
.panel-heading .btn {
	opacity:1;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
.panel-body-collapsed {
	border-bottom-width: 0;
}
.panel-heading.panel-body-collapsed .btn {
	opacity:0;
}
.panel-body.collapsing {
	overflow:hidden;
}



/* ==========================================================================
   TableDnD css
   ========================================================================== */
th .fc-drag-lock {
	color:#333;
	text-align:center;
}

table[data-drag-rows] td {
	cursor:move;
}
table[data-drag-rows] a {
	cursor:pointer;
}
tr .dragHandle>i {
	visibility:hidden;
}
/* Show the drag handle when hovering the row: */
tr:hover .dragHandle>i {
	visibility:visible;
	opacity:1;
}
/* But not when dragging is locked: */
.fc-drag-locked tr:hover .dragHandle>i {
	opacity:.15;
}
tr.dragging-row td {
	background-color:#dfedfd!important;/*#357ebd!important;*/
}
tr.dragging-row .dragHandle>i {
	visibility:visible;
}
table[data-drag-rows] td.nodrag,
table.fc-drag-locked td {
	cursor:auto;
}
table.dragging,
table.dragging td.nodrag,
table.dragging a {
	cursor:move;
}


/* ==========================================================================
   Filmchief Page title
   ========================================================================== */

.page-title-dropdown {
	display:inline-block;
}

.page-title {
	color:#428bca;
	font-weight:bold;
}


/* ==========================================================================
   Filmchief Files (using Bootstrap's thumbnails
   ========================================================================== */
.fc-files .thumbnail {
	text-decoration:none;
}
.fc-files .filename {
	font-weight:bold;
	line-height:14px;
	word-break:break-all;
	margin:3px 0;
}
.fc-files .image-dimensions {
}




/* ==========================================================================
   Filmchief Schedule
   ========================================================================== */
table.fc-schedule {
	table-layout:fixed; /* more table layout control */
	border-collapse:separate; /* more accurate width calculations */
	min-width:840px;
}

/* Fix for flawed column sizing in firefox */
@-moz-document url-prefix() {
    .fc-schedule .col-date-location {
        width:8%; 
    }
}

/* Fix for the effect of border-collapse:separate */
.fc-schedule > tbody > tr:first-child th,
.fc-schedule > tbody > tr:first-child td {
	border-top:0px none;
}
 
.fc-schedule > tbody > tr.odd {
	background-color:#fbfbfb;
}
 
/* Light vertical coloring every 15 min */
.fc-schedule > tbody > tr.primary > td:nth-child(odd),
.fc-schedule > tbody > tr.double-booked > td:nth-child(even) {
	background:rgba(241,241,241,0.29);
}
.fc-schedule .blank td {
	border:none;
	background-color:#fff;
	height:20px;
}

/* No padding in the block cells */
.fc-schedule > tbody > tr > td {
	padding:0;
	font-size:11px;
}

/* Use a smaller font */
.fc-schedule th {
	font-size:13px;
}
/* Condensed cells for the row that displays the date and hours */
.fc-schedule .date-and-hours th {
	border-top:none;
	padding:3px 3px 3px 1px;
}
/* Hourly line */
.fc-schedule .date-and-hours th,
.fc-schedule > tbody > tr.primary > td:nth-child(4n+3),
.fc-schedule > tbody > tr.double-booked > td:nth-child(4n+2) {
	border-left:1px solid #ebebeb;
}
/* Remove the hourly line for all cells that contain an item, for correct width calculation of items.
The border would cause the width to be miscalculated. */
.fc-schedule > tbody > tr.primary > td.item,
.fc-schedule > tbody > tr.double-booked > td.item {
	border-left:none;
}
.fc-schedule .date-and-hours .date {
	border-left:none;
	padding-left:8px;
	white-space:nowrap;
/*	width:80px;*/
}
.fc-schedule .pad-before {
	border-left:none!important;
}
/* todo: why was this again? or just remove it
.fc-schedule .pad-after {
	background-color:#fff!important;
}
*/

.fc-schedule .double-booked td {
	border-top:none;
}

/* Schedule items (blocks) */
.fc-schedule .item {
	position:relative;
	height:100%;
}


.fc-schedule .item-width {
	display:block;
	color:white;
	position:relative;
	padding-bottom:4px;
}
/* Apply top padding only to items on the primary timeline. Double-booked items will have no top padding. */
.fc-schedule tr.primary .item > .item-width {
	padding-top:4px;
}

/* Default background color of items */
.fc-schedule .item-shift.item-shift-default {
	background-image: -webkit-linear-gradient(top,#a9a9a9 0,#585858 100%);
	background-image: linear-gradient(to bottom,#a9a9a9 0,#585858 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#ffe8e8e8',GradientType=0);
}

.fc-schedule .item-shift:hover {
	border-color: #66afe9;
	outline: 0;
/*	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
}

.fc-schedule .canceled {
	position:absolute;
	top:7px;
	left:50%;
	color:#cc4444;
	font-size:12px;
	z-index:2;
	-webkit-transition:opacity .3s;
	-moz-transition:opacity .3s;
	transition:opacity .3s;
}
.fc-schedule .canceled:hover {
	opacity:0;
}
.fc-schedule .canceled>div {
	position:relative;
	left:-50%;
	padding:1px 3px;
	background-color:rgba(255,255,255,.95);
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius:4px;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,.175);
	box-shadow: 0 4px 8px rgba(0,0,0,.175);
}
.fc-schedule .canceled+.item-shift {
	opacity:.45;
}


.fc-schedule .item-content {
	min-height:30px;
	word-break:loose;
	word-break:break-word;
}


/* Schedule items that are in concept status are striped diagonally */
.fc-schedule .concept {
	position:absolute;
    z-index:2;
	opacity:.28;
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, transparent), color-stop(0.25, transparent), color-stop(0.25, #fefefe), color-stop(0.5, #fefefe), color-stop(0.5, transparent), color-stop(0.75, transparent), color-stop(0.75, #fefefe));
	background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, #fefefe 25%, #fefefe 50%, transparent 50%, transparent 75%, #fefefe 75%);
	background-image: -moz-linear-gradient(left top, transparent 0%, transparent 25%, #fefefe 25%, #fefefe 50%, transparent 50%, transparent 75%, #fefefe 75%);
	background-image: -ms-linear-gradient(left top, transparent 0%, transparent 25%, #fefefe 25%, #fefefe 50%, transparent 50%, transparent 75%, #fefefe 75%);
	background-image: -o-linear-gradient(left top, transparent 0%, transparent 25%, #fefefe 25%, #fefefe 50%, transparent 50%, transparent 75%, #fefefe 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#fefefe',GradientType=0 ); /* IE6-8 */
	background-image: linear-gradient(left top, transparent 0%, transparent 25%, #fefefe 25%, #fefefe 50%, transparent 50%, transparent 75%, #fefefe 75%);
	background-size: 16px 16px;
	top:0px;
	bottom:0px;
	width:100%;
}

.fc-schedule .item-content {
	color:#fff;
	padding:0 2px;
	position:relative;
}
.fc-schedule .item-content a {
	color:#fff;
}

.fc-schedule .badge-viewing-number {

    display: inline-block;
    min-width: 10px;
    padding: 1px 5px;
	font-size:11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 8px;
	
	margin-top:-1px;
	margin-right:2px;
	background-color: rgba(0, 0, 0, 0.35);
}

.fc-schedule .item-pad-before,
.fc-schedule .item-pad-after {
	position:absolute;
	background-color:white;
	opacity:.5;
	height:92%;
	top:1;
}
.fc-schedule .item-pad-before {
	left:0;
}
.fc-schedule .item-pad-after {
	right:0;
}

/* Reinstate the hourly border-left, that was removed from cells which contain an item. */
.fc-schedule > tbody > tr.primary > td.item:nth-child(4n+3) > .item-width,
.fc-schedule > tbody > tr.double-booked > td.item:nth-child(4n+2) > .item-width {
	border-left:1px solid #ebebeb;
}

.triangle1, .triangle2, .triangle3, .triangle4 {
	position:absolute;
    width:10px;
    height:50%;
}
.triangle1 {
    left:0;
    top:0;
}
tr.even .triangle1 {
	background: linear-gradient(to right bottom, white 49%, transparent 51%);
}
tr.odd .triangle1 {
	background: linear-gradient(to right bottom, #fbfbfb 49%, transparent 51%);
}
.triangle2 {
    left:0;
    top:50%;
}
tr.even .triangle2 {
	background: linear-gradient(to right top, white 49%, transparent 51%);
}
tr.odd .triangle2 {
	background: linear-gradient(to right top, #fbfbfb 49%, transparent 51%);
}
.triangle3 {
    right:0;
    top:0;
}
tr.even .triangle3 {
	background: linear-gradient(to left bottom, white 49%, transparent 51%);
}
tr.odd .triangle3 {
	background: linear-gradient(to left bottom, #fbfbfb 49%, transparent 51%);
}
.triangle4 {
    right:0;
    top:50%;
}
tr.even .triangle4 {
	background: linear-gradient(to left top, white 49%, transparent 51%);
}
tr.odd .triangle4 {
	background: linear-gradient(to left top, #fbfbfb 49%, transparent 51%);
}
@media print {
	tr.even .triangle1,
	tr.odd .triangle1 {
		background: linear-gradient(to right bottom, white 50%, transparent 50%);
	}
	tr.even .triangle2,
	tr.odd .triangle2 {
		background: linear-gradient(to right top, white 50%, transparent 50%);
	}
	tr.even .triangle3,
	tr.odd .triangle3 {
		background: linear-gradient(to left bottom, white 50%, transparent 50%);
	}
	tr.even .triangle4,
	tr.odd .triangle4 {
		background: linear-gradient(to left top, white 50%, transparent 50%);
	}
}

/* ------ Editing ------ */

.fc-schedule-wrapper>.fc-schedule-desktop>table.fc-schedule>tbody>tr>td:hover {
	background-color:rgba(179, 229, 252, 0.33);
}
.fc-schedule-wrapper>.fc-schedule-desktop>table.fc-schedule>tbody>tr>td.opening-modal,
.fc-schedule-wrapper>.fc-schedule-desktop>table.fc-schedule>tbody>tr>td.opening-modal:hover{
	background-color:rgba(179, 229, 252, 0.67);
}

/* ------ Mobile version ------ */

.fc-schedule-mobile .date {
	position:sticky;
	margin:0 1px 0 -1px; /* the -1px margin left ensures that the underlying content is hidden especially if it has a floating point width */
	padding:12px 0;
	top:-1px;
	z-index:10;
    background-color: #FAFAFA;
}
@media (max-width: 767px) {
	.fc-schedule-mobile .date {
		margin:0 -15px;
		padding:12px 15px;
	}
}
.fc-schedule-mobile .time {
	margin:0;
	padding:10px 0 20px 0;
}
.fc-schedule-mobile .item-content {
	color:#fff;
	padding:10px;
}
.fc-schedule-mobile .item {
	color:white;
	display:block;
	margin-bottom:10px;
	margin-right:15px;
	cursor: pointer;
}
.fc-schedule-mobile .item-button {
	color:white;
	text-decoration:none;
}
.fc-schedule-mobile .item a {
	color:#fff;
}
.fc-schedule-mobile .item-shift-default {
	background-color:#B0BEC5;
}
.fc-schedule-mobile a.item-button:focus,
.fc-schedule-mobile a.item-button:hover {
	color:#fff;
	text-decoration:underline;
}
.fc-schedule-mobile .item-button .glyphicon-chevron-down:before,
.fc-schedule-mobile .item-button .glyphicon-chevron-right:before {
	content: "";
}
.fc-schedule-mobile .program-title {
	font-weight:bold;
}
.fc-schedule-mobile .mobile-viewing-content {
	padding-bottom:10px;
}



/* ==========================================================================
   Filmchief Notes
   ========================================================================== */
.fc-notes {
	max-height:600px;
	overflow-y:auto;
}
.fc-note {
	padding:4px;
	margin-top:4px;
	margin-bottom:4px;
}
.fc-note>p:last-child {
	margin-bottom:0;
}
.fc-note[data-importance="1"] {
	color:#8a6d3b;
	background-color:#fcf8e3;
	border:1px solid #faebcc;
	border-radius:4px;
}
.fc-note[data-importance="2"] {
	color:#a94442;
	background-color:#f2dede;
	border:1px solid #ebccd1;
	border-radius:4px;
}
/* Notes inside a table */
.fc-table .fc-notes {
	min-width:250px;
}
/* Post-note controle inside an inline editor modal: */
.inline-edit-modal .fc-post-note {
	margin-bottom:4px;
}

.fc-note-assign-task-form {
	margin-top:0px;
	margin-bottom:0px;
}
.fc-note-assign-task-form>fieldset {
	padding-top:15px;
}
.note-heading-text {
	font-weight:bold;
	margin-bottom:2px;
}
.fc-post-note-buttons {
	margin-top:3px;
}
.fc-notes-wrapper {
	margin-top:15px;
	padding-right:15px;
}

dd.fc-notes-wrapper {
	margin-top:0;
	padding-right:0;
}
dd.fc-notes-wrapper>.fc-notes>.fc-note {
	margin:0 0 8px 0;
	padding:0;
}

/* Hide controls and force the editor to a compact 20px height until the notes compontent is activated */
.fc-notes-autohide-controls .redactor-toolbar,
.fc-notes-autohide-controls .fc-post-note-buttons {
	display:none;	
}
.fc-notes-autohide-controls .redactor-editor {
	min-height:38px!important;
	height:38px;
	overflow-y:hidden;
}
.fc-notes-autohide-controls.in .redactor-toolbar,
.fc-notes-autohide-controls.in .fc-post-note-buttons {
	display:block;
}
.fc-notes-autohide-controls.in .redactor-editor {
	min-height:inherit;
	height:auto;
	overflow-y:auto;
}


.badge-messages,
.badge-tasks {
	position:relative;
	z-index:10;
}

/* ==========================================================================
   Filmchief Notices
   ========================================================================== */
.alert-source {
	text-align:right;
	font-size:12px;
	margin-bottom:0;
}

/* Color of notes marked as important */
.text-important {
	background-color:#faf2f6;
	color:#a94442;
	padding:3px;
}



/* ==========================================================================
   Filmchief User types
   ========================================================================== */
.label-usertype-programmer {
	background-color:#e3b7c8;
}
.label-usertype-reviewer {
	background-color:#bcbfd0;
}


/* Correct vertical position of dismiss button on the panel toolbar */ 
.fc-hide-panel-wrapper {
	vertical-align:top;
}
.fc-hide-panel.dismiss,
.panel-heading a[data-toggle="collapse"] .glyphicon {
	color:black;
	opacity:0.12;
}
.fc-hide-panel.dismiss:focus,
.fc-hide-panel.dismiss:hover,
.panel-heading a[data-toggle="collapse"]:focus .glyphicon,
.panel-heading a[data-toggle="collapse"]:hover .glyphicon {
	color:black;
	opacity:0.32;
}

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

/* Make the panel body more compact, and solve collapse jump at the same time */
.fc-filters-panel .panel-body {
	padding-top:0;
	padding-bottom:0;
	overflow-y:auto;
}
.fc-filters-panel .panel-title {
	font-size:16px;
}

.fc-filters-panel .filtersSearch {
	position:absolute;
	right:28px;
	top:-7px;
	opacity:0;
	width:0;
}
.fc-filters-panel .filters-list .no-results {
	margin-top:10px;
}

.fc-filters-panel .filter-group {
	margin:10px 0;
}

/* Filter-search results */
.fc-filters-panel .filter-group.force-hidden {
	display:none!important;
}
.fc-filters-panel .filter-group.force-visible {
	display:block!important;
}
.filter-group .highlight {
	background-color:#FFF59D;
}
.filter-group-hide {
	color:#888888;
	float:right;
	line-height:12px;
	opacity:.25;
	-webkit-transition:opacity .2s;
	-moz-transition:opacity .2s;
	transition:opacity .2s;
}
.filter-group-hide:focus,
.filter-group-hide:hover {
	color:#888888;
	opacity:1;
}
/* Hide the .filter-group-hide buttons if search is active */
.filters-list.search-active .filter-group-hide {
	visibility:hidden;
}
.filters-list.search-inactive .filter-group-hide {
	visibility:visible;
}

/* Filter options indentation */
.filter-group-content {
	padding-left:10px; 
	padding-right:10px;
}
.filter-group-content>div:first-child {
	margin-top:6px;
}

.filter-group h6 {
	margin:0;
	padding:0;
}



/* Show the number of selected options only if the filter group is collapsed */
.n-selected {
	display:none;
}
.filter-group.active .filter-name {
	font-weight:700;
}
.filter-group.active>.collapsed .n-selected {
	display:inline-block;
}

.fc-filter-radio, .fc-filter-checkbox {
	padding:1px 0 1px 20px;
}
.fc-filter-radio label, .fc-filter-checkbox label {
	display: inline;
	font-weight: 400;
	cursor: pointer;
}
.fc-filter-radio input[type=radio], 
.fc-filter-checkbox input[type=checkbox] {
	float: left;
	margin-left: -20px;
}

.filter-text>*:first-child,
.filter-daterange>*:first-child {
	margin-top:7px;
}

.label.n-selected {
	margin-left:5px;
	padding:2px 5px;
	line-height:12px;
}
.filter-checkbox-mode {
	margin-bottom:6px;
}
.filter-text-mode {
    margin-bottom: 6px;
}
.filter-group-content .text-above-input {
	position:relative;
	top:0;
}

/* Class assigned to options with an n of 0, if those options should be hidden */
.zero-n-hidden {
	display:none!important;
}
[data-pref-hide-filtered-to-zero="true"] .filtered-to-zero:not(.active) {
	display:none!important;
}


/* ==========================================================================
   Filmchief Tasks
   ========================================================================== */

/* Applied to every .fc-table td element for the column 'note.text' */
.task-preview {
	overflow: hidden;
	white-space: nowrap;
	max-width: 500px;
	text-overflow: ellipsis;
}
.task-preview * {
	display:inline !important;
	margin:0 !important;
	-webkit-margin-before:0 !important;
	-webkit-margin-after:0 !important;
	padding:0 !important;
	font-style:normal !important;
}
/* Known exceptions to the above * rule */
.task-preview .fa {
	display:inline-block !important;
}
.task-preview .space-left {
    padding-left: .4em !important;
}

tr.task-incomplete > td,
.fc-table-grid [role=gridcell].task-incomplete {
	font-weight:bold;
}


/* ==========================================================================
   Filmchief Search Engine
   ========================================================================== */
.fc-search-nres {
	color:#777;
	margin:0 0 20px 0;
}
.fc-search-result {
	margin-bottom:23px;
}
.fc-search-link {
	margin:0;
	font-size:18px;
}
.fc-search-url {
	color:#006621;
}
.fc-search-thumb {
	float:left;
	margin-right:10px;
	position:relative;
	width:100px;
	text-align:center;
}



/* Conditional visibility of fields */
dl.d-form-enabled,
dl.d-form-showInPortal,
dl.d-list-shared,
dl.d-list-requireSignedIn,
dl.d-user-roles-internal {
	display:none;
}
dl.d-form-enabled.active,
dl.d-form-showInPortal.active,
dl.d-list-shared.active,
dl.d-list-requireSignedIn.active,
dl.d-user-roles-internal.active {
	display:grid;
}

div.d-vsp-enabled {
	display:none;
}
div.d-vsp-enabled.active {
	display:block;
}


dl.d-hcat-datetime, /* hcat = hub content availability time */
dl.d-hceat-datetime { /* hceat = hub content extended availability time */
	display:none;
}
dl.d-hcat-datetime.active,
dl.d-hceat-datetime.active {
	display:grid;
}
.d-hcat-vavt, /* vavt = viewing availability time (also for extended availability) */
.d-hceat-vavt {
	display:none;
}
.d-hcat-vavt.active,
.d-hceat-vavt.active {
	display:block;
}
.d-hcat-vavt-inverse,
.d-hceat-vavt-inverse {
	display:block;
}
.d-hcat-vavt-inverse.active,
.d-hceat-vavt-inverse.active {
	display:none;
}


/* ==========================================================================
   Filmchief Compare Table
   ========================================================================== */
.fc-compare-table {
	table-layout:fixed;
}
.fc-compare-table input[type="checkbox"],
.fc-compare-table input[type="radio"] {
	margin:0;
	padding:8px;
}
.fc-compare-table td {
	overflow:hidden;
}


/* ==========================================================================
   Filmchief Import Job Table
   ========================================================================== */
.fc-import-job-table td {
	max-width:500px;
	white-space:nowrap;
	overflow:hidden;
}


/* ==========================================================================
   List groups
   ========================================================================== */

.list-group-item-for-list>.list-group-item-heading>.list-name {
	font-weight:bold;
}
.list-group-item-for-list>.list-group-item-text.list-description {
	 margin-top:4px;
	 opacity:.8;
}
.list-group-item-text-muted {
	 opacity:.8;
}

.list-auto-hidden {
	display:none;
}

.label-dynamic-list {
	background-color:#009688; /* Google Material Design Teal 500 */
}
.label-static-list {
	background-color:#673AB7; /* Google Material Design Deep Purple 500 */
}
.label-shared-list {
	background-color:#F06292; /* Google Material Design Pink 300 */
}
.label-published-list {
	background-color:#E57373; /* Google Material Design Red 300 */
}

/* ==========================================================================
   Filmchief templates
   ========================================================================== */
.fc-template {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
	font-family: arial;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* ==========================================================================
   List settings modal
   ========================================================================== */

.columns-selector-columns h3 {
	margin:12px 0 5px 0;
	padding:0;
	color:#FF5722; /* Google Material Design Deep Orange 500 */
}
.columns-selector-columns .checkbox {
	margin:0;
}



/* ==========================================================================
   Filmchief Insights
   ========================================================================== */

.fc-carousel-insights {
}
.fc-carousel-insights .carousel-caption {
	top:0;
	bottom:auto;
	padding-top:4px;
	padding-bottom:4px;
    position:static;
}
.fc-carousel-insights .carousel-indicators {
    bottom: 0;
}
.fc-carousel-insights .carousel-control {
	width:40px;
	opacity:0.85;
}
.fc-carousel-insights .carousel-control:focus,
.fc-carousel-insights .carousel-control:hover {
	opacity:1;
}
.fc-carousel-insights .carousel-view {
	margin-left:40px;
	margin-right:40px;
	margin-bottom:40px;
	overflow:auto;
}




/* ==========================================================================
   Filmchief Projects and Instances
   ========================================================================== */


.fc-instances-nav {
	margin-bottom:20px;
}

.fc-instances-nav.nav-pills>li>a:focus, 
.fc-instances-nav.nav-pills>li>a:hover,
.fc-instances-nav.nav-pills>li.active>a, 
.fc-instances-nav.nav-pills>li.active>a:focus, 
.fc-instances-nav.nav-pills>li.active>a:hover {
    color: #0288D1;
    background-color: #E1F5FE;
}

.fc-instance-create-copy-button {
	color:#E1F5FE;
	margin:0 3px;
}
.nav>li>a.fc-instance-create-copy-button:focus,
.nav>li>a.fc-instance-create-copy-button:hover {
	background-color:#E1F5FE;
	color:#81D4FA;
}

/* ==========================================================================
   Dashboard page
   ========================================================================== */



.last-modified {
	font-size:12px;
}






button.list-group-item-context-button {
	float:right;
	display:block;
	margin:-6px -12px -6px 0;
	padding:6px 10px;
	color:rgba(0,0,0,0.24);
	background:none;
	border:none;
}
.list-group-item-context-button:hover {
	color:rgba(0,0,0,0.5);
}
.list-group-item-drawer {
	overflow:hidden;
	height:0;
	transition-property:height;
	transition-duration:200ms;
}
.list-group-item-drawer-inner {
	padding-top:10px;
	position:relative;
	bottom:40px;
	transition-property:bottom;
	transition-duration:200ms;
}
.list-group-item-drawer.open {
	height:40px;
}
.list-group-item-drawer.open>.list-group-item-drawer-inner {
	bottom:0;
}


/* ======================== Undo ========================= */
.undo-busy {
	opacity:0.6;
}


/* ===================== Mail merge ====================== */
del.merge-field {
	text-decoration:none;
}
.merge-field,.merge-link {
	background-color: #FFF9C4;
}
.redactor-dropdown.redactor-dropdown-box-fields {
	max-height:400px;
}


/* ==========================================================================
   Mailroom mail job item preview
   ========================================================================== */
.fc-mail-job-item-view-sheet {
	padding-right:15px;
}
.fc-mail-job-item-view-iframe {
	width:100%;
}

/* ==========================================================================
   Mailroom sent mail view
   ========================================================================== */
.fc-sent-mail-view-sheet {
	padding-right:15px;
}
.fc-sent-mail-view-iframe {
	width:100%;
}



/* ===================== Guides ====================== */
ol.fc-guide-steps {
  margin: 0 0 0 0;
  padding: 0;
  list-style-type: none;
}

ol.fc-guide-steps li {
  counter-increment: step-counter;
  margin-bottom: 10px;
}

ol.fc-guide-steps li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 80%;
  background-color: rgb(0,200,200);
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border-radius: 3px;
}




/* ==========================================================================
   Titles wrapped in an inline edit link
   ========================================================================== */
.inline-edit>.title-article {
	border-bottom:3px solid #FDD835;
}



/* ==========================================================================
   Advanced Selection
   ========================================================================== */

.fc-advanced-selection {
	margin-right:15px;
}
.fc-advanced-selection>h4 {
	margin-bottom:5px;
}

/* ==========================================================================
   Ticketing
   ========================================================================== */
.fc-ticket-preview-sheet {
	margin:0 18px 18px 0;
	border:1px solid black;
	padding:20px;
	background-color:#fff;
	-webkit-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.6);
	box-shadow: 8px 8px 0px 0px rgba(0,0,0,0.6);
}
.fc-ticket-preview-iframe {
	width:100%;
}