:root {
	/* Neutrals */
	--black: #000;
	--grey-100: #131313;
	--grey-90: #232323;
	--grey-80: #363636;
	--grey-70: #525252;
	--grey-60: #6f6f6f;
	--grey-50: #8d8d8d;
	--grey-40: #a8a8a8;
	--grey-30: #c6c6c6;
	--grey-20: #e0e0e0;
	--grey-15: #ebebeb;
	--grey-10: #f3f3f3;
	--grey-5: #ededed;
	--white: #fff;

	/* Semantic	*/
	--danger: #a52817;
	--alert: #ff832b;
	--warning: #9b7a01;
	--success: #1c6320;

	--modal-input-disabled-bg-color: #efefef;
	--modal-input-disabled-font-color: #9d9d9d;
	--modal-input-disabled-border-color: #dfdfdf;
	--modal-input-border-color: #ccc;
	--modal-input-font-color: #555;
	--modal-btn-icon-border-color: #8a8e8f;
	--modal-border-color: #ededed;
	--modal-icon-color: #445566;
	--modal-lightest-grey: #f6f6f6;
	--modal-grey: #f1f1f1;
	--modal-primary-color: #428bca;
	--modal-validation-color: #445566;
	--modal-msg-color: #445566;

	--loading-gradient: linear-gradient(to right, rgba(0, 0 ,0, .18) 8%, rgba(0, 0 ,0, .3) 18%, rgba(0, 0 ,0, .18) 33%);
	--skeleton-divider: #a3a3a3;

	--blue-80: #163550;
	--blue-70: #1c4263;
	--blue-60: #224f77;
	--blue-65: #275f88;
	--blue-55: #0e5f7c;
	--blue-50: #275d8b;
	--blue-40: #2d6a9f;
	--blue-45: #0c71ca;
	--blue-30: #3277b3;
	--blue-20: #3884c7;
	--blue-10: #428bca;
	--blue-5: #46a2d0;
}

.iw-dark {
	--grey-20: #666;
	--grey-15: #313131;

	--loading-gradient: linear-gradient(to right, rgba(255, 255 ,255, .18) 8%, rgba(255, 255 ,255, .3) 18%, rgba(255, 255 ,255, .18) 33%);
	--skeleton-divider: #303030;
}

/*https://necolas.github.io/normalize.css/4.1.1/normalize.css
! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-ms-overflow-style: scrollbar;   /* Show traditional (i.e. scrollbars that don't autohide) in IE11 */
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
	display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
	display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
	outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}


/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
	background-color: #ff0;
	color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: .8rem;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
	font: inherit; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
	font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.7;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/**
 * Imagen reset css styles - not part of normalise.css
 */

.modal-input.is-disabled,
.modal-input[disabled] {
	opacity: 1;
	cursor: default;
	background-color:  var(--modal-input-disabled-bg-color);
	color:  var(--modal-input-disabled-font-color);
	border-color: var(--modal-input-disabled-border-color);
}

.is-disabled .single-select::after,
.is-disabled .modal-input {
	background-color: #f8f8f8;
	cursor: default;
	pointer-events: none;
}

.is-disabled .single-select::after {
	color: #9a9a9a;
}

.modal-editMedia-timeCode .iw-icon-stopwatch.is-disabled {
	padding-inline-start: 45px;
}

*,
*::before,
*::after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

ul li {
	list-style-type: none;
}

label{
	display:inline-block;
}

[type='submit'],
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration,
[type="search"],
button,
[type="button"],
[type="reset"],
[type="submit"],
[type="text"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}

select {
	border-radius: 0;
}

/* Remove tap highlight on iOS*/
input,
textarea,
button,
select,
label,
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
input:-moz-placeholder {
	font-family: Arial, Helvetica, sans-serif;
	color: #c2c2c2;
}

/**
 * END Imagen reset css styles - not part of normalise.css
 */

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(/source/css/fonts/Roboto-Regular.woff2) format('woff2'),
	url(/source/css/fonts/Roboto-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Roboto Medium';
	font-style: normal;
	font-weight: 500;
	src: url(/source/css/fonts/Roboto-Medium.woff2) format('woff2'),
	url(/source/css/fonts/Roboto-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	src: url(/source/css/fonts/Roboto-Bold.woff2) format('woff2'),
	url(/source/css/fonts/Roboto-Bold.woff) format('woff');
}

html {
	font-size: 14px;
}

/* width properties added to fix responsive issue for page within cPanel iFrame on IOS*/
.iw-edit-default {
	width: 1px;
	min-width: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5;
	color: #333;
}

/*testing only - remove for production*/
body.mode-developer:after {
	content: "Portrait mobile";
	left: 50%;
	position: fixed;
	top: 0;
	color:#fff;
	background-color: #000;
	z-index: 9999;
	pointer-events: none;
}

body.iwTBar--isFixed {
	position: fixed;
}

/* .afd classes also apply to ppro login */

#site-login.afd-body,
.afd-wrap .logo a {
	padding: 0;
}

#site-login.afd-body .pageContainer,
#site-login.afd-body .page-bg {
	padding: 0;
}

.afd-wrap .custom-view.login-full .formContainer--logInUsr {
	border-radius: 0;
}

#site-login.afd-body #header {
	margin-top: 0;
}

#site-login.afd-body #header::before,
.afd-container .formFooter--logInUsr,
.afd-container .iw_instance_container.iwTemplate,
.afd-wrap #header::before,
.afd-container .formRemember--logInUsr,
.afd-container .formForgotPwd--logInUsr,
.afd-body.iw-banner-isActive .iw-banner {
	display: none;
}

.afd-wrap .formContent--org {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}

.afd-wrap .formHeader {
	border-radius: 0;
}

.afd-wrap .selectOrg-indiv {
	position: static;
}

.afd-wrap .pageContainer.logIn {
	position: static;
	margin: 0;
}

.afd-wrap .logo,
.afd-wrap #logo {
	margin: auto;
	text-align: center;
	padding: 0;
	height: auto;
	position: static;
	width: auto;
	display: block;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.afd-wrap #logo img {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	max-height: 100px;
	width: auto;
}

.afd-body .login-full.classic-view .formContainer--login {
	border-radius: 0;
}

.afd-wrap .header,
.afd-wrap .iw-header,
.afd-wrap #header {
	text-align: center;
	margin-bottom: 0;
	padding: 0;
	position: relative;  /* So it doesn't break for Themes with header position fixed (as CV Global) */
}

.afd-wrap .navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: .375rem 0;
	height: auto;
	line-height: inherit;
}

.afd-body #logo {
	pointer-events: none;
}

.afd-body .login-shrunk .login-wrap {
	width: 80%;
	margin: 1.5rem auto 0 auto;
}

.u-link {
	color: #666;
	cursor: pointer;
}

.u-link--block {
	display: block;
}

.u-radioList {
	width: 100%;
	margin-bottom: 1rem;
}

.u-radioList:last-of-type {
	margin-bottom: 0;
}

.errorCode {
	font-weight: bold;
}

.formContent--errorPage > .formContent--errorPage {
	padding: 0;
}

h1, .h1 {font-size:1.476rem;margin:0 0 1.5rem 0;}
h2, .h2 {font-size:1.383rem;margin:0 0 1.5rem 0;}
h3, .h3 {font-size:1.296rem;margin:0 0 1.5rem 0;}
h4, .h4 {font-size:1.215rem;margin:0 0 1.5rem 0;}
h5, .h5 {font-size:1.139rem;margin:0 0 1.5rem 0;}
h6, .h6 {font-size:1.067rem;margin:0 0 1.5rem 0;}

p {
	font-size: 1rem;
	margin:0 0 1.5rem 0;
}

.contextMenu--langSwitch {
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
}

.contextMenu--langSwitch .iw-icon-sphere {
	margin-right: .375rem;
}

.btn {
	background-color: #666;
	text-decoration: none;
	padding: .75rem;
	color: #fff;
	border: none;
	border-image-width: 0;
	display: inline-block;
	vertical-align: middle;
	cursor:pointer;
	line-height: 1;
	text-align: center;
}

.btn--main {
	background-color: #404040;
}

.btn--kill {
	background-color: #d9534f;
}

.btn.is-disabled,
.btn.is-disabled:hover,
.btn:disabled {
	opacity: .65;
	cursor: default;
}

.btn.is-disabled,
.btn.is-disabled:hover {
	pointer-events: none;
}

.btn.btn--aria,
.btn-plain.btn--aria,
.multiSelect-menuItem.btn--aria,
.iw-icon--aria {
	font-size: 0;
}

.btn.btn--aria i,
.btn.btn--aria span,
.btn-plain.btn--aria i,
.btn.btn--aria .iw-icon,
.multiSelect-menuItem.btn--aria i,
.iw-icon--aria::before {
	font-size: 1rem;
}

/*Accessibility classes*/

.screen-readers {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	border: 0;
	clip-path: inset(0 0 0 0);
	left: -1000px;
	top: -1000px;
}

.hidden,
.is-hidden {
	display: none!important;
}

.btn--kill:hover {
	background-color: #c9302c;
}

.btn--kill.is-disabled:hover {
	background-color: #d9534f;
}

.btn--iw {
	background-color: #383c47;
	background-position: center;
	padding: .575rem;
	color: #eee;
	border: 0;
	border-radius: 2px;
	transition: box-shadow .1s ease-in, background 0.8s;
	font-size: 1rem;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.4);
	outline: none;
	min-width: 80px;
}

/*add right margin to all buttons unless it's a full width button*/
.btn--iw:not(.btn--addMenuItem) {
	margin-right: .75rem;
}

.btn--iw:hover {
	background: #333741 radial-gradient(circle, transparent 1%, #333741 1%) center/15000%;
	box-shadow: rgba(0, 0, 0, .2) 0 0 1px, rgba(0, 0, 0, 0.12) 0 0 0;
	color: #fff;
}

.btn--iw:active {
	background-color: #585d6c;
	background-size: 100%;
	transition: background 0s;
}

.btn--iwMain {
	background-color: #44beac;
	color: #fff;
}

.btn--iwMain:hover {
	box-shadow: none;
	background: #3ba596 radial-gradient(circle, transparent 1%, #3ba596 1%) center/15000%;
}

.btn--iwMain:active {
	background-color: #338b7e;
	background-size: 100%;
	transition: background 0s;
}

.btn--iwKill {
	background-color: #d13b36;
	color: #fff;
}

.btn--iwKill:hover {
	box-shadow: none;
	background: #b43632 radial-gradient(circle, transparent 1%, #b43632 1%) center/15000%;
}

.btn--iwKill:active {
	background-color: #913835;
	background-size: 100%;
	transition: background 0s;
}

.btn--iwLarge {
	text-align: left;
	padding: .75rem .75rem .75rem 2.5rem;
	width: 100%;
}

.btn--mini {
	font-size: .79rem;
}

.btn--input {
	position: relative;
}

.btn--icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	min-width: 35px;
}

.btn-round::before,
.btn--input::before,
.btn-icon::before {
	font-family: 'Imagenweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	pointer-events: none;
}

.rtl .preview-actions .iw-icon-back::before {
	content: '\e920';
}

.rtl .preview-actions .iw-icon-forward::before {
	content: '\e903';
}

.btn--input::before {
	margin-inline-end: .375rem;
}

/* Plus icon */
.btn-input--plus::before {
	content: '\e946';
}

.btn .btn-input {
	padding: 0;
}

.btn-round {
	border-radius: 50%;
	height: 32px;
	width: 32px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	border: 0;
}

.btn-input {
	padding: .75rem;
	background-color: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
}

.btn-input:focus {
	outline: 0;
}

.btn--editTags {
	border-radius: 20px;
	padding: .375rem .75rem;
	line-height: inherit;
	font-size: .95rem;
}

.iw-page-txt {
	margin-bottom: .75rem
}

.iw-page-txt:last-child {
	margin-bottom: .375rem
}

.usr-details .btn {
	width: auto;
}

/* Notification (class) --- */
.iw-notification {
	background: #EEE url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABjElEQVR4XqVSP0s7QRCdEzsFBXMQUQujG6OkEJNOEFPlA0j8/cAvkMLSyubWxs9gpY2RQLBPCjFNkBSGEyEGRFsNESzSmVzWmWFZszkLIQNv782bN7d/HaUUjBOTRF5Lzm+1XcSt5hlEddQQyykAWsFzkb4vFlBTyBnMw3Xu5RX0+zgEXTNBq7gpI8m80WYTeWgVVmTivy9Z0D1mC0FAyicLOvciiX9GI95+OPMwl0Mejgkaej0aPhj+ZUbOre0zL3kZSG8fMUeNa9rHPfwDs5xem0Dci8Z3mOtgjhrXfnyjK/h6g7vCoUQjcYYOk2ONPcS5x94Ci96iWCXOcBfmIZWcNjnW2KO95hA5ubk6l7ENYc3sRqcgta4sbUkI9iIlAL/EyqlDXGX3tuAvUblucG/2WJktyGUxQ6droXTRgPSBE9LRyz3D78CLi4G+91CE9LgAeHoED6k0L7Hz3gXXtftyOcI9QGDrnQ7Y1zgYwEmtBlAuA1SrAPU6gO8DNJsE4qRxjT3o5R5ziOPEN7jzC5aOmH33AAAAAElFTkSuQmCC) no-repeat 2px 3px;
	color: #445566;
	padding: 2px 2px 2px 22px;
	font-size: 11px;
	display: inline-block;
	border: 1px solid #666;
	font-family: 'Helvetica', serif;
	line-height: 20px;
}

/* --- Typography CSS ----------------------------------- */
.iw-notification .underline{text-decoration: underline;}
.iw-notification .strong{font-weight: bold;}
.iw-notification .emph{font-style: italic;}
.iw-notification a{color: blue !important;
	display: inline !important;
	background: none !important}

.iw-edit-highlight,
.iw-selected-highlight {
	transition: all 0.3s ease;
	-webkit-animation: fadeIn 0.1s ease-in;
	animation: fadeIn 0.1s ease-in;
	position: absolute;
	pointer-events: none;
	border: 3px dashed #f26729;
	min-height: 30px;
	z-index: 10;
}

.iw_instance_inline .iw-edit-highlight{
	border: 3px dashed #f26729;
}

.iw-download-button {
	cursor: pointer;
}

.add-filterContainer {
	background: rgba(143, 179, 179, 0.75);
	border-radius: 0;
}

.iw-edit-mode .add-filterContainer {
	visibility: visible;
}

#search-results.iw-edit-mode .searchfilterwrapper {
	margin-bottom: 35px;
}

/* ensure the pencil icon in the "add filter" button is
   transparent (so it gets the background of the entire
   button */
.iw_edit_container.add-filterContainer > .iw-edit {
	background: transparent;
}

.iw_edit_container.add-filterContainer a {
	padding: 10px 0 10px 10px;
	color: white;
}

.iw_edit_container.add-filterContainer a:not(.iw-edit) {
	padding: 7px 12px 7px 0;
	font-family: "Open Sans", Arial, sans-serif;
	vertical-align: middle;
	font-size: 1rem;
}

.iw-edit-default .iw-edit,
.iw-edit-default .add-filterContainer {
	background-color: #f26729;
	/* If we're progressively switching from a link tag <a>, to a <button>, we need to remove the user agent borders */
	border: 0;
}

.iw-edit-default .add-filterContainer {
	border: dashed 3px transparent;
}

.iw-edit-default .add-filterContainer:hover {
	border: dashed 3px #f26729;
	background-color: #c86b49;
}

.iw-edit-default .iw-edit-highlight  {
	background: hsla(217, 99%, 60%, 0.2);
}

#iw_drag {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	line-height: normal;
	width: 30px;
}

#iw_drag::before {
	width: 30px;
	height: 100%;
	padding: 12px 5px;
	position: absolute;
	left: -30px;
	top: 0;
	font-size: 18px;
	font-family: 'Imagenweb', sans-serif;
	color: #fff;
	speak: none;
}

#iw_drag:active {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}

.iw_edit_container a {
	text-decoration: none !important;
	display: inline-block !important;
	line-height: 1 !important;
}

.maintenanceEnabledBanner {
	background-color: #ffc600;
	padding: .75rem;
	border-bottom:1px solid #2d313d;
	text-align:center;
	color: #2d313d;
	font-family: 'Roboto Medium', sans-serif;
}

.maintenanceEnabledBanner .u-link {
	color: #2d313d;
	text-decoration: underline;
}

/*modal styles */

.imagen-bootstrap {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555;
	line-height: 15px;
	display: inline;
}

.modal-open > .imagen-bootstrap {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 65537;
	top: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 65536;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0);
}

.modal-backdrop.in {
	opacity: .6;
	filter: alpha(opacity=50);
}

.modal {
	display: none;
	overflow: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 65537;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.modal-header {
	color: #333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .75rem;
	max-width: 100%;  /* Fixes modal header overflow in mobile Safari */
}

.modal-dialog--large .modal-header {
	border-bottom: 1px solid #dddddd;
}

.modal-dialog {
	margin: 0;
	width: 100vw;
	position: relative;
}

.modal-content {
	position: relative;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 8px;
	background-clip: padding-box;
	outline: none;
}

.modal-content::after {
	content: '';
	box-shadow: 0 3px 9px rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}

.modal-form {
	margin-bottom: 1.5rem;
}

.modal-checkbox {
	opacity: 0;
	position: absolute;
	z-index: 1;
	margin: 0;
	width: 20px;
	height: 20px;
}

.modal-checkbox[disabled='disabled'] + .modal-label-checkbox  {
	pointer-events: none;
	opacity: .5;
	cursor: default;
}

.modal-checkbox[disabled='disabled']:hover + .modal-label-checkbox::before {
	border-color: #a8d7d6;
}

.modal-label-checkbox {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	padding: 0 0 0 2rem;
	position: relative;
	user-select: none;
	margin: 0;
	line-height: 21px;
	font-weight: normal;
	width: auto;
	max-width: inherit;
}

.modal-label-checkbox::before {
	content: '';
	cursor: pointer;
	border: 2px solid #86b4db;
	border-radius: 2px;
	display: block;
	height: 1.4rem;
	left: 0;
	position: absolute;
	transition: all .8s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	width: 1.4rem;
	top: 0;
}

.modal-checkbox[disabled] + .modal-label-checkbox::before {
	border-color: #bed5e8;
}

.modal-checkbox[disabled] + .modal-label-checkbox {
	cursor: default;
}

.modal-label-checkbox::after {
	content: "\e952";
	background-color: #428bca;
	border: 2px solid #428bca;
	border-radius: 2px;
	color: #fff;
	font-family: "Imagenweb";
	height: 1.4rem;
	left: 0;
	line-height: 1.2rem;
	opacity: 0;
	position: absolute;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .2s;
	transition: all .2s;
	width: 1.4rem;
	top: 0;
}

.modal-checkbox:hover + .modal-label-checkbox::before,
.modal-checkbox:checked + .modal-label-checkbox::before {
	border-color: #428bca;
}

.modal-checkbox[disabled]:hover + .modal-label-checkbox::before {
	border-color: #bed5e8;
}

.modal-checkbox:focus + .modal-label-checkbox::before {
	-webkit-animation: boxShadowAnim .35s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: boxShadowAnim .35s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.modal-checkbox:checked + .modal-label-checkbox::after {
	border-color: transparent;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	text-align: center;
}

.imagen-bootstrap .aclPicker-searchResults {
	background-color: #fff;
	z-index: 1;
}

.imagen-bootstrap .radio {
	display: block;
	min-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	line-height: 23px
}

.imagen-bootstrap .radio label {
	display: inline;
	font-weight: normal;
	cursor: pointer;
}

.modal-options-title,
.modal-radio-title {
	margin-bottom: 1rem;
	font-family: 'Roboto Medium', sans-serif;
}

/* Used if we want to make the radio box title look more like a label */
.modal-options-title--label,
.modal-radio-title--label {
	font-size: 13px;
	margin-bottom: .575rem;
}

.imagen-bootstrap .IWmenu_link i {
	font-size: 18px;
}

.imagen-bootstrap .IWmenu_link--more span,
.imagen-bootstrap .IWmenu_link--more i {
	font-size: 14px;
}

.imagen-bootstrap .btn-primary::after {
	outline: none;
	display: none;
}

.imagen-bootstrap .modal-footer .btn {
	margin-top: 6px;
}

.imagen-bootstrap .modal-footer .btn+.btn {
	margin-left:5px;
}

.modal-btn-icon[disabled],
.imagen-bootstrap .btn[disabled] {
	cursor: not-allowed;
	pointer-events: none;
	opacity:.65;
	box-shadow: none;
}

.imagen-bootstrap .btn .btn-total {
	font-size: 10px;
}

.imagen-bootstrap .close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	filter: alpha(opacity=20);
	padding: 0;
	cursor: pointer;
	background: rgba(0, 0, 0, 0);
	border: 0;
	-webkit-appearance: none;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.imagen-bootstrap .modal-dialog--error .close {
	margin-left: auto;
}

.imagen-bootstrap .close:hover,
.imagen-bootstrap .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=50);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.imagen-bootstrap .modal-header .close {
	margin-top: -2px;
	z-index: 2; /*	z-index to stop icon being cut off on landscape iPhone */
}

.imagen-bootstrap .btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.imagen-bootstrap .btn.btn-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a
}

.imagen-bootstrap .btn-danger:hover,
.imagen-bootstrap .btn-danger:focus,
.imagen-bootstrap .btn-danger:active {
	color: #fff;
	background-color: #d2322d;
	border-color: #ac2925;
	box-shadow: none;
}

.imagen-bootstrap .input-group-btn {
	position:relative;
	font-size:0;
	white-space:nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}

.imagen-bootstrap .input-group-btn:last-child>.btn {
	margin-left: -1px;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0
}

.imagen-bootstrap .input-group-btn>.btn {
	position: relative
}

#cancel_upload_btn {
	position: absolute;
	right: .75rem;
	top: 5px;
}

.imagen-bootstrap .modal-footer-message {
	font-size: 18px;
}

.imagen-bootstrap .modal-footer-message {
	font-weight: 700;
}

.imagen-bootstrap .modal-title {
	font-size: 1.6rem;
	font-family: 'Roboto Medium', sans-serif;
	margin: 0;
	line-height: 1;
	font-weight: normal;
	width: calc(100% - 30px);  /* Take out 30px to account for the close button */
}

.imagen-bootstrap .modal-message {
	padding: 0;
	overflow: hidden;
	max-height: 0;
	transition: 0.5s;
}

.imagen-bootstrap .show-banner .modal-message {
	background-color: #fcc719;
	box-shadow: 0 1px 2px rgba(177, 177, 177, 0.64) inset;
	max-height: 300px;
}

.imagen-bootstrap .show-banner .modal-message .modal-checkbox {
	background: #fff;
	padding: 10px 10px 0 0;
	text-align: right;
}

.imagen-bootstrap .show-banner .modal-message .modal-checkbox label {
	margin:0 0 0 5px;
}

.imagen-bootstrap .show-banner .modal-message .modal-checkbox input {
	margin: 0;
	position: relative;
	top: 1px;
}

.modal-body {
	position: relative;
	padding: .75rem;
	-webkit-overflow-scrolling: touch;
	max-height: 70vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.imagen-bootstrap .modal-dialog--error .modal-body {
	padding: .75rem 1.5rem .75rem 5.5rem;
}

/** z-index to hide error message on transform up **/
.modal-footer {
	width: 100vw;
	padding: .75rem;
	position: relative;
	background-color: #fff;
	margin-top: 0;
	border-radius: 0 0 8px 8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 100%;
	gap: .75rem;
	z-index: 1;
}

/* z-index to stop drag handle (which has z-index of 2000) on add media tab from showing through footer */
.modal-dialog--editmetadata .modal-footer {
	border-top: 1px solid #dedbdb;
	z-index: 2001;
}

.imagen-bootstrap .modal-footer .loading {
	width: auto;
	margin-right: 5px;
}

.imagen-bootstrap .modal-footer .alert.long_msg {
	padding: 5px;
}

.imagen-bootstrap .modal-footer-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.imagen-bootstrap .modal-footer-message:last-child {
	margin-bottom: 0;
}

#iw_modal_messageContainer {
	width: 90%;
	margin: 0 auto;
	-webkit-transform: translate3d(0,0,-2px);
	transform: translate3d(0,0,-1px);
	position: relative;
}

#iw_modal_messageContainer .alert:empty {
	visibility: hidden;
}

#iw_modal_messageContainer .msgDetailsLink {
	top: 13px;
	text-decoration: none;
	right: 10px;
	color: #d39b9a;
}

#iw_modal_messageContainer .msgDetails {
	display:none;
}

#iw_modal_messageContainer .showDetails .msgDetails {
	display: block;
	word-break: break-word;
}


#iw_modal_messageContainer div.showMessage {
	margin: -1px auto;
	-webkit-transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.imagen-bootstrap .form-horizontal {
	overflow: hidden;
}

.imagen-bootstrap .row {
	margin-left:-15px;
	margin-right:-15px
}

.imagen-bootstrap .form-group {
	margin-bottom: 15px
}

.imagen-bootstrap .form-horizontal .form-group {
	margin-left: -15px;
	margin-right: -15px
}

.imagen-bootstrap .col-sm-2,
.col-sm-9 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px
}

.imagen-bootstrap .form-horizontal .control-label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 7px
}

.imagen-bootstrap .form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.imagen-bootstrap .form-control:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.imagen-bootstrap .form-control:-moz-placeholder,
.imagen-bootstrap .form-control::-moz-placeholder,
.imagen-bootstrap .form-control:-ms-input-placeholder,
.imagen-bootstrap .form-control::-webkit-input-placeholder {
	color:#999
}

.imagen-bootstrap .form-control::-moz-placeholder {
	opacity: 1;
}

.imagen-bootstrap .form-control[disabled] {
	cursor:not-allowed;
	background-color: #eee
}

.imagen-bootstrap .input-group .form-control {
	display: table-cell;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.imagen-bootstrap .input-group .form-control:first-child {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-right: 0;
}

.imagen-bootstrap .modal .invalidField,
.imagen-bootstrap .modal .invalidField:focus {
	border-color: rgba(255, 60, 60, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6);
	outline: 0;
	outline: thin dotted \9;
}

.bootstrap #media_objects_tbody .invalid_Field label::after {
	content: "*";
	color: #ec001a;
	font-weight: bold;
	text-indent: .1875rem;
	display: inline-block;
}

.bootstrap.nav-tabs .invalid_Field p .required {
	display: inline-block;
	margin-right: .1875rem;
}

.imagen-bootstrap .input-sm {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.imagen-bootstrap .divide_bar {
	position: relative;
	z-index: 1;
}

.imagen-bootstrap .divide_bar::before {
	content: "";
	border-top: 1px solid #dfdfdf;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 95%;
	z-index: -1;
}

.imagen-bootstrap .divide_bar span {
	background-color: #fff;
	padding: 0 15px;
}

.imagen-bootstrap .input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.imagen-bootstrap .inline-row {
	margin: 0 auto 1rem auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.imagen-bootstrap .inline-row--block {
	display: block;
}

.imagen-bootstrap .inline-row .u-label {
	width: 150px;
	margin: 0;
}

.imagen-bootstrap .inline-row .u-inputTxt--disabled {
	opacity: .7;
}

.imagen-bootstrap .inline-row .u-inputTxt,
.imagen-bootstrap .inline-row .u-select,
.imagen-bootstrap .inline-row .u-txtArea {
	padding: 7px;
}

.imagen-bootstrap .u-inputTxt--disabled {
	background-color: #eee;
}

.imagen-bootstrap .inline-row .u-txtArea {
	height: 100px;
}

.imagen-bootstrap .option {
	border-bottom: 1px solid #ddd;
	padding: 0.5em 10px;
	margin: 0;
}

.imagen-bootstrap .radio-row input {
	margin: 3px 3px 16px 15px;
}

.imagen-bootstrap #embed_form .row label {
	display: inline;
}

.imagen-bootstrap .row .description {
	font-weight: normal;
}

.imagen-bootstrap .date-picker-clear .iw-icon-close {
	line-height: inherit;
}

.imagen-bootstrap .option.linkRow {
	margin-top: 10px;
	border: none;
}

.imagen-bootstrap .settings {
	padding: 5px 5px 0 5px;
	margin: 0 !important;
}

.imagen-bootstrap .row textarea.url-result {
	background: #fff;
	height: auto;
	font-size: 12px;
	padding: 10px;
	font-style: italic;
}

.imagen-bootstrap .btn.space_content {
	margin-right: 10px;
}

.imagen-bootstrap .form-group.flex-group {
	display: flex;
	margin-bottom: 10px;
}

.imagen-bootstrap .row.linkRow {
	padding: 0 15px;
}

.imagen-bootstrap pre {
	font-family: monospace,	Arial, Helvetica, sans-serif;
	font-size: 1em;
	white-space:pre-wrap;
}

.imagen-bootstrap pre {
	display: block;
	padding: 9px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.428571429;
	word-break: break-word;
	word-wrap: break-word;
	color: #333;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px
}

/** edit meta data modal**/
.imagen-bootstrap .tabbed-header .modal-title {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	width: 100px;
	font-size: 18px;
}

.imagen-bootstrap .modal-header.tabbed-header {
	padding-top: 0;
	padding-bottom: 0;
	background-color: #f5f5f5;
	border: 0;
	border-top: 1px solid #ddd;
	border-radius: 6px 6px 0 0;
	box-shadow: inset 0 -1px 0 #ccc;
}

.imagen-bootstrap .bootstrap.nav-tabs {
	margin: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-bottom: 0;
	padding-left: 0;
	padding-top: 10px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

.imagen-bootstrap .bootstrap.nav-tabs li {
	position: relative;
	display: inline-block;
}

.imagen-bootstrap .bootstrap.nav-tabs li p {
	display: none;
}

.imagen-bootstrap .bootstrap.nav-tabs li a {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-right: 2px;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
	height: 44px;
	line-height: 13px;
}

.imagen-bootstrap .nav li a:hover,
.imagen-bootstrap .nav li a:focus {
	text-decoration:none;
	background-color:#eee;
	border: 1px solid rgba(0, 0, 0, 0);
	border-color:#eee #eee #ddd;
}

.imagen-bootstrap .bootstrap.nav-tabs li.active a,
.imagen-bootstrap .bootstrap.nav-tabs li.active a:hover,
.imagen-bootstrap .bootstrap.nav-tabs li.active a:focus {
	color: #555;
	background-color: #fff;
	border:1px solid #ddd;
	border-bottom-color: transparent;
	cursor: default;
}

.imagen-bootstrap .bootstrap.tabbable .modal-body {
	padding: 10px 0 35px 0;
}

.imagen-bootstrap .metaEditModal .tab-content {
	overflow: hidden;
}

.imagen-bootstrap .tab-content .tab-pane {
	display: none;
}

.imagen-bootstrap .tab-content .tab-pane.active {
	display: block;
}

.imagen-bootstrap table {
	border-collapse: collapse;
	border-spacing: 0;
	max-width: 100%;
	background-color: transparent;
	width: 100%;
	margin-bottom: 0;
	border: 0;
}

.imagen-bootstrap th {
	text-align: left;
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.imagen-bootstrap .table-condensed th {
	padding: 5px;
}

.imagen-bootstrap .table-striped tr:nth-child(odd) {
	background-color: #f9f9f9;
}

.imagen-bootstrap .aclRow th {
	font-weight: bold;
}

.imagen-bootstrap #editMetadata th,
.imagen-bootstrap #editMetadata td {
	position: relative;
}

.imagen-bootstrap #editMetadata tr {
	border-top: 1px solid #ddd;
}

.imagen-bootstrap #editMetadata .bootstrap.table th,
.imagen-bootstrap #editMetadata .bootstrap.table td {
	display: block;
	border: 0;
}

.imagen-bootstrap #editMetadata .bootstrap.table th {
	padding-bottom: 0;
}

