/* -------------------- */
/*    accordionPanel    */
/* -------------------- */
.mets-accordion-panel {
}

.mets-accordion-panel h3 {
}

.mets-accordion-panel h3:hover {
}

.mets-accordion-section-body,.mets-accordion-panel h3 {
}

.mets-accordion-section-body.collapsed {
	display: none;
}

.mets-accordion-panel h3.disabled {
}

.mets-accordion-panel h3.expanded {
}

/* ------------------- */
/*    actionMenu       */
/* ------------------- */
.mets-action-menu {
	display: inline-block;
}

.mets-action-menu .mets-icon.action,
.mets-action-menu + ul .mets-icon.action {
	margin-right: 3px;
}

.mets-action-menu .mets-icon.dropdown,
.mets-action-menu + ul .mets-icon.dropdown {
	margin-left: 3px;
}

.mets-action-menu + ul {
	background: white;
	border: 1px solid #CCC;
	display: none;
	list-style: none;
	margin: 0;
	padding: 2px;
	position: absolute;
	z-index: 100;
}

.mets-action-menu + ul .first {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 2px;
	padding: 0 3px 3px 0;
	text-align: right;
}

.mets-action-menu.left-aligned + ul .first {
	text-align: left;
}

.mets-action-menu + ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	white-space: nowrap;
}

.mets-action-menu + ul .first a:hover {
	background: none;
}

.mets-action-menu-singleton > li{
	list-style-type: none;
}

.mets-action-menu-singleton > li.separator{
	display: none;
}



/* ------------------------- */
/*    ellipsisActionMenu     */
/* ------------------------- */
.mets-ellipsis-action-menu {
	display: inline-block;
}

.mets-ellipsis-action-menu .mets-icon.action,
.mets-ellipsis-action-menu + ul .mets-icon.action {
	margin-right: 3px;
}

.mets-ellipsis-action-menu + ul {
	background: white;
	border: 1px solid #CCC;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 910;
}

.mets-ellipsis-action-menu + ul a {
	display: block;
	padding: 5px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}

.mets-ellipsis-action-menu-singleton > li {
	list-style-type: none;
}

.mets-ellipsis-action-menu-singleton > li.separator {
	display: none;
}


/* === Ajax Spinner === */

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.mets-ellipsis-action-menu + ul .spinnerLi {
	display: block;
	height: 100px;
	min-width: 100px;
	position: relative;
}

.mets-ellipsis-action-menu + ul .ajaxSpinner {
	position: absolute;
	height: 50px;
	width: 50px;
	border: 3px solid transparent;
	border-top-color: #4BCADB;
	top: 50%;
	left: 50%;
	margin: -25px;
	border-radius: 50%;
	animation: spin 1.5s linear infinite;
}

.mets-ellipsis-action-menu + ul .ajaxSpinner:before {
	animation: spin 1.8s linear infinite;
	border: 3px solid transparent;
	border-radius: 50%;
	border-top-color: #005377;
	bottom: -15px;
	content: '';
	left: -15px;
	position: absolute;
	right: -15px;
	top: -15px;
}



/* ------------------- */
/*    ajaxIndicator    */
/* ------------------- */
div.mets-ajax-indicator {
	display: none;
}

body.mets-ajax-indicator-active {
}

#ajaxErrorDialog div.mets-dialog-window-content {
	max-height: 400px;
	overflow: auto;
}

/* -------------- */
/*    calendar    */
/* -------------- */
.mets-calendar {
}

.mets-calendar-time-only {

}

input.mets-calendar + img.ui-datepicker-trigger {
	margin: 0 0 0 2px;
	vertical-align: middle;
	cursor: pointer;
}

input.mets-calendar + img.ui-datepicker-trigger + a .mets-icon.clear,
input.mets-calendar + img.ui-datepicker-trigger + a .mets-icon.svg-clear {
	cursor: pointer;
	margin-right: 0;
}

.hasDatepicker {
	position: relative;
	z-index: auto;
}

.ui-datepicker:hover,
.ui-datepicker *:hover {
	z-index: 1000 !important;
}

/* New styles */

