body {
	font-family: 'Open Sans', sans-serif;
	background: white url('img/back.jpg') center center no-repeat fixed;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	color: #787573;
	position: relative;
}

body,
.container {
	margin: 0 auto;
	padding: 1em 4em;
	width: 96em;
}

.blinds { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; background: rgba(0, 0, 0, .5); }

date-input-polyfill {
	z-index: 100 !important;
}

.alert.upgrade { width: 40em; margin: 0 auto; padding: .5ex; background: white; border: thin solid silver; box-shadow: 0 0 .5ex rgba(170, 170, 0, .5); text-align: center; }
.alert.upgrade a { color: #10386f; cursor: pointer; }
.alert.upgrade a:hover { text-decoration: underline; }

.window {
	position: absolute;
	top: 10em;
	left: 22em;
	width: 72em;
	background: white;
	-moz-box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
	-ms-box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
	-o-box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
	-webkit-box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
	box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
}
.window.wide {
	left: 6em;
	width: 92em;
}
.dialog.window {
	top: 15em;
	left: 37em;
	width: 42em;
	border: 1px solid grey;
}
.window > .titlebar { background: #a8a9a8; color: white; padding: .25ex 1ex; text-align: left; }
.window > .titlebar > .title { font-size: 100%; text-transform: uppercase; }
.window > .titlebar .close {
	float: right;
	display: inline-block;
	margin-right: -0.7ex;
	width: 23px;
	height: 23px;
	background: transparent url(img/close.png) no-repeat center center;
	cursor: pointer;
}
.window > .content { padding: 1ex; }
.window nav { padding: 1ex 1ex; background: #555; }
.window nav a { display: inline-block; margin-right: 1ex; padding: 1ex; background: #f9f9f9; color: inherit; font-size: 85%; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background-color .3s, color .3s; }
.window nav a.active,
.window nav a:hover { background: #787573; color: #f9f9f9; }
.window th,
.window td { border-left: 2px solid white; padding: .25ex 1ex; }
.window th:first-child,
.window td:first-child { border-left: none; }
.window th { background: #c2c0be; color: white; font-weight: normal; text-align: left; text-transform: uppercase; }
.window tr:nth-child(even) > td { background: #e8e7e5; }

.window input[type=date],
.window input[type=email],
.window input[type=password],
.window input[type=search],
.window input[type=text] {
	border: 1px solid #c2c0be;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: .5ex 1em;
	font-size: 100%;
	color: #3c3c3b;
}
.window input[type=date]:focus,
.window input[type=email]:focus,
.window input[type=password]:focus,
.window input[type=search]:focus,
.window input[type=text]:focus { border-color: #d3007e; }

.window .buttons {
	padding: .5ex;
}
.window .actions .button,
.window .actions button,
.window .buttons .button,
.window .buttons button {
	display: inline-block;
	margin: 1ex;
	padding: .5ex 1ex;
	border: none;
	background-color: #a8a9a8;
	color: white;
	font-size: 100%;
	cursor: pointer;
}
.window .actions .button,
.window .actions button {
	margin: .5ex .5ex .5ex 0;
}
.window .actions .button.primary,
.window .actions button.primary,
.window .buttons .button.primary,
.window .buttons button.primary { background-color: #d3007e; }

th.sorted_asc::after,
th.sorted_desc::after { float: right; }
th.sorted_asc::after { content: '▲'; }
th.sorted_desc::after { content: '▼'; }

.user_menu {
	position: absolute;
	top: 1em;
	right: 12em;
	font-size: 90%;
}
.user_menu a {
	border-left: 1px solid #787573;
	padding-left: .5ex;
}
.user_menu a:first-child {
	border-left: none;
}
.user_menu a,
.user_menu a:link,
.user_menu a:visited {
	color: inherit;
	text-decoration: none;
}
.user_menu a:active,
.user_menu a:focus,
.user_menu a:hover {
	text-decoration: underline;
}

.notifications {
	position: fixed;
	right: 0;
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 15;
}
.notifications li {
	margin: 1ex;
	border: 1px solid #a8a9a8;
	padding: .5ex 1ex;
	background: white;
	opacity: .8;
	max-width: 25em;
}
.notifications li.error {
	color: red;
}

form .row { margin: .5ex 0; }
form button[type=submit] {
	border: none;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: .5ex 1ex;
	background: #d3007e;
	color: white;
	font-size: 100%;
	cursor: pointer;
}

article > h1 {
	position: absolute;
	top: 0;
	left: 5em;
	margin: 0;
	width: 16em;
	height: 8em;
	background: url('img/logo.png') no-repeat left top;
	-moz-background-size: contain;
	-ms-background-size: contain;
	-o-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
	font-size: 100%;
	cursor: pointer;
}
article > h1 > span { display: none; }

.overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; background: rgba(255, 255, 255, .25) url('img/loading.gif') no-repeat center center; }

.login {
	margin-top: 50vh;
}
.login form {
	margin: -7em auto 0;
	width: 25em;
	border: 1px solid #a8a9a8;
	-moz-box-shadow: inset 0 0 .25ex rgba(0, 0, 0, .25);
	-ms-box-shadow: inset 0 0 .25ex rgba(0, 0, 0, .25);
	-o-box-shadow: inset 0 0 .25ex rgba(0, 0, 0, .25);
	-webkit-box-shadow: inset 0 0 .25ex rgba(0, 0, 0, .25);
	box-shadow: .25ex .25ex .5ex rgba(0, 0, 0, .25);
	background: white;
	padding: 1em 2em;
}
.login .row {
	margin: 1em 0;
}
.login .error {
	color: #db052c;
}
.login .error,
.login .actions.row {
	margin-left: 10em;
	padding-left: .5ex;
}
.login label {
	display: inline-block;
	width: 10em;
}
.login input {
	border: 1px solid #c2c0be;
	/* safari has rounded corners by default */
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: .5ex;
	-moz-box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	-ms-box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	-o-box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	-webkit-box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #d3007e;
	font-size: 100%;
	font-style: italic;
}
.login button {
	border: none;
	padding: .75ex;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background: #d3007e;
	color: white;
	font-size: 80%;
	line-height: 125%;
}

.basket-icon {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 5em;
	width: 64px;
	height: 97px;
	background: transparent url(../img/basket.png) no-repeat top left;
	cursor: pointer;
}
.basket-icon.ae-basket-icon {
	top: 100px;
}
.basket-icon .label {
	display: block;
	color: white;
	font-size: 80%;
	text-align: center;
	text-transform: uppercase;
}
.basket-icon .counter {
	display: table-cell;
	position: absolute;
	bottom: -1ex;
	right: -1em;
	width: 1em;
	border: 3px solid white;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 0.5ex;
	background: #d3007e;
	color: white;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-indent: -0.2ex;
	vertical-align: middle;
}

.search {
	margin: 2em 6em 1em 19em;
}
.search .basic {
	position: relative;
}
.search .basic > span {
	margin: 0 .75em;
	color: #a8a9a8;
	font-style: italic;
	text-transform: uppercase;
}
.search .basic > .and_or { width: 8em; }
.search .basic > .and_or { width: 4em; }
.search input[type=search] {
	border: 1px solid #c2c0be;
	/* safari has rounded corners by default */
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: .5ex .5ex .5ex 28px;
	-moz-box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	-ms-box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	-o-box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	-webkit-box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	box-shadow: inset -0.125ex .125ex .125ex rgba(0, 0, 0, .25);
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background: white url('img/search.png') no-repeat 2px center;
	color: #d3007e;
	font-size: 100%;
	font-style: italic;
	text-transform: uppercase;
}
.search ::-webkit-input-placeholder {
	color: #787573;
	font-style: italic;
}
.search :-moz-placeholder {
	opacity: 1;
	color: #787573;
	font-style: italic;
}
.search ::-moz-placeholder {
	opacity: 1;
	color: #787573;
	font-style: italic;
}
.search :-ms-input-placeholder {
	color: #787573;
	font-style: italic;
}
.search input[name=q] { width: 23.125em; }
.search input[name=a], .search input[name=m] { width: 9.5em; }
.search .extended { margin: 1em 0; }
.search .extended input { margin-right: 1em; width: 14.5em; }
.omnimago .search .extended input { width: 10.9em; }
.search .extended input:last-child { margin-right: 0; }
.search .help_query,
.search .help_asset {
	border: none;
	background: url('img/help.png') no-repeat center center;
	padding: 10px 1ex 0 0;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
	cursor: help;
}
.search .help_query:hover,
.search .help_asset:hover {
	background-image: url('img/help-active.png');
}
.search button {
	border: none;
	padding: .75ex;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	background: #c2c0be;
	color: white;
	font-size: 80%;
	line-height: 125%;
}
.search button[type=reset] {
	position: absolute;
	right: 1.5ex;
	bottom: 0;
	width: 11em;
}
.search .extended_toggle {
	width: 9em;
	background: #d3007e;
}
.search .extended_toggle.collapsed {
	background: #787573;
}
.search .help { margin: 1em 0; height: 5em; }
.search .help_query span,
.search .help_asset span { display: none; }
.search button[type=submit] {
	position: absolute;
	top: -50em;
}
.search .helptext_query,
.search .helptext_asset {
	color: #d3007e;
	font-size: 80%;
	line-height: 150%;
}
.search .helptext_query { float: left; }
.search .helptext_asset { float: right; }

.settings { float: left; margin-left: 1em; }
.export,
.saved_filters,
.asset_order {
	width: 14em;
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.export {
	padding: 1em 1em 1ex 1em;
	background: url(img/sidebar.png) no-repeat left top / cover;
}
.saved_filters {
	padding: 1ex 1em;
	background: url(img/export.png) no-repeat left top / cover;
}
.saved_filters select,
.saved_filters input {
	width: 80%;
	box-sizing: border-box;
}
.saved_filters input {
	background: white;
	border: none;
	box-shadow: inset -0.125ex 0.125ex 0.125ex rgba(0, 0, 0, .25);
	padding: .5ex;
}
.saved_filters button {
	width: 2em;
	margin: .5ex 0 .5ex .5ex;
	padding: .5ex 1ex;
	box-sizing: border-box;
	border: none;
	background: #f0f0f0;
	text-align: center;
}
.saved_filters button:hover {
	background: #d0d0d0;
}
.asset_order {
	padding: 1ex 1em 1em 1em;
	background: url(img/export.png) no-repeat left bottom / cover;
}
.export a, .export a:link, .export a:active, .export a:visited {
	color: white;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}
.export a::after {
	content: "▶";
	display: inline-block;
	vertical-align: middle;
	padding: 1em;
	font-size: 50%;
}
.saved_filters,
.asset_order { margin: 1ex 0; }

.swap_button { position: fixed; z-index: 2; top: 30.33em; padding: 1em 4em 2em 4em; width: 50em; font-size: 90%; color: white; text-transform: uppercase; font-weight: bold; cursor: pointer; }
.swap_button.omnimago { right: -28em; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); text-align: right; background: #575756; }
.swap_button.omnimago::before { content: '▼'; display: inline; padding-right: 1em; font-size: 60%; }
.swap_button.magenta { left: -28em; -webkit-transform: rotate(90deg); transform: rotate(90deg); text-align: left; background: #d3007e; }
.swap_button.magenta::after { content: '▲'; display: inline; padding-left: 1em; font-size: 60%; }

.filters {
	position: absolute;
	left: 5em;
	top: 33em;
	width: 16em;
	padding-top: 2em;
	background: url('img/sidebar.png') no-repeat left top / 16em auto;
	color: white;
}
.filter { position: relative; background: #d3007e; }
.filter .toggle, .filters .toggle_all { padding: .5ex 1.5625em; background: #a8a9a8; color: #575756; font-size: 64%; font-weight: bold; text-align: right; }
.filters .toggle_all { background: #3c3c3b; color: white; }
.filters .actions { padding: 1ex; background: #c2c0be; text-align: right; }
.filters .actions button { padding: 1ex 1em; background: #d3007e; color: white; font-size: 90%; font-weight: bold; cursor: pointer; }
.filter .toggle { display: none; background: #d3007e url('img/filter-head.png') no-repeat left top; }
.filter .toggle .off, .filters .toggle_all .off { color: #d3007e; }
.filter.active .toggle .on, .filters .toggle_all.active .on { color: #d3007e; }
.filter.active .toggle .off, .filters .toggle_all.active .off { color: inherit; cursor: pointer; }
.filter.active .toggle,
.filter.expanded .toggle { display: block; }
.filter .handle { display: block; position: relative; padding: 1ex 1em; font-weight: bold; cursor: pointer; }
.filter .handle:hover { color: #c2c0be; }
.filter .handle::after { position: absolute; top: 1.5em; right: 2em; content: '▼'; font-size: 50%; }
.filter.active .handle { background: #c2c0be; color: #575756; text-transform: uppercase; font-size: 80%; }
.filter.active .handle::after { color: white; font-size: 62.5%; }
.filter .body { padding: 0 1.25em 1.25ex; font-size: 80%; }
.filter.collapsed .body { display: none; }
.filter.expanded { background: #c2c0be; color: #575756; }
.filter.expanded .handle { position: static; text-transform: uppercase; font-size: 80%; }
.filter.expanded .handle:hover { color: inherit; }
.filter.expanded .handle::after { top: auto; bottom: 2em; content: '▲'; font-size: 62.5%; color: white; }
.filter.select input[type=checkbox] { margin: .5ex .5ex .5ex 0; }

.search_head { margin: 1em 6em 0 18em; background: #a8a9a8; color: white; font-style: italic; font-weight: 300; text-align: right; text-transform: uppercase; white-space: nowrap; }
.search_head a { display: inline-block; box-sizing: border-box; width: 33%; padding: .5ex .5ex .5ex 2.5ex; font-size: 115%; text-align: left; cursor: pointer; }
.search_head .show_all,
.search_head .hide_all { width: 16.5%; padding-left: .5ex;}
.search_head .show_all { background: #a8a9a8; }
.search_head .hide_all {
    background: #989998;
    background: -moz-linear-gradient(left,  #989998 0%, #575756 100%);
    background: -webkit-linear-gradient(left,  #989998 0%,#575756 100%);
    background: linear-gradient(to right,  #989998 0%,#575756 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989998', endColorstr='#575756',GradientType=1 );
}
.search_head .hide_all::after { content: ' ☒'; font-style: normal; }
.search_head .magenta_results { background: #d3007e; }
.search_head .omnimago_results { background: #575756; }
.search_head .count { font-weight: bold; }

.search_aggregate { margin: 0 6em 0 18em; }
.search_aggregate .check_wrapper { display: inline-block; width: 34%; }
.search_aggregate .only_magenta_wrapper,
.search_aggregate .only_omnimago_wrapper { display: inline-block; width: 16.5%; color: white; font-variant: small-caps; text-transform: uppercase; }
.search_aggregate .only_magenta_wrapper { background: #d3007e; }
.search_aggregate .only_omnimago_wrapper { background: #10386f; }
.search_aggregate .check,
.search_aggregate .only_magenta,
.search_aggregate .only_omnimago { display: inline-block; box-sizing: border-box; font-size: 72%; width: 3.5em; padding: 1ex; background: #a8a9a8; margin-right: 1ex; text-align: center; }
.search_aggregate .only_magenta_wrapper label,
.search_aggregate .only_omnimago_wrapper label { display: inline-block; vertical-align: top; font-size: small; line-height: 2.5; }
.omnimago .search_aggregate .check { width: 3%; padding: 1ex .5ex; }
.search_aggregate a.basket { display: inline-block; border: thin solid silver; border-radius: .5ex; background: transparent url(img/btn-basket.png) no-repeat 4px center; padding: 4px 4px 4px 32px; cursor: pointer; }
.search_aggregate a.basket:hover { box-shadow: 0 0 .25ex rgba(0, 0, 0, .5); background-color: #fcfcfc; text-decoration: underline; }

.search_results { margin: 0 6em 1em 18em; padding: 0; list-style: none; }
.search_results > li { position: relative; margin: 0; padding: 0; list-style: none; border-top: 1px solid #d3007e; }
.search_results > li:last-child { border-bottom-width: 1px; border-bottom-style: solid; }
.search_results > li::before,
.search_results > li:last-child::after {
	/* thank goodness for standardization */
	content: "";
	position: absolute;
	top: -1px;
	left: 0;
	background: #d3007e;
	width: 100%;
	height: 1px;
	background-image: -webkit-gradient(left top, right top, color-stop(0%, #c2c0be), color-stop(100%, #d3007e));
	background-image: -moz-linear-gradient(left, #c2c0be 0%, #d3007e 100%);
	background-image: -ms-linear-gradient(left, #c2c0be 0%, #d3007e 100%);
	background-image: -o-linear-gradient(left, #c2c0be 0%, #d3007e 100%);
	background-image: -webkit-linear-gradient(left, #c2c0be 0%, #d3007e 100%);
	background-image: linear-gradient(to right, #c2c0be 0%, #d3007e 100%);
}
.search_results > li:last-child::after { top: auto; bottom: -1px; }
.search_results.no_results > li { border-top: none; color: #d3007e; }
.search_results.no_results > li:last-child { border-bottom: none; }
.search_results.no_results > li::before,
.search_results.no_results > li:last-child::after { display: none; }
.search_result { position: relative; padding: 1ex 1em; cursor: pointer; }
.search_result::after { font-size: 50%; }
.search_result:hover,
.search_result.expanded { background: #f4f3f1; }
.search_result:hover::after,
.search_result.expanded::after { position: absolute; top: 40%; right: 2em; content: '▼'; color: #d3007e; }
.search_result.expanded::after { content: '▲'; }
.search_results .loading { text-align: center; }

.search_result { display: flex; }
.search_result > .title { margin-right: auto; }
.search_result > .info-box { cursor: text; font-size: 80%; margin-right: 2em; pointer-events: fill; }

.title, .subtitle { color: inherit; font-size: 80%; text-decoration: none; }
.title > span.title_name, .omnimago .title { font-weight: bold; }
.title > span::after, .subtitle > span::after { content: " | "; }
.title > span:last-child::after, .subtitle > span:last-child::after { content: ""; }

.omnimago .tbl_header,
.omnimago .search_result { display: table; width: 100%; padding: 0; }
.omnimago .tbl_header { background: #a8a9a8; color: white; }
.omnimago .tbl_header .col { border-color: white; }
.omnimago .tbl_header .row,
.omnimago .search_result .row{ display: table-row; }
.omnimago .col {
	display: table-cell;
	padding: .5ex;
	border-left: 1px solid #a8a9a8;
	box-sizing: border-box;
	font-size: 85%;
	word-wrap: break-word;
}
.omnimago .col:first-child { border-left: none; }
.omnimago .col-check       { width:  3%; }
.omnimago .col-title       { width: 12%; }
.omnimago .col-original    { width: 11%; }
.omnimago .col-episode     { width: 13%; }
.omnimago .col-keyword     { width: 11%; }
.omnimago .col-type        { width:  9%; }
.omnimago .col-id          { width:  6%; }
.omnimago .col-standard    { width:  8%; }
.omnimago .col-format      { width:  7%; }
.omnimago .col-duration    { width:  6%; }
.omnimago .col-master_desc { width: 10%; }
.omnimago .col-status      { width:  4%; }

.asset_container { padding: 0 0 1em 0; font-size: 90%; }

.asset_list { margin: 0; padding: 0; width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 80%;}
.asset_list col.check { width: 3em; }
.asset_list col.checked { width: 2em; }
.asset_list col.id { width: 5em; }
.asset_list col.benefactor { width: 9em; }
.asset_list col.material_type { width: 10em; }
.asset_list col.format { width: 10em; }
.asset_list col.duration { width: 4.5em; }
.asset_list col.track_summary { width: 19.5em; }
.asset_list col.expand_asset { width: 1.5em; }
.asset_list th { background: #a8a9a8; color: white; }
.asset_list td { background: #a8a9a8; color: #575756; }
.asset_list > tbody > tr > td { border-top: 1px solid white; }
.asset_list > tbody > tr > td.track { border-right: none; padding: 1ex .5ex; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.asset_list > tbody > tr > td.more_tracks { border-right: none; font-size: 70%; }
.asset_list > tbody > tr > td.expand_asset { background: #d3007e; color: white; font-size: 70%; }

.asset_list th,
.asset_detail th,
.asset td { padding: 1ex; text-align: center; border-right: 1px solid white; }
.asset td:last-child { border-right: none; }
.asset_list th:last-child,
.asset td:last-child { border-right: none; }
.asset_list th, .asset_detail th { color: white; font-weight: normal; }
.asset td { color: #575756; }
.asset th, .asset td { border-color: #e8e7e5; }
.asset th { padding: .5ex 1ex; }

.asset { cursor: pointer; }
.asset:hover .id,
.asset.expanded .id { background: #d3007e; color: white; }
.asset.red .id { background: #db052c; color: white; }
.asset.orange .id { background: #f69d0e; color: #575756; }
.asset .checked-s,
.asset.yellow .id { background: #e6dd0e; color: #575756; }
.asset .checked-v,
.asset.green .id { background: #2fa836; color: white; }
.asset.blue .id { background: #10386f; color: white; }
.asset .language .baked_sub { margin-left: 1ex; border-style: solid; border-color: #575756; border-width: 1px 1px 3px; border-radius: 2px; padding: 0 1ex; }
.asset .audio_languages > span::after { content: " | "; }
.asset .audio_languages > span:last-child::after { content: ""; }

.asset_detail > td { padding: 1em; background: transparent; }
.material_detail { padding: 1em; font-size: 80%; }
.asset_detail .heading { position: relative; background: #787573; padding: 0 1em; color: white; font-size: 89%; text-align: left; }
.asset_detail .close { position: absolute; top: -1em; right: -1em; width: 2em; height: 2em; background: url('img/x.png') no-repeat center center / 2em 2em; cursor: pointer; }
.asset_detail .content {
	padding-bottom: 1em;
	background: white;
	text-align: left;
	-moz-box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
	-ms-box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
	-o-box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
	-webkit-box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
	box-shadow: .5ex .5ex .5ex rgba(0, 0, 0, .25);
}
.asset_detail .row { padding: 1ex 1em; }
.asset_detail .row.yes span { padding-left: 1.5em; background: url('img/yes.png') no-repeat left center; }
.asset_detail .row.no span { padding-left: 1.5em; background: url('img/no.png') no-repeat left center; }
.asset_detail .row.missing.yes span { background-image: url('img/no.png'); color: red; }
.asset_detail .row.missing.no span { background-image: url('img/yes.png'); }
.asset_detail .row.checked { background: #c2c0be; }
.asset_detail .row.enc_ctrl,
.asset_detail .row.baton,
.asset_detail .row.lto { background: #e8e7e5; }
.asset_detail label { display: inline-block; width: 35%; color: #3c3c3b; font-weight: bold; }
.asset_detail span { font-style: italic; }
.asset_detail .title_brand::after,
.asset_detail .title_season::after { content: " — "; color: #d3007e; }
.asset_detail .content .general { float: left; width: 49%; border-right: 1px solid #787573; }
.asset_detail .content .specific { float: right; width: 49%; }
.asset_detail .content .specific::after { display: block; clear: both; content: ""; padding: 1ex; }
.asset_detail .content::after { display: block; content: ' '; clear: both; }
.asset_detail .content .comment div,
.asset_detail .content .error div { margin: 1ex 0; padding: 1ex; background: #f4f3f1; font-style: italic; }
.asset_detail .content .pane { clear: both; margin: 2em 1em 1ex 1em; padding-top: 1px; max-height: 7.5em; overflow: auto; }
.omnimago .asset_detail .content .pane { max-height: none; }
.asset_detail .content .error.pane { margin-top: 0; padding-top: 1ex; color: red; font-weight: 500; }
.asset_detail .content .tracks.pane,
.asset_detail .content .history.pane,
.asset_detail .content .sources.pane,
.asset_detail .content .files.pane { max-height: none; }
.material_detail .comment_toggle { font-weight: bold; text-decoration: underline; cursor: pointer; }
.asset_detail .content .history.pane { overflow: hidden; }
.asset_detail .content .history.long.pane { margin-bottom: 0; }
.asset_detail .content .history_toggle { margin: 0 1em 1ex 1em; padding: 0 .5ex; background: #787573; color: white; text-align: right; cursor: pointer; }
.asset_detail .content .history_toggle span { font-size: 80%; font-style: normal; }
.asset_detail .content .history_toggle span::after { content: '▼'; margin-left: 1em; font-size: 89%; }
.asset_detail .content .history_toggle.expanded span::after { content: '▲'; }

.window table,
.asset_detail .content table { border-collapse: collapse; width: 100%; margin: 0; }
.window caption,
.asset_detail .content caption { background: #a8a9a8; padding: 0 1em; color: white; text-align: left; }
.asset_detail .content th,
.asset_detail .content td { padding: .25ex 1ex; }
.asset_detail .content th { background: #c2c0be; text-transform: uppercase; }
.asset_detail .content td { background: #e8e7e5; }
.asset_detail .content tr:nth-child(even) td { background: #f4f3f1; }

.asset_detail .general a.basket,
.asset_detail .general a.tape_lookup { display: inline-block; margin: 1ex 1ex 1ex 0; border: thin solid silver; border-radius: .5ex; background: transparent url(img/btn-basket.png) no-repeat 4px center; padding: 4px 4px 4px 32px; font-size: 115%; cursor: pointer; }
.asset_detail .general a.tape_lookup { background-image: url(img/btn-search.png); }
.asset_detail .general a.basket:hover,
.asset_detail .general a.tape_lookup:hover { box-shadow: 0 0 .25ex rgba(0, 0, 0, .5); background-color: #fcfcfc; text-decoration: underline; }

.asset_detail .pane td { border-right: 1px solid white; text-align: center; }
.asset_detail .pane td:last-child { border-right: none; }

a.reference { color: #d3007e; font-style: italic; font-weight: bold; text-decoration: underline; }
.asset_detail .related a.reference { margin: 0 .5ex; }
.asset_detail .files th,
.asset_detail .files td { padding: .25ex 1em; }
.asset_detail .files tr > :first-child { width: 62%; text-align: left; }
.asset_detail .files .missing { opacity: .5; }

.asset_detail .files a.download,
.asset_detail .files a.basket,
.asset_detail .files a.mail { display: inline-block; background: transparent no-repeat center center; vertical-align: sub; cursor: pointer; }
.asset_detail .files a.download > span,
.asset_detail .files a.basket > span,
.asset_detail .files a.mail > span { display: none; }
.asset_detail .files a.download { width: 23px; height: 13px; background-image: url(img/btn-download.png); }
.asset_detail .files a.basket { width: 22px; height: 13px; background-image: url(img/btn-basket.png); }
.asset_detail .files a.mail { width: 22px; height: 13px; background-image: url(img/btn-mail.png); }

.pages { margin: 1em 0; padding: 0; color: #d3007e; font-size: 89%; text-align: center; }
.pages li { display: inline; }
.pages .current { font-weight: bold; }
.pages a { color: inherit; font-style: italic; text-decoration: none; }

#basket,
#ae_basket,
#tape_list { position: absolute; top: 0; left: 0; z-index: 4; }
#basket .remove,
#s3_list .download,
#s3_list .remove,
#s3_form .remove,
#ae_basket .remove,
#ae_form .remove,
#ae_form .add { background: transparent url(img/btn-remove.png) no-repeat left center; padding-left: 28px; cursor: pointer; }
#ae_form .add { background-image: url(img/btn-basket.png); }
#s3_list .download { background-image: url(img/btn-download.png); color: inherit; text-decoration: none; margin-left: 1ex; }
#basket .buttons,
#ae_basket .buttons,
#ae_form .buttons { text-align: right; }
#basket .s3upload,
#basket .send,
#ae_basket .send,
#ae_form .buttons .save,
#ae_form .buttons .submit,
#order_list .dialog .submit { background-color: #d3007e; }
#ae_form .buttons .submit[disabled] { background-color: #e37e9e; cursor: not-allowed; }
#ae_form .service select { font-size: 100%; width: 40em; vertical-align: middle; }
#ae_form .service input { font-size: 100%; vertical-align: middle; }
#ae_form .service-amount,
#ae_form .service-amount input,
#ae_form .full-price,
#ae_form .grand-total,
#ae_form .overcharge-amount,
#ae_form .overcharge-total,
#ae_form .revision-amount,
#ae_form .revision-total,
#ae_form .grand-total-with-optionals { text-align: right; }

#calendar { position: absolute; top: 0; left: 0; z-index: 4; }
#calendar .window { left: 5em; width: 89em; }
#calendar .calendar-heading { display: flex; justify-content: space-between; flex: nowrap; align-items: center; background: #e0e0e0; border-bottom: 1px solid #ccc; padding: 1em; }
#calendar .calendar-heading a { display: inline-block; background-color: #f8f9fa; color: #6c757d; padding: .375em .75em; line-height: 1.5; border-radius: .25em; cursor: pointer; }
#calendar .calendar-heading a img { vertical-align: middle; }
#calendar .calendar-heading h2 { margin: 0; font-family: 'Shrikhand', cursive; color: white; font-size: 2rem; font-weight: 500; text-shadow: 2px 2px #ccc; }
#calendar .calendar-search { background: white; border: 1px solid #ccc; border-radius: .25em; overflow: hidden; }
#calendar .calendar-search input { background: transparent; border: none; padding: 0; padding: .25em .5em; }
#calendar .calendar-container { overflow: auto; max-height: 80vh; }
#calendar .calendar { display: table; table-layout: fixed; }
#calendar .wd-btn { font-size: 90%; background: #6c757d; color: white; border-radius: .2em; padding: .25em .5em; cursor: pointer; }
#calendar .head,
#calendar .user { display: table-row; }
#calendar .head { position: sticky; top: 0; background: white; z-index: 2; }
#calendar .cell { display: table-cell; vertical-align: top; min-width: 13em; width: 16vw; border-top: 2px solid white; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 2px solid white; background: #fafafa linear-gradient(170deg, white 0%, transparent 50%) no-repeat left center; padding: .5ex 1ex; }
#calendar .head .cell { background: transparent; vertical-align: middle; padding: 1ex; }
#calendar .day-name { line-height: 26px; }
#calendar .day.holiday { background: repeating-linear-gradient(150deg, #f8f8f8, #f8f8f8 1ex, white 1ex, white 1em); }
#calendar .cell:first-child { border-right: thin solid #ccc; text-align: right; vertical-align: middle; background: #f0f0f0; position: sticky; left: 0; min-width: 12em; width: 12em; z-index: 1; }
#calendar .head .today { color: #dc3545; position: relative;
}
#calendar .head .day-highlight { position: absolute; bottom: 2px; left: 0; width: calc(100% - 2px); height: 2px; background-color: #dc3545; }
#calendar .hide-weekend .cell.weekend { display: none; }

#calendar ul.task-list { list-style: none; margin: 0; padding: 0; }
#calendar li.task-item { list-style: none; margin: 1ex 0; border: 1px solid #ccc; border-radius: .5ex; padding: 0; font-size: 90%; min-height: 6em; position: relative; overflow: hidden; }
#calendar li.task-item::after { display: block; content: ' '; position: absolute; bottom: 0; left: 0; right: 0; height: .5em; background: transparent linear-gradient(0deg, white, transparent) no-repeat center bottom; }
#calendar .task-item.complete { opacity: .3; background: repeating-linear-gradient(150deg, #eee, #eee 1ex, white 1ex, white 1em); }
#calendar .task-item.too-early { background: repeating-linear-gradient(150deg, #ffffaa, #ffffaa 1ex, white 1ex, white 1em); }
#calendar .task-item.too-late { background: repeating-linear-gradient(150deg, #ffdddd, #ffdddd 1ex, white 1ex, white 1em); }
#calendar .task-item > div { padding: .5ex .5ex .5ex 1ex; }
#calendar .task-item .card-header { background: #ccc; border-bottom: 1px solid rgba(0, 0, 0, .125); }
#calendar .task-item .card-header button { float: right; margin-left: .25ex; padding: .25ex .5ex; border: none; border-top-right-radius: .5ex; }
#calendar .task-item .glyph-icon { vertical-align: middle; margin-right: .25ex; }
#calendar .task-item .task-orderno { color: black; font-weight: bold; }
#calendar .task-item .task-name { font-weight: bold; }
#calendar .task-item .task-description p { margin: 0 0 .5ex 0; }
#calendar .task-item .task-description p:last-child { margin-bottom: 0; }

#calendar .search-results { margin: 1em 0; padding: 0; list-style: none; }
#calendar .search-result { margin: 1em 0; padding: 1em; list-style: none; }
#calendar .search-result .job-orderno { font-weight: bold; }
#calendar .search-result .job-orderno::after { content: ' - '; }
#calendar .search-result .job-name { font-weight: bold; }
#calendar .search-result .job-completion { width: 64%; cursor: pointer; }
#calendar .search-result .job-progress { border: thin solid #e0e0e0; background: white repeating-linear-gradient(150deg, #118dc6, #118dc6 1ex, #7ad5ff 1.2ex, #7ad5ff 2ex, #118dc6 2.2ex) no-repeat left top; height: 2ex; border-radius: 1ex; margin: .5ex 0; }
#calendar .search-result .job-tasks { margin: 1em 0; }
#calendar .search-result .job-tasks th,
#calendar .search-result .job-tasks td { padding: 1ex; }
#calendar .search-result .task-name:hover { cursor: pointer; text-decoration: underline; }

#task-viewer { position: absolute; top: 0; left: 0; z-index: 4; }
#task-viewer .window { width: 60em; }
#task-viewer .job-orderno { font-weight: bold; }
#task-viewer .job-orderno::after { content: ' - '; }
#task-viewer .job-name { font-weight: bold; }


#mailer { position: absolute; top: 0; left: 0; z-index: 4; }
#mailer form { max-width: 840px; }
#mailer a.add { display: inline-block; margin-left: 1em; padding-left: 26px; min-height: 23px; background: transparent url(img/add.png) no-repeat left center; color: #c2c0be; cursor: pointer; }
#mailer .preview { margin-top: 1.5em; border: 1px solid #c2c0be; padding: 1ex; }
#mailer .preview textarea { display: block; margin: 0; border: none; padding: 0; width: 100%; height: 4em; background: #e8e7e5; font-family: inherit; font-size: 100%; }
#mailer .preview textarea.intro { height: 12em; }
#mailer .preview textarea.outro { height: 3em; }
#mailer .note { float: right; clear: right; color: #c2c0be; }
#mailer .actions.row { float: right; }
#mailer .message { padding: 1ex 0 1ex 42px; background: transparent no-repeat left center; }
#mailer .error.message { background-image: url(img/error.png); }
#mailer .success.message { background-image: url(img/success.png); }

#mailer .preview td { border: none; background: none !important; padding: 0; }

#ae_form { position: absolute; top: 0; left: 0; z-index: 4; }
#ae_form fieldset,
#order_list fieldset { border: none; box-sizing: border-box; margin: 1em 0; padding: 1ex; background: #fafafa; }
#ae_form legend,
#order_list legend { font-weight: bold; text-transform: uppercase; }
#ae_form .row > label:first-child,
#order_list .row > label:first-child { display: inline-block; width: 10em; vertical-align: top; padding: .25ex 0; }
#ae_form .radio.row > label { display: inline-block; max-width: 25em; vertical-align: top; }
#ae_form input[type=email],
#ae_form input[type=password],
#ae_form input[type=text] { width: 17.4em; }
#ae_form textarea { width: 50%; height: 8em; }
#ae_form .split,
#order_list .split { display: flex; flex-wrap: wrap; justify-content: space-between; }
#ae_form .split fieldset,
#order_list .split fieldset { width: 49%; }
#ae_form .validation-message { color: red; }
#ae_form #ae_form_sponsors .row { display: flex; }
#ae_form #ae_form_sponsors .sponsor-annotation { margin: 0.5ex 0; display: none; }
#ae_form #ae_form_sponsors .sponsor-annotation-trigger:checked + .sponsor-annotation { display: block; }
#ae_form #ae_form_delivery_method { margin: 1ex 0; }
#ae_form #ae_form_inc_clean + label, #ae_form #ae_form_inc_it + label { display: inline-block; min-width: 5em; }
#ae_form #ae_form_delivery_zip { width: 5em; }
#ae_form #ae_form_delivery_city { width: 10em; }
#ae_form #ae_form_delivery_info, .delivery-info-text { white-space: pre; }
#ae_form h3 { font-size: 100%; font-weight: bold; text-transform: uppercase; }
#ae_form .check-group { display: flex; justify-content: space-between; }
#ae_form .check-group .row { width: 49%; }
#ae_form #ae_form_comment { width: 100%; height: 10em; }

#ae_form .masterfile .warning,
#ae_form .estimate .warning,
#ae_form .service .warning { margin: 1ex 0; padding: .5ex 1.5ex; background: #fe9; }
#ae_form .service .warning button { margin: 0 1ex; }
#ae_form .delivery.linked input.addr-related { background-color: #cfd; border-color: #395; }
#ae_form .delivery.linked input.addr-related:disabled { background-color: #ffd; border-color: #995; color: #995; }
#ae_form .delivery-type { position: relative; }
#ae_form .delivery-type .warning { margin: 1ex 0; padding: .5ex; background: #fe9; }
#ae_form .delivery-data .note { margin: 1ex 0; padding: .5ex; background: white; }
#ae_form .items .warning { margin: 1ex 0; padding: .5ex; background: #fc9; }
#ae_form_delivery_search { position: absolute; top: 1ex; right: 1ex; }
.ae_form_delivery_search_wrapper { display: inline; position: relative; }
.ae_form_delivery_search_wrapper input { width: 20em; }
.ae_form_delivery_search_wrapper input.loading { background: url(img/loading.gif) no-repeat right center; background-position: right 1ex center; background-size: auto 60%; }
.ae_form_delivery_search_wrapper .addr-search-results { background: white; position: absolute; bottom: 125%; left: -10em; width: 60em; max-height: 20em; overflow: auto; border: thin solid silver; box-shadow: 0 0 1ex rgba(0, 0, 0, .5); }
#ae_form_delivery_search tr { cursor: pointer; }
#ae_form_delivery_search tr:hover td { background: #d3007e; color: white; }
#ae_form .ae-media table { margin: 1em 0; }
#ae_form .ae-media caption { padding: 0 1ex; }
#ae_form .ae-media input { width: 100%; padding: .25ex; box-sizing: border-box; border: none; border-bottom: 1px solid silver; }
#ae_form .ae-media .media-extern { display: none; }
#ae_form .ae-media .media-extern tr:last-child a.remove { display: none; }
#ae_form .ae-media .media-extern a.add { display: none; }
#ae_form .ae-media .media-extern tr:last-child a.add { display: inline; }

#order_list { position: absolute; top: 0; left: 0; z-index: 4; }
#order_list > .window { left: 6em; width: 92em; }
#order_list nav .select_user { display: inline-block; position: relative; }
#order_list nav .select_user ul { position: absolute; top: 100%; right: 0; margin: 0; padding: .5ex 1ex; background: rgba(0, 0, 0, .5); }
#order_list nav .select_user li { list-style: none; margin: .5ex 0; padding: 0; }
#order_list nav .select_user li a { display: block; margin: 0; white-space: nowrap; }
#order_list nav .av_search { display: inline-block; border: thin solid #787573; background: white; }
#order_list nav .av_search input,
#order_list nav .av_search button { border: none; padding: 1ex; font-size: 90%; }
#order_list nav .av_search button { width: 1em; height: 1em; box-sizing: content-box; vertical-align: middle; background: transparent url(img/search.png) no-repeat center center; }
#order_list nav .av_search button span { display: none; }
#order_list .archive_years,
#order_list .archive_months { margin: .5ex 0; }
#order_list .actions a,
#order_list .archive_years a,
#order_list .archive_months a { margin-left: .5ex; padding: .25ex 1ex; background: #f9f9f9; color: inherit; font-size: 85%; text-decoration: none; cursor: pointer; transition: background-color .3s, color .3s; }
#order_list .actions a:first-child,
#order_list .archive_years a:first-child,
#order_list .archive_months a:first-child { margin-left: 0; }
#order_list .actions a:hover,
#order_list .archive_years a:hover,
#order_list .archive_years a.active,
#order_list .archive_months a:hover,
#order_list .archive_months a.active { background: #787573; color: #f9f9f9; }
#order_list tr.status-2 > td { background: #9f9; }
#order_list tr.status-3 > td,
#order_list tr.status-4 > td { background: #ee5; }
#order_list tr.status-5 > td { background: #f99; }
#order_list legend .nocaps { text-transform: none; }
#order_list .row > label:first-child { font-weight: normal; }
#order_list .row > label:first-child::after { content: ': '; }
#order_list fieldset.alert,
#order_list fieldset.alert legend { border: thin solid red; box-shadow: 0 0 .5ex red; }
#order_list fieldset.alert legend,
#order_list .row.alert span { padding: 0 .25ex; background: white; color: red; }

#order_list .dialog textarea { width: 100%; height: 10em; }
#order_list .dialog .actions { margin-top: 1ex; text-align: right; }

#s3_list { position: absolute; top: 0; left: 0; z-index: 4; }
#s3_form { position: absolute; top: 0; left: 0; z-index: 4; }
#s3_form .row { display: flex; }
#s3_form .col-6 { width: 50%; }
#s3_form label { margin-right: 2em; }
#s3_form .actions { margin-top: 1ex; text-align: right; }
#s3_form select { font-size: 100%; }