/* ==================================================================================================== */
/*                                                                         Progressive Enhancement CSS  */
/* ==================================================================================================== */
/*                  Main Site Layout                  */
/* ================================================== */
/*                     Base HTML                      */
/* ================================================== */


#content .solWrapper, #content .solWrapper *, #content .solWrapper *:before, #content .solWrapper *:after,
.slimDialog, .slimDialog *, .slimDialog *:before, .slimDialog *:after,
.mets-scrollToFixed-topBar, .mets-scrollToFixed-topBar *, .mets-scrollToFixed-topBar *:before, .mets-scrollToFixed-topBar *:after {
	box-sizing: border-box;
}




.msie svg {
	overflow: hidden; /* Prevent any scrollbars on IE caused by svgs */
}

.solWrapper section {
	padding: 0;
}

.solWrapper fieldset {
	min-width: 0;
}

.solWrapper .notSpecified {
	color: var(--fg-color-2);
	font-weight: 500;
}



/* ==================================================================================================== */
/*                                                                                     jQuery Overrides */
/* ==================================================================================================== */

.ui-widget-overlay {
	z-index: 1000;
}

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



/* ================================================== */
/* jQuery ui Dialog						    	      */
/* ================================================== */

.side-bar-view .mets-dialog-window.ui-widget,
.side-bar-view .ui-widget {
	font: 400 14px/1.4 'Roboto', sans-serif;
}


.button-bar .mets-dialog-window-content {
	text-align: left;
}




.mets-dialog-window.solDialog input, .mets-dialog-window.solDialog select, .mets-dialog-window.solDialog textarea,
.solWrapper input, .solWrapper select, .solWrapper textarea,
.mets-dialog-window.slimDialog input, .mets-dialog-window.slimDialog select, .mets-dialog-window.slimDialog textarea {
	font: 400 1em/1.1 'Roboto', sans-serif;
}

.mets-dialog-window button {
	font: 500 1em/1.1 'Roboto', sans-serif;
}

.solWrapper textarea,
.mets-dialog-window.solDialog textarea,
.mets-dialog-window.slimDialog textarea {
	border: 1px solid var(--border-color);
	border-radius: 4px;
	line-height: 1.2em;
	padding: 10px 12px;
}






/* ================================================== */
/* Slim Dialog - Print					    	      */
/* ================================================== */

/* === Print Options Dialog === */

.slimDialog .printPdfSmartPrintDialogStyle,
.slimDialog .smartPrintDialogStyle {
	width: 350px;
}

.slimDialog .printOtherOptions ul,
.slimDialog .printOtherOptions li,
.slimDialog .smartPrintOptions ul,
.slimDialog .smartPrintOptions li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slimDialog .printOtherOptions ul,
.slimDialog .smartPrintOptions ul {
	margin-top: 10px;
}

.slimDialog .printOtherOptions li,
.slimDialog .smartPrintOptions li {
	padding: 3px 0;
}

.slimDialog .smartPrintDialogStyle .smartPrintAll {
	margin: 0;
}

.slimDialog .smartPrintDialogStyle .mets-icon.print {
	display: none;
}


.slimDialog .printPdfSmartPrintDialogStyle .printAll,
.slimDialog .printPdfSmartPrintDialogStyle .printOtherOptions,
.slimDialog .smartPrintDialogStyle .smartPrintAll,
.slimDialog .smartPrintOptions {
	padding: 0 10px;
}

.slimDialog .printPdfButton,
.slimDialog .smartPrintDialogStyle .button-bar {
	padding: 20px 0 5px;
	text-align: center;
}

/* ================================================== */
/* Locked Content Dialog				    	      */
/* ================================================== */
.mets-dialog-window.locked-content-dialog {
	background: #fff;
	border-radius: 8px;
	color: #59616E;
	font-size: 14px;
	font-family: Roboto, sans-serif;
}

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

.mets-dialog-window.locked-content-dialog .mets-dialog-window-content {
	padding: 20px 14px 0;
}

.mets-dialog-window.locked-content-dialog h2 {
	color: #253652;
	text-transform: none;
	font-size: 20px;
	font-weight: 500;
}

.mets-dialog-window.locked-content-dialog .dialog-button-bar {
	margin: 0 0 20px;
}

.mets-dialog-window.locked-content-dialog .ui-dialog-titlebar {
	display: none;
}

/* ================================================== */
/* Upgrade Banner        				    	      */
/* ================================================== */
.upgrade-banner {
	align-content: space-between;
    background: var(--info-light);
    border: 1px solid #3e7591;
    border-radius: 3px;
    display: flex;
    margin: 10px 0;
    padding: 10px;
}

.upgrade-banner a {
    color: var(--action-color);
    text-decoration: underline;
}

.upgrade-banner .upgrade-link {
    text-align: right;
}

.upgrade-banner .upgrade-link a {
    text-decoration: none;
    text-transform: uppercase;
}

.upgrade-banner .banner-message,
.upgrade-banner .upgrade-link {
    flex: 1 1 auto;
    font-weight: 700;
}

.upgrade-banner .svg-star,
.solWrapper .upgrade-banner.mets-command-link .svg-star {
    fill: #e6edf1;
    margin: 0 10px 0 0;
    stroke: var(--action-color);
    stroke-width: 2px;
    width: 15px;
    height: 15px;
}

/* ================================================== */
/* jQuery ui multiselect				    	      */
/* ================================================== */

.ui-multiselect.newStyleMultiselect,
.ui-widget-content .ui-multiselect.ui-state-default.newStyleMultiselect {
	background: #fff;
	border: 1px solid var(--border-color);
	color: var(--fg-color);
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	padding: 0 15px 0 12px;
	position: relative;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: nowrap;
}

.mets-field.error > .mets-field-body .ui-multiselect.newStyleMultiselect {
	border-color: var(--error);
}

.ui-multiselect.newStyleMultiselect .ui-icon {
	background-image: none;
	border-color: var(--fg-color) transparent transparent transparent;
	border-style: solid;
	border-width: 4px 3.5px 0 3.5px;
	height: 0;
	margin: 0;
	position: absolute;
	right: 6px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0;
}

.newStyleMultiselect.ui-state-hover .ui-icon {
	opacity: .6;
}


/* === menu actions === */

.newStyleMultiselect .ui-multiselect-header {
	background: var(--bg-color-3);
	border: none;
	margin: 0;
	padding: 5px;
}

.newStyleMultiselect .ui-multiselect-header ul {
	align-items: center;
	display: flex;
}

.newStyleMultiselect .ui-multiselect-header a {
	align-items: center;
	color: var(--fg-color);
	display: flex;
	white-space: nowrap;
}

.newStyleMultiselect .ui-multiselect-header a .ui-icon {
	flex: 0 0 auto;
}

.newStyleMultiselect .ui-multiselect-header li.ui-multiselect-close {
	margin-left: auto;
}

.newStyleMultiselect .ui-multiselect-header li.ui-multiselect-close a,
.newStyleMultiselect .ui-multiselect-header li.ui-multiselect-close .ui-icon {
	display: block;
}


/* === menu === */

.ui-multiselect-menu.newStyleMultiselect {
	border: 1px solid var(--border-color);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
	max-width: 500px;
	padding: 15px;
	width: auto !important;
}

.newStyleMultiselect .ui-multiselect-checkboxes li {
	font-size: 12px;
}

.ui-multiselect-menu.newStyleMultiselect label {
	border-color: transparent;
	border-top: 1px solid var(--border-color);
	color: var(--fg-color-2);
	line-height: 1.2em;
	padding: 5px 5px 5px 25px;
	position: relative;
	text-indent: 0;
	word-wrap: break-word;
}

.ui-multiselect-menu.newStyleMultiselect li:first-child label {
	border-top-color: transparent;
}

.ui-multiselect-menu.newStyleMultiselect .ui-state-hover,
.ui-multiselect-menu.newStyleMultiselect .ui-state-focus {
	background: var(--bg-hover-light);
}

.newStyleMultiselect ul.ui-multiselect-checkboxes label input[type=checkbox] {
	left: 5px;
	margin: 0;
	position: absolute;
	top: 6.5px;
}

.mets-field .newStyleMultiselect ul.ui-multiselect-checkboxes label input[type=checkbox] {
	padding: 0;
}




/* ================================================== */
/* Select2 - Normal						    	      */
/* ================================================== */

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

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

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

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

.normalSelect.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: -5px;
    margin-right: -4px;
    transition: transform .3s ease-out;
    width: 12px;
}

.normalSelect.select2.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
	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='%239BA0A8'/%3e%3c/svg%3e");
}

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

.normalDropdown.select2-container .select2-dropdown {
	border-color: var(--border-color);
}




/* ================================================== */
/* Select2 - Status Select				    	      */
/* ================================================== */


.select2.select2-container.statusColorSelect .select2-selection {
	background: var(--closed-light);
	border-color: var(--closed);
}

.select2.select2-container.statusColorSelect .select2-selection--single .select2-selection__arrow b {
	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='%2359616E'/%3e%3c/svg%3e");
}

.select2.select2-container.PENDING .select2-selection,
.select2.select2-container.DRAFT .select2-selection,
.select2.select2-container.INFO_REQUIRED .select2-selection,
.select2.select2-container.PENDING_RENEWAL .select2-selection,
.select2.select2-container.PENDING_IN_TREATMENT .select2-selection,
.select2.select2-container.PENDING_ACTIVATION .select2-selection,
.select2.select2-container.PENDING_MODIFICATION .select2-selection,
.select2.select2-container.PENDING_DOCUMENT .select2-selection,
.select2.select2-container.AWAITING_APPROVAL .select2-selection,
.select2.select2-container.AWAITING_PUBLICATION .select2-selection,
.select2.select2-container.ALL_PENDING .select2-selection {
	background: var(--draft-light);
	border-color: var(--draft);
}

.select2.select2-container.ALL_ACTIVE .select2-selection,
.select2.select2-container.ACTIVE .select2-selection {
	background: var(--inProgress-light);
	border-color: var(--inProgress);
}





/* ================================================== */
/* Select2 - Colored Select				    	      */
/* ================================================== */

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

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

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

.coloredSelect.select2-container .select2-selection--single .select2-selection__rendered {
	color: var(--action-color);
	font-weight: 500;
	line-height: 42px;
	padding-right: 40px;
}

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

.coloredSelect.select2-container .select2-selection--single .select2-selection__arrow {
	height: 41px;
	width: 40px;
}

.coloredSelect.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='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23064D71' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
    height: 8px;
    left: 10px;
    margin-left: 0;
    margin-top: -4px;
    transition: transform .3s ease-out;
    width: 12px;
}

.coloredSelect.select2.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23CDD0D3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

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

.coloredSelect.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23CDD0D3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.coloredDropdown.select2-container .select2-dropdown {
	border-color: #005377;
	border-radius: 4px;
}

.coloredDropdown.select2-container .select2-results .select2-results__option,
.coloredDropdown.select2-container .select2-results .select2-results__option[aria-selected=true],
.coloredDropdown.select2-container .select2-results .select2-results__option--highlighted[aria-selected] {
	color: #005377;
}

.coloredDropdown.select2-container .select2-results .select2-results__option[aria-selected=true] {
	font-weight: 500;
}


/* ================================================== */
/* Select2								    	      */
/* ================================================== */

.select2.simplisticSelectContainer {
	font-size: 14px;
}

.select2.simplisticSelectContainer .select2-selection--single {
	border: 1px solid var(--border-color);
	height: 28px;
}

.select2.simplisticSelectContainer.select2-container--focus .select2-selection--single {
	-webkit-box-shadow: 0px 3px 4px -2px rgba(116, 128, 138, 0.5);
	-moz-box-shadow: 0px 3px 4px -2px rgba(116, 128, 138, 0.5);
	box-shadow: 0px 3px 4px -2px rgba(116, 128, 138, 0.5);
}

/* Disabled */
.select2.simplisticSelectContainer.select2-container--disabled .select2-selection--single {
	opacity: .5;
}

.select2.simplisticSelectContainer .select2-selection--single .select2-selection__rendered {
	line-height: 27px;
	padding-left: 6px;
	padding-right: 20px;
}

.select2.simplisticSelectContainer .select2-selection--single .select2-selection__arrow {
	height: 28px;
	width: 20px;
}

.select2.simplisticSelectContainer .select2-selection--single .select2-selection__arrow b {
	border-width: 5px 4px 0 4px;
	margin-left: -2px;
	margin-top: -2px;
}

.select2.simplisticSelectContainer.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-width: 0 4px 5px 4px;
}

/* === Drop down results === */

.select2-container.simplisticDropdown {
	position: relative;
}

.select2-container.simplisticDropdown .select2-dropdown {
	font-size: 14px;
}

.select2-container.simplisticDropdown .select2-results__option {
	min-height: 23px;
	padding: 3px 6px;
}



.select2.simplisticSelectContainer .placeholderOption,
.select2-container.simplisticDropdown .placeholderOption {
	color: var(--fg-color-2);
}




/* ================================================== */
/* Chosen Multiselect					    	      */
/* ================================================== */

.solWrapper .chosen-disabled {
	opacity: 1 !important;
}

.solWrapper .chosen-disabled .chosen-choices {
	background: #f4f4f4;
	color: #83909B;
}

.solWrapper .multiple-select .chosen-container {
	margin: 0;
}

.solWrapper .chosen-container-multi .chosen-choices {
	padding: 2px 5px;
}

.solWrapper .chosen-container-multi .chosen-choices li.search-choice {
	background: #fff;
	border: 1px solid #1D2B4A;
	border-radius: 0;
	color: #1D2B4A;
	margin: 3px 5px 3px 0;
	padding: 3px 20px 3px 5px;
}

.solWrapper .multiple-select .chosen-container-multi .chosen-choices li.search-field input[type=text] {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #1D2B4A !important;
	height: 20px;
	margin: 3px 0;
}

.solWrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	top: 6px;
}

.solWrapper .mets-field .multiple-select + .cmd {
	align-self: flex-start;
	margin-top: 6px;
}

/* === Dropdown === */

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

.solWrapper .multiple-select .chosen-container .chosen-results {
	color: var(--fg-color-2);
}

.solWrapper .chosen-container .chosen-results li.highlighted {
	background: #F4F4F4;
	color: var(--fg-color-2);
}





/* ================================================== */
/* jQuery qtip2							    	      */
/* ================================================== */

.qtip-default {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .16);
	color: #1D2B4A;
	font-size: 12px;
	line-height: 1.3em;
}

.qtip-content {
	padding: 8px 12px;
}





/* ================================================== */
/* jQuery Single Toggle					    	      */
/* ================================================== */

.singleToggle .switch {
	color: #1D2B4A;
	font-size: 10px;
	font-weight: 700;
	min-width: 45px;
	padding: 0 6px 0 20px;
	text-transform: uppercase;
}

.singleToggle .switch.on {
	border-color: #CCCBCB;
	padding: 0 20px 0 6px;
}

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



/* ================================================== */
/* jQuery UI Calendar					    	      */
/* ================================================== */

.solWrapper .mets-calendar.useSVGImage + img.ui-datepicker-trigger {
	background-image: url(/images/svg_sprite.svg);
	background-position: 0 -150px;
	background-size: 750px 700px; /* Needed for IE11 */
	width: 20px;
	height: 24px;
	margin: 2px 0 0 5px;
	transform: scale(0.8, 0.9);
}

.solWrapper .mets-calendar-time-zone {
	margin-left: 5px;
	vertical-align: middle;
}

.solWrapper .mets-field-label .mets-calendar-time-zone {
	font-size: .86em;
	font-weight: 400;
	margin-left: 3px;
	vertical-align: bottom;
}





/* ================================================== */
/* Mets Tabs						   	    	      */
/* ================================================== */

.side-bar-view .mets-tab-view li.mets-tab {
	font-family: Roboto,sans-serif;
    font-size: 1em;
}









/* ==================================================================================================== */
/*                                                                                       Shared Classes */
/* ==================================================================================================== */

.clearFloat:after {
	clear: both;
	content: ' ';
	display: block;
	height: 0;
}

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

svg.mets-icon {
	fill: var(--fg-color-2);
}

.mets-command-link .mets-icon,
.mets-command-button .mets-icon,
a .mets-icon,
button .mets-icon {
	fill: currentColor;
}

.solWrapper svg.mets-icon,
.slimDialog svg.mets-icon {
	padding: 0;
}

.solWrapper .error {
	color: var(--error-dark);
}

.mets-icon.removeIcon {
    display: block;
    fill: #666;
    margin: 0;
}




/* ================================================== */
/* Buttons								    	      */
/* ================================================== */


/* Selector Button */

.solWrapper .selectorBtn {
	align-items: center;
	background: rgba(242, 242, 242, 1);
	border-color: rgba(231, 232, 232, 1);
	border-radius: 2px;
	color: #7F7F7F;
	display: flex;
	font-size: 1em;
	font-weight: 500;
	padding: 8px 14px 8px 10px;
	text-transform: none;
}

.solWrapper .selectorBtn:not(.disabled):hover,
.solWrapper .fileUploadInputContainer input[type='file']:hover + div .selectorBtn {
	color: #fff;
}

.solWrapper .selectorBtn:active,
.solWrapper .selectorBtn:not(.disabled):hover:before,
.solWrapper .fileUploadInputContainer input[type='file']:active + div .selectorBtn,
.solWrapper .fileUploadInputContainer input[type='file']:hover + div .selectorBtn:before {
	background: rgba(0, 118, 118, 1);
}

.solWrapper .selectorBtn .mets-icon {
	fill: #646464;
	flex: 0 0 auto;
	margin: 0 6px 0 0;
}

.solWrapper .selectorBtn:hover .mets-icon,
.solWrapper .selectorBtn:active .mets-icon,
.solWrapper .fileUploadInputContainer input[type='file']:hover + div .selectorBtn .mets-icon,
.solWrapper .fileUploadInputContainer input[type='file']:active + div .selectorBtn .mets-icon {
	fill: #fff;
}


/* Info Required Button */

.full-screen .infoRequiredBtn {
	background: rgb(255, 136, 0);
	background: linear-gradient(96deg, rgb(255, 136, 0) 10%, rgb(255, 187, 51) 100%);
	color: var(--fg-color);
}

.full-screen .infoRequiredBtn:before {
	background: rgb(255, 187, 51);
	background: linear-gradient(203deg, rgb(255, 136, 0) 10%, rgb(255, 187, 51) 100%);
	bottom: 0;
	content: '';
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .4s ease-out;
	z-index: -1;
}

.full-screen .infoRequiredBtn:hover:before {
	opacity: 1;
}

.full-screen .infoRequiredBtn .mets-icon {
	fill: currentColor;
}



/* Selectable Buttons */

.full-screen .solWrapper .defaultUnselectedBtn,
.full-screen .solWrapper .defaultSelectedBtn {
	align-items: center;
	background: #FFF;
	border: 1px solid var(--border-color);
	border-radius: 64px;
	color: var(--action-color);
	cursor: pointer;
	display: flex;
	font-weight: 500;
	justify-content: center;
	line-height: 1.1;
	padding: 6px 20px;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	transition: background .3s ease-out, border .3s ease-out;
}

.full-screen .solWrapper .defaultUnselectedBtn:before,
.full-screen .solWrapper .defaultSelectedBtn:before {
	content: none;
	display: none;
}

/* Added color and opacity in case this button is actually a link. */
.full-screen .solWrapper .defaultUnselectedBtn:active,
.full-screen .solWrapper .defaultUnselectedBtn:not(.disabled):hover {
	background: var(--bg-button-2-hover);
	border: 1px solid  var(--fg-button-2-hover);
	color: var(--action-color);
	opacity: 1;
}

.full-screen .solWrapper .defaultUnselectedBtn:active,
.full-screen .solWrapper .defaultSelectedBtn:active {
	border-radius: 64px;
}

.full-screen .solWrapper .defaultSelectedBtn {
	background: var(--bg-button-2-selected);
	border: 1px solid var(--bg-button-2-selected);
	color: var(--fg-button-2-selected);
	cursor: default;
}

.full-screen .solWrapper .defaultSelectedBtn:active,
.full-screen .solWrapper .defaultSelectedBtn:not(.disabled):hover {
	background: var(--bg-button-2-selected);
	border: 1px solid var(--bg-button-2-selected);
}

.full-screen .solWrapper .defaultUnselectedBtn.disabled,
.full-screen .solWrapper .defaultSelectedBtn.disabled {
	background: var(--bg-disabled);
	border: 1px solid var(--fg-disabled);
	color: var(--fg-disabled);
	cursor: default;
	font-style: normal;
}

.full-screen .solWrapper .defaultSelectedBtn svg {
	flex: 0 0 auto;
	height: 10px;
	margin-right: 5px;
	width: 12px;
}


/* Plus Circle */
.solWrapper .svg-plusCircle {
	transition: fill .3s ease-out;
}

.solWrapper a:hover .svg-plusCircle {
	fill: #407881;
	opacity: 1;
}


/* === File Input button === */

.solWrapper .mets-singleFileUploadfield-section {
	flex: 0 0 auto;
	min-width: 0;
}

.solWrapper .mets-singleFileUploadfield-section.hidden {
	display: none;
}

.solWrapper .mets-singleFileUploadfield-section > span {
	flex: 0 0 auto;
}

.solWrapper .mets-singleFileUploadfield-section > span br {
	display: none;
}

.solWrapper .mets-singleFileUploadfield-fileInfo {
	display: flex; /* needed if file has a delete icon */
}

.solWrapper .mets-singleFileUploadfield-fileInfo > a {
	display: flex;
	margin: 0 0 2px;
}

.solWrapper .mets-singleFileUploadfield-fileInfo > a .mets-icon {
	flex: 0 0 auto;
}

.solWrapper .mets-singleFileUploadfield-section .mets-singleFileUploadfield {
	display: flex;
	margin: 10px 0 0;
}

.solWrapper .fileInfoDetail {
	color: var(--fg-color);
}

.solWrapper .mets-singleFileUploadfield-deleteAction a {
	transition: color .3s ease-out;
}

.solWrapper .mets-singleFileUploadfield-deleteAction a:hover {
	color: #407881;
}

.solWrapper .mets-singleFileUploadfield-fileInfo a .mets-icon.svg-delete {
	margin: 0 0 0 6px;
}