.flatpickr-calendar select,
.flatpickr-calendar input {
	font: 400 15px/1em 'Roboto', sans-serif;
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange,
.flatpickr-calendar .flatpickr-day.selected.inRange,
.flatpickr-calendar .flatpickr-day.startRange.inRange,
.flatpickr-calendar .flatpickr-day.endRange.inRange,
.flatpickr-calendar .flatpickr-day.selected:focus,
.flatpickr-calendar .flatpickr-day.startRange:focus,
.flatpickr-calendar .flatpickr-day.endRange:focus,
.flatpickr-calendar .flatpickr-day.selected:hover,
.flatpickr-calendar .flatpickr-day.startRange:hover,
.flatpickr-calendar .flatpickr-day.endRange:hover,
.flatpickr-calendar .flatpickr-day.selected.prevMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.prevMonthDay,
.flatpickr-calendar .flatpickr-day.selected.nextMonthDay,
.flatpickr-calendar .flatpickr-day.startRange.nextMonthDay,
.flatpickr-calendar .flatpickr-day.endRange.nextMonthDay {
	background: #005377;
	color: #fff;
	border-color: #005377;
}

.flatpickr-calendar .flatpickr-day,
.flatpickr-calendar span.flatpickr-weekday,
.flatpickr-calendar .flatpickr-months .flatpickr-month,
.flatpickr-calendar .flatpickr-time input,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month,
.flatpickr-calendar .flatpickr-time .flatpickr-time-separator,
.flatpickr-calendar .flatpickr-time .flatpickr-am-pm {
	color: #1D2B4A;
	fill: #1D2B4A;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.notAllowed,
.flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay {
	color: rgba(29, 43, 74, .4);
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
	fill: #005377;
}

.flatpickr-calendar .flatpickr-day.today {
	border-color: #005377;
}

.mets-calendar-field-container {
	display: inline-block;
	position: relative;
}

.mets-calendar-field-container input[type='text'],
.solWrapper .mets-field .mets-field-body .mets-calendar-field-container input[type='text'],
.solWrapper .mets-field.error .mets-field-body .mets-calendar-field-container input[type='text'],
.mets-dialog-window .mets-calendar-field-container input[type='text'] {
	padding: 0 6px 0 2em;
}

.mets-calendar-field-container .mets-calendar-icon {
	fill: #1D2B4A;
	height: 1.14em;
	left: 6px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.14em;
}

.mets-calendar-field-container .mets-calendar-clear-btn,
.solWrapper .mets-calendar-field-container .mets-calendar-clear-btn {
	background: #fff;
	border: none;
	color: #1D2B4A;
	line-height: 1;
	opacity: 0;
	padding: 6px;
	position: absolute;
	right: 1px;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity .3s ease-out;
	will-change: opacity;
}

.mets-calendar-field-container .mets-calendar-clear-btn:before {
	content: none;
	display: none;
}

.mets-calendar-field-container:hover .mets-calendar-clear-btn,
.mets-calendar-field-container input[type='text']:focus ~ .mets-calendar-clear-btn,
.mets-calendar-field-container .mets-calendar-clear-btn:focus {
	opacity: 1;
}

.solWrapper .mets-calendar-field-container .mets-calendar-clear-btn:focus {
	transform: translateY(-50%);
}

.solWrapper .mets-calendar-field-container .mets-calendar-clear-btn:not(.disabled):hover {
	background: #fff;
	opacity: 1;
}

.mets-calendar-field-container .mets-calendar-clear-btn .mets-icon {
	display: block;
	height: .8em;
	margin: 0;
	pointer-events: none;
	width: .8em;
}





/* ------------------- */
/*    commandButton    */
/* ------------------- */
.mets-command-button {

}

/** Put a space between buttons that sit directly on top of fieldsets */
.mets-command-button + fieldset,
.mets-command-button + script + fieldset,
.mets-command-button + .fieldset,
.mets-command-button + script + .fieldset {
	margin-top: 5px;
}

/* ----------------- */
/*    commandLink    */
/* ----------------- */
.mets-command-link {

}

.mets-command-link .mets-icon {
	margin-right: 8px;
}

/* -------------------- */
/*    countdownClock    */
/* -------------------- */
.mets-countdown-clock {
	display: block;
	float: left;
}

.mets-countdown-clock.mets-countdown-clock-component {
	margin-top:2px;
	margin-bottom:10px;
}

.mets-countdown-clock.content {
	font-family: 'Open Sans';
	font-size: 16px;
	font-weight: 700;
	padding-right: 5px;
}

.mets-countdown-clock.countdown, .mets-countdown-clock.description {
	text-align: center;
}

.mets-countdown-clock.countdown {
	font-weight: 900;
	position:relative;
}

.mets-countdown-clock.text .mets-icon.help {
	margin: 2px 0 0 0;
}

.mets-countdown-clock.description {
	font-weight: 400;
	padding-left: 5px;
	padding-right: 5px;
}

/* ------------------ */
/*    dialogWindow    */
/* ------------------ */
.mets-dialog-window {
	display: none;
	border-radius: 0;
}

.mets-dialog-window-confirmation {
	width: 600px;
}

.mets-dialog-window-no-close .ui-dialog-titlebar-close	{
	display:none;
}

.mets-dialog-window-header.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text {
	text-indent: 0;
	text-align: left;
	padding-top: 2px;
	padding-right: 18px;
	font-size: 11px;
	text-transform: uppercase;
}

.mets-dialog-window.ui-widget {
	font: 11px Arial, Helvetica, sans-serif;
}

.mets-dialog-window.ui-widget input,
.mets-dialog-window.ui-widget select,
.mets-dialog-window.ui-widget textarea,
.mets-dialog-window.ui-widget button {
	font: 13px Arial, Helvetica, sans-serif;
}

.mets-dialog-window.ui-dialog {
	background: #eee;
	border: 1px solid #d6d6d6;
	padding: 8px;
}

.mets-dialog-window-header.ui-dialog-titlebar {
	border: none;
	background: none;
	padding-left: 0;
	padding-right: 0;
	min-height: 15px;
}

.mets-dialog-window-header.ui-dialog-titlebar .ui-button {
	border: none;
	background: none;
}

.mets-dialog-window-header.ui-dialog-titlebar .ui-icon {
	background: url(../images/sprite_icons.png) no-repeat;
	zoom: 1;
	vertical-align: middle;
	background-position: -268px -418px;
	width: 14px;
	height: 14px;
	/*margin-left: 0;*/
	right: 0;
	left:auto;
}

.mets-dialog-window-header.ui-dialog-titlebar .ui-dialog-titlebar-close {
	text-decoration: none;
}

.mets-dialog-window-header-text.ui-dialog-title {
	font-weight: bold;
	padding-top: 2px; /* IE fix - Accents for uppercase characters get hidden. */
	text-transform: uppercase;
	text-overflow:clip;
	padding-right: 80px;
}

.mets-dialog-window-header-text .extra-title-button-bar.right {
	position: absolute;
	right: 35px;
	top: 7px;
}

.mets-dialog-window-header-text .extra-title-button-bar.right .mets-command-link {
	display: inline-block;
}

.ui-widget-overlay {
	background: #000;
	opacity: 0.5;
}

.higherDialog + .ui-widget-overlay {
	z-index: 101;
}

.mets-dialog-window .ui-dialog-content {
	padding: 0;
}

.mets-dialog-window-content {
	background: white;
	border: 1px solid #d6d6d6;
	padding: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
	position: relative;
}

.mets-dialog-progress-lightbox {
	min-width: 625px;
}

.mets-dialog-progress-lightbox .mets-dialog-window-content {
	max-height: 300px;
	overflow-y: auto;
}

.mets-dialog-window-lightbox .mets-dialog-window-content {
	max-height: 600px;
	overflow-y: auto;
}

.mets-dialog-window-lightbox-fullscreen .mets-dialog-window-content {
	max-height: 750px;
	overflow-y: auto;
}

.mets-dialog-window-content-wrapper {
	width: 580px;
}

.mets-dialog-window-content-wrapper.mets-dialog-window-lightbox-large {
	width: 700px;
}

.mets-dialog-window.ui-dialog.mets-dialog-window-lightbox-large,
.isBuyingOrg .mets-dialog-window.ui-dialog.mets-dialog-window-lightbox-large {
	max-width: 740px;
}

.msie .mets-dialog-window.ui-dialog.mets-dialog-window-lightbox-large,
.msie .isBuyingOrg .mets-dialog-window.ui-dialog.mets-dialog-window-lightbox-large {
	width: 100% !important;
}

.mets-dialog-window.ui-dialog.mets-dialog-window-lightbox-large .mets-dialog-window-content-wrapper {
	width: auto;
}

.mets-dialog-window-content-wrapper.mets-dialog-window-lightbox-fullscreen {
	width: 980px;
}

.mets-dialog-window svg.xIcon:hover {
	opacity: 0.75;
}

.mets-fixed-dialog-window {
	position: fixed;
}



/* ----------------------- */
/*   Dialog Confirmation   */
/* ----------------------- */

/* Overlay */
.mets-dialog-confirmation-overlay {
	background: rgba(244, 244, 244, .85);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.mets-dialog-confirmation {
	background: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	left: 50%;
	max-width: 80%;
	padding: 30px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}

.mets-dialog-confirmation-wrapper .mets-dialog-confirmation .mets-dialog-confirmation-title {
	color: var(--fg-color);
	font-size: 18px;
	font-weight: 500;
	margin: 0 0 15px;
	text-align: center;
}

.mets-dialog-confirmation-body {
	color: var(--fg-color-2);
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	word-wrap: break-word;
}

.dialog-confirmation-button-bar {
	margin-top: 25px;
	text-align: center;
}

.dialog-confirmation-button-bar > * {
	margin: 5px 3px;
}






/* ================================================== */
/* jQuery ui Dialog - Slim Dialog Style	    	      */
/* ================================================== */

.slimDialog + .ui-widget-overlay {
	background: rgba(109, 109, 109, 0.8);
	opacity: 1;
}

.slimDialog.mets-dialog-window,
.material-look .slimDialog.mets-dialog-window.ui-dialog {
	background: #fff;
	border: none;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	font: 400 14px/1.2 'Roboto', sans-serif;
	max-height: 90vh;
	max-width: 100%;
	min-width: 300px;
	padding: 24px 10px;
}

html.full-screen .slimDialog.mets-dialog-window {
	font-size: 1rem;
}

.slimDialog .mets-dialog-window-content-wrapper.mets-dialog-window-lightbox-fullscreen {
	max-width: 980px;
	min-width: 900px;
	width: 100%;
}

.slimDialog .mets-dialog-window-header.ui-dialog-titlebar,
.slimDialog .ui-dialog-titlebar,
.material-look .slimDialog .mets-dialog-window-header.ui-dialog-titlebar,
.material-look .slimDialog .ui-dialog-titlebar {
	background: #fff;
	border-radius: 0;
	flex: 0 0 auto;
	padding: 0 14px 16px;
	position: static;
	text-indent: 0;
}

.slimDialog .mets-dialog-window-header-text.ui-dialog-title,
.slimDialog .ui-dialog-title,
.material-look .slimDialog .mets-dialog-window-header-text.ui-dialog-title,
.material-look .slimDialog .ui-dialog-title {
	color: #253652;
	display: block;
	float: none;
	font-size: 1.57em;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 1.2em;
	margin: 0;
	padding: 0 20px 0 0;
	position: relative;
	text-align: left;
	text-transform: none;
	white-space: normal;
	width: auto;
}

.slimDialog .mets-dialog-window-header.ui-dialog-titlebar .ui-dialog-titlebar-close,
.slimDialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.material-look .slimDialog .mets-dialog-window-header.ui-dialog-titlebar .ui-dialog-titlebar-close,
.material-look .slimDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	color: transparent; /* Hide Text */
	font-size: 0; /* Hide Text */
	height: 26px;
	margin: 0;
	padding: 2px;
	right: 12px;
	top: 12px;
	width: 26px;
	z-index: 5;
}

.slimDialog .mets-dialog-window-header.ui-dialog-titlebar .ui-icon.ui-icon-closethick,
.slimDialog .ui-dialog-titlebar .ui-icon.ui-icon-closethick,
.material-look .slimDialog .mets-dialog-window-header.ui-dialog-titlebar .ui-icon.ui-icon-closethick,
.material-look .slimDialog .ui-dialog-titlebar .ui-icon.ui-icon-closethick {
	background: none;
	display: block;
	height: 100%;
	left: auto;
	margin: 0;
	position: relative;
	right: auto;
	top: 0;
	width: 100%;
}


.slimDialog .mets-dialog-window-header.ui-dialog-titlebar svg,
.material-look .slimDialog .mets-dialog-window-header.ui-dialog-titlebar svg {
	display: block;
	fill: #253652;
	padding: 0;
}

.slimDialog .ui-dialog-titlebar .ui-icon.ui-icon-closethick svg,
.material-look .slimDialog .ui-dialog-titlebar .ui-icon.ui-icon-closethick svg {
	height: 100%;
	width: 100%;
}

.slimDialogTopSection {
	border-bottom: 1.5px dashed #CCCBCB;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

.slimDialogTopSection > p:first-child {
	font-size: 108%;
	font-weight: 500;
	margin-top: 0;
}

/* === Dialog Content === */

.slimDialog .ui-dialog-content,
.material-look .slimDialog.mets-dialog-window .ui-dialog-content {
	background: #fff;
	display: flex !important;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	overflow: hidden;
	padding: 0;
	position: static;
}

/* IE only respects max-height if it's on a flexbox item. */
.msie .slimDialog .ui-dialog-content {
	max-height: calc(90vh - 80px) !important;
	width: 100% !important;
}

.slimDialog .mets-dialog-window-content-wrapper,
.material-look .slimDialog .mets-dialog-window-content-wrapper {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	min-height: 0; /* Needed for Firefox and Edge for them to shrink properly */
}

.msie .slimDialog .mets-dialog-window-content-wrapper,
.msie .slimDialog .mets-dialog-window-content,
.msie .slimDialog .email-template-tab-body {
	height: 100%; /* only for IE. Safari doesn't work with this */
}

.slimDialog .mets-dialog-window-content,
.material-look .slimDialog .mets-dialog-window-content {
	border: none;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	margin: 0;
	min-height: 0;
	overflow-y: auto;
	padding: 1px 14px;
	word-wrap: break-word;
}

.slimDialog .mets-dialog-window-content.hasBScroll {
	overflow: visible;
	padding: 1px 14px;
}

.slimDialog .mets-dialog-window-content > * {
	flex: 0 0 auto;
}

.slimDialog .mets-dialog-window-content > form,
.slimDialog .mets-dialog-window-content-wrapper > form,
.material-look .slimDialog .mets-dialog-window-content > form,
.material-look .slimDialog .mets-dialog-window-content-wrapper > form {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
}

.msie .slimDialog .mets-dialog-window-content-wrapper > form {
	height: 100%;
}


/* Fix for Edge */
.slimDialog .mets-dialog-window-content > .mets-table {
	flex: 1 0 auto;
}

.slimDialog .mets-tab-view {
	flex: 0 0 auto;
}

.slimDialog .email-template-tab-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	padding: 0;
}

.slimDialog .scrollablePanel {
	flex: 1 1 auto;
	margin: 0 -10px; /* Prevents justified text from being cut off when italic and puts scrollbar on the side of the text. */
	min-height: 0;
	padding: 0 10px; /* Prevents justified text from being cut off when italic and puts scrollbar on the side of the text. */
}

.slimDialog .scrollablePanel .scroll-container-inner {
	padding: 1px 5px;
}

.slimDialog .mets-dialog-window-content .mets-field:last-child {
	margin-bottom: 25px;
}

.slimDialog .button-bar,
.slimDialog .dialog-button-bar,
.material-look .slimDialog .button-bar,
.material-look .slimDialog .dialog-button-bar {
	flex: 0 0 auto;
	margin: 0;
	padding: 15px 14px 0;
	text-align: right;
}

.slimDialog .ui-dialog-content .button-bar,
.slimDialog .ui-dialog-content .dialog-button-bar,
.material-look .slimDialog .ui-dialog-content .button-bar,
.material-look .slimDialog .ui-dialog-content .dialog-button-bar {
	margin: 0;
	padding: 15px 14px 1px; /* 1px bottom to prevent button border from being cut off sometimes */
}

.slimDialog .ui-dialog-content .mets-dialog-window-content .button-bar,
.slimDialog .ui-dialog-content .mets-dialog-window-content .dialog-button-bar,
.material-look .slimDialog .ui-dialog-content .mets-dialog-window-content .button-bar,
.material-look .slimDialog .ui-dialog-content .mets-dialog-window-content .dialog-button-bar {
	padding: 20px 0 0;
}

.slimDialog .mets-command-button {
	box-sizing: border-box;
	cursor: pointer;
	font: 400 1em/1 'Roboto', sans-serif;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
}

.slimDialog .dialog-button-bar .mets-command-button,
.slimDialog .button-bar.center .mets-command-button,
.material-look .slimDialog.mets-dialog-window.ui-widget .dialog-button-bar .mets-command-button,
.material-look .slimDialog .button-bar.center .mets-command-button  {
	margin: 0 0 0 6px;
}





/* === Mobile dialog === */

@media (max-width: 720px) {
	.mobile-friendly .slimDialog.mets-dialog-window {
		background: #fff;
		border-radius: 0;
		height: 100% !important;
		left: 0 !important;
		max-height: none;
		padding: 24px 8px;
		top: 0 !important;
		width: 100% !important;
	}

	.mobile-friendly .slimDialog .mets-dialog-window-header.ui-dialog-titlebar,
	.mobile-friendly .slimDialog .ui-dialog-titlebar {
		padding: 24px 14px 16px;
	}

	.mobile-friendly .slimDialog .mets-dialog-window-content-wrapper {
		min-width: 0;
		width: 100%;
	}


}


/* ================================================== */
/* Order By Dialog				   	    			  */
/* ================================================== */

.slimDialog .orderByLightBox .mets-field-body,
.slimDialog .modifyOrderByDialog .mets-field-body {
	width: auto;
}

.slimDialog .orderByLightBox .mets-field-body > *,
.slimDialog .modifyOrderByDialog .mets-field-body > * {
	flex: 0 0 auto;
}

.slimDialog .orderByLightBox .mets-field-body fieldset,
.slimDialog .orderByLightBox .mets-field-body fieldset legend,
.slimDialog .modifyOrderByDialog .mets-field-body fieldset,
.slimDialog .modifyOrderByDialog .mets-field-body fieldset legend {
	display: inline-block;
	float: none;
	vertical-align: middle;
	width: auto;
}

.slimDialog .orderByLightBox .mets-field-body fieldset legend,
.slimDialog .modifyOrderByDialog .mets-field-body fieldset legend {
	position: absolute;
}



/* ================================================== */
/* jQuery ui Dialog - Left Header Dialog    	      */
/* ================================================== */

.leftHeaderDialog.mets-dialog-window,
.full-screen .leftHeaderDialog.mets-dialog-window.ui-dialog {
	min-width: 800px;
	padding: 0;
}

.leftHeaderDialog .mets-dialog-window-header.ui-dialog-titlebar,
.leftHeaderDialog .ui-dialog-titlebar {
	font-size: 0;
	height: 0;
	line-height: 0;
	min-height: 0;
	padding: 0;
}

.leftHeaderDialog .mets-dialog-window-header-text.ui-dialog-title,
.leftHeaderDialog .ui-dialog-title {
	font-size: 0;
	line-height: 0;
}

.full-screen .leftHeaderDialog .ui-dialog-content {
	border-radius: 8px;
	padding: 0;
}

.leftHeaderDialog .mets-dialog-window-content-wrapper,
.leftHeaderDialog .mets-dialog-window-content-wrapper > form,
.leftHeaderDialog .mets-dialog-window-content-wrapper > div > form {
	display: flex;
	flex: 1 1 auto;
	flex-direction: row;
	min-height:0;
}


/* Added for rejection dialog */
.leftHeaderDialog .mets-dialog-window-content-wrapper > div:not(.leftHeaderDialogHeader) {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.solWrapper .leftHeaderDialogHeader {
	background: var(--bg-accent-color);
	flex: 0 0 auto;
	max-width: 15rem;
	padding: 24px;
}

.solWrapper .leftHeaderDialogHeader h1 {
	color: var(--fg-color);
	font-size: 32px;
	font-weight: 500;
	margin: 0 0 10px;
}

.solWrapper .leftHeaderDialogHeader h1 span {
	color: var(--fg-accent-color);
	display: block;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.solWrapper .leftHeaderDialogHeader p {
	color: var(--fg-accent-color);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

.solWrapper .leftHeaderDialogContentContainer {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-height: 0;
	min-width: 0;
	padding: 10px;
}

.solWrapper .leftHeaderDialogContentContainer .message-panel-container {
	margin-top: 30px;
}


.leftHeaderDialog .dawStateTransitionHistoryTableContainer {
	border: none;
	max-height: none;
	overflow: visible;
}

.leftHeaderDialog .mets-dialog-window-content #dawCommentField.error {
	margin-bottom: 0;
	padding-bottom: 28px;
}

.leftHeaderDialog .ui-dialog-content .dialog-button-bar {
	padding: 20px 14px 10px;
	text-align: right;
}

.leftHeaderDialog .ui-dialog-content .dialog-button-bar .mets-command-button {
	margin: 0 0 0 6px;
}








/* ----------------------- */
/*    enumRadionButtons    */
/* ----------------------- */
.mets-enum-radio-buttons {

}

.mets-enum-radio-button {

}

.mets-enum-radio-buttons.horizontal {
	clear: both;
}

.mets-enum-radio-buttons.horizontal .mets-enum-radio-button {
	float: left;
	margin-right: 10px;
}

/* ---------------- */
/*    enumSelect    */
/* ---------------- */
.mets-enum-select {

}

/* ------------ */
/*    errors    */
/* ------------ */
.mets-field-error {
	white-space: nowrap;
}

/* ------------------- */
/*    errorsTooltip    */
/* ------------------- */
.validationDescription {
	padding-left: 25px;
}

/* --------------- */
/*    fieldEdit    */
/* --------------- */
.mets-field, .mets-field-label-floating {
	margin-bottom: 10px;
	min-height: 22px;
}

.mets-field label, .mets-field .mets-field-label, .mets-field-label-floating {
	line-height: 20px;
	font-weight: bold; /* force 'bold' because labels are rendered as SPANs in fieldView and are not bold by default */
}

.mets-field > label, span.mets-field-mandatory-filler, .mets-field > .mets-field-label, .mets-field-label-floating {
	display: inline-block;
	margin-right: 5px;
	text-align: right;
	vertical-align: top;
}

.mets-field.error {
	color: inherit;
}

/* Color labels of fields in error */
.mets-field.error > .mets-field-label {
	color: var(--error-dark);
}

.mets-field-label > span.mets-field-mandatory,
.mandatoryLabel > span.mets-field-mandatory,
.emptyLabel > span.mets-field-mandatory {
	color: #E02828;
	font-weight: bold;
}

/* For fieldView without labels */
.mets-field > .mets-field-label, .mets-field-filler, .mets-field-label-floating {
	width: 175px;
}

/* Style used to reserve space for amended tag when the field has not label */
.mets-field > label.emptyLabel,
.mets-field > label.mandatoryLabel,
.mets-field > span.mandatoryLabel {
	margin-right: 0;
}

.mets-field.long-label > .mets-field-label {
	width: 210px;
}

.mets-field.long-label-2 > .mets-field-label {
	width: 250px;
}

.mets-field.long-label-3 > .mets-field-label {
	width: 300px;
}

.mets-field.long-label-4 > .mets-field-label {
	width: 350px;
}

.mets-field.long-label-5 > .mets-field-label {
	width: 400px;
}

.mets-field.long-label-6 > .mets-field-label {
	width: 450px;
}

.mets-field.long-label-7 > .mets-field-label {
	width: 500px;
}

.mets-field.long-label-8 > .mets-field-label {
	width: 550px;
}

.mets-field-filler {
	display: inline-block;
}

.mets-field.embedded > .mets-field-body > span {
	display: inline-block;
}

.mets-field p, .mets-field.embedded > .mets-field-body > span {
	margin: 0;
	padding-top: 4px;
	min-height: 11px;
}

.mets-field p.longText {
	width: 750px;
	white-space: normal;
}

/* Used for the icons acting as commands/links */
.mets-field .cmd {
	margin: 0 4px 0 2px;
	vertical-align: middle;
}

/* Force input text inside label portion of a field edit to smaller than the label */
.mets-field .mets-field-label > input {
	width: 150px;
}

/* Body for each field component */
.mets-field .mets-field-body {
	display: inline-block;
	position: relative;
}

.mets-field .mets-field-body input[type=text],
.mets-field .mets-field-body input[type=password] {
	width: 150px;
}


.mets-field .mets-field-body select {
	min-width: 156px;
}

.mets-field .mets-field-body select.maxLength256 {
	max-width: 256px;
}


.mets-field-label-info {
	font-weight: normal;
}

/* Use the medium on a select of a mets-field when size cannot change.
	this is not the default as the initial design would allow for selects to
	resize based on their values.
*/
.mets-field.medium .mets-field-body select {
	width: 156px;
}

.mets-field.long .mets-field-body input[type=text],
.mets-field.long .mets-field-body input[type=password] {
	width: 275px;
}

.mets-field.long .mets-field-body textarea {
	width: 275px;
}

.mets-field.long .mets-field-body select {
	width: 281px;
}

.mets-field.widest .mets-field-body input[type=text],
.mets-field.widest .mets-field-body input[type=password] {
	width: 850px;
}

.mets-field.widest .mets-field-body textarea {
	width: 850px;
}

.mets-field.widest .mets-field-body select {
	width: 856px;
}

.mets-field.wide .mets-field-body input[type=text],
.mets-field.wide .mets-field-body input[type=password] {
	width: 650px;
}

.mets-field.wide .mets-field-body textarea {
	width: 650px;
}

.mets-field.wide .mets-field-body select {
	width: 656px;
}

.mets-field.extra-long .mets-field-body select {
	width: 500px;
}

.mets-field.small .mets-field-body input[type=text] {
	width: 50px;
}

.mets-field .mets-field-body > div:first-child {
	margin-top: 0;
}

/* .mets-field .mets-field-body input[type=checkbox] { */
/* 	margin-top: 4px; */
/* } */

.mets-field .mets-field-body > input[type=checkbox] {
	/* margin-top: -1px; */ /* TODO: find out why Norm at put it to this on 2012-11-19 at revision 334401 */
	margin-top: 4px;
}

.mets-field .mets-field-body input[type=radio],
.mets-field .mets-field-body > div > input[type=checkbox] {
	margin-top: -3px;
}

.mets-field .mets-field-body input[type=radio] + label,
.mets-field .mets-field-body input[type=checkbox] + label {
	font-weight: normal;
	margin: 0 5px 0 3px;
}

.mets-field .mets-field-body input[type=checkbox].bold + label {
	font-weight: bold;
}

.mets-field.alignedRadio .mets-field-body input[type=radio] + label {
	display: inline-block;
}

.mets-field .mets-field-body label input[type=checkbox] {
	margin: -2px 5px 0 0;
}

.mets-field.alignedRadio .mets-field-body > div {
	padding-top: 5px;
}

.mets-field.alignedRadio .mets-field-body > div:first-child,
div.alignedRadio > div:first-child {
	padding-top: 0;
}

div.alignedRadio > div > input[type=radio] {
	margin: -3px 5px 0 0;
}

div.alignedRadio > div > input[type=radio] + label {
	font-weight: normal;
}

/* A field component inside another one */
.mets-field .mets-field {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: top;
}

.mets-field .mets-field .mets-field-label {
	width: auto;
}

.mets-field.longSelect .mets-field-label {
	font-weight: normal;
	width: 735px;
	text-align: left;
}

.mets-field.longSelect select {
	min-width: 0;
}


/* .mets-field.mets-tags-hidden,  */
/* .mets-field .mets-field.mets-tags-hidden { */
/* 	display: none; */
/* } */

.mets-field.invisible {
	visibility: hidden;
}

.mets-field.not-displayed {
	display: none;
}

.mets-field.with-sibling {
	padding-right: 2px;
}

.mets-field.with-sibling input+span {
	margin-left: 3px;
}

/* Setup labels in a more traditional fasion: left-aligned with an auto width */
.mets-field.leftAligned label,
.mets-field.leftAligned .mets-field-label {
	width: auto;
	text-align: left;
}

/* Error messages setup */
.mets-field.error div.mets-field-body {
}

.mets-field.error > .mets-field-body > input[type='text'],
.mets-field.error > .mets-field-body > input[type='password'],
.mets-field.error > .mets-field-body > select,
.mets-field.error   .mets-field-body   .select2-selection,
.mets-field.error > .mets-field-body > textarea,
.mets-field.error > .mets-field-body > button,
input[type='text'].error, select.error, textarea.error {
	border: 1px solid var(--error);
}

.mets-field div.mets-field-error {
	margin: 2px 0 0 0;
	position: absolute;
	top: 100%; /* Needed for when in some cases flex is added to .mets-field */
	z-index: 99;
	display: none;
}

.mets-field div.mets-field-error span + span {
	background-color: #FEEFEF;
	border: 1px solid var(--error);
	color: var(--error-dark);
	left: 12px;
	padding: 1px 2px;
	position: absolute;
	top: 3px;
}

span.mets-field-error {
	color: var(--error-dark);
}

/* Style error icon for a fieldEdit that contains a singleFileUpload */
.mets-field.singleFileUpload .mets-icon.error {
	position: absolute;
	top: 0;
	right: -25px;
}

/* Style the hint */
.mets-field .mets-field-body .hint {
	margin-left: 3px;
}

/* An embedded mets-field next to an input or select, add spacing between the two */
.mets-field select + .mets-field,
.mets-field input + .mets-field {
	margin-left: 10px;
}

.mets-field input[type='hidden'] + .mets-field {
	margin-left: 0;
}

/* ==================== */
/* Radio Groups
/* ==================== */
.mets-field-radio-group .mets-icon.error {
	position: absolute;
	top: 2px;
	right: -25px;
}

/* --------------- */
/*    fieldValue    */
/* --------------- */

.mets-field-body > .mets-field-value{
	padding:4px;
}

/* ================================================== */
/*         Shared - Multiple Field Components         */
/* ================================================== */
.multiFields .mets-field,
.multiChecks .mets-field {
	float: left;
}

.multiChecks .mets-field {
	width: 303px;
}

.multiFields .mets-field {
	width: 455px;
}

/* .multiFields .buttonBar { */
/* 	clear: both; */
/* 	text-align: right; */
/* } */



/* ================================================== */
/*            Shared - Multiple Check boxes           */
/* ================================================== */
/* .multiChecks .mets-field .mets-field-body > label { */
/*  	float: left;  */
/* 	width: 315px; */
/* 	margin-bottom: 5px; */
/* } */

.multiChecks .mets-field .mets-field-body input[type=checkbox] + label,
.mets-field.singleCheck .mets-field-body input[type=checkbox] + label,
.mets-field.singleCheck .mets-field-label input[type=checkbox] + label,
input[type=checkbox].singleCheck + label {
	/*  	float: left;  */
	/* 	width: 315px; */
	margin: 0 0 5px 0;
}

/* .multiChecks input[type=checkbox] { */
/* 	margin: -3px 5px 0 0; */
/* } */

.multiChecks .mets-field .mets-field-body input[type=checkbox] {
	margin: -3px 5px 0 0;
}

.multiChecks#includePDFContainer {
	float:right;
	text-align:left;
}

.mets-field.singleCheck .mets-field-body input[type=checkbox],
.mets-field.singleCheck .mets-field-label input[type=checkbox],
input[type=checkbox].singleCheck {
	margin: -2px 5px 0 0;
}

.mets-field.singleCheck .mets-field-body {
	white-space: normal;
}

/* Put space between multiple checkboxs on the same line */
.mets-field.singleCheck .mets-field-body label + input[type=hidden] + input[type=checkbox] {
	margin-left: 10px;
}

.mets-field.mets-field-checkboxes span.error {
	position: absolute;
	top: 2px;
	left: 70px;
}

.mets-field.mets-field-multi-value .mets-field-body > div {
	float: left;
	display: inline-block;
}

/* Style radio buttons in tables */
.mets-table td > input[type=radio] {
	margin-top: -3px;
}

.mets-table td > input[type=radio] + label {
	margin: 0 5px 0 3px;
}

/* Style mets-field with selects in a mets-table cell  */
.mets-table td .mets-field .mets-field-body select {
	min-width: auto; /* should be 'initial' according to specs */
}

/* ======================================= */
/*       Text area with char counter       */
/* ======================================= */
.mets-field.char-counter .mets-field-body {
	width: 650px;
}

.mets-field.char-counter textarea {
	width: 644px;
}

.mets-field.char-counter textarea + div.status {
	margin-top: -4px;
	padding: 3px;
	border: 1px solid #ccc;
	background: #eee;
	color: #000;
}

.mets-field.char-counter .mets-icon.error {
	position: absolute;
	top: 0;
	right: -25px;
}

.mets-field textarea + .mets-icon.error {
	vertical-align: top;
}

.mets-field textarea + div + .mets-icon.error,
.mets-field textarea + div + p + .mets-icon.error,
.mets-field textarea + p + .mets-icon.error {
	position: absolute;
	top: 0;
	right: -25px;
}

/* .mets-field.char-counter .mets-icon.amended { */
/* 	position: absolute; */
/* 	top: 0; */
/* 	right: -39px; */
/* } */

/* .mets-field.alignedRadio .mets-icon.amended { */
/* 	position: absolute; */
/* 	top: 4px; */
/* 	right: 0; */
/* } */


/* Position amendment icon */
.mets-field .mets-field-label .mets-icon.amended,
.mets-field .emptyLabel .mets-icon.amended,
.mets-field .mets-field-body .mets-icon.amended,
.mets-field > .mets-icon.amended {
	margin-top: -3px;
	margin-right: 2px;
}

/* --------------- */
/*    fileUpload   */
/* --------------- */
.fileupload-applet-error {
	border: 1px solid #E02828;
	padding:5px;
	margin:10px;
	text-align:center;
	background: #FEEFEF;
	color:#000;
	position: fixed;
	top:50px;
	right:0;
	left: 0;
	height: 150px;
}

.fileupload-applet-error p {
	margin-top: 60px;
}

#fileupload-header {
	background-color:#DDDDDD;
	margin-bottom:1px;
	padding:10px;
}

#fileupload-footer {
	background-color:#DDDDDD;
	padding:10px;
	height:55px;
}

#fileupload-maindiv {
	width:100%;
	height:375px;
	overflow:auto;
}

