/*MEGAEDIT CHANGES*/

/*hide add text user*/
.megaEditBodyClass-RegisteredUser .buttonContainer.leftSide.buttons a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewButton.addTextFieldButton.dragIcon.dragText.ng-scope.ui-draggable {
    display: none;
}
/*hide add barcode user*/
.megaEditBodyClass-RegisteredUser .buttonContainer.leftSide.buttons .meuiNonLayout.ng-scope.ng-isolate-scope[ng-switch-when="DraggableButton"] .catfish-button {
	display: none;
}
/*hide admin overflowing buttons*/
.meuiTabBody.tab-item.ng-scope  .column.ng-scope.ng-isolate-scope.meuiColumnLayout.is-12 .columns.is-mobile.is-multiline.is-vcentered.is-variable.is-1 button[id="0dcb808e-5686-447b-aa15-d768a0dd1b41"] {
	display: none;
}
.meuiTabBody.tab-item.ng-scope  .column.ng-scope.ng-isolate-scope.meuiColumnLayout.is-12 .columns.is-mobile.is-multiline.is-vcentered.is-variable.is-1 button[id="fab70d9d-0d96-4066-947e-9036bcfa8960"] {
	display: none;
}

/*hide add

/*ME Edits May 5*/

	/*search*/
	div#imageSearchResults button {
		border: 0px;
		text-align: left;
		background: white;
		border-bottom: 1px solid #002E47;
		width: 100%;
		padding: 5px;
	}
	div#imageSearchResults {
		width: 100%;
		transform: translate(0px, -30px);
		-webkit-transform: translate(0px, -30px);
		-moz-transform: translate(0px, -30px);
		-ms-transform: translate(0px, -30px);
		-o-transform: translate(0px, -30px);
}
	/*back layout*/
	img.layout-thumbnail {
		background-position: contain;
		object-fit: contain!important;
		padding: 1rem;
		background: rgb(140, 29, 64);
	}
	.modal-footer.modal-card-foot.ng-scope button.btn.btn-default.btn-me.catfish-button.ng-binding.ng-scope {
		border: solid #002E47 1px;
	}

	/*general ME editor changes*/

	/*TOP PANEL OF EDITOR*****************/

	.editorTop.pane {
		background: var(--asu-light-gray3);
	}
	/*add to cart button*/
	button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope {
		background: var(--asu-gold);
		color: black;
	}
	/*zoom buttons*/
	.zoom_options.buttons.ng-scope .catfish-button {
		background: var(--asu-dark-gray);
		color: white;
	}
	a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton.fullScreen.ng-scope {
		background: var(--asu-dark-gray)!important;
	}
	/*top panel product name*/
	.editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name, .editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name:hover {
		overflow: visible;
		background: transparent;
		color: black;
		cursor: default;
	}
	
	.editorTop.pane .headerWrapper .currentCanvasSizeWrapper .current_prod_name:hover {
		transform: none!important;
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
}
	/*left side buttons*/

	.buttonContainer.leftSide.buttons {
		flex-direction: row-reverse;
	}
	/*back button*/
	a.btn.btn-default.btn-me.backButton.catfish-button.has-text-hidden-mobile {
		order: 1;
		background: var(--asu-gold);
    	color: black;
	}
	/*menu button*/
	.catfish-classes.me-global-menu button.catfish-button {
		background: var(--asu-medium-gray);
		color: white;
	}

	/*right side buttons*/

	/*preview button*/
	.viewControlButton.previewButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline {
		background: var(--asu-maroon);
		color: white;
	}
	/*PDF preview button*/
	button.viewControlButton.pdfDownloadButton.catfish-button.has-text-hidden-mobile.btn.btn-primary.pageItemInline {
		background: var(--asu-error-warning);
		color: white;
	}
	/*save as project button*/
	button.saveProjectButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg.ng-scope {
		background: var(--asu-green);
		color: white;
	}
	/*undo redo*/
	a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton {
		background: var(--asu-medium-gray);
		color: white;
	}
	a.catfish-button.has-text-hidden-mobile.btn.btn-default.btn-me.viewControlButton[disabled="disabled"] {
		background: transparent;
		color: var(--asu-medium-gray);
		transform: none!important;
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
	}


	/*RIGHT PANEL EDITOR***************/
	.customScriptUi-freeTarget.meuiNonLayout.ng-scope.has-background-light.box.has-no-border-radius {
		background: var(--asu-light-gray3)!important;
	}
	/*gear button*/
	#consoleSwitch .consoleSwitchButton {
		background: url(/1844440146/Handler/Static/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.cog.svg) var(--asu-error-warning) center center;;
		background-size: 30px 30px;
	}
	/*or choose your logo*/
	.customScriptUi-freeTarget.meuiNonLayout.ng-scope.has-background-light.box.has-no-border-radius .label.is-small {
		font-size: 1rem;
	}
	/*hide crosshairs buttons users
	.megaEditBodyClass-RegisteredUser .customScriptUi-freeTarget.meuiNonLayout.ng-scope.has-background-light.box.has-no-border-radius .zoom-button {
		display: none;
	}
	*/

	/*LEFT PANEL EDITOR**********/

	/*toggle open close arrow button*/
	.toggleCollapseTab {
		background: var(--asu-maroon) url(/Catfish.Web/Scripts/ME2k/img/svg_dark/appbar.arrow.left.right.svg) no-repeat center center;
		background-size: 25px 25px;
	}
	.toggleCollapseTab:hover {
		background-color: var(--asu-maroon);
	}
	/*left panel background is set in appearance settings*/

	/*left panel text color*/
	.editorLeft #leftPaneTabs #leftPaneList .lhTab a span {
		color: black;
		font-weight: 600;
		font-family: 'Arial';
	}
	.editorLeft #leftPaneTabs #leftPaneList .lhTab a .icon {
		filter: invert(100%);
		-webkit-filter: invert(100%);
	}
	/*tabs background color*/
	.ui-tabs .ui-tabs-nav {
		background: var(--asu-light-gray3);
	}

	/*CANVAS AND PAGE LIST*/

	/*page list title*/
	.pageListContainer .pagelist_title {
			margin-left: 1rem;
	}
	/*page list images*/
	.pageListContainer .pageSelectorContainer .pageSelectorItem img {
		border: 1px solid var(--asu-dark-gray2);
		object-fit: contain!important;
	}
	.pageSelectorItem .pageSelectorItem__info {
		border: 0px;
	}
	/*page selector icon*/
	.pageSelectorItem .pageMarker {
			background: var(--asu-info-notification);
			border: 0px!important;
	}

	/* ADD TO CART POP UP SCREEN*/

	/*top and bottom background*/
	.ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-dialog-buttonpane {
		background: var(--asu-light-gray3);
		color: black;
	}
	/*x button*/
	.ui-dialog .ui-dialog-titlebar-close .ui-icon {
		background: var(--asu-medium-gray);
	}
	.ui-dialog .ui-dialog-titlebar-close .ui-icon::before, .ui-dialog .ui-dialog-titlebar-close .ui-icon::after {
		background-color: white;
	}

	/*no button*/
	button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
		background: var(--asu-dark-gray);
		color: white;
		border-radius: 30px;
		font-weight: 600;
	}
	button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
		transform: scale(1.05);
		transition: 0.2s;
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		-ms-transition: 0.2s;
		-o-transition: 0.2s;
}
	/*yes button*/
	.ui-dialog.dialogGeneralConfirm .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child {
		background: var(--asu-gold);
		color: black!important;
	}
	.ui-dialog.dialogGeneralConfirm .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:focus:not(:active) {
		box-shadow: none!important;
	}
	.ui-dialog.dialogGeneralConfirm .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:first-child:hover {
		background: var(--asu-gold);
		color: black;
		transform: scale(1.05);
		transition: 0.2s;
		-webkit-transition: 0.2s;
		-moz-transition: 0.2s;
		-ms-transition: 0.2s;
		-o-transition: 0.2s;
	}
	/*some media queries for smaller desktop sizes*/
	@media screen and (max-width:1269px) {
	.buttonContainer.leftSide.buttons {
		flex-direction: row;
	}
	.rightSideWrapper {
		order: 2;
	}
}
/*hover effects*/