.solWrapper .mets-singleFileUploadfield-uploadControlsContainer .fileUploadInput {
	bottom: 0;
	font-size: inherit;
	left: 0;
	width: 100%;
	z-index: 1;
}

.solWrapper .fileUploadInputContainer .mets-command-button:not(.selectorBtn) {
	align-items: center;
	display: inline-flex;
}

.solWrapper .fileUploadInputContainer .mets-command-button:not(.selectorBtn) .mets-icon {
	flex: 0 0 auto;
	margin-right: 10px;
}

.solWrapper .mets-singleFileUploadfield-section .file-progress-bar {
	flex: 0 0 auto;
	order: 2;
}




/* ================================================== */
/* Checkbox / Radio Style 1 			    	      */
/* ================================================== */

.optionStyle {
	align-self: stretch;
	display: inline-block;
	flex: 0 0 auto;
	margin: 0 5px;
	position: relative;
	text-align: center;
	vertical-align: top;
	width: 65px;
}

.optionStyle.noSVG {
	width: auto
}

.optionStyle.hidden {
	display: none;
}

.optionStyle:first-of-type {
	margin-left: 0;
}

.optionStyle:last-child {
	margin-right: 0;
}

.optionStyleContent {
	cursor: pointer;
	display: block;
	line-height: 1em !important;
	margin: 0 !important;
}

.optionStyle input:disabled ~ .optionStyleContent {
	cursor: default;
}

.optionStyle use {
	pointer-events: none;
}

.optionStyle input {
	opacity: 0;
	position: absolute;
}

.optionStyle .optionStyleIconLbl {
	background: #fff;
	border: 1px solid var(--border-color);
	border-radius: 2px;
	display: inline-block;
	height: 50px;
	line-height: 48px;
	margin: 0 !important;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	vertical-align: top;
	width: 65px;
}

.optionStyle input:focus ~ .optionStyleContent .optionStyleIconLbl {
	-webkit-box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
	-moz-box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
	box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
}

.noSVG .optionStyleIconLbl {
	border-radius: 64px;
	height: 2.28em;
	line-height: 2.2em;
	min-width: 4.6em;
	padding: 0 20px; /* Uneven number so hover effect shows no white on side */
	vertical-align: middle;
	width: auto;
}

.optionStyle input:hover ~ .optionStyleContent .optionStyleIconLbl {
	background: var(--bg-button-2-hover);
	border-color: var(--fg-button-2-hover);
}

.optionStyle input:checked ~ .optionStyleContent .optionStyleIconLbl {
	background: var(--bg-button-2-selected);
	border-color: var(--bg-button-2-selected);
	color: #FFF;
}

.optionStyle input:disabled:not(:checked) ~ .optionStyleContent .optionStyleIconLbl {
	background: var(--bg-disabled);
	border: 1px solid var(--fg-disabled);
	color: var(--fg-disabled);
	cursor: default;
}

.optionStyleIconLbl > svg {
	display: inline-block;
	fill: currentColor;
	height: 56%;
	left: 50%;
	padding: 0;
	-webkit-transition: fill .3s ease-out;
	transition: fill .3s ease-out;
	vertical-align: middle;
	width: 46%;
}

.optionStyleIconLbl > svg.svg-invitation {
	margin: 0 0 10px 10px;
}

.optionStyle .optionStyleTextLbl {
	display: block;
	font-size: .85em;
	font-weight: 400;
	line-height: 1.4;
	margin-top: 6px;
	word-wrap: break-word;
}

.optionStyle input:checked ~ .optionStyleContent .optionStyleTextLbl,
.optionStyle input:hover ~ .optionStyleContent .optionStyleTextLbl {
	color: var(--fg-color);
}

.optionStyle input:disabled ~ .optionStyleContent .optionStyleTextLbl {
	color: var(--fg-color-2);
	font-weight: 400;
}

.optionStyle input:checked:disabled ~ .optionStyleContent .optionStyleTextLbl {
	color: var(--fg-color);
}

.optionStyleContent > span {
	color: var(--action-color);
}

.optionStyleTextInside {
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.1px;
}

.optionStyle input:checked ~ .optionStyleContent .optionStyleTextInside {
	color: #FFF;
}

.optionStyle input:disabled ~ .optionStyleContent .optionStyleTextInside {
	color: var(--fg-disabled);
}

.optionStyle input:checked:disabled ~ .optionStyleContent .optionStyleTextInside {
	color: #FFF;
}




/* ================================================== */
/* Sidebar Burger						    	      */
/* ================================================== */

.burger-button {
	background: none;
	border: none;
	display: inline-block;
	position: relative;
	padding: 1em 0;
	transition: 0.25s;
	cursor: pointer;
	user-select: none;
	opacity: .8;
}

.solWrapper .burger-button:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.burger-button:hover,
.burger-button:focus {
	transition: 0.5s;
	opacity: 1;
}

.burger-button:hover .burger:before {
	top: .7em;
}

.burger-button:hover .burger:after {
	top: -.7em;
}

.burger-button .burger {
	border-radius: 1em;
	display: block;
	position: relative;
	height: .2em;
	background: var(--action-color);
	transition: 0.5s;
	width: 2em;
}

.burger-button .burger:before, .burger-button .burger:after {
	border-radius: 1em;
	display: block;
	content: "";
	height: .2em;
	background: var(--action-color);
	position: absolute;
	z-index: -1;
	transition: 0.5s 0.25s;
	width: 2em;
}

.burger-button:hover .burger:before, .burger-button:hover .burger:after {
	transition: 0.25s;
}

.burger-button .burger:before {
	top: .6em;
}

.burger-button .burger:after {
	top: -.6em;
}

.open .burger-button .burger:before,
.open .burger-button .burger:after {
	top: 0 !important;
	transition: 0.5s;
}


.open .burger-button .burger {
 	background: transparent;
}

.open .burger-button .burger:before {
	transform: rotate(-45deg);
}

.open .burger-button .burger:after {
	transform: rotate(45deg);
}

@media (min-width: 1250px) {
	.javascript-is-loading .burger-button .burger:before,
	.javascript-is-loading .burger-button .burger:after {
		top: 0 !important;
		transition: 0.5s;
	}
		
	.javascript-is-loading .burger-button .burger {
	 	background: transparent;
	}
	
	.javascript-is-loading .burger-button .burger:before {
		transform: rotate(-45deg);
	}
	
	.javascript-is-loading .burger-button .burger:after {
		transform: rotate(45deg);
	}
}





/* ================================================== */
/* Progress bar							    	      */
/* ================================================== */

.simpleProgressbar {
	background: #CCCBCB;
	border-radius: 20px;
	display: block;
	height: 6px;
	max-width: 75px;
	overflow: hidden;
	position: relative;
}