#fileupload-progressInfo {
	clear:left;
	font-size:0.8em;
	text-align: center;
}

#fileupload-globalProgressBar {
	height:20px;
	width:62%;
	float:left;
}

.fileupload-cell-span {
	margin-left:15px;
}


.fileupload-status-none {
	background-color:#ffffff;
	background-image: none;
	text-indent: 1em;
}

.fileupload-fileProgress {
	width:100%;
	height: 15px;
	padding:0px;
}

.fileupload-subfolder-indent {
	padding-left: 20px;
}

.file-progress-wrapper {
	border-radius: 12px;
	display: flex;
	overflow: hidden;
}

.checksumProgressBar.file-progress-bar {
	border: none;
	box-sizing:border-box;
	width:10%;
	border-right:none;
}

.uploadProgressBar.file-progress-bar {
	border: none;
	border-left: 1px solid var(--warning);
	box-sizing:border-box;
	width:90%;
}

.file-progress-bar {
	display:inline-block;
	height: 16px;
	margin-top: -1px;
	border-radius: 0;
	background: var(--bg-color-3);
}

.files .cancelUploadFile {
	cursor: pointer;
	float: right;
	line-height: 1;
	margin: -1px 0 0 12px;
}

.files .cancelUploadFile svg {
	display: block;
}

.infoUploadFile {
	float:right;
	margin-right: 0;
}

.auto-close-progress-dialog {
	margin-top:	10px;
}

.progressBoxStyle {
	background: var(--bg-color);
	border: 1px solid var(--border-color);
	color: var(--fg-color);
	padding: 16px;
	margin-bottom: 5px;
	line-height: 1.4;
}

.ui-progressbar .ui-progressbar-value {
	border: none;
	border-radius: 0;
}

.checksumProgressBar .ui-progressbar-value {
	background: var(--success);
}

.uploadProgressBar {
	border-left: 1px solid #F5EC28;
}

.uploadProgressBar .ui-progressbar-value {
	background: var(--success);
}

.fileTagProgressBar {
	width: 300px;
}

.fileTagProgressBar .ui-progressbar-value{
	border-left: 1px solid #aaa;
}

.progressBoxStyle {
	line-height: 1.4em;
}

.progressBoxStyle > p {
	position: relative;
	margin: 0 0 3px;
}

/* Filename */
.progressBoxStyle > p > span:first-child {
	font-weight: 500;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	max-width: 445px;
	white-space: nowrap;
	max-height: 20px;
}

.progressBoxStyle .progress-status {
	font-size: 14px;
	position: absolute;
	right: 25px;
	top: -2px;
	display: inline-block;
	max-width: 80px;
	word-break: break-all;
	text-align: right;
}

.progressBoxStyle .progress-info {
	display: inline-block;
	position: relative;
	width: 100%;
}

.progressBoxStyle .progress-info .percent {
	position: absolute;
	left: 47%;
	bottom: -19px;
	font-size: 12px;
	font-family: monospace;
	color: #222;
}

.progressBoxStyle .progress-info.hidden {
	visibility: hidden;
}

.progressBoxStyle.uploaded .file-progress-bar {
}

.progressBoxStyle.uploaded .progress-status {
	right: 0;
	max-width: 100px;
}

.progressBoxStyle .progress-status .mets-icon {
	margin: 0 0 0 5px;
	padding: 0;
}

.progressBoxStyle.uploaded .progress-status .svg-pass {
	fill: var(--success);
}

.progressBoxStyle.uploaded .progress-info .uploaded-message,
.progressBoxStyle .progress-info .progress-error-message {
	align-items: center;
	background: var(--success-light);
	border: 1px solid var(--success);
	border-radius: 4px;
	color: var(--fg-color);
	display: inline-flex;
	font-weight: 500;
	margin: 16px 0;
	padding: 10px 16px;
}

.progressBoxStyle .progress-info .progress-error-message {
	background: var(--error-light);
	border: 1px solid var(--error);
	margin-bottom: 0;
}

.progressBoxStyle .progress-info.warning .progress-error-message {
	background: var(--warning-light);
	border: 1px solid var(--warning);
}


.progressBoxStyle.uploaded .progress-info .uploaded-message .mets-icon,
.progressBoxStyle .progress-info .progress-error-message .mets-icon {
	align-self: flex-start;
	fill: var(--success);
	flex: 0 0 auto;
	height: 20px;
	margin: 0 16px 0 0;
	padding: 0;
	width: 20px;
}

.progressBoxStyle .progress-info .progress-error-message .mets-icon {
	fill: var(--error);
}

.progressBoxStyle .progress-info.warning .progress-error-message .mets-icon {
	fill: var(--warning);
}

.progressBoxStyle.uploadExceptionError .progress-status {
	right: 0;
	max-width: 100px;
}

.progressBoxStyle.exceptionWarning .progress-status {
	right: 0;
	max-width: 100px;
}

.progressBoxStyle.exceptionWarning .progress-status .svg-message-panel-warning {
	fill: var(--warning);
}

.progressBoxStyle.uploadExceptionError .progress-status .svg-message-panel-error-icon {
	fill: var(--error);
}

.progressBoxStyle.uploaded .progress-status span.progress-message,
.progressBoxStyle.uploadExceptionError .progress-status span.progress-message,
.progressBoxStyle.exceptionWarning .progress-status span.progress-message {
	display: none;
}

.progressBoxStyle.uploaded .progress-status .mets-icon.simple-green-check {
	margin-right: 0;
}

.fileUploadStatus{
	height:20px;
}

.speed{
	display: none;
}
/* ================================================== */
/*                Shared - Pagination                 */
/* ================================================== */
.mets-pagination {
	font-weight: bold;
	margin: 5px 0 0 0;
	clear: both;
	position: relative;
}

.mets-page-navigation-number {
	margin-left: 6px;
	margin-right: 6px;
	display: inline-block;
}

.mets-pagination a {
	background: url(../images/sprite_icons.png) no-repeat;
	display: inline-block;
}

.mets-pagination-page-icon {
	margin-right: 6px;
	margin-left: 6px;
}

.mets-pagination .first {
	background-position: -17px -320px;
	height: 10px;
	width: 15px;
	vertical-align: middle;
}

.mets-pagination .first.disabled {
	background-position: -67px -320px;
	cursor: default;
}

.mets-pagination .previous {
	background-position: -20px -270px;
	height: 10px;
	width: 8px;
	vertical-align: middle;
}

.mets-pagination .previous.disabled {
	background-position: -70px -270px;
	cursor: default;
}

.mets-pagination .next {
	background-position: -22px -170px;
	height: 10px;
	width: 8px;
	vertical-align: middle;
}

.mets-pagination .next.disabled {
	background-position: -72px -170px;
	cursor: default;;
}

.mets-pagination .last {
	background-position: -19px -220px;
	height: 10px;
	width: 15px;
	vertical-align: middle;
}

.mets-pagination .last.disabled {
	background-position: -69px -220px;
	cursor: default;
}

.mets-pagination .mets-results-per-page {
	align-items: center;
	display: inline-flex;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	top: 0;
}

.mets-pagination .mets-results-per-page label {
	font-weight: 400;
}

.mets-pagination .mets-results-per-page > span, .mets-pagination .mets-results-per-page > a {
	margin-left: 6px;
}

.mets-pagination .mets-icon {
	vertical-align: middle;
}

.mets-pagination  .mets-pagination-place-holder {
	width: 50%;
}

.mets-pagination .mets-results-per-page-placeholder {
	display:inline-block;
	width: 144px;
	height: 12px;
	vertical-align: top;
	margin-bottom: 5px;
}

.mets-pagination .mets-page-selector-icons-placeholder {
	display:inline-block;
	width: 47px;
	height: 12px;
	margin-bottom: 5px;
	vertical-align: top;
}

