a0"; position: absolute; transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-bottom: 1px solid rgba(0, 0, 0, 0.42); pointer-events: none; } .MuiInput-underline:hover:not(.Mui-disabled):before { border-bottom: 2px solid #000000; } .MuiInput-underline.Mui-disabled:before { border-bottom-style: dotted; } @media (hover: none) { .MuiInput-underline:hover:not(.Mui-disabled):before { border-bottom: 1px solid rgba(0, 0, 0, 0.42); } } .MuiPopover-paper { outline: 0; position: absolute; max-width: calc(100% - 32px); min-width: 16px; max-height: calc(100% - 32px); min-height: 16px; overflow-x: hidden; overflow-y: auto; } .MuiMenu-paper { max-height: calc(100% - 96px); -webkit-overflow-scrolling: touch; } .MuiMenu-list { outline: 0; } .MuiSelect-select { cursor: pointer; min-width: 16px; user-select: none; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; } .MuiSelect-select:focus { border-radius: 0; background-color: rgba(0, 0, 0, 0.05); } .MuiSelect-select::-ms-expand { display: none; } .MuiSelect-select.Mui-disabled { cursor: default; } .MuiSelect-select[multiple] { height: auto; } .MuiSelect-select:not([multiple]) option, .MuiSelect-select:not([multiple]) optgroup { background-color: #fff; } .MuiSelect-select.MuiSelect-select { padding-right: 24px; } .MuiSelect-filled.MuiSelect-filled { padding-right: 32px; } .MuiSelect-outlined { border-radius: 5px; } .MuiSelect-outlined.MuiSelect-outlined { padding-right: 32px; } .MuiSelect-selectMenu { height: auto; overflow: hidden; min-height: 1.1876em; white-space: nowrap; text-overflow: ellipsis; } .MuiSelect-icon { top: calc(50% - 12px); color: rgba(0, 0, 0, 0.54); right: 0; position: absolute; pointer-events: none; } .MuiSelect-icon.Mui-disabled { color: #000000; } .MuiSelect-iconOpen { transform: rotate(180deg); } .MuiSelect-iconFilled { right: 7px; } .MuiSelect-iconOutlined { right: 7px; } .MuiSelect-nativeInput { left: 0; width: 100%; bottom: 0; opacity: 0; position: absolute; pointer-events: none; } .jss88 { border: none; font-size: 1rem; box-shadow: inset 0 0 0 1px #949494; box-sizing: border-box; min-height: 48px; transition: all .3s; line-height: 40px; border-radius: 5px; background-color: #fff; } @media (min-width:600px) { .jss88 { min-height: 40px; line-height: 32px; } } .jss88.jss88 { padding: 4px 32px 4px 12px; } .jss88:hover:not(.jss96) { box-shadow: inset 0 0 0 1px #0f69af; } .jss88:focus { box-shadow: inset 0 0 0 1px #0f69af, 0 0 6px 0 rgba(15, 105, 175, 0.5); border-radius: 5px; background-color: #fff; } .jss88.jss95 { box-shadow: inset 0 0 0 2px #ce0000; } .jss88.jss95:hover { box-shadow: inset 0 0 0 2px #ce0000; } .jss88.jss95:focus { box-shadow: inset 0 0 0 2px #ce0000; } .jss89 { border: 1px solid #f3f3f7; background-color: #f3f3f7; } .jss89:focus { background-color: #f3f3f7; } .jss90 { top: 21px; color: #0f69af; right: 16px; height: 6px; font-size: 0.625rem; } @media (min-width:600px) { .jss90 { top: 17px; } } @media (min-width:600px) { .jss91 { top: 13px; right: 12px; font-size: 0.5625rem; } } .jss92 { color: rgba(0, 0, 0, 0.38); } @media (min-width:600px) { .jss93 { font-size: 0.875rem; min-height: 32px; line-height: 23px; } .jss93.jss88 { padding: 4px 28px 4px 12px; } } .jss94 { font-size: 0.875rem; min-height: 48px; line-height: 38px; } @media (min-width:600px) { .jss94 { line-height: 40px; } } .jss94 ~ svg { top: 21px; } .jss96 { color: #000; border-color: #e4e4e4; background-color: #e4e4e4; } .jss98 { padding: 4px 0px; } .jss98 .MuiMenuItem-root { padding: 4px 12px; font-size: 0.875rem; } .jss99 { border: 1px solid #949494; margin-top: 4px; border-radius: 5px; } .jss133 { border: 1px solid #949494; margin-top: 4px; border-radius: 5px; } .jss77 { border: none; height: 36px; display: flex; padding: 0px 16px; border-radius: 5px; } @media (min-width:960px) { .jss77 { border: 1px solid #949494; height: 40px; padding: 0; } } .jss78 { width: 100%; border: 1px solid #949494; padding-left: 12px; border-radius: 5px; } @media (min-width:960px) { .jss78 { border: none; } } .jss79 { order: 2; padding: 4px 0 7px; } .jss79::placeholder { color: #949494; opacity: 1; font-size: 0.875rem; } @media (min-width:960px) { .jss79::placeholder { color: unset; opacity: 0.75 !important; font-size: 0.875rem; } } .jss79:focus::placeholder { color: transparent; } .jss80 { color: #503191; order: 4; width: 32px; height: 70%; border-left: 1px solid #c9c9c9; flex-shrink: 0; margin-left: 12px; } @media (min-width:960px) { .jss80 { color: #fff; right: -1px; width: 56px; border: 1px solid #503191; height: 100%; font-size: 1.125rem; box-sizing: content-box; background-color: #503191; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } } .jss81 { order: 1; height: 100%; display: flex; margin-right: 12px; } @media (min-width:960px) { .jss81 { display: none; } } .jss82 { display: none; } .jss83 { order: 4; display: inline-flex; margin-left: 12px; } .jss84 { order: 3; flex-shrink: 0; margin-left: 12px; } .jss85 { order: 3; height: 100%; display: none; font-size: 0.625rem; margin-left: 12px; } .jss86 { display: inline-flex; } .jss87 { display: none; } .jss87 .MuiSelect-root { height: 38px; padding: 4px 36px 4px 12px; position: relative; box-shadow: none; line-height: 30px; } .jss87 .MuiSvgIcon-root { top: 16px; } @media (min-width:960px) { .jss87 { display: block; } } .jss87 .MuiSelect-root:after { right: 0; width: 1px; bottom: 7px; height: 24px; content: ''; display: block; position: absolute; background: #949494; } .jss87 .MuiSelect-root:hover { box-shadow: none; } .jss87 .MuiSelect-root:focus-visible { outline: revert; } .MuiButtonBase-root { color: inherit; border: 0; cursor: pointer; margin: 0; display: inline-flex; outline: 0; padding: 0; position: relative; align-items: center; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; justify-content: center; text-decoration: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .MuiButtonBase-root::-moz-focus-inner { border-style: none; } .MuiButtonBase-root.Mui-disabled { cursor: default; pointer-events: none; } @media print { .MuiButtonBase-root { color-adjust: exact; } } .jss169 { } @media (min-width:0px) { .jss169 { width: 0%; display: none; } } @media (min-width:600px) { .jss169 { width: 50%; display: flex; } } .MuiTypography-root { margin: 0; } .MuiTypography-body2 { color: #000000; font-size: 0.875rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; line-height: 1.43; } .MuiTypography-body1 { color: #000000; font-size: 1rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; line-height: 1.5; } .MuiTypography-caption { color: #000000; font-size: 0.75rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 900; line-height: 0.9375; } .MuiTypography-button { font-size: 0.875rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 700; line-height: 1.75; text-transform: uppercase; } .MuiTypography-h1 { color: #000000; font-size: 1.75rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 900; line-height: 1.2; letter-spacing: 0.42px; } .MuiTypography-h2 { color: #000000; font-size: 1.25rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 900; line-height: 1.2; letter-spacing: 1.5px; text-transform: uppercase; } .MuiTypography-h3 { color: #000000; font-size: 1.125rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 900; line-height: 1.2; } .MuiTypography-h4 { color: #000000; font-size: 2.125rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; line-height: 1.235; } .MuiTypography-h5 { font-size: 1.5rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; line-height: 1.334; } .MuiTypography-h6 { font-size: 1.25rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 700; line-height: 1.6; } .MuiTypography-subtitle1 { font-size: 1rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; line-height: 1.75; } .MuiTypography-subtitle2 { font-size: 0.875rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 700; line-height: 1.57; } .MuiTypography-overline { font-size: 0.75rem; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 400; line-height: 2.66; text-transform: uppercase; } .MuiTypography-srOnly { width: 1px; height: 1px; overflow: hidden; position: absolute; } .MuiTypography-alignLeft { text-align: left; } .MuiTypography-alignCenter { text-align: center; } .MuiTypography-alignRight { text-align: right; } .MuiTypography-alignJustify { text-align: justify; } .MuiTypography-noWrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .MuiTypography-gutterBottom { margin-bottom: 0.35em; } .MuiTypography-paragraph { margin-bottom: 16px; } .MuiTypography-colorInherit { color: inherit; } .MuiTypography-colorPrimary { color: #0f69af; } .MuiTypography-colorSecondary { color: #503191; } .MuiTypography-colorTextPrimary { color: #000000; } .MuiTypography-colorTextSecondary { color: rgba(0, 0, 0, 0.54); } .MuiTypography-colorError { color: #ce0000; } .MuiTypography-displayInline { display: inline; } .MuiTypography-displayBlock { display: block; } .MuiLink-underlineNone { text-decoration: none; } .MuiLink-underlineHover { text-decoration: none; } .MuiLink-underlineHover:hover { text-decoration: underline; } .MuiLink-underlineAlways { text-decoration: underline; } .MuiLink-button { border: 0; cursor: pointer; margin: 0; outline: 0; padding: 0; position: relative; user-select: none; border-radius: 0; vertical-align: middle; -moz-appearance: none; background-color: transparent; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; } .MuiLink-button::-moz-focus-inner { border-style: none; } .MuiLink-button.Mui-focusVisible { outline: auto; } .MuiSkeleton-root { height: 1.2em; display: block; background-color: rgba(0, 0, 0, 0.11); } .MuiSkeleton-text { height: auto; transform: scale(1, 0.60); margin-top: 0; border-radius: 5px; margin-bottom: 0; transform-origin: 0 60%; } .MuiSkeleton-text:empty:before { content: " Critical Raw Materials a0"; } .MuiSkeleton-circle { border-radius: 50%; } .MuiSkeleton-pulse { animation: MuiSkeleton-keyframes-pulse 1.5s ease-in-out 0.5s infinite; } @keyframes MuiSkeleton-keyframes-pulse { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .MuiSkeleton-wave { overflow: hidden; position: relative; } .MuiSkeleton-wave::after { top: 0; left: 0; right: 0; bottom: 0; content: ""; position: absolute; animation: MuiSkeleton-keyframes-wave 1.6s linear 0.5s infinite; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent); } @keyframes MuiSkeleton-keyframes-wave { 0% { transform: translateX(-100%); } 60% { transform: translateX(100%); } 100% { transform: translateX(100%); } } .MuiSkeleton-withChildren > * { visibility: hidden; } .MuiSkeleton-fitContent { max-width: fit-content; } .MuiSkeleton-heightAuto { height: auto; } .MuiDrawer-docked { flex: 0 0 auto; } .MuiDrawer-paper { top: 0; flex: 1 0 auto; height: 100%; display: flex; outline: 0; z-index: 1200; position: fixed; overflow-y: auto; flex-direction: column; -webkit-overflow-scrolling: touch; } .MuiDrawer-paperAnchorLeft { left: 0; right: auto; } .MuiDrawer-paperAnchorRight { left: auto; right: 0; } .MuiDrawer-paperAnchorTop { top: 0; left: 0; right: 0; bottom: auto; height: auto; max-height: 100%; } .MuiDrawer-paperAnchorBottom { top: auto; left: 0; right: 0; bottom: 0; height: auto; max-height: 100%; } .MuiDrawer-paperAnchorDockedLeft { border-right: 1px solid rgba(0, 0, 0, 0.12); } .MuiDrawer-paperAnchorDockedTop { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .MuiDrawer-paperAnchorDockedRight { border-left: 1px solid rgba(0, 0, 0, 0.12); } .MuiDrawer-paperAnchorDockedBottom { border-top: 1px solid rgba(0, 0, 0, 0.12); } .jss100 { width: 100%; z-index: 999; position: absolute; overflow-y: auto; padding-top: 12px; background-color: #fff; } @media (min-width:960px) { .jss100 { top: 44px; width: 100%; height: auto !important; box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.16); padding-top: 0; } } .jss101 { overflow: hidden; } .jss101 > * { border-top: 1px solid #e4e4e4; margin-top: -1px; } .jss102 { display: none; padding: 8px 16px 4px; align-items: center; } @media (min-width:600px) { .jss102 { display: flex; } } .jss103 { color: #fff; display: flex; padding: 2px 6px; font-size: 0.6875rem; font-weight: 900; border-radius: 3px; letter-spacing: 0.5px; text-transform: uppercase; background-color: #0f69af; } .jss104 { font-weight: 700; padding-left: 8px; } .jss105 { padding: 4px 0px 8px; } .jss105:empty { display: none; } .jss106 { margin: 8px 0px 2px 12px; font-size: 0.75rem; font-weight: 900; padding-left: 4px; border-bottom: 1px solid #e4e4e4; padding-bottom: 2px; } .jss107 { padding: 3px 20px; font-size: 0.875rem; } .jss108 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jss109 { width: 100%; display: flex; justify-content: space-between; } .jss109 > button { display: none; } .jss109.Mui-selected > button { display: none; } @media (min-width:960px) { .jss109.Mui-selected > button { display: block; } } @media (min-width:960px) { .jss109:hover > button { display: block; } } .jss110 { height: 500px; } .jss110 > button { display: block; } .jss111 { display: none; padding: 0; font-size: 0.75rem; } @media (min-width:960px) { .jss111 { display: flex; } } .jss112 { display: none; font-weight: 400; } @media (min-width:960px) { .jss112 { display: inline; } } .jss76 { width: 100%; position: relative; } .jss69 { display: block; } @media (max-width: 959px) { .jss69 { max-width: 100px; } } .jss113 { margin-bottom: 8px; } .jss114 { margin-bottom: 16px; } .jss115 { margin-bottom: 24px; } .jss116 { color: #000000; display: flex; padding: 0px 20px 0px 8px; font-size: 0.875rem; align-items: center; font-weight: 900; border-right: 2px solid rgba(0, 0, 0, 0.25); } .jss117 { padding: 0px 0px 0px 20px; font-size: 0.875rem; font-weight: 900; } .jss118 { color: #000000; width: 1rem; height: 1rem; margin-left: .2rem; margin-right: .5rem; } .jss119 { top: 1.9rem !important; z-index: 900 !important; } .jss120 { top: 1.2rem; color: #000; right: 4rem; position: absolute; } .jss121 { width: 1.6875rem; height: 1.6875rem; } .jss122 { font-size: 1.25rem; font-weight: 900; text-transform: uppercase; } .jss123 { font-size: 0.875rem; } .jss124 { z-index: 2500 !important; position: relative; min-width: 9.375rem; margin-top: 8px; } .jss125 { font-size: 0.875rem; min-height: 40px; padding-right: 20px; } .jss126 { cursor: pointer; padding: 8px 0px 8px 24px; font-size: 0.875rem; font-weight: 900; } .jss127 { width: 100%; display: flex; align-self: center; flex-direction: column; } .jss128 { width: 50%; height: inherit; max-width: 18.125rem; min-width: 8.75rem; margin-top: 12px; margin-bottom: 24px; } .jss129 { margin-left: 40px; } .jss130 { border: 1px solid #757575; height: 11.375rem; padding: 0; max-width: 18.125rem; overflow-y: scroll; border-radius: 3px; } .jss131 { overflow-y: hidden; } .jss132 { color: #fff; width: 9rem; height: 2.5rem; align-self: flex-end; background-color: #210953; } .jss134 { right: 0; } .jss135 { height: 100%; overflow: hidden; position: relative; } .jss136 { height: calc(100% - 80px); overflow-y: auto; } .jss137 { color: #000; padding: 0px 20px 20px; } .jss138 { width: 100%; display: flex; padding: 16px; align-items: center; border-bottom: 1px solid #503191; margin-bottom: 24px; justify-content: flex-end; } .jss138 > * + * { margin-left: auto; } .jss139 { color: #503191; font-size: 0.75rem; font-weight: 900; } .jss140 { color: #503191; font-size: 1.25rem; } .jss141 { color: #503191; font-size: 1.5rem; } .jss142 { border-bottom: 1px solid #503191; margin-bottom: 28px; padding-bottom: 12px; } .jss143 { color: #000; width: 100%; display: flex; font-size: 1.125rem; text-align: left; font-weight: 900; margin-bottom: 16px; justify-content: space-between; } .jss144 { font-size: 0.875rem; } .jss145 { color: #503191; font-size: 1.375rem; } .jss146 { color: #000; } .jss147 { color: #000; display: flex; font-size: 0.875rem; align-items: center; } .jss148 { font-size: 0.875rem; } .jss149 { color: #949494; font-size: 0.75rem; } .jss150 { min-width: 54px; } .jss151 { left: 16px; bottom: 16px; position: fixed; } .jss152 { margin-bottom: 4px; } .jss153 { margin-bottom: 16px; } .jss154 { margin-bottom: 24px; } .jss155 { height: 100%; } .jss155 > svg { font-size: 90px; } .jss14 { border-bottom: 1px solid #503191; padding-bottom: 12px; background-color: #fff; } @media (min-width:960px) { .jss14 { display: none; } } .jss15 { color: #503191; display: inline-flex; margin-left: auto; margin-right: 8px; } @media (min-width:960px) { .jss15 { display: none; } } .jss16 { display: none; } @media (min-width:960px) { .jss16 { display: flex; } } .jss17 { width: 100%; display: flex; padding: 0px 16px; position: relative; box-shadow: 0px 10px 10px -10px rgba(0,0,0,0.04); align-items: center; justify-content: space-between; } @media (min-width:960px) { .jss17 { padding: 16px 80px; } } .jss18 { display: flex; align-items: center; } .jss19 { display: none; } @media (min-width:960px) { .jss19 { color: #fff; width: 100%; height: 48px; display: flex; padding: 0px 80px; position: relative; background: #503191; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16); align-items: center; } } .jss20 { height: 100%; display: flex; flex-grow: 1; align-items: center; justify-content: flex-end; } .jss21 { color: #fff; height: 1.125rem; flex-shrink: 0; font-weight: 900; border-right: 2px solid rgb(102 83 143); padding-left: 16px; padding-right: 16px; } .jss21:hover { color: #fff; } .jss22 { color: #fff; min-width: 7.3rem; font-weight: 900; padding-left: 20px; } .jss23 { color: #fff; height: 1.125rem; font-size: 0.875rem; font-weight: 900; padding-right: 16px; } .jss23:hover { color: #fff; } .jss23:not(:first-child) { padding-left: 16px; } .jss23:not(:last-child) { border-right: 2px solid rgb(102 83 143); } .jss24 { color: #fff; } .jss24:hover { color: #fff; } .jss25 { top: 0.0625rem; position: relative; font-size: 1.25rem; transform: rotate(0deg); transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; margin-left: 0.125rem; } .jss26 { transform: rotate(180deg); } .jss27 { cursor: pointer; display: flex; position: relative; font-size: 1.5rem; margin-right: 16px; } @media (min-width:960px) { .jss27 { display: none; } } .jss28 { top: 8.3rem !important; } .jss29 { height: calc(100vh - 56px); padding: 48px 64px 36px; background-color: #281949; } .jss29:focus { outline: none; } .jss30 { height: 100%; } .jss31 { top: 20px; right: 20px; position: absolute; } .jss32 { font-size: 28px; } .jss33 { margin-top: 12px; border-left: 1px solid #503191; } .jss33.MuiGrid-item { padding: 12px 28px; } .jss34 { height: 100%; overflow: auto; } .jss35 { font-size: 2.5rem; font-weight: 900; line-height: 1; } .jss36 { color: #fff; width: 100%; display: flex; font-size: 1rem; transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; align-items: center; font-weight: 400; margin-bottom: 24px; justify-content: space-between; } .jss36:hover { color: #9684BD; } .jss36 div { display: flex; } .jss37 { font-weight: 900; } .jss37:hover { color: #fff; } .jss38 { min-width: 196px; } .jss39 { font-size: 0.8125rem; min-height: 40px; } .jss40 { top: 4px; color: #8264c3; right: 4px; position: absolute; } .jss41 { padding: 0.5rem; border-radius: 5px; background-color: #0f69af; } .jss41:hover { background-color: #003f71; } .jss42 { color: #fff; } .jss43 { font-size: 1.1875rem; font-weight: 400; justify-content: flex-start; } .jss44 { padding: 0; flex-direction: row-reverse; } .jss45.expanded { transform: rotate(90deg); } .jss46 { display: flex; justify-content: center; } .jss47 { border-color: #e6e6ea; background-color: #e6e6ea; } .jss48 { height: inherit; padding-left: 16px; } .jss49 { height: 2.25rem; box-sizing: border-box; } .jss49::placeholder { opacity: 1 !important; font-size: 0.875rem; line-height: normal; } .jss49:focus::placeholder { color: transparent; } .jss50 { color: #000; width: 100%; border: 1px solid #616161; height: 2.375rem; display: flex; max-width: 700px; align-items: center; border-radius: 4px; justify-content: space-between; } .jss51 { top: 3.6rem; width: 50%; display: flex; padding: 16px 0px; z-index: 1200; position: absolute; max-width: 43.75rem; box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.16); overflow-y: auto; flex-direction: column; } @media (max-width:959.95px) { .jss51 { width: 30%; max-height: 540px; } } .jss52 { padding: 8px 8px 8px 16px; font-size: 0.75rem; font-weight: 900; } .jss53 { padding: 4px 8px 4px 32px; font-size: 0.875rem; } .jss53:hover { background-color: #e8f3fa; } .jss54 { color: #fff; width: 2.3rem; height: 100%; background-color: #210953; } .jss55 { height: 60%; } .jss56 { display: flex; font-size: 0.8125rem; align-items: center; flex-shrink: 0; font-weight: 900; line-height: 1; } .jss57 { cursor: pointer; } .jss58 { border: 1px solid #503191; display: flex; padding: 5px; font-size: 0.8125rem; min-width: 26px; align-items: center; margin-left: 12px; border-radius: 5px; justify-content: center; background-color: #503191; } .jss59 { color: #0f69af; padding: 4px 0px 4px 32px; font-size: 0.875rem; font-weight: 900; } .jss60 { flex-grow: 1; margin-right: 16px; } .jss61 { height: 48px; display: flex; font-size: 100px; } @media (min-width:960px) { .jss61 { font-size: 150px; } } .jss61 a { height: 48px; display: flex; } .jss62 { display: none; } @media (min-width:960px) { .jss62 { width: 100%; display: flex; margin-left: 20px; justify-content: center; } } @media (min-width:1280px) { .jss62 { margin: 0px 40px; } } .jss63 { display: none; } @media (min-width:960px) { .jss63 { display: flex; align-items: center; justify-content: flex-end; } } .jss64 { display: block; } @media (min-width:960px) { .jss64 { display: none; } } .jss70 { color: #fff; font-size: 0.875rem; margin-right: .5rem; } .jss71 { color: #503191; cursor: pointer; display: flex; padding: 0; font-size: 0.875rem; background: transparent; align-items: center; font-family: Noto Sans SC,Lato,-apple-system,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-weight: 700; border-color: transparent; } .jss71:focus { outline: none; } @media (min-width:960px) { .jss71 { color: #fff; } } .jss72 { display: flex; font-size: 24px; } @media (min-width:960px) { .jss72 { height: 19px; font-size: 22px; margin-right: 8px; } } .jss73 { display: none; } @media (min-width:960px) { .jss73 { display: inline; } } .jss74 { color: #503191; border: 1px solid #503191; height: 1.5rem; display: flex; font-size: 0.8125rem; min-width: 1.5rem; align-items: center; font-weight: 900; line-height: 1.5rem; margin-left: 8px; border-radius: 5px; justify-content: center; } @media (min-width:960px) { .jss74 { color: #000; font-size: 0.6875rem; margin-left: 12px; background-color: #fff; } } .jss75 { display: none; } @media (min-width:960px) { .jss75 { display: flex; } } .jss170:hover { color: #000000; background-color: #FFFFFF; } .jss170.jss175 { color: #000000; background-color: #FFFFFF; } .jss171 { display: inline-flex; padding: 0 16px; font-size: 0.875rem; align-items: center; font-weight: 900; line-height: 1; justify-content: center; } .jss172.jss175 { transform: rotate(180deg); } .jss156 { height: 100%; } .jss157 { color: #000; outline: none !important; padding: 15px 16px 30px; z-index: 2; background-color: #fff; } .jss157:before { top: -56px; left: 0; width: 100%; height: 56px; content: ""; position: absolute; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16); pointer-events: none; } .jss157:after { top: 0; left: 0; width: 100%; height: 100%; content: ""; z-index: -1; position: absolute; box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.16); } .jss157.jss160:before { display: none; } .jss158 { margin: 0 auto; outline: none !important; max-width: 1280px; } .jss159 { margin: -8px 0 -8px -20px; outline: none !important; min-width: 284px; } .jss162 { height: 100%; display: flex; padding: 8px 0; border-right: 2px solid rgba(201,201,201,0.25); flex-direction: column; } .jss162.jss161 { border-right: none; } .jss163 { color: #000000; width: 24px; height: 24px; margin: 0 14px 0 auto; padding: 0; min-width: 24px; } .jss164 { font-size: 24px; } .jss165 { width: 100%; padding: 8px 14px 8px 20px; font-size: 1rem; text-align: left; font-weight: 900; } .jss166 { margin: 0 14px 32px 20px; } .jss167 { width: 100%; display: block; margin-bottom: 8px; } .jss168 { font-size: 1rem; font-weight: 900; } .jss248 { color: #c9c9c9; padding: 0px 8px; } .jss249 { cursor: pointer; } .jss227 { width: 100%; padding: 20px 0px; background: #f3f3f7; } @media (min-width:960px) { .jss227 { padding: 40px 0px; } } .jss228 { margin: 0 auto; padding: 0px 20px; max-width: 1320px; } .jss229 { display: none; margin-bottom: 50px; } @media (min-width:960px) { .jss229 { display: flex; } } .jss230 { height: 200px; flex-grow: 1; border-right: 1px solid rgba(0, 0, 0, 0.26); } .jss231 { width: 100%; max-width: 200px; margin-right: 20px; } .jss231 h2 { margin: 0; font-size: 1rem; font-weight: 900; } .jss232 { display: block; font-size: 0.875rem; margin-top: 20px !important; font-weight: 900; line-height: 0.93; } .jss233 { margin: 7px -7px 8px -8px; display: flex; flex-wrap: wrap; } .jss234 { margin: 8px 8px 7px 7px; flex-shrink: 0; } .jss235 { width: 100%; max-width: 330px; margin-left: 68px; } .jss235 h2 { font-size: 16px; font-weight: 900; margin-bottom: 8px; } .jss236 { display: none; border-top: 2px solid rgba(0, 0, 0, 0.10); min-height: 80px; align-items: center; border-bottom: 2px solid rgba(0, 0, 0, 0.10); } @media (min-width:960px) { .jss236 { display: flex; } } .jss237 { max-width: 75px; max-height: 75px; flex-shrink: 0; } .jss238 { color: #000 !important; font-size: 1rem; font-weight: 900; line-height: 1.06; margin-left: 75px !important; } .jss239 { font-size: 0.75rem; margin-top: 0; } @media (min-width:960px) { .jss239 { margin-top: 32px; } } .jss239 p { margin: 0; } .jss240 { font-weight: 900; } .jss241 { display: block; } @media (min-width:960px) { .jss241 { display: flex; } } .jss242 { margin-right: 0; } @media (min-width:960px) { .jss242 { margin-right: 8px; } } .jss243 { margin-top: 2px; } @media (min-width:960px) { .jss243 { margin-top: 0; } } .jss244 { font-weight: 900; } .jss245 { color: #c9c9c9; padding: 0px 8px; } .jss246 { display: block; margin-bottom: 0; } .jss247 { display: block; margin-bottom: 0; } .jss4 { position: relative; } .jss5 { display: flex; padding: 8px 16px; align-items: flex-start; } @media (min-width:960px) { .jss5 { padding: 8px 32px; } } .jss6 { display: flex; align-items: baseline; } .jss7 { display: flex; align-items: baseline; } .jss7 > * + .jss6 { border-left: 1px solid #fff; margin-left: 16px; margin-right: 8px; padding-left: 16px; } .jss8 { color: #000; padding: 4px 0px 0px 8px; font-size: 0.875rem; margin-left: auto; } .jss9 { white-space: nowrap; } .jss9:disabled { opacity: 0.5; } .jss10 { color: #fff; background: #ce0000; border-bottom: 1px solid #eeeeee; } .jss10 a { color: #fff; text-decoration: underline; } .jss11 { background: #f7a703; border-bottom: 1px solid #eeeeee; } .jss12 { background: #fff; border-bottom: 1px solid #eeeeee; } .jss13 { color: #fff; background: #0f69af; border-bottom: 1px solid #eeeeee; } .jss13 .jss8 { color: #fff; } .jss13 .jss9 { color: #fff; } .jss13 .jss9:hover { color: #fff; text-decoration: underline; } .jss13 .jss9:focus { color: #fff; } .jss1 { height: 100%; display: flex; min-height: 1px; flex-direction: column; } .jss2 { flex: 1 0 auto; } .jss3 { flex-shrink: 0; } .jss224 { color: #fff; right: 24px; width: 56px; bottom: 126px; height: 56px; display: flex; z-index: 2; position: fixed; box-shadow: 0 2px 4px rgba(0,0,0,.2); align-items: center; border-radius: 5px; flex-direction: column; text-transform: uppercase; justify-content: center; background-color: #0f69af; } .jss225 { font-size: 28px; margin-top: -5px; } .jss226 { font-size: 14px; margin-top: -6px; } .jss181 { font-size: inherit; } .jss178 { font-size: 0.75rem; margin-top: 24px; } @media (max-width:599.95px) { .jss178 a { display: none; } .jss178 a:last-child { display: inline; } .jss178 svg { display: none; transform: rotate(180deg); } .jss178 svg:nth-last-child(2) { display: inline-block; } } .jss179 { font-size: inherit; } .jss180 { color: #949494; width: 1rem; height: 1rem; margin-top: 4px; vertical-align: top; } .jss183 { margin: 8px 0px 32px 0px; } .aem-ms-cmp .jss183 { margin: 0; } .jss184 { width: 100%; display: block; } .jss189 { height: 100%; display: flex; padding: 0; flex-wrap: wrap; box-shadow: none; align-content: flex-start; } .jss190 { padding: 24px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25); } .jss191 { height: auto; flex-wrap: nowrap; } .jss192 { flex: 1 1 100%; margin: 0px 0px 16px 0px; } .jss193 { flex: none; margin: 0px 32px 0px 0px; } @media (max-width:599.95px) { .jss193 { display: none; } } .jss194 { word-break: break-word; font-weight: 700; } .jss195 { display: block; font-weight: 900; } .jss196 { margin-bottom: 40px; } .jss197 img { width: 100%; height: 100%; max-width: 290px; min-width: 0px; max-height: 180px; margin-bottom: 0; } .jss198 img { min-width: 290px; } .jss199 img { max-width: 242px; max-height: none; } .jss199.jss198 img { min-width: 242px; } .jss218 { width: 100%; margin: 0 0 32px 0; outline: none; max-width: 640px; } .jss219 { height: 0; position: relative; max-height: 360px; padding-bottom: 56.25%; } .jss220 { width: 100%; height: 100%; outline: none; position: absolute; max-height: 360px; object-fit: contain; background-color: #000000; } .jss221 { background-color: rgba(0, 0, 0, 0.3) !important; } .jss222 { outline: 0; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); } .jss223 { top: 50%; left: 50%; width: 640px; height: 360px; position: absolute; transform: translate(-50%, -50%); background-color: #000000; } .jss223 .aem-ms-cmp { margin: 0; } .jss185 { margin: 0; word-break: break-word; margin-bottom: 40px; } .jss185 h2 { margin-bottom: 8px !important; padding-bottom: 0px !important; } .jss203 { margin-top: 0 !important; } .jss204 { border-top: 1px solid #e4e4e4; padding-top: 16px; } .jss204:focus { outline: none; } .jss205 { color: #503191; display: inline-block; font-size: 1rem; margin-top: 16px !important; min-height: 45px; word-break: break-word; font-weight: 700; margin-bottom: 12px; } .jss206 { word-break: break-word; } .jss207 { left: -30px; } .jss208 { right: -30px; } .jss209 { color: #503191; font-size: 1.75rem; } .jss210 { color: rgba(0, 0, 0, 0.38); } .jss211 { color: #503191; } .jss212 { height: 0; overflow: hidden; position: relative; background: transparent; padding-bottom: 60.7%; } .jss213 { top: 50%; width: 100%; position: absolute; transform: translate(0, -50%); object-fit: cover; } .jss214 { display: flex; padding: 24px 20px 12px; text-align: center; align-items: center; flex-direction: column; justify-content: center; } .jss215 { display: block; font-size: 0.875rem; line-height: 1rem; } @media (min-width:960px) { .jss215 { font-size: 1rem; line-height: 1.375rem; padding-top: 4px; } } .jss216 { color: #0f69af; font-size: 0.875rem; font-weight: 900; margin-bottom: 0; } @media (min-width:960px) { .jss216 { font-size: 1rem; margin-bottom: 2px; } } .jss186 { height: 1px; margin: 32px 0px; position: relative; } .jss188 { left: 49.2%; width: 100vw; border: 1px solid lightgray; margin: 0; position: absolute; transform: translate(-50vw, 0); border-width: 1px 0 0; } .jss200 { left: 49.2%; width: 100vw; border: 1px solid lightgray; margin: 0; position: absolute; transform: translate(-50vw, 0); border-width: 1px 0 0; } .jss201 { left: 49.2%; width: 100vw; border: 1px solid lightgray; margin: 0; position: absolute; transform: translate(-50vw, 0); border-width: 1px 0 0; } .jss202 { left: 49.2%; width: 100vw; border: 1px solid lightgray; margin: 0; position: absolute; transform: translate(-50vw, 0); border-width: 1px 0 0; } .jss217 { left: 49.2%; width: 100vw; border: 1px solid lightgray; margin: 0; position: absolute; transform: translate(-50vw, 0); border-width: 1px 0 0; } .jss182 .rte-smaller { font-size: 0.65em; } .jss182 .rte-bigger { font-size: 1.35em; } .jss182 p { margin: 0; }
HomeServicesCustom ProductsCritical Raw Materials