.megaEditBodyClass-RegisteredUser .catfish-button:hover {
	transform: scale(1.02);
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
}
/*when you click PDF preview, what pops up*/
.notification.is-success {
	background: white;
	border: solid 1px var(--asu-dark-gray2);
	color: black;
	font-weight: 600;
}
.notification.is-success a {
	color: var(--asu-info-notification)!important;
}
.notification.is-success button.close.delete {
	background: var(--asu-medium-gray);
}
.notification.is-success button.close.delete::before, .notification.is-success button.close.delete::after {
	background-color: white;
}
.notification.is-success button.button.catfish-button.me-message-button.btn.ng-binding {
	background: var(--asu-medium-gray);
	color: white;
}

/*preview on site*/
button.preview_close_button.button.is-primary.ng-binding {
	background: var(--asu-medium-gray);
	color: white;
}

/*edit back business card button*/
.pane.ui-layout-east.freeTargetContainer.ui-layout-pane.ui-layout-pane-east.is-open.is-opened .meuiNonLayout.ng-scope.ng-isolate-scope .catfish-button.is-fullwidth {
	color: white;
	background: var(--asu-maroon);
}
/*select back modal*/
body.is_Default_Device.megaEditBodyClass-Admin.MeMobileLandscape.Script_DynamicUiGeneration_New.modal-open .modal-dialog {
    width: 50%;
}
.modal-body.modal-card-body.ng-scope .meuiNonLayout.ng-scope.ng-isolate-scope .catfish-button.is-fullwidth {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
.modal-footer.modal-card-foot.ng-scope button.btn.btn-default.btn-me.catfish-button.ng-binding.ng-scope {
	background-color: var(--asu-dark-gray);
	color: white;
	border: 0px;
}
.meuiNonLayout.ng-isolate-scope .subtitle.is-6.button {
    display: block;
    font-size: 12px;
    background: var(--asu-light-gray3);
    border-radius: 0px;
    display: flex;
    white-space: pre-wrap;
}

/*ME loading editor screen*/

/*loading screen background*/
.loadingScreen {
	background: var(--asu-light-gray3);
}
/*logo*/
.loadingScreen .loadingLogo__logo {
	margin: 0px;
}
	
.loadingScreen .loadingLogo__logo img {
    object-fit: contain;
    width: 500px;
}

/*step indicator*/
.loadingScreen .loadScreenStepIndicator {
    font-size: 14px;
    color: var(--asu-medium-gray);
    letter-spacing: 1px;
    margin-top: 50px;
    text-transform: uppercase;
}
/*loading hints*/
.loadingScreen .ME_loading_hints {
	margin: 0px;
	margin-top: 70px;
}
.loadingScreen .ME_loading_hints ul li {
	width: 100%;
    box-sizing: border-box;
    color: var(--asu-medium-gray);
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 1px var(--asu-maroon);
    margin-top: 20px;
    font-size: 14px;
    letter-spacing: .5px;
}
/*classic spinner*/
i.fa.fa-cog.slow-spin {
    display: none;
}
/*cog spinning*/
.gear-outer {
    font-size: 25px;
    position: absolute;
    top: 0;
    left: -30%;
    z-index: -1;
    height: 100vh;
    display: flex;
    fill: var(--asu-medium-gray2);
}
svg.gear {
	-webkit-animation: a 5s infinite linear;
    animation: a 5s infinite linear;
}
/*gear media queries*/
@media screen and (max-width:1465px) {
	.gear-outer {
		left: -50%;
	}
}
@media screen and (max-width:1028px) {
	.gear-outer {
		left: -60%;
	}
}
@media screen and (max-width:800px) {
	.gear-outer {
		left: -90%;
	}
}

/*condensed ME editor for nametags and other products*/

.MEarone .q_menu_show_button.catfish-button.is-info.ng-scope {
    background: var(--asu-dark-gray);
    font-weight: 600;
}
/*right side panel buttons and labels*/
.MEarone .meuiNonLayout.ng-scope.standardBatchScriptPlaceholderGroup.sidebar {
    margin-top: 3rem;
}
.MEarone h3.sidebarTitle {
    font-size: 1rem;
    font-weight: 600;
}
.MEarone .catfish-button.megaeditSidebar {
    background: var(--asu-maroon);
    color: white;
}
.MEarone .catfish-button.floatleftmegaedit {
    background: var(--asu-green);
    color: white;
}
.MEarone .meuiNonLayout.ng-scope.ng-isolate-scope[ng-switch-when="Label"] {
    margin-top: 20px;
    margin-bottom: 20px;
}
.MEarone i.fa.fa-floppy-o, .MEarone i.fa.fa-eye, .MEarone i.fa.fa-plus {
	margin-right: 5px;
}
/*bottom panel page list transparency*/
.MEarone .editorBottom.is-attached-to-window {
	background: transparent;
}
/*hide open left side*/
.MEarone .toggleCollapseTab.tt.hidden-old-theme.is-hidden-mobile {
    display: none;
}
/*hide show menu button*/

/*right side panel pop ups*/
/*look where add to cart is???*/

.metalnametag .editorBottom.is-attached-to-window.pane.ui-layout-south.pageSelectorContainer.ng-scope.ui-layout-pane.ui-layout-pane-south {
	display: none!important;
}
.MEarone .catfish-button.is-primary.addPageButton.catfish-button.has-text-hidden-mobile.btn.btn-xs.btn-primary.pageItemInline {
	display: none!important;
}
/*show menu pop up*/
.MEarone .fxstart.fxend {
    border: solid gray 1px;
}
.MEarone .fxstart.fxend a {	
	color: var(--asu-maroon);
	font-weight: 600;
}
.MEarone li.cf_headerlinks_logout, .MEarone li.q_menu_privatemessages {
	display: none;
}
.MEarone i.fa.fa-shopping-cart, .MEarone i.fa.fa-user {
	margin-right: 5px;
}
.MEarone a.account.catfish-button.is-primary, .MEarone a.ico-cart.catfish-button.is-primary {
	background: var(--asu-maroon);
	color: white!important;
}
@media screen and (min-width: 984px) {
	.MEarone .modal-dialog {
		width: 50%;
	}
}
/*add csv pop  up*/
.MEarone button.btn.btn-default.btn-me.catfish-button.ng-binding.ng-scope i.fa.fa-cog {
	display: none;
}
.MEarone span.file-cta {
    background: var(--asu-maroon)!important;
    color: white!important;
}
.MEarone .modal-dialog .meuiNonLayout.ng-scope.ng-isolate-scope[ng-switch-when="Upload"] {
    margin: 10px 0px;
}
.modal-footer.modal-card-foot.ng-scope button.btn.btn-default.btn-me.catfish-button.ng-binding.ng-scope:first-child {
	background: var(--asu-gold);
	color: black;
}

.MEarone i.fa.fa-cart-plus {
	margin-right: 5px;
}


/*preview button p/585*/

.MEarone button[ng-click="performAction(current, 'Click')"] {
    background: var(--asu-green);
    color: white;
}


/*a tags on p/714*/

.MEarone .pane.ui-layout-east.freeTargetContainer.ui-layout-pane.ui-layout-pane-east.is-open.is-opened .customScriptUi-freeTarget a {
	text-decoration: underline;
}
/*after cart page, edit design button, ME editor buttons*/

.buttonsContainer.buttons.ng-scope button.nextStepButton.catfish-button.has-text-hidden-mobile.btn.btn-success.btn-lg {
    background: var(--asu-gold);
    color: black;
}

button[uib-tooltip="Click this to confirm your changes"] {
    background: var(--asu-orange)!important;
}

/*preview message few untouched ME products*/
.meuiNonLayout.ng-scope.previewAF p {
	font-weight: 500;
}
/*info icon on back business cards hover description*/


.modal-dialog .catfish-button {
	border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
	-moz-border-radius: 3px!important;
	-ms-border-radius: 3px!important;
	-o-border-radius: 3px!important;
}
.modal-dialog .image.is-1by1:hover::before {
	position: absolute;
    z-index: 10000000;
    top: 0;
    left: 0;
    background: rgb(0,0,0,0.75);
	white-space: wrap;
    width: 100%;
    height: 100%;
    color: white;
    padding: 10px;
	font-size: 14px;
	display: flex;
    align-items: center;
    height: 100%;
	justify-content: center;
}
.image.is-1by1.AppointmentBackBusinessCard:hover::before {
	content: 'Customize the back of your business card to allow for specific handwritten details that you would share with someone. Appointments, meetings, follow-ups, and other additional details can be added on the fly.';
}
.image.is-1by1.CustomStatementBusinessCard:hover::before {
	content: 'Add your own statement such as a tagline or vision and highlight keywords.';
}
.image.is-1by1.Double-frontBusinessCard:hover::before {
	content: 'If you need to provide two different types of contact info based on affiliation you can double up your info on this option.';
}
.image.is-1by1.MissionStatementBusinessCard:hover::before {
	content: "Add your department's mission or other high-level initiatives.";
}
.image.is-1by1.QRCodeBackBusinessCard:hover::before {
	content: 'Automatically creates a scannable contact card to be added to a phonebook. Change it to link directly to a webpage.';
}
.image.is-1by1.UniversityBusinessCardBack:hover::before {
	content: 'Your unit may have a predesigned back you can use. Select it from the dropdown here.';
}
.moreInfoIcon {
    display: none;
}
body.is_Default_Device.megaEditBodyClass-Admin.MeMobileLandscape.Script_DynamicUiGeneration_New.modal-open .modal-dialog {
	width: 50%!important;
}
@media screen and (max-width:1323px) {
body.is_Default_Device.megaEditBodyClass-Admin.MeMobileLandscape.Script_DynamicUiGeneration_New.modal-open .modal-dialog {
	width: 100%!important;
}
}
@media screen and (max-width:804px) {
	.modal-dialog .image.is-1by1:hover::before {
	font-size: 11px;
}
}
@media screen and (min-width:1324px) and (max-width:1450px) {
	.modal-dialog .image.is-1by1:hover::before {
	font-size: 10px;
}
}
@media screen and (min-width: 768px) {
	.modal-content {
		width: 1000px;
	}
}
/*fixing carat metalnametag*/

.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
	display: none;
}	
/*fixing overflow metalnametag*/
button#single-button {
	overflow: hidden;
}
/*fixing MEarone class ME products top nav*/
body.MEarone .editorTop.pane.ui-layout-north.viewControllerContainer.ng-scope.ui-layout-pane.ui-layout-pane-north .ng-scope.ng-isolate-scope.meuiStackLayout.meuiStacklayoutHorizontal {
	display: none;
}
/*remove loading hints*/
.loadingScreen .ME_loading_hints {
	display: none;
}
/*batch script products*/
button#batchButton {
    background: var(--asu-gold);
    color: black;
    font-weight: 700;
    font-size: 1rem;
    padding: 0.5rem 1rem;
    border: 0px;
    border-radius: 50px;
}
button#batchButton:hover {
	cursor: pointer;
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
}
div#batchUI {
    background: white!important;
}
div#batchUITopBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
button#closeBatchUIButton {
    background: var(--asu-maroon);
    color: white;
    padding: 0.5rem 1rem;
    border: 0px;
    border-radius: 50px;
    font-weight: 700;
    font-size: 1rem;
}
button#closeBatchUIButton:hover {
	cursor: pointer;
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
}
.uploadCSVDivTitle {
    margin-top: 2rem;
	margin-bottom: 0.5rem;
}
input#batchCSVUploadElement {
    display: flex;
}
a.downloadASampleCSV {
    color: var(--asu-maroon);
    padding-top: 1rem!important;
    position: absolute;
}
.manualDataInputTitle {
    margin-top: 2rem;
}
input#NameInput {
    padding: 0.5rem;
}
button.addRecordButton {
    background: var(--asu-maroon);
    border: 0px;
    border-radius: 0px;
    padding: 0px 1rem;
    color: white;
    font-weight: 700;
}
button.addRecordButton:hover {
	cursor: pointer;
}
/*records*/
.record {
    padding: 0.5rem;
    background: var(--asu-light-gray2);
    margin-bottom: 10px;
    gap: 10px;
}
button.removeRecordButton {
    background: var(--asu-medium-gray);
    color: white;
    font-weight: 600;
    border: 0px;
    border-radius: 50px;
    padding: 0px 0.75rem;
}
button.removeRecordButton:hover {
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	cursor: pointer;
}
button.setMappingButton {
    background: var(--asu-maroon);
    color: white;
    font-weight: 700;
    padding: 0.5rem;
    border: 0px;
}
button.setMappingButton:hover {
	cursor: pointer;
}
select.selectColumnDataInput {
    padding: 0.4rem;
}
button#returnToMainScreenButton {
    margin-top: 0.5rem;
    background: var(--asu-gold);
    font-size: 1rem;
    font-weight: 600;
    border: 0px;
    border-radius: 50px;
    padding: 0.5rem 1rem;
}
button#returnToMainScreenButton:hover {
	transform: scale(1.01);
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	cursor: pointer;
}
.customScriptUi-batchArea.meuiNonLayout.ng-scope {
    display: none;
}
/*Front/Back Label p/1045*/
.page-dynamicproduct-editor .ui-layout-east div.frontBackLabel {
    font-size: large;
    font-weight: bolder;
}
/*A fram insert new buttons and fields*/
#fakeAddToCartButton {
		padding: 10px;
		font-weight: 600;
		background: var(--asu-error-warning);
		border: 0px;
		color: white;
		margin-right: 0.5rem;
  		margin-bottom: 0.5rem;
}
#Event\ date\ \(Required\), #Event\ End\ Date {
	padding: 10px;
  }
  #asuTimeInputStartTime, #asuTimeInputEndTime {
	padding: 10px;
	margin-right: 0.5rem;
  }
  #asuTimeInputEndTime {
	margin-left: 0.5em;
  }
  /*a frame pop up*/
  #requiredFieldsPopUpTopBar {
	justify-content: space-between;
  }
  #requiredFieldsTopBarTitle {
	font-size: 24px;
	font-weight: 600;
  }
  #closeRequiredFieldsPopUpButton, #closeRequiredFieldsPopUpButton:hover {
	font-weight: 600;
	color: white;
	background: var(--asu-warning-txt-on-white);
	border: 0px;
	border-radius: 40px;
	padding: 5px 20px;
  }
  #requiredFieldsPopUp {
	background: rgb(255,255,255,0.4)!important;
	overflow-y: scroll;
  }