.mets-pagination .mets-page-selector-one-char-placeholder {
	display:inline-block;
	width: 9px;
	height: 12px;
	margin-bottom: 5px;
	vertical-align: top;
}

.mets-pagination .mets-page-selector-two-char-placeholder {
	display:inline-block;
	width: 12px;
	height: 12px;
	margin-bottom: 5px;
	vertical-align: top;
}

.mets-pagination .mets-page-selector-three-char-placeholder {
	display:inline-block;
	width: 15px;
	height: 12px;
	margin-bottom: 5px;
	vertical-align: top;
}

.mets-pagination .mets-page-selector-four-char-placeholder {
	display:inline-block;
	width: 18px;
	height: 12px;
	margin-bottom: 5px;
	vertical-align: top;
}

.mets-pagination .mets-page-selector-five-char-placeholder {
	display:inline-block;
	width: 21px;
	height: 12px;
	margin-bottom: 5px;
	vertical-align: top;
}

.mets-pagination .mets-page-navigation {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom: 5px;
	vertical-align: top;
}

.mets-pagination .mets-total-elements-display {
	display: inline-block;
	height: 12px;
	margin-bottom: 5px;
}




/* ================================================== */
/*            Shared - Simple Pagination              */
/* ================================================== */

.mets-simple-pagination {
	align-items: center;
	display: flex;
	font-size: 1.1em;
	font-weight: 400;
	justify-content: space-between;
}

.mets-simple-pagination > div {
	flex: 1 1 200px;
}

.mets-simple-pagination .mets-pagination-place-holder {
	font-weight: 500;
	margin-bottom: 10px;
}

.mets-simple-pagination .mets-results-per-page {
	margin: 0 0 10px;
	min-height: 0;
	text-align: right;
}

.mets-simple-pagination .mets-results-per-page label {
	font-weight: 400;
	vertical-align: middle;
}

.mets-simple-pagination .mets-results-per-page a {
	color: #1D2B4A;
	font-weight: 700;
	margin: 0 0 0 4px;
	text-decoration: none;
	transition: border .3s ease-out;
}

.mets-simple-pagination .mets-results-per-page a:hover {
	border-bottom: 1px solid #1D2B4A;
}

.mets-simple-pagination .mets-results-per-page .ui-selectmenu-button.ui-button {
	background: #fff;
}

.mets-simple-pagination .mets-page-navigation {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}

.mets-simple-pagination .mets-page-navigation-control {
	flex: 1 1 200px;
	min-width: 0;
	text-align: center;
}

.mets-simple-pagination .mets-page-navigation-control label {
	font-weight: 400;
}

.mets-simple-pagination .mets-page-navigation-nums {
	flex: 2 0 200px;
	white-space: nowrap;
}

.mets-simple-pagination .mets-page-navigation-prev,
.mets-simple-pagination .mets-page-navigation-next {
	font-size: 1em;
	text-align: left;
}

.mets-simple-pagination .mets-page-navigation-next {
	text-align: right;
}

.mets-simple-pagination .mets-page-navigation a {
	align-items: center;
	color: #1D2B4A;
	display: inline-flex;
	font-weight: 500;
	text-decoration: none;
}

.mets-simple-pagination .mets-page-navigation a svg {
	flex: 0 0 auto;
	height: .86rem;
	margin-right: 10px;
	padding: 0;
	width: .43rem;
}

.msie .mets-simple-pagination .mets-page-navigation a svg {
	overflow: hidden;
}

.mets-simple-pagination .mets-page-navigation a svg.svg-next {
	margin: 0 0 0 10px;
}

.mets-simple-pagination .mets-page-navigation a span {
	border-bottom: 1px solid transparent;
	display: inline-block;
	flex: 0 0 auto;
	padding: 2px 0;
	transition: border .3s ease-out;
}

.mets-simple-pagination .mets-page-navigation a:hover span {
	border-bottom: 1px solid #1D2B4A;
}

.mets-simple-pagination .mets-page-navigation .ui-selectmenu-button.ui-button {
	background: #fff;
	margin: 0 6px;
}

.mets-simple-pagination .mets-page-navigation .ui-selectmenu-icon.ui-icon {
	background:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11' height='7' viewBox='0 0 11 7'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect width='11' height='7' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='small-down' transform='translate(0 0)' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_26' data-name='Path 26' d='M8.1,11.6,2.6,6.041,4.026,4.6,8.1,8.718,12.174,4.6,13.6,6.041Z' transform='translate(-2.6 -4.6)' fill='%23005377'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
	height: 7px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 11px;
}

.mets-page-navigation-select-menu .ui-menu {
	max-height: 10.4em;
}




/* ---------------------- */
/*    jquery ui Select    */
/* ---------------------- */

.ui-selectmenu-button.ui-button {
	background: none;
	border: 1px solid var(--border-color);
	border-radius: 0;
	color: var(--fg-color);
	padding-right: .4em;
}

.ui-selectmenu-button.ui-button:focus,
.ui-selectmenu-button.ui-button.ui-state-focus {
	box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
}

.ui-selectmenu-text {
	margin-right: 25px;
}

/* dropdown menu */

.ui-selectmenu-menu .ui-menu {
	border: 1px solid #CCCBCB;
	border-radius: 0;
	margin-bottom: -1px;
	margin-top: -1px;
}

.ui-menu .ui-menu-item-wrapper {
	padding: 6px 1em;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
	background: #f4f4f4;
	border: none;
	margin: 0;
}






/* ----------- */
/*    panel    */
/* ----------- */
.mets-panel {
}

.mets-panel-header {
}

.mets-panel-header-text {
}

.mets-panel-controls {
	position: absolute;
	right: 0;
}

.mets-panel-body.scrollable {
	overflow-x: hidden;
	overflow-y: auto;
}

.mets-panel.collapsed .mets-panel-body {
	display: none;
}

.mets-panel-body > p:first-child {
	margin-top: 0;
}

.mets-panel-body fieldset {
	margin-left: 0;
	margin-right: 0;
}

/* A 'fieldset' tag that immediately follows a panel should have a margin-top to separate the two */
.mets-panel-body + fieldset,
.mets-panel-body + script + fieldset {
	margin-top: 10px;
}

.mets-panel.not-displayed {
	display: none;
}
/**
* Left Side Toggle Panels
*/

.mets-panel-header.left-side-toggle, .mets-panel.toggleable .mets-panel-header.left-side-toggle span.mets-panel-header-status-text {
	line-height: 40px;
	min-height: 40px;
}

.mets-panel-header.left-side-toggle .mets-panel-controls {
	left: 0;
}

.mets-panel .mets-panel-header.left-side-toggle span.mets-panel-header-text {
	padding-left: 25px;
}

.mets-panel.toggleable .mets-panel-header.left-side-toggle span.mets-panel-header-status-text {
	right: 5px;
}

/**
* Panel SVG Icon
*/
.mets-panel-controls svg.mets-icon.svg-arrow-right {
	padding: 14px 10px;
	height: 12px;
	width: 12px;
}

.mets-panel-controls svg.svg-arrow-right.expanded {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* --------------- */
/*    singleFileUpload    */
/* --------------- */

.fileUploadInputContainer {
	padding-bottom: 1px; /* So buttons don't get cut off */
	padding-right: 1px; /* So buttons don't get cut off */
}

.mets-singleFileUpload-DragAndDropContainer {
	background: var(--bg-color);
	background-image: repeating-linear-gradient(0deg, #d3d8da, #d3d8da 6px, transparent 6px, transparent 12px, #d3d8da 12px), repeating-linear-gradient(90deg, #d3d8da, #d3d8da 6px, transparent 6px, transparent 12px, #d3d8da 12px), repeating-linear-gradient(180deg, #d3d8da, #d3d8da 6px, transparent 6px, transparent 12px, #d3d8da 12px), repeating-linear-gradient(270deg, #d3d8da, #d3d8da 6px, transparent 6px, transparent 12px, #d3d8da 12px);
	background-size: 1px 100%, 100% 1px, 1px 100% , 100% 1px;
	background-position: 0 0, 0 0, 100% 0, 0 100%;
	background-repeat: no-repeat;
	border-radius: 8px;
	color: var(--fg-color);
	cursor: pointer;
	display: block;
	font: 400 14px/1.4 'Roboto', sans-serif;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
	padding: 24px 10px;
	margin-bottom: 10px;
	transition: border-color .3s ease-out, color .3s ease-out;
	width: 300px;
}

.solWrapper .content-block.basic .mets-panel + .mets-panel-body .mets-panel.defaultPanelNoOverride + .mets-panel-body .mets-singleFileUpload-DragAndDropContainer,
.solWrapper .content-block.basic .mets-table-expansion-row .mets-panel + .mets-panel-body .mets-singleFileUpload-DragAndDropContainer {
	background-color: var(--bg-color-2);
}

.mets-singleFileUpload-DragAndDropContainer.dnd-drag-hover {
	border-style: solid;
}

.mets-singleFileUpload-DragAndDropContainer.dropzone-error {
	border-color: var(--error);
}

.mets-singleFileUpload-DragAndDropContainer > .mets-icon {
	display: block;
	height: 56px;
	margin: 0 auto 16px;
	width: 56px;
}

.mets-singleFileUpload-DragAndDropContainer .errorMessage {
	color: var(--error-dark);
	display: none;
	font-size: 1rem;
	margin: 10px 0 0;
}

.mets-singleFileUpload-DragAndDropContainer > .mets-icon.svg-dragDrop-zip {
	width: 71px;
}

.fileUploadInputContainer.mets-singleFileUpload-DragAndDropContainer div {
	float: none;
	clear: both;
	margin: 0px auto;
}

.fileUploadInputContainer.mets-singleFileUpload-DragAndDropContainer .message {
	display: block;
	margin: 12px 0 0;
	transition: opacity .3s ease-out;
}

.mets-singleFileUpload-DragAndDropContainer.dnd-drag-hover .message {
	opacity: 0.5;
}

.fileUploadInputContainer.mets-singleFileUpload-DragAndDropContainer .mets-command-link {
	transition: .3s color ease-out;
}

.mets-singleFileUploadfield{
	white-space: normal;
}
.mets-singleFileUploadfield-errorContainer {
	color: red;
	display:none;
	clear: both;
}

.mets-singleFileUploadfield-uploadControlsContainer {
	margin-bottom: 5px;
	margin-right: 20px;
}

.mets-singleFileUploadfield + .mets-singleFileUploadfield .mets-singleFileUploadfield-uploadControlsContainer {
	margin-right: 0;
}

.mets-singleFileUploadfield-uploadControlsContainer,
.mets-singleFileUploadfield-uploadControlsContainer div {
	float: left;
	clear: left;
}

.mets-singleFileUploadfield-uploading {
	margin:5px 0 0 5px;
	display:none;
	clear: both;
}

.mets-singleFileUploadfield-fileInfo div {
	float: left;
}

.mets-singleFileUploadfield-fileInfo a .mets-icon {
	margin-right: 3px;
}

.mets-singleFileUploadfield-deleteAction {
	margin-left: 8px;
}

.mets-singleFileUploadfield-uploadControlsContainer .fileUploadInputContainer {
	overflow: hidden;
	position: relative;
}

.mets-singleFileUploadfield-uploadControlsContainer input.fileUploadInput {
	height: auto;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 100px;
	z-index: 1;

	opacity: 0.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: 0.0; /* Safari 1.x */
	-moz-opacity: 0.0; /* FF lt 1.5, Netscape */
}

.mets-singleFileUploadfield-uploadControlsContainer input.fileUploadInput::-webkit-file-upload-button {
	cursor: pointer;
}

.mets-singleFileUpload-DragAndDropContainer input.fileUploadInput {
	font-size: 1em;
	height: 1px;
	left: 0;
	top: 0;
	width: 1px;
}

/* ----------- */
/*    table    */
/* ----------- */
.mets-table, .mets-table-scrollable-body-table, .mets-table-scrollable-header-table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed;
}

.mets-table {
	width: 100%;
}

/* Handle the default width of scrollable tables */
.mets-table.scrollable,
.mets-table.scrollable .mets-table-scrollable-body-table,
.mets-table.scrollable .mets-table-scrollable-header-table,
.mets-table.scrollable .mets-table-scrollable-body-div {
	width: 953px;
}

/* Adjust the width of scrollable tables when: fieldset > scrollable table */
.fieldset .mets-table.scrollable,
.fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 957px;
}

/* Adjust the width of scrollable tables when: mets-panel > fieldset > scrollable table */
.mets-panel-body fieldset .mets-table.scrollable,
.mets-panel-body fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-panel-body fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-panel-body fieldset .mets-table.scrollable .mets-table-scrollable-body-div,
.mets-panel-body .fieldset .mets-table.scrollable,
.mets-panel-body .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-panel-body .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-panel-body .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 936px;
}

/* Adjust the width of scrollable tables when: mets-tab > mets-tab > fieldset > scrollable table */
.inner-tab .fieldset .mets-table.scrollable,
.inner-tab .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.inner-tab .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.inner-tab .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 913px;
}

/* Adjust the width of scrollable tables when: mets-tab > mets-panel > scrollable table  */
.mets-tab-view-body .mets-panel-body .mets-table.scrollable,
.mets-tab-view-body .mets-panel-body .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-tab-view-body .mets-panel-body .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-tab-view-body .mets-panel-body .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 890px;
}

/* Adjust the width of scrollable tables when: mets-tab > scrollable table */
.mets-tab-view-body .mets-table.scrollable,
.mets-tab-view-body .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-tab-view-body .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-tab-view-body .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 959px;
}

/* Adjust the width of scrollable tables when: mets-tab > fieldset > scrollable table */
.mets-tab-view-body .fieldset .mets-table.scrollable,
.mets-tab-view-body .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-tab-view-body .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-tab-view-body .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 935px;
}

/* Adjust the width of scrollable tables when: mets-tab > fieldset > fieldset > scrollable table */
.mets-tab-view-body .fieldset .fieldset .mets-table.scrollable,
.mets-tab-view-body .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-tab-view-body .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-tab-view-body .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 911px;
}

/* Adjust the width of scrollable tables when: mets-tab >  mets-tab > fieldset > fieldset > scrollable table */
.inner-tab .fieldset .fieldset .mets-table.scrollable,
.inner-tab .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.inner-tab .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.inner-tab .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 893px;
}

/* Adjust the width of scrollable tables when: mets-dialog-window > scrollable table */
.mets-dialog-window-content .mets-table.scrollable,
.mets-dialog-window-content .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-dialog-window-content .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-dialog-window-content .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 958px;
}

/* Adjust the width of scrollable tables when: mets-dialog-window > fieldset > scrollable table */
.mets-dialog-window-content .fieldset .mets-table.scrollable,
.mets-dialog-window-content .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-dialog-window-content .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-dialog-window-content .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 917px;
}

/* Adjust the width of scrollable tables when: mets-tab > mets-tab > fieldset > mets-table > row expansion > fieldset > scrollable table */
.inner-tab .fieldset .mets-table-expansion-row .fieldset .mets-table.scrollable,
.inner-tab .fieldset .mets-table-expansion-row .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.inner-tab .fieldset .mets-table-expansion-row .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.inner-tab .fieldset .mets-table-expansion-row .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 880px;
}

/* Adjust the width of scrollable tables when: row expansion > fieldset > scrollable table */
.mets-table-expansion-row .fieldset .mets-table.scrollable,
.mets-table-expansion-row .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-table-expansion-row .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-table-expansion-row .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 945px;
}

