/********************************************************* {COPYRIGHT-TOP} ***
* Merative Confidential
* *** mda ***
* (c) Merative US L.P. 2009-2022
********************************************************* {COPYRIGHT-END} **/
/* -------------------------------------------------------------------------
* Common styles
* -------------------------------------------------------------------------*/
*, ::after, ::before { box-sizing: border-box; }

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

/* define the IBM Plex fonts */
@font-face {
     font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 400;
     src: local('IBM Plex Sans'), local('IBMPlexSans'), url('../fonts/plex/IBMPlexSans-Regular.woff2') format('woff2'), url('../fonts/plex/IBMPlexSans-Regular.woff') format('woff'), url('../fonts/plex/IBMPlexSans-Regular.ttf') format('truetype');
 }

@font-face {
     font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 500;
     src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'), url('../fonts/plex/IBMPlexSans-Medium-Latin1.woff2') format('woff2'), url('../fonts/plex/IBMPlexSans-Medium-Latin1.woff') format('woff'), url('../fonts/plex/IBMPlexSans-Medium.ttf') format('truetype');
 }

@font-face {
     font-family: "IBM Plex Sans";
     font-style: normal;
     font-weight: 600;
     src: local('IBM Plex Sans Semibold'), local('IBMPlexSans-Semibold'), url('../fonts/plex/IBMPlexSans-SemiBold-Latin1.woff2') format('woff2'), url('../fonts/plex/IBMPlexSans-SemiBold-Latin1.woff') format('woff'), url('../fonts/plex/IBMPlexSans-SemiBold.ttf') format('truetype');
 }

BODY { height: 100%; margin: 0; padding: 0; font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 16px; }
#complete-window { margin: 0; min-height: calc(100vh - 107px); }
#complete-window.no-footer-links { margin: 0; min-height: calc(100vh - 67px); }
#complete-window:after { content: ''; clear: both; display: table; }
FORM { margin: 0; padding: 0; }
#pageContent { background: #ffffff none repeat scroll 0%; display: block; padding: 6px 0 0; }

.mdaFormInput { width: 100%; clear: both; }
.mdaFormInputLabel { padding-top: 1rem; font-weight:bold; }
.mdaFormItemButton { padding-top: 0.825rem; }
.mdaFormItemGroup .mdaFormItemButton { float: left; padding-right: 1rem; clear: none; padding-bottom: 2rem; }
.mdaFormItemInput INPUT { float: left; } /* in case there is hover text supplied */
.mdaFormItemTabHeaderText { font-weight: bold; font-size: 1.1rem; padding-bottom: 1rem; } /* specific to the first text input item of a tab */

