@charset "UTF-8";@import "https://www.realcrowd.com/Assets/ClientBin/site-common.0b2a6b11.min.css";@import "https://www.realcrowd.com/Assets/ClientBin/site-common.0b2a6b11.min.css";.spin-verif.ant-spin-lg .ant-spin-dot i { width: 36px; height: 36px; } .spin-verif.ant-spin-lg .ant-spin-dot { font-size: 77px; } .spin-verif.ant-spin.ant-spin-show-text .ant-spin-text { font-size: 24px; margin-top: 15px; } .extra-form-item .ant-form-item-control-input { min-height: 0; } .card-shadow { -webkit-box-shadow: 0px 0px 5px 0px darkgrey; -moz-box-shadow: 0px 0px 5px 0px darkgrey; box-shadow: 0px 0px 5px 0px darkgrey; } .is-clickable { cursor: pointer; } .ant-table-cell { word-wrap: normal !important; } .u-loader-spin { display: flex !important; justify-content: center !important; align-items: center !important; height: 80vh; } .issue-token-table-for-existing-investors .ant-table-row-level-1 { background-color: rgba(0, 112, 203, 0.1215686275); } .issue-token-table-for-existing-investors .copy-icon { background: transparent; }body { overflow: hidden; margin: 0; } .main-container { background-color: #102253; position: relative; width: 100%; height: calc(100vh - 64px); overflow: hidden; } .BackgroundImage { position: absolute; bottom: 0%; left: 0; right: 0; z-index: 1; transform: scaleX(-1); width: 100%; mix-blend-mode: color; opacity: 1.5; mix-blend-mode: lighten; opacity: 0.5; } .login-wrapper .card { height: 100%; max-height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: transparent; border: 0; padding: 20px; text-align: center; } .login-btnnn { font-size: 18px; font-weight: 700; } .logo { display: flex; height: 25px; width: 150px; margin-top: 5%; margin-bottom: 3%; text-align: center; justify-content: center; margin-left: 50%; transform: translateX(-50%); } @media (max-width: 768px) { .logo { margin-left: 50%; transform: translateX(-50%); } } .formname { width: 100%; max-width: 460px; margin: auto; display: flex; flex-direction: column; justify-content: flex-start; } .input-label { color: white; text-align: start; }/* CSS variables. */ :root { --PhoneInput-color--focus: #03b2cb; --PhoneInputInternationalIconPhone-opacity: 0.8; --PhoneInputInternationalIconGlobe-opacity: 0.65; --PhoneInputCountrySelect-marginRight: 0.35em; --PhoneInputCountrySelectArrow-width: 0.3em; --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight); --PhoneInputCountrySelectArrow-borderWidth: 1px; --PhoneInputCountrySelectArrow-opacity: 0.45; --PhoneInputCountrySelectArrow-color: currentColor; --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus); --PhoneInputCountrySelectArrow-transform: rotate(45deg); --PhoneInputCountryFlag-aspectRatio: 1.5; --PhoneInputCountryFlag-height: 1em; --PhoneInputCountryFlag-borderWidth: 1px; --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5); --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus); --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1); } .PhoneInput { /* This is done to stretch the contents of this component. */ display: flex; align-items: center; } .PhoneInputInput { /* The phone number input stretches to fill all empty space */ flex: 1; /* The phone number input should shrink to make room for the extension input */ min-width: 0; } .PhoneInputCountryIcon { width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio)); height: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--square { width: var(--PhoneInputCountryFlag-height); } .PhoneInputCountryIcon--border { /* Removed `background-color` because when an `` was still loading it would show a dark gray rectangle. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom. */ background-color: var(--PhoneInputCountryFlag-backgroundColor--loading); /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */ /* For some reason the `` is not stretched to 100% width and height and sometime there can be seen white pixels of the background at top and bottom, so an additional "inset" border is added. */ box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor); } .PhoneInputCountryIconImg { /* Fixes weird vertical space above the flag icon. */ /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */ display: block; /* 3rd party flag icons won't stretch if they have `width` and `height`. Also, if an icon's aspect ratio was different, it wouldn't fit too. */ width: 100%; height: 100%; } .PhoneInputInternationalIconPhone { opacity: var(--PhoneInputInternationalIconPhone-opacity); } .PhoneInputInternationalIconGlobe { opacity: var(--PhoneInputInternationalIconGlobe-opacity); } /* Styling native country `