/* Adjust the width of scrollable tables when: row expansion > contact notification table > scrollable table */
.mets-table-expansion-row .contactNotificationTable.mets-table.scrollable,
.mets-table-expansion-row .contactNotificationTable.mets-table.scrollable .mets-table-scrollable-body-table,
.mets-table-expansion-row .contactNotificationTable.mets-table.scrollable .mets-table-scrollable-header-table,
.mets-table-expansion-row .contactNotificationTable.mets-table.scrollable .mets-table-scrollable-body-div {
	width: 946px;
}

/* Adjust the width of scrollable tables when: mets-tab > row expansion > scrollable table */
.mets-tab-view-body .mets-table-expansion-row .mets-table.scrollable,
.mets-tab-view-body .mets-table-expansion-row .mets-table.scrollable .mets-table-scrollable-body-table,
.mets-tab-view-body .mets-table-expansion-row .mets-table.scrollable .mets-table-scrollable-header-table,
.mets-tab-view-body .mets-table-expansion-row .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 905px;
}

/* Adjust the width of scrollable tables when: mets-tab > mets-tab > fieldset > mets-table > row expansion > fieldset > scrollable table */
.inner-tab .fieldset .mets-table-expansion-row .fieldset .fieldset .mets-table.scrollable,
.inner-tab .fieldset .mets-table-expansion-row .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.inner-tab .fieldset .mets-table-expansion-row .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-header-table,
.inner-tab .fieldset .mets-table-expansion-row .fieldset .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 859px;
}

.mets-table-scrollable-body-div {
	overflow-x: hidden;
	overflow-y: auto;
}

/* Horizontal Scrolling */
.solWrapper .contentTableScrollContainer {
	overflow: visible;
	overflow-x: auto;
	padding: 0 0 1px; /* Prevents scrollbar from showing if there is a right border. */
}

.solWrapper .contentTableScrollContainer .mets-table.useStickyHeader th {
	background-clip: padding-box;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
}

.solWrapper .contentTableScrollContainer .mets-table .stickyCol {
	background: #fff;
	background-clip: padding-box;
	left: 0;
	position: -webkit-sticky;
	position: sticky;
	z-index: 1;
}

.solWrapper .contentTableScrollContainer .mets-table .stickyCol:last-child {
	left: auto;
	right: 0;
}

.solWrapper .contentTableScrollContainer .mets-table.useStickyHeader th.stickyCol,
.solWrapper .contentTableScrollContainer .mets-table.useStickyHeader .header td.stickyCol {
	z-index: 3;
}

.solWrapper .contentTableScrollContainer .mets-table th.stickyCol,
.solWrapper .contentTableScrollContainer .mets-table .header td.stickyCol {
	background-color: var(--bg-color-3);
}

.solWrapper .contentTableScrollContainer .mets-table.useRowHover tr:not(.header):hover td.stickyCol {
	background-color: rgba(250, 251, 251, 1);
}

.solWrapper .contentTableScrollContainer.scolling .mets-table .stickyCol:before {
	border-left: 1px solid #e7e8e8;
	bottom: 0;
	content: '';
	left: -1px;
	position: absolute;
	top: 0;
	width: 1px;
}

.solWrapper .contentTableScrollContainer.scolling .mets-table .stickyCol:after {
	bottom: 0;
	box-shadow: 1px 0 2px #CCCBCB;
	content: '';
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}

.solWrapper .contentTableScrollContainer.scolling .mets-table .stickyCol:last-child:after,
.solWrapper .contentTableScrollContainer.scroll-start .mets-table .stickyCol:last-child:after {
	bottom: 0;
	box-shadow: -1px 0 2px #CCCBCB;
	content: '';
	left: 0;
	overflow: hidden;
	position: absolute;
	right: auto;
	top: 0;
	width: 1px;
}

.solWrapper .contentTableScrollContainer.scolling .mets-table .stickyCol:last-child:before,
.solWrapper .contentTableScrollContainer.scroll-end .mets-table .stickyCol:last-child:after {
	content: none;
	display: none;
}

.msie .solWrapper .contentTableScrollContainer.scolling .mets-table .stickyCol {
	background-color: transparent;
}

.msie .solWrapper .contentTableScrollContainer.scolling .mets-table .stickyCol:after {
	box-shadow: none;
	content: none;
	display: none;
}

.solWrapper .contentTableScrollContainer .accessibility-hidden {
	left: 0; /* Prevent scroll bar */
}



.mets-table th {
	text-align: left;
}

.mets-table th, .mets-table td {
	padding: 5px;
	word-wrap: break-word;
}

.mets-table td select {
	word-wrap: normal;
}

.mets-table .mets-table-scrollable-header-table th {
	border-bottom: none;
}

.mets-table.scrollable > tbody > tr > td {
	padding: 0;
	border-top: none;
}

.mets-table tr:first-child td {
	border-top: none;
}


.mets-table tr th.has-action-menu {
	padding-bottom: 5px;
	padding-top: 5px;
}

.mets-tree-table-node {
	cursor: pointer;
}


.mets-table-expansion-row.collapsed {
	display: none;
}


.mets-tree-table-node-icon-container {
	display: table-cell;
	vertical-align: middle;
}

.mets-tree-table-node.mets-icon.node,
.rowExpansion.attribute.mets-icon.node {
	display: inline-block;
	height: 7px;
	margin-right: 5px;
	width:7px;
}

.mets-tree-table-node-icon-container ~ .mets-command-link,
.mets-tree-table-node-icon-container ~ .mets-tree-table-node-OrganizationName {
	display: table-cell;
	padding-left: 4px;
	padding-right: 4px;
}

.mets-tree-table-node-icon-container ~ .mets-command-link ~ span,
.mets-tree-table-node-icon-container ~ .mets-tree-table-node-OrganizationName ~ span {
	display: table-cell;
	padding-right: 3px;
}

.svg-next.mets-tree-table-node,
.mets-table .mets-table-row-expander .mets-tree-table-node svg,
.mets-table .mets-table-row-expander .rowExpansion svg {
	display: inline-block;
	height: 13px;
	margin-right: 8px;
	padding: 1px;
	transition: transform .2s ease-out;
	width: 13px;
}

.svg-next.mets-tree-table-node.expanded,
.mets-table .mets-table-row-expander .mets-tree-table-node.expanded svg,
.mets-table .mets-table-row-expander .rowExpansion.expanded svg {
	transform: rotate(90deg);
}

.mets-table .mets-table-row-expander .mets-tree-table-node svg,
.mets-table .mets-table-row-expander .rowExpansion svg {
	pointer-events: none;
}

.mets-table-row-empty {
	display: none;
}

.mets-table-row-empty.visible {
	display: table-row;
}

.mets-table-row.deleted {
	display: none;
}

.mets-table .mets-table-pagination td {
	padding: 0;
}

.mets-table .mets-table-pagination td > div > div {
	height: 30px;
	float:left;
	margin: 0;
	padding: 0;
	width: 33%;
}

.mets-table .mets-table-pagination td > div > div.center {
	text-align: center;
	white-space: nowrap;
}

.mets-table .mets-table-pagination td > div > div.right { text-align: right; }
.mets-table .mets-table-pagination td > div > div.left { text-align: left; }

.mets-table .mets-table-pagination td > div > div span {
	display: inline-block;
	line-height: 30px;
	height: 30px;
	vertical-align: top;
}

.mets-table .mets-table-pagination select {
	margin-top: 7px;
	width: auto;
}

.mets-table + div.generated-scrollpane > table {
	border-top-width: 0;
}

.mets-table + div.generated-scrollpane > table thead tr {
	height: 0;
}

.mets-table.tree td input[type=checkbox] {
	margin: -2px 5px 0 0;
}

/* Add some space above a table directly below a fieldset */
.fieldset + .mets-table,
fieldset + .mets-table {
	margin-top: 10px;
}

/* ------------- */
/*    tabView    */
/* ------------- */
ul.mets-tab-view {
	position: relative;
}

ul.mets-tab-view li {
	display: inline;
}

ul.mets-tab-view li.slider {
	background: rgb(39, 187, 213);
	background: -moz-linear-gradient(169deg, rgb(39, 187, 213) 0%, rgb(73, 95, 170) 90%);
	background: -webkit-linear-gradient(169deg, rgb(39, 187, 213) 0%, rgb(73, 95, 170) 90%);
	background: -o-linear-gradient(169deg, rgb(39, 187, 213) 0%, rgb(73, 95, 170) 90%);
	background: -ms-linear-gradient(169deg, rgb(39, 187, 213) 0%, rgb(73, 95, 170) 90%);
	background: linear-gradient(259deg, rgb(39, 187, 213) 0%, rgb(73, 95, 170) 90%);
	bottom: 0;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all .4s ease-out;
}

ul.mets-tab-view li.mets-tab a, ul.mets-tab-view li.mets-tab.selected a {
}

ul.mets-tab-view li.mets-tab.selected {
}

ul.mets-tab-view li.mets-tab.selected a {
}

ul.mets-tab-view a:hover {
}

li.mets-tab a {
}

li.mets-tab a span.selectedTabIndicator, li.mets-tab a span.statusTabText {
	display: block;
}

li.mets-tab a span.selectedTabIndicator.hidden {
	display: none;
}
li.mets-tab.selected a {
}

li.mets-tab.disabled a,li.mets-tab.disabled a:hover {
}

ul.mets-tab-view li.mets-tab.selected a {
}



/* ---------------- */
/*  tabView Mobile  */
/* ---------------- */
.mets-tab-view-select.select2 {
	display: none;
}


@media screen and (max-width: 1079px) {
	.mobile-friendly .solWrapper {
		flex-direction: column;
	}

	.mobile-friendly .side-bar,
	.mobile-friendly .side-bar.no-icons {
		background: none;
		max-width: none;
		min-width: 0;
		width: auto;
	}

	.mobile-friendly .side-bar-inner,
	.mobile-friendly .no-icons .side-bar-inner {
		background: none;
		max-width: none;
		min-width: 0;
		padding: 15px calc( .8rem + 5px ) 10px;
		width: auto;
	}

	.mobile-friendly ul.mets-tab-view {
		display: none;
	}

	.mets-tab-view-select.select2 {
		display: block;
		width: 100%;
	}

	.mets-tab-view-select.select2.select2-container--default .select2-selection--single .select2-selection__arrow b {
		border: none;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 2.20466L10.59 0.794678L5.99934 5.37482L1.40998 0.794677L-6.16323e-08 2.20466L6.00066 8.20532L12 2.20466Z' fill='%23005377'/%3e%3c/svg%3e");
		height: 8px;
		margin-left: -2px;
		transition: transform .3s ease-out;
		width: 12px;
	}

	.mets-tab-view-select.select2.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
		transform: rotate(-180deg);
	}
}



/* ------------------------ */
/*    toggle With Arrows    */
/* ------------------------ */
.toggleWithArrowsContainer {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 20px 0 10px;
	position: relative;
	text-align: center;
}

.toggleWithArrowsContainer:before {
	content: "";
	border-top: solid 1px #d5d8db;
	display: block;
	height: 0;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}

.toggleButtonContainer {
	align-items: center;
	background: #fcfcfc;
	display: flex;
	flex: 0 0 auto;
	justify-content: center;
	padding: 5px 20px;;
	position: relative;
}

.toggleButtonContainer .mets-command-button,
.material-look .toggleButtonContainer .mets-command-button,
.toggleButtonContainer .mets-command-button:hover,
.toggleButtonContainer .mets-command-button:active {
	color: #21252e;
	background: none;
	flex: 0 0 auto;
	font-weight: 700;
	line-height: 1em;
	padding: 0 10px;
}

.toggleWithArrowsContainer .svg-next {
	flex: 0 0 auto;
	height: 10px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 10px;
}