.simpleProgressIndicator {
	/* IE10+ */
	background-image: -ms-linear-gradient(left, #10EFEF 0%, #0CBABA 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(left, #10EFEF 0%, #0CBABA 100%);

	/* Opera */
	background-image: -o-linear-gradient(left, #10EFEF 0%, #0CBABA 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #10EFEF), color-stop(100, #0CBABA));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(left, #10EFEF 0%, #0CBABA 100%);

	/* W3C Markup */
	background-image: linear-gradient(to right, #10EFEF 0%, #0CBABA 100%);
	border-radius: 20px;
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	transition: width .4s ease-out;
}

.simpleProgressAmountDetail {
	color: #1D2B4A;
	display: block;
	font-size: 86%;
	font-weight: 500;
	text-align: right;
}


/* === Step Progressbar === */

.stepHeaderProgressbar {
	/* IE10+ */
	background-image: -ms-linear-gradient(left, #10EFEF 0%, #0CBABA 100%);

	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(left, #10EFEF 0%, #0CBABA 100%);

	/* Opera */
	background-image: -o-linear-gradient(left, #10EFEF 0%, #0CBABA 100%);

	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #10EFEF), color-stop(100, #0CBABA));

	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(left, #10EFEF 0%, #0CBABA 100%);

	/* W3C Markup */
	background-image: linear-gradient(to right, #10EFEF 0%, #0CBABA 100%);

	height: 6px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.lateStep .stepHeaderProgressbar {
	background: var(--error-dark);
}

.stepHeaderProgressbarIndicator {
	background: var(--border-color-2);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}







/* ================================================== */
/* Late Label tag						    	      */
/* ================================================== */

.lateLabelTag {
	background: var(--error-light);
	border: 1px solid var(--error);
	border-radius: 4px;
	color: var(--fg-color);
	display: inline-block;
	font-size: .86rem;
	font-weight: 500;
	letter-spacing: 0.2px;
	line-height: 1.3;
	margin: 0 0 0 5px;
	padding: 2px 8px;
	white-space: nowrap;
}







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

.solWrapper {
	color: var(--fg-color);
}

.full-screen .solWrapper {
	flex: 1 1 auto;
	width: 100%;
}

.full-screen .innerTabActive {
	display: flex;
	flex-direction: column;
}

.full-screen .innerTabActive .innerTabContainer {
	flex: 1 1 auto;
}

/* Override material look font styles */
.full-screen.material-look #content, .full-screen div.material-look,
.full-screen.material-look .mets-scrollToFixed-topBar {
	font: inherit;
	line-height: inherit;
}

.hasNotesWidget.material-look:not(.side-bar-view) #content {
	margin-top: 20px;
}

.full-screen #content {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	margin: 0;
	width: auto;
}

.solWrapper h1 {
	color: var(--fg-color);
	font-size: 1.85rem;
	font-weight: 500;
	text-transform: none;
}

.solWrapper h2 {
	color: var(--fg-color);
	font-size: 1.85rem;
	font-weight: 500;
	margin: 0;
	padding: 5px 0;
	text-transform: none;
}

#bottomButtonBar .defaultBorderBtn {
	background: #fff;
}



/* ================================================== */
/* Status Timer							    	      */
/* ================================================== */

.solicitationStatusTimer {
	background: rgb(90, 233, 205);
	background: linear-gradient(346deg, rgb(90, 233, 205) 30%, rgb(75, 202, 219) 70%);
	color: var(--fg-color);
	font-weight: 500;
	letter-spacing: 0.1px;
	line-height: 1.4;
	margin-bottom: -1px;
	padding: 10px 16px;
}

.mets-scrollToFixed-topBar .solicitationStatusTimer {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 6px 16px;
}

.solicitationStatusTimer.closed {
	background: rgb(201, 70, 75);
	background: linear-gradient(114deg, rgb(201, 70, 75) 20%, rgb(254, 127, 60) 100%);
	padding: 14px 25px;
}

.solicitationStatusTimer.noTimer {
	font-size: 108%;
	padding: 14px 25px;
}

@media screen and (max-width: 1079px) {
	.mobile-friendly .solicitationStatusTimer {
		margin: -15px calc( -.8rem - 5px ) 15px;
	}
}

.solicitationStatusTimer .mets-countdown-clock {
	float: none;
	white-space: nowrap;
}

.solicitationStatusTimer .mets-countdown-clock.mets-countdown-clock-component {
	margin: 0;
}

.solicitationStatusTimer .mets-countdown-clock.content {
	font-family: 'Roboto', sans-serif;
	font-size: inherit;
	line-height: 1.2;
	padding: 0;
}

.solicitationStatusTimer .mets-countdown-clock.text {
	align-items: baseline;
	color: var(--fg-color);
	display: flex;
}

.solicitationStatusTimer .mets-countdown-clock.countdown {
	flex: 0 0 auto;
	font-size: 2em;
	font-weight: 500;
	text-align: left;
}

.mets-scrollToFixed-topBar .solicitationStatusTimer .mets-countdown-clock.countdown {
	font-size: 1.8rem;
}

.solicitationStatusTimer .mets-countdown-clock.countdown .timeLabel {
	display: inline-block;
	font-size: 62%;
	font-weight: 400;
	margin-left: 2px;
}

.solicitationStatusTimer .mets-countdown-clock.text .mets-countdown-clock-help {
	flex: 0 0 auto;
	margin-left: auto;
	padding: 0 0 0 16px;
}

.solicitationStatusTimer .mets-countdown-clock.text .svg-help {
	height: 1.43rem;
	margin-bottom: .4em;
	width: 1.43rem;
}

.content-block .solicitationStatusTimer {
	margin: -1.2em -16px 0;
}











/* ================================================== */
/* Input fields						   	    	      */
/* ================================================== */

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

.solWrapper .mets-field .mets-field-mandatory-filler + .mets-field-body {
	display: inline-block;
}

.solWrapper .mets-field .mets-field-body input[type='text'],
.solWrapper .mets-field .mets-field-body input[type='password'],
.solWrapper .mets-field .mets-field-body select,
.solWrapper .mets-field.error .mets-field-body input[type='text'],
.solWrapper .mets-field.error .mets-field-body select,

.solWrapper input[type='text'],
.solWrapper input[type='password'],
.solWrapper input[type='search'],
.solWrapper select,

.slimDialog input[type='text'],
.slimDialog input[type='password'],
.slimDialog select,

.mets-scrollToFixed-topBar input[type='text'],
.mets-scrollToFixed-topBar input[type='password'],
.mets-scrollToFixed-topBar select {
	background: #fff;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	color: var(--fg-color);
	font: 400 14px 'Roboto', sans-serif;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	vertical-align: middle;
}

.solWrapper .mets-field .mets-field-body select,
.solWrapper .mets-field.error .mets-field-body select,
.slimDialog select {
	padding: 0 10px;
}

.msie .solWrapper .mets-field .mets-field-body select,
.msie .solWrapper .mets-field.error .mets-field-body select,
.msie .slimDialog select {
	padding-right: 0; /* Otherwise is shows padding on the right of the arrow */
}

.solWrapper .mets-field .mets-field-body input[type=text],
.solWrapper .mets-field .mets-field-body input[type=password] {
	width: 14rem;
}

.solWrapper .mets-field.small .mets-field-body input[type=text] {
	width: 5rem;
}

.solWrapper input[type=text].overrideErrorHighlight {
	border-color: var(--border-color) !important;
}

.solWrapper .mets-field.error>.mets-field-body>input[type='text'],
.solWrapper .mets-field.error>.mets-field-body>input[type='password'],
.solWrapper .mets-field.error>.mets-field-body select,
.solWrapper .mets-field.error>.mets-field-body>textarea,
.solWrapper input[type='text'].error,
.solWrapper select.error,
.solWrapper textarea.error,
.solWrapper .mets-field div.mets-field-error span+span,
.mets-field.error .mets-field-body .mets-calendar-field-container input[type='text'],
.solWrapper .mets-field.error > .mets-field-body > .accessibility-fieldset input[type='text']{
	border-color: var(--error);
}

.mets-field.error > .mets-field-body > button {
	border: 1px solid var(--error);
}

.solWrapper .mets-field .mets-field-body input[type='text']:disabled,
.solWrapper .mets-field .mets-field-body input[type='password']:disabled,
.solWrapper .mets-field .mets-field-body select:disabled,
.solWrapper select:disabled,
.slimDialog input[type='text']:disabled,
.slimDialog input[type='password']:disabled,
.slimDialog select:disabled,
.solWrapper textarea:disabled,
.solWrapper input[type='text']:disabled,
.solWrapper input[type='password']:disabled,
.solWrapper input[type='search']:disabled {
	background: var(--bg-disabled);
	border-color: var(--border-color);
	color: var(--fg-disabled);
}

.solWrapper .mets-field .mets-field-body input.hasDatepicker {
	width: 10.5em;
}

/* For Password Prevue Plugin fields */
.solWrapper .mets-field .mets-field-body .prevue-wrapper {
	flex: 1 1 auto;
}

#regionsMainContainer .mets-command-link:focus,
.solWrapper input[type='submit']:focus,
.solWrapper input[type='button']:focus,
.solWrapper .defaultBtn:focus,
.solWrapper input[type='checkbox']:focus,
.solWrapper input[type='radio']:focus,
.solWrapper .fileUploadInputContainer .mets-command-button:focus  {
	-webkit-box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
	-moz-box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
	box-shadow: 0px 3px 6px rgba(116, 128, 138, 0.5);
}

.solWrapper .mets-field .mets-field-body input[type='text']:focus,
.solWrapper .mets-field .mets-field-body select:focus,
.solWrapper .ui-multiselect:focus,
.solWrapper .mets-field .mets-field-body textarea:focus,
.slimDialog input[type='text']:focus,
.slimDialog input[type='password']:focus,
.slimDialog select:focus,
.solWrapper textarea:focus,
.solWrapper input[type='text']:focus,
.solWrapper input[type='search']:focus {
	border: 1px solid var(--action-color);
	box-shadow: none;
}

.solWrapper input[type=text].overrideErrorHighlight:focus {
	border-color: var(--action-color) !important;
}


/* === Checkbox/Radio Buttons === */

html.full-screen .customInput input[type=checkbox] ~ .checkbox,
html.full-screen .customInput input[type=radio] ~ .radio {
	border: 2px solid var(--border-color-2);
	border-radius: 2px;
	flex: 0 0 auto;
	height: 16px;
	margin: .15em 8px 0 0;
	width: 16px;
}

html.full-screen .customInput.no-label input[type=checkbox] ~ .checkbox,
html.full-screen .customInput.no-label input[type=radio] ~ .radio {
	margin: 0;
}

html.full-screen .customInput label:hover input[type=checkbox]:not(:disabled) ~ .checkbox {
	border-color: var(--action-color-hover);
}

html.full-screen .customInput input[type=checkbox]:checked ~ .checkbox {
	background: var(--action-color);
	border: 2px solid var(--action-color);
}

html.full-screen .customInput label:hover input[type=checkbox]:checked:not(:disabled) ~ .checkbox {
	background: var(--action-color-hover);
	border-color: var(--action-color-hover);
}

html.full-screen .customInput input[type=checkbox] ~ .checkbox:after {
	border-color: var(--fg-accent-color);
	height: 5px;
	left: 58%;
	top: 5%;
	width: 9px;
	transform: rotate(-45deg) translate(-50%, -50%);
}

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

html.full-screen .customInput label:hover input[type=radio]:not(:disabled) ~ .radio {
	border-color: var(--action-color-hover);
}

html.full-screen .customInput input[type=radio]:checked ~ .radio {
	background: none;
	border: 2px solid var(--action-color);
}

html.full-screen .customInput label:hover input[type=radio]:checked:not(:disabled) ~ .radio {
	border-color: var(--action-color-hover);
}

html.full-screen .customInput input[type=radio] ~ .radio:after {
	background: var(--action-color);
	height: 8px;
	width: 8px;
}

html.full-screen .customInput label:hover input[type=radio]:checked:not(:disabled) ~ .radio:after {
	background: var(--action-color-hover);
}

html.full-screen .customInput input[type=checkbox]:focus ~ .checkbox,
html.full-screen .customInput input[type=radio]:focus ~ .radio {
	box-shadow: 0 0 4px var(--action-color);
}

html.full-screen .customInput .inputText {
	flex: 1 1 auto;
	font-weight: 400;
	max-width: 100%;
	min-width: 0;
	word-wrap: break-word;
	width: 100%;
}

html.full-screen .customInput input[type=checkbox]:disabled ~ .checkbox,
html.full-screen .customInput input[type=radio]:disabled ~ .radio,
html.full-screen .customInput input:disabled ~ .inputText {
	opacity: 1;
}

html.full-screen .customInput input[type=checkbox]:disabled ~ .checkbox,
html.full-screen .customInput input[type=radio]:disabled ~ .radio {
	background: var(--bg-disabled);
	border-color: var(--fg-disabled);
}

html.full-screen .customInput input[type=checkbox]:disabled ~ .checkbox:after {
	border-color: var(--fg-disabled);
}

html.full-screen .customInput input[type=radio]:disabled ~ .radio:after {
	background: var(--fg-disabled);
}

html.full-screen .customInput input:disabled ~ .inputText {
	color: var(--fg-disabled);
}

html.full-screen .mets-field.error .customInput input[type=checkbox] ~ .checkbox,
html.full-screen .mets-field.error .customInput input[type=radio] ~ .radio {
	border-color: var(--error);
}


/* ======================== */
/* 	Right Aligned Custom    */
/* =======================  */

html.full-screen .customInput.rightAligned {
	justify-content: flex-end;
}

html.full-screen .customInput.rightAligned input[type=radio] ~ .radio {
	margin-right: 0;
}

 html.full-screen .customInput.rightAligned input[type=radio] ~ .inputText {
	margin-right: 6px;
}


/* Rounded checkboxes used on saved search page */

html.full-screen .customInput.rounded-check {
	display: inline-flex;
}

html.full-screen .customInput input[type=checkbox].rounded ~ .checkbox,
html.full-screen .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;
}

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

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

html.full-screen .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;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #9BA0A8;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #9BA0A8 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #9BA0A8;
}

.solWrapper input[type=text].watermark {
	height: auto;
}

/* Textarea */

.solWrapper .mets-dialog-window-content .mets-field.textareaField .mets-field-body > p,
.solWrapper .mets-dialog-window-content .mets-field.textareaField .mets-field-body textarea,
.solWrapper .mets-field.textareaField:not(.commentTextArea) textarea,
.solWrapper .mets-field.char-counter textarea {
	width: 100%;
}

.solWrapper textarea + .status,
.solWrapper textarea + #characterCounter,
.solWrapper textarea + .characterCounter {
	margin-left: auto;
	margin-top: 3px;
	order: 3;
}

.solWrapper .mets-field.char-counter textarea + div.status {
	background: none;
	border: none;
	color: inherit;
	margin-top: 0;
}

.solWrapper .mets-field.textareaField .mets-field-body,
.solWrapper .mets-field.char-counter .mets-field-body {
	display: flex;
	flex: 1 1 auto;
	flex-wrap: wrap;
}

.solWrapper .mets-field.char-counter .mets-field-body {
	width: auto;
}


/* === mandatory === */

.solWrapper .mets-field-label > span.mets-field-mandatory,
.solWrapper .mandatoryLabel > span.mets-field-mandatory,
.solWrapper .emptyLabel > span.mets-field-mandatory {
	color: var(--error-dark);
}


/* === Errors === */
.solWrapper .mets-field div.mets-field-error {
	display: none;
	left: 0;
	top: 100%;
}

.solWrapper .mets-field div.mets-field-error span+span {
	color: var(--error-dark);
	font-size: 1rem;
	font-weight: 400;
	text-transform: none;
}

.solWrapper .mets-field .mets-field-label div.mets-field-error {
	margin-top: 4px;
}

.solWrapper .mets-field.error > .mets-field-label {
	color: var(--fg-color);
	align-items: center;
	display: flex;
}

.solWrapper .mets-field.error > .mets-field-body,
.solWrapper .mets-field.success > .mets-field-body {
	align-items: center;
	display: flex;
}

.solWrapper .mets-field.textareaField.error .mets-field-body,
.solWrapper .mets-field.char-counter.error .mets-field-body {
	padding-right: 26px;
	position: relative;
}

.solWrapper .mets-field .mets-field-body select,
.solWrapper .mets-field .mets-field-body .select2,
.solWrapper .mets-field .mets-field-body input[type='text'],
.solWrapper .mets-field .mets-field-body .cke {
	flex: 0 1 auto;
	max-width: 100%;
	min-width: 0;
}


/* Error styles and icon */
.solWrapper .mets-field .cmd {
	flex: 0 0 auto;
	margin: 0 0 0 5px;
	overflow: visible;
	pointer-events: none;
	position: static;
}

.msie .solWrapper .mets-field .cmd {
	overflow: hidden;
}

@supports (-ms-ime-align: auto) {
	.solWrapper .mets-field .cmd {
		overflow: hidden;
	}
}

.solWrapper .mets-field.char-counter .mets-icon.error,
.solWrapper .mets-field.wysiwygField .mets-icon.error,
.solWrapper .mets-field .mets-field-body textarea ~ .cmd {
	align-self: flex-start;
	position: static;
}

.solWrapper .mets-field.textareaField.error .mets-field-body .cmd,
.solWrapper .mets-field.char-counter.error .mets-field-body .cmd {
	position: absolute;
	right: 0;
	top: 0;
}

.solWrapper .statusError,
.solWrapper .exceptionError {
	color: var(--error-dark);
}

.solWrapper .mets-field.singleFileUpload .mets-icon.error {
	position: static;
	right: auto;
}





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

.search-field-container {
	position: relative;
}

.search-field-container input[type='text'],
.mets-field .mets-field-body .search-field-container input[type='text'] {
	padding-left: 40px;
}

.search-field-container .search-field-btn {
	align-items: center;
	background: none;
	border: none;
	bottom: 0;
	display: flex;
	left: 0;
	padding: 0 12px;
	position: absolute;
	top: 0;
}

.search-field-container .search-field-btn:hover:before {
	content: none;
	display: none;
}

.search-field-container .search-field-btn .mets-icon {
	fill: var(--fg-color-2);
	flex: 0 0 auto;
	height: 18px;
	width: 18px;
}



/* ================================================== */
/* Wysiwyg Redesign				   	    			  */
/* ================================================== */

.side-bar-view .wysiwygFieldEdit {
	display: block;
	margin-top: 10px;
}



/* ================================================== */
/* Message Panel Redesign				   	    	  */
/* ================================================== */






/* === Supplier message panel === */









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

.solWrapper .searchSection {
	margin-top: 16px;
}

.solWrapper .searchSections {
	margin: 0 .8rem 15px;
	overflow: hidden;
	padding: 0 0 15px;
}

.solWrapper .content-block.basic .searchSections {
	margin: 0 0 15px;
}

.solWrapper .searchSectionsContent {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.solWrapper .searchSectionsContent.advancedOnly,
.solWrapper .searchSectionsContent #advancedSearchSection {
	background: var(--bg-color-2);
	border: 1px solid var(--border-color);
	padding: 20px;
}

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

.solWrapper .searchSectionsContent.advancedOnly #advancedSearchSection {
	background: none;
	border: none;
	margin-top: 32px;
	padding: 0;
}

.solWrapper .advanced-search-header {
	align-items: center;
	display: flex;
	margin: 0 -16px;
}

.solWrapper .advanced-search-header > * {
	margin: 0 16px;
}

.solWrapper .advanced-search-header > .mets-command-link {
	margin-left: auto;
}

.solWrapper .searchCriteria {
	background: none;
	border: none;
	margin: 0;
	padding:0;
}

.solWrapper .searchCriteriaContent {
	display: flex;
	justify-content: space-between;
}

.solWrapper .searchFieldCol {
	display: inline-block;
	flex: 1 1 auto;
	margin: 0 1%;
	vertical-align: top;
	width: 32%;
}

@media screen and (min-width: 1250px) {
	.solWrapper .searchFieldCol {
		margin: 0 2.5%;
		width: 30%;
	}
}

.solWrapper .searchFieldCol:first-child {
	margin-left: 0;
}

.solWrapper .searchFieldCol:last-child {
	margin-right: 0;
}

.solWrapper .searchCriteria .mets-field {
	float: none;
	width: auto;
}

.solWrapper .searchFieldContainer > p {
	margin: 0;
}

.solWrapper .searchCriteria .mets-field > .mets-field-label,
.solWrapper .searchFieldContainer p .bold,
.solWrapper .searchFieldContainer > strong,
.solWrapper .content-section .searchCriteria .mets-field > .mets-field-label {
	color: var(--fg-color);
	display: block;
	font-weight: 500;
	letter-spacing: 0.2px;
	line-height: 1.4;
	margin: 0;
	padding: 0 0 4px;
	text-align: left;
	text-transform: none;
	width: auto;
}

.solWrapper .searchCriteria .mets-field .mets-field-body {
	color: var(--fg-color);
	letter-spacing: 0.1px;
}

.solWrapper .searchFieldContainer .mets-field-body {
	display: block;
}

.solWrapper .searchFieldContainer .mets-field-body p {
	padding: 0;
}

.solWrapper .searchCriteria .mets-field input[type=text],
.solWrapper .searchCriteria .mets-field select {
	width: 100%;
}

.solWrapper .searchCriteria .button-bar {
	margin: 10px 0 0;
	position: static;
}


/* Date search field */

.solWrapper .dateSearchFieldContainer {
	align-items: flex-end;
	display: flex;
}

.solWrapper .dateSearchFieldContainer .mets-field {
	display: inline-block;
	flex: 1 1 auto;
	width: 47.8%;
}

.solWrapper .dateSearchFieldContainer .mets-field:first-child {
	margin-right: 3%;
}

.solWrapper .dateSearchFieldContainer .mets-field-body {
	align-items: center;
	display: flex;
}

.solWrapper .dateSearchFieldContainer .mets-field-body > * {
	flex: 0 0 auto;
	max-width: 100%;
}

.solWrapper .dateSearchFieldContainer .mets-field-body .mets-calendar-new {
	flex: 1 1 auto;
}

.solWrapper .dateSearchFieldContainer .mets-field-body .mets-calendar-field-container {
	display: block;
}

.solWrapper .dateSearchFieldContainer .mets-field-body > input {
	flex: 1 1 auto;
}

.solWrapper .searchCriteria input.mets-calendar.useSVGImage.hasDatepicker {
	margin: 0 5px 0 0;
	width: 8rem;
}

.side-bar-view .mets-calendar.useSVGImage + img.ui-datepicker-trigger {
	margin-top: 1px;
}

.solWrapper input.mets-calendar + img.ui-datepicker-trigger + a {
	cursor: pointer;
}

.solWrapper input.mets-calendar + img.ui-datepicker-trigger + a .mets-icon.svg-clear {
	height: 20px;
	width: 20px;
}



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

.solWrapper .searchContainer,
.solWrapper .searchContainer.fieldset,
.solWrapper .content-block .searchContainer.fieldset {
	background: var(--bg-color-2);
	border: 1px solid var(--border-color);
	margin: 16px .8rem 32px;
	padding: 20px;
}

.solWrapper .content-block .searchContainer.fieldset {
	margin: 16px 0 32px;
}

.solWrapper .searchColumns {
	display: flex;
	justify-content: space-between;
	margin: 0 -.8rem;
}

.solWrapper .searchColumns .pageColumn {
	flex: 0 0 auto;
	margin: 0;
	padding: 0 .8rem;
	width: 49.6%;
}

.solWrapper .searchColumns.threeCol .pageColumn {
	max-width: 32em;
	padding: 0 .8rem;
	width: 32.5%;
}

.solWrapper .searchColumns .pageColumn .mets-field {
	margin-bottom: 12px;
	min-height: 0;
}

.solWrapper .searchColumns .pageColumn .mets-field > .mets-field-label {
	color: var(--fg-color);
	display: block;
	font-size: .86rem;
	line-height: 1.3;
	margin: 0 0 2px;
	text-align: left;
	text-transform: none;
	width: auto;
}

.solWrapper .searchColumns .pageColumn .mets-field-body {
	display: block;
	flex: 1 1 auto;
	margin: 0;
}

.solWrapper .searchColumns .pageColumn .mets-field-body p {
	padding: 0;
}

.solWrapper .searchColumns .mets-field-body,
.solWrapper .searchColumns .mets-field .mets-field-body input[type='text'] {
	width: 100%;
}

.solWrapper .searchColumns .pageColumn .mets-field .mets-field-body > button.ui-multiselect,
.solWrapper .searchFieldContainer .mets-field .mets-field-body > button.ui-multiselect,
.solWrapper .searchColumns select {
	width: 100% !important;
}

.solWrapper .searchColumns .mets-field.dateFilter .mets-field-body,
.solWrapper .mets-field.score-field .mets-field-body {
	align-items: center;
	display: flex;
}

.solWrapper .searchColumns .mets-field.dateFilter .mets-field-body input,
.solWrapper .mets-field.score-field .mets-field-body input {
	flex: 1 1 auto;
}

.solWrapper .searchColumns .mets-field.dateFilter .mets-field-body .ui-datepicker-trigger {
	flex: 0 0 auto;
}

.solWrapper .searchColumns .mets-field.dateFilter .mets-field-body .toLabel,
.solWrapper .mets-field.score-field .mets-field-body .toLabel {
	flex: 0 0 auto;
	margin: 0 10px 0;
	padding: 0;
}

.solWrapper .mets-field.dateFilter .mets-field-body .mets-calendar-new {
	flex: 1 1 auto;
}

.solWrapper .mets-field.dateFilter .mets-field-body .mets-calendar-field-container {
	display: block;
}

.solWrapper .mets-field.dateFilter .mets-field-body > input {
	flex: 1 1 auto;
}

.solWrapper .searchColumns .mets-field .mets-field-body input[type='text'],
.solWrapper .searchColumns .mets-field .mets-field-body select,
.solWrapper .searchColumns .mets-field.error .mets-field-body input[type='text'],
.solWrapper .searchColumns .mets-field.error .mets-field-body select {
	background: #fff;
	border: 1px solid var(--border-color);
	min-height: 2.15em;
	padding: 4px 8px;
}

.solWrapper .searchColumns .mets-field .mets-field-body .mets-calendar-field-container input[type='text'] {
	padding: 4px 8px 4px 2em;
}

.solWrapper .searchColumns .mets-field .mets-field-body input[type='text']:disabled,
.solWrapper .searchColumns .mets-field .mets-field-body select:disabled,
.solWrapper .searchColumns .mets-field.error .mets-field-body input[type='text']:disabled,
.solWrapper .searchColumns .mets-field.error .mets-field-body select:disabled {
	background: var(--bg-disabled);
	color: var(--fg-disabled);
}

.solWrapper .searchContainer .button-bar {
	margin: 10px 0 0;
	padding: 0;
}

.search-criteria-clear {
	margin-right: 34px;
}




/* ================================================== */
/*          Search Content Section Filters    	 	  */
/* ================================================== */

.search-content-section-container {
	background: var(--bg-color-2);
	border: 1px solid var(--border-color);
	margin: 16px 0 24px;
	padding: 16px;
}

.search-content-section-container.simple {
	border: none;
	justify-content: flex-start;
	padding: 0;
}

.search-content-section {
	display: flex;
	margin: 0 -8px;
}

.solWrapper .content-section .search-content-section .mets-field,
.solWrapper .content-block .search-content-section .mets-field {
	flex: 1 1 auto;
	margin: 0 8px;
	min-width: 0;
}

.solWrapper .search-content-section-container.simple .search-content-section .mets-field,
.solWrapper .content-block .search-content-section .mets-field.calendar-search-field {
	flex: 0 1 auto;
}

.solWrapper .search-content-section-container.simple .search-content-section .mets-field {
	flex: 0 1 auto;
}

.solWrapper .search-content-section-container.simple .searchCriteria .mets-field select {
	width: auto;
}

.search-content-section .searchStatuses {
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
}

.search-content-section .searchStatuses .mets-field-label {
	flex: 0 0 auto;
}

.search-content-section .searchStatuses .mets-field-body {
	align-items: center;
	display: flex;
	flex: 1 1 100%;
}

.search-content-section .searchStatuses .mets-field-body > * {
	flex: 0 0 auto;
}

.search-content-section .mets-field .customInput {
	display: inline-flex;
	margin-right: 8px;
}

.search-content-section .button-bar-block,
.solWrapper .search-content-section .button-bar {
	align-self: flex-end;
	flex: 0 0 auto;
	margin: 0 8px 0 32px;
	position: static;
}

.search-content-section .button-bar-block .mets-command-button,
.solWrapper .search-content-section .button-bar .mets-command-button {
	margin-left: 5px;
}




/* ================================================== */
/* Table Styling					   	    	      */
/* ================================================== */

.full-screen .mets-table {
	background: #fff;
	border: none;
	font-size: 14px;
	margin: 0;
	table-layout: auto;
}

.full-screen .mets-table + .mets-pagination,
.full-screen .contentTableScrollContainer + .mets-pagination {
	margin: 8px 0 0;
}

.full-screen .mets-table tr {
	border: none;
}

.full-screen .mets-table .even {
	background: none;
}

.full-screen .mets-table .mets-table-row-expander.expanded > td,
.full-screen .mets-table .mets-table-row.expanded:not(.mets-table-expansion-row) > td {
	border-bottom: none;
}

.full-screen .mets-table .mets-table-row.expanded:not(.mets-table-expansion-row) + .mets-table-row.expanded:not(.mets-table-expansion-row) > td {
	border-bottom: 1px solid var(--border-color);
}

.full-screen .mets-table .mets-table-row-expander.expanded td:first-child {
	border-left: 4px solid #005377;
}

.full-screen .contentTableScrollContainer .mets-table {
	border-collapse: separate;
}

.full-screen .mets-table .mets-table-row-expander.expanded td:last-child {
	border-right: 1px solid var(--border-color);
}

.full-screen .mets-table .mets-table-row-expander.expanded ~ .mets-table-expansion-row.expanded > td {
	border-left: 4px solid #005377;
	border-right: 1px solid var(--border-color);
	border-top: none;
}

.full-screen .mets-table .mets-table-expansion-row.expanded > td table:not(.contentBlockTable) tr:first-child td {
	border-top: none;
}

.full-screen .mets-table th,
.full-screen .mets-table tr.header td,
.full-screen .evaluationCriteriaSection .evaluation-criteria-table.mets-table th {
	background: var(--bg-color-3);
	border: none;
	color: var(--fg-color);
	font-size: 1em;
	font-weight: 500;
	letter-spacing: 0.1px;
	padding: 10px;
	text-transform: none;
	vertical-align: bottom;
	white-space: nowrap;
}

.slimDialog .mets-table th {
	font-size: .83em;
}

.full-screen .mets-table th a {
	color: var(--fg-color);
	display: block;
	font-size: 1em;
	font-weight: 500;
	margin: 0;
	text-transform: none;
}

.full-screen .mets-table .mets-table-sort-link {
	align-items: center;
	display: inline-flex;
}

.full-screen .mets-table th .svg-sort-icon {
	flex: 0 0 auto;
	height: 8px;
	width: 12px;
}

.full-screen .mets-table 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;
}

.full-screen .mets-table .noLineSeparator td:not([rowspan]) {
	border-bottom: 0;
}

.full-screen .mets-table td:first-child {
	border-left: 1px solid var(--border-color);
}

.full-screen .mets-table td:last-child {
	border-right: 1px solid var(--border-color);
}

.full-screen .mets-table td.not-last-child:last-child {
	border-right: 0;
}

.full-screen .mets-table.headersHidden tr:first-child > td {
	border-top: 1px solid var(--border-color);
}

.full-screen .mets-table thead + tbody tr:first-child > td {
	border-top: none;
}

.full-screen .mets-table .no-bottom-border td {
	border-bottom: none;
}

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

.full-screen .mets-table.headersHidden .mets-table-row-empty.visible td {
	border: none;
	font-size: 1.07rem;
	padding: 0;
	position: relative;
	z-index: 1;
}

.full-screen .content-block.basic .mets-table.headersHidden .mets-table-row-empty.visible td {
	padding: 10px 15px;
}

.full-screen .mets-table .date-col {
	white-space: nowrap;
}

.full-screen .mets-table .actions,
.full-screen .mets-table .actionMenu {
	text-align: center;
	white-space: nowrap;
	word-break: normal;
	word-wrap: normal;
}

.full-screen .mets-table .actions .mets-command-link .mets-icon {
	margin: 0;
}

.full-screen .mets-table .mets-ellipsis-action-menu .mets-icon {
	fill: var(--fg-color-2);
}

.full-screen .table-footer,
.full-screen .content-block-header.table-footer {
	margin-bottom: 0;
	margin-top: 10px;
}


/* === Scrollable Table === */

.full-screen .fieldset .mets-table.scrollable,
.full-screen .fieldset .mets-table.scrollable .mets-table-scrollable-body-div,
.full-screen .fieldset .mets-table.scrollable .mets-table-scrollable-body-table,
.full-screen .mets-table.scrollable,
.full-screen .mets-table.scrollable .mets-table-scrollable-body-table,
.full-screen .mets-table.scrollable .mets-table-scrollable-header-table,
.full-screen .mets-tab-view-body .mets-panel-body .mets-table.scrollable, 
.full-screen .mets-tab-view-body .mets-panel-body .mets-table.scrollable .mets-table-scrollable-body-table, 
.full-screen .mets-tab-view-body .mets-panel-body .mets-table.scrollable .mets-table-scrollable-header-table,
.full-screen .mets-tab-view-body .mets-panel-body .mets-table.scrollable .mets-table-scrollable-body-div,
.full-screen .mets-table.scrollable .mets-table-scrollable-body-div,
.full-screen .mets-table-expansion-row .fieldset .mets-table.scrollable .mets-table-scrollable-header-table, 
.full-screen .mets-table-expansion-row .fieldset .mets-table.scrollable .mets-table-scrollable-body-div {
	width: 100%;
}

.full-screen .mets-table-scrollable-header-table,
.full-screen .mets-table-scrollable-body-table {
	border: none;
}

.full-screen .mets-table.scrollable > tbody > tr:first-child > td {
	border: none;
	padding: 0;
}

.full-screen .mets-table.scrollable .mets-table-scrollable-body-table > tbody > tr:first-child > td {
	border: none;
}

.full-screen .mets-table.scrollable > tbody > tr > td {
	border: none;
}

.full-screen .mets-table.scrollable.headersHidden .mets-table-scrollable-body-table .mets-table-row-empty + tr td {
	border-top: 1px solid var(--border-color);
}


/* === Tile Table === */

.full-screen .tileTable {
	background: none;
}

.full-screen .tileTable th {
	padding: 10px 15px;
}

.full-screen .tileTable td {
	background: #fff;
	padding: 15px;
}

.full-screen .tileTable tr.sep td {
	background: none;
	border: none;
	height: 10px;
	padding: 0;
}

.full-screen .tileTable tr.sep + .tileTableHeader td {
	border-top: 1px solid var(--border-color);
}

.tileTable .tileTableHeader td:first-child {
	border-left: 1px solid var(--border-color);
}

.tileTable .tileTableHeader td:last-child {
	border-right: 1px solid var(--border-color);
}

.tileTable .mets-table-row-empty td {
	border: 1px solid var(--border-color);
}







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

.full-screen .attachmentTableContainer .expandCollapseLinks .mets-icon {
	display: none;
}

.full-screen .mets-table.tree.attachmentTable.useSVGImage th {
	vertical-align: middle;
}

.full-screen .tree.attachmentTable th .mets-icon:not(.svg-vellip) {
	fill: var(--fg-color);
	height: 1rem;
	margin: 0 0 0 5px;
	vertical-align: bottom;
	width: 1rem;
}

.full-screen .mets-table.tree.attachmentTable.useSVGImage td,
.full-screen .documentsTable td {
	vertical-align: top;
}

.full-screen .mets-table.tree.attachmentTable.useSVGImage td .uploadedDate {
	white-space: nowrap;
}

.full-screen .mets-table.tree.attachmentTable.useSVGImage td .fileNameDiv,
.full-screen .mets-table.tree.attachmentTable.useSVGImage td .folder-name-container {
	display: flex;
	line-height: inherit;
}

.full-screen .mets-table.tree.attachmentTable.useSVGImage td .fileNameDiv svg,
.full-screen .mets-table.tree.attachmentTable.useSVGImage td .folder-name-container .mets-icon {
	flex: 0 0 auto;
}

.full-screen .mets-table.tree.attachmentTable.useSVGImage td .fileNameDiv .fileNameSpan,
.full-screen .mets-table.tree.attachmentTable.useSVGImage td .folder-name-container .folder-text {
	flex: 1 1 100%;
	min-width: 0;
	word-wrap: break-word;
}

.full-screen .attachmentTable .attachment-table-file {
	width: auto;
}

.full-screen .attachmentTable .attachment-table-size {
	width: auto;
}

.full-screen .attachmentTable .attachment-table-upload-date {
	width: auto;
}

.full-screen .attachmentTable .attachment-table-status {
	width: auto;
}

.full-screen .attachmentTable .attachment-table-display-name {
	width: auto;
}

.full-screen .attachmentTable .attachment-table-language {
	width: auto;
}

.full-screen .attachmentTable .attachment-table-actions {
	width: 4rem;
}


.full-screen .mets-table.tree.attachmentTable .actionsCol {
	text-align: center;
	word-break: normal;
	word-wrap: normal;
}

.full-screen .mets-tree-table-node ~ .svg-folder {
	fill: var(--fg-color-2);
	margin: 0 8px 0 0;
}

.full-screen .mets-tree-table-node ~ .svg-folder-collapse,
.full-screen .mets-tree-table-node.expanded ~ .svg-folder-expand {
	display: none;
}

.full-screen .mets-tree-table-node ~ .svg-folder-expand,
.full-screen .mets-tree-table-node.expanded ~ .svg-folder-collapse {
	display: inline-block;
}



/* === Multi files table === */

.full-screen .tree .col-doc {
	position: relative;
}

.full-screen .tree .col-doc > .mets-icon {
	position: absolute;
	top: 10px;
}

.full-screen .tree .col-doc .mets-tree-table-node {
	top: 12px;
}

.full-screen .tree .col-doc .mets-tree-table-node ~ .mets-icon {
	margin-left: 20px;
}

.full-screen .tree .col-doc .mets-command-link,
.full-screen .tree .col-doc .folder-text {
	display: inline-flex;
	padding-left: 20px;
    word-break: break-all;
    word-break: break-word;
	word-wrap: break-word;
}

.full-screen .attachmentTable .col-doc .fileNameDiv .mets-command-link {
	padding-left: 0;
}

.full-screen .tree .col-doc .mets-tree-table-node ~ .mets-icon ~ .folder-text {
	padding-left: 46px;
}


/* === Documents Table === */

.full-screen .mets-table.documentsTable {
	table-layout: auto;
}

.full-screen .mets-table.documentsTable .size {
	white-space: nowrap;
	width: 8em;
}

.full-screen .mets-table.documentsTable .dates {
	white-space: nowrap;
	width: 15em;
}

/* === Mets Table Row Expander === */

.full-screen .mets-table.contentBlockTable .mets-table-expansion-row > td {
	padding: 10px 15px;
}

.full-screen .mets-table .mets-table-row-expander td:first-child {
	display: table-cell;
	margin: 0;
	overflow: hidden; /* Make sure scrollbar isn't displayed due to the  height of the tree node being too large */
	padding-left: 40px;
	position: relative;
}

.full-screen .mets-table .mets-table-row-expander .mets-tree-table-node,
.full-screen .mets-table .mets-table-row-expander .rowExpansion {
	cursor: pointer;
	display: block;
	height: 40px;
	left: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
}

.full-screen .mets-table .mets-table-row-expander .mets-tree-table-node svg,
.full-screen .mets-table .mets-table-row-expander .rowExpansion svg {
	height: 14px;
	left: 6px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: transform .3s ease-out;
	width: 14px;
}

.full-screen .mets-table .mets-table-row-expander .mets-tree-table-node.expanded svg,
.full-screen .mets-table .mets-table-row-expander .rowExpansion.expanded svg {
	transform: translateY(-50%) rotate(90deg);
}





/* ================================================== */
/* Mets Panel	 					   	    	      */
/* ================================================== */

.side-bar-view-content .mets-panel,
.side-bar-view-content .mets-panel.defaultPanelNoOverride {
	background: var(--bg-accent-color-2);
	border: none;
	border-radius: 4px;
	font-size: 1rem;
	margin: 0;
	padding: 0;
	transition: background .3s ease-out, color .3s ease-out;
}

.side-bar-view-content .mets-panel ~ .mets-panel,
.side-bar-view-content .mets-panel.defaultPanelNoOverride ~ .mets-panel {
	margin-top: 20px;
}

.side-bar-view-content .mets-panel.expanded,
.side-bar-view-content .mets-panel.defaultPanelNoOverride.expanded {
	background: var(--bg-accent-color-2);
	border: none;
}

.side-bar-view-content .mets-panel .mets-panel-header,
.side-bar-view-content .defaultPanelNoOverride .mets-panel-header {
	color: var(--fg-accent-color);
	display: flex;
	padding: 12px 16px;
}

.side-bar-view-content .itemProjectTable .mets-panel .mets-panel-header {
	padding: 10px 16px;
}

.side-bar-view-content .mets-panel .mets-panel-header .mets-panel-header-text,
.side-bar-view-content .mets-panel.defaultPanelNoOverride .mets-panel-header .mets-panel-header-text {
	align-self: center;
	flex: 1 1 auto;
	font-weight: 500;
	letter-spacing: 0.1px;
	line-height: 1.4;
	padding-left: 0;
	text-transform: none;
}

.side-bar-view-content .mets-panel .mets-panel-header .mets-panel-controls + .mets-panel-header-text,
.side-bar-view-content .mets-panel.defaultPanelNoOverride .mets-panel-header .mets-panel-controls + .mets-panel-header-text {
	padding-left: 0;
	padding-right: 30px;
}

.side-bar-view-content .mets-panel .mets-panel-controls,
.side-bar-view-content .defaultPanelNoOverride .mets-panel-controls {
	align-self: center;
	display: block;
	left: auto;
	margin-left: 14px;
	order: 4;
	padding: 3px;
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	width: auto;
}

.side-bar-view-content .mets-panel .mets-panel-controls .mets-icon,
.side-bar-view-content .defaultPanelNoOverride .mets-panel-controls .mets-icon {
	display: block;
	fill: currentColor;
	height: 13px;
	transform: rotate(90deg);
	transition: transform .2s ease-out;
	width: 13px;
}

.side-bar-view-content .mets-panel .mets-panel-controls .mets-icon.expanded,
.side-bar-view-content .defaultPanelNoOverride .mets-panel-controls .mets-icon.expanded {
	transform: rotate(-90deg);
}

.side-bar-view-content .mets-panel .mets-panel-controls .mets-icon.hidden,
.side-bar-view-content .defaultPanelNoOverride .mets-panel-controls .mets-icon.hidden {
	display: none;
}

.side-bar-view-content .mets-panel .mets-panel-header .mets-panel-header-status-text,
.side-bar-view-content .mets-panel.defaultPanelNoOverride .mets-panel-header .mets-panel-header-status-text {
	align-self: center;
	color: var(--fg-accent-color);
	flex: 0 0 auto;
	font-size: 1em;
	font-weight: 400;
	height: auto;
	line-height: 1;
	order: 3;
	position: static;
}

.side-bar-view-content .mets-panel.error .mets-panel-header .mets-panel-header-status-text,
.side-bar-view-content .mets-panel.defaultPanelNoOverride.error .mets-panel-header .mets-panel-header-status-text {
	color: var(--error);
}

.side-bar-view-content .mets-panel.toggleable .mets-panel-header .mets-panel-header-status-text,
.side-bar-view-content .mets-panel.defaultPanelNoOverride.toggleable .mets-panel-header .mets-panel-header-status-text {
	height: auto;
	position: static;
}


.side-bar-view-content .mets-panel .mets-panel-header .mets-panel-header-status-text > span:not(.oneBoxSearch) {
	align-self: center;
	background: var(--closed-dark);
	border-radius: 4px;
	color: var(--fg-accent-color);
	display: block;
	flex: 0 0 auto;
	font-size: .86rem;
	font-weight: 400;
	height: auto;
	line-height: 1;
	order: 3;
	padding: 4px 8px;
	position: static;
	text-transform: uppercase;
}

.side-bar-view-content .mets-panel.incomplete .mets-panel-header .mets-panel-header-status-text > span,
.side-bar-view-content .mets-panel.error .mets-panel-header .mets-panel-header-status-text > span {
	background: var(--error-dark);
	border: 1px solid var(--error);
}
.side-bar-view-content .mets-panel.completed .mets-panel-header .mets-panel-header-status-text > span {
	background: var(--success-dark);
	border: 1px solid var(--success);
}
.side-bar-view-content .mets-panel.optional .mets-panel-header .mets-panel-header-status-text > span {
	background: var(--warning-dark);
	border: 1px solid var(--warning);
}

.side-bar-view-content .mets-panel .mets-panel-header .mets-ellipsis-action-menu {
	color: inherit;
}

.side-bar-view-content .mets-panel .mets-panel-header .mets-ellipsis-action-menu .mets-icon {
	fill: currentColor;
}


.side-bar-view-content .mets-panel .mets-panel-header .mets-panel-header-description-text,
.side-bar-view-content .mets-panel.defaultPanelNoOverride .mets-panel-header .mets-panel-header-description-text {
	flex: 0 0 auto;
}

.side-bar-view-content .mets-panel + .mets-panel-body,
.side-bar-view-content .defaultPanelNoOverride + .mets-panel-body {
	background: var(--bg-color);
	border: none;
	color: var(--fg-color);
	padding: 16px;
}

.side-bar-view-content .content-block.basic .mets-panel + .mets-panel-body {
	background: var(--bg-color-2);
}

.side-bar-view-content .content-block.basic .mets-tab-view.HRTabs ~ .mets-tab-view-body .mets-panel + .mets-panel-body,
.side-bar-view-content .content-block.basic .mets-panel + .mets-panel-body .mets-panel.defaultPanelNoOverride + .mets-panel-body,
.side-bar-view-content .mets-dialog-window .content-block.basic .mets-panel + .mets-panel-body,
.side-bar-view-content .content-block.basic .mets-table-expansion-row .mets-panel + .mets-panel-body {
	background: var(--bg-color);
}

.side-bar-view-content .defaultPanel.expanded + .mets-panel-body,
.side-bar-view-content .defaultPanelNoOverride.expanded + .mets-panel-body {
	border-left: none;
}



/* === Secondary Panel === */

.side-bar-view-content .mets-panel.secondaryPanel,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) {
	background: var(--bg-color);
	border: none;
	color: var(--fg-color);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	margin-top: 20px;
	min-height: 0;
	padding: 0;
	position: relative;
}

.side-bar-view-content .content-block.basic .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) {
	background: var(--bg-color-2);
	border: 1px solid var(--border-color);
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}