.imagen-bootstrap .fieldRow .batchEditChanged {
	display: none;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	border: 2px solid transparent;
	background-color: #00a3e8;
	color: #fff;
	padding: 2px;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

.imagen-bootstrap .table td {
	padding: 8px;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.imagen-bootstrap .table td.breakword {
	word-break: break-all;
}

.imagen-bootstrap .table-condensed td {
	padding: 5px;
}

#editMetadata .text-label label {
	max-width: 288px;
	word-wrap: break-word;
}

.bootstrap .field_error {
	display: none;
	color: #ec001a;
}

.imagen-bootstrap .modal-body .infoBoxStyle {
	color: #b2b2b2;
	font-size: 11px;
}

.imagen-bootstrap .form-control.text {
	height: auto;
}

.imagen-bootstrap .errorMessage {
	color: #ec001a;
	font-weight: bold;
}

.imagen-bootstrap .media-object {
	display: block
}

.imagen-bootstrap .mediaObjectRow th {
	position: relative;
	min-width: 150px;
}

.imagen-bootstrap .handleContainer {
	position: absolute;
	top: 10px;
	text-align: center;
	z-index: 2000;
}

.imagen-bootstrap .thumbanddeleteContainer {
	position: absolute;
	top: 10px;
	text-align: center;
	padding-left: 20px;
}

.imagen-bootstrap .thumbnail-icon {
	height: 80px;
	width: 120px;
	padding: 5px;
	text-align: center;
}

.imagen-bootstrap .thumbnail-icon.media-object img {
	max-width: 120px;
	max-height: 80px;
	cursor: pointer;
}

.imagen-bootstrap .bootstrap.media-object .typeIcon {
	width: 90px;
	height: 80px;
	margin-left: 15px;
}

.imagen-bootstrap .bootstrap.media-object .typeIcon.image {
	background-image: url('images/image.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.imagen-bootstrap .bootstrap.media-object .typeIcon.video {
	background-image:url('images/video.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.imagen-bootstrap .bootstrap.media-object .typeIcon.audio {
	background-image:url('images/audio.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.imagen-bootstrap .bootstrap.media-object .typeIcon.upload {
	background-image:url('images/upload.png');
	background-size: 100%;
	background-repeat: no-repeat;
	display: block;
}

.imagen-bootstrap .bootstrap.media-object .typeIcon.live {
	background-image: url('images/live.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

.imagen-bootstrap .bootstrap.media-object td {
	width: 100%;
	padding-right: 0;
	position: relative;
}

.imagen-bootstrap .media-object td ul {
	padding: 0;
}

.imagen-bootstrap .media-object .deleteBtn {
	margin-left: 10px;
	margin-top: 8px;
}

.imagen-bootstrap .media-object .nested .deleteBtn {
	margin-left: 0;
}

.imagen-bootstrap .mediaObject-fieldList {
	list-style-type: none;
	margin: 0;
	padding-left: 5px;
	position: relative;
}

.imagen-bootstrap .media-object .elementhead {
	font-weight: bold;
	margin-bottom: 0;
	margin-right: 3px;
	text-decoration: none;
}

.imagen-bootstrap .media-object a.elementhead:hover {
	cursor: pointer;
}

.imagen-bootstrap .media-object .elementhead::after {
	content: ":";
}

.imagen-bootstrap .media-object .nested_expand_area {
	margin: 0 0 10px 15px;
	padding-left: 0;
}

.imagen-bootstrap .media-object .objectSubBlock {
	background: #eee;
	border-radius: 6px;
	box-shadow: inset 0 -1px 0 #fff;
	max-width: 360px;
	padding: .375rem;
	overflow: hidden;
	margin-left: 0;
}

.imagen-bootstrap .nested_expand_area li {
	width: 100%;
}

.imagen-bootstrap .objectSubBlock li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: .1875rem;
}

.imagen-bootstrap .objectSubBlock li .download_media_container {
	margin-left: .375rem;
	padding: 0;
	border: 0;
}

.imagen-bootstrap .objectSubBlock li .download_media_container .iw-icon-download {
	margin-right: .1875rem;
}

.imagen-bootstrap .objectSubBlock li .umid,
.imagen-bootstrap .objectSubBlock li .referenceumid {
	word-break: break-all;
}

.imagen-bootstrap .objectSubBlock li div:last-child {
	opacity: .8;
}

.imagen-bootstrap .objectSubBlock .originalfile {
	word-break: break-word;
}

.imagen-bootstrap .hiddenObject,
.imagen-bootstrap .btn.hiddenObject {
	display: none;
}

.imagen-bootstrap .hiddenObject.shown,
.imagen-bootstrap .btn.hiddenObject.shown {
	display: block;
}

.imagen-bootstrap .media-object .downloadButton {
	margin-left: 10px;
	margin-top: 8px;
}

.imagen-bootstrap .media-object .nested .downloadButton {
	margin-left: 0;
}

.imagen-bootstrap .elementValue {
	display: inline-block;
}

.imagen-bootstrap .media-object .input-sm {
	display: inline-block;
	font-size: 14px;
}

.imagen-bootstrap .edit-input-cost {
	width: 120px;
}

.imagen-bootstrap .MediaElement-selection{
	max-width: 240px;
}

.imagen-bootstrap #uploadDrop p {
	color: rgb(148, 148, 148);
	text-shadow: 2px 2px rgb(255, 255, 255);
	float: left;
	font-size: 19px;
	padding: 25px 0 0;
	line-height: 26px;
	margin: 0 0 7px -5px;
}

#uploadDrop .upload_browse {
	float: right;
	padding: 22px 10px 10px 0;
}

#uploadDrop .upload_browse .btn{
	color: #333;
	background-color: #fff;
}

.imagen-bootstrap .noMediaObjectText {
	text-align: center;
	font-size: 15px;
	padding: 25px;
}

#uploadDrop .thumbnail-icon.media-object {
	display: none;
}

.file-input-wrapper.btn {
	overflow: hidden;
	position: relative;
	cursor: pointer;
	z-index: 1;
}

.bootstrap .requiredLabel {
	font-size: x-small;
}

/** END edit meta data modal**/

.imagen-bootstrap .alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.imagen-bootstrap .alert h4 {
	margin-top: 0;
	color: inherit;
}

.imagen-bootstrap .modal-footer .alert {
	float: left;
	margin-bottom: 0;
	padding: 13px;
	text-align: center;
	min-width: 50%;
}

.imagen-bootstrap .alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}

.imagen-bootstrap .alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}

.imagen-bootstrap .alert-warning {
	color: #856404;
	background-color: #fff3cd;
	border: 1px solid #ffeeba;
	padding: .375rem;
	margin: .75rem 0 0 0;
	border-radius: 4px;
}

.imagen-bootstrap .modal-dialog .alert.footer-alert {
	float: left;
	margin: -79px auto;
	padding-right: 4px;
	padding-left: 5px;
	width: 100%;
	z-index: -1;
	-webkit-transform: translate3d(0,0,-1px);
	transform: translate3d(0,0,-1px);
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	text-align: center;
}

.imagen-bootstrap .modal-past {
	z-index: 65535;
}

.imagen-bootstrap .u-link--customisePanelHelp {
	color: #44beac;
}

.imagen-bootstrap .u-link--customisePanelHelp:hover,
.imagen-bootstrap .u-link--customisePanelHelp:focus,
.imagen-bootstrap .u-link--customisePanelHelp:active {
	text-decoration:none; color: #52dfca;
}

.imagen-bootstrap .IWmenu_link--more span,
.imagen-bootstrap .IWmenu_link--row,
.imagen-bootstrap .IWmenu_link--row:hover {
	color: inherit;
	background-color: transparent;
}

.imagen-bootstrap .IWmenu_link--row,
.imagen-bootstrap .IWmenu_link--row:hover {
	padding: 0;
}

.imagen-bootstrap .modal-group-inGroup--mixed .modal-option {
	margin-bottom: .375rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.imagen-bootstrap .mediaObjectRow .IWmenu_link {
	padding: 0 .375rem;
	position: relative;
	z-index: 1;
}

.imagen-bootstrap .mediaObjectRow .IWmenu_link:hover {
	padding: 0 .375rem;
}

.iw-dark .imagen-bootstrap .IWmenu_link {
	color: inherit;
}

/* multiselect overrides */
.imagen-bootstrap .multiselect-wrapper .multiselect-list {
	border-color: #e0e0e0;
	padding: 5px;
}

.imagen-bootstrap .multiselect-wrapper .multiselect-input {
	height: 34px;
	line-height: 34px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	padding: 0 .375rem;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	color: #555;
	width: 100%;
}

.imagen-bootstrap .multiselect-count {
	background-color: lightblue;
	padding: 2px 7px;
	color: inherit;
}

.imagen-bootstrap .multiselect-wrapper label {
	font-weight: normal;
}

.imagen-bootstrap .multiselect-dropdown-arrow {
	border-top: 5px solid black;
}

.imagen-bootstrap .multiselect-wrapper .active > label {
	font-weight: 600;
}

.imagen-bootstrap .multiselect-list.active {
	padding-top: 8px;
}

.imagen-bootstrap .multiselect-list .multiselect-checkbox {
	margin-top: 0;
}

.imagen-bootstrap .multiselect-wrapper hr {
	margin: 0 0 10px 0;
}

.imagen-bootstrap .multiselect-wrapper ul li.active {
	background-color: inherit;
	color: inherit;
}

.imagen-bootstrap .multiselect-checkbox {
	vertical-align: middle;
}

.imagen-bootstrap .multiselect-wrapper ul li:hover {
	background-color: inherit;
	color: inherit;
}
/* END multiselect overrides */

.iw-well {
	background: #1B1B1B;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.12), 0px 2px 2px rgba(0, 0, 0, 0.24);
	border-radius: 4px;
	padding: .75rem;
}

/*Wufoo*/
iframe.wufoo {
	position: relative;
	border: none;
	max-height: 65vh;
	overflow: hidden;
	left: -20px;
	width: calc(100% + 41px)!important;
	top: -20px
}
/*END Wufoo*/

.loaded-search.modal-open {
	overflow: hidden;
	-webkit-overflow-scrolling: auto;
}

.fullpage-open,
.modal-open{
	min-height: 100%;
	overflow: hidden;
	width: 100%;
}

.modal-open.modal-ios {
	position: fixed;
}

.imagen-bootstrap ::-webkit-scrollbar-track {
	background: inherit;
	border-radius: 0;
}

.imagen-bootstrap .modal-sub-title {
	font-size: 15px;
	color: #868686;
	font-family: 'Roboto Medium', sans-serif;
}

/*customise panel*/
.imagen-bootstrap .customisePanel-editorButtons .btn--addMenuItem::after {
	left: 7px;
	top: 10px;
	color: #555;
	opacity: .9;
}

.imagen-bootstrap .metaInputRow {
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: .75rem;
	border-bottom: 1px solid #eee;
}

.imagen-bootstrap .metaInputRow:last-of-type {
	margin-bottom: 1rem;
}

.imagen-bootstrap .customisePanel-customPages--removeMeta {
	font-size: 1.3rem;
	margin: auto;
}

.imagen-bootstrap .customisePanel-customPages--removeMeta:hover {
	text-decoration: none;
}

.imagen-bootstrap .metaInputRow .u-label {
	margin: auto 0;
	width: 100%;
	font-weight: normal;
}

.imagen-bootstrap .metaInputRow input {
	padding: .575rem;
	margin-bottom: .75rem;
}

.imagen-bootstrap .metaInputName,
.imagen-bootstrap .metaInputValue {
	width: 80%;
}

.imagen-bootstrap .customisePanel-editorButtons {
	margin-top: 0;
}

.imagen-bootstrap .customisePanel-editorButtons .btn--addMenuItem {
	width:auto;
	padding-left:24px;
}
/*END customise panel*/

.imagen-bootstrap .table-form .form-value {
	width: 115px;
	display: inline-block;
	margin-left: 10px;
}

/* Map view */
.imagen-bootstrap #viewIWMap .modal-body {
	padding: 0;
}

.imagen-bootstrap #viewIWMap .modal-body .iwMapify--map  {
	min-height: 420px;
}
/* END Map view */

.imagen-bootstrap .loading {
	width: 200px;
	margin: 5px auto;
	text-align: center;
}

.imagen-bootstrap .loading.progress {
	margin-bottom: 20px;
}

.modal-link {
	color: #428bca;
	text-decoration: none;
	cursor: pointer;
	font-size: 13px;
}

.modal-link:hover,
.modal-link:focus {
	color: #2a6496;
	text-decoration: underline
}

.modal-txt {
	margin: 0 0 .75rem 0;
	line-height: 1.5;
	font-size: 13px;
	word-break: break-word;
}


.modal-txt--bold {
	font-family: 'Roboto Medium', sans-serif;
}

.modal-txt:empty,
.modal-txt:last-child {
	margin-bottom: 0;
}

.modal-txt.iw-icon-calendar:empty::before {
	display: none;
}

.modal-keyVal-key::before,
.modal-txt::before {
	display: inline-block;
	color: var(--modal-icon-color);
}

.modal-txt.iw-icon-calendar::before,
.modal-keyVal-key.iw-icon-calendar::before {
	font-size: .7rem;
	position: relative;
}

.modal-txt.iw-icon-calendar::before {
	margin-inline-end: .375rem;
}

.imagen-bootstrap .modal-txt--right {
	text-align: right;
}

.modal-section {
	padding: .75rem .375rem;
	background-color: #f3f3f3;
	border: 1px solid #eee;
	border-radius: 4px;
	margin-bottom: .75rem;
}

.imagen-bootstrap .modal-section--errorDetails {
	padding: 0;
}

.imagen-bootstrap .modal-section--error {
	background-color: transparent;
	border: 0;
}

.imagen-bootstrap .modal-section--plain {
	background-color: #fff;
}

.imagen-bootstrap .modal-section hr {
	border-color: #d2d2d2;
	margin: 0 0 .75rem 0;
}

.imagen-bootstrap .modal-section--plain hr {
	border-color: inherit;
}

.modal-radio-title:empty,
.modal-section:empty {
	display: none;
}

.imagen-bootstrap .modal-section-title {
	font-family: 'Roboto Medium', sans-serif;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	margin: 0 0 .75rem 0;
	font-size: 1rem;
	font-weight: normal;
}

.modal-stretch-title {
	font-family: 'Roboto Medium', sans-serif;
	font-size: 1rem;
	font-weight: normal;
	margin: 0;
}

.modal-stretch-body {
	padding: 1.5rem 0;
}

.modal-stretch-body p:last-child {
	margin-bottom: 0;
}

.imagen-bootstrap .modal-section-title--label {
	font-size: 13px;
}

.imagen-bootstrap .modal-section-title--release {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0 .75rem 0;
}

.imagen-bootstrap .modal-section-header {
	margin-top: 0;
}

.imagen-bootstrap .sections-list {
	padding-left: 0;
}

.modal-stretch-body .modal-info-msg:only-child,
.modal-section .modal-error-msg:only-child {
	margin-bottom: 0;
}

.modal-section .modal-error-msg:only-child::before {
	position: relative;
	top: 1px;
	margin-right: .375rem;
}

.imagen-bootstrap .modal-mediaList {
	padding-left: 0;
}

.imagen-bootstrap .modal-mediaItem {
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: .375rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: .75rem;
}

.imagen-bootstrap .modal-mediaItem.selected {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .5);
}

.imagen-bootstrap .modal-mediaItem--disabled {
	opacity: .6;
}

.imagen-bootstrap .modal-mediaItem-content {
	align-self: stretch;
	margin: 0 1.5rem 0 .75rem;
}

.imagen-bootstrap .modal-mediaSelect-radio[type="radio"] {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	margin-left: auto;
}

.modal-form-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
	margin: 0 0 1rem 0;
	border: 0;
	padding: 0;
}

.modal-form-group--vat {
	margin-bottom: .1875rem;
}

.modal-form-group:last-child {
	margin-bottom: 0;
}

.iwSlideSection--open .modal-form-group:only-child {
	margin-bottom: 1rem;
}

.modal-form-group--marginX:last-child {
	margin-bottom: 1.5rem;
}

.modal-keyVal-actions,
.imagen-bootstrap .modal-form-group--end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal-keyVal-actions {
	gap: 1rem;
	position: absolute;
	right: 1.5rem;
}

.modal-keyVal-actions .iw-download-button .iw-icon-download {
	position: absolute;
}

.modal-form-group--attached {
	margin-bottom: 0;
}

.modal-number {
	border-radius: 14px;
	background-color: #428bca;
	min-width: 30px;
	text-align: center;
	padding: .1875rem;
	color: #fff;
	line-height: 1;
}

.modal-form-group--end .modal-label {
	margin: 0 0 0 .375rem;
	width: auto;
}

.modal-form-group--gapAttached {
	margin-bottom: .375rem;
}

.modal-form-group > .modal-form-group:last-child {
	margin-bottom: 0;
}