.toggleWithArrowsContainer.collapsed .svg-next {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* ------------------------- */
/*    		tooltip		     */
/* ------------------------- */
.mets-tooltip{
	display: none;
}

/* ==================================== */
/*       Attachment Table Element       */
/* ==================================== */

.attachmentTable {
	margin-bottom:15px;
}

.attachmentTable .left {
	height:16px;
}

.attachmentTable .fileTypeSpan {
	margin-top:3px;
	float:left;
	display:inline;
}

.attachmentTable .fileNameSpan {
	padding-left:5px;
}

.attachmentTable .fileNameDiv {
	word-break:break-all;
}

.attachmentTable .attachment-table-actions {
	width:50px;
}

.attachmentTable .attachment-table-upload-date {
	width:150px;
}

.attachmentTable .attachment-table-display-name {
	width:150px;
}

.attachmentTable .attachment-table-size {
	width:70px;
}

.attachmentTable .attachment-table-language {
	width:135px;
}

.attachmentTable .attachment-table-status {
	width:120px;
}

.attachmentTable .attachment-table-page {
	width:50px;
}

.attachmentTable .firstLine, .attachmentTable .secondLine {
	min-height:18px;
	line-height:18px;
	height:auto;
}

.attachmentTable.read-only .firstLine, .attachmentTable.read-only .secondLine {
	min-height:16px;
	line-height:16px;
	height:auto;
}

.attachmentTable.doc-logging-mode .firstLine, .attachmentTable.doc-logging-mode .secondLine {
	min-height:23px;
	line-height:23px;
	height:auto;
}

.mets-table.tree.attachmentTable td input[type="checkbox"] {
	margin-top:-1px;
}

.mets-table.tree.attachmentTable td input[type="text"] {
	width:100%;
}

.attachmentTableContainer .expandCollapseLinks {
	display:block;
	margin-bottom:5px;
	margin-left:2px;
}

.attachmentTableContainer .processAcceptLinks {
	display:block;
	float:left;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:2px;
}

.attachmentTable .processStatus.PROCESSING_ERROR,
.attachmentTable .processStatus.VIRUS_INFECTED {
	color: #E02828;
}

.attachmentTable .processStatus.SUBMITTED {
	/* 	color: #00529B; */
}

.mets-dialog-window-content .processError, .mets-dialog-window-content.processError {
	border: 1px solid #E02828;
	color: #E02828;
	background-color: #FEEFEF;
	padding-left:10px;
	padding-right:10px;
}

.mets-field .mets-field-body select.attachment-table-language-selection-combo,
.mets-field-body select.attachment-table-language-selection-combo {
	min-width:135px;
	width:135px;
	height:23px;
	line-height:23px;
}

.attachmentTableNote {
	margin-bottom: 0;
}

.multiNotifSpecAttachmentTable {
	margin-bottom: 20px;
}

.ui-tooltip-content ul {
	margin: 10px 10px 5px 10px !important;
}

.processDialogClass > ul {
	list-style-type: none;
}

.processDialogClass .success {
	color: #149124;
}

.processDialogClass .error {
	color: #E02828;
}

.processDialogClass .current {
	color: #00529B;
	font-weight: 700;
}

.processDialogClass .pending {
	font-style: italic;
}

.processDialogClass li {
	margin-bottom:10px;
	position: relative;
	padding-left: 10px !important;
}

.processDialogClass li > span.mets-icon {
	position: absolute;
	top: -1px;
	display: inline-block;
}

.processDialogClass li.success > span.mets-icon {
	left: -11px;
}

.processDialogClass li.current > span.mets-icon {
	top: -8px;
	left: -15px;
}

.processDialogClass li.pending > span.mets-icon {
	left: -6px;
	top: 2px;
}

/* ----------------------- */
/*    util for all tags    */
/* ----------------------- */
div.clear {
	clear: both;
}

.mets-tags-hidden {
	display: none;
}

/* ------------------------- */
/*    multiSelectCheckbox    */
/* ------------------------- */
.ui-multiselect.ui-corner-all {
	-moz-border-radius: 0;
	-webkit-border--radius: 0;
	-khtml-border--radius: 0;
	border-radius: 0;

	background: none;
	background-color: #fff;
}

.ui-multiselect {
	font-size: 11px;
}

.ui-multiselect-menu.ui-corner-all {
	padding:0;
	margin-top: -1px;
}
.ui-multiselect-menu.ui-corner-all,
.ui-multiselect-header.ui-corner-all {
	-moz-border-radius: 0;
	-webkit-border--radius: 0;
	-khtml-border--radius: 0;
	border-radius: 0;
}

ul.ui-multiselect-checkboxes > li {
	padding-right: 0px;
}

ul.ui-multiselect-checkboxes > li > label {
	-moz-border-radius: 0;
	-webkit-border--radius: 0;
	-khtml-border--radius: 0;
	border-radius: 0;

	background-image: none;
	font-weight: normal;
	text-indent: -19px;
	padding-left: 20px;
}

ul.ui-multiselect-checkboxes > li > label.ui-state-hover {
	background-image: none;
}

ul.ui-multiselect-checkboxes > li > label > input[type=checkbox] {
	top: 0;
	margin-right: 3px;
	margin-left: 3px;
}

ul.ui-multiselect-checkboxes > li > label > input[type=checkbox] + span {
	vertical-align: bottom;
}

button.ui-multiselect > span.ui-icon.ui-icon-triangle-2-n-s {
	background-position: -128px -18px;
}

.ui-multiselect-checkboxes {
	max-height: 175px;
}

/* ------------------------- */
/*    autocomplete menu      */
/* ------------------------- */
.ui-autocomplete.ui-corner-all {
	-moz-border-radius: 0;
	-webkit-border--radius: 0;
	-khtml-border--radius: 0;
	border-radius: 0;

	background: none;
	background-color: #fff;
}

.ui-autocomplete {
	font-size: 11px;
	padding: 0;
}

.ui-autocomplete .ui-menu-item {
	padding:0;
}

.ui-autocomplete .ui-menu-item a.ui-corner-all {
	-moz-border-radius: 0;
	-webkit-border--radius: 0;
	-khtml-border--radius: 0;
	border-radius: 0;
}


.ui-autocomplete .ui-menu-item a.ui-state-focus {
	background-image: none;
	padding: 1px .3em;
	margin: 0px;
}

/* ---------------------- */
/*    categorySelector    */
/* ---------------------- */
.mets-cat-sel-selected-cat-table td.colCategoryCode,
.mets-cat-sel-search-results-table td.colCategoryCode {
	width: 220px;
}

.mets-cat-sel-selected-cat-table td.colCategoryAction {
	width: 25px;
}

.mets-cat-sel-selected-cat-table .colCategoryAction .mets-icon {
	vertical-align: middle;
}

.mets-cat-sel-selected-cat-toolbar {
	margin-bottom: 10px;
}

.mets-cat-sel-single-box-search {
	margin-bottom: 10px;
}

.mets-cat-sel-single-box-search input[type=text] {
	width: 275px;
}

.mets-cat-sel-single-box-search .mets-command-link,
.mets-cat-sel-single-box-search .mets-command-button {
	margin-left: 5px;
}

.mets-cat-sel-scrolling {
	max-height: 600px;
	overflow-y: auto;
	position: relative;
	border: 1px solid #ccc;
}

.mets-cat-sel-scrolling.edit {
	height: 200px;
}

.mets-cat-sel-scrolling.msg {
	border: none;
}

.mets-cat-sel-scrolling > table {
	border-top: none;
}

.mets-cat-sel-scrolling > table {
	border-left: none;
	border-right: none;
}

.mets-cat-sel-scrolling > table > thead > tr > th:first-child > div {
	width: 20px;
	white-space: nowrap;
	overflow-x: visible;
}

.mets-cat-sel-scrolling > table > thead > tr > th:first-child > div {
	word-wrap: normal;
}

.mets-cat-sel .expand-collapse-bar {
	margin-bottom: 10px;
}

.mets-cat-sel .expand-collapse-bar .mets-command-link {
	margin-right: 5px;
}

ul.mets-tab-view.buttons-smaller-margins > li.mets-tab-last > .mets-command-button {
	padding-left: 7px;
	padding-right: 7px;
}

ul.mets-tab-view.buttons-before-tabs {
	margin-top: 30px;
}

ul.mets-tab-view.buttons-before-tabs > li.mets-tab-last {
	top: -36px;
}

.document-upload-secondLine {
	padding-top: 5px;
	height: 20px;
}

.fileUploadInformationMessage {
	padding: 0 0 10px;
	line-height: 1.3em;
}

.selectionSection .categoryAction {
	text-align: right;
}

/**
*	Push the label so it aligns with those who have children and the expansion
*/
td.categoryCheckbox label[data-childcount="0"] {
	margin-left: 5px;
}


/* ----------------------- */
/*   	 Autosearch 	   */
/* ----------------------- */

.selectorSection .customInput {
	display: inline;
}

.mets-panel .oneBoxSearch {
	display: block;
}

.mets-panel .oneBoxSearch svg.autoSearch,
.mets-panel .oneBoxSearch .singleBoxSearchContainer svg.inputSearch {
	fill: #afa8a8;
	height: 12px;
	line-height: 1em;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 12px;
}

.mets-panel .oneBoxSearch .singleBoxSearchContainer {
	display: inline-block;
	line-height: 1;
	position: relative;
	vertical-align: middle;
}

.mets-panel .oneBoxSearch input[type='text'] {
	margin: 0;
	padding-right: 25px;
	width: 300px;
}

.mets-panel .oneBoxSearch .svg-bem-helpIcon {
	margin: 0 0 0 5px;
	padding: 0;
}




/* ----------------------- */
/*     Multiple Select     */
/* ----------------------- */

.multiple-select .chosen-container {
	font-size: 12px;
	margin-right: 10px;
}

.multiple-select .link-wrapper {
	display:inline-block;
	margin-top:2px;
	padding-right:2px;
}

.multiple-select > a
{
	vertical-align: top;
	line-height: 20px;
}

.multiple-select .chosen-container-multi .chosen-choices li.search-choice {
	margin: 1px 5px 1px 0;
	padding: 2px 20px 2px 5px;
}

.multiple-select .chosen-container-multi .chosen-choices li.search-field input[type=text] {
	height: 19px;
}

.multiple-select .chosen-container .chosen-results li {
	padding: 2px 6px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 5px;
	right: 2px;
	background: url(../images/sprite_icons.png) no-repeat;
	background-position: -422px -422px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
	top: 5px;
	right: 2px;
	background: url(../images/sprite_icons.png) no-repeat;
	background-position: -422px -422px;
}

.multiple-select {
	width:100%;
}

.chosen-container {
	width:inherit;
}

.mets-amount{
	line-height: 20px;
}
.mets-amount + label {
	margin-left: 5px;
}

.mets-currency-picker-dlg {
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px;
}

.mets-currency-picker-dlg .ui-dialog-content {
	padding: 0;
}

.mets-currency-picker-dlg .ui-button-text {
	text-indent: 0;
	padding-top: 2px;
	padding-right: 18px;
	text-transform: uppercase;
}

.mets-currency-picker-dlg .ui-icon-closethick {
	left: 85%;
}
.mets-currency-picker.link {
	text-decoration: underline;
}

.mets-currency-picker.link:hover {
	cursor: pointer;
}

.mets-currency-picker-dlg select.currencies {
	width: 160px;
}

.mets-currency-picker-dlg .mets-field {
	margin-bottom:0;
}

.mets-currency-picker-dlg {
	line-height: 2em;
}

.mets-currency-picker-dlg #disclaimerTitle{
	line-height: 1.5em;
}

#disclaimerTitle .mets-field-label{
	text-align: left;
}

.mets-currency-picker-dlg label.currency {
	padding: 2px 7px;
}

.mets-currency-picker-dlg .met-amount.readonly {
	border-style:hidden;
}

.mets-currency-picker-dlg.ui-dialog .ui-dialog-title {
	margin: 0;
	font-size: 12px;
	line-height: 1em;
}

.mets-currency-picker-dlg.ui-dialog .ui-dialog-titlebar-close {
	right: 1px;
	width:auto;
	border: medium none;
	background: transparent none repeat scroll 0% 0%;
}

.mets-currency-picker-dlg.ui-widget input,
.mets-currency-picker-dlg.ui-widget select {
	padding: 2px;
	font: 11px Arial, Helvetica, sans-serif;

}

.mets-currency-picker-dlg table td:first-child {
	width: 100px;
}

.mets-currency-picker-dlg table td {
	padding: 2px;
	vertical-align: bottom;
}

/* ----------------------- */
/*     Document            */
/* ----------------------- */
.mets-document .mets-document-comments textarea,
.mets-document .mets-document-comments p {
	width: 500px;
}

.viewHistoryLink{
	padding-bottom: 15px;
}

/* ----------------------- */
/*       Keep Alive        */
/* ----------------------- */
.mets-dialog-keep-alive-content {
	background: white;
	border: 1px solid #d6d6d6;
	padding: 8px;
}

#keepAliveDialogContainer .ui-widget-header {
	background:#EEE;
}


/* ------------------------------------ */
/*       Scroll To Fixed top bar        */
/* ------------------------------------ */
.mets-scrollToFixed-topBar {
	width: 100%;
	background-color: var(--bg-accent-color);
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
}

.mets-scrollToFixed-topBar > div {
	width: 980px;
	margin: 0 auto;
}

.mets-scrollToFixed-topBar.additionalWidth > div {
	width: 1220px;
}

.mets-scrollToFixed-topBar .left-part {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 10px;
}

.mets-scrollToFixed-topBar .right-part {
	position:absolute;
	top: 35%;
	right: 0;
	padding: 0 10px;
}

.mets-scrollToFixed-topBar .toolbarActions a:focus,
.mets-scrollToFixed-topBar .toolbarActions button:focus {
	box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
	outline: none;
}

.user-is-not-tabbing .mets-scrollToFixed-topBar .toolbarActions a:focus,
.user-is-not-tabbing .mets-scrollToFixed-topBar .toolbarActions button:focus {
	box-shadow: none;
}


/* ---------------------- */
/*   Scroll Container     */
/* ---------------------- */

.bscroll-vertical-scrollbar {
	opacity: 0;
	-webkit-transition: .4s opacity ease-out;
	transition: .4s opacity ease-out;
}

.scroll-active .bscroll-vertical-scrollbar {
	opacity: 1;
}

.bscroll-indicator {
	background: rgba(255, 255, 255, 0) !important;
	border: 1px solid rgba(255, 255, 255, 0) !important;
}

.scroll-active .bscroll-indicator {
	background: rgba(204, 203, 203, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.9) !important;
}

.scrollablePanel {
	overflow: hidden;
	position: relative;
}

.notScrollEnd {
	-webkit-box-shadow: inset 0 -22px 28px -20px rgba(185,184,184,0.4);
	-moz-box-shadow: inset 0 -22px 28px -20px rgba(185,184,184,0.4);
	box-shadow: inset 0 -22px 28px -20px rgba(185,184,184,0.4);
}

/* ---------------------- */
/*      singleToggle      */
/* ---------------------- */
.singleToggle {
	display: inline-block;
}

.switch {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #cccbcb;
	border-radius: 10px;
	color: #cccbcb;
	cursor: pointer;
	display: block;
	font-size: 13px;
	height: 20px;
	line-height: 19px;
	min-width: 41px;
	padding: 0 6px 0 24px;
	position: relative;
	text-align: center;
	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	vertical-align: middle;
}

.switch.hasText {
	min-width: 54px;
}

.switch.on {
	border: 1px solid #0aab78;
	color: #21252e;
	padding: 0 24px 0 6px;
}