.mdaFormItemInput INPUT[type="text"], 
.mdaFormItemEmail INPUT[type="text"], 
.mdaFormItemPhone INPUT[type="text"], 
.mdaFormItemDate INPUT[type="text"], 
.mdaFormItemInput INPUT[type="password"] { font-size: 0.875rem; font-weight: 400; line-height: 1.125; outline: 2px solid transparent; outline-offset: -2px; background-color: #f4f4f4; /* width: 100%; */ height: 2.5rem; padding: 0 1rem; color: #161616; border: none; border-bottom: 1px solid #c3c3c3; }

.mdaFormItemCheckbox INPUT[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; visibility: visible; white-space: nowrap; }
.mdaFormItemCheckbox LABEL { font-size: 0.875rem; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; padding-top: 0.25rem; padding-left: 1.625rem; margin-bottom: 0; min-height: 1.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mdaFormItemCheckbox LABEL:before { content: ''; width: 1rem; height: 1rem; margin: 0.125rem; position: absolute; left: 0; top: 0.125rem; background-color: transparent; border: 1px solid #161616; border-radius: 1px; }
.mdaFormItemCheckbox LABEL:after { content: ''; position: absolute; left: 0.375rem; top: 0.5rem; width: 0.5625rem; height: 0.3125rem; background: none; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); -webkit-transform-origin: bottom right; transform-origin: bottom right; margin-top: -0.1875rem; }
.mdaFormItemCheckbox INPUT[type="checkbox"]:checked + LABEL:before,
.mdaFormItemCheckbox INPUT[type="checkbox"]:indeterminate + LABEL:before { background-color: #161616; border-color: #161616; border-width: 1px; }
.mdaFormItemCheckbox INPUT[type="checkbox"]:checked + LABEL:after { -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); }

.mdaFormItemRadio INPUT[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; visibility: visible; white-space: nowrap; }
.mdaFormItemRadio LABEL { font-size: 0.875rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-right: 1rem; padding-top: 0.25rem; }
.mdaFormItemRadio LABEL .mdaFormItemRadioPart { background-color: transparent; border-radius: 50%; border: 1px solid #161616; -ms-flex-negative: 0; flex-shrink: 0; height: 1.125rem; width: 1.125rem; margin-right: 0.5rem; }
.mdaFormItemRadio INPUT[type="radio"]:checked + LABEL .mdaFormItemRadioPart { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-color: #161616; }
.mdaFormItemRadio INPUT[type="radio"]:checked + LABEL .mdaFormItemRadioPart:before { content: ''; display: inline-block; position: relative; width: 0.5rem; height: 0.5rem; border-radius: 50%; background-color: #161616; }
.mdaFormItemRadio INPUT[type="radio"]:focus + LABEL .mdaFormItemRadioPart:before { outline: 1px solid transparent; }

.mdaFormItemButton INPUT, .mdaFormItemButton BUTTON { border: 1px solid transparent; border-radius: 0; cursor: pointer; display: inline-block; font-size: 1rem; min-height: 2rem; padding: calc(.375rem - 3px) 12px calc(.375rem - 3px) 12px; }
.mdaFormItemButton INPUT:hover, .mdaFormItemButton BUTTON:hover { background-color: #002d9c; }
.mdaFormItemButton INPUT:focus, .mdaFormItemButton BUTTON:focus { -webkit-box-shadow: inset 0 0 0 1px #ffffff; box-shadow: inset 0 0 0 1px #ffffff; outline: none; }
.mdaFormItemButton INPUT:disabled, .mdaFormItemButton BUTTON:disabled,
.mdaFormItemButton INPUT.mda-disabled, .mdaFormItemButton BUTTON.mda-disabled { cursor: not-allowed; opacity: 0.2; filter: alpha(opacity=20); }
.mdaFormItemButton .mda-secondary-button { background-color: #393939; }
.mdaFormItemButton .mda-secondary-button:hover { background-color: #4c4c4c; }
.mdaFormItemButton .mda-secondary-button:focus { }

.mdaProgress { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 1rem 0; padding: 0; }
.mdaProgress-step { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-width: 12rem; width: 13rem; overflow: visible; }
.mdaProgress-button { display: -webkit-box; display: -ms-flexbox; display: flex; color: #161616; background-color: transparent; border-color: transparent; }
.mdaProgress-unclickable { outline: none; }
.mdaProgress-line { position: absolute; left: 0; height: 1px; width: 15rem; border: 1px inset transparent; }
.mdaProgress-step .mdaProgress-step-icon { position: relative; z-index: 1; width: 1rem; height: 1rem; border-radius: 50%; margin: 9px 0.5rem 0 0; }
.mdaProgress-label { font-size: 0.875rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.16px; line-height: 1.45; max-width: 10.5rem; margin: 0.5rem 0 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9); transition: color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9); transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9); transition: box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9), color 110ms cubic-bezier(0.2, 0, 0.38, 0.9), -webkit-box-shadow 110ms cubic-bezier(0.2, 0, 0.38, 0.9); }
.mdaProgress-label:before { content: ''; display: block; }
.mdaProgress-label:hover { cursor: pointer; }
.mdaProgress-label:focus { outline: none; }
.mdaProgress-step-current .mdaProgress-step-icon { width: 14px; height: 14px; margin-top: 0.59375rem; }
.mdaProgress-step-incomplete .mdaProgress-step-icon { fill: #161616; }
.mdaProgress-step-incomplete .mdaProgress-line { background-color: #e0e0e0; }
.mdaProgress-step .mdaProgress-step-icon { display: none; }
.mdaProgress-step-complete .mdaProgress-step-icon.mdaProgress-icon-complete { display: block; }
.mdaProgress-step-current .mdaProgress-step-icon.mdaProgress-icon-current { display: block; }
.mdaProgress-step-incomplete .mdaProgress-step-icon.mdaProgress-icon-incomplete { display: block; }

.mdaFormItemTabs { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; font-weight: 400; line-height: 1.125rem; letter-spacing: 0.16px; color: #161616; height: auto; width: 100%; overflow: visible; max-height: none; margin: 1rem 0; }
.mdaFormItemTabs-item { cursor: pointer; height: 3rem; }
.mdaFormItemTabs-item.active + .mdaFormItemTabs-item { box-shadow: none; }
.mdaFormItemTabs-item INPUT[type="radio"] { opacity: 0; position: fixed; width: 0; height: 1rem; top: 0; left: 0; }
.mdaFormItemTabs-label { color: #3d3d3d; display: inline-block; height: 3rem; padding: 0 1rem; line-height: 3rem; background-color: #e0e0e0; border-bottom: none; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-shadow: -1px 0 0 0 #8d8d8d; cursor: pointer; }
.mdaFormItemTabs-item:first-of-type + .mdaFormItemTabs-label, .mdaFormItemTabs-item.active + .mdaFormItemTabs-label { box-shadow: none; }
..mdaFormItemTabs-item INPUT[type="radio"]:checked + .mdaFormItemTabs-label { background-color: #fff; box-shadow: none; font-weight: 600; color: #161616; }
.mdaFormItemTabs-item INPUT[type="radio"]:focus + .mdaFormItemTabs-label { outline-offset: -2px; box-shadow: none; }

/* needs to be DIV.mdaFormItemDropDown DIV.mdaFormItemDropDown-wrapper SELECT.mdaFormItemDropDown-input + SVG */
.mdaFormItemDropDown { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; }
.mdaFormItemDropDown-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-origin: center; align-items: center; max-width: 100%; }
.mdaFormItemDropDown-input { font-size: 0.875rem; font-weight: 400; line-height: 1.125; letter-spacing: .16px; outline: 2px solid transparent; outline-offset: -2px; height: 2.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: auto; min-width: 3rem; max-width: 28rem; padding: 0 3rem 0 1rem; color: #161616; background-color: #f4f4f4; border: none; border-bottom: 1px solid #8d8d8d; border-radius: 0; cursor: pointer; }
.mdaFormItemDropDown-arrow { fill: #161616; position: absolute; right: 1rem; pointer-events: none; }
.mdaFormItemDropDown-active + .mdaFormItemDropDown-arrow { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.mdaFormItemDropDown-input:hover { background-color: #e5e5e5; }
.mdaFormItemDropDown-input:focus { box-shadow: none; }
.mdaFormItemDropDown-input:disabled, .mdaFormItemDropDown-input:hover:disabled { cursor: not-allowed; background-color: #fff; color: #c6c6c6; border-bottom-color: #fff; }
.mdaFormItemDropDown-input { max-width: 100%; } /* make huge so as to not to limit */

.mdaCarbonNotification { color: #161616; display: none; position: relative; height: auto; min-height: 3rem; min-width: 18rem; width: calc(100% - 2rem); margin: 1rem; flex-wrap: nowrap; padding: 0; border: none; border-left-style: solid; border-left-width: 3px; }
.mdaCarbonNotification-inline { width: auto; margin-left: 0; min-width: 1px; }
.mdaCarbonNotification.active { display: inline-flex; }
.mdaCarbonNotification:before { content: ''; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: opacity(0.4); border-style: solid; border-width: 1px 1px 1px 0; }
.mdaCarbonNotification .mdaCarbonNotification-icon { display: none; }
.mdaCarbonNotification-error { background: #fff1f1; border-color: #da1e28; }
.mdaCarbonNotification-error:before { border-color: #da1e28; }
.mdaCarbonNotification-error .mdaCarbonNotification-iconerror { fill: #da1e28; display: block; }
.mdaCarbonNotification-info { background: #edf5ff; border-color: #0043ce; }
.mdaCarbonNotification-info:before { border-color: #0043ce; }
.mdaCarbonNotification-info .mdaCarbonNotification-iconinfo { fill: #0043ce; display: block; }
.mdaCarbonNotification-success { background: #defbe6; border-color: #24a148; }
.mdaCarbonNotification-success:before { border-color: #24a148; }
.mdaCarbonNotification-success .mdaCarbonNotification-iconsuccess { fill: #24a148; display: block; }
.mdaCarbonNotification-warning { background: #fdf6dd; border-color: #f1c21b; }
.mdaCarbonNotification-warning:before { border-color: #f1c21b; }
.mdaCarbonNotification-warning .mdaCarbonNotification-iconwarning { fill: #f1c21b; display: block; }
.mdaCarbonNotification-details { display: flex; flex-grow: 1; margin: 0 1rem; }
.mdaCarbonNotification-icon { flex-shrink: 0; margin-right: 1rem; margin-top: 0.875rem; }
.mdaCarbonNotification-textwrapper { display: flex; flex-wrap: wrap; -webkit-box-align: center; align-items: center; padding: 0.75rem 0; }
.mdaCarbonNotification-title { font-size: 0.875rem; font-weight: 600; letter-spacing: 0.16px; margin: 0 0.25rem 0 0; line-height: 1.5; }
.mdaCarbonNotification-text { font-size: 0.875rem; font-weight: 400; letter-spacing: 0.16px; margin: 0 0.25rem 0 0; line-height: 1.125; word-break: break-word; }
.mdaCarbonNotification-close { outline: 2px solid transparent; outline-offset: -2px; display: flex; flex-direction: column; justify-content: center; align-items: center; background: transparent; border: none; cursor: pointer; padding: 0; height: 3rem; width: 3rem; min-width: 3rem; max-width: 3rem; }
.mdaCarbonNotification-close:focus { outline: 2px solid #0f62fe; outline-offset: -2px; }
/* should not need these important overrides */
.mdaCarbonNotification-close { display: flex !important; }
.mdaCarbonNotification.mdaCarbonNotification-hideclose .mdaCarbonNotification-close { display: none !important; }
.mdaCarbonNotification.mdaCarbonNotification-hideclose.mdaCarbonNotification-inline .mdaCarbonNotification-textwrapper {margin-right: 3rem; }
.mdaCarbonNotification-error .mdaCarbonNotification-close, .mdaCarbonNotification-error .mdaCarbonNotification-close:hover { background-color: #fff1f1 !important; }
.mdaCarbonNotification-info .mdaCarbonNotification-close, .mdaCarbonNotification-info .mdaCarbonNotification-close:hover { background: #edf5ff !important; }
.mdaCarbonNotification-success .mdaCarbonNotification-close, .mdaCarbonNotification-success .mdaCarbonNotification-close:hover { background: #defbe6 !important; }
.mdaCarbonNotification-warning .mdaCarbonNotification-close, .mdaCarbonNotification-warning .mdaCarbonNotification-close:hover { background: #fdf6dd !important; }
.mdaCarbonNotification-closeicon { fill: #161616; }

/* **********************************************************************
 * Header definitions
 */
#mda-header { width: 100%; margin: 0; padding: 0 20px; background-color: #000; color: #fff; display: flex; align-items: center; justify-content: center; }
#mda-header .mda-header-leftside { width: 64px; }
#mda-header .mda-header-logo { text-align: center; font-size: 1.5rem; line-height: 1.2; width: calc(100%); padding: 0.5rem 0; }
#mda-header .mda-header-rightside { width: 64px; }
#mda-header .mda-header-rightside .dropdown { position: inherit; }
#mda-header BUTTON { background-color: transparent; min-height: 44px; color: #fff; cursor: pointer; border: none; }
#mda-header BUTTON .user-avatar-icon { pointer-events: none; }
#mda-header BUTTON:after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }
.mda-header-dropdown-container { display: none; position: absolute; top: 100%; padding: 0; color: #565656; box-shadow: 3px 5px 5px rgb(0 0 0 /40%); right: 12px; z-index: 1000; border: 1px solid #f3f3f3; margin: 2px 0 0; font-size: 0.875rem; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; }
.mda-header-dropdown-container UL { list-style-type: none; overflow: auto; margin: 0; padding: 0; background-color: #fff; position: relative; }
.mda-header-dropdown-container LI { font-size: 1rem; line-height: 1.25; padding: 0.5rem 1rem; }
.open .mda-header-dropdown-container { display: block; }

/* **********************************************************************
 * Footer definitions
 */
#mda-footer { background-color: #000; height: 107px; margin: 0; width: 100%; padding: 0 20px; color: #fff; position: relative; }
#complete-window.no-footer-links + #mda-footer { height: 67px; }
#mda-footer .mda-footer-leftside { margin-top: 25px; float: left; }
#mda-footer .mda-footer-rightside { margin-top: 1px; float: right; }
#mda-footer .mda-footer-leftside.mda-footer-links { margin-top: 10px; }
#mda-footer .ibm-logo { height: 50px; max-width: 100px; vertical-align: middle; color: #fff; }

#mda-footer UL { list-style-type: none; overflow: auto; margin: 0; padding: 0; background-color: transparent; position: relative; }
#mda-footer LI { display: inline-block; padding-right: 1rem; }
#mda-footer LI A { color: #fff; outline: 2px solid transparent; outline-offset: -2px; }
#mda-footer LI A:focus { box-shadow: none; }

/*  **********************************************************************
 * Radio button alignment
 */
.radioButtonWrapper {white-space: nowrap}
.radioPart {display: inline-block; white-space: normal; vertical-align: top}
/*  **********************************************************************
 * Some hover popup definitions
 */
.mdaHasPopup { float: left; position: relative; }
.mdaHasPopup .mdaHoverPopup {
  position: absolute; 
  width: 300px; 
  border: 2px solid #666666;
  font-size: 0.9em;
  font-weight: normal;
  left: 36px;
  top: -8px;
  padding: 0.25em 0.5em;
  display: none;
}

.mdaFormItemScrollText { 
  border: 1px solid #a0a0a0; 
  overflow-y:auto; 
  padding-left:10px; 
  padding-right:10px; 
  margin-top:10px; margin-bottom:10px
} /* specific to the scrollable text input item */

/* Styles for lightbox popup pages */

#overlay, #overlay2 {
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:90;
  background-color:#ccc;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}

.lightboxShowDiv {
	display:block;
	visibility:hidden;
	position: absolute;
	top:0%;
	left:0%;
    z-index:-1;
	text-align:left;
	overflow-x: auto;
	overflow-y: auto;
	padding: 8px;
}
.lightboxTitle {
  font-size:16px;
  text-align:center;
  padding:4px;
  margin:-8px -8px 8px -8px
}

#lightbox {
  background-color: #ffffff;
  left: 0;
  top: 0;
  position: absolute;
  text-align: left;
  z-index: 9998;
}
#lightboxHeader { margin: 20px; }
#lightboxHeader:after { content: ''; display: table; clear: both; }
#lightboxHeader .lightbox-title { float: left; line-height: 1.2; color: #161616; font-size: 1.25rem; font-weight: bold; padding: 0; margin: 1.25rem 8px 0; }
#lightboxHeader .close {  width: 4rem;  height: 4rem; float: right; font-size: 1.5rem;  opacity: 1; border: 2px solid transparent; }
#lightboxHeader .close SPAN { display: inline-block; border-radius: 50%; height: 1rem; width: 1rem; position: relative; }
#lightboxHeader .close SPAN:after { content: ''; position: absolute; height: 1rem; width: 1rem; border: 1px solid currentColor; border-radius: 50%; left: 0; top: 0.33rem; }
#lightboxHeader .close SPAN:hover:after { border-color: #97c1ff; }
#lightboxHeader .close SPAN:focus {}
/* #lightboxHeader .close:hover { background-color: #e5e5e5; } */
#lightboxHeader .close:focus { outline: none; }
#lightboxinfoContent { width: 100%; padding: 20px; color: #161616; overflow-y: auto; height: calc(100% - 104px); }
.lightboxData { width: 100%; padding-bottom: 20px; }
.lightboxButton { float: right; height: 3em; }

/*  **********************************************************************
 * Some general definitions
 */
#content { clear: both; float: none; width: 100%; padding: 0 20px 12px 20px; }
#mda-channel-header { clear: both; float: none; width: 100%; margin: 0 0 20px; padding: 0 0 20px; background-color: #fff; color: #161616; /* border-bottom: 1px solid #8d8d8d; */ }
.mda-channel-header-left { float: left; width: 100%; }
.mda-channel-header-right { float: right; width: 37%; margin-left: 20px; margin-right: 20px; text-align: right; }
#mda-channel-header a { text-decoration: none; color: #161616; }
#mda-channel-header a:hover, #mda-channel-header a:focus { text-decoration: underline; }
.mda-channel-header-left .title { font-size: 1.5rem; font-weight: bold; }
.mda-channel-header-left .description { }
#mda-form-container { width: 100%; padding: 12px 0 0; clear: both; float: none; }
.mda-div-clear { clear:both; }
.mda-not-shown { display: none; }
.mda-margin-left20 { margin-left: 20px; }
/* not sure what the following are used for */
.mda-left30 { clear: none; float: left; width: 30%; }
.mda-right70 { clear: none; float:right; width: 70%; }
.mda-rjust { text-align: right; }
.labelLink { font-size:0.875rem; padding-left: 20px; text-decoration: underline; cursor: pointer; }

/*  **********************************************************************
 * For the PFMessages.vm template
 */
.mda-Messages-ScreenMessage { font-size: 1rem; font-weight: bold; width: 96%; margin: 1em 2%; }
.mda-Messages-SuccessMessage { font-size: 1rem; font-weight: bold; width: 96%; margin: 1em 2%; }
.mda-Messages-UnexpectedMessage { font-size: 1rem; font-weight: bold; width: 96%; margin: 1em 2%; }

/* Common Page components --------------------------------------- */

a {
   cursor: pointer;
}

.blue { color: #0f62fe; }

/* Common Print components --------------------------------------- */

@media print {
	#mda-header { color: #161616; background-color: #fff; }
	#mda-footer { color: #161616; background-color: #fff; page-break-inside: avoid; }
    #mda-footer LI A  { color: #161616; background-color: #fff; }
	#mda-footer .ibm-logo { color: #000; }
	/* so the buttons will show up */
    .mdaFormItemButton INPUT:disabled, .mdaFormItemButton BUTTON:disabled,
    .mdaFormItemButton INPUT.mda-disabled, .mdaFormItemButton BUTTON.mda-disabled { opacity: 0.5; filter: alpha(opacity=50); }
	/* so the Tabs backgrounds show up */
    .mdaFormItemTabs-label { background-color: #e0e0e0 !important; }
    .mdaFormItemTabs-item INPUT[type="radio"]:checked + .mdaFormItemTabs-label { background-color: #fff !important; }
}

EULA-title {
    font-size: 20px;
    font-weight: bold;
    padding: 12px 8px;
    color: #404143;
    margin-top: 3px;
    margin-bottom: 0px;
}
.EULA-extra {
    font-size: 13px;
    padding: 12px 8px;
    color: #404143;
}
.EULA-block {
    max-height: 400px;
    overflow: auto;
    border: 1px solid #d6d6d6;
    padding: 12px;
    margin: 0 12px;
    background-color: white;
    color: #404143;
}
h1, h2, h3 {
    font-weight: 400;
}
.EULA-buttons {
    text-align: right;
    padding: 12px;
    float: right;
}
.EULA-button-gap {
    padding-right: 15px;
    display: inline-block;
}
/***
.EULA-body .mdaFormItemButton .mda-secondary-button { background-color: #ffffff; border-color: #0f62fe; color: #0f62fe; }
.EULA-body .mdaFormItemButton .mda-secondary-button:hover { background-color: #051b75; border-color: #051b75; color: #ffffff; }
***/
.EULA-body .mdaFormItemButton BUTTON:focus { text-decoration: underline; }