.side-bar-view-content .itemProjectTable .mets-panel + .mets-panel-body .itemGroupTable .mets-panel:not(.defaultPanelNoOverride) {
	background: var(--bg-color);
	border: none;
	border-radius: 0;
}

.side-bar-view-content .mets-tab-view-body .mets-panel-body .itemProjectTable .mets-panel + .mets-panel-body .itemGroupTable .mets-panel:not(.defaultPanelNoOverride) {
	background: var(--bg-color-2);
}

.side-bar-view-content .content-block.basic .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride).collapsed {
	border-radius: 4px;
}

.side-bar-view-content .content-block .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride).collapsed,
.side-bar-view-content .itemProjectTable .mets-panel + .mets-panel-body .itemGroupTable .mets-panel:not(.defaultPanelNoOverride).collapsed {
	border-radius: 0;
}

.side-bar-view-content .mets-panel.secondaryPanel:before,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride):before {
	background: none;
	border-bottom: 1px dashed var(--border-color);
	bottom: 0;
	content: '';
	height: auto;
	left: 16px;
	position: absolute;
	right: 16px;
	top: auto;
	width: auto;
}
.side-bar-view-content tr:last-child .mets-panel.secondaryPanel.collapsed:before,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride).collapsed:before {
	border: none;
	bottom: 0;
	content: none;
}

.side-bar-view-content tr:last-child .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride).collapsed:before {
	border: none;
	bottom: 0;
}

.side-bar-view-content .mets-panel.secondaryPanel .mets-panel-header,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-header {
	align-items: center;
	color: var(--fg-color);
	display: flex;
	padding: 14px 16px;
	position: relative;
}

.side-bar-view-content .mets-panel.secondaryPanel .mets-panel-controls,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-controls {
	background: none;
	border-radius: 0;
	content: '';
	display: block;
	flex: 0 0 auto;
	height: auto;
	left: auto;
	order: 4;
	position: relative;
	right: auto;
	top: auto;
	transform: none;
	width: auto;
}

.side-bar-view-content .mets-panel.secondaryPanel.expanded .mets-panel-controls,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride).expanded .mets-panel-controls {
	border: none;
}

.side-bar-view-content .mets-panel.secondaryPanel .mets-panel-controls .mets-icon.expanded,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-controls .mets-icon.expanded,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-header .mets-icon.svg-plusCircle.collapsed {
	display: none;
}

.side-bar-view-content .mets-panel.secondaryPanel .mets-panel-controls .mets-icon.svg-next,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-header .mets-icon.svg-next {
	display: block;
}

.side-bar-view-content .mets-panel.secondaryPanel .mets-panel-header .mets-icon.collapsed,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-header .mets-icon.svg-next.collapsed {
	display: block;
	fill: var(--fg-color-2);
	height: 12px;
	margin: 0;
	width: 12px;
}

.side-bar-view-content .mets-panel.secondaryPanel .mets-panel-header .mets-panel-header-text,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-header .mets-panel-header-text {
	color: var(--fg-color);
	flex: 1 1 auto;
	font-weight: 500;
	line-height: 1;
	padding-left: 0;
	text-transform: none;
}

.side-bar-view-content .mets-panel.secondaryPanel .mets-panel-header .mets-panel-header-status-text,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-header .mets-panel-header-status-text {
	color: var(--fg-color);
	flex: 0 0 auto;
	height: auto;
	line-height: 1;
	margin-left: auto; /* Ensures it'll always be on the right */
	order: 3;
	position: static;
}

.side-bar-view-content .mets-panel.secondaryPanel .mets-panel-header .mets-panel-header-description-text,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-header .mets-panel-header-description-text {
	color: var(--fg-color-2);
	flex: 0 0 auto;
	font-size: .86rem;
	font-weight: 500;
	line-height: 1;
	padding: 0 1.5em;
}

.side-bar-view-content .mets-panel.secondaryPanel + .mets-panel-body,
.side-bar-view-content .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) + .mets-panel-body {
	background: var(--bg-color);
	border: none;
	padding: 16px;
	position: relative;
}

.side-bar-view-content .content-block.basic .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) + .mets-panel-body {
	background: var(--bg-color-2);
	border: 1px solid var(--border-color);
	border-radius: 0 0 4px 4px;
	border-top: none;
}

.side-bar-view-content .itemProjectTable .mets-panel + .mets-panel-body .itemGroupTable .mets-panel:not(.defaultPanelNoOverride) + .mets-panel-body {
	background: var(--bg-color);
	border: none;
	border-radius: 0;
	padding-top: 0;
}

.side-bar-view-content .mets-tab-view-body .mets-panel-body .itemProjectTable .mets-panel + .mets-panel-body .itemGroupTable .mets-panel:not(.defaultPanelNoOverride) + .mets-panel-body {
	background: var(--bg-color-2);
}



/* === Section Panel === */

.solWrapper .mets-panel.panel-section {
	background: var(--bg-accent-color-2);
	border: none;
	border-radius: 4px;
	font-size: 1.14rem;
	margin-top: 20px;
	padding: 0;
	transition: background .3s ease-out, color .3s ease-out;
}

.solWrapper .mets-panel.panel-section.expanded {
	background: var(--bg-accent-color-2);
	border: none;
}

.solWrapper .panel-section .mets-panel-header {
	color: var(--fg-accent-color);
	display: flex;
	padding: 14px 16px;
}

.solWrapper .mets-panel.panel-section .mets-panel-header .mets-panel-header-text {
	align-self: center;
	color: var(--fg-accent-color);
	flex: 1 1 auto;
	font-weight: 500;
	letter-spacing: 0.1px;
	line-height: 1.5;
	padding-left: 0;
	text-transform: none;
}

.solWrapper .mets-panel.panel-section .mets-panel-header .mets-panel-controls + .mets-panel-header-text {
	padding-left: 0;
	padding-right: 30px;
}

.solWrapper .panel-section .mets-panel-controls {
	align-self: center;
	display: block;
	left: auto;
	margin-left: 14px;
	order: 4;
	position: relative;
	right: auto;
	width: auto;
}

.solWrapper .panel-section .mets-panel-controls .mets-icon {
	display: block;
	fill: currentColor;
	height: 13px;
	transform: rotate(90deg);
	transition: transform .2s ease-out;
	width: 13px;
}

.solWrapper .panel-section .mets-panel-controls .mets-icon.expanded {
	transform: rotate(-90deg);
}

.solWrapper .panel-section .mets-panel-controls .mets-icon.hidden {
	display: none;
}

.solWrapper .mets-panel.panel-section.expanded .mets-panel-header .mets-panel-header-text {
	color: var(--fg-accent-color);
	font-weight: 500;
}

.solWrapper .mets-panel.panel-section .mets-panel-header .mets-panel-header-status-text {
	align-self: center;
	color: var(--fg-accent-color);
	flex: 0 0 auto;
	font-size: 1em;
	font-weight: 400;
	height: auto;
	line-height: 1;
	order: 3;
	position: static;
}


.solWrapper .mets-panel.panel-section .mets-panel-header .mets-panel-header-description-text {
	flex: 0 0 auto;
}

.solWrapper .panel-section + .mets-panel-body {
	background: var(--bg-color-2);
	border: none;
	color: var(--fg-color);
	padding: 16px;
}

.solWrapper .panel-section.expanded + .mets-panel-body {
}





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

.savedSearchSectionContent {
	align-items: flex-start;
	display: flex;
	margin: 0 -2.25%;
}

.stateContainer {
	display: inline-block;
	flex: 0 1 33.34%;
	max-width: 33.34%;
	padding: 0 2.25%;
    vertical-align: top;
}

/* === State Header === */

.solWrapper .stateContainer .mets-panel {
	background: var(--closed-light);
	border: 1px solid var(--border-color);
	border-radius: 4px 4px 0 0;
	border-top: 4px solid var(--closed);
	color: var(--fg-color);
	cursor: pointer;
	min-height: 0;
	padding: 12px 16px;
}

.solWrapper .stateContainer .mets-panel.child-selected,
.solWrapper .stateContainer .mets-panel.selected {
	background: var(--closed-dark);
	color: var(--fg-accent-color);
}

.solWrapper .stateContainerDisabled .mets-panel {
	cursor: default;
}

.solWrapper .stateContainer .mets-panel .mets-panel-header {
	color: inherit;
	display: block;
	padding: 0 30px 0 0;
	position: relative;
}

.solWrapper .stateContainer .mets-panel .mets-panel-header .mets-panel-header-text {
	align-items: center;
	display: flex;
	line-height: 1;
	margin: 0;
	padding: 0;
}

.solWrapper .stateContainer .mets-panel .mets-panel-header span.mets-panel-header-status-text,
.solWrapper .stateContainer .mets-panel .mets-panel-header span.mets-panel-header-description-text {
	display: none;
}


/* State Count */
.stateCount  {
	display: block;
	flex: 0 0 auto;
	font-size: 2.85em;
    font-weight: 500;
}

.stateLabel {
	display: block;
	flex: 1 1 auto;
	font-size: 1.14em;
    font-weight: 500;
    margin: 0 0 0 8px;
}

/* Item Selected Icon */
svg.savedSearchBoxStateSelectedIcon {
	display: block;
	fill: currentColor;
	height: 24px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transition: opacity .3s ease-out;
	transform: translateY(-50%);
	width: 24px;
}

.solWrapper .stateContainer .mets-panel:hover svg.savedSearchBoxStateSelectedIcon {
	opacity: .5;
}

.solWrapper .stateContainer .mets-panel.selected svg.savedSearchBoxStateSelectedIcon {
	opacity: 1;
}

a.hovermetimbers:hover {
	cursor: pointer;
}

/* === State Container Body === */

.solWrapper .stateContainer .mets-panel-body {
	background: var(--bg-color-2);
	border: 1px solid var(--border-color);
	border-radius: 0 0 4px 4px;
	border-top: none;
	padding: 0;
}

.solWrapper .emptySubCounts .mets-panel-body {
	display: none !important; /* Need important to override the show less and more */
}

.solWrapper .stateContainer .mets-panel-body ul {
	margin: 0;
	padding: 0;
    list-style-type: none;
}

.solWrapper .stateContainer .mets-panel-body li {
	padding: 0;
}