.switch.disabled {
	cursor: default;
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.switch .toggleOn,
.switch.on .toggleOff {
	display: none;
}

.switch.on .toggleOn,
.switch .toggleOff {
	display: inline-block;
}

.singleToggleHandle {
	bottom: 0;
	display: flex;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.singleToggleHandle:before {
	content: "";
	flex: 1 0 auto;
	max-width: 0;
	position: relative;
	-webkit-transition: max-width .4s ease-out;
	transition: max-width .4s ease-out;
}

.switch.on .singleToggleHandle:before {
	max-width: 100%;
}

.singleToggleHandle:after {
	background: #cccbcb;
	border-radius: 100%;
	content: "";
	display: block;
	flex: 0 0 auto;
	height: 14px;
	margin: 2px;
	position: relative;
	width: 14px;
}

.switch.on .singleToggleHandle:after {
	background: #0aab78;
}


.switch + div > input[type="checkbox"] {
	opacity: 0;
	position: absolute;
	left: -99999px;
}
.switch + div > input[type="checkbox"] + label {
	display: inline-block;
	margin: 0 0 0 5px;
	vertical-align: top;
}

.singleToggleSubSection {
	display: none;
}

.singleToggleSubSection.on {
	display: block;
}



/* ---------------------- */
/*      basicToggle       */
/* ---------------------- */
.basicToggle {
	align-items: center;
	display: inline-flex;
	font-weight: 400;
}

.basicToggle .switch {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #cccbcb;
	border-radius: 20px;
	color: #1D2B4A;
	display: block;
	flex: 0 0 auto;
	font-size: 10px;
	font-weight: 700;
	height: 24px;
	line-height: 23px;
	min-width: 44px;
	padding: 0 6px 0 24px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	transition: all .2s ease-out;
	vertical-align: middle;
}

.basicToggle .switch.hasText {
	min-width: 54px;
}

.basicToggle input[type="checkbox"]:checked ~ .switch {
	color: #21252e;
	padding: 0 24px 0 6px;
}

.basicToggle.alwaysOn .switch {
	color: #21252e;
}

.basicToggle input[type="checkbox"]:disabled ~ .switch {
	filter: alpha(opacity=60);
	opacity: 0.6;
}

.basicToggle input[type="checkbox"] ~ .switch .toggleOn,
.basicToggle input[type="checkbox"]:checked ~ .switch .toggleOff {
	display: none;
}

.basicToggle input[type="checkbox"]:checked ~ .switch .toggleOn,
.basicToggle input[type="checkbox"] ~ .switch .toggleOff {
	display: inline-block;
}

.basicToggleHandle {
	bottom: 0;
	display: flex;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.basicToggleHandle:before {
	content: "";
	flex: 1 0 auto;
	max-width: 0;
	position: relative;
	-webkit-transition: max-width .4s ease-out;
	transition: max-width .4s ease-out;
}

input[type="checkbox"]:checked ~ .switch .basicToggleHandle:before {
	max-width: calc( 100% - 22px );
}

.basicToggleHandle:after {
	background: #cccbcb;
	border-radius: 100%;
	content: "";
	display: block;
	flex: 0 0 auto;
	height: 16px;
	margin: 3px;
	position: relative;
	width: 16px;
}

input[type="checkbox"]:checked ~ .switch .basicToggleHandle:after,
.basicToggle.alwaysOn .switch .basicToggleHandle:after {
	background: #0CBABA;
}

.basicToggle .label:not(.accessibility-hidden) {
	display: inline-block;
	flex: 0 0 auto;
	margin: 0 0 0 8px;
}

.basicToggle .switchOffText {
	color: var(--action-color);
	font-weight: 500;
	margin: 0 16px 0 0;
}

.basicToggle .switchOnText {
	color: var(--fg-color-2);
	font-weight: 500;
	margin: 0 0 0 16px;
}

.basicToggle input[type="checkbox"]:checked ~ .switchOffText {
	color: var(--fg-color-2);
}

.basicToggle input[type="checkbox"]:checked ~ .switchOnText {
	color: var(--action-color);
}



/* === Colored Switch === */

.basicToggle.coloredSwitch.alwaysOn input[type="checkbox"]:checked ~ .switch,
.basicToggle.coloredSwitch.alwaysOn .switch {
	background: #064D71;
	border-color: #fff;
}

.basicToggle.coloredSwitch.alwaysOn input[type="checkbox"]:checked ~ .switch .basicToggleHandle:after,
.basicToggle.coloredSwitch.alwaysOn .switch .basicToggleHandle:after {
	background: #fff;
}






/* ---------------------- */
/*      Custom Input      */
/* ---------------------- */

.customInput {
	display: flex;
}

.mets-table .customInput {
	display: inline-flex;
}

.customInput > label {
	display: inline-flex;
	flex: 0 1 auto;
	min-width: 0;
}

.customInput .checkbox,
.customInput .radio {
	flex: 0 0 auto;
}

.customInput .inputText {
	line-height: 1.5;
	width: 100%;
}

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

.customInput input[type=checkbox],
.customInput input[type=checkbox] + input[type=hidden],
.customInput input[type=radio] + input[type=hidden],
.customInput input[type=radio] {
	opacity: 0;
	position: absolute;
}

.customInput input[type=checkbox]:focus ~ .checkbox,
.customInput input[type=radio]:focus ~ .radio {
	box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
}

.customInput input[type=checkbox]:checked ~ .checkbox:after,
.customInput input[type=radio]:checked ~ .radio:after {
	visibility: visible;
}

.customInput input[type=checkbox] ~ .checkbox,
.customInput input[type=radio] ~ .radio {
	background: #fff;
	border: 2px solid var(--fg-color-2);
	display: inline-block;
	height: 12px;
	margin: .15em 6px 0 0;
	position: relative;
	vertical-align: middle;
	/* 	width: 12px; */
	width: 13px;
}

/* Note: Remove all the Custom Input Details with .rounded if they decide to do away with that style of checkbox. */
.customInput input[type=checkbox].rounded ~ .checkbox,
.customInput input[type=radio].rounded ~ .radio {
	background: #fff;
	background-color: #dddede;
	border: 2px solid #dddede;
	border-radius: 7px;
	display: inline-block;
	height: 14px;
	margin-right: 5px;
	position: relative;
	vertical-align: middle;
	width: 14px;
}

.customInput input[type=checkbox].rounded ~ .checkbox:hover
.customInput input[type=radio].rounded ~ .radio:hover {
	background-color: #b0ddcd;
	border-color: #b0ddcd;
}

.customInput input[type=radio] ~ .radio {
	border-radius: 100%;
}

.customInput input[type=checkbox]:checked ~ .checkbox {
	background: #11a0ff;
	border: 2px solid #11a0ff;
}

.customInput input[type=checkbox].rounded:checked ~ .checkbox {
	background: #00ac78;
	border-color: #00ac78;
}

.customInput input[type=radio]:checked ~ .radio {
	/* 	border: 2px solid #f4570a; */
	border: 2px solid #11a0ff;
}

.customInput input[type=checkbox] ~ .checkbox:after {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	content: '';
	height: 4px;
	left: 1px;
	position: absolute;
	top: 1px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	visibility: hidden;
	width: 8px;
}

.customInput input[type=checkbox].rounded ~ .checkbox:after {
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	content: '';
	height: 4px;
	left: 1px;
	position: absolute;
	top: 2px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	visibility: visible;
	width: 8px;
}

.customInput input[type=radio] ~ .radio:after {
	background: #21252e;
	border-radius: 100%;
	content: '';
	height: 4px;
	left: 2px;
	position: absolute;
	top: 2px;
	visibility: hidden;
	width: 5px;
}

.customInput .inputText {
	display: inline-block;
	vertical-align: middle;
}

.customInput input[type=checkbox]:disabled ~ .checkbox,
.customInput input[type=radio]:disabled ~ .radio,
.customInput input:disabled ~ .inputText {
	opacity: .6;
}



/* ---------------------- */
/*    mets-progressbar    */
/* ---------------------- */
.mets-progressbar-container {
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 3px;

	margin-right: 5px;
	height: 10px;
	width: 180px;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
}

.mets-progressbar {
	background-color: var(--fg-color-2);
	border-radius: 3px;

	height: 100%;
	position: absolute;
	line-height: inherit;
	box-sizing: border-box;
}

.mets-progressbar.full {
	background-color: #0aab78;
}

.mets-progressbar-label {
	font-weight: 700;
}



/* ---------------------- */
/*      selectInput       */
/* ---------------------- */

.select2.select2-container {
	color: #21252e;
	font: 14px 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.select2.select2-container .select2-selection {
	border: 1px solid var(--border-color);
	border-radius: 4px;
}

.select2.select2-container--focus .select2-selection,
.select2.select2-container .select2-selection:focus {
	border-color: var(--action-color);
}


.select2.select2-container--default.select2-container--disabled .select2-selection--single {
	background: var(--bg-disabled);
}

.select2.select2-container .select2-selection--single {
	height: 40px;
}

.select2.old .select2-selection--single {
	height: 22px;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
	color: var(--fg-color);
}

.select2.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
	padding-left: 10px;
	padding-right: 30px;
}

.select2.select2-container--default.select2-container--disabled .select2-selection .select2-selection__rendered {
	color: var(--fg-disabled);
}

.select2.old .select2-selection--single .select2-selection__rendered {
	line-height: 21px;
	padding-left: 5px;
	padding-right: 20px;
}

.select2.select2-container .select2-selection--single .select2-selection__arrow {
	height: 39px;
	width: 30px;
}

.select2.old .select2-selection--single .select2-selection__arrow {
	height: 22px;
	width: 20px;
}

.select2.select2-container .select2-selection .select2-selection__arrow b {
	border-color: #21252e transparent transparent transparent;
	border-width: 6px 6px 0 6px;
	margin-left: -6px;
	margin-top: -3px;
}

.select2.select2-container.select2-container--open .select2-selection .select2-selection__arrow b {
	border-color: transparent transparent #21252e transparent;
	border-width: 0 6px 6px 6px;
}

/* Dropdown Results */

.select2-container .select2-dropdown *,
.select2-container .select2-dropdown *:before,
.select2-container .select2-dropdown *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.select2-container .select2-dropdown {
	border: 1px solid #d5d8db;
	border-radius: 0;
	font: 14px 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
	z-index: 500;
}

/* Make sure we keep the old high index if select2 is in a dialog */
.select2-container.isInsideDialog .select2-dropdown {
	z-index: 1051;
}

.select2-container .select2-results .select2-results__option {
	min-height: 33px;
	padding: 8px 10px;
	word-break: break-word;
	word-wrap: break-word;
}

.select2-container.old .select2-results__option {
	min-height: 22px;
	padding: 3px 5px;
}

.select2-container .select2-results .select2-results__option[aria-selected=true] {
	background-color: #fcfcfc;
	color: #21252e;
}

.select2-container .select2-results .select2-results__option--highlighted[aria-selected] {
	background-color: #f4f4f4;
	color: #21252e;
}

.select2-container .select2-selection .select2-search--inline .select2-search__field {
	margin-top: 0;
}

/* Group */
.select2-container .select2-results .select2-results__group {
	font-size: 14px;
	font-weight: 500;
	padding: 8px 10px;
}

.select2-container .select2-results .select2-results__option .select2-results__option {
	padding-left: 1.5em;
}

/* Searchbar */
.select2-container .select2-search--dropdown .select2-search__field {
	border: 1px solid #d5d8db;
	font: 14px 'Roboto', Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.select2Text {
	display: inline-block;
	max-width: 100%; /* Needed for Edge & Firefox */
	overflow: hidden; /* Needed for Edge & Firefox */
	text-overflow: ellipsis; /* Needed for Edge & Firefox */
	vertical-align: middle;
}

/* Images in dropdown */

.imageTemplateContainer {
	align-items: center;
	display: flex;
}

.imageTemplateContainer svg {
	flex: 0 0 auto;
	margin-right: 5px;
	overflow: hidden; /* Fix for IE11 */
}


/* ------------------------- */
/*      mets-progresscircle */
/* ------------------------- */
.mets-progresscircle {
	position: relative;
	text-align: center;

	color: var(--success);
}

.mets-progresscircle.fail {
	color: var(--error-dark);
}

.mets-progresscircle.not-started {
	color: var(--fg-color-2);
}

.mets-progresscircle .mets-progresscircle-progress {
	position: absolute;
	width: 100%;
	text-align: center;
	font-weight: 500;
	text-transform: uppercase;
}

.mets-progresscircle.not-started .mets-progresscircle-progress {
	visibility: hidden;
}

.mets-progresscircle.big .mets-progresscircle-progress {
	font-size: 30px;
}


/* ------------------------- */
/*     mets-progressdisk    */
/* ------------------------- */
.mets-progressdisk {
	border-radius: 100%;

	width: 80px;
	height: 80px;
	text-align: center;
	color: #fff;
	fill: currentColor;

	display:table;
}

.mets-progressdisk > .center {
	display: table-cell;
	vertical-align: middle;
}

.mets-progressdisk svg.pass-check {
	fill: currentColor;
}

.mets-progressdisk svg {
	width: 35px;
	height: 30px;

	display: inline-block;
}

.mets-progressdisk.finalized,
.mets-progressdisk.completed {
	background-color: #0aab78;
	border: 1px solid #0aab78;
}


.mets-progressdisk.in_progress {
	background-color: var(--fg-color-2);
	border: 1px dashed #21252e;
}

.mets-progressdisk.in_progress > .center > span {
	font-weight: 700;
	font-size: 16px;

	display: inline-block;
}

.mets-progressdisk.not_started {
	background-color: #ddd;
	border: 1px dashed #666;
}

.mets-progressdisk.info-required {
	background-color: #ddd;
	border: 1px dashed #666;
	color: #21252e;
}

.mets-progressdisk.deleted,
.mets-progressdisk.error {
	color: #b70b3c;
	fill: currentColor;

	background-color: #21252e;
}


/* ------------------------- */
/*    mets-panelStatusBar    */
/* ------------------------- */

.mets-panel-statusbar{
	display: table;
	vertical-align: middle;
	border: none;
	text-align: right;
}

.mets-panel-statusbar .mets-panel-statusbar-row{
	width: 100%;
}

.mets-panel-statusbar .not-displayed{
	display: none;
}

.mets-panel-statusbar .mets-panel-statusbar-column {
	display:table-cell;
	padding: 0px;
	min-width: 10px;
}

.mets-panel-statusbar .mets-panel-statusbar-column.filler{
	width: 100%;
}

/* ------------------------- */
/*    mets-languageSwitch    */
/* ------------------------- */

.mets-language-switch,
.mets-language-switch .mets-language-switch-separator,
.mets-language-switch .mets-language-switch-active-lang{
	display:inline-block;
	cursor: default;
}

/* ----------------- */
/* 	 mets-youtube    */
/* ----------------- */
.mets-youtube .delete {
	background:none;
	border:none;
	outline: none;
	cursor: pointer;
}

.mets-youtube.mets-field.wide .mets-field-body input[type=text] {
	width: 400px;
	margin-right: 10px;
}


.mets-youtube-image {
	position: relative;
}

.mets-youtube-image .mets-icon.overlay {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 45px;
	left: 68px;
	color: #ccc;
	z-index: 1;
}

.mets-youtube-image .mets-icon.overlay.arrow {
	background-color: #21252e;
	color: #ccc;
	clip: rect(11px,32px,30px,13px);

	z-index: 2;
}

.mets-youtube-image:hover .mets-icon.overlay {
	color: red;
}

.mets-youtube-image:hover .mets-icon.overlay.arrow {
	color: red;
	background-color: #fff;
}


.ui-autocomplete.ui-front {
	z-index: 105;
}





/* ----------------- */
/* 	  mets-notes     */
/* ----------------- */

@keyframes internal {
	0% {
		stroke-dashoffset: 187;
	}
	25% {
		stroke-dashoffset: 80;
	}
	100% {
		stroke-dashoffset: 187;
		transform: rotate(360deg);
	}
}

@keyframes external {
	0% {
		stroke-dashoffset: 312;
		transform: rotate(70deg);
	}
	60% {
		stroke-dashoffset: -312;
	}
	100% {
		stroke-dashoffset: -312;
		transform: rotate(450deg);
	}
}

@keyframes noteFadeIn {
	from {
		background-color: #FFF9C4;
	}

	to {
		background-color: #F9F9F9;
	}
}


@keyframes arrowBack {
	0% {
		transform: translateX(0%);
	}
	60% {
		transform: translateX(-60%);
	}
	100% {
		transform: translateX(0%);
	}
}






html:not(.full-screen).hasNotesWidget body {
	min-width: 980px;
	position: relative;
}


.mets-notes-body,
.mets-notes-body:before,
.mets-notes-body:after,
.mets-notes-body *,
.mets-notes-body *:before,
.mets-notes-body *:after {
	box-sizing: border-box;
}

.mets-notes-body {
	background: #fff;
	border-left: 1px solid #CCCBCB;
	box-shadow: -3px 0 6px rgba(0, 0, 0, 0.1);
	color: #1D2B4A;
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	font: 400 14px/1.3 'Roboto', sans-serif;
	height: 100%;
	left: auto !important;
	min-height: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 22rem;
	will-change: width;
	z-index: 999;
}

.mets-notes-body-content {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	width: 22rem;
}

.mets-notes-body ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #b6b6b6;
	opacity: 1; /* Firefox */
}

.mets-notes-body :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #b6b6b6 !important;
}

.mets-notes-body ::-ms-input-placeholder { /* Microsoft Edge */
	color: #b6b6b6;
}

.mets-notes-body textarea {
	border: 1px solid #e9e9e9;
	color: var(--fg-color-2);
	font: 400 16px/1.3 'Roboto', sans-serif;
	padding: 10px;
}

.SolicitationToolbar .toolbarActions .mets-notes-toggle .toolbarBtnSecondaryIcon {
	height: 12px;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 6px;
	width: 12px;
}

.SolicitationToolbar .toolbarActions .mets-notes-toggle.closeState svg.svg-collapse,
.SolicitationToolbar .toolbarActions .mets-notes-toggle svg.svg-expand,
.SolicitationToolbar .toolbarActions .mets-notes-toggle.closeState svg.svg-cancel,
.SolicitationToolbar .toolbarActions .mets-notes-toggle svg.svg-notes {
	display: block;
}

.SolicitationToolbar .toolbarActions .mets-notes-toggle.closeState svg.svg-expand,
.SolicitationToolbar .toolbarActions .mets-notes-toggle svg.svg-collapse,
.SolicitationToolbar .toolbarActions .mets-notes-toggle svg.svg-cancel,
.SolicitationToolbar .toolbarActions .mets-notes-toggle.closeState svg.svg-notes {
	display: none;
}

.mets-notes-toggle .mets-notes-count {
	font-weight: 600;
	margin-left: 5px;
}



/* === Notes Header === */
.mets-notes-header {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	padding: 20px 20px 15px;
}

.mets-notes-header-text {
	font-size: 1.6em;
}

.mets-notes-header-close {
	background: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	margin-right: 10px;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: -9999px;
	width: 25px;
}

.mets-notes-header-close:before,
.mets-notes-header-close:after {
	background: currentColor;
	border-radius: 5px;
	content: '';
	display: block;
	height: 100%;
	left: 50%;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 2px;
}

.mets-notes-header-close:after {
	transform: rotate(-45deg);
}


/* === Loader === */

.mets-notes-body .loader {
	align-self: center;
	fill: none;
	height: 120px;
	margin: auto;
	stroke-linecap: round;
	stroke-width: 4;
	transform: rotate(-90deg);
	width: 120px;
}

.mets-notes-body .internal-circle,
.mets-notes-body .external-circle {
	stroke-dashoffset: 0;
	transform-origin: center;
}

.mets-notes-body .internal-circle {
	stroke: #005377;
	stroke-dasharray: 187;
	animation: internal 1s ease-in-out infinite;
}

.mets-notes-body .external-circle {
	stroke: url(#gradient);
	stroke-dasharray: 312;
	animation: external 1s linear infinite;
}




/* === List of View Items === */

.mets-notes-list {
	display: flex;
	flex: 1 1 auto;
	height: 100%;
	min-height: 0;
}

.mets-notes-body .loader:not(.hidden) ~ .mets-notes-list {
	flex: 0 0 auto;
	height: auto;
}

.mets-notes-view-items {
	display: flex;
	flex: 1 1 auto;
	max-width: 100%;
	min-height: 0;
	padding: 15px 0;
}

.mets-notes-view-items-scroll {
	flex: 1 1 auto;
	min-height: 0;
	min-width: 0;
	padding: 1px 20px;
}

.mets-notes-view-items .bscroll-vertical-scrollbar {
	right: 3px !important;
}

.mets-notes-view-item {
	padding: 8px 0;
	position: relative;
}

.mets-notes-view-item-btn {
	background: #F9F9F9;
	border: none;
	border: 1px solid rgba(233, 233, 233, 0.5);
	color: #1D2B4A;
	cursor: pointer;
	display: block;
	font: 400 14px/1.3 'Roboto', sans-serif;
	padding: 12px 15px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.mets-notes-view-item-btn:focus {
	box-shadow: 0 2px 3px rgba(149, 186, 217, 0.25);
}

.mets-notes-view-item-btn:hover {
	box-shadow: 0 2px 3px rgba(116, 128, 138, 0.2);
	color: #1D2B4A;
}

.mets-notes-view-item.add .mets-notes-view-item-btn {
	animation: noteFadeIn 3s ease-in-out forwards;
}

.mets-notes-view-item-header {
	align-items: flex-start;
	display: flex;
	margin: 0 0 10px;
}

.mets-notes-view-item-header-content {
	flex: 1 1 auto;
	min-width: 0;
}

.mets-notes-view-item-header-initials {
	align-items: center;
	border: 1px solid #CCCBCB;
	color: #fff;
	display: flex;
	flex: 0 0 auto;
	font-size: 15px;
	font-weight: 500;
	height: 35px;
	justify-content: center;
	margin-right: 15px;
	padding-top: 1px;
	text-align: center;
	text-transform: uppercase;
	width: 40px;
}

.mets-notes-view-item-header-title {
	color: #1D2B4A;
	display: block;
	flex: 1 1 auto;
	font-size: 16px;
	margin: 0 0 1px;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	padding-right: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mets-notes-view-item-header-date {
	color: var(--fg-color-2);
	display: block;
	font-size: .86em;
}

.mets-notes-view-item-text {
	color: var(--fg-color-2);
	word-break: break-word;
	word-wrap: break-word;
}

.mets-notes-edited-label {
	color: var(--error-dark);
}

.mets-notes-edited-label:after {
	color: var(--fg-color-2);
	content: ' - ';
}

.mets-notes-view-item-see-more {
	color: #005377;
	margin-left: 5px;
	text-transform: lowercase;
	white-space: nowrap;
}

.mets-notes-view-item-see-more:before,
.mets-notes-view-item-see-more:after {
	color: var(--fg-color-2);
	content: '['
}

.mets-notes-view-item-see-more:after {
	content: ']'
}

/* === Note Menu === */

.mets-note-view-more-btn {
	background: none;
	border: none;
	color: #1D2B4A;
	cursor: pointer;
	opacity: 0;
	padding: 5px 15px;
	position: absolute;
	right: 5px;
	top: 20px;
	transition: opacity .3s ease-out;
}

.mets-note-view-more-btn:hover {
	color: rgba(29, 43, 74, 0.7);
}

.mets-notes-view-item:hover .mets-note-view-more-btn,
.mets-notes-view-item.menuOpen .mets-note-view-more-btn {
	opacity: 1;
}

.mets-note-view-more-btn .mets-icon {
	height: 20px;
	padding: 0;
	width: 5px;
}

.mets-note-action-menu {
	border: 1px solid #CCCBCB;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	display: none;
	min-width: 8em;
	position: absolute;
	z-index: 5;
}

.mets-note-action-menu .ui-menu-item {
	list-style: none;
}

.mets-note-action-menu .ui-menu-item .ui-menu-item-wrapper {
	align-items: center;
	color: #1D2B4A;
	display: flex;
	padding: 8px 1em;
	text-decoration: none;
}

.mets-note-action-menu .ui-menu-item .mets-icon {
	display: block;
	fill: currentColor;
	flex: 0 0 auto;
	height: 15px;
	margin-right: 15px;
	padding: 0;
	width: 15px;
}


/* === List of View Items - Footer === */

.mets-notes-view-footer {
	background: #F9F9F9;
	border-top: 1px solid #e9e9e9;
	flex: 0 0 auto;
	margin-top: auto;
	padding: 20px;
}

.mets-notes-view-textarea-container {
	background: #fff;
	border: 1px solid #e9e9e9;
	display: flex;
	flex-wrap: wrap;
	padding: 10px;
	position: relative;
}

.mets-notes-view-textarea-container .mets-notes-view-textarea-field {
	flex: 1 1 100%;
	margin: -10px;
	min-height: 0;
}

.mets-notes-view-textarea-container .mets-field-label {
	line-height: 0;
	margin: 0;
	position: absolute;
	width: 0;
}

.mets-notes-view-textarea-container .mets-field-body {
	display: flex;
	padding-right: 1px;
}

.mets-notes-view-textarea-container .mets-notes-view-footer-textarea {
	border: none;
	box-sizing: content-box;
	display: block;
	flex: 1 1 100%;
	height: 1.3em;
	overflow-y: auto;
	padding: 10px;
	width: auto;
}

.mets-notes-view-textarea-container .mets-notes-view-footer-textarea:focus {
	box-shadow: 0 5px 6px -3px rgba(150, 150, 150, 0.3) inset;
}

.mets-notes-view-textarea-container .mets-notes-view-textarea-field textarea + .mets-icon.error {
	display: none;
}

.mets-notes-view-textarea-container .mets-notes-view-textarea-field.error textarea + .mets-icon.error,
.mets-notes-edit-textarea-container .mets-notes-edit-textarea-field.error textarea + .mets-icon.error {
	display: block;
	left: calc( 100% + 2px );
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

.mets-notes-view-textarea-container .mets-field div.mets-field-error,
.mets-notes-edit-textarea-container .mets-field div.mets-field-error {
	display: none;
	left: 0;
	top: 100%;
}

.mets-notes-view-textarea-btns {
	display: flex;
	flex: 1 1 100%;
	justify-content: flex-end;
}

.mets-notes-btn {
	border: none;
	box-sizing: content-box;
	border-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	color: var(--fg-button);
	cursor: pointer;
	font-size: 1em;
	font-weight: 500;
	letter-spacing: .2px;
	line-height: 1.4;
	margin-top: 20px;
	padding: 6px 18px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transform: perspective(1px) translateZ(0);
	transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
	vertical-align: middle;
}

.mets-notes-btn {
	background: var(--action-color);
	color: var(--fg-button);
}

.mets-notes-btn:focus {
	box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
}

.mets-notes-btn:before {
	background: transparent;
	border-radius: 4px;
	bottom: -1px;
	content: "";
	left: -1px;
	position: absolute;
	right: -1px;
	top: -1px;
	transition: background .3s ease-out, transform .4s ease-out;
	z-index: -1;
}

.mets-notes-btn:hover:before {
	background: rgba(0,0,0,0.2);
}

.mets-notes-btn:active {
	background: rgba(0,0,0,0.4);
}

.mets-notes-btn:disabled,
.mets-notes-btn:disabled:hover {
	background: var(--bg-disabled);
	border-color: var(--bg-disabled);
	color: var(--fg-disabled);
	cursor: default;
	font-style: normal;
}

.mets-notes-btn:disabled:before,
.mets-notes-btn:disabled:hover:before {
	background: none;
}

/* === Secondary Button === */

.mets-notes-secondary-btn {
	background: transparent;
	border-color: var(--action-color);
	color: var(--action-color);
	margin-right: 10px;
}

.mets-notes-secondary-btn:before {
	content: none;
	display: none;
}

.mets-notes-secondary-btn:hover {
	background: var(--bg-button-2-hover);
	border-color: var(--fg-button-2-hover);
}

.mets-notes-secondary-btn:active {
	background: var(--bg-button-2-active);
	border-color: var(--fg-button-2-active);
}

.mets-notes-secondary-btn:disabled,
.mets-notes-secondary-btn:disabled:hover {
	opacity: .3;
}



/* === Notes - No results === */

.mets-notes-no-results {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: center;
	padding: 20px;
	text-align: center;
}

.mets-notes-no-results-icon {
	background: #F1F1F1;
	border-radius: 100%;
	flex: 0 0 auto;
	height: 8em;
	max-width: 100%;
	position: relative;
	width: 8em;
}

.mets-notes-no-results-icon .mets-icon {
	fill: #BDBEC0;
	height: 3.8rem;
	left: 50%;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 3.8rem;
}

.mets-notes-no-results-title {
	color: var(--fg-color-2);
	font-size: 1.4em;
	font-weight: 500;
	margin: 20px -1px 10px;
	text-transform: none;
}

.mets-notes-no-results-sub-text {
	color: var(--fg-color-2);
	margin: 0 0 3em;
}

@media (min-height: 700px) {
	.mets-notes-no-results-sub-text {
		margin: 0 0 10em;
	}
}


/* === View Note Detail === */

.mets-notes-detail-view,
.mets-notes-body-content,
.mets-notes-edit-view {
	background: #fff;
	left: 0;
	position: absolute;
	top: 0;
}

.mets-notes-detail-view,
.mets-notes-edit-view {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	height: 100%;
	transform: translateX(100%);
	width: 22rem;
}

.mets-notes-detail-view .mets-notes-header {
	flex: 0 0 auto;
}

.mets-notes-note-back-btn {
	background: none;
	border: none;
	color: #1D2B4A;
	cursor: pointer;
	flex: 0 0 auto;
	margin: 0 10px 0 -5px;
	padding: 2px 5px;
}


.mets-notes-note-back-btn .mets-icon {
	height: 20px;
	padding: 0;
	width: 12px;
}

.mets-notes-note-back-btn:hover {
	transform: scale(1.1);
	transition: transform .3s ease-out;
}

.mets-notes-note-back-btn:hover .mets-icon {
	animation: arrowBack .5s ease-in forwards;
}

.mets-notes-detail-view .mets-note-view-more-btn {
	flex: 0 0 auto;
	margin-left: auto;
	margin-right: -15px;
	opacity: 1;
	position: static;
}

.mets-notes-detail-view-content {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	padding: 10px 20px 20px;
}

.mets-notes-detail-view-scroll {
	flex: 1 1 auto;
	height: 100%;
	margin: 0 -10px;
	min-height: 0;
	padding: 0 10px;
}

.mets-notes-detail-view-scroll.notScrollEnd {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.mets-notes-detail-view-scroll.notScrollEnd:after {
	bottom: 0;
	content: '';
	box-shadow: inset 0 -26px 24px -20px rgb(255, 255, 255);
	display: block;
	height: 30px;
	left: 0;
	position: absolute;
	right: 0;
}


/* === Edit Note === */

.mets-notes-edit-textarea-container {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}

.mets-notes-edit-textarea-container .mets-field {
	display: flex;
	flex: 1 1 auto;
	margin: 0;
}

.mets-notes-edit-view .mets-field .mets-field-label {
	display: block;
	flex: 0 0 auto;
	line-height: 1em;
	width: auto;
}

.mets-notes-edit-view .mets-field .mets-field-body {
	display: flex;
	flex: 1 1 auto;
}

.mets-notes-edit-view .mets-field textarea {
	flex: 1 1 auto;
	width: 100%;
}

.mets-notes-edit-view .mets-notes-view-textarea-btns {
	flex: 0 0 auto;
}


/* === Notes Dialogs === */

.mets-notes-error-dialog .mets-dialog-window-content-wrapper,
.mets-notes-delete-dialog .mets-dialog-window-content-wrapper {
	width: auto;
}






/* ------------------------------------ */
/*         Mets Password field	        */
/* ------------------------------------ */

.mets-password-field {
	flex: 1 1 auto;
	position: relative;
}

.mets-password-field .mets-password-field-eye-btn {
	background: none;
	border: none;
	color: inherit;
	padding: 8px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.mets-password-field input[type='text'],
.mets-password-field input[type='password'],
.mets-field .mets-field-body .mets-password-field input[type='text'],
.mets-field .mets-field-body .mets-password-field input[type='password'] {
	padding-right: 2.58rem;
}

.mets-password-field-eye-btn .mets-icon {
	height: 1.14rem;
	width: 1.14rem;
}

.mets-password-field-eye-btn .svg-passwordHide {
	display: none;
}





/* ----------------------- */
/*   	 Data Tables       */
/* ----------------------- */

.dataTables_wrapper table.dataTable.no-footer {
	border-bottom: none;
}

.dataTables_wrapper table.dataTable thead th {
	background-color: var(--bg-color-3);
	border: none;
	color: var(--fg-color);
	font-size: 1em;
	font-weight: 500;
	letter-spacing: 0.1px;
	padding: 10px;
	text-align: left;
	text-transform: none;
	vertical-align: bottom;
	white-space: nowrap;
}

.dataTables_wrapper table.dataTable thead .sorting {
	background-image: url("/images/data-tables/sort_both.png");
	background-position: center right 10px;
}
.dataTables_wrapper table.dataTable thead .sorting_asc {
	background-image: url("/images/data-tables/sort_asc.png") !important;
}
.dataTables_wrapper table.dataTable thead .sorting_desc {
	background-image: url("/images/data-tables/sort_desc.png") !important;
}
.dataTables_wrapper table.dataTable thead .sorting_asc_disabled {
	background-image: url("/images/data-tables/sort_asc_disabled.png");
}
.dataTables_wrapper table.dataTable thead .sorting_desc_disabled {
	background-image: url("/images/data-tables/sort_desc_disabled.png");
}


.dataTables_wrapper table.dataTable tbody td {
	background: none;
	border: none;
	border-bottom: 1px solid var(--border-color);
	color: var(--fg-color);
	font-size: 1em;
	font-weight: 400;
	padding: 10px;
	transition: background .3s ease-out;
	vertical-align: top;
}

.dataTables_wrapper table.dataTable tbody td:first-child {
	border-left: 1px solid var(--border-color);
}

.dataTables_wrapper table.dataTable tbody td:last-child {
	border-right: 1px solid var(--border-color);
}

.dataTables_wrapper table.dataTable thead + tbody tr:first-child > td {
	border-top: none;
}


/* ----------------------- */
/*   	  CkEditor         */
/* ----------------------- */

.mets-field.error .cke_chrome {
	border: 1px solid var(--error);
}