.modal-stretch-section--title {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal-form-group--afd {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0 .75rem;
}

.modal-form-group--txt {
	margin-bottom: .75rem;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.modal-upload,
.modal-editMediaObjects {
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.modal-distribution-chosen {
	margin-top: .75rem;
}

.modal-distribution-chosen .modal-fake-input {
	margin-bottom: .375rem;
	background-color: #fff;
	padding-left: 0;
}

/* Set arrow on counter for first item in list */
.modal-distribution-chosen .modal-fake-input:first-child .modal-input-counter::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 5px;
	border-color: transparent transparent transparent #62b6ff;
	position: absolute;
	right: -5px;
}

.modal-distribution-chosen .modal-fake-input:last-child {
	margin-bottom: 0;
}

.modal-distribution-chosen .modal-fake-input .iw-icon {
	margin-right: .375rem;
}

.modal-distribution-chosen .modal-fake-input .iw-icon-close,
.modal-distribution-list .modal-input--fake .iw-icon-close {
	margin: 0 0 0 auto;
	cursor: pointer;
}

.modal-distribution-chosen .modal-fake-input .iw-icon:first-child,
.modal-distribution-list .modal-input--fake .iw-icon:first-of-type {
	margin-inline-end: .375rem;
}

.modal-distribution-chosen .iw-icon-help {
	margin-left: .375rem;
	cursor: pointer;
	font-size: .85rem;
	color: #428bca;
}

.modal-distribution-list {
	margin: 0;
	padding: 0;
}

.modal-distribution-list .modal-input--fake {
	line-height: 2rem;
}

.modal-fake-label,
.modal-label {
	margin: auto .75rem .575rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-family: 'Roboto Medium', sans-serif;
}

.modal-label .modal-link i {
	margin-inline-start: .375rem;
}

.modal-fake-label {
	font-size: 13px;
}

.modal-label-option {
	margin-bottom: 0;
	text-indent: .375rem;
}

.modal-label-inList {
	margin: 0 0.75rem 0 0;
}

.modal-label-separator {
	padding-right: .75rem;
	border-right: 1px solid #ccc;
}

.modal-input-parent {
	height: 150px;
	overflow-y: auto;
	padding: .375rem .75rem 0 .75rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	background-color: #fff;
}

.modal-input-parent.is-disabled {
	height: inherit;
	min-height: 34px;
	background-color: var(--modal-input-disabled-bg-color);
	color: var(--modal-input-disabled-font-color);
	border-color: var(--modal-input-disabled-border-color);
}

.modal-input-parent.is-disabled .modal-tags-remove {
	display: none;
}

.modal-input-parent.is-disabled .modal-tags-item {
	opacity: .4;
}

.modal-input-parent.isActive {
	border-color: #66afe9;
	outline: 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.modal-input,
#iw-annotation-pane-options .edit-time-block {
	height: 34px;
	line-height: 34px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	padding: 0 .375rem;
	color: #555;
	width: 100%;
}

.modal-input .modal-editmedia-meta {
	height: 30px;
}

.modal-input--number {
	padding-right: 0;
}

.modal-input--number {
	padding: 0 0 0 .75rem;
}

.modal-input--txt {
	border: 0;
	line-height: 1.5;
	padding: 0;
	height: auto;
	background-color: transparent;
}

.modal-input-counter {
	counter-increment: profile-fallback-counter;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #62b6ff;
	color: #fff;
	height: 32px;
	width: 32px;
	margin-right: .75rem;
	position: relative;
}

.modal-input-counter::before {
	content: counter(profile-fallback-counter);
}

.modal-distribution-chosen .modal-section {
	counter-reset: profile-fallback-counter;
}

.modal-form-group--subInput .modal-label,
.modal-form-group--subInput .modal-input {
	width: 100%;
}

.modal-form-group--subInput .modal-input--subInput {
	margin-top: .375rem;
	width: 100%;
}

.modal-input--txtArea {
	min-height: 100px;
	height: auto;
	overflow: auto;
	vertical-align: top;
	resize: vertical;
	line-height: 1.5;
	padding: .75rem;
}

.modal-expand-wrap {
	position: relative;
}

.modal-expand-wrap,
.modal-form-group--fullscreen .modal-input--txtArea {
	-webkit-box-flex: 1;
	flex-grow: 1;
}

.modal-input--inGroup {
	border-radius: 4px 0 0 4px;
	border: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modal-input--singleSelect {
	cursor: pointer;
	width: 100%;
	max-width: 100%;
	padding-right: 0;
}

.single-select {
	position: relative;
}

.modal-input-group .single-select {
	width: 100%;
}

/* Minus 2px from height to account for border */
.single-select::after {
	align-items: center;
	background-color: #fff;
	content: '\e91f';
	font-family: 'Imagenweb';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: calc(100% - 2px);
	inset-block-start: 1px;
	inset-inline-end: 3px;
	justify-content: center;
	line-height: 1;
	pointer-events: none;
	position: absolute;
	speak: none;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	width: 30px;
}

.modal-form-group .single-select::after {
	border-start-end-radius: 4px;
	border-end-end-radius: 4px;
	inset-inline-end: 1px;
}

.single-select.is-disabled::after {
	background-color: var(--modal-input-disabled-bg-color);
	color: var(--modal-input-disabled-font-color);
}

.single-select.isActive::after {
	content: '\e930';
}

.modal-input--singleSelect:focus {
	outline: 0;
}

.modal-section-divide {
	position: relative;
	text-align: center;
	z-index: 1;
	background-color: #fff;
	margin-bottom: .75rem;
}

.modal-section-divide::before {
	content: '';
	border-top: 1px solid #dfdfdf;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 95%;
	z-index: -1;
}

.modal-section-divideTxt {
	background: #fff;
	padding: 0 .375rem;
}

.modal-radio {
	position: absolute;
	opacity: 0;
}

.modal-label-radio {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
	padding-inline-start: 2.25rem;
	position: relative;
	margin: 0;
}

.modal-label-radio::before {
	content: '';
	width: 20px;
	height: 20px;
	border: 2px solid #86b4db;
	border-radius: 50%;
	position: absolute;
	inset-inline-start: 0;
}

.modal-label-radio::after {
	content: '';
	background-color: #fff;
	border-radius: 50%;
	height: 10px;
	inset-inline-start: 5px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .2s;
	transition: all .2s;
	width: 10px;
}

.modal-radio:checked + .modal-label-radio::before {
	border: 6px solid #46a2d0;
	-webkit-animation: boxShadowAnim .35s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	animation: boxShadowAnim .35s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.modal-radio:checked + .modal-label-radio::after {
	opacity: 1;
	z-index: 0;
}

.modal-stretch-inner,
.modal-keyVal-actions,
.single-select::after,
.modal-editMedia-actions,
.modal-actions,
.modal-expand-wrap,
.modal-label-radio,
.modal-section-header,
.modal-btn-group,
.modal-input-group,
.modal-group-inGroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.modal-stretch-inner {
	gap: .375rem;
}

.modal-editMedia-actions {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	gap: 1rem;
}

.modal-group-inGroup {
	flex-wrap: wrap;
	flex-grow: 1;
	margin-bottom: 1rem;
	width: 100%;
	flex-direction: column;
	justify-content: space-between;
}

.modal-group-inGroup--help {
	position: relative;
}

.modal-group-inGroup--help .modal-label {
	width: 95%;
}

.modal-input--fake {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: end;
	align-self: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.modal-input--fake .iw_instance_container {
	height: auto;
}

.modal-input--fake .modal-label {
	width: auto;
	margin: 0 .75rem 0 0;
}

.modal-section-header {
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: .75rem;
}

.modal-btn-group {
	border: 1px solid var(--modal-input-border-color);
	border-radius: 4px;
}

.modal-actions {
	gap: 1rem;
	padding: 1rem 0;
}

.modal-stretch-section--title .modal-actions {
	padding: 0;
}

.modal-actions--end {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more,
.imagen-bootstrap .file-input-wrapper.modal-btn,
.imagen-bootstrap .modal-dialog--editmetadata .acl_update_link,
.modal-btn {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	padding: .375rem .575rem;
	border-radius: 4px;
	border: 2px solid #8a8e8f;
	font-size: 14px;
	line-height: 1.5;
	background-color: #fff;
	background-position: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	color: #333;
	position: relative;
	-webkit-transition: background .8s;
	transition: background .8s;
	margin-bottom: 0;
	font-weight: normal;
	text-transform: none;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	height: auto;
	letter-spacing: inherit;
	box-shadow: none;
	text-shadow: none;
	white-space: nowrap;
	background: #fff none no-repeat;
}

.modal-btn--inGroup,
.modal-input-extension--inGroup {
	border-radius: 0;
	border: 0;
	border-right: 1px solid #ccc;
}

.imagen-bootstrap .modal-dialog--editmetadata .acl_update_link {
	background: none;
	border: 0;
	padding: 0;
	color: #428bca;
	font-size: 1rem;
	font-weight: bold;
}


.imagen-bootstrap .modal-tab-title .acl_update_link:hover {
	background: none;
}

.acl_update_link:disabled {
	opacity: 40%;
	cursor: default;
}

.imagen-bootstrap .file-input-wrapper input[type=file] {
	position: absolute;
}

.imagen-bootstrap .IWmenu_link {
	border: 0;
}

.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more,
.imagen-bootstrap .IWmenu_link,
.imagen-bootstrap .IWmenu_link--more {
	font-size: 0;
}

.imagen-bootstrap .modal-tab-title .acl_update_link::before,
.imagen-bootstrap .modal-tab-title .acl_update_link::after {
	display: none;
}

.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more::before,
.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more::after,
.modal-btn::before,
.modal-btn::after {
	content: '';
	width: 0;
	height: 0;
	border: 2px solid transparent;
	position: absolute;
	border-radius: 4px;
}

.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more::before,
.modal-btn::before {
	top: -2px;
	left: -2px;
}

.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more::after,
.modal-btn::after {
	bottom: -2px;
	right: -2px;
}

.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more:hover::after,
.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more:hover::before,
.modal-btn:hover::before,
.modal-btn:hover::after {
	width: calc(100% + 4px);
	height: calc(100% + 4px);
}

.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more:hover::before,
.modal-btn:hover::before {
	border-top-color: #333;
	border-right-color: #333;
	-webkit-transition: width .1s ease-out, height .1s ease-out .1s;
	transition: width .1s ease-out, height .1s ease-out .1s;
}

.imagen-bootstrap .iwMenu_fileUploadModalOptions.IWmenu_link--more:hover::after,
.modal-btn:hover::after {
	border-bottom-color: #333;
	border-left-color: #333;
	-webkit-transition: border-color 0s ease-out .2s, width .1s ease-out .2s, height .1s ease-out .3s;
	transition: border-color 0s ease-out .2s, width .1s ease-out .2s, height .1s ease-out .3s;
}

.modal-btn:hover,
.modal-btn:active,
.modal-btn:focus {
	color: #000;
	outline: none;
}

.modal-btn--danger::before,
.modal-btn--primary::before,
.modal-btn--danger::after,
.modal-btn--primary::after {
	display: none;
}

.modal-btn--primary[class*=" iw-icon-"]::before {
	border: 0;
	display: inline-block;
	height: auto;
	position: static;
	transition: none;
	width: auto;
}

.modal-input-preExtension {
	cursor: pointer;
	min-width: 40px;
	background-color: #fff;
	border: 0;
	padding: 0;
	color: var(--modal-icon-color);
}

.modal-input-extension {
	margin: 0;
	padding: 0 .575rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #fff;
	font-size: 13px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	cursor: default;
	gap: .375rem;
}

.modal-input-extension--btn {
	cursor: pointer;
	background-color: #fbfbfb;
}

.modal-input-extension--btn[disabled] {
	cursor: default;
	opacity: .7;
}

.modal-input-extension--btn:hover {
	background-color: #ebebeb;
}

.modal-input-extension--btn[disabled]:hover {
	background-color: #fbfbfb;
}

.modal-btn[disabled],
.modal-btn.is-disabled {
	cursor: not-allowed;
	pointer-events: none;
	opacity: .65;
}

.modal-keyVal-key[class*=" iw-icon-"]::before,
.modal-link::before,
.modal-input-group::before,
.modal-input-extension::before,
.modal-input[class*="iw-icon-"]::before,
.iw-progress-bar-header[class^="iw-icon-"]::before,
.iw-progress-bar-header[class*=" iw-icon-"]::before,
.iw-progress-bar-action::before,
.modal-btn-icon::before,
.modal-btn[class*=" iw-icon-"]::before,
.modal-sub-header[class*=" iw-icon-"]::before,
.modal-txt[class*=" iw-icon-"]::before,
.modal-btn-icon--txt[class*=" iw-icon-"]::before {
	font-family: 'Imagenweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.modal-link::before {
	margin-right: .375rem;
	display: inline-block;
}

.modal-link::before:hover,
.modal-link:hover::before {
	text-decoration: none;
}

.modal-sub-header::before {
	margin-inline-end: .375rem;
	font-size: 1.2rem;
}

.modal-txt--tags,
.modal-sub-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0;
}

.modal-txt--tags {
	column-gap: .375rem;
}

.modal-txt--tags .modal-tags-item {
	font-weight: normal;
	font-size: .8rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: auto 0;
	padding: .1875rem .575rem;
}

.modal-sub-header .modal-btn-icon {
	margin-inline-start: auto;
}

.modal-sub-header-txt {
	position: relative;
	top: -1px;
}

.modal-altUpload {
	padding: 1.5rem;
	margin-bottom: 1.5rem;
	border-bottom: 1px solid var(--modal-input-border-color);
}

.modal-input--icon {
	padding-inline-start: 33px;
	position: relative;
	-webkit-transition: border-color .3s ease-in;
	transition: border-color .3s ease-in;
}

.modal-input--timeCode {
	padding-inline-start: 34px;
}

.modal-input--icon::before {
	align-items: center;
	border-inline-end: 1px solid #ccc;
	display: flex;
	height: 100%;
	inset-inline-start: .75rem;
	position: absolute;
	-webkit-transition: border-color .3s ease-in, color .3s ease-in;
	transition: border-color .3s ease-in, color .3s ease-in;
	width: 23px;
}

.modal-input-group {
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-flex-grow: 0;
	flex-grow: 0;
	width: 100%;
	background-color: #fff;
}

.modal-form-note {
	font-size: .8rem;
}

.modal-input-group .modal-btn,
.modal-input-extension .modal-btn {
	border-radius: 0 4px 0 4px;
}

.modal-btn--inGroup {
	padding: .375rem .575rem;
	font-size: 13px;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.modal-option-item .modal-btn--inGroup {
	-webkit-flex-grow: 0;
	flex-grow: 0;
}

.modal-btn--inGroup:hover {
	background-color: #ebebeb;
}

.modal-btn--inGroup::before,
.modal-btn--inGroup::after {
	display: none;
}

.modal-input-group--sendToAfd {
	border: 0;
}

.modal-input--inGroup:only-child {
	border-radius: 4px;
}

.modal-input--inGroup + .modal-btn--inGroup {
	border-left: 1px solid #ccc;
}

.modal-btn--inGroup:last-child,
.modal-input-extension--inGroup:last-child {
	border-right: 0;
	border-radius: 0 4px 4px 0;
}

.modal-input-extension--inGroup:last-child {
	border-left: 1px solid #ccc;
}

.modal-btn--inGroup:first-child {
	border-radius: 4px 0 0 4px;
}

.modal-btn--primary {
	background-color: #428bca;
	border-color: #428bca;
	color: #fff;
}

.modal-stretch-section--title .modal-btn {
	font-size: .8rem;
	padding: .575rem;
}

.modal-btn--primary:hover,
.modal-btn--primary:focus,
.modal-btn--primary:active {
	color: #fff;
	background-color: #3276b1;
	background-image: none;
	border-color: #3276b1;
	box-shadow: none;
}

.modal-btn--danger {
	color: #fff;
	background-color: #c62828;
	border-color: #c62828;
	-webkit-transition: all .2s ease-in, background .8s;
	transition: all .2s ease-in, background .8s;
}

.modal-btn--danger:hover,
.modal-btn--danger:focus,
.modal-btn--danger:active {
	color: #fff;
	background-color: rgba(188, 40, 40, 1);
	border-color: rgba(188, 40, 40, 1);
	box-shadow: none;
}

.imagen-bootstrap .iw-download-button,
.modal-btn-icon.IWmenu_link,
.modal-btn-icon {
	align-items: center;
	background: none;
	border: 1px solid #8a8e8f;
	border-radius: 50%;
	cursor: pointer;
	color: #707070;
	display: flex;
	flex-shrink: 0;
	font-size: .7rem;
	height: 25px;
	justify-content: center;
	padding: 0;
	width: 25px;
}

.modal-btn-icon--txt[class*=" iw-icon-"] {
	border-radius: 30px;
	gap: .375rem;
	line-height: 23px;
	padding: 0 .575rem;
	text-decoration: none;
	width: auto;
}

.modal-btn-icon--mini {
	width: 19px;
	height: 19px;
}

/* px value used for better placement, sub-pixels rendered using REM values cause the icon to look off centre on some browsers */
.modal-btn-icon--mini::before {
	font-size: 9px;
}

.imagen-bootstrap .iw-download-button {
	font-size: 0;
}

.imagen-bootstrap .iw-download-button .iw-icon-download {
	font-size: .8rem;
}

.imagen-bootstrap .iw-download-button .iw-icon-download::before {
	content: '\e9be';
}

.modal-btn-icon--danger {
	color: #fff;
	background-color: #c62828;
	border-color: #c62828;
}

.imagen-bootstrap .iw-download-button,
.imagen-bootstrap .modal-btn-icon--primary.IWmenu_link,
.modal-btn-icon--primary {
	background-color: #428bca;
	border-color: #428bca;
	color: #fff;
}

.modal-btn-icon--primary.IWmenu_link .iw-icon {
	font-size: 1rem;
}

.imagen-bootstrap .iw-download-button:hover {
	color: #fff;
}

.imagen-bootstrap .download_media_container {
	border: 0;
	margin: 0;
	padding: 0;
}

.imagen-bootstrap .download_media_container  .iw-icon-download {
	margin: 0;
}

.modal-list-scrolling {
	height: 149px;
	background-color: #fefefe;
	overflow: auto;
	overflow-x: hidden;
	margin-bottom: 1.5rem;
}

.modal-list-scrolling:last-child {
	margin-bottom: 0;
}

.modal-list-scrolling--border {
	border: 1px solid #ccc;
}

.imagen-bootstrap .modal-info-title {
	margin: 0 0 .75rem 0;
	font-size: 16px;
}

.modal-info-result {
	position: relative;
	padding-right: 30px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: .75rem;
	padding-bottom: .75rem;
}

.log-links {
	margin-bottom: 1.5rem;
}

.log-links .modal-link:first-child {
	margin-right: .75rem;
}

.imagen-bootstrap .log-links .modal-link:only-child {
	margin-right: 0;
}

.modal-info-result .modal-error-msg,
.modal-info-result .modal-success-msg {
	position: relative;
	padding-left: 20px;
	margin-bottom: .75rem;
}

.modal-info-result .modal-error-msg:last-child,
.modal-info-result .modal-success-msg:last-child {
	margin-bottom: 0;
}

.modal-info-result .modal-error-msg::before,
.modal-info-result .modal-success-msg::before {
	position: absolute;
	left: 0;
}

.modal-info-result:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.modal-info-result::before {
	content: '';
	font-family: 'Imagenweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	opacity: .5;
	right: 0;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal-info-result--success::before {
	content: '\e952';
	background-color: #26bf39;
}

.modal-info-result--fail::before {
	content: '\e909';
	background-color: #9c3a37;
}

.modal-info-list {
	padding: 0;
}

.imagen-bootstrap .modal-list {
	margin: 0;
	padding: 0;
}

.modal-list .modal-list__entry:only-child {
	margin-bottom: 1.5rem;
}

.imagen-bootstrap .modal-list:has(~ .modal-alert-msg) {
	margin-bottom: 1rem;
}

.modal-section--mediaTypes {
	width: 370px;
}

.modal-list--mediaTypes {
	border: 1px solid #ccc;
	border-radius: 4px;
	overflow: hidden;
}

.modal-list--mediaTypes .modal-list-item {
	padding: .375rem;
}

.modal-list-item--dash::before {
	content: '';
	position: absolute;
	width: 8px;
	height: 3px;
	border-radius: 3px;
	background-color: var(--modal-primary-color);
	left: 0;
	top: 18px;
}

.modal-list--mediaTypes .modal-list-item:hover,
.modal-list--mediaTypes .modal-list-item:active {
	background-color: #fff;
	cursor: default;
}

.modal-list--mediaTypes .modal-list-item:last-child {
	border: 0;
}

.modal-options {
	margin: 0 0 1.5rem 0;
}

.modal-options--inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
}

.modal-form-group--inline .modal-txt--help {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.modal-form-group--marginX {
	margin-bottom: 1.5rem
}

.modal-form-group .modal-options,
.modal-options .modal-option:last-child,
.modal-options--inline .modal-option-item,
.modal-options:last-child {
	margin-bottom: 0;
}

.modal-options--border .modal-option-item {
	border-bottom: 1px solid #eee;
	padding: 0 .375rem .75rem .375rem;
}

.modal-list-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: .75rem;
	background-color: #fff;
}

.modal-list--plain .modal-list-item {
	border: 0;
	padding-left: 0;
}

.modal-list--plain .modal-list-item--dash {
	padding-left: 16px;
	margin-left: .75rem;
}

.modal-list-item:hover,
.modal-list-item:focus {
	background-color: #ececec;
	cursor: pointer;
}

.modal-list--plain .modal-list-item:hover,
.modal-list--plain .modal-list-item:focus {
	background-color: #fff;
	cursor: inherit;
}

.modal-list-item.icon::before {
	font-family: 'Imagenweb';
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	min-width: 25px;
	opacity: .8;
}

.modal-list-item.image::before {
	content: "\e932";
}

.modal-list-item.tick::before {
	content: '\e9c5';
	color: #26bf39;
	font-size: 16px;
	line-height: inherit;
}

.modal-list-item.video::before {
	content: "\e955";
}

.modal-list-item.document::before {
	content: "\e926";
}

.modal-list-item.audio::before {
	content: "\e902";
}

.modal-editMeta-btn {
	padding: 0;
	border: 0;
	background-color: #fff;
	cursor: pointer;
}

.modal-keyVal-section,
.modal-option-item,
.modal-option--single {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: .75rem;
}

.modal-keyVal-section {
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
	gap: .375rem;
}

.modal-list__entry .modal-keyVal-section {
	gap: 0;
	margin: 0;
	line-height: 1;
}

.modal-keyVal--inline .modal-keyVal-section,
.modal-stretch-section--title .modal-keyVal-section {
	margin-block-end: 0;
}

.modal-keyVal {
	margin: 0;
	min-width: 0;
}

.modal-grouping,
.modal-editMedia-timeCode--single,
.modal-formInput {
	margin-bottom: 1rem;
}

.modal-keyVal--inline,
.modal-stretch-section--title .modal-keyVal {
	align-items: center;
	display: flex;
	gap: 1rem;
}

.modal-keyVal--spaceBetween {
	display: flex;
	justify-content: space-between;
}

.modal-btn[class*=" iw-icon-"],
.modal-keyVal-set.modal-link,
.modal-keyVal-key,
.modal-keyVal-key[class*=" iw-icon-"] {
	font-family: 'Roboto Medium', sans-serif;
}

.modal-keyVal-key[class*=" iw-icon-"] {
	display: flex;
	gap: .3875rem;
}

.modal-keyVal-key[class*=" iw-icon-"] ~ .modal-keyVal-value {
	margin-inline-start: .3875rem;
}

.modal-btn[class*=" iw-icon-"] {
	display: flex;
	gap: .375rem;
}

.modal-keyVal-value {
	margin: 0;
	word-break: break-word;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	gap: .375rem;
	min-width: 0;
}


.modal-keyVal-section:has(.modal-keyVal-value--json) {
	flex-wrap: nowrap;
}

.modal-keyVal-value--state {
	gap: 0;
}

.modal-keyVal-value--json {
	cursor: pointer;
	display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.modal-option-item {
	margin-bottom: 1.5rem;
}

/* help text for radio button item - set left margin before help text is revealed so we don't have unwanted animation */
.modal-option-item .iwSlideSection.modal-txt--help {
	margin-left: 31px;
}

.modal-option-item .iwSlideSection--open.modal-txt--help {
	margin: .375rem 0 0 31px;
}

.modal-option-item:last-child {
	margin: 0;
}

.modal-option-item.modal-option-item--afd {
	width: 100%;
}

.modal-option--single {
	padding: 0;
	position: relative;
}

.modal-option--single .modal-checkbox {
	top: 0;
	cursor: pointer;
}

.modal-option-item .modal-btn--inGroup {
	border: 1px solid #ccc;
	border-radius: 4px;
	margin: 0 .375rem 0 .75rem;
}

.modal-option-item--lone {
	padding-left: 0;
}

.modal-option-item--lone + .modal-error-msg--inline {
	text-align: left;
}

.modal-option-item--inGroup {
	margin-bottom: 0;
	padding: 0;
}

.modal-option-item--inGroup:first-child {
	margin-right: 1.5rem;
}

.modal-list-itemValue {
	margin-right: .75rem;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal-list-itemValue .iw-icon-*,
.modal-list-itemValue--colorContrast {
	opacity: .7;
}

.modal-list-itemValue--email {
	opacity: .7;
	color: #428bca;
}

.modal-list-itemValue:last-child {
	margin-right: 0;
}

.modal-editmedia-meta,
.modal-list-itemValue--grow {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.modal-input-group--copy,
.modal-editmedia-meta {
	min-width: 0;
}

.modal-list-item.selected {
	box-shadow: 0 0 0 2px #aeaeae;
}

.modal-list-item--disabled {
	opacity: .5;
	pointer-events: none;
}

.modal-list-itemThumb {
	position: relative;
}

.modal-list-itemThumb .thumbnail-icon {
	padding: 0;
}

.modal-list-itemThumb .selectMedia-overlay {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .65);
	color: #fff;
	text-align: center;
	margin-bottom: 0;
}

.modal-code-display {
	border: 1px solid #e3e3e3;
	padding: .75rem;
	word-break: break-all;
	word-wrap: break-word;
	color: #333;
	background-color: #f5f5f5;
	border-radius: 4px;
	font-family: monospace;
	white-space: pre-wrap;
}

.modal-help {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .375rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modal-help  .modal-label {
	margin: 0;
	width: auto;
}

.modal-help-btn {
	border: 0;
	background-color: transparent;
	color: #428bca;
	font-size: .87rem;
	padding: 0;
	position: relative;
	text-indent: .375rem;
	text-decoration: none;
	cursor: pointer;
	font-family: 'Imagenweb'
}

.modal-tab-titleBtn.is-active {
	color: #428bca;
}

.modal-help-btn--error {
	font-size: 1rem;
}

.modal-help-btn:hover {
	text-decoration: none;
}

.modal-help-btn:hover,
.modal-help-btn:focus,
.modal-help-btn:active {
	color: #3276b1;
}

.modal-txt--help {
	width: 100%;
	color: var(--modal-msg-color);
}

.modal-txt-option--extLbl,
.modal-option-item--openAccessOpts .modal-txt-option {
	color: var(--modal-msg-color);
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
}

.modal-tags-list,
.meta-tags-list,
.meta-tags-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0;
	margin: 0;
}

.modal-tags-item,
.u-tag--meta {
	padding: .375rem .575rem;
	margin: .75rem .375rem 0 0;
	background-color: #4d4d50;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition: opacity .2s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: start;
	-webkit-align-self: flex-start;
	align-self: flex-start;
	word-break: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
	min-width: 0;
	max-width: 100%;
}

.meta-tags-list--rounded .modal-tags-item {
	border-radius: 17px;
	padding: 0 .575rem 0 .75rem;
	margin: .75rem .575rem 0 0;
	background-color: #2196f3;
}

.meta-tags-list--rounded .modal-tags-remove {
	width: 16px;
	height: 16px;
	border-radius: 50%;display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	flex-shrink: 0;
	background-color: #1663a0;
}

.meta-tags-list--rounded .modal-tags-remove .iw-icon-close-thin {
	font-size: 16px;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}

.modal-tags-item-txt {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal-tags-item--release {
	margin: 0 0 0 .75rem;
	border-radius: 14px;
	font-size: .7rem;
	line-height: 1;
	font-weight: normal;
}

/** min-width fix for Edge and IE11**/
.modal-tags-item-txt {
	min-width: 1px;
}

.modal-tags-item--click {
	cursor: pointer;
}

.modal-tags-item:last-child {
	margin-right: 0;
}

.modal-tags-item.modal-tags--selected {
	background-color: #26bf39;
}

.modal-tags-remove {
	margin-left: .375rem;
	cursor: pointer;
}

.modal-tags {
	width: 100%;
}

.modal-txt--editModal {
	margin-top: .1875rem;
}

.modal-txt--help.iwSlideSection {
	margin: 0;
}

/* only add margins for help text when the help text is visible */
.modal-txt--help.iwSlideSection--open {
	margin: 0 0 .75rem;
}

.modal-label-checkbox  + .modal-txt--help.iwSlideSection--open {
	margin: .375rem 0 .75rem;
}

/* we want to add padding for help text (when it is visible only) for non stacked and grouped form inputs
   otherwise it sits directly under input with no space */
.modal-input ~ .modal-success-msg,
.single-select ~ .modal-txt--help.iwSlideSection--open {
	padding-top: .375rem;
}

.modal-input:focus {
	border-color: #66afe9;
	outline: 0;
}

.modal-invalid-field:focus {
	border-color: rgba(255, 60, 60, 0.8);
}

.metadata-batch .modal-segment {
	padding-bottom: 1.5rem;
}

.metadata-batch .modal-segment:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
}

.metadata-batch.is-processing .modal-tab-content {
	padding-bottom: 95px;
}

.modal-segment {
	margin-bottom: 1.5rem;
	position: relative;
}

.modal-segment::after {
	content: '';
	position: absolute;
	width: calc(100% + 3rem);
	height: 1px;
	background-color: #ccc;
	left: -1.5rem;
	bottom: -1.5rem;
}

.modal-segment:last-child::after {
	display: none;
}

.modal-segment-header,
.imagen-bootstrap .modal-body-title {
	font-size: 17px;
	margin: 0 0 .75rem 0;
	line-height: 1.5;
	font-family: 'Roboto Medium', sans-serif;
	font-weight: normal;
}

.modal-segment-header {
	font-size: 14px;
	background-color: #f1f1f1;
	margin: 0;
	padding: 0.575rem 1.5rem;
}

.modal-body-title--error {
	position: relative;
}

.modal-dialog--error .modal-body::before {
	content: "\e909";
	font-family: 'Imagenweb';
	background-color: #333;
	color: #fff;
	margin-right: .75rem;
	font-size: 1.8rem;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: inline-block;
	text-align: center;
	line-height: 42px;
	position: absolute;
	left: 1.5rem;
	top: 0;
}

.modal-error-detail {
	margin-bottom: 0;
	padding: .75rem;
}

.modal-field-error {
	color: #ec001a;
	text-indent: .375rem;
	order: 2;
}

.modal-field-error.hide {
	display: none;
}

.modal-field-error--validationMsg {
	margin-right: .375rem;
}

.modal-field-error.hide + .modal-required {
	text-indent: .375rem;
}

/** Sibling selector used as the input that processes data is hidden **/
.metadataTag-inputGroup .modal-input.modal-invalid-field + .modal-input.modal-input--tags,
.modal-form-group.is-required .modal-input,
.modal-form-group.is-required .multiselect-input,
.modal-invalid-field {
	border-color: rgba(255, 60, 60, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 60, 60, 0.6);
	outline: 0;
}

/*order needed for when we have an error*/
.modal-required {
	font-size: .75rem;
	color: var(--modal-validation-color);
	order: 3;
	font-family: 'Roboto Medium', sans-serif;
	text-indent: .375rem;
}

.modal-error-msg {
	font-size: .85rem;
	color: var(--modal-validation-color);
	font-family: 'Roboto Medium', sans-serif;
	line-height: 1.5;
}

.modal-error-msg:only-child {
	margin-bottom: 0;
}

.modal-dialog--error .modal-error-msg {
	font-size: 1.1rem;
	opacity: 1;
}

.modal-error-msg--inline {
	width: 100%;
	text-align: right;
}

.imagen-bootstrap .modal-error-msg::before,
.imagen-bootstrap .modal-success-msg::before {
	content: "\e909";
	font-family: 'Imagenweb';
	background-color: transparent;
	font-size: .9rem;
	margin-right: .1875rem;
	color: #9c3a37;
}

.imagen-bootstrap .modal-dialog--error .modal-error-msg::before {
	display: none;
}

.imagen-bootstrap .modal-success-msg::before {
	content: '\e952';
	color: #26bf39;
}

/*Add a top margin if the error message follows directly after an input*/
.modal-input + .modal-error-msg {
	margin-top: .375rem;
}

.imagen-bootstrap .modal-info-msg,
.imagen-bootstrap .modal-alert-msg,
.imagen-bootstrap .modal-success-msg,
.modal-alert-msg {
	margin: 0 0 1rem 0;
	font-size: 13px;
	display: flex;
	align-items: flex-start;
	line-height: 1.5;
	color: var(--modal-msg-color);
}

.imagen-bootstrap .modal-info-msg.hide {
	display: none;
}

.modal-alert-msg .modal-link,
.modal-alert-msg:has(.modal-link)::before,
.imagen-bootstrap .modal-alert-msg:has(.modal-link)::before,
.modal-alert-msg:has(.modal-link) {
	display: inline-block;
}

.modal-alert-msg:only-child,
.imagen-bootstrap .modal-alert-msg-txt:last-child {
	margin-bottom: 0;
}

.imagen-bootstrap .modal-info-msg--hidden {
	margin:0;
}

.imagen-bootstrap .modal-info-msg::before,
.imagen-bootstrap .modal-alert-msg::before,
.modal-alert-msg::before {
	content: '\e935';
	margin-right: .1875rem;
	color: #46a2d0;
	font-family: 'Imagenweb';
	font-size: 1rem;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.imagen-bootstrap .modal-info-msg::before {
	position: relative;
	top: 2px;
}

.field_ctx-tags-edit .modal-info-msg::before {
	position: relative;
	top: 2px;
}

.imagen-bootstrap .modal-alert-msg::before,
.modal-alert-msg::before {
	color: #ffa500;
	content: '\e959';
	font-size: 13px;
	line-height: 1.5;
	margin-inline-end: .375rem;
}

.modal-alert-msg:empty {
	display: none;
}

.imagen-bootstrap .rTable-headerCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
	font-weight: normal;
}

.imagen-bootstrap .rTable-cellDataItem--noOverflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.imagen-bootstrap .rTable-cellDataItem--inGroup {
	margin-bottom: .375rem;
}

.imagen-bootstrap .infoMessage {
	background-color: #f3f3f3;
	padding: 0 0 0 18px;
	position: relative;
	min-height: 28px;
	margin: .375rem 0 10px 0;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.imagen-bootstrap .infoMessage.hide,
.imagen-bootstrap .modal-loading .btn-primary {
	display: none;
}

.imagen-bootstrap .infoMessage-content {
	border: 1px solid #ccc;
	padding: .375rem .75rem;
	max-height: 100px;
	min-height: 28px;
	overflow: auto;
}

.imagen-bootstrap .infoMessage-emboldened {
	font-weight: 700;
}

.imagen-bootstrap  .modal-form-group--infoMessage {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .75rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.imagen-bootstrap .modal-form-group--infoMessage .infoMessage {
	margin-top: 0;
}

.imagen-bootstrap .modal-form-group--infoMessage .modal-options-item {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin: .375rem .75rem 0 1.5rem;
	min-width: 10%;
	width: calc(100% - 2.25rem);
	position: relative;
}

.imagen-bootstrap .modal-form-group--infoMessage .modal-input-check[type="checkbox"],
.imagen-bootstrap .modal-form-group--infoMessage .modal-input-check[type="radio"] {
	position: absolute;
	top: 0;
	left: -1.5rem;
}

.imagen-bootstrap .infoMessage::before {
	font-size: 1rem;
	width: auto;
	background-color: transparent;
	padding: 0;
	color: #999;
	margin-top: 1px;
}

.imagen-bootstrap .infoMessage::after {
	display: none;
}

.imagen-bootstrap .infoMessage .arrow {
	position: absolute;
	display: inline-block;
}

.imagen-bootstrap .infoMessage p:only-child,
.imagen-bootstrap .infoMessage p:last-child {
	margin-bottom: 0;
}

.imagen-bootstrap .infoMessage-arrow {
	display: inline-block;
	position: absolute;
	top: 6px;
	transform: rotate(90deg);
}

.imagen-bootstrap .infoMessage-arrow::before,
.imagen-bootstrap .infoMessage-arrow::after {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px;
	top: -14px;
	left: 1px;
}

.imagen-bootstrap .infoMessage-arrow::before {
	border-color: transparent transparent #bbb;
	margin-top: -1px;
}

.imagen-bootstrap .infoMessage-arrow::after {
	border-color: transparent transparent #f3f3f3;
	margin-top: 0;
	z-index: 1;
}

.imagen-bootstrap .modal-media-select {
	background-image: url(/source/themes/admin/images/trans-img_bg.png);
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #aeaeae;
}

.imagen-bootstrap .btn--mediaSelect {
	border-radius: 0;
	width: 100%;
}

.modal-option {
	margin-bottom: 1rem;
	position: relative;
}

.modal-option-inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modal-option-inline ~ .modal-error-msg {
	margin-top: .375rem;
}

.modal-options--inline .modal-option,
.modal-option-inline .modal-option {
	margin-bottom: 0;
}

.modal-del-layers .modal-option:last-child {
	margin-bottom: 0;
}

.simple-share-modal .url-result {
	resize: none;
	overflow: hidden;
}

.simple-share-modal .modal-input--txtArea {
	height: 66px;
	min-height: inherit;
	padding: .375rem;
	line-height: 1.5;
	border: 0;
	white-space: normal;
}

.simple-share-modal .modal-input-EmbedResponsive {
	height: 122px;
}

.modal-input--copy {
	cursor: pointer;
	font-size: 13px;
}

.modal-tab-acl {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/* z-index added for small devices so is clickable */
.modal-tab-acl {
	opacity: 1;
	-webkit-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	position: absolute;
	top: 65px;
	right: calc(-100% + 35px);
	gap: .375rem;
	z-index: 1;
}

.modal-tab-title--meta .modal-tab-acl {
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	pointer-events: none;
}

.modal-tab-content--media.is-active,
.modal-tab-title--meta.is-active .modal-tab-acl {
	opacity: 1;
	-webkit-transition: opacity .3s cubic-bezier(0.7, 0, 0.84, 0);
	transition: opacity .3s cubic-bezier(0.7, 0, 0.84, 0);
	pointer-events: all;
}

.imagen-bootstrap .modal-copyValue {
	margin: 0;
	color: #8a8a8a;
	text-overflow: ellipsis;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
}

.modal-body--switchTabs,
.modal-dialog--editmetadata .modal-body {
	padding: 0;
	height: 900px;
}

.modal-body.is-expanded {
	overflow: hidden;
}

.modal-tab-header {
	background-color: #f6f6f6;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 1px solid #e9e9e9;
}

.modal-tab-titleBtn {
	font-size: 1.2rem;
	color: #333;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	text-align: left;
	font-family: 'Roboto Medium', sans-serif;
}

.modal-body--switchTabs .modal-tab-title {
	font-family: 'Roboto Medium', sans-serif;
	color: #333;
}

.modal-stretch-section--title,
.modal-tab-acl,
.modal-tab-title,
.dropZone-actions,
.dropZone-uploadSection,
.modal-tab-header,
.modal-dialog--editmetadata .modal-body,
.modal-body--switchTabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* needed for the browse button as we take overflow:hidden off the button for modals so we see the hover animation */
.dropZone-actions {
	overflow: hidden;
	gap: .75rem;
	margin-bottom: 1.5rem;
}

.dropZone-actions .file-input-wrapper.btn {
	overflow: visible;
}

.modal-stretch-section--title {
	background-color: #f1f1f1;
	padding: .575rem 1.5rem;
	font-size: .9rem;
}

.modal-sub-header[class*="iw-icon-"] {
	font-family: 'Roboto Medium', sans-serif;
}

.modal-btn-icon--txt[class*="iw-icon-"],
.modal-txt[class*="iw-icon-"] {
	font-family: 'Roboto', sans-serif;
}

.modal-drop-error {
	margin-bottom: .75rem;
	font-size: 13px;
	line-height: 1.5;
}

.modal-drop-error:only-child {
	margin-bottom: 0;
}

.modal-upload-options {
	background-color: #f1f1f1;
	margin: 0;
	padding: 1.5rem;
}

.modal-list__entry {
	border: 1px solid var(--modal-border-color);
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	margin-block-end: .75rem;
	padding: .75rem;
	row-gap: .75rem;
}

.modal-list__entry:has(.modal-list__entry__body) {
	grid-template-rows: auto auto auto;
	row-gap: 0;
}


.modal-list__entry:has(.modal-list__entry__body) .modal-keyVal-section {
	line-height: 25px;
}

.modal-list__entry__body {
	grid-area: 2 / 2 / 3 / 3;
}

.modal-list__entry:has(.modal-list__entry__body) .modal-list__entry__footer {
	grid-area: 3 / 2 / 4 / 3;
}

.modal-list__entry:has(.modal-list__entry__body) .modal-list__entry__aside {
	grid-area: 1 / 1 / 4 / 2;
}

.modal-list__entry:has(.modal-list__entry__aside) {
	column-gap: .75rem;
	display: grid;
	grid-template-columns: min-content 1fr;
	grid-template-rows: auto auto;
}

.modal-list__entry--bg {
	background-color: var(--modal-lightest-grey);
}

.modal-list__entry__footer:has(.modal-info-msg) {
	align-items: center;
	display: flex;
	justify-content: space-between;
	column-gap: .75rem;
}

.modal-list__entry--bg .modal-txt.iw-icon-calendar {
	flex-shrink: 0;
	align-self: flex-start;
	line-height: 1.5;
}

.modal-list__entry__footer .modal-info-msg {
	margin: 0;
}

.modal-list__entry__head {
	align-items: center;
	display: flex;
	grid-area: 1 / 2 / 2 / 3;
	justify-content: space-between;
}

.modal-list__entry__footer {
	grid-area: 2 / 2 / 3 / 3;

	.modal-txt {
		white-space: pre-line;
	}
}

.modal-list__entry__actions {
	column-gap: .75rem;
	display: flex;
	flex-shrink: 0;
}

.modal-list__entry__aside {
	grid-area: 1 / 1 / -1 / 2;
}

.modal-list__title {
	font-size: 1rem;
	margin: 0;
}

.modal-owner-icon {
	align-items: center;
	background-color: var(--modal-icon-color);
	border-radius: 50%;
	color: #fff;
	display: flex;
	flex-shrink: 0;
	font-size: .8rem;
	font-weight: bold;
	height: 25px;
	justify-content: center;
	line-height: 25px;
	position: relative;
	width: 25px;
}

.is-uploading .modal-upload-options {
	margin-bottom: 1.5rem;
}

.modal-body--switchTabs,
.modal-tab-content--media,
.dropZone-uploadSection,
.modal-dialog--editmetadata .modal-body {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.modal-dialog--editmetadata .dropZone-tagLine::before {
	content: "\e9e5";
	font-family: 'Imagenweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-bottom: 1rem;
	font-size: 3rem;
}

.modal-tab-content {
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity .3s cubic-bezier(0.7, 0, 0.84, 0);;
	transition: opacity .3s cubic-bezier(0.7, 0, 0.84, 0);;
	padding: 0;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	overflow-y: auto;
	pointer-events: none;
	width: 100%;
	height: 0;
}

.modal-tab-content.is-active {
	height: 100%;
	padding: 0 1.5rem 0;
}

.modal-tab-content--media.is-active {
	padding-top: 1.5rem;
}

.modal-tab-content--meta.is-active {
	padding: 0 1.5rem 1.5rem 1.5rem;
}

/* z-index to cover expand section background colour when open
   px padding to prevent sub pixels using REM making spacing around image look uneven */
.modal-editMedia-img {
	position: absolute;
	right: 1.5rem;
	padding: 3px;
	max-width: 100px;
	border: 3px solid #428bca;
	border-radius: 8px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
	top: 138px;
}

/* min-height and width needed for failed media */
.modal-editMedia-img img {
	max-height: 64px;
	max-width: 100%;
	object-fit: cover;
	border-radius: 5px;
	min-height: 31px;
	min-width: 60px;
}

.modal-editMedia-media {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.modal-editMedia-duration {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #000;
	padding: .1875rem .375rem;
	border-radius: 0 0 5px 5px;
	color: #fbfbfb;
	font-size: .7rem;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal-keyVal-value .iw-icon-edit:before {
	color: var(--modal-icon-color);
	font-size: .8rem;
}

.modal-stretch-section,
.modal-more-section,
.modal-editMedia,
.modal-upload-options {
	position: relative;
	left: -1.5rem;
	margin-right: -3rem;
	width: calc(100% + 3rem);
}

.modal-stretch-section--list {
	border-bottom: 1px solid var(--modal-border-color);
	padding: 1rem 1.5rem;
}

.modal-stretch-section--collectionList,
.modal-stretch-section--collections {
	top: -.75rem;
	margin-bottom: .75rem;
	padding: 1rem 1.5rem;
 }

.modal-stretch-section--attach,
.modal-stretch-section--collectionListOpts {
	background-color: var(--modal-lightest-grey);
	top: -1rem;
	padding: 1.5rem;
	margin-bottom: -1rem;
}

/*z-index so down arrow shows over modal-stretch-section--collectionListOpts */
.modal-stretch-section--collectionList {
	font-weight: normal;
	font-family: 'Roboto Medium', sans-serif;
	background-color: var(--modal-grey);
	z-index: 1;
	top: 0;
}

.modal-dialog--editmetadata .modal-stretch-section,
.modal-dialog--editmetadata .modal-more-section,
.modal-dialog--editmetadata .modal-editMedia,
.modal-dialog--editmetadata .modal-upload-options {
	top: -1.5rem;
}

.modal-stretch-section--deleteReady .modal-more-section::before {
	border-bottom-color: #f2e5e5;
}

.modal-more-section.iwSlideSection {
	margin: 0;
}

/* This allows for full width including no padding */
.modal-editMedia-expand .iwSlideSection--open {
	overflow: visible;
}

.modal-editMedia-expand .modal-more-section::before {
	left: 24px;
}

/* Background set for sortable */
.modal-editMedia {
	background-color: #fff;
	padding: 1.5rem 1.5rem 0 1.5rem;
	border-bottom: 1px solid var(--modal-input-border-color);
}

.modal-more-section {
	background-color: #f6f6f6;
	position: relative;
}

.modal-dialog--editmetadata .modal-more-section.iwSlideSection--open {
	margin-top: 2.5rem;
}

.modal-more-section.iwSlideSection--open {
	margin-top: 1.5rem;
	padding: 1.5rem;
	overflow: visible;
}

.modal-more-section--deleteReady,
.modal-stretch-section--deleteReady .modal-more-section,
.modal-stretch-section--deleteReady {
	background-color: #f2e5e5;
}

.modal-editMedia-editable > .modal-more-section.iwSlideSection--open {
	margin-top: 2rem;
}

.modal-body--switchTabs .modal-tab-content.is-active,
.modal-tab-content--meta.is-active {
	opacity: 1;
	-webkit-transition: opacity .5s cubic-bezier(0.7, 0, 0.84, 0);
	transition: opacity .5s cubic-bezier(0.7, 0, 0.84, 0);
	pointer-events: all;
}

/* Warning changing padding will break layout */
.modal-body--switchTabs .modal-tab-content.is-active {
	padding: 1.5rem;
}

.modal-tab-body {
	position: relative;
	height: 100%;
}

/* stops overlap of scroll bar on acive tab underline */
.modal-body--switchTabs .modal-tab-body {
	margin-top: 1px;
}

.modal-dialog--editmetadata .modal-tab-body {
	margin-top: 50px;
}

.media-isActive .modal-tab-body {
	margin-top: 0;
}

.dropZone-uploadSection,
.modal-tab-content,
.modal-dialog--editmetadata .dropZone {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.modal-dialog--editmetadata .dropZone {
	margin-bottom: 1.5rem;
	border: 2px dashed #707070;
	min-height: 50vh;
}

.metadata-batch .modal-form-group {
	padding-right: 40px;
}

.modal-collection-img {
	width: 85px;
	object-fit: cover;
	border-radius: 4px;
}

.modal-collection-thumb {
	position: relative;
	background: #fff;
}

.modal-collection-thumbLnk {
	overflow: hidden;
	color: #fff;
	height: 55px;
}

.modal-collection-header,
.modal-collection-thumb,
.modal-collection-info,
.modal-collection-thumbLnk,
.modal-stretch-section--collectionItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.modal-collection-header {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	gap: 1rem;
	margin-bottom: .375rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modal-collection-header .modal-txt {
	margin-bottom: 0;
}

/* width needed otherwise, if the select input has a long string, it overlaps */
.modal-collection-info {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: calc(100% - 97px);
}

.modal-stretch-section--collectionItem .modal-error-msg {
	width: 100%;
}

.modal-form-group.elementParent .modal-error-msg {
	margin-top: .375rem;
}

.modal-collection-info .modal-label {
	margin-bottom: .375rem;
}

.modal-stretch-section--collectionItem {
	gap: .75rem;
	border-bottom: 1px solid var(--modal-border-color);
	padding: 1.5rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.modal-stretch-section--collectionItem.is-disabled .iw-icon-calendar,
.modal-stretch-section--collectionItem.is-disabled .modal-collection-header-title,
.modal-stretch-section--collectionItem.is-disabled .modal-collection-thumb,
.modal-stretch-section--collectionItem.is-disabled .modal-collection-info {
	opacity: .7;
	pointer-events: none;
}

.modal-stretch-section--collectionItem.is-disabled .modal-collection-thumb {
	opacity: .5;
}

.modal-collection-thumbLnk .iw-icon-clip--collections {
	position: relative;
	z-index: 1;
	top: 5px;
	left: 5px;
	display: inline-block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modal-options--collections {
	margin: 1.5rem 0 1.5rem;
	border: 0;
	padding: 0;
}

.modal-options--collections .modal-option:only-of-type {
	margin-bottom: .375rem;
}

.modal-options .modal-error-msg,
.modal-form-group .modal-error-msg {
	margin-bottom: 0;
}

.modal-section--collection {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.modal-section--collection {
	gap: 1rem;
}

/** z-index to beat banner **/
.iwToolBar {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 65005;
	background-color: #262a34;
	font-family: 'Roboto', sans-serif;
	box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
}

.iwToolBar--isLoading .iwToolBar-shortcuts {
	display: none;
}

.iwToolBar-shortcuts {
	height: 70vh;
	overflow: auto;
}

.iwTBar--anim .iwToolBar {
	transition: all 0.3s ease-in;
}

.iwTBar--noTransition .iwToolBar--closed {
	transition: none;
}

.iwToolBar-containerInner {
	position: relative;
	height: 100%;
}

.iwToolBar--closed {
	left: calc(-100% + 5px);
}

.iwToolBar-logo {
	width: 110px;
	height: 30px;
	position: absolute;
	background: url(/source/images/iw-logo.png);
	background-size: contain;
	background-repeat: no-repeat;
	bottom: 1.5rem;
	left: 1.5rem;
	background-position: 10% 50%;
	font-size: 0;
}

.iwToolBar-loadingPanel {
	padding-inline-start: .75rem;
	position: relative;
	right: 6px;
}

.iwToolBar-item {
	border-bottom: solid 1px #363a49;
}

.iwToolBar-taggedHeader {
	display: none;
}

.iwToolBar-taggedHeader::before {
	content: '';
	position: absolute;
	top: 23px;
	left: .375rem;
	right: .375rem;
	height: 1px;
	background-color: #666c76;
}

.iwToolBar-taggedHeader::after {
	content: "\e96d";
	display: block;
	font-family: 'Imagenweb';
	font-size: 1.3rem;
	color: #666c76;
}

.iwToolBar-exitPreview {
	background-color: #f26729;
	border-bottom: 3px solid #f26729;
}

.iwToolBar-exitPreview .iwToolBar-itemLink,
.iwToolBar-exitPreview .iwToolBar-itemLink:hover {
	color: #fff;
}

.iwToolBar-itemLink {
	color: #a8afba;
	text-decoration: none;
	display: block;
	padding: 1.5rem;
}

.iwToolBar-itemText {
	margin-left: .75rem;
}

.iwToolBar-itemLink:not(.iwToolBar-itemLink--tagged):hover {
	color: #f26729;
	transition: color 0.3s ease;
}

.iwToolBar-exitPreview .iwToolBar-itemLink {
	background-color: #b5542a;
}

.iwToolBar-exitPreview .iwToolBar-itemLink:hover {
	color: #fff;
	opacity: 1;
	background-color: #f26729;
}

.iwToolBar-handle {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 6px;
	background-color: #f26729;
	height: 100%;
	color: #fff;
}

.shortcutMove {
	display: none;
}

.iwToolBar-handle::before {
	transform: translate(-18px, -50%);
	top: 50vh;
	position: absolute;
	background-color: #f26729;
	border-radius: 5px 0 0 5px;
	padding: 1rem 3px;
	text-align: center;
}

.iwToolBar--closed .iwToolBar-handle::before {
	transform: translate(6px, -50%);
	border-radius: 0 5px 5px 0;
	box-shadow: 6px 3px 14px -3px rgba(40, 40, 40, .5);
}

.iwToolBar--isLoading #iw_admin .iwToolBar-itemLink,
.iwToolBar--isLoading #iw_admin .iwToolBar-itemText {
	display: inline-block;
}

.iwToolBar--isLoading .iwToolBar-exitPreview .iwToolBar-itemText {
	display: inline-block;
	font-size: 1rem;
	margin-left: .375rem;
}

.iwToolBar--isLoading .iwToolBar-exitPreview .iwToolBar-itemLink {
	padding: .85rem;
}

.iwToolBar--isLoading .iwToolBar-content {
	padding: 0;
	height: calc(100% - 45px);
}

.iwToolBar--isLoading #iw_admin {
	border-bottom: 2px solid #424c5c;
}

.iwToolBar--isLoading #iw_admin .iwToolBar-itemLink {
	padding: .7rem .8rem .9rem .5rem;
	font-size: .93333rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.iwToolBar--isLoading #iw_admin .iwToolBar-itemText {
	margin-left: .75rem;
	font-size: .93333rem;
}

.iwToolBar--isLoading .iwToolBar-logo {
	left: .3rem;
	bottom: 9px;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	transition: all .3s ease;
}

.placeholderMask {
	background: #252a34;
	position: absolute;
	height: 0;
	left: 0;
	width: 101%; /* 101% so we don't see a thin line when resizing*/
}

.placeholderMask--title {
	height: 2.25%;
	top: 6%;
}

.placeholderMask--subTitle {
	top: 12%;
	height: 4%;
}

.placeholderMask--subTitleFaux {
	top: 7.5%;
	height: 5%;
	width: 40%;
	right: -1px;
	left: auto;
}

.placeholderMask--list,
.placeholderMask--text {
	height: 2%;
}

.placeholderMask--textFaux,
.placeholderMask--listFaux {
	height: 3%;
}

.placeholderMask--line1 {
	top: 18%
}

.placeholderMask--line2 {
	top: 22%;
}

.placeholderMask--line2Faux,
.placeholderMask--line3Faux,
.placeholderMask--line4Faux {
	top: 19.5%;
	width: 15%;
	left: auto;
	right: -1px;
}

.placeholderMask--line3 {
	top: 26%;
}

.placeholderMask--line3Faux {
	top: 23.5%;
	width: 23%;
}

.placeholderMask--line4 {
	top: 30%;
}

.placeholderMask--line4Faux {
	top: 27.5%;
}

.placeholderMask--line5 {
	top:34%;
	height: 4%;
}

.placeholderMask--list1 {
	top: 40%;
}

.placeholderMask--list1Faux1,
.placeholderMask--list2Faux1,
.placeholderMask--list3Faux1,
.placeholderMask--list4Faux1  {
	top: 37.5%;
	width: 4%;
	left: 5%;
	right: auto;
}

.placeholderMask--list1Faux2,
.placeholderMask--list2Faux2,
.placeholderMask--list3Faux2,
.placeholderMask--list4Faux2 {
	top: 37.5%;
	width: 55%;
	left: auto;
	right: -1px;
}

.placeholderMask--list2 {
	top: 44%;
}

.placeholderMask--list2Faux1,
.placeholderMask--list2Faux2 {
	top: 41.5%;
}

.placeholderMask--list3 {
	top: 48%;
}

.placeholderMask--list3Faux1,
.placeholderMask--list3Faux2 {
	top: 45.5%;
}

.placeholderMask--list4 {
	top: 52%;
	height: 52%;
}

.placeholderMask--list4Faux1,
.placeholderMask--list4Faux2 {
	top: 49.5%;
}


/* ==== Placeholder Animation ==== */
@-webkit-keyframes placeHolderAnimation {
	0% {
		background-position: 95% 0;
	}
	100% {
		background-position: -95% 0;
	}
}

@keyframes placeHolderAnimation {
	0% {
		background-position: 95% 0;
	}
	100% {
		background-position: -95% 0;
	}
}

.customisePanel-infoSection {
	margin-top: 0;
	padding: 0 .75rem;
	min-height: 400px;
}

.placeholderContainer {
	position: relative;
	animation-duration: 1.6s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderAnimation;
	animation-timing-function: linear;
	background: #262a34;
	background: linear-gradient(to right, #3a3f4e 8%, #464c5d 18%, #3a3f4e 33%);
	background-size: 200% 100%;
	min-height: 75vh;
	border: 1rem solid #252a34;
	width: 100%;
	margin-top: 1.5rem;
}


/* Loading skeleton */
#customisePanel-loadingSection .skeleton {
	overflow: hidden;
}

.skeleton {
	--block-margin: 24px;

	margin-block-start: 1.5rem;
	min-height: 75vh;
	width: 100%;
}

.skeleton__menuItem::after,
.skeleton__menuItem::before,
.skeleton__line,
.skeleton__box,
.skeleton__menuItem,
.skeleton__title {
	animation-duration: 1.6s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderAnimation;
	animation-timing-function: linear;
	background: #262a34;
	background: var(--loading-gradient);
	background-size: 200% 100%;
	border-radius: 4px;
	position: relative;
}


.customisePanel .skeleton__menuItem::after,
.customisePanel .skeleton__menuItem::before,
.customisePanel .skeleton__line,
.customisePanel .skeleton__box,
.customisePanel .skeleton__menuItem,
.customisePanel .skeleton__title,
.iwToolBar .skeleton__menuItem::after,
.iwToolBar .skeleton__menuItem::before,
.iwToolBar .skeleton__line,
.iwToolBar .skeleton__box,
.iwToolBar .skeleton__menuItem,
.iwToolBar .skeleton__title {
	background: linear-gradient(to right, #3a3f4e 8%, #464c5d 18%, #3a3f4e 33%);
	background-size: 200% 100%;
}

.iwToolBar .skeleton__divider,
.customisePanel .skeleton__divider {
	background-color: #3a3f4e;
}

.skeleton__title {
	height: 24px;
	margin-block-end: var(--block-margin);
	width: 60%;
}

.skeleton__title--small {
	width: 35%;
}

.skeleton__title--large {
	width: 85%;
}

.skeleton__paragraph {
	margin-block-end: var(--block-margin);

	.skeleton__line:nth-child(1) {
		width: 95%;
	}

	.skeleton__line:nth-child(2) {
		width: 80%;
	}

	.skeleton__line:nth-child(3) {
		width: 88%;
	}

	.skeleton__line:nth-child(4) {
		width: 68%;
	}
}

.skeleton__line {
	height: 14px;
	margin-block-end: 10px;
}

.skeleton__box,
.skeleton__menu {
	margin-block-end: var(--block-margin);
}

.skeleton__menu--links {
	margin-inline-end: 2rem;

	.skeleton__menuItem::after {
		border-radius: 4px;
		content: '';
		display: inline-block;
		height: 16px;
		margin-inline-start: calc(100% + 2rem);
		transform: translateX(-16px);
		width: 16px;
	}
}

.skeleton__menu--inputs {
	margin-inline-start: 2rem;

	.skeleton__menuItem::before {
		border-radius: 4px;
		content: '';
		display: inline-block;
		height: 16px;
		margin-inline-start: -2rem;
		width: 16px;
	}
}

.skeleton__menuItem {
	height: 16px;
	margin-block-end: 10px;
}


.skeleton__box {
	height: 200px;
}

.skeleton__divider {
	background-color: var(--skeleton-divider);
	height: 1px;
	margin-block-end: var(--block-margin);
}

.iwToolBar--isLoading #iw_toolbar_customise,
.iwToolBar--isLoading .iwToolBar-handle,
.iwToolBar--isLoading .iwToolBar-exitPreview,
.iwToolBar--isLoading .iwToolBar-taggedHeader,
.iwToolBar--isLoading .shortcutMove {
	display: none;
}

.iw_edit_container {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size: 19px !important;
	background-color: transparent;
	visibility:hidden;
	background: none;
	border: none;
	opacity: 1;
	z-index: 1001;
	position: absolute;
	top: 0;
	left: 0;
}

.iw-edit {
	background: transparent;
	padding: 0 !important;
	transform-origin: 0 0;
	transform: scale(0, 0);
	opacity: 0;
	transition: transform .5s, opacity .5s;
	visibility:visible;
	cursor: pointer;
}

.iw-edit i {
	width: 30px;
	height: 30px;
	padding: 4px 6px !important;
	display: block;
	position: relative;
	top: 1px;
	left: 1px;
	z-index: 10;
	color: white;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.35);
}

.iw-edit i:before {}

.iw-edit-mode .iw-edit{
	visibility:visible;
	transform: scale(1, 1);
	opacity: 1;
}

.iw_instance_container {
	height:100%;
	position: relative;
	clear: both;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.iwTemplate img {
	height: auto;
	max-width: 100%;
}

.iw_instance_container.iw_instance_inline {
	display:inline-block;
}

/* when a template has resource images in it, make the edit link
 for the image edit link show up right of the template edit link */
.iwTemplate > .iw_instance_container > .iw_edit_container {
	left: 30px;
}

.saveCancel {
	margin-bottom: .75rem;
}

.saveCancel .btn--mini:first-child {
	margin-right: .75rem;
}

.clips-editOptions .btn--mini:first-child {
	margin-right: .375rem;
}

#cis_pop_over_shield{
	position: fixed;
	top:0;
	left:0;
	z-index: 65538;
	width:100%;
	height:100%;
}

#iw_Loading_box {
	display:none;
	position: fixed;
	height: 90px;
	inset-block-end: 35px;
	inset-inline-end: 20px;
	background: #444;
	border-radius: 3px;
	color: #DDD;
	z-index: 85008;
}

#iw_Loading_box .iwLoading{
	margin: 0 30px;
}

.loading #iw_Loading_box{
	display:block;
}

.iwLoading {
	position: relative;
	height: 75px;
}

.iwLoading div,
.iwLoading div::before,
.iwLoading div::after {
	background-color: #606060;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: 10px;
	height: 30px;
}

.iwLoading div::before,
.iwLoading div::after {
	content: '';
	position: absolute;
	top: 0;
}

.iwLoading div::before {
	left: -15px;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.iwLoading div::after {
	left: 15px;
}

.iwLoading.iwLVSmall div,
.iwLoading.iwLVSmall div::before,
.iwLoading.iwLVSmall div::after{
	height: 11px;
	width: 3px;
}

.iwLoading.iwLSmall div,
.iwLoading.iwLSmall div::before,
.iwLoading.iwLSmall div::after{
	height: 15px;
	width: 5px;
}

.iwLoading.iwLLarge div,
.iwLoading.iwLLarge div::before,
.iwLoading.iwLLarge div::after{
	height: 40px;
	width: 15px;
}

.iwLoading.iwLXLarge div,
.iwLoading.iwLXLarge div::before,
.iwLoading.iwLXLarge div::after{
	height: 50px;
	width: 25px;
}

.iwLoading.iwLVSmall div::before{
	left: -7px;
}
.iwLoading.iwLVSmall div::after{
	left: 7px;
}

.iwLoading.iwLSmall div::before{
	left: -10px;
}
.iwLoading.iwLSmall div::after{
	left: 10px;
}
.iwLoading.iwLLarge div::before{
	left: -20px;
}
.iwLoading.iwLLarge div::after{
	left: 20px;
}
.iwLoading.iwLXLarge div::before{
	left: -35px;
}
.iwLoading.iwLXLarge div::after{
	left: 35px;
}

.iwLoading div {
	text-indent: -9999em;
	margin: 30px auto;
	position: relative;
	font-size: 11px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.iwLoading.inlineLoader {
	display: inline-block;
	height: 10px;
}
.iwLoading.inlineLoader div {
	margin: 0 5px;
}
.iwLoading.drk div,
.iwLoading.drk div::after,
.iwLoading.drk div::before {
	background: #fff;
}

@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		transform: scaleY(1);
	}
	40% {
		transform: scaleY(1.4);
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		transform: scaleY(1);
	}
	40% {
		transform: scaleY(1.4);
	}
}

.iw-icon-grippy{
	color: #ADADAD;
	font-size: 26px;
	cursor: move;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
	vertical-align: middle;
}

.card-listItem .iw-icon-grippy {
	display: none;
}

.ui-sortable-helper i.iw-icon-grippy{
	cursor: move;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
	cursor: grabbing;
}

.iwSlideDownOption{
	border:none;
}

.help-text.iwSlideDown,
.iwSlideDownOption.iwSlideDown{
	display:block;
	opacity:1;
	height: auto;
	padding: 1.5rem 1.5rem 0 1.5rem;
	margin: 10px 0;
}

.help-text.iwSlideDown{
	border: 1px solid #D8DFE6;
}

.detailed-help-text A:link{
	text-decoration: underline;
}

.embed_no_media_text{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(
			transparent,
			hsla(0, 0%, 0%, 0.002) 1.8%,
			hsla(0, 0%, 0%, 0.008) 4.8%,
			hsla(0, 0%, 0%, 0.021) 9%,
			hsla(0, 0%, 0%, 0.042) 13.9%,
			hsla(0, 0%, 0%, 0.075) 19.8%,
			hsla(0, 0%, 0%, 0.126) 27%,
			hsla(0, 0%, 0%, 0.194) 35%,
			hsla(0, 0%, 0%, 0.278) 43%,
			hsla(0, 0%, 0%, 0.382) 51.5%,
			hsla(0, 0%, 0%, 0.541) 61%,
			hsla(0, 0%, 0%, 0.738) 74%,
			hsla(0, 0%, 0%, 0.94) 89%,
			hsla(0, 0%, 0%, 1)
	);
	color: rgba(255, 255, 255, 0.78);
	padding: 2%;
}

.license_info {
	position: fixed;
	bottom: 0;
	padding: 2% 2% 0;
	width: 100%;
	z-index: 10;
	color: rgba(255, 255, 255, 0.75);
	font-size: .75rem;
}

.license_text {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.u-link--embed {
	color: #fff;
	text-decoration: underline;
}

/* For use when media player is embedded by Smarty into a custom page but user can't get media */
.unavailableMediaDisplay {
	height: 288px;
	width: 512px;
	margin: 0 auto;
	background-color: #3A3A3A;
	color: #AFAFAf;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
}

.unavailableMediaDisplay--text {
	text-align: center;
}

.unavailableMediaDisplay--mediaIcon {
	font-size: 2.25rem;
}

.unavailableMediaDisplay--reason {
	padding: 0 1.5rem;
}

.modal-more,
.iw-progress-bar-action,
.unavailableMediaDisplay,
.iw-progress-bar-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.imagen-bootstrap .iw-progress-bar-header {
	margin-bottom: .375rem;
}

.imagen-bootstrap .iw-progress-bar-header:empty {
	margin-bottom: 0;
}

.iw-progress-bar-header {
	margin-bottom: .75rem;
	padding-left: .1875rem;
}

.iw-progress-bar-action-header {
	margin-inline-start: .375rem;
}

.iw-progress-bar-footer,
.iw-progress-bar-keyVals {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 12px;
	margin-top: .375rem;
}

.iw-progress-bar-keyVals {
	width: 100%;
}

.iw-progress-bar-keyVal {
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.1875rem;
	max-width: 50%;
}

.iw-progress-bar-val {
	margin-left: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.iw-progress-bar-title {
	margin: 0;
	font-size: .95rem;
}

.card--viewMedia .iw-progress-bar-title {
	line-height: 1.5;
}

.modal-input-group[class*="iw-icon-"],
.modal-link[class*="iw-icon-"],
.modal-input-extension[class*="iw-icon-"],
.modal-input[class*="iw-icon-"],
.iw-progress-bar-header[class^="iw-icon-"],
.iw-progress-bar-header[class*=" iw-icon-"] {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.iw-progress-bar-header[class^="iw-icon-"]::before,
.iw-progress-bar-header[class*=" iw-icon-"]::before {
	margin-inline-end: .375rem;
	line-height: 1.5;
}

.iw-progress-bar-container {
	font-family: 'Roboto', Sans-Serif;
	padding: 1.5rem 0;
	width:100%;
}

.card--viewMedia .iw-progress-bar-container {
	padding: 1.5rem;
}

.modal-dialog--editmetadata .iw-progress-bar-container {
	padding: 1.5rem;
}

.metadata-batch ~.modal-progress-total .iw-progress-bar-container {
	padding: 0;
}

.modal-tab-content--media .iw-progress-bar-container {
	padding: 0;
	margin-bottom: .575rem;
}
.iw-progress-bar-action,
.iw-progress-bar-cancel {
	background-color: #c4493e;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	color: #fff;
	border: 0;
	padding: 0;
}

/* Auto margin needed if progress percentage isn't available */
.imagen-bootstrap .iw-progress-bar-title {
	margin-inline-end: auto;
	font-size: 13px;
	font-weight: bold;
	word-break: break-word;
	line-height: 1.5;
}

.iw-progress-bar-subTitle {
	font-weight: normal;
	margin-left: .1875rem;
	font-family: 'Roboto Medium', sans-serif;
	font-size: 11px;
}
.is-cancel {
	background-color: #c4493e;
	cursor: pointer;
}
.is-cancel::before {
	content: "\e9ce";
	font-size: 8px;
}

.is-success {
	background-color: #47c43e;
}

.is-success::before {
	content: "\e952";
	font-size: 8px;
}

.modal-progress-total {
	position: absolute;
	bottom: 0;
	background-color: #f6f6f6;
	inset-inline-start: 0;
	inset-inline-end: 0;
	padding: 1.5rem;
}

.is-uploading--batch .modal-progress-total {
	inset-inline-start: -1.5rem;
	inset-inline-end: -1.5rem;
}

/* bottom margin allows space for absolutely positioned overall progress bar */
.is-uploading .modal-upload-rows {
	overflow: hidden;
	overflow-y: auto;
	inset-inline-start: -1.5rem;
	position: relative;
	width: calc(100% + 3rem);
	top: -1.5rem;
	padding: 1.5rem;
	margin-bottom: 47px;
}

.modal-editMediaObjects .is-uploading--batch .modal-upload-rows {
	padding: 0;
	margin-bottom: -1.5rem;
	overflow: inherit;
	width: 100%;
	left: auto;
}

.modal-upload.is-uploading--batch {
	position: relative;
}

.is-uploading .modal-upload-rows .modal-upload-item {
	margin-bottom: 1.5rem;
}

.modal-progress-total .iw-progress-bar {
	background: #ccc;
}

.modal-progress-total .iw-progress-bar-header::before {
	font-size: 1.1rem;
}

.modal-editMedia-timeCode:empty,
.modal-label:empty,
.iw-progress-bar-percentage:empty,
.iw-progress-bar-container:empty {
	display: none;
}

.iw-progress-bar {
	background-color: #f3f3f3;
	border-radius: 30px;
}

.iw-bar {
	border-radius: 30px;
	height: 16px;
	background: repeating-linear-gradient(to right, #428bca 0%, #00d4ff 50%, #428bca 100%);
	background-size: 200% auto;
	background-position: 0 100%;
	animation: modalLoadingAnimation 2s infinite;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	width:0;
	-webkit-transition: width 2s;
	transition: width 2s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
}

.iw-bar--complete {
	animation-play-state: paused;
	background: #46a2d0;
}

.iw-progress-bar-percentage {
	font-family: 'Roboto Medium', Sans-Serif;
	font-size: 11px;
	margin-inline: auto .375rem;
	line-height: 1.5;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.imagen-bootstrap .iw-progress-bar-percentage {
	color: var(--modal-msg-color);
}

.modal-more {
	border: 0;
	background-color: transparent;
	color: #428bca;
	font-size: 13px;
	padding: 0 0 0 24px;
	cursor: pointer;
	margin-bottom: 1rem;
	position: relative;
	text-decoration: none;
}

.modal-keyVal .modal-more {
	margin-bottom: 0;
	margin-right: auto;
}

.modal-upload-item {
	margin-bottom: .75rem;
}

.modal-editMediaObjects .modal-more {
	left: -.375rem;
}

.modal-more::before,
.modal-more:after {
	content: '';
	position: absolute;
	background-color: #428bca;
	display: block;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	left: 0.75rem;
	top: 7px;
	border-radius: 30px;
}

.modal-more::before {
	height: 11px;
	width: 3px;
	-webkit-transform: translate(-50% , -50%) rotate(0deg);
	transform: translate(-50% , -50%) rotate(0deg);
}

.modal-more::after {
	height: 3px;
	width: 11px;
	-webkit-transform: translate(-50% , -50%) rotate(0deg);
	transform: translate(-50% , -50%) rotate(0deg);
}

.modal-more.is-active::before {
	height: 14px;
	right: 21px;
	width: 3px;
	-webkit-transform: translate(-50% , -50%) rotate(90deg);
	transform: translate(-50% , -50%) rotate(90deg);
}

.modal-more.is-active::after {
	height: 3px;
	right: 10px;
	width: 14px;
	-webkit-transform: translate(-50%, -50%) rotate(90deg) scale(0);
	transform: translate(-50%, -50%) rotate(90deg) scale(0);
}

.iwSlideSection .modal-more {
	margin-left: .75rem;
}

.iwplayer_loading{
	display:none;
}

.metadataTag-predictiveListContainer {
	max-height: 120px;
	overflow-y: auto;
	background: #fff;
	border-radius: 0 0 4px 4px;
}

.cis_pop_over.open .metadataTag-predictiveListContainer {
	border: 1px solid #ccc;
	border-top: 0;
}

.iwClearfix:before,
.iwClearfix:after {
	content: "";
	display: table;
}

.iwClearfix:after {
	clear: both;
}

.iwClearfix {
	zoom: 1;
}

.afd-alertShow{
	font-size: 45px;
	color: #F32;
}

.afd-modal-message {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	margin: 0 auto;
	padding-block: .75rem;
	padding-inline: 1.5rem;
}

.afd-modal-txt {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.afd-modal-message .afd-alertMsg a{
	color: #F32;
}

.afd-modal-message .afd-alertMsg a:hover{
	color: #da2a1b;
	text-decoration: none;
}

.afd-modal-message .tip_heading{
	color: #F32;
	font-size: 18px;
	font-weight: 600;
	margin-block-end: .375rem;
}

.cis_pop_over {
	-webkit-box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.65);
	-moz-box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.65);
	box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.17);
	overflow-y: hidden;
	display: none;
	max-height: 1900px;
}

.cis_pop_over.iw-tip-container{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.cis_pop_over.open {
	display: block;
}

.js-popUpMaxHeight > * {
	height: 100%;
	overflow-y: scroll;
}

.iw-tip{
	display: block;
	z-index: 1030;
	max-width: 250px;
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
	transition: all 0.2s cubic-bezier(0.4, 0.0, 0.2, 1);
	color: #fff;
	-webkit-box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.65);
	-moz-box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.65);
	box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.17);
	font-family: "Roboto", sans-serif;
	text-shadow: 1px 1px 1px rgba(12, 12, 12, 0.58);
	font-size: 11px;
	font-style: normal;
	line-height: 1.3;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity:0.5;
	padding: 8px 12px;
	background: #000;
	border-radius: 6px;
	text-align: center;
	margin-top: 6px;
	word-break: break-word;
}

.iw-tip.iw-tip-show {
	opacity: 1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	margin-top:6px;
}

.iw-tip.warning{
	background: #c4493e;
}

.iw-tip.bottom-align.iw-tip-show{
	opacity: 1;
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	margin-bottom:6px;
}

.iw-tip-hint {
	display: block;
	color: gray;
}

.iw-tip:after{
	position: absolute;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	margin: -6px;
	border: 6px solid transparent;
	top: -6px;
	border-bottom-color: #000;
}

.bottom-align.iw-tip:after{
	position: absolute;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	margin: -6px;
	border: 6px solid transparent;
	bottom: -6px;
	top: inherit;
	border-top-color: #000;
}

.warning.iw-tip:after{
	border-bottom-color: #c4493e;
}

.bottom-align.warning.iw-tip:after{
	border-top-color: #c4493e;
}

.iw-tip.right-align:after{
	right: 10px;
	left: inherit;
}
.iw-tip.left-align:after{
	left: 10px;
}

.iw-key-container{
	display: inline-block;
	min-width: 150px;
}

.iw-key-row {
	width: 90%;
	padding: 4px;
	margin: 0 auto;
	border-bottom: 1px solid #dedede;
}

.iw-key-row:last-child {
	border-bottom: none;
}

.iw-key-description p {
	margin-top: 3px;
}

span.iw-key {
	display: inline-block;
	margin: 6px;
	padding: 6px 10px;
	background: #fdfdfd;
	border-radius: 5px;
	border: 1px solid #d6dadc;
	border-bottom-color: #c3c8ca;
	box-shadow: 0 3px 4px  rgba(12, 12, 12, 0.15);
	cursor: default;
	font-size: 15px;
	text-transform: capitalize;
}

.imagen-bootstrap label.iw-key-title {
	display: block;
}

.iw-shields-down #cis_pop_over_shield {
	position: static;
	height:0;
	width:0;
}

#cis_pop_over.cis_pop_over.cis_pop_over_close {
	max-height: 0;
	min-height: 0;
	overflow: hidden;
}

/** TimeCode editor */
.iwTimecode_editor {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: inline-block;
	width: 130px;
}

.iwTimecode_editor.disabled,
.iwTimecode_editor.disabled:hover{
	background: rgba(93, 91, 95, 0.16);
}

.modal-input .iwTimecode_editor.disabled .time_adjuster {
	display: none;
}

.modal-input .iwTimecode_editor.disabled,
.modal-input .iwTimecode_editor.disabled:hover,
.modal-input.is-disabled {
	background-color: #e9e9e9;
}

.modal-input .iwTimecode_editor .time-container,
.modal-input .iwTimecode_editor,
#iw-annotation-pane-options .edit-time-block .iwTimecode_editor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal-input .time-container .u-link {
	margin: 0;
	color: inherit;
	font-weight: normal;
}

.modal-input--icon.is-editing::before,
.modal-input.is-editing {
	border-color: #428bca;
}

.modal-input--icon.is-editing::before {
	color: #428bca;
}

.modal-input .iwTimecode_editor .time-container input {
	min-width: 130px;
}

.modal-input  .timeCodeEditor,
#iw-annotation-pane-options .timeCodeEditor {
	border: 0;
	outline: 0;
}

.modal-input .iwTimecode_editor.disabled:hover {
	background-color: #e9e9e9;
}

.iwTimecode_editor.disabled a,
.iwTimecode_editor.disabled:hover a{
	color: rgba(17, 73, 253, 0.43);
	cursor: not-allowed;
	opacity: .5;
}

.modal-input .iwTimecode_editor.disabled a,
.modal-input .iwTimecode_editor.disabled:hover a {
	cursor: default;
}

.modal-input .iwTimecode_editor.disabled a,
.modal-input .iwTimecode_editor.disabled:hover a {
	color: inherit;
}

.modal-input .iwTimecode_editor.disabled a {
	margin: 0;
	border: 0;
}

.iwTimecode_editor.disabled:hover .time_adjuster,
.iwTimecode_editor .time_adjuster {
	opacity: 0;
}

.time_adjuster {
	display: inline-block;
	width: 15px;
	text-align: center;
	font-family: serif;
	font-size: 0.8em;
	cursor: pointer;
}

.iwTimecode_editor.dragging .time_adjuster,
.iwTimecode_editor:hover .time_adjuster{
	opacity: 1;
	transition: opacity .25s ease-in-out;
}

.iwTimecode_editor.editing .time_adjuster,
.iwTimecode_editor.time_code_display .elapsed,
.iwTimecode_editor .timeCode {
	display: none;
}

.iwTimecode_editor .time-container input{
	width: 110px;
	text-align: center;

}

.iwTimecode_editor .time-container,
.iwTimecode_editor .time-container input,
.iwTimecode_editor .elapsed,
.iwTimecode_editor.time_code_display .timeCode{
	display: inline-block;
	font-family: monospace;
}

.modal-input .disabled .time-container {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: left;
	width: auto;
	padding-left: .375rem;
}

.iwTimecode_editor .time-container {
	width: calc(100% - 30px);
	text-align: center;
	min-height: 22px;
}

.time-container .u-link {
	width: 100%;
}

.time-container .u-link {
	border-bottom: 1px dotted;
	text-decoration: none;
	margin: 4px 0;
}

.time-container .u-link:hover {
	text-decoration: none;
}

.arrowUpDown {
	position: absolute;
	right: 0;
}

.iwSlideInit--open .arrowUpDown-angle {
	transform: rotate(45deg) translate(6px, 0px);
	-webkit-transform: rotate(45deg) translate(6px, 0px);
	-moz-transform: rotate(45deg) translate(6px, 0px);
	-ms-transform: rotate(45deg) translate(6px, 0px);
	-o-transform: rotate(45deg) translate(6px, 0px);
}

.arrowUpDown-angle {
	height: 2px;
	width: 13px;
	display: inline-block;
	background-color: #ecf0f1;
	transition: 0.3s;
	position: absolute;
	transform: rotate(45deg) translate(0px, 6px);
	-webkit-transform: rotate(45deg) translate(0px, 6px);
	-moz-transform: rotate(45deg) translate(0px, 6px);
	-ms-transform: rotate(45deg) translate(0px, 6px);
	-o-transform: rotate(45deg) translate(0px, 6px);
	border-radius: 1px;
}

.iwSlideInit--open .arrowUpDown-angle:before {
	transform: rotate(-90deg) translate(-6px, -6px);
	-webkit-transform: rotate(-90deg) translate(-6px, -6px);
	-moz-transform: rotate(-90deg) translate(-6px, -6px);
	-ms-transform: rotate(-90deg) translate(-6px, -6px);
	-o-transform: rotate(-90deg) translate(-6px, -6px);
}

.arrowUpDown-angle:before {
	top: 0;
	left: 0;
	transform-origin: 50% 50%;
	height: 2px;
	width: 13px;
	content: '';
	background-color: #222;
	transition: 0.3s;
	position: absolute;
	transform: rotate(-90deg) translate(6px, 6px);
	-webkit-transform: rotate(-90deg) translate(6px, 6px);
	-moz-transform: rotate(-90deg) translate(6px, 6px);
	-ms-transform: rotate(-90deg) translate(6px, 6px);
	-o-transform: rotate(-90deg) translate(6px, 6px);
	border-radius: 1px;
}

/* Keyframe animations */

@-webkit-keyframes modalLoadingAnimation {

	0%   { background-position: 0 0; }
	100% { background-position: -200% 0; }
}

@keyframes modalLoadingAnimation {

	0%   { background-position: 0 0; }
	100% { background-position: -200% 0; }
}

@-webkit-keyframes spin {
	0% { transform: rotate(0deg); }
	100% { -webkit-transform: rotate(359deg); }
}

@-moz-keyframes spin {
	0% { transform: rotate(0deg); }
	100% { -moz-transform: rotate(359deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(359deg); }
}

@-webkit-keyframes moving-gradient {
	from {background-position: 0 0;}
	to {background-position: 40px 0;}
}
@-moz-keyframes moving-gradient {
	from {background-position: 0 0;}
	to {background-position: 40px 0;}
}
@keyframes moving-gradient {
	from {background-position: 0 0;}
	to {background-position: 40px 0;}
}

@-webkit-keyframes fade-in-pop-out {
	0% { transform: scale(0.7);
		opacity:0;
	}
	20% {transform: scale(1);
		opacity:1; }
	80% {transform: scale(1);
		opacity:1; }
	95% {transform: scale(0.9);
		opacity:1; }
	100% {
		transform: scale(1.6);
		opacity:0
	}
}

@-moz-keyframes fade-in-pop-out {
	0% { -moz-transform: scale(0.7);
		opacity:0;
	}
	20% {-moz-transform: scale(1);
		opacity:1; }
	80% {-moz-transform: scale(1);
		opacity:1; }
	95% {-moz-transform: scale(0.9);
		opacity:1; }
	100% {
		-moz-transform: scale(1.6);
		opacity:0
	}
}

@keyframes fade-in-pop-out {
	0% { transform: scale(0.7);
		opacity:0;
	}
	20% {transform: scale(1);
		opacity:1; }
	80% {transform: scale(1);
		opacity:1; }
	95% {transform: scale(0.9);
		opacity:1; }
	100% {
		transform: scale(1.6);
		opacity:0
	}
}

.iw-nt-card--alertIn .iw-nt-cardState--starting::after,
.frames-imageGridItem.isLoading::before,
.frames-imageGridItem.isLoading::after,
.image_grid_footer.isLoading,
.image_grid_header.isLoading,
.recordsGrid-title.isLoading,
.records_grid_caption_wrapper.isLoading,
.goPop-input.isLoading {
	background-image: -webkit-linear-gradient(to left, #d3d3d3 8%, #eae7e7  18%, #d3d3d3 33%);
	background-image: linear-gradient(to left, #d3d3d3 8%, #eae7e7  18%, #d3d3d3 33%);
	background-size: 200% auto;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: isLoadingGradient;
	animation-timing-function: linear;
}

.frames-imageGridItem.isLoading::after,
.image_grid_footer.isLoading,
.image_grid_header.isLoading,
.recordsGrid-title.isLoading,
.records_grid_caption_wrapper.isLoading {
	background-image: -webkit-linear-gradient(to left, #d8d8d8 8%, #f5f0f0 18%, #d8d8d8 33%);
	background-image: linear-gradient(to left, #d8d8d8 8%, #f5f0f0 18%, #d8d8d8 33%);
}

.frames-imageGridItem.isLoading--dark::before,
.image_grid_footer.isLoading--dark,
.image_grid_header.isLoading--dark,
.records_grid_caption_wrapper.isLoading--dark {
	background-image: -webkit-linear-gradient(to left, #403f3f 8%, #484848 18%, #403f3f 33%);
	background-image: linear-gradient(to left, #403f3f 8%, #484848 18%, #403f3f 33%);
}

.frames-imageGridItem.isLoading--dark::after {
	background-image: -webkit-linear-gradient(to left, #4d4c4c 8%, #656363 18%, #4d4c4c 33%);
	background-image: linear-gradient(to left, #4d4c4c 8%, #656363 18%, #4d4c4c 33%);
}

.iw-nt-card--alertIn .iw-nt-cardState--starting::after {
	background-image: -webkit-linear-gradient(to left, #428bca 8%, #00d4ff 18%, #428bca 33%);
	background-image: linear-gradient(to left, #428bca 8%, #00d4ff 18%, #428bca 33%);
	position: absolute;
}

.image_grid_footer.isLoading,
.image_grid_header.isLoading,
.records_grid_caption_wrapper.isLoading {
	min-height: 30px;
}

/*this is the pagination container for above and below the records grid*/
.image_grid_footer.isLoading,
.image_grid_header.isLoading {
	margin-left: 25%;
	width: 50%;
}

.records_grid_caption_wrapper.isLoading {
	width: 16%;
	min-width: 200px;
	height: 50px;
	margin-bottom: 1.5rem;
}

@-webkit-keyframes isLoadingGradient {

	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: 0 0;
	}
}

@-moz-keyframes isLoadingGradient {

	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: 0 0;
	}
}

@-o-keyframes isLoadingGradient {

	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: 0 0;
	}
}

@keyframes isLoadingGradient {

	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: 0 0;
	}
}

.frames-imageGridItem.isLoading {
	background-color: transparent;
}

.frames-imageGridItem.isLoading .frames-imageGridItemTxt {
	visibility: hidden;
}

/*using !important as we have to overwrite inline-styles*/
.frames-imageGridItem.isLoading .frames-imageGridItemImg {
	background-image: none !important;
}

/*mock image for loading animation*/
/*2px accounts for padding on main div*/
.frames-imageGridItem.isLoading::before,
.frames-imageGridItem.isLoading::after {
	content:"";
	position: absolute;
	left: 2px;
	top: 2px;
	bottom: 2px;
	right: 2px;
	display: block;
}

/*loading animation for caption text */
.frames-imageGridItem.isLoading::after {
	height: 2.1rem;
	top: auto;
}

a.skip:focus,div.skip:focus {
	background-color: #C9E0ED;
	color: #333 !important;
}

.skip {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden;
	text-decoration: none !important;
	padding: 5px !important;
	border-bottom-right-radius: 5px;
	border: 1px solid #A0C3D6;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	overflow: visible;
	z-index: 10000;
}

a.skip:hover{
	background-color: #A0C3D6;
}

#main-content {
	outline: 0;
}

/* --- Generic animations --- */

.bigEntrance{
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;

	animation-duration: 0.6s;
	-webkit-animation-duration: 0.6s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	visibility: visible !important;
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}
	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}
	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}
	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeScaleIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.95);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes fadeScaleIn {
	0% {
		opacity: 0;
		transform: scale(.95);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.iw-item-deleting {
	min-height:0!important;
	-webkit-animation: iw-item-delete 1s;
	animation: iw-item-delete 1s;
}

/*   */
@-webkit-keyframes iw-item-delete{

	0% {
		min-height: 0;
	}

	30% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}

	60% {
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
		max-height: 100px;
		margin-bottom: 1em;
	}

	100% {
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
		max-height: 0;
		margin: 0;
		padding:0;
	}
}


@keyframes iw-item-delete{

	0% {
		min-height: 0;
	}
	30% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	60% {
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
		max-height: 100px;
		margin-bottom: 1em;
	}

	100% {

		-webkit-transform: translateX(200%);
		transform: translateX(200%);
		max-height: 0;
		margin: 0;
		padding:0;
	}
}

/*Pulse live animation on player and live records on search results*/
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(196, 9, 16, 0.7);
		transform: scale(1.3);
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px rgba(196, 9, 16, 0);
		transform: scale(1);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(196, 9, 16, 0);
		transform: scale(1);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(196, 9, 16, 0.7);
		box-shadow: 0 0 0 0 rgba(196, 9, 16, 0.7);
		transform: scale(1.3);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(196, 9, 16, 0);
		box-shadow: 0 0 0 10px rgba(196, 9, 16, 0);
		transform: scale(1);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(196, 9, 16, 0);
		box-shadow: 0 0 0 0 rgba(196, 9, 16, 0);
		transform: scale(1);
	}
}

.iwPanel-open,
.iwPanel-open body{
	overflow:hidden;
	height:100%;
	width:100%;
}

.iwMobile-fix,
.iwMobile-fix body{
	overflow-x:hidden;
	width:100%;
}

/* --- SSO Metadata --- */

.rTable-ssoData {
	font-size: 14px;
	margin-bottom: 1.5rem;
}

.rTable-header--ssoData {
	background-color: #eee;
}

.rTable-cell--ssoData {
	background-color: #fafafa;
}

.rTable-cellDataItem--italic {
	font-style: italic;
}

.rTable-row--ssoData .rTable-cell--ssoData:first-child {
	background-color: #fff;
}

.rTable-headerCell--ssoData,
.rTable-cell--ssoData {
	min-width: 50%;
	padding: .75rem;
}

.rTable-cellFullWidth--ssoData {
	background-color: #fff;
	padding: .75rem;
	width: 100%;
}

.rTable.rTable-ssoData .btn {
	margin-top: .75rem;
}

div.iw-side-scroller{
	overflow-y: hidden;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none;
}

/* ---- Scrollbar ---- */

.iw-side-scroller::-webkit-scrollbar {
	height: 0;
	margin: 2px;
}

:root * .imagen-bootstrap-scrollbar-measure::-webkit-scrollbar {
	width: auto;
}

:root * ::-webkit-scrollbar,
#imagen-modal-container *::-webkit-scrollbar {
	width: 12px;
}

:root * ::-webkit-scrollbar-track,
#imagen-modal-container *::-webkit-scrollbar-track {
	background: #f1f1f1;
	-webkit-box-shadow: none;
	border-radius: 0;
}

:root * ::-webkit-scrollbar-thumb,
#imagen-modal-container *::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 0;
	-webkit-box-shadow: none;
}

#outer{
	width:200px;
	height:20px;
	cursor:pointer;
}

#inner{
	white-space: nowrap;
}

/*preview flag*/

.previewFlag {
	background-color: rgba(10, 20, 20, 0.9);
	color: #fff;
	font-size: .85rem;
	position: relative;
	display: inline-block;
	padding: .1875rem .575rem;
	border-radius: 3px;
	margin-inline-start: .75rem;
}

.previewFlag--record {
	background-color: rgba(10, 20, 20, 1);
	margin-right: .5rem;
	line-height: 1;
	font-weight: normal;
	vertical-align: middle;
	margin-left: 0;
	font-family: sans-serif;
	text-transform: none;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.previewFlag--record::after {
	content: '';
	display: inline-block;
	height: 12px;
}

/*record page*/

.socialViewerContainer .twitter-tweet-rendered {
	margin: auto;
}

#record-media-viewer:empty {
	display: none;
}

.iw-key-help-link {
	display: none;
}

.u-link.iw-key-help-link {
	text-decoration: none;
}
.u-link.u-link--help,
.u-link--customisePanelHelp {
	text-decoration: none;
	font-size: .8667rem;
	color: #44beac;
	position: relative;
	z-index: 1;
	width: 15px;
	display: inline-block;
	text-align: center;
	background-color: transparent;
	border: 0;
	padding: 0;
}

.record-heading {
	word-wrap: break-word;
}

/* flex is needed for users without admin privileges */
.imageContainer {
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#pageOverlayInformation  img {
	vertical-align: middle;
}

.metaData-listItemLabel {
	display: block;
	padding: .375rem;
	border-radius: 2px;
	background-color: #f3f3f3;
	margin-bottom: .375rem;
}

/*use flex box to fix long standing issue with word break (when text has no space) in IE*/
.metaData-listItemValue {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	white-space: pre-line;
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: break-word;
	padding: 0 .375rem;
}

#metadata-view {
	padding: 1.5rem;
}

.modal-upload-options:empty,
#metadata-view ul {
	padding: 0;
}

.modal-upload-options:empty {
	margin: 0;
}

.media--social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 0 .75rem;
}

.socialViewerContainer twitter-widget {
	min-width: 300px !important;
}

.socialViewerContainer > iframe {
	margin: auto;
	display: block;
	min-width: 100%;
	min-height: 200px;
}

.iwDocumentFallback-icon {
	min-height: 400px;
}

/*END record page*/

.usr-console,
.breadcrumbs {
	margin-bottom: 1.5rem;
}

.usr-console {
	text-align: center;
	margin-top: .375rem;
}

.usrDetails-label {
	display: block;
}

.avatar-container {
	display: inline-block;
}

.usr-console .avatar-container {
	margin: 0 .75rem;
}

#footer {
	clear:both;
}

/*utility classes*/

.u-label {
	margin-bottom: .375rem;
	font-weight: bold;
}

.u-label--aria,
label.u-label--aria {
	font-size: 0;
}

.u-inputTxt,
.u-select,
.u-inputPwd,
.u-txtArea,
.u-date,
.formContainer--dynamic .multiselect-input,
.u-input { /* New utility class for form inputs to slowly replace all previous ones */
	padding: .75rem;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 16px;
}

/*.u-inputSwitch-label,*/
.u-label--checkbox {
	text-indent: .375rem;
	margin-bottom: 0;
	font-weight: normal;
}

.u-label-checkbox {
	margin-left: .5rem;
}

.u-inputTxt.is-disabled {
	pointer-events: none;
	opacity: .7;
}

.u-inputPwd {
	padding-right: 3rem;
}

.u-inputPwd::-ms-clear,
.u-inputPwd::-ms-reveal {
	display: none;
}

.u-input-grp,
.u-input-grp .formInput,
.formChPwd--usrUpdate,
.versionNotes-item-title,
.versionNotes-txt::before,
.versionNotes-filter,
.meta-tags-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.modal-stretch-section--title,
.modal-tab-title--meta,
.u-input-grp .formInput {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* z-index so arrow shows over attached div that follows this */
.modal-stretch-section--openAccess {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	row-gap: .5rem;
	z-index: 1;
}

.modal-stretch-section--openAccess .modal-actions {
	-webkit-margin-start: auto;
	margin-inline-start: auto;
}

.u-input-grp {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.u-input-grp .formInput {
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.u-chk-round {
	opacity: 0;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 2px;
	cursor: pointer;
}

.u-label-round {
	padding-left: 25px;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
}

.u-label-round::before {
	content: '';
	border: 2px solid #a8d7d6;
	-webkit-transition: all .8s cubic-bezier(.175, .885, .320, 1.275);
	transition: all .8s cubic-bezier(.175, .885, .320, 1.275);
}

.u-label-round::after {
	content: "\e952";
	background-color: #14d4d1;
	color: #fff;
	font-family: "Imagenweb";
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	font-size: 10px;
	text-align: center;
	bottom: 0;
	line-height: 14px;
	border: 2px solid #14d4d1;
}

.u-label-round::before,
.u-label-round::after {
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	top: 2px;
	width: 18px;
	height: 18px;
	left: 0;
	border-radius: 50%;
}

.u-chk-round:checked + .u-label-round::before {
	border-color: transparent;
}

.u-chk-round:hover + .u-label-round::before {
	border-color: #14d4d1;
}

.u-chk-round:checked + .u-label-round::after {
	border-color: transparent;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.formChPwd--usrUpdate {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.formChPwd--usrUpdate .u-label,
.formChPwd--usrUpdate .errorMessage {
	width: 100%;
}

.formChPwd--usrUpdate .iw-icon-edit {
	opacity: .7;
	margin-right: .375rem;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.u-tag {
	background-color: #777;
	color: #fff;
}

.u-inputTxt--number::-webkit-inner-spin-button,
.u-inputTxt--number::-webkit-outer-spin-button  {
	-webkit-appearance: none;
	margin: 0;
}

.formPwd {
	position: relative;
}

.pwdWrapper {
	position: relative;
}

.formPwd .pwdToggle {
	cursor: pointer;
	user-select: none;
	position: absolute;
	right: .75rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	visibility: hidden;
}

.formPwd .pwdToggle.active {
	visibility: visible;
}

.formContainer--dynamic .multiselect-wrapper {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

.formContainer--dynamic .multiselect-input {
	padding: 0 .75rem;
	height: calc(3rem + 2px);
}

.formContainer--dynamic .u-label:empty {
	display: none;
}

.formContainer--dynamic .multiselect-checkbox {
	vertical-align: middle;
}

.formContainer--dynamic .multiselect-wrapper .multiselect-list {
	border-color: #ccc;
	margin-top: -1px;
}

.formContainer--dynamic  .multiselect-wrapper label {
	font-size: .95rem;
}

.formContainer--dynamic hr {
	border: 0;
	height: 1px;
	background-color: #ccc;
	margin: .375rem .187rem;
}

.formContainer--dynamic .multiselect-count {
	padding: 0 .375rem;
	font-family: sans-serif;
}

/*height needs to match other inputs that use padding
so add line height (1.5rem) + top and bottom padding (1.5rem) + border width (2px)*/
.u-select {
	padding: 0 .75rem;
	height: calc(3rem + 2px);
}

.dateFilter-picker {
	font-size: 1rem;
}

.u-txtArea {
	resize: vertical;
}

.dateFilter-picker {
	margin-top: .75rem;
}

.u-date {
	font-family: Arial, Helvetica, sans-serif;
}

.u-radio {
	vertical-align: middle;
}

.formChPwd .u-label {
	margin-bottom: 0;
}

.colourFilter-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 10px;
}

.colourFilter-item {
	cursor: pointer;
	transition: all .1s ease-in;
	border-radius: 50%;
	width: calc(14.286% - 10px);

	box-shadow: none;
}

.colourFilter-item::before {
	content: '';
	padding-top: 100%;
	display: block;
}

.colourFilter-item:last-child {
	margin-right: 0;
}

.colourFilter-item--red {
	background-color: #f00;
}

.colourFilter-item--red:hover {
	box-shadow: 0 0 0 5px rgba(255, 0, 0, .2);
}

.colourFilter-item--pink {
	background-color: #fabebe;
}

.colourFilter-item--pink:hover {
	box-shadow: 0 0 0 5px rgba(250, 190, 190, .2);
}

.colourFilter-item--orange {
	background-color: #f58231;
}

.colourFilter-item--orange:hover {
	box-shadow: 0 0 0 5px rgba(245, 130, 49, .3);
}

.colourFilter-item--yellow {
	background-color: #ffe119;
}

.colourFilter-item--yellow:hover {
	box-shadow: 0 0 0 5px rgba(255, 225, 25, .3);
}


.colourFilter-item--green {
	background-color: #3cb44b;
}

.colourFilter-item--green:hover {
	box-shadow: 0 0 0 5px rgba(60, 180, 75, .3);
}

.colourFilter-item--blue {
	background-color: #0082c8;
}

.colourFilter-item--blue:hover {
	box-shadow: 0 0 0 5px rgba(0, 130, 200, .2);
}

.colourFilter-item--purple {
	background-color: #911eb4;
}

.colourFilter-item--purple:hover {
	box-shadow: 0 0 0 5px rgba(145, 30, 180, .2);
}

.colourFilter-item--white {
	background-color: #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
}

.colourFilter-item--white:hover {
	box-shadow: 0 0 0 5px rgba(0, 0, 0, .08);
}

.colourFilter-item--brown {
	background-color: #964b00;
}

.colourFilter-item--brown:hover {
	box-shadow: 0 0 0 5px rgba(150, 75, 0, .3);
}

.colourFilter-item--black {
	background-color: #000;
}

.colourFilter-item--black:hover {
	box-shadow: 0 0 0 5px rgba(0, 0, 0, .3);
}

.u-link.ratingFilter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	column-gap: .1875rem;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.ratingFilter--4Star .ratingFilter-star:last-child,
.ratingFilter--3Star .ratingFilter-star:nth-child(n+4),
.ratingFilter--2Star .ratingFilter-star:nth-child(n+3),
.ratingFilter--1Star .ratingFilter-star:nth-child(n+2),
.ratingFilter--4Star:hover .ratingFilter-star:last-child,
.ratingFilter--3Star:hover .ratingFilter-star:nth-child(n+4),
.ratingFilter--2Star:hover .ratingFilter-star:nth-child(n+3),
.ratingFilter--1Star:hover .ratingFilter-star:nth-child(n+2) {
	color: rgba(0, 0, 0, .15);
}

.resolutionFilter {
	cursor: pointer;
	padding: 10px 0;
}

/*END utility classes*/


/* repeat form module styles*/
.formInput,
.formPwd,
.formChPwd,
.formSelect,
.formTxtArea,
.formTxt {
	margin-block-end: 1.5rem;
}

.form-groupInline {
	margin-block-end: .75rem;
}

.form-groupInline .formInput {
	margin-block-end: .375rem;
}

.form-groupInline .formInput:last-child {
	margin-block-end: 0;
}

.dropZone-form .formSelect {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.dropZone-form .formSelect .formInput {
	margin-block-end: 0;
}

.dropZone-form {
	margin-block-end: 1.5rem;
}

.modal-status {
	text-align: center;
}

.modal-status-txt-error {
	color:#9c3a37;
	font-weight: bold;
}

.modal-status-txt-success {
	color: #26bf39;
	font-weight: bold;
}

.modal-status-icon {
	color: white;
	border-radius: 50%;
	font-size: 40px;
	width: 55px;
	height: 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 1.5rem auto;
}

.mediaAnnotations .iw-progress-bar-header,
.modal-more,
.iw-progress-bar-action,
.modal-status-icon {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.modal-input-group[class*="iw-icon-"]::before {
	padding: 0 .1875rem 0 .75rem;
	overflow: visible;
	align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	pointer-events: none;
}

.modal-status-icon.iw-icon-tick {
	background-color: #26bf39;
}

.modal-status-icon.iw-icon-close {
	background-color: #9c3a37;
}
.modal-status-icon.iw-icon-browse,
.modal-status-icon.iw-icon-import {
	background-color: darkgray;
}

.formText--subscriptionCancelled:only-of-type {
	margin-bottom: 1.5rem;
}

.formFooter {
	margin-bottom: 0;
	background-color: #f4f5f5;
	padding: .75rem;
	text-align: center;
}

.formFooter--paymentResult p:last-child {
	margin-bottom: 0;
}

.formSubmit {
	clear: both;
	margin-bottom: 1.5rem;
	text-align: center;
}

.formForgotPwd,
.formRemember {
	text-align: center;
}

.formRemember {
	margin-bottom: 1.5rem;
}

.formRegister-text {
	margin: 0 .375rem 0 0;
}

.formContent,
.search-content {
	padding: 1.5rem;
}

.formContainer {
	background-color: #fbfbfc;
	margin: auto;
}

.formContainer--payMethods,
.formContainer--billingHistory {
	position: relative;
}

.formHeader--withContextMenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

.formHeader-text {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.formHeader {
	background-color: #f4f5f5;
	padding: .75rem;
	color: #404040;
	margin-bottom: 0;
}

/* filter list module */
.filterList-wrap {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	max-height: 15rem;
}

.filterList-list {
	margin: 0;
	padding: 0;
}

.filterList-item,
.filterList-noResults {
	text-decoration: none;
	display: inline-block;
	padding-inline: .75rem 0;
	padding-block: 0;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	background-color: #F7F7F7;
	color: #666;
	line-height: 3rem;
	height: 3rem;
}

.iw-org-list--noFilter .filterList-wrap {
	overflow: hidden;
}

.filterList-item:last-child {
	border-bottom: 0;
}

.filterList-item:hover {
	background-color: #f1f1f1;
	color: #000;
}

.filterList-itemLink {
	text-decoration: none;
	display: inline-block;
	width: 100%;
}

.filterList-filter .u-input {
	border-bottom: 0;
}

.filterMoreLink {
	text-align: right;
	margin-top: 1.5rem;
}
/*END filter list module*/


.formPanel-open,
.widgetZone-open {
	height: 37px;
	width: 37px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.arrowUpDown {
	right: 25px;
	top: 14px;
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
}

.arrowUpDown-angle,
.arrowUpDown-angle:before {
	background-color: #fff;
}

.iwSlideInit--open .arrowUpDown-angle,
.iwSlideInit--open .arrowUpDown-angle::before,
.iwSlideInit--open .widgetZoneItemFormToggle:hover .arrowUpDown-angle,
.iwSlideInit--open .widgetZoneItemFormToggle:hover .arrowUpDown-angle::before,
.formPanel-open:hover .arrowUpDown-angle,
.formPanel-open:hover .arrowUpDown-angle::before,
.widgetZone-open:hover .arrowUpDown-angle,
.widgetZone-open:hover .arrowUpDown-angle::before {
	background-color: #f26729;
}


/* END form module styles*/

/*pagination module */

.pagination-listItem {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	border-radius: 2px;
	font-size: 1rem;
	margin-right: .375rem;
	text-align: center;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.pagination-listItem:hover:not(.u-opacity) {
	background-color: #f3f3f3;
}

.pagination-listItemLink {
	color: #444;
	display: inline-block;
	padding: .375rem .75rem;
	text-decoration: none;
	line-height: 1;
	white-space: nowrap;
}

.pagination-listItem.selected {
	background-color: #d1d1d1;
}

.pagination {
	opacity: 1;
	margin-bottom: 1.5rem;
}

.pagination--framesImageGrid:empty,
.iw-menubar-scroll-inner .menu:empty {
	display: none;
}

.pagination-container {
	margin: 0;
	padding: 0;
}

.pagination-container--link {
	padding-right: 1rem;
}

.pagination-listItemLink--last,
.pagination-listItemLink--first,
.last.pagination-listItem,
.pagination .disabled,
.first.pagination-listItem.hidden {
	display: none;
}

.pagination-listItem.selected,
.pagination-listItem--prev,
.pagination-listItem--next {
	display: inline-block;
}

.pagination-listItem.u-opacity .pagination-listItemLink {
	cursor: default;
}

/* END Pagination module */

/* card module */

.cardHolderWrap {
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
}

.card--sets {
	display: inline-block;
	width: 100%;
	margin-right: .75rem;
	font-size: 1rem;
}

.card-listItemContent,
.card-listItemHead,
.card-listItemImageDate,
.card-listItemData,
.card-listItemThumb {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.card {
	position: relative;
	margin-bottom: 1.5rem;
	background-color: #FBFBFC;
	border: 1px solid #D8DFE6;
}

.card--dropZone {
	padding: 1.5rem;
}

.card-basicContent {
	padding: 1.5rem;
}

.card-titleWrap {
	padding: .75rem;
	border-bottom: 1px solid #FBFBFC;
	margin: 0;
	position: relative;
	line-height: 1;
}

.card-title {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.card-title--dropZone {
	margin-bottom: .75rem;
}

.card-list {
	margin: 0;
	list-style: none;
	padding: 0 0 0;
}

.contextMenu--cardListItem {
	position: absolute;
	top: .75rem;
	right: .75rem;
}

.card-innerWrap {
	overflow: hidden;
}

.cardHolderInner--mobileSlide {
	width: 9000vw;
}

.cardHolder--mobileSlide {
	height: 450px;
	overflow: hidden;
}

.card-listWrap {
	height: 400px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.card-listItem {
	background-color: #f5f5f5;
	margin-bottom: .1875rem;
	padding: .75rem;
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	overflow: hidden;
	transition: background-color .25s linear;
}


.card-listItem--extended {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	margin: 0 auto 1.5rem auto;
}

.card-listItemBorder:before {
	content: "";
	border-top: solid 1px #ebebeb;
	left: 0;
	right: 0;
	position: absolute;
	top: 0;
}

.card-listItemInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	width: 100%;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	position: relative;
}

.card-listItemInfo--extended {
	display: block;
	padding-top: .75rem;
}

.card-listItemContent {
	min-width: 0;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-justify-content: center;
	justify-content: center;
}

.card-listItemHead {
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.card-listItemImageDate {
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
}

.card-listItemData {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	width: 100%;
}

.card-listItemData--extended {
	color: inherit;
}

.card-footer {
	border-top: 1px solid #eee;
	padding: .75rem;
}

.card-footerText {
	margin-bottom: 0;
}

.card-listItemTitle .u-link {
	text-decoration: none;
}

/*we don't show grippy on mobile*/
.card-titleWrap .iw-icon-grippy {
	display: none;
}

.card-listItem:hover,
.card-listItem:active,
.card-listItem:focus {
	background-color: #fff;
}

.card-listItemThumb {
	width: 130px;
	height: 74px;
	overflow: hidden;
	position: relative;
	text-align: center;
	margin: 1.5rem 0 .75rem 0;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.card-listItemThumbImg {
	vertical-align: middle;
	max-height: 100%;
	display: block;
}

.card-listItemTitle {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.card-listItemTitle-txt {
	font-weight: normal;
	margin: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	font-size: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.card-listItemDate--extended {
	color: #99a4ad;
	order: 3;
}

.card-listItemCutIcon {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.clip .card-listItemCutIcon i,
.download .card-listItemCutIcon i {
	position: absolute;
	left: 2px;
	top: 3px;
	color: #fff;
	font-size: 16px;
}
.download .card-listItemCutIcon i {
	left: 4px;
}

.modal-stretch-section--collectionItem .card-listItemCutIcon::after,
.clip .card-listItemCutIcon::after,
.download .card-listItemCutIcon::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 0;
	border-color: #000 transparent transparent transparent;
}

.modal-stretch-section--collectionItem .card-listItemCutIcon::after {
	top: -15px;
	position: relative;
	left: 0px;
}

.card-listItemDesc {
	white-space: normal;
}
/* END card module */


/*Payment form styles*/

.paymentMethods-paymentCard {
	margin-bottom: 1.5rem;
}

.invoice-total {
	padding: .375rem;
	border-bottom: 3px solid #ccc;
	text-align: right;
	margin-bottom: 1.5rem;
}

.invoice-pay {
	margin-bottom: 1.5rem;
}

.invoice-amount-title {
	font-size: .9rem;
	opacity: .5;
	margin: 0;
}

.invoice-amount {
	font-size: 2.5rem;
	margin: 0;
}

.invoice-msg {
	opacity: .6;
	border-bottom: 2px solid #ccc;
	padding-bottom: .75rem;
	margin-bottom: .75rem;
}

.invoice-to {
	margin-bottom: 0;
	font-size: 1.2rem;
}

.invoice-payerCo {
	font-size: 1.5rem;
	margin-bottom: .375rem;
}

.invoice-title {
	font-size: 1.2rem;
	margin-bottom: .75rem;
}

.invoice-img img {
	max-width: 100%;
}

.u-tag--payRef {
	border-radius: 14px;
	padding: .1875rem .75rem;
	line-height: 1;
	vertical-align: middle;
	margin-left: .375rem;
	font-size: .9rem;
}

.invoice-ref {
	margin-bottom: .1875rem
}

.invoice-gen {
	font-size: .95rem;
	opacity: .7;
}

.invoice-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: .75rem;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.formHeader--invoice {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 .75rem 0 0;
}

.invoice-img {
	max-width: 300px;
}

.jp-card-container .jp-card {
	min-width: inherit;
}

.paymentMethods-options {
	margin: 0;
}

.btn--paymentOptions,
.paymentOptions,
.formInput--cardNumber {
	margin-top: 1.5rem;
}

.formText--existingCardLast {
	margin-bottom: 0;
}

.paymentMethods-cardList {
	padding: 0;
	text-align: center;
}

.stripePaymentIntentsExistingCardsList {
	padding: 0;
	margin: 0 0 .75rem 0;
}

.stripeListCard {
	background-color: #fff;
	border: 1px solid #ccc;
	cursor: pointer;
	margin-bottom: .75rem;
	padding: .75rem;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-out;
	transition: all .35s ease-out;
}

.stripeListCard.removingCard {
	-webkit-animation: remove-stripe-card .5s ease-out forwards;
	animation: remove-stripe-card .5s ease-out forwards;
}

.stripeListCard:last-child {
	margin-bottom: 0;
}

.stripePaymentIntentsExistingCard.default .stripeCard-removeBtn {
	visibility: hidden;
}

.stripeCard-selectBtn {
	background-color: transparent;
	border: 1px solid #666;
	border-radius: 50%;
	cursor: pointer;
	height: 14px;
	width: 14px;
}

.stripePaymentIntentsExistingCardRadio {
	display: none;
}

.stripeCard-icon {
	margin-right: 1.5rem;
	width: 30px;
	height: 30px;
}

.stripeCard-icon--visa {
	background: url(/source/images/visa.svg) no-repeat 50% 50%;
}

.stripeCard-icon--amex {
	background: url(/source/images/amex.svg) no-repeat 50% 50%;
}

.stripeCard-icon--mastercard {
	background: url(/source/images/mastercard.svg) no-repeat 50% 50%;
}

.stripeCard-icon--discover {
	background: url(/source/images/discover.svg) no-repeat 50% 50%;
}

.stripeCard-icon--dinners {
	background: url(/source/images/diners.svg) no-repeat 50% 50%;
}

.stripeCard-icon--jcb {
	background: url(/source/images/jcb.svg) no-repeat 50% 50%;
}

.stripeCard-inUse {
	font-size: 12px;
	margin: 0 auto 0 1.5rem;
	padding: .1875rem .375rem;
}

.stripeCard-details {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.stripeCard-details-number {
	margin-bottom: 0;
}

.stripeCard-expiryDate-label {
	display: none;
}

.stripeCard-expiryDate-date {
	display: inline-block;
	margin-left: .375rem;
	min-width: 55px;
	text-align: right;
}

.stripeCard-actions {
	margin-left: 5%;
	min-width: 25px;
}

.stripeCard-default {
	padding: 0 6px;
}

.stripeCard-removeBtn {
	background-color: transparent;
	border: 0;
	cursor: pointer;
}

.stripePaymentIntentsExistingCard {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.stripePaymentIntentsExistingCard.active {
	background-color: #eee;
}

.addStripePaymentCard-link {
	text-decoration: none;
}

.addStripePaymentCard-link i {
	margin-right: 1.5rem;
}

.addStripePaymentCard-inputs {
	max-height: 0;
	overflow: hidden;
	transition: all .4s ease-in-out;
}

.addStripePaymentCard.active .addStripePaymentCard-inputs {
	max-height: 600px;
	margin-top: 1.5rem;
}

.stripeEl-container {
	padding: .75rem;
	border: 1px solid #ccc;
	width: 100%;
	font-size: 16px;
	background-color: #fff;
	min-height: 46px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.btn.stripePaymentIntentsFormCardButton {
	margin-bottom: .75rem;
	min-width: 150px;
	width: auto;
}

.formContent--payMethods .stripePaymentIntentsFormCardButton {
	opacity: .35;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.formContent--payMethods .addStripePaymentCard.active + .stripePaymentIntentsFormCardButton {
	opacity: 1;
	pointer-events: inherit;
	-webkit-user-select: inherit;
	-moz-user-select: inherit;
	-ms-user-select: inherit;
	user-select: inherit;
}

.paymentResult-highlightTxt {
	font-size: 1.2rem;
	padding-bottom: .75rem;
	border-bottom: 1px solid #e0e0e0;
}

@-webkit-keyframes remove-stripe-card {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes remove-stripe-card {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

/*END payment form styles*/


/*Error styles*/

.errorMessageBlock,
.errorSummary {
	width: 100%;
	padding: .75rem;
	margin-bottom: 1.5rem;
	position: relative;
}

.errorMessageBlock {
	padding-left: 3.5rem;
}

.errorMessage--login {
	display: inline-block;
	font-size: .79rem;
	width: auto;
	padding: 0;
}

.errorSummary {
	padding: .75rem 1.5rem .75rem 0;
}

.errorSummary ul {
	margin: 0;
	padding: 0;
}

.errorSummary-text {
	margin-bottom: .75rem;
}

.errorSummary-text:only-child {
	margin-bottom: 0;
}

.errorAlert {
	font-weight: bold;
}

.formInput--logInOrg .errorMessage {
	display: inline-block;
}

span.required,
.required-field {
	color: #cc0000;
}

/*END Error styles*/

/*Info Message styles*/

.infoMessage,
.infomessageInline {
	padding: .75rem .75rem .75rem 3.5rem;
	position: relative;
}

.infoMessage {
	word-wrap: break-word;
	word-break: break-word;
	overflow-wrap: break-word;
	min-width: 0; /*IE fix for content spilling outside container*/
	width: 100%;
}

.iw-ntPanel .infoMessage {
	background-color: #fff;
	border: 1px solid #d8dfe6;
	box-shadow: none;
	color: inherit;
}

.infoMessageInline {
	background: transparent;
	border: 0;
	margin: auto 0 0 0;
	box-shadow: none;
}

.infoMessage:after,
.errorMessageBlock:after {
	display: block;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #d9534f;
	top: 12px;
	left: 30px;
}

.iw-ntPanel .infoMessage::after,
.infoMessage:after {
	border-left-color: #46a2d0;
}

.iw-ntPanel .infoMessage::before,
.infoMessage:before,
.infoMessageInline:before,
.errorMessageBlock:before {
	content: "\e935";
	text-align: center;
	line-height: 26px;
	font-weight: bold;
	font-size: 1.3rem;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #46a2d0;
	font-family: 'Imagenweb';
	height: 100%;
	width: 35px;
	color: #fbfbfb;
}

.infoMessage::before {
	padding-top: 9px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.errorMessageBlock:before {
	content: "\e909";
	line-height: 2.2;
	background-color: #d9534f;
}

.errorMessage {
	opacity: .85;
	padding-left: 0;
}

.formSubmit .errorMessage {
	text-align: left;
}

.infoMessageInline:before,
.errorMessage:before {
	line-height: 1;
	background-color: transparent;
	font-size: 1rem;
	position: static;
	margin-right: .1875rem;
	content: "\e909";
	color: #9c3a37;
	font-family: 'Imagenweb';
}

.infoMessageInline::before {
	content: '\e935';
	margin-right: 0.375rem;
	color: #46a2d0;
}

.infoMessageInline--alert::before {
	content: '\e959';
	color: #ffa500;
}

.infoMessage-text,
.errorMessageBlock-text {
	margin-bottom: .75rem;
	position: relative;
	z-index: 1;
}

.errorMessageBlock-errorText {
	opacity: .85;
	padding-left: .375rem;
}

.infoMessage-text:only-child,
.errorMessageBlock-text:only-child {
	margin-bottom: 0;
	z-index: 21
}

.errorMessageBlock-staticText {
	font-size: .95rem;
	margin-right: .1875rem;
	text-transform: uppercase;
	font-weight: bold;
}

/*END Info Message styles*/

.formSubmit--forgotPwd,
.formSubmit--chngPwd,
.formSubmit--advSearch,
.formSubmit--mergeAccounts,
.formSubmit--dateFilter,
.formSubmit--rangeFilter,
.formSubmit--mergeAccError,
.formContent--forgotPswdEmail p:last-child {
	margin-bottom: 0;
}

.formSubmit--rangeFilter,
.formSubmit--dateFilter {
	text-align: right;
}

.rangeFilter-submit {
	margin-top: 1.5rem;
}

.formSubmit--register {
	margin-bottom: 0;
	padding-bottom: 0;
}

.g-recaptchaParent {
	margin-bottom: 1.5rem;
	overflow: hidden;
	max-width: 100%;
}

.g-recaptcha > div {
	-ms-transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-ms-transform: scale(.83);
	-webkit-transform: scale(.83);
	transform: scale(.83);
}

.formContent {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	position: relative;
}

.formInput--logInOrg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.formContent--logInOrg {
	padding-bottom: 0;
}

.formInput--logInOrg .u-inputTxt {
	margin-bottom: .75rem;
}

.formInput--logInOrg .u-label {
	width: 100%;
}

.formFooter--logInOrg {
	background: none;
	margin-bottom: 1.5rem;
}

.logInOrg-wrongOrg {
	background-color: #f4f5f5;
	padding: .75rem;
	text-align: center;
}

.formRemember--logInOrg .u-label {
	margin-bottom: 0;
	font-weight: normal;
}

#dynamic_payment_card {
	margin-bottom: 1.5rem;
}

.paymentMethods-newCard {
	overflow: hidden;  /* Fixes a flickering effect visible below the "Buy now" button when the error message animates in */
}

/*custom form fields*/
.customfield {
	margin-bottom: 1.5rem;
}
.customfield.checkBox .u-label {
	font-weight: normal;
	margin: 0;
}

.customfield.checkBox .u-chk {
	margin-right: 0.375rem;
}

.customfield.textArea .u-label,
.customfield.datePicker .u-label {
	display: block;
}

.customfield.datePicker .u-label {
	text-transform: capitalize;
}

.radioButtonList-list {
	padding-left: 1.5rem;
	margin: 0;
}

.radioButtonListItem {
	margin-bottom: .375rem;
}

.radioButtonList-list .u-label {
	font-weight: normal;
	margin-bottom: 0;
}
/*END custom form fields*/

/*search module*/

.search-form .u-label,
.search-form .u-inputTxt {
	margin-bottom: .75rem;
}

.u-ariaLbl {
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	inset-inline-start: -9999px;
}

/*END search module*/

/*range module*/

.formRange {
	position: relative;
	font-size: 0;
	margin-bottom: 1.5rem;
}

.formRange-from,
.formRange-to {
	font-size: 1rem;
	margin-bottom: .75rem;
}

.formRange .u-label {
	display: block;
	font-size: 1rem;
}

.formRange-from .u-label,
.formRange-to .u-label {
	font-weight: normal;
	display: inline-block;
	width: 40px;
	font-size: 1rem;
}

/*END range module*/

/*advanced search*/

.advSearch-chkBoxList {
	padding: 0;
	margin: 0;
}

.advSearch-chkBoxList .u-label {
	font-weight: normal;
}

.advancedSearch .formRangeSlider {
	min-height: 120px;
}

/*END advanced search*/

/*List style*/

.dashListStyle {
	padding-left: 1.5rem;
	margin: 0;
}

.tick-list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.tick-list-item {
	margin-bottom: .1875rem;
}

.tick-list-item::before,
.dashListStyle li::before,
.errorSummary ul li::before {
	content:"-";
	position: relative;
	margin-right: .375rem;
	font-weight: bold;
}

.tick-list-item::before {
	content: '\e952';
	font-family: 'Imagenweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	color: #26bf39;
}

.errorSummary ul li:before {
	content: "\e909";
	font-family: 'Imagenweb';
	color: #9c3a37;
	margin-left: .375rem;
}

.sortable-fallback{
	opacity: 1 !important;
}

.sortable-ghost{
	opacity: 0.1!important;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.iw-animation-transforms {
	transition: all 0.25s cubic-bezier(0.4, 0.0, 0.2, 1);
	pointer-events: none;
}

/*document viewer (external viewers)*/
.documentViewer-frame {
	min-height: 500px;
	width: 100%;
}
/*END document viewer (external viewers)*/

.iwAnimate {
	-webkit-transition: transform 0.25s cubic-bezier(0.4,0.0,1,1);
	-moz-transition: transform 0.25s cubic-bezier(0.4,0.0,1,1);
	transition: transform 0.25s cubic-bezier(0.4,0.0,1,1);
}

.iw-hover-image {
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
	display: inline-block;
	z-index: 2;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	cursor: pointer;
	opacity: 1;
	transition: background-image 0.45s, opacity .4s ease-in-out;
}

.iw-hover-image-init, .iw-hover-video-init {
	opacity: 0;
}

.iw-hover-video {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	display: inline-block;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	pointer-events: none;
}

.b-lazy--portrait ~ .iw-hover-video {
	display: flex;
	justify-content: center;
}

/*table styles*/
.tableCell-title {
	display: none;
}

/*Billing History */
.btn--billingLoadMore {
	margin-top: 1rem;
}

.formContainer--billingHistory .account_balance:not(:empty) {
	margin-bottom: 1rem;
}

.billingHistory-date,
.billingHistory-card,
.billingHistory-amount {
	text-align: left;
	padding: 1.5rem;
}

.billingHistory-card {
	width: 32%;
}

.billingHistory-details.iwSlideSection--open {
	margin: 1rem 0
}
.billingHistory-details.iwSlideSection {
	margin: 0;
}
/*END Billing History */


/*Meta Data on record page*/
.mediaInfo {
	position: relative;
	margin-bottom: 1.5rem;
}

.metaData-list {
	padding: 0;
	margin: 0;
}

.metaData-listItem {
	margin-bottom: 1.5rem;
}

.metaData-listItemLabel {
	font-weight: bold;
}
/*END Meta Data on record page*/


.urAccWallet-graph-container {
	width:500px;
	float:right;
	margin: .75rem 0 0 auto;
	-webkit-align-self: flex-end;
}

.urAccWallet-graph {
	position: relative;
	height: 20px;
	width:100%;
	background-color: #71ca70;
	font-size: 0;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

.urAccWallet-graph-lowerbound{
	height:100%;
	background-color: #f46755;
	display: inline-block;
}

.urAccWallet-graph-midbound{
	height:100%;
	background-color: #ffda31;
	display: inline-block;
}

.urAccWallet-graph-total {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	font-size:1rem;
}

.formRange-toInputWrap,
.formRange-fromInputWrap {
	width: 100%;
}

/**Front end meta tags**/
.meta-tags-list {
	min-width: 0;
}

.u-tag--meta {
	white-space: nowrap;
	font-size: .95rem;
	padding: .375rem .75rem;
	border-radius: 17px;
	font-weight: normal;
	position: relative;
	overflow: hidden;
	cursor: default;
}

.meta-edit .u-tag--meta {
	padding: .375rem .575rem .375rem .75rem;
	margin: .75rem .75rem 0 0;
}

.u-tag-txt {
	overflow: hidden;
	text-overflow: ellipsis;
}

.meta-edit .media-metadata-value {
	display: block;
}

.u-tag-icon {
	height: 16px;
	width: 16px;
	border-radius: 50%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 8px;
	margin-left: .375rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.media-metadata-actions--edit {
	position: absolute;
	left: -3px;
	top: -3px;
}

.meta-edit .meta-data-setValue,
.addTag-txt {
	display: none;
}

.meta-edit .infoMessageInline {
	width: 100%;
	margin-top: .75rem;
	opacity: .7;
}

.meta-edit .infoMessageInline::before {
	content: '\e9c3';
	margin-right: .375rem;
	width: auto;
	color: inherit;
}

/*hides all elements we want to animate into view*/
.meta-set .meta-tags-create,
.meta-set .u-tag-icon,
.meta-set .media-metadata-actions--edit,
.meta-edit .media-metadata-actions--main,
.meta-set .u-input--txtArea,
.meta-edit .btn--editTags,
.meta-set .infoMessageInline,
.meta-set .u-input--metaSelect {
	position: absolute;
	padding: 0;
	margin: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
}

.meta-set .media-metadata-actions--edit,
.meta-set .u-tag-icon,
.meta-set .meta-tags-create,
.meta-edit .btn--editTags,
.meta-set .infoMessageInline,
.meta-set .u-input--txtArea {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.meta-edit .meta-tags-create,
.meta-edit .u-tag-icon,
.meta-set .media-metadata-actions--main,
.meta-edit .u-input--txtArea,
.meta-set .btn--editTags,
.meta-edit .infoMessageInline,
.meta-edit .u-input--metaSelect {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.u-input--metaSelect {
	-webkit-appearance: none;
}

.meta-edit .infoMessageInline {
	-webkit-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.meta-edit .u-input--txtArea {
	width: 100%;
}

.meta-edit .u-tag-icon {
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	cursor: pointer;
}

.meta-set .media-metadata-value {
	word-break: break-word;
}

.meta-tags-set {
	min-width: 1px;
}

.meta-tags-actions--editTags {
	flex-shrink: 0;
	margin-top: .75rem;
}

.modal-upload,
.modal-editMediaObjects,
.meta-tags,
.u-tag-icon,
.meta-tags-create,
.meta-set .media-metadata-value,
.meta-edit .infoMessageInline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.modal-upload {
	height: 100%;
}

.meta-tags,
.meta-tags-area {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.meta-tags-title {
	margin-bottom: .375rem;
}

.info-tab-panel--tagging {
	min-width: 0;
}

.media-data-subTitle {
	margin-bottom: .75rem;
}

/**used to work out carat position when editing text **/
.metadata-invisible {
	position: absolute;
	visibility: hidden;
}

/*ImagenPro Edit mode for tags widget*/
.meta-tags.meta-edit {
	border: 3px dashed #f26729;
	padding: 30px 0 15px .375rem;
	position: relative;
}

.btn--tagsDone::after {
	content: '\e9ce';
	font-family: 'Imagenweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	font-size: .9rem;
	left: 0;
	position: relative;
	top: 1px;
}
/*END ImagenPro Edit mode for tags widget*/


/* Video backgrounds */
.iw_media_bg.iw_video > .bg,
video.iw_userfiles_video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	transform: translateX(-50%) translateY(-50%);
	background-repeat: no-repeat;
	background-size: cover;
	transition: 1s opacity;
}

video.iw_userfiles_video {
	display: none;
}

.formRange-from .u-label {
	display: none;
}

.newsIndex-rssFeed-btn {
	text-decoration: none;
}

/* enquire form loading styles */
.iframe-loader-container {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	left: 0;
	right: 0;
}

.iframe-loader-container .iwLoading.iwLLarge {
	top: 40%;
}

.emojione {
	font-size: inherit;
	height: 3ex;
	width: 3.1ex;
	min-height: 20px;
	min-width: 20px;
	display: inline-block;
	margin: 0 .15em .2ex;
	line-height: normal;
	vertical-align: middle;
}

img.emojione {
	width: auto
}

.u-opacity {
	opacity: .4;
	pointer-events: none;
}

/*menu bar*/
.iw-menubar-list {
	margin: 0 0 1.5rem 0;
	padding: 0;
}

.iw-menubar-list li {
	display: inline-block;
	margin: 0 .75rem 0 0;
}

/* Custom Page - Tables (except datePicker table)*/
#site-page table:not(.rd-days) {
	table-layout: fixed; /* More predictable layout for tables and fix for IE11 overflow */
	width: 100%;
}

/* Ensure that images never stretch outside of the site-page container */
#site-page img {
	max-width: 100%;
	height: auto;
}

/*fixes gap at bottom of page in IE11*/
#site-page .iw_instance_container.dynamicWidgetZone {
	display: block;
}

/*base responsive table styles*/
.rTable-row {
	padding: 1.5rem 0;
	border-bottom: 1px solid #ccc;
}

.rTable--payment {
	border: 1px solid #ccc;
	border-bottom: 0;
	margin-bottom: 1.5rem;
}

.rTable--payment .rTable-row {
	padding: .75rem;
}

.rTable--payment .rTable-cell {
	padding: .75rem 0;
}

.rTable-header {
	display: none;
}

.rTable-headerCell {
	font-weight: bold;
}

.rTable-cell {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 1.5rem 0;
}

.rTable-cellTitle {
	width: 36%;
	font-weight: bold;
}

.rTable-cellData {
	width: 60%;
}
.rTable-cellDataItem--right {
	text-align: right;
}

#billing_history_error {
	text-align: center;
	width: 100%;
}

.billingHistory-details,
.billingHistory-paid {
	opacity: .7;
}

/**
iwNotifications
 */

.iw-ntPanelOpen,
.loaded-search.iw-ntPanelOpen {
	overflow: hidden;
}

.noNotifications::before {
	content: "\e91e";
	color: #1b1b1b;
	display: block;
	font-family: 'Imagenweb';
	line-height: 100px;
	-webkit-font-smoothing: antialiased;
	font-size: 3rem;
	font-weight: normal;
	background-color: #fff;
	height: 100px;
	width: 100px;
	margin: auto auto 1.5rem auto;
	border-radius: 50%;
	box-shadow: 3px 2px 4px 0px rgba(0,0,0,0.27);
}

.noNotifications {
	margin-top: 1.5rem;
	opacity: .7;
	text-align: center;
}

.noNotifications-title {
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	margin-bottom: .75rem;
}

.noNotifications-info {
	font-size: 1.1rem;
}

.noNotifications:empty,
.iw-ntPanel-list:empty {
	display: none;
}

.iw-ntPanel {
	position: fixed;
	inset-block-start: 0;
	overflow: hidden;
	pointer-events: none;
}

/* z-index to beat banner z-index
   width and height needed for overlay set on pseudo before:: */
.iw-ntPanel.active {
	height: 100%;
	pointer-events: auto;
	width: 100%;
	z-index: 65005;
}

.iw-ntPanel::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	will-change: opacity;
	transition: opacity 0.3s cubic-bezier(0,0,0.3,1);
}

.iw-ntPanel.active::before {
	opacity: 1;
}

.iw-nt-view {
	height: 100%;
	inset-inline-end: -600px;
	max-width: 100%;
	overflow: hidden;
	position: fixed;
	width: 100%;
}

.iw-ntPanel.active .iw-nt-view {
	inset-inline-end: 0;
	background-color: #f4f4f4;
	box-shadow: -4px -4px 20px rgba(0,0,0,0.4);
	pointer-events: auto;
	color: var(--grey-70);
	font-family: 'Roboto', sans-serif;
	display: flex;
	flex-direction: column;
}

.iw-ntPanel-header-title {
	color: inherit;
	display: flex;
	font-family: 'Roboto', sans-serif;
	justify-content: space-between;
	padding: 1rem;
}

.iw-ntPanel-title {
	color: var(--grey-80);
	display: flex;
	font-weight: normal;
	font-family: 'Roboto', sans-serif;
	margin-block-end: 0;
}

.iw-ntPanel-title:before {
	content: '\e95b';
	font-family: 'Imagenweb';
	margin-inline-end: .75rem;
	position: relative;
}

.iw-ntPanel--basket .iw-ntPanel-title::before {
	content: '\e904';
}

.iw-nt-cardState {
	align-items: center;
	align-self: flex-start;
	border-radius: 3px;
	color: #fff;
	display: flex;
	font-size: .8rem;
	height: 21px;
	justify-content: center;
	line-height: 21px;
	min-width: 80px;
	padding: 0 .75rem;
	text-transform: capitalize;
}

.iw-nt-cardState--error,
.iw-nt-cardState--failed {
	background-color: var(--danger);
}

.iw-nt-cardState--complete {
	background-color: var(--success);
}

.iw-nt-cardState--waiting {
	background-color: var(--warning);
}

.iw-nt-cardState--processing,
.iw-nt-cardState--starting {
	background-color: var(--blue-55);
}

.modal-tab-title,
.iw-progress-bar-action,
.iw-nt-card--error .iw-nt-cardFooter {
	-webkit-justify-content: center;
	justify-content: center;
}

.notificationsWrap,
.systemBasketWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.iw-ntPanel--listWrap {
	padding: 0 .75rem 0 .75rem;
	position: relative;
	overflow-y: auto;
	height:100%;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}

.iw-ntPanel--listWrapBasket {
	display: flex;
	flex-direction: column;
	margin-block-end: 1.5rem;
	padding: 0 calc(.75rem - 4px) 0 .75rem;
}

/* Fixes vertical scrollbars showing when loading  */
#iw-basket-panel-list--parent .iwLoading > div {
	margin: 0 auto;
}

.iw-ntPanel-list .btn--main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	text-transform: inherit;
	font-weight: normal;
	border-color: #404040;
	border-radius: 0;
	padding: .75rem;
	line-height: 1;
	height: auto;
	background-color: #404040;
	margin-bottom: 1.5rem;
	box-shadow: none;
	color: #fff;
}

.iw-ntPanel-list .btn--main:hover {
	border-color: #202020;
	background-color: #202020;
	box-shadow: none;
	color: #fff;
}

.iw-ntPanel-list .btn--main:hover::after {
	display: none;
}

.iw-ntPanel-list .iw-progress-bar-percentage {
	line-height: 1;
}

/*high index so alert does not get hidden behind themes with fixed header*/
.iw-ntPanel-list--alert {
	position: fixed;
	width: 316px;
	inset-block-start: 10px;
	inset-inline-end: 0;
	z-index: 65538;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #505050;
	font-family: sans-serif;
}

.iwNotifier,
.iwSystemBasket {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 1.5rem 0 0;
	text-align: center;
}

.iwNotifier-icon,
.iwSystemBasket-icon {
	position: relative;
	cursor: pointer;
	opacity: .5;
}

.iwNotifier-icon--new,
.iwSystemBasket-icon--new {
	color: #d00;
	opacity: 1;
}

.iwNotifier-icon:before,
.iwSystemBasket-icon:before {
	font-family: 'Imagenweb';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	display: inline-block;
	speak: none;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	content: "\e95b";
}
.iwSystemBasket-icon:before {
	content: "\e904";
}

.iwNotifier-icon:after,
.iwSystemBasket-icon:after {
	content: "";
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	display: none;
	position: absolute;
	min-width: 10px;
	padding: 1px 5px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #d00;
	border-radius: 11px;
	top: -3px;
	left: 8px;
	right: auto;
	transform: scale(1, 1);
	font-family: sans-serif;
}

.iwNotifier-icon--new:after,
.iwSystemBasket-icon--new:after {
	display: inline-block;
	animation: pop .5s cubic-bezier(.36,.07,.19,.97) both;
}

.iwNotifier-icon--new:before,
.iwSystemBasket-icon--new:before {
	animation: bellshake .5s cubic-bezier(.36,.07,.19,.97) both;
	backface-visibility: hidden;
	transform-origin: top;
}

.iwNotifier-processAnim,
.iwSystemBasket-processAnim {
	position: relative;
	display: none;
	left: -10px;
	font-size: 0;
	opacity: .7;
}

.iwSpeech-input--attached {
	padding-right: 3rem;
}

.iw-nt--processing {
	display: block;
}

.iw-ntPanel--listWrapBasket .btn--main,
.iw-ntPanel--listWrapBasket .btn--main:hover {
	background-color: #404040;
	border-color: #404040;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: inherit;
	text-transform: inherit;
	font-weight: normal;
	line-height: 1;
	height: auto;
	margin-block-end: 1.5rem;
	padding: .75rem;
}

.animDot {
	border-radius: 50%;
}

/** Shopping basket list **/
.bItem-imageholder,
.card--checkout .imageHolder {
	width: 38%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 0;
	position: relative;
}

.bItem-imageholder .mediaThumbnail,
.card--orderItem .mediaThumbnail,
.card--checkout .mediaThumbnail {
	background-size: cover;
	background-position: center;
	align-self: flex-start;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}

/* Show a bg colour if no image is available */
.bItem-imageholder .mediaThumbnail {
	background-color: var(--grey-5);
}

/* Style remove btn only for basket system panel */
.iw-ntPanel-list .iw-basket-remove {
	align-items: center;
	background: rgba(204, 204, 204, .7);
	border: 0;
	border-radius: 50%;
	color: #383636;
	cursor: pointer;
	display: flex;
	height: 30px;
	justify-content: center;
	padding: inherit;
	position: absolute;
	inset-inline-end: .75rem;
	text-decoration: none;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	z-index: 100;
}

.iw-ntPanel-list .iw-basket-remove:hover {
	color: #383636;
}

/* TODO selected styles */
#additional-media-list--model li.selected {
	border: 4px solid red;
}

#additional-media-list--model .additionalMedia-listItem--disabled {
	opacity: 0.5;
	pointer-events: none;
}

.basket-listItemCutIcon,
.card--checkout .mediaIcon,
.card--orderItem .mediaIcon {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	color: #fff;
	z-index: 100;
}

.basket-listItemCutIcon i,
.card--checkout .mediaIcon i {
	position: absolute;
	inset-block-start: 6px;
	inset-inline-start: 5px;
	font-size: .8rem;
}

.basket-listItemCutIcon::after,
.card--checkout .mediaIcon::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	margin-left: 0;
	border-block-end: 40px solid rgba(0, 0, 0, 0);
	border-inline-start: 40px solid #000;
}

.bItem-imageholder a,
.card--checkout .imageHolder a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.iw-nt-card .IWmenu_link {
	position: absolute;
	right: .75rem;
	top: auto;
}

.iw-ntPanel.active .iw-nt-view .iw-ntPanel-list.iw-basket-list {
	margin-bottom: 1.5rem;
	overflow-x: hidden;
	padding: 0 0 0 4px;
}

.iw-basket-list + .iwLoading {
	align-items: center;
	display: flex;
	height: 89px;
	justify-content: center;
}

.iwSpeech-btn {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	cursor: pointer;
	font-size: 1rem;
	width: 1rem;
	text-align: center;
	position: relative;
	margin: 0 1rem 0 -2rem;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
	transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
	transform-origin: 50% 50%;
}

.iwSpeech-icon--active {
	animation: btnPulse 1.8s infinite;
}

/*	position fixed set for IE11
	z-index to beat multiselect toolbar so it appears behind
	banner when animating open
*/
.iw-banner {
	background-color: #ffc600;
	color: #0e0e0e;
	left: 0;
	overflow: hidden;
	position: sticky;
	right: 0;
	text-align: center;
	top: 0;
	-webkit-transform: translateY(-150px);
	transform: translateY(-150px);
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition: -webkit-transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
	z-index: 65005;
	max-height: 0;
}

.iw-banner.active {
	max-height: 800px;
	padding: .75rem 2rem;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.iw-banner-nav {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: #ffc600;
	margin: 0 3rem .375rem 0;
	visibility: hidden;
	position: relative;
	z-index: 2;
}

.iw-banner-nav.active {
	visibility: visible;
}

.iw-banner-navItem {
	cursor: pointer;
	display: inline-block;
	font-size: 0;
}

.iw-banner-navItem::before {
	font-size: .9rem;
}

.iw-banner-navItem.disabled {
	opacity: .3;
	pointer-events: none;
}

.iw-banner-count {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 12px;
	margin: 0 .75rem;
}

.iw-banner-current  {
	margin-right: .1875rem;
}

.iw-banner-max {
	margin-left: .1875rem;
}

.iw-banner-content {
	width: 100%;
}

.iw-banner-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
	white-space: nowrap;
}

.iw-banner-item {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	width: 100%;
	visibility: hidden;
}

.iw-banner-item.active {
	visibility: visible;
}

.iw-banner-txt {
	margin-bottom: 0;
	text-align: left;
	white-space: normal;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.iw-banner-close {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	border: 0;
	cursor: pointer;
	font-size: 0;
	margin: 0 .375rem;
	position: absolute;
	right: 0;
	top: -1.7rem;
	background-color: #1e1e1e;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.iw-banner-close::before {
	font-size: .75rem;
}

.iw-banner-link {
	color: inherit;
	font-weight: 700;
	padding-left: .375rem;
}

.iwTypeAheadPopover ul {
	padding: 1px;
	margin: 0;
}
.iwTypeAheadPopover{
	background: #fff;
	min-width: 250px;
	border: 1px solid #CCC;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #456;
	font-family: Roboto, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	text-shadow: none;
}

.iwTypeAheadPopover li {
	padding: 7px 5px 7px 5px;
	margin: 0;
	cursor: pointer;
	font-size: 1rem;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	list-style: none;
	text-align: inherit;
}

.iwTypeAheadPopover li:hover, .iwTypeAheadPopover li.selected {
	background-color: rgb(91, 154, 255);
}

.importRecordRunningContainer .iwSlideSection--open {
	margin-top: 1.5rem;
}

@-webkit-keyframes notifyProcessAnim {
	0%,
	10% {
		-webkit-transform: translate3d(-10px, 0, 0);
		opacity: 0;
	}
	20% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate3d(20px, 0, 0);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: translate3d(30px, 0, 0);
		opacity: 0;
	}
}
@-moz-keyframes notifyProcessAnim {
	0%,
	10% {
		-moz-transform: translate3d(-10px, 0, 0);
		opacity: 0;
	}
	20% {
		-moz-transform: translate3d(0, 0, 0);
		opacity: 1;
	}
	80% {
		-moz-transform: translate3d(20px, 0, 0);
		opacity: 1;
	}
	90%,
	100% {
		-moz-transform: translate3d(30px, 0, 0);
		opacity: 0;
	}
}
@-o-keyframes notifyProcessAnim {
	0%,
	10% {
		-o-transform: translate3d(-10px, 0, 0);
		opacity: 0;
	}
	20% {
		-o-transform: translate3d(0, 0, 0);
		opacity: 1;
	}
	80% {
		-o-transform: translate3d(20px, 0, 0);
		opacity: 1;
	}
	90%,
	100% {
		-o-transform: translate3d(30px, 0, 0);
		opacity: 0;
	}
}
@keyframes notifyProcessAnim {
	0%,
	10% {
		-webkit-transform: translate3d(-10px, 0, 0);
		-moz-transform: translate3d(-10px, 0, 0);
		-ms-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
		opacity: 0;
	}
	20% {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
	80% {
		-webkit-transform: translate3d(20px, 0, 0);
		-moz-transform: translate3d(20px, 0, 0);
		-ms-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0);
		opacity: 1;
	}
	90%,
	100% {
		-webkit-transform: translate3d(30px, 0, 0);
		-moz-transform: translate3d(30px, 0, 0);
		-ms-transform: translate3d(30px, 0, 0);
		transform: translate3d(30px, 0, 0);
		opacity: 0;
	}
}

@-webkit-keyframes btnPulse {
	0% {
		-webkit-transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
		transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
	}
	70% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0) perspective(1000px);
		transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0) perspective(1000px);
	}
	100% {
		-webkit-transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
		transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
	}
}
@keyframes btnPulse {
	0% {
		-webkit-transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
		transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
	}
	70% {
		-webkit-transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0) perspective(1000px);
		transform: scale3d(1.2, 1.2, 1.2) translate3d(0, 0, 0) perspective(1000px);
	}
	100% {
		-webkit-transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
		transform: scale3d(1.0, 1.0, 1.0) translate3d(0, 0, 0) perspective(1px);
	}
}

.iw-nt--processing .animDot {
	width: 4px;
	height: 4px;
	display: inline-block;
	-webkit-animation: notifyProcessAnim 2.5s infinite linear;
	-moz-animation: notifyProcessAnim 2.5s infinite linear;
	-o-animation: notifyProcessAnim 2.5s infinite linear;
	animation: notifyProcessAnim 2.5s infinite linear;
	background-color: #ccc;
}

.animDot.animDot--1 {
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.animDot.animDot--2 {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.animDot.animDot--3 {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}

.iw-nt-card:not(.card--checkout) {
	background-color: #f2f2f2;
	display: flex;
	padding: .75rem;
	position: relative;
}

.iw-nt-card:not(.card--checkout)::before {
	content: '';
	display: block;
	border-inline-start: 4px solid #c1c1c1;
	position: absolute;
	inset-inline-start: 0;
	inset-block: 0;
}

.iw-nt-card:not(.card--checkout)::after {
	content: '';
	display: block;
	border-block-end: 1px solid #e4e4e4;
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
}

.iw-nt-card--basket {
	flex-shrink: 0;
}

.iw-nt-card--basket.removing {
	animation: removeBasketItem .4s ease-in;
}

@keyframes removeBasketItem {
	0% {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}

	90% {
		-webkit-transform: translate3d(800px, 0, 0) scale(1);
		transform: translate3d(800px, 0, 0) scale(1);
	}

	100% {
		-webkit-transform: translate3d(800px, 0, 0) scale(0);
		transform: translate3d(800px, 0, 0) scale(0);
	}
}

.iw-nt-cardInfo,
.card--checkout .info,
.card--orderItem .info {
	padding-inline-start: .75rem;
	width: 100%;
}

.iw-nt-cardInfo {
	width: 100%;
}

.card-list .iw-progress-bar-container {
	padding: .75rem 0 0;
}

.iw-ntPanel .iw-progress-bar-container {
	padding: 0;
}

.iw-ntPanel .iw-progress-bar-header {
	margin-block-end: .375rem;
}

.iw-ntPanel .iw-progress-bar-title {
	font-size: .9rem;
}

.mediaAnnotations-media .iw-progress-bar-title,
.card-list .iw-progress-bar-title,
.iw-ntPanel .iw-progress-bar-title {
	font-weight: 400;
	margin-inline-end: auto;
}

.mediaJobProgress-msg {
	display: block;
	font-size: .85rem;
	margin: -1rem 0 .75rem 1.5rem;
}

.card-listItem .iw-progress-bar,
.iw-ntPanel .iw-progress-bar {
	background-color: #e3e3e3;
}

.card-listItem .iw-bar,
.iw-ntPanel .iw-bar {
	height: 11px;
}

.checkout-cardBody,
.orderItem-cardBody {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: .375rem;
}

.card--checkout .dashListStyle {
	font-size: .9rem;
	padding-left: 0;
	margin-bottom: .5rem;
}

/* We set a plus icon as default here */
.iw-list-item__thumbWrap--notifications::before {
	content: '\e946';
	font-family: 'Imagenweb';
	font-weight: normal;
}

.iw-list-item--collection .iw-list-item__thumbWrap::before {
	content: '\e90b';
}

.iw-list-item--alert .iw-list-item__thumbWrap {
	background-color: var(--alert);
}

.iw-nt-card--alertIn.iw-list-item--alert .iw-list-item__thumbWrap {
	background-color: var(--blue-10);
}

.iw-nt-card--alertIn.iw-list-item--success .iw-list-item__thumbWrap {
	background-color: var(--success);
}

.iw-list-item--error .iw-list-item__thumbWrap,
.iw-nt-card--alertIn.iw-list-item--error .iw-list-item__thumbWrap {
	background-color: var(--danger);
}

/* tick icon */
.iw-nt-card--alertIn.iw-list-item--success .iw-list-item__thumbWrap::before {
	content: '\e952';
}

/* alert icon */
.iw-list-item--alert .iw-list-item__thumbWrap::before {
	content: '\e959';
}

/* info icon */
.iw-nt-card--alertIn .iw-list-item__thumbWrap::before,
.iw-list-item--info .iw-list-item__thumbWrap::before {
	content: '\e935';
	font-size: 1.1rem;
	position: relative;
	inset-inline-start: 1px;
}

.iw-nt-card--alertIn .iw-list-item__thumbWrap::before {
	font-size: 1.2rem;
}

/* basket icon */
.iw-list-item--order .iw-list-item__thumbWrap::before {
	content: '\e941';
}

/* download icon */
.iw-list-item--download .iw-list-item__thumbWrap::before {
	content: '\e934';
}

/* cross icon */
.iw-nt-card--alertIn.iw-list-item--error .iw-list-item__thumbWrap::before,
.iw-list-item--error .iw-list-item__thumbWrap::before {
	content: "\e909";
}

/* 3 cogs icon */
.iw-list-item--job .iw-list-item__thumbWrap::before {
	content: "\e9a3";
	font-size: 1.1rem;
}

.iw-nt-card--alertIn .iw-nt-cardState {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 1.5rem;
}

.iw-nt-card--alertIn .iw-nt-cardState:empty {
	display: none;
}

.iw-nt-card--alertIn .iw-nt-cardState--starting {
	background-color: transparent;
	color: var(--grey-70);
	display: block;
	margin-block-end: 1rem;
	padding: 0;
}

.iw-nt-card--alertIn .iw-nt-cardState--starting {
	position: relative;
}

.iw-nt-card--alertIn .iw-nt-cardState--starting::after {
	background-color: var(--blue-5);
	border-radius: 30px;
	content: '';
	display: block;
	height: 11px;
	width: 100%;
}

.iw-basket-noMedia {
	font-size: 12px;
	display: block;
	color: #da780e;
}

.u-link.u-link--ntCard:hover,
.u-link.u-link--ntCard:active,
.u-link.u-link--ntCard:focus {
	color: #489fe0;
}

.u-link--toggleNt {
	margin: 0 .75rem 0 auto;
}

.iw-nt-cardEmail {
	margin-bottom: .75rem;
	font-size: .9rem;
	opacity: .8;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 90%;
}

.iw-nt-cardTitle {
	font-family: 'Roboto Medium', sans-serif;
	font-size: .9rem;
	text-shadow: 0 1px white;
	word-break: break-word;
}

/* used on baskets check out page */
.u-link.u-link--ntCard {
	text-decoration: none;
	color: #275f88;
}

.iw-nt-cardHeader {
	margin-bottom: .375rem;
}

.iw-nt-cardDate {
	flex-shrink: 0;
	font-size: .8rem;
}

.iw-nt-cardEmail-address:before {
	content: '\e92b';
	font-family: 'Imagenweb';
	margin: 0 .375rem 0 .75rem;
	text-shadow: 0 1px white;
	color: #275f88;
}

.iw-nt-card--alertIn .iw-list-item__desc {
	font-size: .85rem;
	margin-block: 0 .375rem;
	margin-inline: 0;
	word-break: break-word;
}

.iw-nt-card--alertOut {
	animation: slideOut .5s cubic-bezier(.36,.07,.19,.97) both;
	transition: max-height 0.25s ease-in;
	overflow: hidden;
}

.iw-ntPanel-close {
	background-color: var(--grey-5);
	border: 0;
	border-radius: 50%;
	color: var(--grey-70);
	cursor: pointer;
	height: 40px;
	padding: 0;
	width: 40px;
	-webkit-appearance: none;
}

.iwSlideSection {
	max-height:0;
	padding:0;
	overflow: hidden;
	transform: scale(1, 0);
	transform-origin: top;
}

.iwSlideSection.iwSlideSection--open{
	max-height: none;
	transform: scale(1, 1);
}

.modal-help-btn,
.icon-btn {
	border: 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

/*z-index of 100 to cover menubar icon for mobile. Would have only needed 1 otherwise*/
.verifyBar {
	background-color: #e8401c;
	padding: .75rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	z-index: 100;
	text-align: center;
}

.verifyBar-txt {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	margin: 0;
}

.verifyBar-txt-opacity {
	opacity: .85;
}

.u-link.u-link--verifyBar {
	color: #fff;
}

.u-link.u-link--verifyBar:hover {
	text-decoration: underline;
	color: #fff;
}

.verifyBar-txt::before {
	content: "\e935";
	font-family: 'Imagenweb';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: .375rem;
	font-size: 1.1rem;
	opacity: .8;
	color: #fff;
}

.customisePanel .errorMessage {
	color: #cecdcc;
}

.customisePanel  .errorMessage::before {
	color: #ea0f17;
}

@keyframes boxShadowAnim {
	0% {
		box-shadow: none;
	}

	50% {
		box-shadow: 0 0 0 10px rgba(20, 212, 209, .05);
	}

	100% {
		box-shadow: none;
	}
}

@keyframes pop {
	0% { transform: scale(0.4, 0.4); }
	60% { transform: scale(1.7, 1.7); }
	100% { transform: scale(1, 1);}
}

@keyframes bellshake {
	0% { transform: rotate(0); }
	15% { transform: rotate(5deg); }
	30% { transform: rotate(-5deg); }
	45% { transform: rotate(4deg); }
	60% { transform: rotate(-4deg); }
	75% { transform: rotate(2deg); }
	85% { transform: rotate(-2deg); }
	92% { transform: rotate(1deg); }
	100% { transform: rotate(0); }
}

@keyframes slideIn {
	0% {
		transform: translate3d(100%,0,0);
		visibility: visible;
	}
	100% {
		transform: translateZ(0);
	}
}
@keyframes slideOut {
	0% {
		transform: translateZ(0);
		max-height: 500px;

	}

	100% {
		visibility: hidden;
		transform: translate3d(0, -500px, 0);
		max-height: 0;
		margin:0;
		padding:0;
	}
}

.item{
	width: 100px;
	display: inline-block;
	text-align: center;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
}

.item.selected {
	background: rgba(14, 132, 181, 0.33);
}

.item .filename {
	display: block;
	margin: 8px auto;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file .icon {
	background:#eee;
	background:-moz-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
	background:-webkit-linear-gradient(top, #ddd 0, #eee 15%, #fff 40%, #fff 70%, #eee 100%);
	border:1px solid #ccc;
	-moz-border-radius:3px 15px 3px 3px;
	-webkit-border-radius:3px 15px 3px 3px;
	border-radius:3px 15px 3px 3px;
	-moz-box-shadow:inset rgba(255,255,255,0.8) 0 1px 1px;
	-webkit-box-shadow:inset rgba(255,255,255,0.8) 0 1px 1px;
	box-shadow:inset rgba(255,255,255,0.8) 0 1px 1px;
	display: inline-block;
	width: 20px;
	height: 25px;
	position:relative;
	text-indent:-9999em;
	margin-bottom: -8px;
	margin-top: 12px;
}
.file .icon:before {
	content: '';
	position: absolute;
	right:0;
	width: 10px;
	height: 10px;
	background:#ccc;
	background:-moz-linear-gradient(45deg, #fff 0,  #eee 50%, #ccc 100%);
	background:-webkit-linear-gradient(45deg, #fff 0,  #eee 50%, #ccc 100%);
	box-shadow:rgba(0,0,0,0.05) -1px 1px 1px, inset white 0 0 1px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	-moz-border-radius:0 14px 0 0;
	-webkit-border-radius:0 14px 0 0;
	border-radius:0 10px 0 0;
}

.file .icon:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width: 40%;
	margin: 10px 20% 0;
	background:#ccc;
	background:-moz-linear-gradient(top, #ccc 0, #ccc 20%, #fff 20%, #fff 40%, #ccc 40%, #ccc 60%, #fff 60%, #fff 80%, #ccc 80%, #ccc 100%);
	background:-webkit-linear-gradient(top, #ccc 0, #ccc 20%, #fff 20%, #fff 40%, #ccc 40%, #ccc 60%, #fff 60%, #fff 80%, #ccc 80%, #ccc 100%);
	height: 8px;
}

.folder .icon{
	width: 30px;
	height: 20px;
	display: inline-block;
	margin: auto;
	position: relative;
	background-color: #708090;
	border-radius: 0 3px 3px 3px;
	margin-bottom: -8px;
	margin-top: 12px;
}

.folder .icon:before {
	content: '';
	width: 50%;
	height: 0.2em;
	border-radius: 0 20px 0 0;
	background-color: #708090;
	position: absolute;
	top: -0.2em;
	left: 0;
}

.pwSecure-warning {
	display: none;
	width: 100%;
}

.pwSecure-warning.invalid {
	display: inline-block;
}

.iwSpeech-icon--active::after {
	content: '';
	width: 150%;
	height: 150%;
	display: block;
	animation: audioPulse 1.8s forwards infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 1;
	border-radius: 50%;
	border: 1px solid #646464;
	padding: 10px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*contents have absolute positioning so we need px values for margins*/

#advancedsearch-form .formRangeSlider .customfield.checkBox {
	margin-bottom: 0;
	opacity: .9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

/*line height set here keeps input vertically aligned with label - even when text wraps*/
#advancedsearch-form .formRangeSlider .customfield.checkBox .u-label {
	font-size: .9rem;
	line-height: 1.2;
}

#advancedsearch-form .iw-range-slider.is-disabled {
	opacity: .5;
	pointer-events: none;
}

.rangeFilter-container {
	margin: 60px 10px;
	position: relative;
}

.iw-range-slider {
	position: relative;
	width: 100%;
}

.iw-range-slider-container {
	margin: 0;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.iw-range-slider-thumb {
	position: absolute;
	height: 18px;
	width: 18px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #666;
	z-index: 2;
	top: -7px;
}

.iw-range-slider-thumb-top {
	z-index: 3;
}

.iw-range-slider-track {
	position: relative;
	height: 4px;
	background-color: #aeaeae;
	width: 100%;
	border-radius: 6px;
}

.iw-range-slider-toolTipNumber {
	display: flex;
	position: absolute;
	white-space: nowrap;
	border-radius: 2px;
	bottom: 25px;
	background-color: #666;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 24px;
	line-height: 24px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.iw-range-slider-toolTipNumber-top {
	z-index: 1;
}

.iw-range-slider-toolTipNumber-caret {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 100%;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #666;
}

/*using px values so JS calcs work properly*/
.iw-range-slider-toolTipNumber-field {
	color: #fff;
	padding: 0 5px;
	font-size: 12px;
	display: flex;
}

.iw-range-slider-line {
	z-index: 1;
	position: absolute;
	height: 4px;
	background-color: #404040;
}

/** Drop zone **/

.dropZone-divider {
	margin-bottom: .75rem;
}

.dropZone-note {
	opacity: .7;
}

.dropZone-note--annots:last-child {
	margin: 0;
}

.dropZone-note:empty {
	display: none;
}

.import-annotation-opt .form-control {
	margin: 0 0 1rem 0;
}

#AnnotationExportModal .modal-form-group {
	margin-top: .75rem;
}

.dropZone {
	border: #ddd 4px dashed;
	border-radius: 2px;
	padding: 1.5rem;
	text-align: center;
	margin-bottom: 1.5rem;
	min-height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.dropZone--annots {
	margin-bottom: 0;
}

.dropZone-tagLine,
.imagen-bootstrap .dropZone-tagLine {
	margin: 0 auto .75rem;
	font-size: 2rem;
	font-weight: normal;
}

.imagen-bootstrap .dropZone.hover {
	-moz-outline-radius: 6px;
	outline: 2px dashed #aaa;
	outline-offset: -2px;
}

.modal-dialog--editmetadata .dropZone-tagLine {
	margin: 0;
	font-size: 1.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: var(--modal-msg-color);
	font-family: 'Roboto', sans-serif;
}

.modal-dialog--editmetadata .hover .dropZone-tagLine {
	color: #aaa;
}

.dropZone-filelist {
	margin-bottom: .75rem;
}

.drag-drop-active .dropZone {
	border: #5dafdd 4px dashed;
}

.dropZone-info {
	margin: 1.5rem;
}

.dropZone-info--annots {
	margin: 0 0 1.5rem 0;
}

.imgTemplate {
	overflow: hidden;
	margin-bottom: 1.5rem;
	background-color: #fbfbfb;
}

.imgTemplate.left .imgTemplate-template {
	order: 2;
}

.imgTemplate.left .imgTemplate-img {
	order: 1;
}

.imgTemplate-template {
	padding: 1.5rem;
}

.imgTemplate-img {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.imgTemplate-img::before,
.imgTemplate-img--16x9::before,
.imgTemplate-img--4x3::before,
.imgTemplate-img--1x1::before,
.imgTemplate-img--4x5::before,
.imgTemplate-img--3x2::before {
	content: '';
	display: block;
	padding-top: 56.25%;
}

.imgTemplate-img--4x3::before {
	padding-top: 75%;
}

.imgTemplate-img--1x1::before {
	padding-top: 100%;
}

.imgTemplate-img--4x5::before {
	padding-top: 125%;
}

.imgTemplate-img--3x2::before {
	padding-top: 66.666%;
}

.mediaView.mediaView--document {
	margin-bottom: 1.5rem;
}

/* Avatar menu */

.avatar {
	cursor: pointer;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}

.avatar-menu {
	visibility: hidden;
	min-width: 250px;
	transition: transform .2s;
	transform: scale(.8) translate(20px, -30px);
	opacity: 0;
	position: absolute;
	right: 20px;
	top: calc(100% + 5px);
	margin: 0;
	padding: 8px 0;
	width: 100%;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}

.avatar-menu li {
	display: block;
	margin: 0;
}

.avatar-menu .u-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.userIdentity-txt,
.avatar-menu .u-link {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*hide the edit pencil for the avatar drop down menu when the menu is hidden*/
.avatar-menu .iw-edit {
	visibility: hidden;
}

.avatar-menu.open {
	visibility: visible;
	opacity: 1;
	transform: scale(1) translate(0, 0);
	/* makes sure the avatar menu sits above elements on pages (including carousel arrows) */
	z-index: 300;
}

.avatar .iw-menubar-list {
	margin: 0;
}

.userIdentity-loggedInAs {
	padding: 1rem;
	text-align: center;
}

.userIdentity-loggedInAs .avatar-container {
	margin-bottom: .75rem;
}

.userIdentity-loggedInAs .avatar-img {
	border-radius: 50%;
}

@-webkit-keyframes audioPulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}
}

@keyframes audioPulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}
}

.btn-plain.is-disabled {
	opacity: .6;
}

.btn-plain {
	background-color: transparent;
	border: 0;
	font-size: .95rem;
	letter-spacing: .25px;
	padding: 0;
	cursor: pointer;
}

.btn--tagsDone {
	width: 30px;
	height: 30px;
	background-color: #f26729;
	font-size: 0;
}

.btn-plain:focus {
	outline: none;
}

.btn-plain--sendReply {
	font-size: 20px;
}

.btn-plain i {
	margin-right: .375rem;
}

.btn-plain--fade {
	color: #c0c0c0;
	font-weight: bold;
	transition: color, .4s ease;
}

.btn-plain--fade:hover,
.btn-plain--fade:focus {
	color: #404040;
}

/*right padding in px so we can leave accurate space for add button*/
.u-input--addTags {
	padding: .375rem 40px .375rem .75rem;
	border-radius: 20px;
	font-size: .95rem;
	margin-top: .75rem;
}

.role-picker-searching::before,
.mini-loader::before {
	content: '';
	position: absolute;
	left: .375rem;
	display: block;
	width: 20px;
	height: 20px;
	margin: 1px;
	border-radius: 50%;
	border: 3px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: mini-loader 1.2s linear infinite;
}

@keyframes mini-loader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.iwDocumentFallback-container,
.iwDocumentFallback-icon {
	width: 100%;
	height: 100%;
	background-size: contain;
}

.iwDocumentFallback-icon {
	background-repeat: no-repeat;
	background-position: center;
}

.documentViewerWidget.iwPDFViewer .toolbar {
	z-index:inherit;
}

.documentViewerWidget.iwPDFViewer #mainContainer {
	z-index: 0;
}

.iw-tabs-list {
	display: flex;
}

.iw-ntPanel-header .iw-tabs-list {
	border-block-end: solid 1px #e3e3e3;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
	gap: 1.5rem;
	margin-block-end: .75rem;
	padding: 0 1rem;
}

.iw-ntPanel-header--basket {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
}

.iw-tabs-item {
	background-color: transparent;
	border: 0;
	color: #fff;
	cursor: pointer;
	flex-grow: 1;
	padding-inline: 1rem;
	padding-block: 0 .75rem;
	position: relative;
	text-align: center;
}

.iw-tabs-item::before {
	content: '';
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .35s ease-in;
	transition: -webkit-transform .35s ease-in;
	transition: transform .35s ease-in;
}

.iw-tabs-item.active::before {
	background-color: #fff;
	border-radius: 9px;
	height: 5px;
	inset-block-end: -3px;
	inset-inline-end: 0;
	position: absolute;
	-webkit-transform: scale(1);
	transform: scale(1);
	width: 100%;
	z-index: 1;
}

.iw-tabs {
	border-block-end: 1px solid #313131;
	width: 100%;
}

.iw-tabs--more {
	position: relative;
}

.iw-tabs--more .IWmenu_link {
	inset-block-end: 0;
	inset-inline-start: 0;
	position: absolute;
	visibility: hidden;
}

.iw-ntPanel-header .iw-tabs-item {
	color: var(--grey-70);
	flex-grow: 0;
	font-size: 1.2rem;
}

/* Whilst lazy loading don't allow pointer events on tabs */
.loading .iw-ntPanel-header .iw-tabs-item {
	pointer-events: none;
}

/* Don't allow click on tab if it is active */
.iw-ntPanel-header .iw-tabs-item.active {
	font-family: 'Roboto Medium', Sans-Serif;
	color: var(--blue-45);
	pointer-events: none;
}

.iw-ntPanel-header .iw-tabs-item.active::before {
	background-color: var(--blue-50);
}

/* old skool use of float means we get a nicer transition from left to right */
.modal-form-group--fullscreen {
	float: left;
	clear: both;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	background-color: #fff;
}

/* may not not all modal-form-groups to have these props so we just set them if they are in the edit metadata modal */
.modal-dialog--editmetadata .modal-form-group {
	width: 100%;
	position: relative;
}

.modal-upload-options .modal-form-group {
	margin-bottom: 0;
}

/* Down arrow with CSS */
.modal-body--switchTabs .modal-tab-header:has(.hide) .modal-tab-title::before,
.modal-segment-header.modal-stretch-section::after,
.modal-stretch-section--title::after,
.modal-more-section::before,
.modal-upload-options .modal-form-group::after {
	content: '';
	position: absolute;
	inset-block-end: -31px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 15px 0 15px;
	border-color: #f1f1f1 transparent transparent transparent;
	inset-inline-start: -4px;
}

.modal-segment-header.modal-stretch-section::after,
.modal-stretch-section--title::after {
	inset-inline-start: 1.5rem;
	inset-block-end: -10px;
}

.modal-body--switchTabs .modal-tab-header:has(.hide) .modal-tab-title::before {
	inset-block-end: -10px;
	inset-inline-start: 1rem;
	border-color: #f6f6f6 transparent transparent transparent;
}

/* Up arrow with CSS */
.modal-more-section::before {
	border-width: 0 15px 10px 15px;
	border-color: transparent transparent #f6f6f6 transparent;
	bottom: auto;
	top: -10px;
	left: 19px;
}

.modal-more-section--deleteReady::before {
	border-color: transparent transparent #f2e5e5 transparent;
}

/* Hiding modal-btn-icon--batch-tick whilst transitioning, fixes animation that gets cut off too early */
.is-transitioning .modal-btn-icon--batch-tick,
.modal-form-group--fullscreen .modal-btn-icon.iw-icon-expand {
	display: none;
}

/* Stop weird UI if too many clicks occur whilst animating */
.is-transitioning .modal-form-group--fullscreen .modal-btn-icon {
	pointer-events: none;
}

/* Show collapse icon when element is expanded */
.modal-form-group--fullscreen.is-open .modal-expand-wrap .modal-btn-icon::before {
	content: '\e950';
}

.modal-tab-title {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	padding: 1rem 1.5rem;
	position: relative;
}

.modal-tab-header:has(.hide) {
	width: 100%;
}

.modal-tab-title::after {
	content: '';
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .2s ease-in;
	transition: -webkit-transform .2s ease-in;
	transition: transform .2s ease-in;
}

.modal-tab-title.is-active::after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	position: absolute;
	width: 100%;
	background-color: #00a3e8;
	height: 3px;
	right: 0;
	bottom: -2px;
	border-radius: 9px;
}

.modal-tab-header:has(.hide) .modal-tab-title::after {
	display: none;
}

.modal-body--switchTabs .modal-tab-header:has(.hide) .modal-tab-title {
	justify-content: flex-start;
}

.modal-body.is-expanded .modal-tab-content--meta,
.imagen-bootstrap .modal-body.is-expanded .modal-tab-title--meta {
	border-right-color: transparent;
}

.modal-body.is-expanded .modal-tab-content--media,
.modal-body.is-expanded .modal-tab-title--meta {
	-webkit-transition: -webkit-transform .8s ease-in-out;
	transition: -webkit-transform .8s ease-in-out;
	transition: transform .8s ease-in-out;
}

.modal-tab-title--meta {
	-webkit-transition: -webkit-transform .8s ease-in-out, border-color 1.5s ease-in-out;
	transition: -webkit-transform .8s ease-in-out, border-color 1.5s ease-in-out;
	transition: transform .8s ease-in-out, border-color 1.5s ease-in-out;
}

.modal-body.is-expanded .modal-tab-content--media {
	-webkit-transform: translate(100%, 0);
	transform: translate(100%, 0);
	padding-left: 0;
	padding-right: 0;
}

.modal-body.is-transitioning .modal-tab-content--meta,
.modal-body.is-expanded .modal-tab-content--meta {
	overflow: visible;
}

.modal-btn-icon--batch-tick {
	background-color: #ccc;
	position: absolute;
	right: 0;
	opacity: .5;
	color: #fff;
	top: 28px;
	border-color: #ccc;
}

.modal-form-group--fullscreen .modal-btn-icon--batch-tick {
	top: 58px;
	right: 0;
}

.enabled .modal-btn-icon--batch-tick {
	background-color: #46a2d0;
	border-color: #46a2d0;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.metadata-batch .modal-input-group,
.metadata-batch .modal-input {
	border-color: var(--modal-input-disabled-border-color);
	color: var(--modal-input-disabled-font-color);
}

.metadata-batch .modal-btn-icon.iw-icon-expand,
.metadata-batch .modal-input-extension--inGroup:last-child {
	border-color: var(--modal-input-disabled-border-color);
}

.metadata-batch .modal-btn-icon.iw-icon-expand,
.metadata-batch .single-select::after {
	color: var(--modal-input-disabled-font-color);
}

.metadata-batch .enabled .modal-input,
.metadata-batch .enabled .modal-input-group {
	border-color: var(--modal-input-border-color);
	color: var(--modal-input-font-color);
}

.metadata-batch .enabled .modal-btn-icon.iw-icon-expand {
	border-color: var(--modal-btn-icon-border-color);
}

.metadata-batch .enabled .modal-btn-icon.iw-icon-expand,
.metadata-batch .enabled .single-select::after {
	color: var(--modal-input-font-color);
}

.modal-body .modal-info-msg {
	opacity: 1;
	-webkit-transition: opacity .8s ease-in-out;
	transition: opacity .8s ease-in-out;
}

.is-expanded .modal-info-msg,
.is-expanded .modal-tab-acl,
.is-expanded .modal-tab-title--meta .modal-tab-acl,
.is-expanded .modal-form-group.enabled,
.is-expanded .modal-form-group {
	opacity: 0;
	-webkit-transition: opacity .8s ease-in-out;
	transition: opacity .8s ease-in-out;
}

.is-transitioning .modal-form-group.is-open {
	-webkit-animation: none;
	animation: none;
}

.is-transitioning .modal-btn-icon--batch-tick {
	opacity: 0;
}

.modal-dialog--editmetadata .is-transitioning .modal-form-group.is-open,
.is-expanded .modal-form-group.is-open {
	opacity: 1;
}

.modal-editMediaObjects ~ .modal-upload .modal-sub-header {
	font-family: 'Roboto Medium', sans-serif;
}

.modal-editMediaObjects ~ .modal-upload .modal-sub-header::before {
	content: none;
}

/* z-index to sit over stretch title */
.modal-drag.iw-icon-grippy {
	background-color: transparent;
	border: 0;
	color: var(--modal-icon-color);
	left: -3px;
	padding: 0;
	position: absolute;
	top: 6px;
	z-index: 1;
}

.is-alone .modal-drag.iw-icon-grippy {
	display: none;
}

.modal-form-group--mixed {
	gap: 1rem;
}

.modal-drag.iw-icon-grippy::before {
	font-size: 2rem;
}

/* .iw-item generic class */

.iw-item {
	background-color: #e1e1e1;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-block-end: 1.5rem;
	padding: 1rem;
}

.iw-item--expand {
	cursor: pointer;
}

.iw-item-thumbWrap {
	background-color: #f9f9f9;
	border-radius: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 150px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-block-end: 0.75rem;
	order: 2;
	padding: 1rem;
}

.iw-item-thumb {
	object-fit: contain;
	max-width: 100%;
}

.iw-basket-list .iw-item-thumb {
	background-color: var(--grey-5);
	background-size: cover;
}

.iw-item-stateActions {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 0 .75rem;
	order: 1;
}

.iw-item-icon {
	margin-inline-end: auto;
}

.iw-item-contents {
	order: 3;
}

.iw-item-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-block-end: .375rem;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.iw-item-icon {
	background-color: #455667;
	border: 0;
	border-radius: 50%;
	color: #fff;
	font-size: .75rem;
	height: 28px;
	line-height: 28px;
	text-align: center;
	width: 28px;
}

.iw-item-status {
	border-radius: 30px;
	color: #fff;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: .7rem;
	height: 24px;
	padding: 5px .575rem;
	text-align: center;
}

.iw-item-status--complete {
	background-color: #accf48;
}

.iw-item-status--pending {
	background-color: #efa905;
}

.iw-item-status--partially {
	background-color: #2196f3;
}

.iw-item-status--cancelled {
	background-color: #ec3a3a;
}

.iw-item-status--unknown {
	background-color: #455667;
}

.iw-item-content-key,
.iw-item-content-val {
	display: inline;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	max-width: 100%;
	white-space: nowrap;
}

.iw-item-content-key {
	font-weight: bold;
	margin-inline-end: .75rem;
	position: relative;
}

.iw-iItem-content-key::after {
	content: ':';
	position: absolute;
	inset-inline-end: -5px;
}

.iw-item-expand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	grid-area: 2 / 1 / -1 / -1;
	max-height: 0;
	order: 4;
	overflow: hidden;
	width: 100%;
}

.iw-item-expand.iwSlideSection--open {
	max-height: 400px;
}

.iw-item-expand-results {
	margin-block-end: 0;
	overflow: auto;
	padding-inline-start: 0;
}

.iw-item-expand-summary,
.iw-item-expand-result {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(4, 30px) 1fr 120px;
	grid-template-rows: repeat(2, 1fr);
	justify-items: center;
}

.iw-item-expand-summary {
	background-color: #bababa;
	border-radius: 5px;
	font-size: 12px;
	grid-template-rows: 1fr;
	margin: .75rem 0;
	padding: .75rem;
}

.iw-item-expand-summaryItem {
	font-size: 0;
}

.iw-item-expand-summaryIcon {
	font-size: 12px;
	margin: 0 .375rem;
}

.iw-item-expand-summaryIcon::before {
	font-weight: bold;
}

.iw-item-expand-summaryData {
	font-size: 12px;
	margin-inline-start: .1875rem;
}

.iw-item-expand-resultThumb {
	border-radius: 4px;
	display: none;
	grid-area: 1 / 1 / -1 / 2;
	height: 100%;
	justify-self: start;
	object-fit: cover;
	width: 100%;
}

.iw-item-expand-result {
	align-items: center;
	border-bottom: 1px solid #bababa;
	font-size: 12px;
	margin-bottom: .375rem;
	padding: 0 .75rem .75rem;
}

.iw-item-expand-result:last-child {
	border-bottom: 0;
	padding-block-end: 0;
	margin-block-end: 0;
}

.iw-item-expand-resultTxt,
.iw-item-expand-metadata {
	display: block;
	justify-self: start;
	font-size: 12px;
	margin-block-end: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-inline-end: 3rem;
	position: relative;
	width: 100%;
	white-space: nowrap;
}

.iw-item-expand-resultTxt {
	font-weight: bold;
	grid-area: 1 / 1 / -2 / -1;
}

.iw-item-expand-metadata {
	grid-area: 2 / 1 / -1 / 6;
}

.iw-item-expand-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	inset-block-start: 50%;
	inset-inline-end: 0;
	position: absolute;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.iw-item-expand-summaryItem--status,
.iw-item-expand-resultStatus {
	font-size: 12px;
	grid-area: 1 / 6 / -1 / 7;
	text-align: end;
	align-self: end;
}

.iw-item .infoMessage {
	background-color: #cfcfcf;
	box-shadow: none;
	font-size: 13px;
	margin-block-end: 0;
}

.iw-item-expand-thumbWrap {
	display: none;
	height: 35px;
	position: relative;
	width: 60px;
}

.iw-item-expand-duration {
	display: none;
}

.iw-item-expand-icon {
	margin-inline-start: .75rem;
}

.iw-item-expand-icon:first-child {
	margin-inline-start: auto;
}

.iw-list {
	margin: 0;
	padding: 0;
}

.iw-list-item {
	align-items: center;
	border-block-end: 1px solid #313131;
	column-gap: 1rem;
	cursor: pointer;
	display: flex;
	margin-block-end: 1rem;
	padding-block-end: 1rem;
}

.iw-ntPanel .iw-list-item {
	align-items: flex-start;
	border: 1px solid var(--grey-5);
	border-radius: 8px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
	cursor: default;
	margin-block-end: .575rem;
	padding: .75rem;
}

.iw-nt-card--alertIn {
	animation: slideIn .5s cubic-bezier(.36,.07,.19,.97) both;
	backface-visibility: hidden;
	transform-origin: top;
	background-color: #fff;
	padding: .75rem;
	border-radius: 4px;
	margin: 0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .05);
	border: 1px solid var(--grey-5);
}

.iw-ntPanel--basket .iw-list-item {
	display: grid;
	grid-template-columns: min-content min-content min-content;
}

.iw-list-item__thumbWrap {
	border-radius: 3px;
	display: flex;
	flex-shrink: 0;
	height: 45px;
	max-width: 80px;
	overflow: hidden;
	width: 100%;
}

.iw-list-item__link {
	text-decoration: none;
	color: var(--blue-65);
}

.iw-ntPanel-list .iw-list-item__title {
	font-size: 1.1rem;
	font-family: "Roboto Medium", sans-serif;
	font-weight: normal;
	margin: 0;
	word-break: break-word;
}

.iw-list-item__thumbWrap--notifications {
	align-items: center;
	align-self: flex-start;
	background-color: var(--blue-10);
	color: #fff;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.iw-list-item__title,
.iw-list-item__desc {
	display: flex;
	flex-wrap: wrap;
	font-size: .9rem;
}

.iw-list-item__desc .emojione {
	margin: 0;
}

.iw-list-item__desc {
	column-gap: .1875rem;
}

.iw-list-item__thumb {
	height: 100%;
	object-fit: cover;
	width: 80px;
}

.iw-ntPanel .iw-list-item__body,
.iw-list-item__head {
	display: flex;
	gap: .375rem;
	justify-content: space-between;
}

.iw-ntPanel .iw-list-item__desc {
	font-size: .85rem;
	margin: 0;
	word-break: break-word;
}

.iw-ntPanel .iw-list-item__body:has(.iw-progress-bar-container) > div:first-child {
	width: 100%;
}

.iw-list-item__content {
	flex-grow: 1;
}

.iw-ntPanel .iw-list-item__content {
	display: flex;
	flex-direction: column;
	gap: .375rem;
}

@-webkit-keyframes audioPulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.2);
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}
}

@keyframes audioPulse {
	0% {
		-webkit-transform: translate(-50%, -50%) scale(1);
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(-50%, -50%) scale(1.2, 1.2);
		transform: translate(-50%, -50%) scale(1.2);
		opacity: 0;
	}
}

/* landscape smartphones, iPhone480px */
@media all and (max-width:30em) {

	.pagination--framesImageGrid .pagination-listItem {
		display: none;
	}

	.pagination--framesImageGrid .pagination-listItem.next,
	.pagination--framesImageGrid .pagination-listItem.previous,
	.pagination--framesImageGrid .pagination-listItem.selected {
		display: inline-block;
	}

	.pagination-container.image_grid_page_items {
		text-align: center;
	}

	.unavailableMediaDisplay {
		width: 100%;
	}

	.rTable-cell--bHistoryRefund:empty {
		display: none;
	}
}

/* landscape smartphones, iPhone480px */
@media all and (min-width:30em) {
	/*testing only remove before production*/
	body.mode-developer:after {content: "landscape smartphones, iPhone480px"; }

	/*this is the pagination container for above and below the records grid*/
	.image_grid_footer.isLoading,
	.image_grid_header.isLoading {
		margin-left: 50%;
	}

	.formRemember,
	.formForgotPwd {
		float: left;
		width: 50%;
	}

	.g-recaptcha > div {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.formForgotPwd.noRememberMe {
		width: 100%;
	}

	.formForgotPwd  {
		text-align: right;
	}

	.formRemember {
		text-align: left;
		margin-bottom: 0;
	}
	/*END log in pages*/

	/*range module*/

	.formRange-from,
	.formRange-to {
		width: 48%;
		display: inline-block;
	}

	.formRange-from {
		margin-right: 4%;
	}

	.formRange-to .u-label {
		position: absolute;
		margin-left: 50%;
		left: -20px;
		margin-top: 15px;
		text-align: center;
		text-transform: lowercase;
	}

	.formRange-from,
	.formRange-to {
		margin-bottom: 0;
	}
	/*END range module*/

	.paymentMethods-cardList {
		padding-left: .75rem;
		text-align: left;
	}

	.usr-console {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.pagination-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
	}

	.invoice-gen {
		margin-bottom: 0;
	}

	.iw-ntPanel-list--alert {
		width: 350px;
		inset-inline-end: 10px;
	}

	.imagen-bootstrap .modal-help  .modal-label {
		margin: 0;
		width: auto;
	}

	.imagen-bootstrap .modal-label--txt {
		margin-top: 0;
	}

	.imagen-bootstrap .modal-form-group-item .modal-input,
	.imagen-bootstrap .modal-form-group--stacked .modal-input,
	.imagen-bootstrap .modal-form-group--stacked .modal-input--txtArea,
	.imagen-bootstrap .modal-input--inList {
		max-width: 100%;
	}

	.imagen-bootstrap .modal-input--inGroup {
		max-width: 100%;
		margin: 0;
	}

	.imagen-bootstrap .modal-input::-ms-clear {
		display: none;
	}

	.modal-input--mini {
		width: 20%;
	}

	.modal-section {
		padding: .75rem;
	}

	.imagen-bootstrap .modal-section--errorDetails {
		padding: 0;
	}

	.imagen-bootstrap  .modal-form-group--infoMessage {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.imagen-bootstrap .modal-media-select {
		width: 45%;
	}

	.imagen-bootstrap .modal-label--mediaSelect {
		margin-top: 0;
	}

	.invoice-ref,
	.invoice-gen {
		text-align: right;
	}

	.stripeCard-expiryDate-label {
		display: inline;
	}

	.modal-editMedia-img img {
		max-height: 90px;
	}
}

/* portrait e-readers (Nook/Kindle), smaller tablets 600px or 640px wide. */
@media all and (min-width:36.063em) {
	/*testing only remove before production*/
	body.mode-developer:after{content: "portrait e-readers (Nook/Kindle), smaller tablets 600px or 640px wide.";}

	.u-inputTxt,
	.u-select,
	.u-inputPwd,
	.u-txtArea,
	.u-date,
	.dateFilter-picker,
	.formContainer--dynamic .multiselect-input,
	.u-input {
		font-size: 1rem;
	}

	.u-input--addTags {
		font-size: .95rem;
	}

	/*login pages*/
	.formInput--logInOrg .u-select {
		width: 100%;
	}
	/*END log in pages*/

	/*search module*/
	.search-form .u-label {
		flex: 0 1 100%;
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
	}

	.search-form {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.search-form .u-inputTxt {
		-webkit-flex: 1 0 0;
		-ms-flex: 1 0 0%;
		flex: 1 0 0;
		margin-bottom: 0;
	}

	.search-form .btn--main {
		margin: 0 0 0 .75rem;
	}

	.search-form .u-label {
		margin-bottom: .375rem;
	}

	video.iw_userfiles_video {
		display: block;
	}

	.formRange-from .u-label {
		display: inline-block;
	}

	.formRange-toInputWrap,
	.formRange-fromInputWrap {
		display: inline-block;
		width: calc(100% - 45px);
	}

	.rTable-header {
		padding: 1.5rem 0;
	}

	.rTable-cell {
		display: block;
		padding: 0;
	}

	.rTable-cellDataItem--center,
	.rTable-headerCell--center {
		text-align: center;
	}

	.rTable-header,
	.rTable-row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.rTable-row--bHistory {
		padding-bottom: 0;
	}

	.rTable-header--openAccess {
		padding: 0;
	}

	.rTable-cellTitle {
		display: none;
	}

	.rTable-headerCell,
	.rTable-cell {
		overflow: hidden;
	}

	.rTable-cellData {
		width: auto;
	}

	.rTable-header--2cols .rTable-headerCell,
	.rTable-row--2cols .rTable-cell {
		width: 48%;
	}

	.rTable-header--3cols .rTable-headerCell,
	.rTable-row--3cols .rTable-cell {
		width: 30%;
	}

	.rTable-header--4cols .rTable-headerCell,
	.rTable-row--4cols .rTable-cell {
		width: 25%;
	}

	.rTable-header--5cols .rTable-headerCell,
	.rTable-row--5cols .rTable-cell {
		width: 20%;
	}

	.rTable-header--6cols .rTable-headerCell,
	.rTable-row--6cols .rTable-cell {
		width: 16%;
	}

	.rTable-cell--bHistoryDate,
	.rTable-headerCell--bHistoryDate {
		width: 27%
	}

	.rTable-cell--bHistoryPayment,
	.rTable-headerCell--bHistoryPayment {
		width: 23%
	}

	.rTable-row--borders {
		border: 1px solid #ccc;
		border-top: 0;
		padding: 0;
		border-left: 0;
	}

	.rTable-cell--borders,
	.rTable-headerCell--borders {
		border-left: 1px solid #ccc;
		padding: 1.5rem;
	}

	.rTable--payment .rTable-headerCell,
	.rTable--payment .rTable-cell {
		padding: .75rem;
	}

	.rTable--payment .rTable-header,
	.rTable--payment .rTable-row {
		padding: 0;
	}

	.rTable-header--borders {
		border: 1px solid #ccc;
		border-left: 0;
		padding: 0
	}

	.rTable-cell--bHistoryAmount,
	.rTable-headerCell--bHistoryAmount {
		width: 25%
	}


	.rTable-cell--bHistoryRefund,
	.rTable-headerCell--bHistoryRefund {
		width: 15%
	}

	.rTable-headerCell--bHistoryRefund:empty {
		display: none;
	}

	.card-listItemContent {
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.card-listItemContent {
		padding: .75rem .75rem .75rem 0;
		margin-left: .75rem;
	}

	.card-listItemData {
		margin-left: .75rem;
	}

	.card-listItemThumb {
		margin: 0;
		flex-shrink: 0;
		-webkit-flex-shrink: 0;
		-webkit-flex-grow: 1;
		flex-grow: 1;
	}

	.card-listItemThumb--extended {
		-webkit-flex-grow: 0;
		flex-grow: 0;
	}

	.card-listItemImageDate {
		width: auto;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}

	.card-listItemImageDate {
		min-width: 130px;
	}

	.card-listItemDate {
		font-size: .9rem;
	}

	.card-listItem--extended {
		-ms-flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		margin: 0 auto .75rem auto;
	}

	.card-listItemThumb--extended {
		margin-bottom: .75rem;
	}

	.modal-actions--end {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

/* Galaxy S5 */
@media all and (min-width:37.5em) {
	/*testing only remove before production*/
	body.mode-developer:after{content: "Galaxy S5";}

	.iw-nt-view {
		width: 500px;
	}

	.iw-nt-cardInfo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.checkout-cardDetails,
	.iw-nt-cardDetails {
		width: calc(100% - 35px);
	}

	.modal-editMedia-img {
		max-width: 200px;
	}

	.iw-item-contents {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

/* Portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media all and (min-width:44.063em) {
	/*testing only remove before production*/
	body.mode-developer:after{content: "portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones";}

	.imagen-bootstrap .modal-dialog {
		width: auto;
		margin: 10px;
	}

	.imagen-bootstrap .modal-footer {
		width: auto;
	}

	.imagen-bootstrap .modal-group-inGroup--mixed {
		width: calc(50% - .75rem);
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.imagen-bootstrap .modal-group-inGroup--mixed .modal-option {
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.imagen-bootstrap .modal-group-inGroup--mixed .modal-input {
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		margin-left: .75rem;
		width: 100%;
	}

	.modal-btn {
		padding: .5rem 1rem;
		min-width: 85px;
	}

	.modal-btn--inGroup {
		min-width: inherit;
	}

	.modal-btn--mini {
		padding: .1875rem .75rem;
	}

	.imagen-bootstrap .modal-header,
	.imagen-bootstrap .modal-footer {
		padding: 1.5rem;
	}

	.modal-body {
		padding: .75rem 1.5rem;
	}

	.modal-body--switchTabs,
	.modal-dialog--editmetadata .modal-body {
		padding: 0;
	}

	.multiSelect-menuItem.btn--aria i {
		font-size: 1.2rem;
	}

	/*Overly complicated selector used here as the js logic would also have been overly complicated
	  this is to cover scenario when we have media rights drop down and download cost input only
	  .modal-form-group:nth-child(1):only-child will select the first child if it's the only child with modal-form-group
	  The second selector, .modal-group-inGroup:nth-child(2):last-child, will select the second child if it's the last
	  child and has the class .modal-group-inGroup.
	  This combination will ensure that the styles are applied only if the modal-more-section parent has exactly two
	  children with the classes modal-form-group and modal-group-inGroup.*/
	.modal-more-section.iwSlideSection--open:has( > .modal-form-group:nth-child(1) + .modal-group-inGroup:nth-child(2):last-child) {
		column-gap: 1.5rem;
		display: flex;
	}

	.modal-more-section.iwSlideSection--open:has( > .modal-form-group:nth-child(1) + .modal-group-inGroup:nth-child(2):last-child) .modal-form-group,
	.imagen-bootstrap .modal-group-inGroup {
		margin-block-end: 0;
	}

	/* Use of > as we only want to affect labels that are inline and not in a group */
	.modal-form-group--inline > .modal-label {
		margin: auto .75rem auto 0;
		display: inline;
		width: 150px;
		max-width: 150px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.modal-form-group--inline .modal-input {
		margin-left: auto;
		max-width: calc(100% - 150px - .75rem);
	}

	.modal-form-group--inline .modal-input-group {
		max-width: calc(100% - 150px - .75rem);
	}

	.modal-form-group--inline .modal-input-group--copy {
		max-width: inherit;
	}

	.modal-group-inGroup .modal-input-group {
		max-width: 100%;
	}

	.modal-form-group--inline .modal-input-group .modal-input {
		width: 100%;
	}

	.modal-input-group .modal-input {
		margin-left: 0;
		max-width: inherit;
	}

	.modal-form-group--inline .modal-input--singleSelect {
		max-width: 100%;
	}

	.modal-form-group--inline .single-select {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.modal-form-group--inline .modal-input--mini {
		margin-left: 0;
	}

	.modal-form-group--inline {
		column-gap: 1.5rem;
		flex-direction: row;
	}

	.modal-form-group--auto {
		column-gap: 0;
	}

	.modal-form-group--auto .modal-label {
		width: auto;
	}

	.modal-form-group--auto .modal-input {
		max-width: inherit;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: auto;
	}

	.modal-form-group--auto .modal-input.modal-input--singleSelect {
		width: 100%;
	}

	.modal-group-inGroup .modal-label {
		margin: 0 0 .575rem;
		width: 100%;
		max-width: inherit;
	}

	.modal-group-inGroup--help .modal-label {
		width: 95%;
	}

	.modal-group-inGroup .modal-input {
		width: 100%;
		max-width: 100%;
	}

	.modal-txt--help {
		width: 100%;
	}

	.modal-form-group--help {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.modal-editMedia-timeCode--single {
		margin-bottom: 0;
	}

	.modal-editMedia-media .modal-more {
		margin-bottom: 1rem;
	}

	.modal-editMedia-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.modal-editMedia-media .modal-more {
		left: 0;
		margin-left: auto;
		margin-bottom: 0;
	}

	.modal-editmedia-meta {
		padding-right: 1.5rem;
	}

	.modal-editMedia-img {
		position: relative;
		margin-bottom: 1rem;
		padding: .375rem;
		top: 0;
		right: 0;
	}

	.modal-editMedia--video .modal-more-section::before {
		left: auto;
		right: 17px;
	}

	.modal-editMedia-timeCode {
		margin-bottom: 1rem;
	}

	.iw-item {
		align-items: center;
		display: grid;
		grid-template-columns: calc(250px + 1.5rem) 1fr;
		grid-template-rows: 40px max-content repeat(5, min-content);
	}

	.iw-item-contents {
		display: contents;
	}

	.iw-item-thumbWrap {
		grid-area: 1 / 1 / 6 / 2;
		height: auto;
		margin-bottom: 0;
		max-height: 166px;
		min-height: 166px;
		width: 250px;
	}

	.iw-item-stateActions {
		grid-area: 1 / 2 / 2 / 3;
	}

	.iw-item-expand {
		grid-area: 7 / 1 / 8 / -1;
	}

	.iw-item-expand-summary,
	.iw-item-expand-result {
		gap: .1875rem;
		grid-template-columns: repeat(4, 70px) 1fr 140px;
	}

	.iw-item-expand-summaryItem {
		font-size: 12px;
	}

	.iw-item-expand-thumbWrap,
	.iw-item-expand-resultThumb {
		display: block;
	}

	.iw-item-expand-thumbWrap {
		grid-area: 1 / 1 / -1 / 2;
	}

	.iw-item-expand-duration {
		background-color: rgba(0, 0, 0, 0.5);
		bottom: 0;
		color: #fff;
		display: inline-block;
		font-size: 10px;
		margin: 0;
		position: absolute;
		text-align: center;
		width: 100%;
	}

	.iw-item-expand-resultTxt {
		grid-area: 1 / 2 / 2 / 6;
	}

	.iw-item-expand-metadata {
		grid-area: 2 / 2 / -1 / 6;
	}
}

/* portrait iPad 768px - MAX WIDTH */
@media all and (max-width:48em) {

	#logo img,
	.mobLogo img {
		height: auto;
		width: auto;
		max-height: 100%;
		max-width: 100%;
	}
}

/*  portrait iPad 768px */
@media (min-width:48em) {
	/*testing only remove before production*/
	body.mode-developer:after{content: "768px";}

	.formInput--logInOrg {
		-ms-flex-direction: row;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-webkit-flex-direction: row;
		-webkit-justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
	}

	.formInput--logInOrg .u-label,
	.formInput--logInOrg .u-inputTxt,
	.formInput--logInOrg .u-select,
	.errorMessage {
		font-size: 1rem;
	}

	.errorMessage--login {
		font-size: .9rem;
	}

	.formInput--logInOrg .u-label,
	.formInput--logInOrg .errorMessage {
		width: 100%;
	}

	.formInput--logInOrg .u-inputTxt,
	.formInput--logInOrg .u-select {
		width: 49%
	}

	.formInput--logInOrg .u-inputTxt {
		margin-bottom: 0;
	}
	/*END log in pages*/

	.card--sets {
		flex: 0 1 49%;
		margin-left: .5%;
		margin-right: .5%;
		min-width: 0;
	}

	.cardHolderInner {
		width: 100%;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		overflow: auto;
	}

	.cardHolder--mobileSlide {
		height: auto;
		overflow: visible;
	}

	#metadata-view ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.metaData-listItem {
		width: 49%;
	}

	.tabViewer--scroll .tabName--meta.is-active .metaData-listItem {
		width: 100%;
	}

	.metaData-listItem--fullWidth {
		width: 100%;
	}

	.iw-key-help-link {
		text-decoration: inherit;
		font-size: 28px;
		vertical-align: top;
		margin-left: .75rem;
		display: inline;
	}

	.card-titleWrap .iw-icon-grippy {
		display: inline-block;
	}

	body.iwTBar {
		padding-left: 56px;
	}

	.iwTBar--anim {
		transition: padding-left 0.3s ease-in;
	}

	body.iwTBar--isClosed {
		padding-left: 6px;
	}

	.iwToolBar {
		width: 50px;
	}

	.iwToolBar--isLoading {
		width: 100%;
	}

	.iwToolBar--closed {
		left: -50px;
	}

	.iwToolBar-handle {
		right: auto;
		left: 50px;
		color: #a8afba;
		background-color: #1f222b;
		box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
		cursor: pointer;
	}

	/*mix of px and rem used for padding to get icon centered correctly*/
	.iwToolBar-handle::before {
		transform: translate(4px, -50%);
		border-radius: 0 5px 5px 0;
		background-color: #1f222b;
		box-shadow: 6px 3px 14px -3px rgba(40, 40, 40, .5);
		border: 1px solid #1f222b;
		border-left: 0;
		padding: 0;
		font-size: 14px;
		height: 40px;
		line-height: 38px;
		width: 17px;
	}

	.iwToolBar--closed .iwToolBar-handle::before {
		transform: translate(0, -50%);
	}

	.iwToolBar-handle:hover {
		color: #f26729;
	}

	.iwToolBar-itemText {
		display: block;
		font-size: .8rem;
		margin-left: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: .1875rem;
	}

	.iwToolBar-taggedHeader {
		font-size: .85rem;
		color: #a8afba;
		text-align: center;
		position: relative;
		margin-bottom: .75rem;
		display: block;
	}

	.iwToolBar-itemText--tagged {
		order: 1;
		position: absolute;
		left: 0;
		visibility: hidden;
		pointer-events: none;
		padding: 0 .75rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 40px;
		line-height: 40px;
		border-radius: 0 3px 3px 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow: visible;
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px);
		-webkit-transition: -webkit-transform .3s;
		transition: -webkit-transform .3s;
		transition: transform .3s;
		font-family: 'Roboto Medium', sans-serif;
	}

	/*using px value for font size due to rendering issues*/
	.iwToolBar-itemText--tagged::before {
		content: "\e931";
		font-family: 'Imagenweb';
		position: absolute;
		left: -51px;
		font-size: 16px;
	}

	.iw_toolbar-shortcut {
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	}

	.iwToolBar-allShortcutItems {
		overflow-y: auto;
		overflow-x: hidden;
		height: calc(100% - 100px);
		width: 68px;
	}

	.iwToolBar-shortcuts {
		height: calc(100% - 157px);
		overflow: inherit;
	}

	/*This stops the pop over from showing when scrolling*/
	.isScrolling .iwToolBar-itemText--tagged,
	.isSorting .iwToolBar-itemText--tagged {
		display: none;
	}

	.iwToolbar-scrolling,
	.loaded-search.iwToolbar-scrolling {
		overflow: hidden;
	}

	.iwToolBar-itemLink--tagged .iw_toolbar-shortcut {
		order: 2;
	}

	.iwToolBar-itemLink {
		text-align: center;
		padding: .375rem 0;
	}

	.iwToolBar-itemLink--tagged {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
		height: 40px;
		line-height: 40px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.isVisible .iwToolBar-itemLink--tagged:hover {
		background-color: #343947;
		color: #f26729;
		pointer-events: all;
	}

	.isVisible .iwToolBar-itemLink--tagged:hover .iwToolBar-itemText--tagged {
		visibility: visible;
		pointer-events: all;
		background-color: #343947;
		box-shadow: 3px 2px 4px -1px rgba(0, 0, 0, 0.54);
		-webkit-transform: translate(50px, 0px);
		transform: translate(50px, 0px);
	}

	/*if we are sorting don't show icon hover text*/
	.isSorting .isVisible .iwToolBar-itemLink--tagged:hover .iwToolBar-itemText--tagged {
		visibility: hidden;
		pointer-events: none;
		background-color: transparent;
		box-shadow: none;
	}

	.isSorting.iwToolBar-allShortcutItems {
		max-width: 50px;
		overflow: hidden;
		width: 50px;
	}

	.iwToolBar-item {
		border-bottom: 0;
		margin-bottom: 1.5rem;
	}

	.shortcutMove {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0;
		height: 50px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		cursor: pointer;
		color: #a8afba;
	}

	.shortcutMove.isDisabled {
		opacity: .5;
		pointer-events: none;
	}

	.iwToolBar-item--arrow .iw-icon-down {
		position: absolute;
	}

	/*using important to overwrite inline styles set by sortable plugin
	The plugin sets an inline style for will-change transform which appears
	to stop click events on element children*/
	.iwToolBar-item--tagged {
		width: 50px;
		padding: 0;
		margin: .375rem 0;
		will-change: auto !important;
		transform: none !important;
	}

	.iwToolBar-content {
		padding-top: 1rem;
	}

	.iwToolBar-logo {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		bottom: 47px;
		left: -26px;
	}

	.iwToolBar-content {
		padding-top: 1.5rem;
		height: calc(100% - 157px);
		overflow: hidden;
	}

	/*old modal styles*/

	.imagen-bootstrap .col-sm-2 {
		float: left;
		width: 16.666666666666664%;
	}

	.imagen-bootstrap .form-horizontal .control-label {
		text-align: right
	}

	.imagen-bootstrap .col-sm-9 {
		float: left;
		width: 75%
	}

	.imagen-bootstrap .modal-dialog {
		width: 600px;
		margin: 30px auto
	}

	.imagen-bootstrap .modal-dialog.extra-wide {
		width:750px
	}

	.imagen-bootstrap .modal-dialog.modal-dialog--small {
		width: 460px;
	}

	.imagen-bootstrap .modal-dialog--large {
		width: 80vw;
		height: 80vh;
		margin: 10vh auto;
	}

	.imagen-bootstrap .modal-dialog--editmetadata {
		width: 95vw;
		height: 95vh;
		margin: 5vh auto 0 auto;
	}

	.imagen-bootstrap .metaInputRow input {
		margin-bottom: 0;
	}

	.imagen-bootstrap .metaInputRow {
		border: 0;
	}

	.imagen-bootstrap .metaInputName,
	.imagen-bootstrap .metaInputValue {
		width: auto;
	}

	.imagen-bootstrap .customisePanel-customPages--removeMeta {
		margin: auto 0;
		position: relative;
		top: 4px;
	}

	.imagen-bootstrap .tabbed-header .modal-title {
		width: 220px;
		-ms-flex-preferred-size: 220px;
		flex-basis: 220px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		margin-right: .375rem;
		min-width: 100px;
		font-size: 18px;
	}

	.imagen-bootstrap .bootstrap.nav-tabs li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		min-width: 0;
		flex: 1;
	}

	.imagen-bootstrap .bootstrap.nav-tabs li p {
		display: inline;
		margin: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.imagen-bootstrap .bootstrap.nav-tabs li a {
		line-height: 26px;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		overflow: hidden;
	}

	.imagen-bootstrap .bootstrap.nav-tabs li a i {
		margin-right: .375rem;
	}

	.imagen-bootstrap #editMetadata tr {
		border-top: 0;
	}

	.imagen-bootstrap #editMetadata .bootstrap.table th,
	.imagen-bootstrap #editMetadata .bootstrap.table td {
		display: table-cell;
		border-top: 1px solid #ddd;
	}

	.imagen-bootstrap #editMetadata .bootstrap.table th {
		padding-bottom: 5px;
	}

	.imagen-bootstrap #editMetadata .bootstrap.table td {
		min-width: 267px;
		max-width: 310px;
	}

	.modal-tab-content--meta,
	#uploadDrop .thumbnail-icon.media-object {
		display: block;
	}

	.imagen-bootstrap .modal-footer {
		top: 0;
		margin-bottom: 0;
		padding: 1.5rem;
	}

	.imagen-bootstrap .mediaObject-fieldList li {
		line-height: 1.5;
	}

	.modal-body {
		padding-bottom: 20px;
	}

	.modal-body--switchTabs,
	.modal-dialog--editmetadata .modal-body,
	.imagen-bootstrap .bootstrap.tabbable .modal-body {
		padding-bottom: 0;
	}

	.modal-tab-body,
	.modal-tab-content--media,
	.imagen-bootstrap .modal-form-group-item,
	.form-groupInline {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.modal-content::after {
		box-shadow: 0 10px 25px rgba(0, 0, 0, .3),
		0 8px 12px rgba(0, 0, 0, .2);
	}

	.modal-section:last-child {
		margin-bottom: 0;
	}

	.imagen-bootstrap #preview .modal-dialog {
		width: 750px;
	}

	.imagen-bootstrap .modal-distribution-choose.modal-group {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.imagen-bootstrap .modal-distribution-choose .modal-form-group--stacked {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		margin: 0 .75rem 0 0;
		width: auto;
	}

	.modal-distribution-choose .modal-btn {
		-ms-flex-item-align: end;
		align-self: flex-end;
		padding: 0 1rem;
		height: 35px;
		line-height: 1;
	}

	.formHeader--invoice {
		margin: 0;
	}

	.invoice-header {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.imagen-bootstrap .modal-list-scrolling {
		height: 232px;
	}

	.form-groupInline .formInput {
		margin-right: 1.5rem;
	}

	.form-groupInline .formInput:last-child {
		margin-right: 0;
	}

	.u-input-grp--2 {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.u-input-grp--2 .formInput {
		width: calc(50% - .375rem);
	}

	.socialViewerContainer > iframe {
		min-height: 300px;
	}

	.imgTemplate .imgTemplate-template,
	.imgTemplate .imgTemplate-img {
		width: 50%;
	}

	.iw-banner-nav {
		display: none;
	}

	.imgTemplate,
	.imgTemplate-img,
	.imgTemplate-template,
	.iw-banner-nav.active {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.iw-banner-close {
		position: relative;
		top: inherit;
		-webkit-transform: none;
		transform: none;
	}
}

/* tablet, landscape iPad, lo-res laptops and desktops */
@media (min-width:56.25em) {
	/*testing only remove before production*/
	body.mode-developer:after{content: "tablet, landscape iPad, lo-res laptops and desktops";}

	.formContainer {
		width: 80%;
	}

	body.iwTBar-isLoading {
		padding-left: 400px;
		transition: padding-left 0.3s ease-in;
	}

	.iwToolBar--isLoading {
		width: 394px;
		transition: width 0.3s ease-in;
	}

	.iwToolBar--isLoading .iwToolBar-handle {
		left: 394px;
		transition: left 0.3s ease-in;
	}

	.iwToolBar--isLoading .iwToolBar-handle {
		display: block;
	}

	/* Constrain Stripe form only in 'Buy Credits' view */
	#credits-buy .stripePaymentIntentsForm {
		width: 55%;
	}

	.advancedSearch .adv-search-range-slider {
		width: 50%;
	}

	.media-tags {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto .75rem auto;
	}

	.socialViewerContainer > iframe {
		min-height: 350px;
	}
}

/* small desktops 1000px */
@media (min-width:62.5em) {
	/*testing only remove before production*/
	body.mode-developer:after {
		content: "small desktops 1000px";
	}

	.socialViewerContainer > iframe {
		min-height: 400px;
	}

	.iw-banner.active {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.iw-banner-nav {
		margin-bottom: 0;
	}

	.iw-banner-content {
		overflow: hidden;
	}

	.iw-banner-txt {
		text-align: center;
	}

	.modal-tab-content {
		padding: 1.5rem;
	}

	/* larger screen styles for edit medata data modal */
	.modal-tab-content--meta.is-active {
		padding-top: 1.5rem;
	}

	.modal-tab-content.is-active {
		height: auto;
	}

	.modal-body--switchTabs .modal-tab-content.is-active {
		height: 100%;
	}

	.modal-tab-acl {
		position: static;
	}

	.modal-tab-body {
		overflow: hidden;
	}

	.modal-dialog--editmetadata .modal-tab-body {
		margin-top: 0;
	}

	.modal-tab-body.metadata-batch.is-processing {
		padding-bottom: 91px;
	}

	.modal-dialog--editmetadata .modal-body {
		height: auto;
	}

	.modal-tab-content {
		position: static;
		opacity: 1;
		pointer-events: all;
		height: auto;
	}

	.modal-body--switchTabs .modal-tab-content {
		position: absolute;
		opacity: 0;
		pointer-events: none;
		height: 0;
	}

	.modal-tab-title--meta .modal-tab-acl {
		pointer-events: all;
		opacity: 1;
		-webkit-transition: opacity .8s ease-in-out;
		transition: opacity .8s ease-in-out;
	}

	.modal-dialog--editmetadata .dropZone {
		min-height: 150px;
	}

	.modal-tab-titleBtn.is-active {
		color: #333;
	}

	.modal-body--switchTabs .modal-tab-header:has(.hide) .modal-tab-title::after,
	.modal-tab-title::after {
		display: none;
	}

	.modal-body--switchTabs .modal-tab-title::after {
		display: block;
	}

	.modal-tab-content--meta,
	.modal-tab-title--meta {
		border-right: 1px solid #dedbdb;
	}

	.modal-body .modal-tab-title--meta {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	.modal-tab-content--media,
	.modal-tab-content--media.is-active {
		-webkit-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
		-webkit-transition: -webkit-transform .8s ease-in-out;
		transition: -webkit-transform .8s ease-in-out;
		transition: transform .8s ease-in-out;
		padding: 1.5rem 1.5rem 0 1.5rem;
		height: auto;
	}

	.is-expanded--closed .modal-tab-title,
	.is-expanded--closed .modal-tab-content--media,
	.is-expanded--closed .modal-tab-content--media.is-active {
		transition: none;
	}

	.is-expanded .modal-tab-content--media {
		overflow: hidden;
	}

	.modal-dialog--editmetadata .modal-tab-title--media {
		-webkit-transition: opacity .8s ease-in-out;
		transition: opacity .8s ease-in-out;
	}

	.is-expanded .modal-tab-title--media {
		opacity: 0;
		-webkit-transition: opacity .8s ease-in-out;
		transition: opacity .8s ease-in-out;
	}

	.modal-tab-header {
		border: 0;
	}

	.modal-tab-content--meta {
		-webkit-transition: border-color 1.5s ease-in;
		transition: border-color 1.5s ease-in;
	}

	.is-expanded .modal-tab-content--meta {
		-webkit-transition: border-color .1s ease-in;
		transition: border-color .1s ease-in;
	}

	.modal-tab-title {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}
	/* END larger screen styles for edit medata data modal */

	.modal-body--switchTabs .modal-tab-title {
		-webkit-justify-content: center;
		justify-content: center;
		cursor: pointer;
	}

	.modal-editMedia-img {
		max-width: 150px;
		min-width: 150px;
		position: absolute;
		top: 112px;
		right: 1.5rem;
	}

	/* Just for this breakpoint, don't show icon so time code doesn't cause overflow */
	.modal-editMedia-timeCode .iw-icon-stopwatch::before {
		display: none;
	}

	.modal-editMedia-timeCode .iw-icon-stopwatch.is-disabled,
	.modal-editMedia-timeCode .iw-icon-stopwatch {
		padding-inline-start: .375rem;
	}

	.modal-form-group--fullscreen .modal-btn-icon.iw-icon-expand {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		right: 9px;
		top: 9px;
	}

	.modal-form-group--fullscreen .modal-input--txtArea {
		padding-right: 45px;
		resize: none;
	}

	.modal-editMedia-info {
		display: block;
	}

	.modal-editmedia-meta {
		padding-right: 0;
	}

	.modal-editMedia--video + .modal-editMedia-expand {
		margin-top: -1rem;
	}

	.modal-editMedia--video > .modal-more-section.iwSlideSection--open {
		margin-top: 2.5rem;
	}

	/* swap edit metadata modal tabs */
	.is-swapped .modal-tab-header,
	.is-swapped .modal-tab-body {
		flex-direction: row-reverse;
	}

	.is-swapped .modal-tab-content--meta,
	.is-swapped .modal-tab-title--meta {
		border-left: 1px solid #dedbdb;
		border-right: 0;
	}

	/* old skool use of float means we get a nicer transition from right to left */
	.is-swapped .modal-form-group--fullscreen {
		float: right;
	}

	.is-swapped .modal-body.is-expanded .modal-tab-content--media {
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}

	.is-swapped .modal-body.is-expanded .modal-tab-title--meta {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.is-swapped .modal-body.is-expanded .modal-tab-content--meta,
	.is-swapped .imagen-bootstrap .modal-body.is-expanded .modal-tab-title--meta {
		border-left-color: transparent;
	}

	.metadata-batch.is-processing .modal-tab-content {
		padding-bottom: 1.5rem;
	}
}

/* big landscape tablets, laptops, and desktops */
@media (min-width:68.75em) {
	/*testing only remove before production*/
	body.mode-developer:after {
		content: "big landscape tablets, laptops, and desktops ";
	}

	.formContainer {
		width: 65%;
	}

	.card-listItem .iw-icon-grippy {
		background-color: #ebebeb;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
	}

	.socialViewerContainer > iframe {
		min-height: 500px ;
	}

	.iw-item {
		column-gap: .375rem;
		grid-template-columns: calc(85px + 1.5rem) minmax(240px, 1fr) 140px repeat(2, 120px) 120px 60px 40px;
		grid-template-rows: 1fr;
		justify-items: center;
	}

	.iw-item-thumbWrap {
		grid-area: 1 / 1 / -1 / 2;
		max-width: 85px;
		width: 100%;
		height: 50px;
		min-height: inherit;
		padding: 0;
	}

	.iw-item-thumb {
		object-fit: cover;
		width: 85px;
		border-radius: 4px;
	}

	.iw-item-content {
		display: flex;
		flex-direction: column;
		gap: .375rem;
		justify-items: center;
		margin-bottom: 0;
		max-width: 100%;
		overflow: hidden;
	}

	.iw-item-content-key {
		margin-inline-end: 0;
	}

	.iw-item-stateActions {
		display: contents;
	}

	.iw-item-content--col2 {
		justify-self: flex-start;
		grid-area: 1 / 2 / -1 / 3;
	}

	.iw-item-content-key::after {
		display: none;
	}

	.iw-item-content--col3 {
		justify-self: flex-start;
		grid-area: 1 / 3 / -1 / 4;
	}

	.iw-item-status {
		grid-area: 1 / 6 / -1 / 7;
	}

	.iw-item-icon {
		align-self: center;
		grid-area: 1 / 7 / -1 / 8;
	}

	.iw-item-expand-result {
		margin-bottom: .75rem;
	}

	.iw-item-expand {
		grid-area: 2 / 1 / -1 / -1;
	}
}

    /* custom 1 */
@media (min-width:80.25em) {

	/*testing only*/
	body.mode-developer:after {content: "custom 1";}

	html {font-size: 15px;}

	.card--sets {
		flex: 0 1 32.333%;
	}

	.socialViewerContainer > iframe {
		min-height: 550px;
	}

	.modal-upload-options .modal-form-group::after {
		bottom: -32px;
	}

	.modal-editMedia-timeCode .iw-icon-stopwatch::before {
		display: flex;
	}

	.modal-editMedia-timeCode .iw-icon-stopwatch {
		padding-inline-start: 33px;
	}

	.modal-editMedia-timeCode .iw-icon-stopwatch.is-disabled {
		padding-inline-start: 45px;
	}

	.iw-item {
		grid-template-columns: calc(85px + 1.5rem) minmax(250px, 1fr) 250px repeat(2, 150px) 120px 60px 40px;
	}
}

/* custom 1.5 */
@media (min-width:92.25em) {
	body.mode-developer:after{content: "custom 1.5";}

	.media-tags {
		max-width: 1300px;
	}

	.socialViewerContainer > iframe {
		min-height: 600px;
	}

	.modal-keyVal--column {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		column-gap: 1.5rem;
	}

	.modal-editMedia-media,
	.modal-editMedia-info {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.modal-editmedia-meta {
		padding-right: 1.5rem;
	}

	.modal-editMedia-img {
		position: relative;
		top: 0;
		right: auto;
	}

	.modal-editMedia--video + .modal-editMedia-expand {
		margin-top: 0;
	}

	.modal-editMedia--video > .modal-more-section.iwSlideSection--open {
		margin-top: 2rem;
	}

	.modal-editMedia-img {
		max-width: 200px;
		min-width: 200px;
	}

	.modal-editMedia-media {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.modal-editMedia-media .modal-more:only-child {
		margin-top: auto;
		position: relative;
		top: -1.5rem;
	}

	.modal-editMedia-img ~ .modal-more {
		top: -1.5rem;
	}

}

/* hi-res laptops and desktops */
@media (min-width:100.25em) {
	body.mode-developer:after{content: "hi-res laptops and desktops";}

	.iw-checkout-items {
		width: 60%;
	}

	.media-tags {
		max-width: 1400px;
	}

	.socialViewerContainer > iframe {
		min-height: 650px;
	}

	#pageOverlayInformation {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.imagen-bootstrap .modal-dialog--editmetadata {
		width: 90vw;
	}
}

/* largest */
@media (min-width:117em) {
	body.mode-developer:after{content: "largest";}

	.socialViewerContainer > iframe {
		min-height: 700px;
	}

	.imagen-bootstrap .modal-dialog--editmetadata {
		width: 85vw;
	}
}

/*Bootstrap breakpoints*/

@media screen and (max-device-width: 640px) {

	html {
		-webkit-text-size-adjust: 100%;
	}

	.modal-noscroll {
		overflow: hidden;
	}

	.modal {
		position: absolute;
	}

	.loaded-search.modal-open {
		overflow:hidden;
	}

	#imagen-modal-container .modal .modal-body {
		width: 100%;
	}

	#iw_modal_messageContainer {
		width: 101%;
		margin: 0 auto;
		z-index: 5;
		position: initial;
		-webkit-transform: initial;
		transform: initial;

	}
	.imagen-bootstrap .modal-dialog .alert.footer-alert {
		margin: 0;
		top: -2500px;
		z-index: 5;
		position: absolute;
		-webkit-transform: initial;
		transform: initial;
	}

	#iw_modal_messageContainer div.showMessage {
		top:0;
		margin:0;
	}

	.imagen-bootstrap #editMetadata .bootstrap.table th label {
		margin-bottom: 0;
	}

	.imagen-bootstrap .form-control {
		font-size: 16px;
	}

	.imagen-bootstrap .inline-row {
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.imagen-bootstrap .inline-row label {
		margin-bottom: .375rem;
	}
}

@media screen and (orientation: landscape) and (max-device-width: 640px) {

	#imagen-modal-container .modal .modal-header {
		width: 100vw;
		height: 55px;
	}
}

@media all and (max-height: 535px) {

	.imagen-bootstrap div.modal-body {
		max-height: 280px;
	}

	iframe.wufoo {
		max-height: 250px;
	}
}

@media all and (max-height: 625px) {

	.imagen-bootstrap  div.modal-body {
		max-height: 60vh;
	}

	iframe.wufoo {
		max-height: 54vh;
	}
}

@media all and (max-height: 666px) {

	.imagen-bootstrap div.modal-body {
		max-height: 62vh;
	}

	iframe.wufoo {
		max-height: 58vh;
	}
}

/*this should always be at the very end of the CSS**/
.hide {
	display: none;
}