.solWrapper .stateContainer .mets-panel-body a {
	border-top: 1px solid var(--border-color);
	color: var(--fg-color);
	display: block;
	font-weight: 500;
	padding: 8px 16px;
	position: relative;
	text-decoration: none;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.solWrapper .stateContainer .mets-panel-body a:hover {
	opacity: 1;
}

.solWrapper .stateContainer .mets-panel-body a.selected {
	background: var(--bg-filter-selected);
}

.solWrapper .stateContainer .mets-panel-body li:first-child a {
	border-top: 0;
}

/* Status Count */
.boxStatCount {
	background: var(--bg-accent-color-4);
	border-radius: 100px;
	font-size: .86rem;
	font-weight: 700;
	letter-spacing: 0.2px;
	margin-right: 8px;
	padding: 4px 8px;
}


/* Status Arrow */

.stateContainer .mets-panel-body a > .svg-checkmark {
	fill: var(--bg-accent-color-2);
	height: 16px;
	opacity: 0;
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	width: 16px;
}

.stateContainer .mets-panel-body a:hover .svg-checkmark,
.stateContainer .mets-panel-body a.selected .svg-checkmark {
	opacity: 1;
}


/* === Colors ==== */

.solWrapper .stateContainer .mets-panel.draftRetainer,
.solWrapper .stateContainer .mets-panel.vpmDraftProject,
.solWrapper .stateContainer .mets-panel.solicitationStateUnpublished,
.solWrapper .stateContainer .mets-panel.bemNotStarted,
.solWrapper .stateContainer .mets-panel.requiredActionApproval,
.solWrapper .stateContainer .mets-panel.qualificationPending {
    background: var(--draft-light);
    border-top-color: var(--draft);
}

.solWrapper .stateContainer .mets-panel.draftRetainer.child-selected,
.solWrapper .stateContainer .mets-panel.vpmDraftProject.child-selected,
.solWrapper .stateContainer .mets-panel.solicitationStateUnpublished.child-selected,
.solWrapper .stateContainer .mets-panel.bemNotStarted.child-selected,
.solWrapper .stateContainer .mets-panel.requiredActionApproval.child-selected,
.solWrapper .stateContainer .mets-panel.qualificationPending.child-selected,
.solWrapper .stateContainer .mets-panel.draftRetainer.selected,
.solWrapper .stateContainer .mets-panel.vpmDraftProject.selected,
.solWrapper .stateContainer .mets-panel.solicitationStateUnpublished.selected,
.solWrapper .stateContainer .mets-panel.bemNotStarted.selected,
.solWrapper .stateContainer .mets-panel.requiredActionApproval.selected,
.solWrapper .stateContainer .mets-panel.qualificationPending.selected {
	background: var(--draft-dark);
}

.solWrapper .mets-panel.ongoingRetainer,
.solWrapper .mets-panel.vpmOngoingProject,
.solWrapper .mets-panel.solicitationStateOpen,
.solWrapper .mets-panel.bemInEvaluation,
.solWrapper .mets-panel.requiredActionQna,
.solWrapper .mets-panel.qualificationActive {
	background: var(--inProgress-light);
    border-top-color: var(--inProgress);
}

.solWrapper .stateContainer .mets-panel.ongoingRetainer.child-selected,
.solWrapper .stateContainer .mets-panel.vpmOngoingProject.child-selected,
.solWrapper .stateContainer .mets-panel.solicitationStateOpen.child-selected,
.solWrapper .stateContainer .mets-panel.bemInEvaluation.child-selected,
.solWrapper .stateContainer .mets-panel.requiredActionQna.child-selected,
.solWrapper .stateContainer .mets-panel.qualificationActive.child-selected,
.solWrapper .stateContainer .mets-panel.ongoingRetainer.selected,
.solWrapper .stateContainer .mets-panel.vpmOngoingProject.selected,
.solWrapper .stateContainer .mets-panel.solicitationStateOpen.selected,
.solWrapper .stateContainer .mets-panel.bemInEvaluation.selected,
.solWrapper .stateContainer .mets-panel.requiredActionQna.selected,
.solWrapper .stateContainer .mets-panel.qualificationActive.selected {
	background: var(--inProgress-dark);
}






/* ================================================== */
/* Mets Pagination					   	    	      */
/* ================================================== */

.solWrapper .mets-pagination {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.solWrapper .mets-table + script + .mets-pagination {
	margin-top: 12px;
}

.solWrapper .mets-pagination .mets-pagination-place-holder {
	display: flex;
	flex: 1 0 8rem;
	min-width: 0;
	padding: 2px 0;
	width: auto;
}

.solWrapper .mets-pagination .mets-total-elements-display {
	height: auto;
	margin: 0;
}

.solWrapper .mets-pagination .mets-pagination-place-holder > .mets-page-selector-icons-placeholder,
.solWrapper .mets-pagination .mets-pagination-place-holder > span[class*='-char-placeholder'] {
	flex: 0 0 auto;
	min-width: 0;
	width: 0;
}

.solWrapper .mets-pagination .mets-page-navigation {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	margin: 0 auto;
	padding: 2px 10px;
	position: static;
	width: auto;
}

.solWrapper .content-block .mets-pagination .mets-results-per-page {
	flex: 1 0 8rem;
	margin: 0 0 0 auto;
	padding: 2px 0;
	position: static;
	text-align: right;
}

.solWrapper .mets-pagination .mets-results-per-page select {
	vertical-align: baseline;
}





/* ================================================== */
/* Mets Action menu					   	    	      */
/* ================================================== */

.side-bar-view .mets-action-menu .mets-icon.dropdown,
.side-bar-view .mets-action-menu + ul .mets-icon.dropdown {
	display: none;
}

.side-bar-view .mets-action-menu + ul {
	padding: 2px 0;
	text-align: left;
}

.side-bar-view .mets-action-menu + ul .first {
	padding: 0 2px 3px 0;
}

.side-bar-view .mets-action-menu + ul a.mets-command-link,
.side-bar-view .mets-action-menu + ul a:hover {
	color: #1D2B4A;
	font-weight: 400;
	margin: 0;
	opacity: 1;
	text-decoration: none;
}



/* ================================================== */
/* Mets Ellipsis Action menu					   	  */
/* ================================================== */

.solWrapper .mets-ellipsis-action-menu {
	background: none;
	border: none;
	color: #1D2B4A;
	cursor: pointer;
	padding: 5px 10px;
	transition: color .3s ease-out;
}

.solWrapper .mets-ellipsis-action-menu:hover {
	color: rgba(29, 43, 74, 0.7);
}

.solWrapper .mets-ellipsis-action-menu .mets-icon {
	height: 20px;
	padding: 0;
	width: 5px;
}

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

.mets-ellipsis-action-menu + ul li {
	list-style: none;
}

.mets-ellipsis-action-menu + ul li.action-item-sep hr {
	margin: 6px 0;
}

.mets-ellipsis-action-menu + ul li.action-item-sep:last-child {
	display: none;
}

.mets-ellipsis-action-menu + ul li .mets-command-link {
	align-items: center;
	border: none;
	color: rgba(51, 51, 51, 0.75);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin: 0;
	padding: 8px 1em;
	text-align: left;
	text-decoration: none;
	transition: color .3s ease-out, background .3s ease-out;
}

.mets-ellipsis-action-menu + ul li .mets-command-link:not(.disabled):hover {
	background: rgba(51, 51, 51, 0.03);
	border: none;
	color: rgba(51, 51, 51, 1);
}

.mets-ellipsis-action-menu + ul li .mets-icon {
	display: block;
	fill: currentColor;
	flex: 0 0 auto;
	height: 15px;
	margin-right: 15px;
	padding: 0;
	width: 15px;
}


.solWrapper .dropdown-action-menu {
	align-items: center;
	border: 1px solid var(--border-color);
	border-radius: 4px;
	display: inline-flex;
	padding: 8px 12px;
	text-decoration: none;
}

.solWrapper .dropdown-action-menu .mets-icon {
	height: 8px;
	margin-left: 16px;
	order: 2;
	width: 14px;
}





/* ================================================== */
/* Items Table	 					   	    	      */
/* ================================================== */

.solWrapper .mets-table.itemProjectTable > tbody > tr > td,
.solWrapper .mets-table.itemGroupTable > tbody > tr > td,
.solWrapper .mets-table.itemProjectTable > tbody > tr:first-child > td,
.solWrapper .mets-table.itemGroupTable > tbody > tr:first-child > td {
	border: none;
	padding: 0;
}

.solWrapper .mets-table.itemProjectTable .mets-table.itemGroupTable > tbody > tr > td {
	border-bottom: 1px solid var(--border-color);
}

.solWrapper .mets-table.itemProjectTable > tbody > tr > td > .mets-panel {
	border-left: none;
	margin-top: 16px;
}

.solWrapper .mets-table.itemProjectTable > tbody > tr:first-child > td > .mets-panel {
	margin-top: 0;
}

.solWrapper .mets-table.itemProjectTable > tbody > tr > td > .mets-panel.expanded {
	border-radius: 4px 4px 0 0;
}

.solWrapper .mets-table.itemProjectTable > tbody > tr > td > .mets-panel-body {
	padding: 5px 0 0;
}

.solWrapper .mets-table.itemProjectTable > tbody > tr > td > .mets-panel + .mets-panel-body {
	border-left: none;
}

/* === Items Table === */

.solWrapper .itemProjectTable .mets-panel-body .itemGroupTable > tbody > tr > td > .mets-panel:not(.defaultPanelNoOverride) {
	margin-top: 0;
}

.solWrapper .itemProjectTable .mets-panel-body .itemGroupTable > tbody > tr:first-child > td > .mets-panel:not(.defaultPanelNoOverride) {
	margin-top: -5px;
}

.solWrapper .itemProjectTable .mets-panel .mets-panel-controls,
.solWrapper .itemProjectTable .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride) .mets-panel-controls {
	margin: 0 14px 0 0;
	order: 0;
}

.itemProjectTable .mets-panel .mets-action-panel {
	padding: 0;
}


.solWrapper .itemProjectTable .mets-panel .mets-ellipsis-action-menu {
	padding: 0 10px;
}

.solWrapper .itemProjectTable .mets-panel + .mets-panel-body .mets-panel:not(.defaultPanelNoOverride):before {
	content: none;
	display: none;
}





/* ================================================== */
/* Timeline				   	    	   				  */
/* ================================================== */

.solWrapper .mets-wizard-view {
	display: flex;
	justify-content: center;
	margin: 20px .8rem 30px;
}

.solWrapper .mets-wizard-view li {
	background: none;
	color: var(--fg-color-2);
	flex: 0 1 auto;
	font-size: 94%;
	font-weight: 400;
	margin: 0;
	max-width: 20rem;
	min-width: 0;
	padding: 5px 4rem;
	position: relative;
	text-align: center;
}

.solWrapper .mets-wizard-view .current {
	color: var(--bg-accent-color-2);
}

.solWrapper .mets-wizard-view .unused-space {
	max-width: none;
	padding: 5px 0;
}

.solWrapper .mets-wizard-view li:first-child {
	border: none;
	padding-left: 4rem;
}

.solWrapper .mets-wizard-view li:after {
	background-image: linear-gradient(to right, var(--border-color-2) 2px, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 6px 1.5px;  /* Adjust values to change dot size and spacing */
	background-repeat: repeat-x;
	content: '';
	height: 2px;
	left: 50%;
	margin: -1.1rem 0 0 1.85rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: calc( 100% - 3.57rem );
}

.solWrapper .mets-wizard-view li.finalize:after {
	background-image: linear-gradient(to right, var(--bg-accent-color-2) 100%, rgba(255,255,255,0) 0%);
	background-size: 6px 1px;  /* Adjust values to change dot size and spacing */
}

.solWrapper .mets-wizard-view li:last-child:after,
.solWrapper .mets-wizard-view li.last-step:after {
	content: none;
	display: none;
}

.solWrapper .wizardTimelineItemStatus {
	margin: 0 auto 4px;
	width: 2.7rem;
}

.solWrapper .mets-wizard-view li .wizardTimelineItemFinalized,
.solWrapper .mets-wizard-view li.finalize .wizardTimelineItemNum {
	display: none;
}

.solWrapper .mets-wizard-view li.finalize .wizardTimelineItemFinalized {
	display: block;
}

.solWrapper .mets-wizard-view li .mets-icon {
	display: block;
	fill: var(--bg-accent-color-2);
	height: 2.7rem;
	width: 2.7rem;
}

.solWrapper .wizardTimelineItemNum {
	align-items: center;
	background: #fff;
	border: 1px solid var(--border-color);
	border-radius: 100%;
	display: flex;
	font-size: 122%;
	font-weight: 500;
	height: 2.7rem;
	justify-content: center;
}

.solWrapper .current .wizardTimelineItemNum {
	background: var(--bg-accent-color-2);
	border-color: var(--bg-accent-color-2);
	color: #fff;
}

.solWrapper .wizardTimelineItemName {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



/* ================================================== */
/* Tab Steps			   	    	   				  */
/* ================================================== */

.solWrapper .mets-wizard-view.tabSteps {
	justify-content: flex-start;
	margin: 24px 0;
	position: relative;
}

.solWrapper .mets-wizard-view.tabSteps:after {
	background: none;
	border-bottom: 2px solid var(--border-color);
	bottom: 1px;
	content: '';
	display: block;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	z-index: 0;
}

.solWrapper .mets-wizard-view.tabSteps li {
	align-items: center;
	display: flex;
	flex: 0 1 auto;
	font-size: 1rem;
	font-weight: 400;
	justify-content: center;
	letter-spacing: 0.1px;
	line-height: 1.2;
	max-width: none;
	padding: 10px 16px;
	text-align: center;
}

.solWrapper .mets-wizard-view.tabSteps .current {
	font-weight: 500;
}

.solWrapper .mets-wizard-view.tabSteps li:after {
	background: none;
	border-bottom: 2px solid var(--bg-accent-color-2);
	bottom: 0;
	content: '';
	display: block;
	left: 0;
	margin: 0;
	right: 0;
	top: auto;
	width: auto;
	z-index: 1;
}

.solWrapper .mets-wizard-view.tabSteps .current ~ li:after {
	border: none;
	content: '';
	display: block;
}

.solWrapper .tabSteps .wizardTimelineItemStatus {
	flex: 0 0 auto;
	margin: 0 8px 0 0;
	width: 2.29rem;
}

.solWrapper .mets-wizard-view.tabSteps li .mets-icon {
	fill: #064D71;
	height: 2.29rem;
	width: 2.29rem;
}

.solWrapper .tabSteps .wizardTimelineItemNum {
	background: #fff;
	border-color: var(--border-color);
	color: #59616E;
	font-size: 1rem;
	height: 2.29rem;
}

.solWrapper .tabSteps .current .wizardTimelineItemNum {
	background: #064D71;
	border-color: #064D71;
	color: #fff;
	font-size: 1rem;
}

.solWrapper .tabSteps .wizardTimelineItemName {
	color: var(--fg-color-2);
}

.solWrapper .tabSteps .current .wizardTimelineItemName,
.solWrapper .tabSteps .finalize .wizardTimelineItemName {
	color: var(--bg-accent-color-2);
}






/* ================================================== */
/* Category Component				   	    	      */
/* ================================================== */

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

.mets-cat-sel #categoryGlobalStatus.statusCell {
	color: var(--fg-color);
	padding-bottom: 4px;
}

.solWrapper .content-block .mets-cat-sel .mets-panel-body .fieldset h3 {
	background: var(--bg-color-3);
	color: var(--fg-color);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	margin: 0;
	padding: 12px 16px;
}

.solWrapper .mets-cat-sel-selected-cat-toolbar {
	margin: -2em 16px 0 0;
}

.solWrapper .mets-cat-sel .mets-panel.defaultPanel {
	background: var(--bg-accent-color-2);
	border: none;
	border-radius: 4px;
	color: var(--fg-accent-color);
	font-size: 1.14rem;
	line-height: 1.5;
}

.solWrapper .mets-cat-sel > .mets-panel ~ .mets-panel {
	border-top: none;
}

.solWrapper .mets-cat-sel > .mets-panel.expanded ~ .mets-panel.collapsed {
	border-top: 1px solid var(--border-color);
}

.solWrapper .mets-cat-sel > .mets-panel.collapsed ~ .mets-panel.expanded {
	border-top: none;
}

.solWrapper .mets-cat-sel .mets-panel.defaultPanel.toggleable .mets-panel-header .mets-panel-header-status-text:before {
	content: '(';
}

.solWrapper .mets-cat-sel .mets-panel.defaultPanel.toggleable .mets-panel-header .mets-panel-header-status-text:after {
	content: ')';
}

.solWrapper .mets-cat-sel .mets-panel.defaultPanel + .mets-panel-body .defaultPanel:before {
	content: none;
	display: none;
}

.solWrapper .mets-cat-sel > .mets-panel.defaultPanel + .mets-panel-body {
	background: var(--bg-color);
	border: none;
	padding: 16px;
}

.solWrapper .content-section.secondary .mets-cat-sel > .mets-panel.defaultPanel + .mets-panel-body {
	background: var(--bg-color-2);
}

/* === Inner Panels === */

.solWrapper .mets-cat-sel .mets-table-scrollable-body-div {
	height: auto !important;
	max-height: 215px;
}

.solWrapper .mets-cat-sel .mets-pagination {
	margin: 0;
}

.solWrapper .mets-cat-sel .mets-panel-body .mets-panel.expanded {
	background: var(--bg-color-3);
	border: 0;
	color: var(--fg-color);
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4;
	margin: 16px 0 0;
	min-height: 0;
	padding: 4px 16px;
}

.solWrapper .mets-cat-sel .mets-panel-body .mets-panel.expanded .mets-panel-header {
	align-items: center;
	display: flex;
	padding: 0;
}

.solWrapper .mets-cat-sel .mets-panel-body .mets-panel.expanded .mets-panel-header span.mets-panel-header-text {
	color: var(--fg-color);
	flex: 1 1 auto;
	font-weight: 500;
	line-height: 1.4;
	padding: 0;
	text-transform: none;
}

.solWrapper .mets-cat-sel .mets-panel-body .mets-panel.expanded .mets-panel-header span.mets-panel-header-status-text {
	flex: 0 0 auto;
	font-weight: 500;
	line-height: 1em;
	position: relative;
	right: auto;
}

.solWrapper .mets-cat-sel .mets-panel-body .mets-panel.expanded + .mets-panel-body,
.solWrapper .content-block.basic .mets-cat-sel .mets-panel-body .mets-panel.expanded + .mets-panel-body {
	background: var(--bg-color-2);
	border: none;
	padding: 0;
}

.solWrapper .mets-cat-sel .mets-panel.defaultPanel + .mets-panel-body .defaultPanel + .mets-panel-body:before {
	content: none;
	display: none;
}

.solWrapper .mets-cat-sel .mets-panel-body .mets-panel.expanded .singleBoxSearchContainer input[type='text'] {
	font-size: 96%;
	padding: 5px 24px 5px 8px;
	width: 18em;
}

.solWrapper .mets-cat-sel .mets-panel-body .mets-panel.expanded .oneBoxSearch svg.autoSearch {
	fill: var(--fg-color-2);
	height: 18px;
	right: 6px;
	width: 18px;
}

.solWrapper .mets-cat-sel .mets-panel-body .svg-help {
	fill: var(--fg-color-2);
	height: 1.43rem;
	margin: 0 0 0 20px;
	width: 1.43rem;
}

.solWrapper .mets-cat-sel .mets-panel-body .mets-panel .mets-panel-header span.mets-panel-header-description-text {
	flex: 0 0 auto;
	padding: 0;
}


/* === Category Table === */

.solWrapper .mets-cat-sel .mets-table,
.solWrapper .mets-cat-sel .mets-table-scrollable-body-table {
	table-layout: auto;
}

.solWrapper .mets-cat-sel-scrolling.edit {
	height: auto;
	margin-top: 10px;
	max-height: 200px;
}

.solWrapper .mets-cat-sel-selected-cat-table tr:first-child td {
	border-top: 1px solid var(--border-color);
}

.solWrapper .mets-cat-sel-selected-cat-table .header td {
	font-weight: 500;
}

.solWrapper .mets-cat-sel .mets-table td {
	padding: 10px 16px;
}

.solWrapper .mets-cat-sel .mets-table .mets-table-row.expanded td {
	border-bottom: 1px solid var(--border-color);
}

.solWrapper .mets-cat-sel .mets-table .mets-table-row-empty.visible td {
	padding: 16px;
}

.solWrapper .mets-cat-sel .mets-table.scrollable > tbody > tr > td {
	padding: 0;
}

.solWrapper .mets-cat-sel .mets-table-scrollable-body-table .mets-table-row.selectable:hover > td,
.solWrapper .mets-table .mets-table-row.selectable:hover > td {
	background: var(--bg-hover-light);
	cursor: pointer;
}

.solWrapper .mets-cat-sel .mets-table-scrollable-body-table .mets-table-row.selected > td,
.solWrapper .mets-table .mets-table-row.selected > td {
	background: var(--bg-menu-selected);
	color: var(--fg-color);
}

.solWrapper .categoryCode {
	font-weight: 500;
	white-space: nowrap;
	width: 8em;
}

.solWrapper .categoryCode .customInput {
	display: inline-flex;
}

.solWrapper .categoryAction,
.solWrapper .regionAction,
.solWrapper .organizationAction,
.solWrapper .categoryCheckboxEnd,
.solWrapper .regionCheckboxEnd,
.slimDialog .categoryAction,
.slimDialog .organizationAction,
.slimDialog .regionAction,
.slimDialog .categoryCheckboxEnd,
.slimDialog .regionCheckboxEnd {
	text-align: right;
	white-space: nowrap;
	width: 3em;
}

.solWrapper .categoryAction .svg-delete,
.solWrapper .regionAction .svg-delete,
.solWrapper .categoryCheckboxEnd .customInput input[type=checkbox] + .checkbox {
	margin: 0;
}

.slimDialog .regionName,
.solWrapper .regionName {
	width: 100%;
}

.solWrapper .categoryAction .svg-delete,
.solWrapper .regionAction .svg-delete {
	height: 1.43em;
	width: 1.43em;
}

/* === No Categories === */

.solWrapper .noCategories h3,
.solWrapper .noCategories .selected-section-header {
	display: none;
}

.solWrapper .noCategories .noSelection {
	background: var(--bg-color-2);
	color: var(--fg-color);
	font-size: 1rem;
	font-weight: 400;
}

.solWrapper .noCategories .noSelection .mets-cat-sel-scrolling {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	padding: 10px 16px;
}

.solWrapper .noCategories .noSelection .svg-no-categories {
	height: 3.21em;
	margin-right: 24px;
	width: 3.21em;
}

/* === Categories Remove All Dialog === */

[id^='removeAllSelectedCategoriesDialog'] .mets-dialog-window-content-wrapper {
	width: 485px;
}





/* ================================================== */
/* Tabs			 					   	    	      */
/* ================================================== */


.solWrapper.tabs-content section.header {
	border-bottom: none;
}


/* Pending Actions Tab */

#pendingActionsTab .technicalStepTabItemLink {
	background: rgba(251, 173, 4, .2);
}




/* ================================================== */
/* Sidebar							   	    	      */
/* ================================================== */

.side-bar-view .solWrapper {
	background: var(--bg-color);
	display: flex;
}

.side-bar-view .solWrapper:not(.mets-dialog-window) {
	position: relative;
}

.side-bar-view .solWrapper.collapsible-sidebar {
	padding-left: 50px;
}

.side-bar,
.side-bar-inner {
	background: var(--bg-color-2);
	max-width: 380px;
	min-width: 245px;
	width: 24vw;
	z-index: 5;
}

.side-bar.no-icons,
.no-icons .side-bar-inner {
	max-width: 23rem;
	min-width: 17rem;
}

.collapsible-sidebar .side-bar,
.collapsible-sidebar .side-bar-inner {
	min-width: 50px;
	overflow: hidden;
	transition: min-width .5s ease-out, width .5s ease-out;
	width: 50px;
}

.side-bar {
	box-shadow: 0 -8px 8px rgba(37, 40, 43, 0.12);
	color: var(--fg-color);
	flex: 0 0 auto;
}

.collapsible-sidebar .side-bar {
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
}

.side-bar.open {
	box-shadow: 4px -10px 16px rgba(37, 40, 43, 0.08);
	min-width: 245px;
	width: 24vw;
}

.open .side-bar-inner {
	min-width: 245px;
	width: 24vw;
}

.side-bar-spacer {
	flex: 0 0 auto;
}

.side-bar a,
.side-bar .mets-tab-view li.mets-tab a {
	color: var(--fg-menu);
	text-decoration: none;
}

.side-bar a.disabled,
.side-bar .mets-tab-view li.mets-tab a.disabled {
	color: var(--fg-disabled);
	cursor: default;
}

.side-bar-header {
	padding: 10px 15px;
	text-align: left;
}

.open .side-bar-header {
	padding: 10px 15px;
	text-align: left;
}

.side-bar-header .burger-button {
	font-size: 10px;
	opacity: 1;
	z-index: 1;
}

.side-bar h2 {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.side-bar-menu,
.side-bar .mets-tab-view {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.side-bar-menu li {
	counter-increment: step-counter;
}

.side-bar-menu-item-link,
.side-bar .mets-tab-view li.mets-tab a {
	align-items: center;
	border: none;
	border-bottom: 1px solid var(--border-color);
	display: flex;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: 500;
	line-height: 1.4;
	padding: 10px 16px 10px 0;
	position: relative;
	text-decoration: none;
	transition: background .3s ease-out;
}

.side-bar .side-bar-menu-item-link:hover,
.side-bar .mets-tab-view li.mets-tab a:hover {
	background: var(--bg-menu-hover);
	color: var(--fg-menu-hover);
	opacity: 1;
}

.side-bar .side-bar-menu-item-link.disabled:hover,
.side-bar .mets-tab-view li.mets-tab a.disabled:hover {
	background: none;
}

.side-bar .mets-tab-view li.mets-tab a > .statusCell {
	margin-left: auto;
}

.side-bar h2 .side-bar-menu-item-link {
	background: var(--action-color);
	color: var(--fg-accent-color);
	border: none;
	position: relative;
	transform: perspective(1px) translateZ(0);
}

.side-bar h2 .side-bar-menu-item-link:hover {
	background: var(--action-color);
	color: var(--fg-accent-color);
}

.side-bar h2 .side-bar-menu-item-link: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;
}

.side-bar h2 .side-bar-menu-item-link:hover:before {
    background: rgba(0,0,0,0.2);
}

.side-bar .side-bar-menu-item-link:before {
	display: block;
}

.side-bar .side-bar-menu a {
	padding: 8px 15px 8px 0;
}

.side-bar .side-bar-menu-item-link.active,
.side-bar .mets-tab-view li.mets-tab.selected a {
	background: var(--bg-menu-selected);
	color: var(--fg-menu-selected);
	font-weight: 500;
}

.side-bar .side-bar-menu-item-link.active:after,
.side-bar .mets-tab-view li.mets-tab.selected a:after {
	border-left: 4px solid var(--action-color);
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	top: 0;
}

.side-bar .side-bar-menu-item-link .svg-assigned-indicator {
	fill: var(--action-color);
	height: 12px;
	left: 26px;
	margin: 0;
	position: absolute;
	top: 4px;
	width: 12px;
}

.side-bar .side-bar-menu a:before {
	align-self: flex-start;
	border: 1px solid var(--fg-color-2);
	border-radius: 100%;
	color: var(--fg-color-2);
	content: counter(step-counter);
	flex: 0 0 auto;
	font-size: 14px;
	height: 20px;
	font-weight: 500;
	line-height: 19px;
	margin: 0 15px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
}

.side-bar .side-bar-menu a.active:before,
.side-bar .side-bar-menu .selected a:before {
	border-color: var(--action-color);
	color: var(--action-color);
}

.side-bar .side-bar-menu a.disabled:before {
	border-color:  var(--bg-disabled);
	color: var(--fg-disabled);
}

.collapsible-sidebar .side-bar-menu-item-link > * {
	display: none;
}

.collapsible-sidebar .open .side-bar-menu-item-link > *,
.collapsible-sidebar .side-bar-menu-item-link .svg-assigned-indicator {
	display: flex;
}

.side-bar-menu-item-link .side-bar-link-svg-container {
	color: var(--fg-color-2);
	display: block;
	flex: 0 0 auto;
	width: 50px;
}

.side-bar-menu-item-link.active .side-bar-link-svg-container {
	color: var(--action-color);
}

.side-bar h2 .side-bar-link-svg-container {
	color: #fff;
}

 .side-bar-link-svg-container .mets-icon {
	display: block;
	height: 20px;
	margin: 0 auto;
	width: 22px;
}

.side-bar-menu-item-link .side-bar-link-text {
	flex: 1 1 auto;
	min-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.side-bar-menu-item-link .simpleProgressbar {
	flex: 0 0 70px;
	margin-left: 10px;
}

.lateStep .side-bar-menu-item-link .simpleProgressIndicator {
	background: var(--error-dark);
}

.side-bar-menu-item-link.consensusStep .simpleProgressIndicator {
	background-image: -ms-linear-gradient(left, #6397FF 0%, #495FAA 100%);
	background-image: -moz-linear-gradient(left, #6397FF 0%, #495FAA 100%);
	background-image: -o-linear-gradient(left, #6397FF 0%, #495FAA 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #6397FF), color-stop(100, #495FAA));
	background-image: -webkit-linear-gradient(left, #6397FF 0%, #495FAA 100%);
	background-image: linear-gradient(to right, #6397FF 0%, #495FAA 100%);
}

.side-bar-menu-item-link .svg-finalized, .side-bar-menu-item-link .mets-icon.svg-message-panel-warning {
	flex: 0 0 auto;
	height: 25px;
	margin-right: 0;
	width: 18px;
}

.side-bar-menu-item-link .lateLabelTag {
	margin-left: 10px;
}



@media screen and (min-width: 1250px) {
	.side-bar-view .solWrapper.collapsible-sidebar {
		padding: 0;
	}

	.collapsible-sidebar .side-bar {
		position: static;
	}

	.collapsible-sidebar .side-bar.open,
	.collapsible-sidebar .open .side-bar-inner,
	.javascript-is-loading .collapsible-sidebar .side-bar-inner,
	.javascript-is-loading .collapsible-sidebar .side-bar {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: 24vw;
	}

	.javascript-is-loading .collapsible-sidebar .side-bar-header {
		padding: 10px 15px;
		text-align: left;
	}

	.javascript-is-loading .collapsible-sidebar .side-bar-menu-item-link > * {
		display: block;
	}
	
}



/* ================================================== */
/* Sidebar - Default Tabs			   	    	      */
/* ================================================== */

.side-bar .mets-tab-view {
	background: none;
	border: none;
	height: auto;
}

.side-bar .mets-tab-view li.mets-tab {
	display: block;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	margin: 0;
	float: none;
}

.side-bar .mets-tab-view li.mets-tab a {
	padding: 10px 16px;
}

.side-bar .mets-tab-view.side-bar-menu li.mets-tab a {
	padding: 10px 16px 10px 0;
}






/* ================================================== */
/* Sidebar View Content				   	    	      */
/* ================================================== */

.side-bar-view-content {
	flex: 1 1 auto;
	margin: 0 auto;
	max-width: calc( 90rem - .8rem );
	min-width: 0;
	padding: 15px .8rem;
}

@media (min-width: 1400px) {
	.public .side-bar-view-content {
		padding: 15px 4.2rem;
	}
}

.msie .side-bar-view-content {
	width: 100%;
}

.formPage .side-bar-view-content {
	max-width: 72rem;
}

@media screen and (max-width: 1079px) {
	.mobile-friendly .side-bar-view-content {
		padding: 10px 5px;
		width: 100%;
	}
}

.side-bar-view-content > #successMessageContainer,
.side-bar-view-content .top-button-bar,
.side-bar-view-content .button-bar {
	margin: 0 .8rem;
}

.side-bar-view-content .content-block .top-button-bar {
	margin: 0 0 16px;
}

.side-bar-view-content .button-bar {
	margin-bottom: 10px;
	margin-top: 10px;
}

.side-bar-view-content .button-bar.bottom {
	margin-bottom: 0;
	margin-top: 24px;
}

.side-bar-view-content .button-bar .mets-command-button {
	margin-left: 10px;
}

.side-bar-view-content .button-bar.center .mets-command-button {
	margin: 0 5px;
}

.side-bar-view-content .button-bar.left .mets-command-button {
	margin: 0 10px 0 0;
}

.solWrapper .side-bar-view-content .button-bar .previous-btn {
	align-items: center;
	display: inline-flex;
	margin: 0 auto 0 0;
	padding: 8px 0;
}

.solWrapper .side-bar-view-content .button-bar .previous-btn.hidden {
	visibility: hidden;
}

.solWrapper .side-bar-view-content .button-bar .previous-btn .mets-icon {
	flex: 0 0 auto;
	height: 1rem;
	margin: 0 12px 0 0;
	transform: rotateY(180deg);
}


/* === Portal Name === */

.portalName {
	margin: 0 .8rem;
	text-align: right;
}

.side-bar-view-content > .top-button-bar .portalName {
	margin: 0 0 10px;
}

.content-section .content-block .top-button-bar .portalName {
	margin: 0 0 5px;
}

.portalName .mets-field,
.solWrapper .content-block .portalName .mets-field {
	align-items: center;
	display: inline-flex;
	font-size: 86%;
	margin: 0;
	min-height: 0;
}

.portalName .mets-field .mets-field-label,
.solWrapper .content-block .portalName .mets-field .mets-field-label {
	font-size: 96%;
	line-height: 1em;
	margin: 0 5px 0 0;
	vertical-align: baseline;
	width: auto;
}

.portalName .mets-field .mets-field-body,
.solWrapper .content-block .portalName .mets-field .mets-field-body {
	display: inline-flex;
	vertical-align: baseline;
}

.portalName .mets-field .mets-field-body p,
.solWrapper .content-block .portalName .mets-field .mets-field-body p {
	line-height: 1em !important;
	margin-top: 0 !important;
	min-height: 0;
	padding: 0;
}


/* === Content Header === */

.solWrapper .content-header {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 16px .8rem 24px;
}

.solWrapper .content-header > * {
	flex: 0 0 auto;
}
.solWrapper .content-header-title-container {
	flex: 1 1 auto;
}

.solWrapper .content-header-title-container h2 ~ p {
	font-size: 1.14rem;
	margin: 4px 0 10px;
}

.solWrapper .content-header .content-header-title {
	color: var(--action-color);
	font-size: 180%;
	font-weight: 300;
	margin: 0;
}

.solWrapper .content-header .content-header-sub-title {
	color: var(--fg-color);
	font-size: 1em;
	font-weight: 400;
	margin: 0;
}

.solWrapper .content-header-messages {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
}

.solWrapper .content-header-messages-icon {
	align-self: flex-start;
	flex: 0 0 auto;
	height: 45px;
	margin-right: 20px;
	position: static;
	width: 45px;
}

.solWrapper .content-header-messages-list {
	flex: 1 1 auto;
	margin: 0;
	padding: 0;
}

.solWrapper .content-header-messages-list li {
	list-style: none;
	padding: 2px 0;
}

.solWrapper .content-header-actions,
.solWrapper .content-header-left-actions {
	align-items: center;
	display: flex;
	margin-left: auto;
}

.solWrapper .content-header-left-actions {
	margin-left: 0;
}

.solWrapper .content-header-actions .mets-command-button,
.solWrapper .content-header-actions .mets-action-menu,
.solWrapper .content-header-actions > a,
.solWrapper .content-header-left-actions .mets-command-button,
.solWrapper .content-header-left-actions .mets-action-menu,
.solWrapper .content-header-left-actions > a {
	flex: 0 0 auto;
	margin: 0 0 0 8px;
}

.solWrapper .content-header-left-actions .mets-command-button,
.solWrapper .content-header-left-actions .mets-action-menu,
.solWrapper .content-header-left-actions > a {
	margin: 0 8px 0 0;
}

.solWrapper .content-header-left-actions .mets-field,
.solWrapper .content-block-header .content-header-left-actions .mets-field {
	margin: 0 24px 0 0;
}

.solWrapper .content-block-header .content-header-left-actions .slimDialog .mets-field {
	margin: 0 0 24px;
}

.solWrapper .content-header-actions .secondary-action .mets-icon.svg-edit,
.solWrapper .content-header-actions .mets-icon.svg-action {
	fill: #1D2B4A;
}

.mets-icon.svg-action {
	display: block;
	fill: #1D2B4A;
	margin-left: auto;
}

.mets-action-menu.label .mets-icon.svg-action,
.mets-action-menu.label + ul .mets-icon.svg-action {
	display: inline-block;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

.mets-action-menu.label, .mets-action-menu + ul .first a {
	color: #1D2B4A;
	text-decoration: none;
	transition: opacity .3s ease-out;
}

.mets-action-menu.label:hover, .mets-action-menu + ul .first a:hover,
.slimDialog .mets-action-menu.label:hover, .slimDialog .mets-action-menu + ul .first a:hover {
	color: #1D2B4A;
	opacity: .8;
}

.solWrapper .content-block-title-container {
	flex: 1 1 auto;
	margin: 0 0 10px;
}

.solWrapper .side-bar-view-content h2,
.solWrapper .content-block-title,
.solWrapper .content-block .content-block-title {
	color: var(--fg-color);
	flex: 0 1 auto;
	font-size: 1.87rem;
	font-weight: 500;
	margin: 0 20px 0 0;
	min-width: 0;
	padding: 0;
	word-wrap: break-word;
}

.solWrapper .content-block .content-block-title {
	margin: 0;
	padding: 0 0 20px;
}

.solWrapper .content-block .content-block-header .content-block-title {
	padding: 0;
}

.solWrapper .content-block .content-block-title-container .content-block-title {
	margin: 0 0 2px;
}


@media screen and (max-width: 1079px) {
	.mobile-friendly .solWrapper .content-header {
		margin-top: 10px;
	}
}




/* === Content Summary === */

.side-bar-view-content .content-summary {
	align-items: center;
	display: flex;
	padding: 0 10px 20px;
}

.content-summary .content-summary-status {
	flex: 0 0 auto;
	margin: 0;
}

.content-summary-status .mets-icon {
	display: block;
	height: 66px;
	margin: 0 20px 0 30px;
	width: 48px;
}

.content-summary-info {
	flex: 1 1 auto;
}

.content-summary-info.two-cols {
	-webkit-column-count: 2;
	column-count: 2;
	flex: 0 1 auto;
	min-width: 0;
}

.msie .content-summary-info.two-cols {
	max-width: 22em;
}

.content-summary-status + .content-summary-info {
	margin-left: 25px;
}

.content-summary-status + .content-summary-info.two-cols {
	margin-left: 20px;
}

.content-summary-info.two-cols > .dashboardStepSummaryInfoItem {
	-webkit-column-break-inside: avoid;
	column-break-inside: avoid;
	padding: 5px;
}

.msie .content-summary-info.two-cols > .dashboardStepSummaryInfoItem {
	display: inline-flex;
	width: 100%;
}

.side-bar-view-content .content-summary > .svg-finalized-circle {
	flex: 0 0 auto;
	height: 90px;
	margin: 0 1.1em 0 auto;
	width: 90px;
}


/* === Content block Cols === */

.content-block-container {
	display: flex;
}

.content-block-col {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	max-width: 50%;
}

.content-block-col:first-child {
	flex: 2 1 auto;
}

.side-bar-view-content .content-block-col > .content-block {
	flex: 1 1 auto;
	margin: .8rem;
}

.solWrapper .content-block-col .content-block + .content-block {
	margin-top: .8rem;
}




/* When we can't put content-block class on the actual fieldsets, we put these two classes on a container instead */

.solWrapper .content-block.fieldsets,
.solWrapper .content-block:not(.basic) + .content-block.fieldsets {
	padding: 0;
}

/* === Content block === */
.solWrapper .content-block,
.solWrapper .content-block.fieldsets .fieldset {
	background: #fff;
	border: none;
	color: var(--fg-color);
	margin: .8rem;
	padding: 16px;
	position: relative;
}

.solWrapper .content-block.fieldsets .fieldset {
	border-bottom: .8rem solid var(--bg-color);
	margin: 0;
}

.solWrapper .content-block.fieldsets .fieldset ~ .fieldset {
	border-top: .8rem solid var(--bg-color);
}


.solWrapper .content-block .content-block {
	margin: 0;
	padding: 0;
}


@media screen and (max-width: 1079px) {
	.mobile-friendly .solWrapper .content-block {
		padding: 1rem 1.5rem;
	}
}

.solWrapper .content-block.basic {
	background: none;
	padding: 0;
}

.solWrapper .content-block:not(.basic) + .content-block,
.solWrapper .content-block:not(.basic) + .content-block.fieldset {
	margin-top: 24px;
}

.solWrapper .content-block-col .content-block:not(.basic) + .content-block {
	margin-top: .8rem;
}

.solWrapper .content-block.edit-mode {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}


.solWrapper .content-block > .top-button-bar {
	margin: 0 0 20px;
}

.solWrapper .content-block-header,
.content-block-sub-header {
	align-items: center;
	color: var(--fg-color);
	display: flex;
	margin: 0 0 20px;
}

.solWrapper .content-block-header.hidden,
.content-block-sub-header.hidden {
	display: none;
}

.mobile-friendly .solWrapper .content-block-header {
	flex-wrap: wrap;
}

.solWrapper .content-block h3,
.solWrapper .content-block-header h3,
.solWrapper fieldset.content-block > legend,
.solWrapper .content-block fieldset:not(.accessibility-fieldset) > legend:not(.accessibility-hidden) {
	color: var(--fg-color);
	font-size: 1.43rem;
	font-weight: 500;
	margin: 0;
	padding: 5px 0 20px;
	text-decoration: none;
	text-transform: none;
}

.solWrapper .content-block fieldset:not(.accessibility-fieldset) legend.content-block-header:not(.accessibility-hidden),
.solWrapper fieldset:not(.accessibility-fieldset).content-block > legend.content-block-header:not(.accessibility-hidden),
.solWrapper .content-block > h3:first-child {
	padding: 0 0 20px;
}

.solWrapper .content-block fieldset:not(.accessibility-fieldset) + fieldset:not(.accessibility-fieldset) legend.content-block-header:not(.accessibility-hidden) {
	padding-top: 24px;
}

.solWrapper .content-block .fieldset .content-block-header h3,
.solWrapper .content-block-header h3 {
	flex: 1 1 auto;
	padding: 0;
}

.solWrapper h3.content-block-header {
	padding-bottom: 20px;
	padding-top: 0;
}

.solWrapper .content-block .content-block-sub-header {
	margin: 24px 0 8px;
}

.solWrapper .content-block .content-block-sub-title,
.solWrapper .side-bar-view-content .content-block-sub-title,
.solWrapper .content-block .mets-field .mets-field-label.content-block-sub-title,
.slimDialog .fieldset > h3,
.slimDialog fieldset > legend,
.solDialog .fieldContainer h3 {
	color: var(--fg-color);
	font-size: 1.43rem;
	font-weight: 500;
	text-decoration: none;
	text-transform: none;
}

.solWrapper .content-block .content-block-sub-title,
.solWrapper .side-bar-view-content .content-block-sub-title,
.solWrapper .content-block .mets-field .mets-field-label.content-block-sub-title,
.solWrapper .content-block .fieldset h3 {
	padding: 24px 0 8px;
}

.solWrapper .content-block .content-block-sub-header .content-block-sub-title{
	padding: 0;
}

.solWrapper .content-block .content-block-header + .fieldset .content-block-sub-title:first-child,
.solWrapper .content-block.fieldsets .fieldset > .content-block-sub-title:first-child {
	padding-top: 0;
}

.solWrapper .content-block.fieldsets .fieldset > .content-block-sub-title:first-child {
	padding-bottom: 20px;
}

.solWrapper .content-block .content-block-secondary-title {
	padding: 24px 0;
}

.solWrapper .content-block-header .content-block-secondary-title {
	padding: 0;
}

.solWrapper .content-block-header-actions {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	margin-left: auto;
}

.solWrapper .content-block .content-block-header .top-button-bar {
	margin: 0 0 0 auto;
}

.solWrapper  .content-block-header-actions .mets-field,
.solWrapper .content-block .content-block-header-actions .mets-field {
	margin: 0;
}

.solWrapper .content-block-header-actions a,
.solWrapper .content-block-header-actions button {
	flex: 0 0 auto;
	margin-left: 18px;
}

.solWrapper .content-block-table-actions {
	display: flex;
	margin: 0 0 12px;
}

.solWrapper .content-block-fieldset-actions {
	position: absolute;
	right: 16px;
	top: 16px;
}


/* Content block fieldset */

.solWrapper .content-block.fieldset,
.solWrapper .content-block .fieldset,
.solWrapper .content-block fieldset,
.slimDialog .fieldset,
.slimDialog fieldset {
	border: none;
}

.solWrapper .content-block .fieldset,
.solWrapper .content-block fieldset,
.slimDialog .fieldset,
.slimDialog fieldset {
	margin: 0;
	padding: 0;
}

.solWrapper .content-block.fieldset > h3:first-child,
.solWrapper .content-block .fieldset > h3:first-child,
.solWrapper fieldset.content-block > legend,
.solWrapper .content-block fieldset > legend,
.slimDialog .fieldset > h3:first-child,
.solWrapper .content-block fieldset:not(.accessibility-fieldset) > legend:not(.accessibility-hidden) {
	background: none;
	position: static;
}

.solWrapper .content-block.fieldset > h3:first-child,
.solWrapper fieldset.content-block > legend,
.slimDialog .fieldset > h3:first-child {
	padding-top: 0;
}

.solWrapper .content-block.fieldset .fieldset h4 {
	font-size: 1.14rem;
	font-weight: 500;
	margin: 24px 0;
}

.solWrapper .content-block.fieldset h3 + .fieldset > h4:first-child {
	margin-top: 0;
}

.slimDialog fieldset:not(.accessibility-fieldset) > legend:not(.accessibility-hidden),
.solWrapper .content-block .slimDialog fieldset:not(.accessibility-fieldset) > legend:not(.accessibility-hidden),
.solWrapper .content-block fieldset > legend.content-block-sub-title,
.solWrapper fieldset.content-block > legend,
.solWrapper .content-block fieldset:not(.accessibility-fieldset) > legend:not(.accessibility-hidden) {
	float: left;
	margin: 0;
	padding: 24px 0 8px;
	width: 100%;
}

.solWrapper .content-block fieldset fieldset:not(.accessibility-fieldset) > legend:not(.accessibility-hidden) {
	font-size: 1.14rem;
	padding: 16px 0 8px;
}

.slimDialog fieldset > legend + *,
.solWrapper .content-block .slimDialog fieldset > legend + *,
.solWrapper .content-block fieldset > legend.content-block-sub-title + *,
.solWrapper fieldset.content-block > legend + *,
.solWrapper .content-block fieldset:not(.accessibility-fieldset) > legend:not(.accessibility-hidden) + *,
.solWrapper .content-block fieldset:not(.accessibility-fieldset) > legend:not(.accessibility-hidden) ~ * {
	clear: both;
}

.solWrapper .content-block .mets-table-expansion-row fieldset > legend.content-block-sub-title:first-child,
.solWrapper fieldset.content-block > legend,
.solWrapper .content-block > fieldset:first-of-type:not(.accessibility-fieldset) > legend:not(.content-block-sub-title) {
	padding-top: 0;
}

.solWrapper .content-block .fieldset ~ fieldset > legend:first-child {
	padding-top: 24px;
}

.solWrapper .content-block .fieldset.legend > .content-block-sub-title {
	padding: 24px 0 8px;
}

.solWrapper .content-block .mets-table-expansion-row .content-block-sub-title {
	font-size: 1.14rem;
	font-weight: 500;
	padding: 16px 0;
}

.solWrapper .content-block .content-block-title + fieldset > legend.content-block-sub-title {
	padding-top: 10px;
}

.solWrapper fieldset.accessibility-fieldset > legend.accessibility-hidden,
.solWrapper fieldset > legend.accessibility-hidden,
.solWrapper fieldset.accessibility-fieldset > legend,
.slimDialog fieldset.accessibility-fieldset > legend {
	padding: 0;
}

.solWrapper .content-block .fieldset.legend > .content-block-sub-header .content-block-sub-title {
	padding: 0;
}

.slimDialog .fieldset > h3:first-child {
	margin: 24px 0 8px;
}

.legend-with-action {
	align-items: center;
	display: flex;
}

.legend-with-action .mets-command-link {
	font-size: 1rem;
	margin-left: auto;
	padding: 0 0 0 16px;
}


.solWrapper .content-block .mets-field,
.slimDialog .mets-field {
	line-height: inherit;
	margin-bottom: 20px;
	min-height: auto;
}

.solWrapper .mets-field.no-label {
	display: flex;
}

.solWrapper .content-block .mets-field.no-label.mandatory-field .mets-field-label {
	flex: 0 0 auto;
}

.solWrapper .mets-field.not-displayed,
.solWrapper .mets-field.no-label.hidden {
	display: none;
}

.solWrapper .content-block .mets-table .mets-field,
.solWrapper .content-block .mets-field .mets-field,
.solWrapper .content-block .mets-panel-body > .mets-field:last-child {
	margin-bottom: 0;
}

.solWrapper .content-block .mets-table .mets-field {
	margin-top: 0;
}

.solWrapper .content-block .mets-table .mets-table-expansion-row .mets-field-view {
	margin-bottom: 24px;
}

.solWrapper .content-block .mets-table .mets-table-expansion-row .mets-field-view.mets-field-compact {
	margin: 0;
}

.solWrapper .content-block .stepRemidnerFieldsContainer .mets-field {
	margin-bottom: 10px;
}

.solWrapper .mets-field label, .solWrapper .mets-field .mets-field-label {
	line-height: 1.2;
}

.solWrapper .content-block .mets-field > .mets-field-label,
.solWrapper .content-block .mets-field-label,
.slimDialog .mets-field > .mets-field-label,
.solWrapper .mets-field .mets-field-filler {
	color: var(--fg-color);
	display: block;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 5px;
	text-align: left;
	text-transform: none;
	width: auto;
}

.solWrapper .content-block .mets-field .mets-field-ammended-label,
.solWrapper .content-block .mets-field .mets-field-ammended-label + .mets-field-body {
	display: inline-block;
	vertical-align: middle;
}

.solWrapper .content-block .mets-field-body,
.slimDialog .mets-field-body {
	color: var(--fg-color-2);
	display: block;
	font-size: 1em;
	font-weight: 400;
}

.solWrapper .pageColumn .mets-field-body {
	margin: 0;
	width: auto;
}

.solWrapper .content-block .mets-field.no-label .mets-field-body {
	flex: 1 1 100%;
}

.msie .solWrapper .content-block .mets-field.no-label .mets-field-body {
	flex: 1 1 auto;
}


.solWrapper .mets-field.no-label .amended-body {
	display: flex;
}

.solWrapper .mets-field.no-label .amended-body .amendment-svg-container {
	flex: 0 0 auto;
}

.solWrapper .content-block .mets-field p,
.slimDialog .mets-field p {
	min-height: 0;
	padding: 0;
	word-wrap: break-word;
}

.solWrapper .pageColumn .mets-field-body p,
.solWrapper .twoColumns .mets-field-body p {
	line-height: 1.2;
}

.solWrapper .content-block .button-bar {
	margin: 15px 0 0;
}

.solWrapper .content-block .button-bar.top {
	margin: 0 0 15px;
}

.solWrapper .content-block .button-bar.top.twoColumns {
	margin: 0 -1.25rem 15px;
}

.solWrapper .content-block .button-bar .mets-command-button {
	margin-left: 5px;
}



/* === Date/Time Field === */

.solWrapper .timepickerField .mets-field-body {
	align-items: flex-end;
	display: inline-flex;
}

.solWrapper .timepickerField .mets-calendar-new {
	align-items: center;
	display: flex;
	flex: 1 1 auto;
}

.solWrapper .timepickerField .mets-calendar-field-container {
	flex: 1 1 auto;
	min-width: 0;
}

.solWrapper .timepickerField .mets-field-body input[type='text'] {
	flex: 1 1 auto;
	min-width: 0;
	width: 14em;
}

.solWrapper .timepickerField .mets-field-body img,
.solWrapper .timepickerField .mets-field-body a {
	flex: 0 0 auto;
}

.solWrapper .timepickerField .mets-calendar.useSVGImage + img.ui-datepicker-trigger {
	margin-bottom: -3px;
}


/* === Compact mets field === */

.solWrapper .mets-field.mets-field-compact,
.solWrapper .content-block .mets-field.mets-field-compact {
	align-items: baseline;
	display: flex;
	font-size: 1em;
	margin: 0;
	padding-bottom: 1px;
	padding-top: 1px;
}

.solWrapper .mets-field.mets-field-compact .mets-field-label,
.solWrapper .content-block .mets-field.mets-field-compact .mets-field-label {
	flex: 0 0 12em;
	font-weight: 500;
	margin: 0 10px 0 0;
	max-width: 12em;
	text-transform: none;
	word-wrap: break-word;
}

.solWrapper .mets-field.mets-field-compact .mets-field-body,
.solWrapper .content-block .mets-field.mets-field-compact .mets-field-body {
	color: var(--fg-color-2);
	flex: 1 1 auto;
	font-weight: 400;
	max-width: none;
}

.solWrapper .mets-field.mets-field-compact .mets-field-body .mets-amount,
.solWrapper .content-block .mets-field.mets-field-compact .mets-field-body .mets-amount {
	display: inline-block;
	line-height: 1.2;
	vertical-align: baseline;
}


/* === Single Line Mets Fields === */

.solWrapper .singleLineFields {
	display: table;
}

.solWrapper .singleLineFields .mets-field {
	display: table-row;
}

.solWrapper .singleLineFields.compact .mets-field {
	font-size: 1em;
}

.solWrapper .singleLineFields .mets-field .mets-field-label,
.solWrapper .singleLineFields .mets-field .mets-field-body {
	display: table-cell;
	line-height: 1.2;
	padding: 3px 0;
}

.solWrapper .singleLineFields .mets-field .mets-field-label {
	color: var(--fg-color);
	font-weight: 500;
	padding: 2px 0;
	padding-right: 1.8em;
	text-align: left;
	text-transform: none;
	width: auto;
}

.solWrapper .singleLineFields.compact .mets-field .mets-field-label {
	font-size: 1em;
	margin: 0;
	padding-right: 1em;
}

.solWrapper .singleLineFields.compact .mets-field .mets-field-body {
	color: var(--fg-color);
}

.solWrapper .singleLineFields .mets-field .mets-field-body p {
	min-height: 0;
	padding: 0;
}


/* === Responsive Single Line Mets Fields === */

.solWrapper .responsiveSingleLineFields {
	margin: 0 -8px;
}

.solWrapper .responsiveSingleLineFields .mets-field {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px;
}

.solWrapper .responsiveSingleLineFields .mets-field .mets-field-label {
	flex: 1 0 150px;
	line-height: 1.4;
	margin: 0;
	max-width: 100%;
	padding: 6px 8px;
}

.solWrapper .responsiveSingleLineFields .mets-field .mets-field-body {
	flex: 3 1 500px;
	line-height: 1.4;
	margin: 0;
	max-width: 100%;
	min-width: 0;
	padding: 6px 8px;
}



/* === Content Block Edit Link === */

.solWrapper .content-block-edit-link.iconButton,
.content-block-edit-link {
	position: absolute;
	right: 16px;
	top: 16px;
}

.content-block-edit-link .mets-icon {
	height: 1.2em;
	margin: 0;
	width: 1.2em;
}




/* === Content Section === */
.solWrapper.content-with-sections {
	padding: 0;
}

.content-with-sections .side-bar-view-content {
	background: #fff;
	display: flex;
	flex-direction: column;
	max-width: none;
	padding: 0;
}

.content-section {
	flex: 0 0 auto;
	padding: 16px var(--side-spacing);
}

@media (min-width: 1400px) {
	.public.content-section {
		padding: 15px var(--side-spacing-large);
	}
}


.content-section.secondary {
	background: var(--bg-color);
}

.content-section:last-child {
	flex: 1 1 auto;
}

.content-section ~ .content-section.secondary {
	border-top: 1px solid #ccc;
	flex: 1 1 auto;
}

.content-section.secondary ~ .content-section.secondary {
	border: none
}

.content-with-sections .content-section .content-header {
	margin: 16px auto 24px;
	max-width: 70rem;
}

.content-with-sections .content-section .content-header.table-header,
.content-with-sections .content-section .content-block-header.table-header {
	margin-bottom: 8px;
}

.content-section .content-block,
.content-section .searchSections,
.content-section .button-bar {
	margin: 5px auto;
	max-width: 70rem;
}

.content-section .button-bar {
	margin: 16px auto;
}

.wide-sections .content-section .content-block,
.wide-sections .content-section .searchSections,
.wide-sections .content-section .content-header,
.wide-sections .content-section .button-bar,
.wide-sections .content-with-sections .content-section .content-header {
	max-width: 90rem;
}

.content-section .content-block h2 {
	color: var(--fg-color);
	font-size: 1.43em;
	font-weight: 500;
	margin: 15px 0;
}


.solWrapper .content-section .sectionTitle,
.solWrapper .content-section .mets-field .mets-field-label.sectionTitle {
	color: #1D2B4A;
	font-size: 1rem;
	font-weight: 700;
	margin: 24px 0 10px;
}

.solWrapper .content-section .content-header .sectionTitle {
	margin: 0;
}

.solWrapper .content-block.basic .wysiwygContent {
	color: #1D2B4A;
	font-size: 1rem;
	font-weight: 400;
}

.solWrapper .content-block.basic .wysiwygContent h1,
.solWrapper .content-block.basic .wysiwygContent h2,
.solWrapper .content-block.basic .wysiwygContent h3 {
	font-weight: 500;
	text-transform: uppercase;
}

.solWrapper .content-block.basic .wysiwygContent p {
	margin: 20px 0;
}




/* === Field Summary Content === */

.solWrapper .content-block.basic .field-summary-content-container {
	align-items: flex-start;
	display: flex;
	margin: 20px -1.6rem 0;
}

.solWrapper .content-block.basic .field-content-container {
	flex: 1 1 100%; /* 100% needed for IE11 so that the right content doesn't take up more width than it should */
	min-width: 0;
	padding: 0 1.6rem;
}

.solWrapper .content-block.basic .field-content-container > .mets-field:last-child {
	margin: 0;
}

.solWrapper .content-block.basic .field-summary-container {
	flex: 0 0 auto;
	margin: 0 1.6rem;
	min-width: 0;
}

.solWrapper .content-block.basic .field-summary-container .mets-field {
	background: #fff;
	border: 1px solid #ccc;
	flex: 0 0 auto;
	margin: 0 0 16px;
	padding: 15px;
	padding-left: 5.5em;
	position: relative;
}

.solWrapper .content-block.basic .field-summary-container .mets-field .mets-field-label {
	color: #5D707F;
	font-size: .86em;
	font-weight: 400;
	margin: 0;
}

.solWrapper .content-block.basic .field-content-container > .mets-field:first-child .mets-field-label.sectionTitle {
	margin-top: 0;
}

.solWrapper .content-block.basic .field-summary-container .mets-field .mets-field-body {
	color: #1D2B4A;
	font-size: 1.28em;
	margin: 0;
	position: static;
}

.solWrapper .content-block.basic .field-summary-container .mets-field .mets-field-body > .mets-icon:first-child {
	fill: #1D2B4A;
	height: 2.5em;
	left: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5em;
}

.solWrapper .content-block.basic .field-summary-container .field-summary-container-title {
	border-bottom: 1px solid #ccc;
	margin-bottom: 12px;
	padding-bottom: 8px;
}

.solWrapper .content-block .field-summary-container .singleLineFields .mets-field {
	margin: 0;
	padding: 0;
}

.solWrapper .content-block .field-summary-container .singleLineFields .mets-field .mets-field-label {
	font-size: .86rem;
	font-weight: 400;
	padding: 1px 8px 1px 0;
}

.solWrapper .content-block .field-summary-container .singleLineFields .mets-field .mets-field-body {
	font-size: 1rem;
	padding: 1px 0;
	text-transform: none;
}




/* ================================================== */
/* Content Tiles					   	    	      */
/* ================================================== */

.content-tiles {
	padding-bottom: 10px;
	padding-top: 10px;
}

.content-tiles-info {
	display: block;
	margin: .8rem auto -.5rem;
	max-width: 70rem;
}

.content-tile {
	background: #fff;
	border: 1px solid var(--border-color);
	margin: .8rem auto;
	max-width: 70rem;
	padding: 16px;
	position: relative;
	width: 100%;
}

.content-tiles.expandable-tiles .content-tile {
	margin-bottom: 25px;
	margin-top: 25px;
}

.content-tiles.expandable-tiles .content-tile:first-child {
	margin-top: .8rem;
}

.content-tile-tab {
	align-items: center;
	background: #fff;
	border: 1px solid var(--border-color);
	border-top: none;
	border-bottom-left-radius: 110px;
	border-bottom-right-radius: 110px;
	color: var(--fg-color);
	display: flex;
	justify-content: center;
	height: 20px;
	left: 50%;
	line-height: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	transform: translateX(-50%);
	width: 40px;
}

.content-tile-tab:hover:before {
	content: none;
	display: none;
}

.content-tile-tab .svg-moveDownArrow {
	fill: var(--fg-color-2);
	height: 12px;
	margin-top: -3px;
	transition: margin .3s ease-out, transform .5s ease-out;
	width: 12px;
}

.content-tile-tab:hover .svg-moveDownArrow {
	margin: 0;
}

.expanded .content-tile-tab .svg-moveDownArrow {
	transform: rotate(180deg);
}

.content-tile-header,
.solWrapper .side-bar-view-content h2.content-tile-header {
	align-items: center;
	border-bottom: 1px dashed var(--border-color);
	color: var(--fg-color);
	display: flex;
	font-size: 1em;
	font-weight: 400;
	margin: 0 0 15px;
	padding: 0 0 10px;
}

.content-tile-header.hide-sep,
.solWrapper .side-bar-view-content h2.content-tile-header.hide-sep {
	border-bottom: 0;
	margin-bottom: 0;
}

.solWrapper .side-bar-view-content .content-tile-header h2 {
	color: #0C2837;
	flex: 1 1 auto;
	font-size: 1em;
	font-weight: 400;
}

.solWrapper .content-tile .content-tile-title {
	flex: 1 1 auto;
	font-size: 1rem;
	font-weight: 500;
	margin: 0;
}

.content-tile-header .mets-field {
	margin: 0;
}

.content-tile-header .content-tile-header-sub-detail {
	border-right: 1px solid var(--border-color);
	margin-right: 16px;
	padding-right: 20px;
}

.content-tile-header .mets-field .mets-field-label {
	color: var(--fg-color-2);
	display: block;
	font-size: .86em;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
	text-align: left;
	width: auto;
}

.content-tile-header .mets-field .mets-field-body {
	color: var(--fg-color);
	display: block;
	font-weight: 400;
	line-height: 1.3;
	width: auto;
}

.solWrapper .content-tile .mets-ellipsis-action-menu + ul li .mets-command-link {
	text-decoration: none;
}

.solWrapper .content-tile-header .mets-ellipsis-action-menu {
	flex: 0 0 auto;
	margin: 0 -10px 0 10px;
}

.content-tile-header-sub-info {
	color: var(--fg-color-2);
	display: inline-block;
	font-size: .86rem;
	margin-left: 5px;
	vertical-align: bottom;
}

.tile-header-secondary-info {
	color: var(--fg-color-2);
	font-size: .86em;
	font-weight: 400;
}

.content-tile .content-tile-content .mets-field {
	align-items: flex-start;
	color: var(--fg-color-2);
	display: flex;
	line-height: 1.2;
	margin: 2.5px;
	min-height: 0;
}

.content-tile .content-tile-content .mets-field .mets-field-label {
	align-items: baseline;
	display: flex;
	flex: 0 0 auto;
	font-weight: 400;
	margin: 0 6px 0 0;
	text-align: left;
	width: auto;
}

.content-tile-content .mets-field .mets-field-label .mets-icon {
	flex: 0 0 auto;
	height: 12px;
	margin-right: 10px;
	width: 12px;
}

.content-tile .content-tile-content .mets-field .mets-command-link {
	font-size: .86rem;
}

.content-tile .content-tile-content .mets-field .mets-field-body {
	flex: 1 1 auto;
}

.content-tile-content .content-tile-documents.mets-field,
.content-tile-content .content-tile-documents .mets-field-body {
	display: block;
}

.content-tile-content .content-tile-documents.mets-field {
	margin: 10px 0 0;
}

.content-tile .content-tile-expand {
	align-items: center;
	display: flex;
}

.content-tile .content-tile-expand .mets-icon {
	height: .4rem;
	margin: 0 0 0 12px;
	order: 2;
	transition: transform .3s ease-out;
	width: .72rem;
}

.content-tile.expanded .content-tile-expand .mets-icon {
	transform: rotate(-180deg);
}




/* ================================================== */
/* Secondary Tabs					   	    	      */
/* ================================================== */

.mets-tab-view.secondaryTabs {
	border-bottom: 1px solid var(--border-color);
	display: flex;
	height: auto;
	margin: 0 -16px;
	padding: 0;
}

.mets-tab-view.secondaryTabs:first-child {
	margin-top: -2rem;
}

.mets-tab-view.secondaryTabs li.mets-tab {
	flex: 1 1 auto;
	font-size: 93%;
	font-weight: 400;
	margin: 0;
}

.mets-tab-view.secondaryTabs li.mets-tab a {
	border: none;
	color: var(--fg-color-2);
	line-height: 1.2;
	padding: 10px 16px;
	text-align: center;
	transition: color .4s ease-out;
}

.mets-tab-view.secondaryTabs li.mets-tab a:hover {
	color: var(--action-color);
}

.mets-tab-view.secondaryTabs li.mets-tab:first-child a {
	border-left: none;
}

.mets-tab-view.secondaryTabs li.mets-tab.selected a {
	color: var(--action-color);
	font-weight: 500;
}

/* === Dialog inside content-block with tabs === */

.ui-dialog-content .mets-tab-view.secondaryTabs {
	margin: -15px -15px 0;
}

.slimDialog .ui-dialog-content .mets-tab-view.secondaryTabs {
	margin: 0 -10px;
}



/* ================================================== */
/* Horizontal Tabs					   	    	      */
/* ================================================== */

.mets-tab-view.HRTabs {
	background: none;
	border: none;
	display: flex;
	height: auto;
    margin: 24px 0 0;
    padding: 0;
}

.mets-tab-view.HRTabs li {
	flex: 0 0 auto;
    list-style: none;
	margin: 0;
}

.mets-tab-view.HRTabs li a {
	background: var(--bg-tabs);
	border: none;
	border-right: 1px solid var(--border-color);
	align-items: center;
    color: var(--fg-tabs);
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 1.4;
    padding: 10px 16px;
    position: relative;
    text-decoration: none;
    transition: background .3s ease-out;
}

.mets-tab-view.HRTabs li.mets-tab:first-child a {
	border-left: none;
}

.mets-tab-view.HRTabs li a:hover {
	background: var(--bg-tabs-hover);
	color: var(--fg-tabs-hover);
	opacity: 1;
}

.mets-tab-view.HRTabs li.selected a {
	background: var(--bg-tabs-selected);
	color: var(--fg-tabs-selected);
	font-weight: 500;
}

.mets-tab-view.HRTabs li.selected a:before {
	border-top: 2px solid var(--bg-accent-color-2);
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.mets-tab-view.HRTabs li a .HRTabItemText {
	flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mets-tab-view.HRTabs li a svg.mets-icon {
	fill: var(--action-color);
	flex: 0 0 auto;
    height: 1rem;
    margin-right: 10px;
    width: 1rem;
}

.mets-tab-view.HRTabs ~ .mets-tab-view-body {
	background: var(--bg-color-2);
	border: none;
	padding: 16px;
}




/* ================================================== */
/* Evaluator Boxes					   	    	      */
/* ================================================== */

.evaluatorBoxesContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0 -1.8%;
}

.evaluatorBoxContainer {
	display: flex;
	flex: 0 0 20%;
	margin: 10px 1.8%;
	max-width: 20%;
	min-width: 0;
	position: relative;
}

.evaluatorBoxContainer:before {
	content: '';
	left: 0;
	padding-bottom: 91%;
	position: relative;
	top: 0;
	width: 0;
}

.evaluatorBox {
	border: 1px solid var(--border-color);
	border-radius: 4px;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: space-between;
	left: 0;
	min-width: 0;
	position: relative;
	top: 0;
	width: 100%;
}

/* Fixed for edge since padding bottom trick doesn't work when parent is flex. */
@supports (-ms-ime-align: auto) {
	.evaluatorBoxContainer {
		display: block;
	}

	.evaluatorBoxContainer:before {
		float: left;
	}

	.evaluatorBoxContainer:after {
		clear: both;
		content: ' ';
		display: block;
		height: 0;
	}

	.evaluatorBox {
		height: 100%;
	}
}

@media (min-width: 1250px) {

	.evaluatorBoxesContainer {
		margin: 0 -2%;
	}

	.evaluatorBoxContainer {
		flex: 0 0 16%;
		margin: 10px 2%;
		max-width: 16%;
	}

}

@media (min-width: 1600px) {

	.evaluatorBoxesContainer {
		margin: 0 -1.33%;
	}

	.evaluatorBoxContainer {
		flex: 0 0 14%;
		margin: 10px 1.33%;
		max-width: 14%;
	}

}


/* === Evaluator box content ===  */

.evaluatorBoxContent {
	flex: 1 1 auto;
	min-height: 85px;
	padding: 16px;
}

.evaluatorBoxContentContactName {
	color: var(--fg-color);
	display: block;
	font-weight: 500;
	word-wrap: break-word;
}

.edit_mode .evaluatorBoxContentContactName {
	padding-right: 5px;
}

.evaluatorBoxContentContactCity {
	color: var(--fg-color-2);
	display: block;
	font-size: 86%;
	font-weight: 400;
	line-height: 1.4em;
}


/* === Evaluator Box form section === */

.evaluatorBoxFormSections {
	align-items: center;
	background: var(--bg-accent-color-4);
	border-top: 1px solid var(--border-color);
	color: var(--fg-color);
	display: flex;
	flex: 0 0 auto;
	font-size: .86rem;
	font-weight: 400;
	line-height: 1.2;
	padding: 10px 16px;
}

.evaluatorBox .mets-command-link.evaluatorBoxDelete {
	color: #1D2B4A;
	position: absolute;
	right: 5px;
	top: 5px;
}

.evaluatorBox .mets-command-link.evaluatorBoxDelete:hover {
	color: #1D2B4A;
}

.evaluatorBoxDelete .mets-icon.svg-delete {
	display: block;
	fill: currentColor;
	height: 14px;
	margin: 0;
	transition: opacity .3s ease-out;
	width: 12px;
	will-change: opacity;
}

.evaluatorBoxFormSections svg {
	fill: currentColor;
	flex: 0 0 auto;
	height: 12px;
	margin-right: 5px;
	vertical-align: bottom;
	width: 10px;
}

.evaluatorBoxFormSectionsText {
	align-self: center;
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Multiselect */

.evaluatorBoxMultiselectWrapper {
	flex: 0 1 auto;
	min-width: 0;
	width: 100%;
}

.evaluatorBox .ui-multiselect {
	color: #1D2B4A;
	font-size: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100% !important;
}

.ui-multiselect-menu.evaluatorBoxMultiselect {
	min-width: 200px;
}


/* === Current Evaluator === */

.evaluatorBox.currentEvaluator {
	background: #005377;
}

.currentEvaluator .evaluatorBoxFormSections {
	background: #005377;
	border-top: 1px solid rgba(244, 244, 244, .13);
}

.currentEvaluator .evaluatorBoxContentContactName,
.currentEvaluator .evaluatorBoxContentContactCity,
.currentEvaluator .evaluatorBoxFormSections,
.currentEvaluator .mets-command-link.evaluatorBoxDelete,
.currentEvaluator .mets-command-link.evaluatorBoxDelete:hover {
	color: #fff;
}

.currentEvaluator .ui-multiselect {
	background: #005377;
	color: #fff;
}

.currentEvaluator .ui-multiselect .ui-icon {
	border-color: #fff transparent transparent transparent;
}


/* === Inactive Evaluator === */

.evaluatorBox.inactiveEvaluator {
	background: rgba(204, 203, 203, 0.5);
}

.inactiveEvaluator .evaluatorBoxContentContactName {
	color: var(--fg-color-2);
}

.inactiveEvaluator .evaluatorBoxFormSections {
	background: none;
	border-top: 1px solid rgba(116, 128, 138, .23);
}


/* === Conflicted Evaluator === */

.evaluatorBox.conflictedEvaluator {
	background: rgb(254, 127, 60);
	background: -moz-linear-gradient(130deg, rgb(254, 127, 60) 0%, rgb(201, 70, 75) 80%);
	background: -webkit-linear-gradient(130deg, rgb(254, 127, 60) 0%, rgb(201, 70, 75) 80%);
	background: -o-linear-gradient(130deg, rgb(254, 127, 60) 0%, rgb(201, 70, 75) 80%);
	background: -ms-linear-gradient(130deg, rgb(254, 127, 60) 0%, rgb(201, 70, 75) 80%);
	background: linear-gradient(220deg, rgb(254, 127, 60) 0%, rgb(201, 70, 75) 80%);
	color: #fff;
}

.conflictedEvaluator .evaluatorBoxContent {
	align-items: center;
	border: none;
	color: #fff; /* Needed if this element is a link */
	display: flex;
	flex-direction: column;
	text-align: center;
	text-decoration: none;
}

.conflictedEvaluator .mets-command-link.evaluatorBoxContent {
	transform-origin: center bottom;
	transition: transform .3s ease-out;
}

.conflictedEvaluator .mets-command-link.evaluatorBoxContent:hover {
	color: #fff;
	transform: scale(1.1);
}

.conflictedEvaluator .evaluatorBoxContent > * {
	flex: 0 0 auto;
	order: 1;
}

.conflictedEvaluator .mets-command-link.evaluatorBoxDelete,
.conflictedEvaluator .mets-command-link.evaluatorBoxDelete:hover {
	color: #fff;
}

.conflictedEvaluator .mets-icon {
	height: 2.1em;
	margin: auto 0;
	order: 0;
	width: 4.9em;
}

.conflictedEvaluator .mets-command-link.evaluatorBoxContent .mets-icon:hover {
	opacity: 1;
}

.conflictedEvaluator .evaluatorBoxContentContactName {
	color: #fff;
	font-size: 1.06em;
	margin: -1em 0 2px;
	padding: 0;
}

.conflictedEvaluator .evaluatorBoxContentSubText {
	font-size: 72%;
	display: block;
	margin: 0 0 5px;
}





/* ================================================== */
/* Two Col Fields					   	    	      */
/* ================================================== */

.solWrapper .twoColFieldsContainer {
	overflow: hidden;
}

.solWrapper .twoColFields,
.solWrapper #regionSelection.twoColFields > div,
.solWrapper #projectRegionsContainer.twoColFields > div,
.solWrapper .content-block .fieldset.twoColFields {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.25rem 20px;
}

.solWrapper .twoColFields {
	margin-bottom: 0;
}

.solWrapper .twoColFields.hidden,
.solWrapper #regionSelection.twoColFields.hidden > div,
.solWrapper #projectRegionsContainer.twoColFields.hidden > div,
.solWrapper .content-block .fieldset.twoColFields.hidden {
	display: none;
}

.solWrapper .twoColFields.more-space,
.solWrapper #regionSelection.twoColFields.more-space > div,
.solWrapper #projectRegionsContainer.twoColFields.more-space > div {
	margin: 0 -2.4rem 20px;
}

.solWrapper .twoColFields > .mets-field,
.solWrapper .twoColFields > .pageColumn,
.solWrapper #regionSelection.twoColFields > div > .mets-field,
.solWrapper #projectRegionsContainer.twoColFields > div > .mets-field {
	flex: 1 0 250px;
	max-width: 100%;
	min-width: 50%;
	padding: 0 1.25rem;
}

.solWrapper .twoColFields.more-space > .mets-field,
.solWrapper .twoColFields.more-space > .pageColumn,
.solWrapper #regionSelection.twoColFields.more-space > div > .mets-field,
.solWrapper #projectRegionsContainer.twoColFields.more-space > div > .mets-field {
	padding: 0 2.4rem;
}

.solWrapper .twoColFields > .twoColFields,
.solWrapper #regionSelection.twoColFields > div,
.solWrapper #projectRegionsContainer.twoColFields > div,
.solWrapper .twoColFields.more-space > .twoColFields.more-space,
.solWrapper #regionSelection.twoColFields.more-space > div,
.solWrapper #projectRegionsContainer.twoColFields.more-space > div {
	flex: 1 1 100%;
	margin: 0;
}

.solWrapper .twoColumns,
.solWrapper .content-block .twoColumns {
	margin: 0 -1.25rem;
}

.solWrapper .twoColumns h3,
.solWrapper .content-block .twoColumns > h3:first-child,
.solWrapper .content-block .twoColumns > .content-block-sub-title,
.solWrapper .content-block fieldset.twoColumns:not(.accessibility-fieldset) > legend:not(.accessibility-hidden) {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.solWrapper .twoColumns > div {
	padding: 0 1.25rem;
}

.solWrapper .twoColumns .mets-field > .mets-field-label {
	width: auto;
}

.solWrapper .twoColumns .mets-field > .mets-field-body {
	width: auto;
}

.slimDialog .twoColumns,
.slimDialog .content-block .twoColumns {
	margin: 0 -14px;
}


.slimDialog .twoColumns h3,
.slimDialog .fieldset.twoColumns > h3:first-child,
.slimDialog .content-block .twoColumns > h3:first-child,
.slimDialog .content-block .twoColumns > .content-block-sub-title,
.slimDialog .content-block fieldset.twoColumns:not(.accessibility-fieldset) > legend:not(.accessibility-hidden) {
	padding-left: 14px;
	padding-right: 14px;
}

.slimDialog .twoColumns > div {
	padding: 0 14px;
}

.solWrapper .twoColFields .mets-field.twoColPhoneField .mets-field-body input[type=text] {
	width: 76%;
}

.solWrapper .twoColFields .mets-field.twoColPhoneField input[type=text] + .mets-field {
	margin-left: 4%;
	width: 20%;
}

.solWrapper .twoColFields .mets-field.twoColPhoneField input[type=text] + .mets-field input[type=text] {
	width: 100%;
}

.solWrapper .twoColFields .button-bar {
	flex: 0 0 100%;
	padding: 0 1.25rem;
}

.solWrapper .phone .mets-field.ext,
.solWrapper .mets-field.phone .mets-field.extSmall {
	left: 6em;
	margin-left: 2em;
}

.solWrapper .phone .mets-field.ext,
.solWrapper .mets-field.phone .mets-field.extSmall {
	left: 7.5em;
}

.solWrapper .phone > .mets-field-body {
	position: static;
}

.solWrapper .phone .ext .mets-field-label,
.solWrapper .mets-field.phone .mets-field.extSmall .mets-field-label {
	margin-top: 0;
}

.solWrapper .twoColumns .mets-field.phone .mets-field.extSmall > .mets-field-label {
	width: auto;
}

.solWrapper .mets-field.date-field .mets-field-body,
.solWrapper .mets-field.date-field .mets-field-body > div {
	align-items: center;
	display: flex;
}

.solWrapper .date-field .mets-calendar.useSVGImage + img.ui-datepicker-trigger,
.solWrapper .mets-field.date-field .mets-field-body > a {
	flex: 0 0 auto;
}

.solWrapper .date-field input.mets-calendar + img.ui-datepicker-trigger + a .mets-icon.svg-clear {
	display: block;
}

.solWrapper .date-range-field > .mets-field-body {
	align-items: center;
	display: flex;
	margin: 0 -8px;
}

.solWrapper .date-range-field > .mets-field-body > .mets-field {
	align-items: center;
	display: flex;
	flex: 0 0 auto;
	margin: 0;
	padding: 0 8px;
}

.solWrapper .date-range-field > .mets-field-body > .mets-field > .mets-field-label {
	font-weight: 400;
	margin: 0 16px 0 0;
}

.solWrapper .field-row,
.solWrapper .field-edit-row {
	display: flex;
	margin: 0 -4px;
}

.solWrapper .field-row .mets-field,
.solWrapper .field-edit-row .mets-field {
	flex: 0 1 auto;
	min-width: 0;
	padding: 0 4px;
}

.solWrapper .field-edit-row {
	margin: 0 -16px;
}

.solWrapper .field-edit-row .mets-field {
	padding: 0 16px;
}




/* ================================================== */
/* Manual Columns					   	    	      */
/* ================================================== */

.solWrapper .twoManualCols {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.25rem 20px;
}

.solWrapper .manualCol {
	flex:  0 0 50%;
	max-width: 50%;
	padding: 0 1.25rem;
}

.solWrapper .manualCol .mets-singleFileUpload-DragAndDropContainer {
	margin: calc( 10px - .6em ) auto 1em;
}

.solWrapper .manualCol .mets-singleFileUploadfield-uploadControlsContainer,
.solWrapper .manualCol .mets-singleFileUploadfield-uploadControlsContainer div {
	float: none;
}

.solWrapper .manualCol .mets-singleFileUploadfield-uploadControlsContainer {
	margin: 0;
}




/* ================================================== */
/* Vertical Columns					   	    	      */
/* ================================================== */

.solWrapper .verticalColFields {
	-webkit-column-count: 2;
	column-count: 2;
	margin: 0 -3% 20px;
}

.solWrapper .verticalColFields:last-child {
	margin-bottom: 0;
}

.solWrapper .verticalColFields > div {
	float: none;
	padding: 0 6%;
}

.solWrapper .verticalColFields .mets-field {
	-webkit-column-break-inside: avoid;
	column-break-inside: avoid;
	display: inline-block;
	width: 100%;
}

.solWrapper .verticalColFields .mets-field .mets-field-body {
	position: static;
}

.solWrapper .verticalColFields #regionSelection {
	-webkit-column-break-inside: avoid;
	column-break-inside: avoid;
	display: inline-block;
	width: 100%;
}

.solWrapper .verticalColFields .mets-field.twoColPhoneField .mets-field-body input[type=text] {
	width: 76%;
}

.solWrapper .verticalColFields .mets-field.twoColPhoneField input[type=text] + .mets-field {
	margin-left: 4%;
	width: 20%;
}

.solWrapper .verticalColFields .mets-field.twoColPhoneField input[type=text] + .mets-field input[type=text] {
	width: 100%;
}




/* ================================================== */
/* Legend							   	    	      */
/* ================================================== */

.solWrapper fieldset.legend p,
.solWrapper div.fieldset.legend p {
	align-items: center;
	display: inline-flex;
	font-weight: 400;
	margin-right: 3em;
	width: auto;
}

.solWrapper fieldset.legend p svg,
.solWrapper div.fieldset.legend p svg {
	margin-right: 10px;
}



/* ================================================== */
/* Editable Info Box				   	    	      */
/* ================================================== */

.editable-info-box {
	background: var(--bg-color);
	padding: 16px;
	position: relative;
}

.editable-info-box-edit-btn-container {
	position: absolute;
	right: 14px;
	top: 14px;
}

.editable-info-box-edit-btn-container .mets-command-link {
	display: block;
}

.editable-info-box-edit-btn-container .mets-icon {
	margin: 0;
}

.mets-dialog-window .mets-dialog-window-content .editable-info-box .mets-field:last-child {
	margin-bottom: 0;
}



/* ================================================== */
/* Vard list View					   	    	      */
/* ================================================== */

.card-list {
	display: flex;
	flex-wrap: wrap;
	margin: -8px;
}

.card {
	background: var(--bg-color-2);
	flex: 0 0 auto;
	flex-basis: calc( 25% - 16px );
	margin: 8px;
	min-width: 0;
	padding: 16px;
}
.card-info-row {
	margin: 2px 0;
}

.card-info-label {
	display: inline-block;
	font-weight: 500;
	text-transform: lowercase;
}

.card-info-label::first-letter {
	text-transform: uppercase;
}

.card-info-val {
	color: var(--fg-color-2);
}

.card-actions {
	margin: 16px 0 0;
}







/* ==================================================================================================== */
/*                                                                               		Bid Results Tab */
/* ==================================================================================================== */

.solWrapper .bidResultDocumentTable {
	width: 100%;
}

.solWrapper .abstractOrgAddress {
	margin-top: -15px;
}

.solWrapper .abstractOrgAddress .mets-field-body {
	color: var(--fg-color-2);
	font-size: 86%;
}

.solWrapper .addItemProposalCommentSection > a {
	top: 0;
	width: auto;
}

.solWrapper .mets-field.mets-field-compact .mets-singleFileUploadfield-fileInfo .svg-file {
	display: none;
}

.solWrapper .bidItemsTotalFields {
	display: flex;
	justify-content: flex-end;
	margin-top: 12px;
}

.solWrapper .bidItemsTotalFields > div {
	flex: 0 0 auto;
}

.solWrapper .bidItemsTotalFields .mets-field.mets-field-compact {
	display: block;
	text-align: left;
}

.solWrapper .bidItemsTotalFields .mets-field.mets-field-compact.hidden {
	display: none;
}

.solWrapper .bidItemsTotalFields .mets-field.mets-field-compact .mets-field-label {
	display: inline-block;
	min-width: 12em;
	vertical-align: baseline;
}

.solWrapper .bidItemsTotalFields .mets-field.mets-field-compact .mets-field-body {
	display: inline-block;
	vertical-align: baseline;
}

.solWrapper .mets-table.itemsListTable {
	table-layout: auto;
}

.solWrapper .mets-table.itemsListTable th {
	white-space: nowrap;
}

.solWrapper .bidResultItems .mets-table.itemsListTable tbody tr:nth-last-child(2) {
	border-bottom: 1px solid var(--border-color);
}




/* ==================================================================================================== */
/*                                                                                   		        DAW */
/* ==================================================================================================== */

.solWrapper .dawApprovalContactsPanelContainer .jstree-default .jstree-anchor {
	background: none;
	color: var(--fg-color);
	cursor: default;
	text-decoration: none;
}




/* ==================================================================================================== */
/*                                                                                   		    Dialogs */
/* ==================================================================================================== */


@media screen and (max-width: 1079px) {
	.mobile-friendly .mets-dialog-window,
	.mobile-friendly .solWrapper .mets-dialog-window.changeLogsDialog {
		min-width: 300px;
	}
	
	.mobile-friendly .mets-dialog-window .mets-dialog-window-content-wrapper {
		max-width: 600px;
		min-width: 300px;
		width: 100%;
	}
}


/* ================================================== */
/* New/Edit Email Template - Preview Dialog    	      */
/* ================================================== */

.slimDialog .email-template-tab-body {
	border: none;
	margin: 15px 0 0;
	padding: 0;
	position: relative;
}

.solWrapper .slimDialog.emailTemplatePreviewDialog {
	max-width: 780px;
}

.previewTemplateLightbox {
	width: auto;
}

.slimDialog .fieldset,
.slimDialog fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

.slimDialog fieldset {
	width: 100%;
}

.slimDialog .notificationHtmlLightboxContainer {
	margin-top: 10px;
	max-height: none;
	overflow: visible;
	width: auto;
	word-break: break-word;
	word-wrap: break-word;
}

.notificationHtmlContainer td,
.notificationHtmlLightboxContainer td {
	font: inherit !important;
	font-style: italic !important;
	color: var(--fg-color) !important;
}

.notificationHtmlContainer a,
.notificationHtmlLightboxContainer a {
	color: var(--action-color) !important;
	pointer-events: none;
}




/* ================================================== */
/* Bid Results Dialog				   	    	      */
/* ================================================== */

.slimDialog .bidResultRevisionDialog,
.slimDialog .diffViewDialog {
	max-width: 100%;
	min-width: 670px;
	width: 960px;
}

.slimDialog .bidResultRevisionDialog .mets-dialog-window-content {
	padding: 0 10px;
}

.slimDialog #awardRevisionDialogBody,
.slimDialog #bidResultRevisionDialogBody {
	background: var(--bg-color);
	padding: 16px;
}

.slimDialog #awardRevisionDialogBody .content-block:not(.basic),
.slimDialog #bidResultRevisionDialogBody .content-block:not(.basic) {
	background: var(--bg-color-2);
	margin: 16px 0 0;
	padding: 16px;
}

.slimDialog .bidResultRevisionDialog .mets-dialog-window-content {
	padding: 0 10px;
}

.bidResultRevisionDialog .fieldset {
	margin: 0;
}

.awardPublicationContent .singleLineFields {
	margin-bottom: 16px;
}

.awardPublicationContent .singleLineFields .mets-field .mets-field-label {
	min-width: 235px;
}

.slimDialog .awardDocumentTable {
	margin-top: 16px;
}

.slimDialog .bidResultSupplierItem,
.slimDialog .awardeeItem {
	position: relative;
}

.slimDialog #awardRevisionDialogBody .content-block > h3:first-child,
.slimDialog #bidResultRevisionDialogBody .content-block > h3:first-child,
.slimDialog #awardRevisionDialogBody fieldset.content-block > legend,
.slimDialog #bidResultRevisionDialogBody fieldset.content-block > legend {
	margin: 0;
	padding: 0 0 16px;
}

.slimDialog #awardRevisionDialogBody .content-block .awardeeSubTitle,
.slimDialog #bidResultRevisionDialogBody .content-block .awardeeSubTitle {
	font-size: 1em;
	margin: 0;
	padding: 24px 0 2px;
}

.slimDialog .bidResultDocumentTable {
	width: 100%;
}

.slimDialog .bidResultRevisionDialog .mets-icon {
	margin-right: 5px;
}




/* ================================================== */
/* File Dialogs				 	   			 	      */
/* ================================================== */

[id^=deleteFileDialog] .mets-dialog-window-content-wrapper {
	width: 360px;
}

[id^=uploadErrorDialog] .mets-dialog-window-content-wrapper {
	width: 470px;
}



/* ================================================== */
/* Ajax Error Dialog				 	    	      */
/* ================================================== */

.slimDialog #ajaxErrorDialog .mets-dialog-window-content-wrapper {
	max-width: 560px;
	width: auto;
}

.slimDialog #ajaxErrorDialog .error-wrapper {
	width: 80%;
}



/* ================================================== */
/* Start Bid Eval Dialog			 	    	      */
/* ================================================== */

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

#deleteBidConfirmation .mets-dialog-window-content-wrapper,
#deleteNoBidConfirmation .mets-dialog-window-content-wrapper {
	width: 460px;
}

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





/* ==================================================================================================== */
/*                                                                                   		     Footer */
/* ==================================================================================================== */


#advancedSearchSection.hidden, #modeSwitchButtonBasic.hidden {
	display: none;
}