@charset "UTF-8"; /* Theme tokens: set on via tenant theme className */ .default-theme, .mindbridge-default { --mb-t001: #0064bf; --mb-t002: #eeeeee; --mb-t003: #0064bf; --mb-t004: #eeeeee; --mb-t005: #0070d3; --mb-t006: #0064bf; --mb-t007: #ffffff; --mb-t008: #2e73e2; --mb-t009: #ffffff; --mb-t010: #eeeeee; --mb-t011: #0070d3; --mb-t012: #0070d3; --mb-t013: #0070d3; --mb-t014: #9ec8ec; --mb-t015: #9ec8ec; --mb-t016: #0252a3; --mb-t017: #0252a3; --mb-t018: #0064bf; --mb-t019: #0064bf; --mb-t020: rgb(13.0795918367, 78.4775510204, 175.4204081633); --mb-t021: rgb(13.0795918367, 78.4775510204, 175.4204081633); --mb-t022: #eeeeee; --mb-t023: #B9C1C8; --mb-t024: #B9C1C8; --mb-t025: rgb(13.0795918367, 78.4775510204, 175.4204081633); --mb-t026: rgb(13.0795918367, 78.4775510204, 175.4204081633); --mb-t027: rgb(14.8489795918, 89.093877551, 199.1510204082); --mb-t028: rgb(14.8489795918, 89.093877551, 199.1510204082); --mb-t029: #1B70EE; --mb-t030: #f2f2f2; --mb-t031: #0070d3 !important; --mb-t032: #f2f2f2; --mb-t033: 126px !important; --mb-t034: #0070d3; } /* Theme and unlayered overrides (load after tailwind.css). */ .idp-pagination-entries { font-size: 14px; line-height: 1.42857143; color: #676a6c; } .idp-pagination-entries select.page-size-selector { font-size: inherit; line-height: inherit; vertical-align: middle; } nav.idp-pagination-nav { display: flex; flex-direction: column; gap: 0.75rem; } @media (min-width: 640px) { nav.idp-pagination-nav { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; } } nav.idp-pagination-nav ul.pagination { margin-left: auto; margin-right: 0; width: fit-content; max-width: 100%; flex-shrink: 0; } /* Unlayered .btn base (preflight) */ .btn { display: inline-block; margin-bottom: 0; font-family: "Open Sans", "open sans", sans-serif; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a.btn, a.btn:hover, a.btn:focus { text-decoration: none; } .input-group .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .float-e-margins .btn { margin-bottom: 5px; } .btn-primary { background-color: var(--mb-t011, #0659E0); border-color: var(--mb-t012, #0659E0); color: #FFFFFF; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus { background-color: var(--mb-t016, rgb(5.6008695652, 83.0795652174, 209.0991304348)); border-color: var(--mb-t017, rgb(5.6008695652, 83.0795652174, 209.0991304348)); color: #FFFFFF; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: var(--mb-t014, rgb(6.532173913, 96.8939130435, 243.867826087)); border-color: var(--mb-t015, rgb(6.532173913, 96.8939130435, 243.867826087)); } .btn-success { border-style: solid; background-color: var(--mb-t018, #7D5EC4); border-color: var(--mb-t019, #7D5EC4); color: #FFFFFF; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:hover, .btn-success.active:focus { background-color: var(--mb-t025, #0064BF); border-color: var(--mb-t026, #0064BF); color: #FFFFFF; } .btn-success:hover, .btn-success:focus { background-color: var(--mb-t027, #927bd5); border-color: var(--mb-t028, #927bd5); color: #FFFFFF; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: var(--mb-t023, #d8d8d8); border-color: var(--mb-t024, #d8d8d8); } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { color: #fff; background-color: var(--mb-t020, #0064BF); border-color: var(--mb-t021, #0064BF); } .btn-info { border-style: solid; background-color: #EEEEEE; border-color: #E0E0E0; color: #333333; } .btn-info img.icon-button { height: 1.2em; } .btn-info img.icon-button.fa-search { opacity: 0.5; } /* Input-group icon buttons: preflight img */ .input-group .btn > img.icon-button { max-width: none; width: 1.15em; height: 1.15em; min-width: 14px; min-height: 14px; vertical-align: middle; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .open .dropdown-toggle.btn-info:focus, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus { background-color: #DADADB; border-color: #E0E0E0; color: #333333; } .btn-info:hover, .btn-info:focus, .open .dropdown-toggle.btn-info:hover { background-color: #DADADB; border-color: #E0E0E0; color: #333333; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #d8d8d8; border-color: #E0E0E0; color: #5a5a5a; } .btn-default { color: inherit; background: white; border: 1px solid #E0E0E0; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus { color: inherit; border: 1px solid #d2d2d2; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { color: #cacaca; } .btn-link { color: inherit; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { color: #44A59A; text-decoration: none; } .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { background-image: none; } .btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active { color: #cacaca; } .btn-toggle { background-color: #EEEEEE; border-color: #E0E0E0; color: #333333; } .btn-toggle:active, .btn-toggle.active, .open .dropdown-toggle.btn-toggle, .open .dropdown-toggle.btn-toggle:focus, .btn-toggle:active:focus, .btn-toggle:active:hover, .btn-toggle.active:hover, .btn-toggle.active:focus { background-color: var(--mb-t029, #7D5EC4); border-color: #E0E0E0; color: #FFFFFF; } .btn-toggle:hover, .btn-toggle:focus, .open .dropdown-toggle.btn-toggle:hover { background-color: #f5f5f5; border-color: #E0E0E0; color: #333333; } .btn-toggle:active, .btn-toggle.active, .open .dropdown-toggle.btn-toggle { background-image: none; } .form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar { box-shadow: none; } .btn-action { background-color: var(--mb-t001, #0659E0); color: var(--mb-t002, #FFFFFF); border-radius: 3px; width: 100%; height: 46px; float: right; } .btn-action-left { background-color: #0659e0; border-color: #0659e0; color: var(--mb-t004, #FFFFFF); border-radius: 3px; width: 240px; height: 50px; font-family: "DM Sans", sans-serif; font-size: 16px; float: left; font-weight: bold; } .btn-action-left:hover, .btn-action-left:focus { background-color: var(--mb-t005, #2E73E2); color: #FFFFFF; } .btn-action:hover, .btn-action:focus, .open .dropdown-toggle.btn-action { background-color: var(--mb-t008, #2E73E2); color: var(--mb-t009, #FFFFFF); } .pull-left { margin-top: 7px !important; } .btn-action:active, .btn-action.active { background-color: var(--mb-t006, #0064BF); color: var(--mb-t007, #FFFFFF); } .btn:focus { outline: none !important; } .close { opacity: 1; font-weight: 900; } :is(.checkbox, .custom-checkbox) { margin-top: 10px !important; margin-bottom: 10px !important; } .checkbox.tenantCreationForm { margin-top: 13px !important; margin-bottom: 0px !important; } :is(.checkbox, .custom-checkbox) input[type=checkbox] { opacity: 0; } :is(.checkbox, .custom-checkbox) label::before { content: ""; display: inline-block; height: 16px; width: 16px; border: 1px solid #676a6c; position: absolute; top: 2px; left: 0px; } :is(.checkbox, .custom-checkbox) label::after { content: ""; display: inline-block; height: 6px; width: 9px; border-left: 2px solid white; border-bottom: 2px solid white; transform: rotate(-45deg); position: absolute; left: 4px; top: 7px; } :is(.checkbox, .custom-checkbox) label { position: relative; margin-right: 10px !important; color: #676a6c; } :is(.checkbox, .custom-checkbox) label:hover { color: #333; } :is(.checkbox, .custom-checkbox) input[type=checkbox] + label::after { content: none; } :is(.checkbox, .custom-checkbox) input[type=checkbox]:checked + label::after { content: ""; } :is(.checkbox, .custom-checkbox) input[type=checkbox]:checked + label::before { background-color: #0070D3; } :is(.checkbox, .custom-checkbox) input[type=checkbox]:checked + label { color: #333; } .a-tag-to-button { display: block; padding: 3px 20px; clear: both; font-weight: normal; color: inherit; white-space: nowrap; } .a-tag-to-button:focus, .a-tag-to-button:hover { background-color: #e8e8e8; background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%); background-repeat: repeat-x; color: inherit; text-decoration: none; } .wrapper-background { background-color: #f3f5f8; background-image: none; content: ""; margin: 0; padding: 0; overflow-x: hidden !important; background-repeat: none; background-size: cover; background-position: center center; -o-background-size: cover; -moz-background-size: cover; height: 100%; width: 100%; background-attachment: fixed; position: fixed; z-index: 0; top: 0; left: 0; overflow-y: auto; display: flex; align-items: center; justify-content: center; } .footer-basic { position: fixed; bottom: 0px; width: 100%; display: flex; flex-direction: row; justify-content: center; color: #1558b0; background-color: #f3f5f8; background-image: none; } .footer-basic a { color: #1558b0; text-decoration: none; } .footer-basic ul { margin-bottom: 10px; margin-top: 10px; } .footer-basic.black { color: black; background: inherit; } .footer-basic.black a { color: black; } .footer-university { position: fixed; bottom: 0px; width: 100%; display: flex; flex-direction: row; justify-content: center; background: #242A33; background-image: none; } .footer-university a { text-decoration: none; } .logo-login, .logo-signup { margin-bottom: 20px; } .logo-login img, .logo-signup img { width: var(--mb-t033, 302px); max-width: 370px; } .top-navigation #page-wrapper { margin-left: 0; margin-bottom: 0 !important; } .top-navigation-flow-spacer { height: 96px; min-height: 96px; flex-shrink: 0; pointer-events: none; } @media (max-width: 767px) { .top-navigation-flow-spacer { height: 88px; min-height: 88px; } } .top-navigation .navbar-nav .dropdown-menu > .active > a { background: white; color: #0659E0; font-weight: bold; } .white-bg .navbar-fixed-top, .white-bg .navbar-static-top { background: #fff; } nav.navbar-fixed-top.white-bg { background: #fff; } .top-navigation .navbar { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1); margin-bottom: 0; } .top-navigation .nav > li > a { padding: 15px 20px; color: #676a6c; } .top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus { background: transparent; color: inherit; } .top-navigation .nav > li.active { background: transparent; border: none; } .top-navigation .nav > li.active > a { color: inherit; } .top-navigation .navbar-right { margin-right: 10px; display: flex; } .top-navigation .navbar-nav .dropdown-menu { box-shadow: none; border: 1px solid #e7eaec; } .top-navigation .dropdown-menu > li > a { margin: 0; padding: 7px 20px; } .navbar .dropdown-menu { margin-top: 5px; } .top-navigation .navbar-brand { background-color: var(--mb-t034, #0659E0); color: #fff; padding: 8px 8px; height: inherit; } .navbar-brand > img { height: 40px; } .top-navigation .navbar-top-links { display: flex !important; flex-shrink: 0; min-width: 200px; } .top-navigation .navbar-top-links li { margin-right: 0; padding-top: 13px; } .top-navigation .wrapper { padding: 20px 40px 20px 40px; } .top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px 10px 20px; } @media (max-width: 768px) { .top-navigation .navbar-header { display: block; float: none; } } @media (min-width: 768px) { .top-navigation > nav.navbar.navbar-fixed-top { display: flex !important; flex-wrap: nowrap; align-items: center; width: 100%; max-width: 100%; box-sizing: border-box; } .top-navigation > nav.navbar .navbar-header.pull-left { float: none; flex-shrink: 0; } .top-navigation > nav.navbar #navbar.navbar-collapse { flex: 1 1 0%; min-width: 0; display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; box-sizing: border-box; } } #navbar { display: flex !important; } #navbar > ul.nav.navbar-nav.navbar-nav-main { flex: 0 1 auto; min-width: 0; } .top-navigation #navbar > ul.navbar-top-links.navbar-right { flex: 0 0 auto; margin-left: auto; } @media (max-width: 767px) { #navbar > ul.nav.navbar-nav.navbar-nav-main { flex: none; width: 100%; } .top-navigation #navbar > ul.navbar-top-links.navbar-right { margin-left: 0; } .top-navigation > nav.navbar #navbar.navbar-collapse { justify-content: flex-start; } } .gray-bg { background-color: #F5F5F5; } .alert { margin-bottom: 5px !important; padding: 15px; border: 1px solid transparent; border-radius: 4px; } .alert.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } body { background-color: #F3F5F8; } a { color: #1A73E8; font-size: 16px; font-family: "DM Sans", sans-serif; font-weight: bold; } a:hover { color: #1A73E8; text-decoration: underline; } .dropdown-menu { font-size: 14px; font-family: "Open Sans", "open sans", sans-serif; } .dropdown-menu > li > a, .dropdown-menu > li > form > a { display: block; clear: both; font-weight: 400; font-size: 14px; line-height: 1.428571429; font-family: "Open Sans", "open sans", sans-serif; color: #333; white-space: nowrap; text-decoration: none; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > form > a:hover, .dropdown-menu > li > form > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .terms-of-use { color: white; text-decoration: none; } .terms-of-use:hover, .terms-of-use:focus { color: #1A73E8; text-decoration: underline; } .outside-ibox-content { --login-column-gap: 12rem; --login-ibox-side-margin: 20px; margin: 10px auto 100px auto; width: 100%; box-sizing: border-box; text-align: center; min-width: 0; min-height: 480px; align-items: center; display: flex; flex-wrap: nowrap; justify-content: center; gap: var(--login-column-gap); } .text-input { border-radius: 3px; box-shadow: none; height: 50px; margin-bottom: 5px; border: 1px solid #1D2327; font-size: 17px; font-family: "DM Sans", sans-serif; } .text-gray { color: #676A6C; font-size: 14px; margin-top: 25px; margin-bottom: 4px; } .text-white { color: white; } .text-white a { text-decoration: none; } .ibox { margin-bottom: 25px; margin-top: 0; padding: 0; min-width: auto; width: 500px; } .ibox-account { margin-bottom: 25px; margin-top: 0; padding: 0; background-color: #fff; } .rightbox { padding: 0; } .ibox-content-account { background-color: #fff; color: inherit; height: 90%; padding: 10px; border-radius: 4px; border-color: #E0E0E0; -o-border-image: none; border-image: none; border-style: solid solid none; border-width: 0; width: 525px; margin-left: 35px; margin-right: 35px; } .ibox-content { background-color: var(--mb-t030, #F3F5F8); color: inherit; height: 100%; padding: 20px 20px 20px 20px; border-radius: 4px; border-color: #E0E0E0; -o-border-image: none; border-image: none; border-style: none; border-width: 0; display: inline-flex; width: 525px; min-width: 525px; margin-left: 35px; margin-right: 35px; } .ibox-content::after { content: ""; background-color: #777066; position: absolute; width: 1px; height: 50%; top: 19%; left: 50%; display: block; } .ibox-title h5 { font-size: 16px; font-weight: 400; } .ibox-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #FFFFFF; border-color: #E0E0E0; -o-border-image: none; border-image: none; border-style: none none solid; border-width: 0 0 1px; color: inherit; margin-bottom: 0; padding: 15px 15px 15px; min-height: 48px; border-radius: 4px 4px 0 0; width: 525px; margin-left: 35px; margin-right: 35px; } .half-width { width: 50%; float: left; } .bottom-margin { margin-bottom: 20px; } .w-100 { width: 100%; } .w-50 { width: 50%; } .btn-cancel { margin-right: 5px; width: 48%; height: 46px; font-weight: 600; padding-top: 12px; } .table > thead > tr > th { border-bottom: 0px; } .login-or-split { width: 100%; text-align: center; border-bottom: 1px solid #1D2327; color: #1D2327; line-height: 0.1em; margin: 25px 0 20px; } .login-or-split span { padding: 0 10px; background-color: var(--mb-t032, #F3F5F8); font-size: 16px; font-family: "DM Sans", sans-serif; } .login-buttons { display: inline-block; } .oidc-client { min-width: 146px; min-height: 42px; } .oidc-client-image { width: 150px; height: 50px; border: 1px solid #bfbfbf; background: #ffffff; border-radius: 3px; } .oidc-iteration { width: 50%; margin-bottom: 8px; } .oidc-container { display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap; } .p-t-sm { padding-top: 10px; } .p-b-sm { padding-bottom: 10px; } .p-b-md { padding-bottom: 20px; } .m-t-sm { margin-top: 10px; } .g-recaptcha { position: absolute; right: 0; bottom: 100px; } .grecaptcha-badge { box-shadow: none !important; border: 1px solid #fff; border-bottom: 61px solid #fff; } th *.sorted { cursor: pointer; } th *.sorted::after { content: "▶"; padding-left: 0.5em; display: inline-block; font-size: 0.75em; } .sorted.sorted-desc::after { content: "▼"; } .sorted.sorted-asc::after { content: "▲"; } #privacy-policy { padding-bottom: 20px; } #invite-submit-button { margin-bottom: 20px; } .td-icon div { width: fit-content; margin: 0 auto; } .login-welcome { font-family: "DM Sans", sans-serif; color: #242A33; font-weight: bold; font-size: 36px; } .mindbridge-logo { height: 70px; width: 70px; } .modal-header { background-color: #0070D3; color: #ffffff; } .modal-title { float: left; } .modal button { float: right; color: #fff; } .modal .btn-action { padding-top: 10px; } .modal-footer { display: flex; } .request-page #actions { display: flex; flex-direction: row; justify-content: space-between; } .request-alert { padding: 10px; } .request-alert .error-message { white-space: pre-line; } .request-status-search { margin-right: 15px; padding-top: 3px; color: #676a6c; } .request-status-search label { font-weight: normal; } .request-status-search select.request-status-select, .request-status-search select.form-control.request-status-select { display: inline-block; width: auto; min-width: 10em; max-width: 20em; margin-left: 8px; vertical-align: middle; } #requestDetails { max-width: 450px; } #requestDetails span { margin-left: 5px; } .website-links { margin: 40px auto 10px auto; text-align: center; color: #1A73E8; } .website-links .not-a-customer { font-size: 16px; color: #1D2327; font-family: "DM Sans", sans-serif; } .website-links a { color: #1A73E8; text-decoration: none; font-family: "DM Sans", sans-serif; font-weight: bold; } .website-links a:hover { color: #1A73E8; text-decoration: underline; font-weight: bold; } .primary_message { font-size: 18px; color: #5a4d55; font-family: "Open Sans", sans-serif; } hr.vertical { height: 100%; width: 0; border: 4px solid black; } .rightside-fill { width: 390px; min-width: 390px; } .rightside-box { width: 390px; min-width: 390px; } .ibox-content-account.ibox-fluid-in-shell { width: 100% !important; margin-left: auto !important; margin-right: auto !important; } .ibox-content-account.ibox-fluid-in-shell > .ibox, .ibox-content-account.ibox-fluid-in-shell > .ibox-account { width: 100% !important; max-width: 100%; box-sizing: border-box; } .signin-input { border: 1px solid #1d2327; height: 50px; border-radius: 3px; background-color: #ffffff; box-shadow: none; } #login-form .form-control.text-input.signin-input { border: 1px solid #1d2327; background-color: #ffffff; box-shadow: none; } #login-form .form-control.text-input.signin-input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: none; box-shadow: none; } #login-form .has-error .form-control.text-input.signin-input { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .signin-input::placeholder { font-family: "DM Sans", sans-serif; font-size: 16px; } @media (max-width: 1250px) { .hide-rightside { display: none !important; } .ibox-content::after { display: none !important; } .outside-ibox-content .ibox-content.right-align::after { display: none !important; } .ibox-content { width: 360px !important; min-width: 320px !important; } } .whitelabel-hide { display: none !important; } .whitelabel-hide-after::after { display: none !important; } .whitelabel-hide-after { box-shadow: 3px 0px 35px -5px rgba(77, 76, 76, 0.358); } .suggest-error { color: #C70000; font-size: 14px; } .suggest-error-link { text-decoration: underline !important; color: #C70000; font-size: 14px; } .signin-options-display { display: inline-flex; } .signin-options-padding { padding: 5px; } .ibox-content-account.ibox-fluid-in-shell.account-shell .form-group > h6.text-gray { text-align: left; } .account-page .ibox-account.full-width > .ibox-title, .account-page .ibox-account.full-width > .ibox-content-account { width: 100% !important; max-width: 100%; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; } .width-reset { width: 575px !important; } .width-submit { width: 280px !important; } .right-align { margin-right: 0 !important; } .outside-ibox-content .width-reset { width: 100% !important; max-width: 100%; box-sizing: border-box; } .outside-ibox-content .ibox-content.right-align > .ibox { width: 100%; max-width: 100%; box-sizing: border-box; } .outside-ibox-content .ibox-content.hide-rightside::after { display: none !important; content: none !important; } .outside-ibox-content .ibox-content.right-align::after { content: "" !important; display: block !important; position: absolute; left: auto !important; right: 0; top: 8%; bottom: 8%; width: 1px; height: auto; background-color: #777066; } @media print { nav.navbar-static-side { display: none; } body { overflow: visible !important; } #page-wrapper { margin: 0; } } .university-login .wrapper-background { background: #f3f3f4; background-image: none; } /* Themed component rules (generated; replaces per-theme copies) */ .btn-info.btn-outline { color: var(--mb-t010, #eeeeee); } .btn-primary.btn-outline { color: var(--mb-t013, #0070d3); } .btn-success.btn-outline { color: var(--mb-t022, #eeeeee); } .link-text { color: var(--mb-t031, #0070d3 !important); } .text-white, .terms-of-use { color: #1558b0 !important; } .wrapper-background .outside-ibox-content .ibox-content, .wrapper-background .outside-ibox-content .ibox { background-color: transparent !important; background-image: none !important; } /* Login: vertical rule between form and marketing (follows marketing column height) */ .wrapper-background .outside-ibox-content .ibox-content.right-align::after { content: none !important; display: none !important; } /* Rule sits on the gap midpoint (flex gap is between margin boxes; anchor + translateX(-50%) centers the 1px stroke) */ .wrapper-background .outside-ibox-content .ibox-content.hide-rightside:not(.whitelabel-hide) { position: relative; } .wrapper-background .outside-ibox-content .ibox-content.hide-rightside:not(.whitelabel-hide)::before { content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background-color: #333333; pointer-events: none; left: calc(-1 * var(--login-ibox-side-margin) - (var(--login-column-gap) / 2)); transform: translateX(-50%); }