Critical Raw Materials

Our Chemiflex™ Critical Raw Materials Program allows you to customize all aspects of active pharmaceutical ingredient (API) synthesis for small molecule drug manufacture, from non-clinical through commercial phases. You can save time and prevent regulatory setbacks during scale-up with an assured source of high-quality raw materials, intermediates, and documentation – all available in quantities and qualities suitable for current good manufacturing practices (cGMP). Benefits include:

  • Accelerated time to market
  • Supply chain transparency
  • Extensive regulatory support

Request Information

Related Technical Content

Whitepaper

Small Molecule Drug Synthesis: Consideration for a Seamless Transition from Preclinical to Commercial Supply of Raw Materials

Webinar

Transitioning Chemical Specialties from Clinical to Commercial in Small Molecule Drug Synthesis

Chemiflex™ Critical Raw Materials Program

The ideal fit for your API synthesis

Emprove® Program

Your Fast Track through Regulatory Challenges

Custom Manufactured API Starting Materials and Intermediates

In addition to a comprehensive raw materials portfolio, we also offer custom manufacturing services to meet your exact needs.

  • API starting materials that include qualification documentation for areas such as change control, supplier/supply chain qualification, residual solvents/EI, and BSE/TSE
  • Intermediates that meet ICH Q7 GMP standards, with documentation on an API level

The Tailored Fit for Your API Synthesis

Our portfolio of critical raw materials is custom tailored to your application needs and regulatory requirements with assured quality and transparency.

Emprove® Program for Solvents and Reagents

Ensuring the compliance of pharma and biopharma products involves the compilation of a vast amount of data, which can be time- and resource-intensive. To accelerate this process, we developed our Emprove® Program. All solvents and reagents in the portfolio are complemented by dossiers designed to help you speed your way through the regulatory maze.

  • Qualification documentation for areas such as change control, supplier/supply chain qualification, residual solvents/EI, and BSE/TSE

Related Video