/* Minification failed. Returning unminified contents. (16985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17076,15): run-time error CSS1039: Token not allowed after unary operator: '-black-70' (17083,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17092,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17101,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17143,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17149,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17153,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17158,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17162,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17174,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (17175,15): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (17179,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17184,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (17185,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17198,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (17207,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (17211,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (17283,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17295,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17306,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17307,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17352,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17383,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (17469,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17542,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17585,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17586,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17596,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-turquoise' (17609,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17622,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (17632,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (17633,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17638,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (17639,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17644,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17679,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (17690,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17716,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17728,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17734,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17743,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (17774,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17792,26): run-time error CSS1039: Token not allowed after unary operator: '-turquoise-light' (17800,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-light' (17812,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (17819,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17830,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17838,15): run-time error CSS1039: Token not allowed after unary operator: '-black-70' (17864,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17871,15): run-time error CSS1039: Token not allowed after unary operator: '-black-70' (17907,26): run-time error CSS1039: Token not allowed after unary operator: '-turquoise-light' (17908,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17924,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-light' (17947,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (17978,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (18009,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18062,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (18093,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (18108,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (18109,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18122,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18134,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (18168,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18215,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18271,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (18404,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (18457,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (18510,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (18528,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (18537,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (18546,15): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18550,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (18555,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18556,15): run-time error CSS1039: Token not allowed after unary operator: '-white' (18560,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (18566,26): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18572,15): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18580,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18590,15): run-time error CSS1039: Token not allowed after unary operator: '-black' (18628,15): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18635,15): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18664,15): run-time error CSS1039: Token not allowed after unary operator: '-black-70' (18713,15): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18739,15): run-time error CSS1039: Token not allowed after unary operator: '-turquoise-light' (18755,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18760,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18764,15): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18780,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18781,26): run-time error CSS1039: Token not allowed after unary operator: '-white' (18782,15): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18815,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18819,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18820,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-purple' (18869,30): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18879,33): run-time error CSS1039: Token not allowed after unary operator: '-white' (18888,22): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (18893,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (19063,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (19073,22): run-time error CSS1039: Token not allowed after unary operator: '-black' (19093,19): run-time error CSS1039: Token not allowed after unary operator: '-black' (19101,33): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' (19102,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (19106,22): run-time error CSS1039: Token not allowed after unary operator: '-white' (19111,36): run-time error CSS1039: Token not allowed after unary operator: '-white' (19112,25): run-time error CSS1039: Token not allowed after unary operator: '-purple-dark' */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce * specificity and defer to the .w-button selector */ button, html input[type="button"], input[type="reset"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type='checkbox'], input[type='radio'] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto; } /** * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed * (similar to normalize.css >=4.0.0) */ input[type='search'] { -webkit-appearance: none; /* 1 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .jqifade { position: absolute; background-color: #777; } @media screen and (min-width: 800px) { div.jqi { width: 396px; font-family: 'Ubuntu', sans-serif; position: absolute; background-color: #fff; font-size: 15px; font-weight: 500; text-align: left; border: 3px solid rgba(156, 39, 176, .4); background-clip: padding-box; border-radius: 6px; padding: 0 0 7px 0; -webkit-font-smoothing: antialiased; } } @media screen and (max-width: 799px) { div.jqi { width: 296px; font-family: 'Ubuntu', sans-serif; position: absolute; background-color: #fff; font-size: 15px; font-weight: 500; text-align: left; border: 3px solid rgba(156, 39, 176, .4); background-clip: padding-box; border-radius: 6px; padding: 0 0 7px 0; -webkit-font-smoothing: antialiased; } } div.jqi .jqicontainer { } div.jqi .jqiclose { position: absolute; top: 7px; right: 4px; width: 18px; cursor: pointer; color: #999; font-weight: bold; font-size: 20px; } div.jqi .jqistate { background-color: #fff; } div.jqi .jqititle { padding: 12px 0 10px 10px; border-bottom: solid 1px #eee; font-family: 'Ubuntu', sans-serif; color: #777; font-weight: 500; font-size: 16px; -webkit-font-smoothing: antialiased; background-color: #f4f4f4; margin: 0 auto; } div.jqi .jqimessage { padding: 15px 10px; line-height: 20px; color: #444; } div.jqi .jqibuttons { text-align: right; margin: 0 0 -7px 0; border-top: solid 1px #e4e4e4; background-color: #f4f4f4; border-radius: 0 0 6px 6px; } div.jqi .jqibuttons button { margin: 0; padding: 15px 20px; background-color: transparent; font-weight: normal; border: none; border-left: solid 1px #e4e4e4; color: #777; font-weight: 500; font-size: 15px; cursor: pointer; } div.jqi .jqibuttons button.jqidefaultbutton { color: #9c27b0; } div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus { color: #9c27b0; outline: none; } .jqiwarning .jqi .jqibuttons { background-color: #b95656; } /* sub states */ div.jqi .jqiparentstate::after { background-color: #777; opacity: 0.6; filter: alpha(opacity=60); content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 6px; } div.jqi .jqisubstate { position: absolute; top: 0; left: 20%; width: 60%; padding: 7px; border: solid 1px #eee; border-top: none; border-radius: 0 0 6px 6px; } div.jqi .jqisubstate .jqibuttons button { padding: 10px 18px; } /* arrows for tooltips/tours */ .jqi .jqiarrow { position: absolute; height: 0; width: 0; line-height: 0; font-size: 0; border: solid 10px transparent; } .jqi .jqiarrowtl { left: 10px; top: -20px; border-bottom-color: #ffffff; } .jqi .jqiarrowtc { left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px; } .jqi .jqiarrowtr { right: 10px; top: -20px; border-bottom-color: #ffffff; } .jqi .jqiarrowbl { left: 10px; bottom: -20px; border-top-color: #ffffff; } .jqi .jqiarrowbc { left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px; } .jqi .jqiarrowbr { right: 10px; bottom: -20px; border-top-color: #ffffff; } .jqi .jqiarrowlt { left: -20px; top: 10px; border-right-color: #ffffff; } .jqi .jqiarrowlm { left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px; } .jqi .jqiarrowlb { left: -20px; bottom: 10px; border-right-color: #ffffff; } .jqi .jqiarrowrt { right: -20px; top: 10px; border-left-color: #ffffff; } .jqi .jqiarrowrm { right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px; } .jqi .jqiarrowrb { right: -20px; bottom: 10px; border-left-color: #ffffff; } /* JQuery Impromptu styles for Saving Changes popup */ .previewfade { position: absolute; background-color: #aaa; } div.preview { width: 280px; font-family: 'Ubuntu', sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; font-size: 15px; font-size: 1.0rem; position: absolute; background-color: rgba(254, 254, 254, .9); text-align: center; border: 1px solid rgba(158, 156, 157, .4); background-clip: padding-box; border-radius: 4px; padding: 7px; } div.preview .previewclose { display: none; } /* End of JQuery Impromptu styles for Saving Changes popup */ /* JQuery Impromptu styles for Claims Chart popup */ .claimschartfade { position: absolute; background-color: #aaa; } @media screen and (min-width: 200px) { div.claimschart { width: auto; font-family: 'Ubuntu', sans-serif; position: absolute; background-color: #fff; font-size: 15px; font-weight: 500; text-align: left; border: 3px solid rgba(156, 39, 176, .4); background-clip: padding-box; border-radius: 6px; padding: 0 0 7px 0; -webkit-font-smoothing: antialiased; } } div.claimschart .claimschartclose { position: absolute; top: 7px; right: 4px; width: 18px; cursor: pointer; color: #999; font-weight: bold; font-size: 20px; } div.claimschart .claimschartbuttons { text-align: right; margin: 0 0 -7px 0; border-top: solid 1px #e4e4e4; background-color: #f4f4f4; border-radius: 0 0 6px 6px; } div.claimschart .claimschartbuttons button { margin: 0; padding: 15px 20px; background-color: transparent; font-weight: normal; border: none; border-left: solid 1px #e4e4e4; color: #777; font-weight: 500; font-size: 15px; cursor: pointer; } div.claimschart .claimschartbuttons button.claimschartdefaultbutton { color: #9c27b0; } div.claimschart .claimschartbuttons button:hover, div.claimschart .claimschartbuttons button:focus { color: #9c27b0; outline: none; } /* End Impromptu styles for Claims Chart popup */ /* JQuery Impromptu styles for Email Preview popup */ .emailpreviewfade { position: absolute; background-color: #aaa; } div.emailpreview { width: 90%; max-width: 960px; font-family: 'Ubuntu', sans-serif; position: absolute; background-color: #fff; font-size: 15px; font-weight: 500; text-align: left; border: 3px solid rgba(156, 39, 176, .4); background-clip: padding-box; border-radius: 6px; padding: 0 0 7px 0; -webkit-font-smoothing: antialiased; } div.emailpreview .emailpreviewtitle { padding: 12px 0 10px 10px; border-bottom: solid 1px #eee; font-family: 'Ubuntu', sans-serif; color: #777; font-weight: 500; font-size: 16px; -webkit-font-smoothing: antialiased; background-color: #f4f4f4; margin: 0 auto; } div.emailpreview .emailpreviewmessage { padding: 15px 10px; line-height: 20px; color: #444; } div.emailpreview .emailpreviewclose { position: absolute; top: 7px; right: 4px; width: 18px; cursor: pointer; color: #999; font-weight: bold; font-size: 20px; } div.emailpreview .emailpreviewbuttons { text-align: right; margin: 0 0 -7px 0; border-top: solid 1px #e4e4e4; background-color: #f4f4f4; border-radius: 0 0 6px 6px; } div.emailpreview .emailpreviewbuttons button { margin: 0; padding: 15px 20px; background-color: transparent; font-weight: normal; border: none; border-left: solid 1px #e4e4e4; color: #777; font-weight: 500; font-size: 15px; cursor: pointer; } div.emailpreview .emailpreviewbuttons button.emailpreviewdefaultbutton { color: #9c27b0; } div.emailpreview .emailpreviewbuttons button:hover, div.emailpreview .emailpreviewbuttons button:focus { color: #9c27b0; outline: none; } /* End Impromptu styles for Email Preview popup */ /*! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .003; -ms-filter: Alpha(Opacity=.3); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* */ /* APP WIDE STYLES FOR COMMON CONTROLS, E.G. links, buttons, etc. */ /* */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-family: 'Ubuntu', sans-serif; font-weight: 500; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; } body { margin: 0; line-height: 1.42857143; color: #333; background-color: #fff; } button, input, optgroup, select, textarea { margin: 0; font: inherit; font-family: inherit; font-size: inherit; line-height: inherit; } optgroup { margin: 0; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } .body-bg { background-color: #f0f2f7; } a img { border: none; } .clickable-text-link { color: #9c27b0; cursor: pointer; } .all-caps { text-transform: uppercase; } .opacity-0 { opacity: 0; } button:focus { outline: 0; } /* */ /* END OF APP WIDE STYLES FOR COMMON CONTROLS, E.G. buttons, etc. */ /* */ /* FF doesn't make disabled text gray! This fixes that. */ [disabled] { color: #A0A0A0 !important; } /* */ /* APP WIDE FONTS */ /* */ .ubuntu-title-huge, .ubuntu-title-bigger, .ubuntu-title-bigger-white, .ubuntu-title-bigger-black, .ubuntu-title-big, .ubuntu-title-medium, .ubuntu-title-medium-light { font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #333; font-size: 24px; line-height: 25px; -webkit-font-smoothing: antialiased; } .ubuntu-title-huge { font-size: 100px; line-height: 100px; } .ubuntu-title-bigger { font-size: 32px; line-height: 32px; } .ubuntu-title-bigger-white { font-size: 32px; line-height: 32px; color: #fff; } .ubuntu-title-bigger-black { font-size: 32px; line-height: 32px; color: #000; } .ubuntu-title-medium { font-size: 21px; } .ubuntu-title-medium-light { font-size: 21px; color: #777; } .ubuntu-40px-bold-font { font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 40px; -webkit-font-smoothing: antialiased; } .ubuntu-sizeless-font { font-family: 'Ubuntu', sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; } .ubuntu-36px-font, .ubuntu-32px-font, .ubuntu-28px-font, .ubuntu-24px-font, .ubuntu-22px-font, .ubuntu-20px-font, .ubuntu-18px-font, .ubuntu-18px-font-important, .ubuntu-16px-font, .ubuntu-16px-font-important, .ubuntu-15px-font, .ubuntu-14px-font, .ubuntu-13px-font, .ubuntu-12px-font, .ubuntu-11px-font { font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 36px; -webkit-font-smoothing: antialiased; } .ubuntu-32px-font { font-size: 32px; line-height: 32px; } .ubuntu-28px-font { font-size: 28px; } .ubuntu-24px-font { font-size: 24px; } .ubuntu-22px-font { font-size: 22px; } .ubuntu-20px-font { font-size: 20px; } .ubuntu-18px-font { font-size: 18px; } .ubuntu-18px-font-important { font-size: 18px !important; line-height: 18px !important; } .ubuntu-16px-font { font-size: 16px; } .ubuntu-16px-font-important { font-size: 16px !important; line-height: 16px !important; } .ubuntu-15px-font { font-size: 15px; } .ubuntu-14px-font { font-size: 14px; } .ubuntu-13px-font { font-size: 13px; } .ubuntu-12px-font { font-size: 12px; } .ubuntu-11px-font { font-size: 11px; } .no-family-18px-font { font-size: 18px; } .no-family-16px-font { font-size: 16px; } .no-family-15px-font { font-size: 15px; } /* */ /* END OF APP WIDE FONTS */ /* */ /* */ /* JQUERY CLICK HOOKS. */ /* !!! DO NOT DELETE!!! */ /* */ .dashboard-patient-name-hook, .dashboard-small-cut-patient-name-hook { /* DO NOT DELETE. JQUERY EVENT HOOK. */ } /* This is also a click handler for jQuery. Do not delete. */ .gc-portal-quick-add-btn { float: right; position: relative; top: -2px; } .labs-get-started-button-click-hook, .inds-get-started-button-click-hook { /* DO NOT DELETE. JQUERY EVENT HOOK. */ } .top-nav-btn-div-click-hook, .test-type-cbox-click-hook { /* DO NOT DELETE. JQUERY EVENT HOOK. */ } .user-click-event-hook { /* jquery event sink handle !!! do not delete without understanding code !!! */ } .chat-user-hint-click-hook { /* jquery event sink handle !!! do not delete without understanding code !!! */ } .chat-translate-div-click-hook { /* DO NOT DELETE. JQUERY EVENT HOOK. */ } /* */ /* END OF JQUERY CLICK HOOKS */ /* */ .generic-10px-height-extra-div { width: 100%; height: 10px; } .generic-20px-height-extra-div { width: 100%; height: 20px; } .generic-40px-height-extra-div { width: 100%; height: 40px; } .generic-100px-height-extra-div { width: 100%; height: 100px; } .generic-200px-height-extra-div { width: 100%; height: 200px; } .generic-error-div { background-color: #fef1d0; padding: 10px; } .generic-cursor-hand { cursor: pointer; } .float-left { float: left; } .float-right { float: right; } .float-left-width-50pct { float: left; width: 50%; } .overflow-auto { overflow: auto; } .text-align-center { text-align: center; } .max-width-200px { max-width: 200px; } .margin-top-20px { margin: 20px 0 0 0; } .border-color-hex-ccc { border-color: #ccc; } .bg-color-hex-ffd800 { background-color: #ffd800; } .color-hex-f00 { color: #f00; } .height-30px { height: 30px; } .height-80px { height: 80px; } .height-70px { height: 70px; } .padding-top-3px { padding: 3px 0 0 0; } .width-298px { width: 298px; } .margin-top-bottom-20px { margin: 20px 0; } .main-container { width: 100%; margin: 0px; } .center { text-align: center; } .display-none { display: none; } /* Bootsrap.css is injecting input[type="file"] { display: block; } so this class overrides it. */ .display-none-override-bootstrap { display: none !important; } .visibility-hidden { visibility: hidden; } .login-label { margin-bottom: 6px; } .button-login:hover { background-color: #0c729a; } .notify-container { float: left; } .notify-image-container { cursor: pointer; } .notify-count-outer-div { float: right; width: 38px; text-align: center; background: url('/images/bell.png') no-repeat center center; cursor: pointer; } .notify-count, .plus-one-inbox-indicator { display: none; float: right; position: relative; color: #fff; margin: 0; padding: 1px 3px; width: auto; cursor: pointer; height: 15px; line-height: 15px; font-weight: bold; background-color: #c00; } .plus-one-inbox-indicator { position: absolute; width: 36px; z-index: 2; cursor: default; text-align: center; left: 0; right: 0; margin: 0 auto; padding: 3px 0; } .notify-common { /* Stub for event sinking */ } .clear-both { clear: both; } .login-link { color: #9c27b0; text-decoration: none; } .login-link:visited { color: #9c27b0; } .login-link-mobile { border-left: solid 4px transparent; padding: 0 0 0 10px; color: #8b3bff; height: 50px; display: block; overflow: hidden; text-decoration: none; width: 100%; } .login-link-mobile:visited { color: #8b3bff; } /* 'example' text watermark */ .action-link { font-size: 9pt; color: #9c27b0; } .action-link a { color: #9c27b0; } .watermark { color: #999999 !important; } .bold-text { font-weight: bold; } .notifications-spinner { visibility: visible; margin: 0 auto; padding: 15px 0 0 0; height: 32px; text-align: center; } /* error message */ .error, .error-payment-window { border-radius: 2px; height: 24px; line-height: 24px; background-color: #fecf65; padding: 0 6px; color: #000; display: none; z-index: 999; -moz-box-shadow: 1px 1px 8px 1px #e1e0e0; -webkit-box-shadow: 1px 1px 8px 1px #e1e0e0; box-shadow: 1px 1px 8px 1px #e1e0e0; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 14px; -webkit-font-smoothing: antialiased; } .error p { margin: 0; } .invalid-payment-window { background-color: #ffe0e0; } /* Dedicated error page */ .error-page-body { background: url('/Images/chatBotBg.png') } .error-page-head { color: #9c27b0; margin: 40px auto; } .error-page-text { color: #777; margin: 5px 0; } .error-page-image { margin-bottom: 14px; max-width: 300px; } .outer-row { clear: both; width: 558px; height: 95px; margin: 0; border-bottom: solid 1px #e1e0e0; } .dialog-main { width: 100%; } .dialog-secure-form-hint-div { clear: both; margin: 0 0 15px 0; padding: 0 10px; width: 100%; overflow: visible; height: 28px; line-height: 28px; color: #777; background-color: #fef1d0; } .dialog-generic-hint-div { clear: both; overflow: visible; color: #777; width: auto; margin: 30px 10px 0 10px; line-height: 20px; } .dialog-secure-form-img { width: 18px; height: 18px; margin: 0 0 0 5px; position: relative; top: -2px; } .dialog-input-outer-div { overflow: hidden; } .dialog-input-section-label { margin: 0 0 10px 2px; } .dialog-input-section-label-webflow { margin: 0 0 0 2px; } .dialog-input-section { margin: 30px auto; width: 100%; overflow: visible; } .dialog-input-section-no-top-margin { margin: 0 auto 30px auto; width: 100%; overflow: visible; } .cust-acct-section-tall-auto-width { margin: 0 auto 30px auto; width: 100%; overflow: visible; } .cust-acct-section-auto-width { margin: 0 auto; width: 100%; overflow: visible; } .cust-acct-section-tall { margin: 0 auto 22px auto; width: 300px; overflow: visible; } .cust-acct-section { margin: 0 auto 10px auto; width: 300px; } .cust-acct-section-right-indented-25px { margin: 0 auto; width: 300px; padding: 0 0 10px 25px; } .acct-section-tall { margin: 0 0 22px 0; overflow: visible; } .acct-section { margin: 0 0 10px 0; } .change-password-btn-div { width: 298px; margin: 0 auto; } .acct-section-highlighted, .acct-section-tall-highlighted { width: 296px; margin: 0 0 10px 0; overflow: visible; padding: 2px 3px; background-color: #ffff99; border-radius: 1px; } .acct-section-tall-highlighted { margin: 0 0 22px 0; } .section-highlighted-webflow, .section-highlighted-no-top-margin-webflow { width: 100%; margin: 20px auto; overflow: visible; padding: 8px 10px; background-color: #ffff99; border-radius: 5px; } .section-highlighted-no-top-margin-webflow { margin: 0 auto 20px auto; } .gc-submit-wrapper-div { width: 298px; margin: 25px 0; height: 60px; } .login-btn-div-new { margin: 0 auto; height: 60px; text-align: center !important; width: 100%; } .gc-submit-btn-div { width: 298px; margin: 0 auto; height: 60px; } .gc-submit-btn-h80px-div { width: 298px; margin: 0 auto; height: 80px; text-align: center; } .gc-submit-waiting-div { display: none; clear: both; margin: 13px auto 0 auto; height: 60px; } .gc-submit-waiting-h80px-div { display: none; clear: both; margin: 0 auto; height: 80px; } .gc-submit-waiting-h60px-div { display: none; position: relative; clear: both; margin: 0 auto; height: 60px; width: 40px; text-align: center; } .login-progress-img { position: relative; top: 13px; } .add-customer-btn-div { width: 298px; margin: 50px auto 25px auto; height: 60px; } .acct-section-label { color: #333; margin: 0; line-height: 30px; } .acct-section-label-with-margin { color: #333; margin: 0 0 10px 0; } .acct-section-notes { margin-top: 3px; } .acct-section-notes2 { margin: 0 0 10px 0px; } .sending-email-wait-hint { text-align: center; margin: 10px 0 0 0; } .general-processing-btn-action-hint { text-align: center; margin: 10px 0 0 0; } .password-reset-confirm-email { font-weight: bold; } .password-reset-email-sent-div, .password-changed-page-notification-div, .register-email-sent-div { display: none; max-width: 800px; width: 90%; margin: 50px auto 200px auto; padding: 0 5px; line-height: 22px; text-align: center; } .forgot-password-main-div { height: 420px; } .password-reset-email-sent-hint-div { display: none; max-width: 800px; width: 90%; height: 420px; margin: 40px auto 0 auto; padding: 0 5px; line-height: 22px; text-align: center; } .acct-button { height: 30px; line-height: 12px; color: #fff; background-color: #553483; padding: 7px; font-weight: bold; text-align: center; cursor: pointer; border: solid 1px transparent; } .acct-button:hover { background-color: #835ebf; border: solid 1px transparent; } .inds-get-started-button-div { width: 220px; margin: 20px auto 40px auto; } .inds-get-started-button { padding: 0 20px 0 0; } .nav-bar-sign-in-button-div { float: right; padding: 0; width: 90px; overflow: hidden; cursor: pointer; } .generic-btn-webflow { grid-column-gap: 12px; grid-row-gap: 12px; background-color: #8b3bff; color: #fff; border-radius: 40px; flex: none; justify-content: space-between; align-items: center; height: 56px; font-weight: 500; text-decoration: none; transition: background-color .4s ease-in-out; overflow: hidden; width: 100%; } .generic-btn-webflow:hover { background-color: #7731dd; } .register-popup-button, .register-button-front-page-big, .book-appt-btn-big, .request-demo-btn, .gc-submit-btn, .gc-submit-btn-disabled, .gc-generic-btn, .gc-generic-btn-webflow, .gc-generic-btn-width-94pct, .gc-generic-50px-btn, .add-customer-btn, .submit-interest-btn-big, .labs-get-started-button1, .labs-get-started-button2, .labs-get-started-button3, .labs-get-started-button4, .inds-get-started-button-purple, .inds-get-started-button-blue { width: 100%; height: 36px; line-height: 32px; color: #fff; background-color: #553483; padding: 0; text-align: center; cursor: pointer; border: solid 1px transparent; border-radius: 3px; } .gc-submit-btn { height: 60px; line-height: 56px; } .gc-submit-btn:hover { background-color: #835ebf; border: solid 1px #835ebf; } .gc-submit-btn-disabled { height: 60px; line-height: 56px; background-color: #e0e0e0; border: solid 1px #e0e0e0; color: #555; } .gc-settings-main { margin: 0 auto; box-sizing: border-box; background-color: #ffffff; padding: 2rem; display: flex; flex-direction: column; gap: 1.5rem; } .invoice-card { background: #ffffff; border: 1px solid #eee; border-radius: 12px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06); padding: 1rem; margin: 0 0 20px 0; display: flex; justify-content: space-between; align-items: center; transition: transform 0.2s ease; } .invoice-card:hover { transform: translateY(-3px); } .invoice-details { display: flex; flex-direction: column; gap: 0.5rem; } .invoice-details div { font-size: 1rem; } .invoice-label { font-weight: 600; color: #333; } .invoice-status-badge { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 999px; font-size: 0.875rem; font-weight: 600; text-transform: uppercase; } .invoice-paid { background-color: #e6f4ea; color: #2e7d32; } .invoice-open { background-color: #fff4e5; color: #f57c00; } .invoice-void { background-color: #f3e5f5; color: #8e24aa; } .invoice-uncollectible { background-color: #fbe9e7; color: #d84315; } .invoice-draft { background-color: #e3f2fd; color: #1976d2; } .invoice-other { background-color: #f0f0f0; color: #616161; } .invoice-button-group { display: flex; gap: 0.5rem; } .invoice-action-button { padding: 0.6rem 0.8rem; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: background 0.3s ease; } .invoice-view-btn { background-color: #eeeeee; color: #5c3d99; } .invoice-view-btn:hover { background-color: #e0dff3; } .invoice-pay-btn { background-color: #8b3bff; color: #ffffff; } .invoice-pay-btn:hover { background-color: #6f2ecc; } .gc-add-finanacial-inst-div { width: 298px; margin: 25px 0; overflow: hidden; } .gc-generic-btn { height: 40px; line-height: 38px; } .gc-generic-btn:hover { background-color: #835ebf; border: solid 1px #835ebf; } .gc-generic-btn-webflow { height: 40px; line-height: 38px; background-color: #8b3bff; color: #ffffff; border-radius: 5px; } .gc-generic-btn-webflow:hover { background-color: #6f2ecc; border: solid 1px #6f2ecc; } .gc-generic-btn-width-94pct { width: 94%; height: 40px; line-height: 36px; } .gc-generic-btn-width-94pct:hover { background-color: #835ebf; border: solid 1px #835ebf; } .add-customer-btn { height: 60px; line-height: 56px; } .gc-generic-50px-btn { height: 50px; line-height: 48px; } .add-customer-btn:hover, .gc-generic-50px-btn:hover { background-color: #835ebf; border: solid 1px #835ebf; } .register-popup-button { background-color: #553483; border: solid 1px transparent; } .register-button-front-page-big, .book-appt-btn-big { background-color: #553483; height: 50px; line-height: 50px; } .register-button-front-page-big:hover, .book-appt-btn-big:hover { background-color: #835ebf; } .nav-bar-sign-in-button-purple { width: 100%; color: #fff; background-color: #553483; padding: 0; text-align: center; cursor: pointer; border: solid 1px transparent; border-radius: 3px; } .nav-bar-sign-in-button-purple:hover { background-color: #835ebf; } .inds-get-started-button-purple { background-color: #553483; border: solid 1px transparent; height: 48px; line-height: 48px; width: 100%; } .inds-get-started-button-purple:hover { background-color: #835ebf; } .inds-get-started-button-blue { background-color: #5dacdc; border: solid 1px transparent; height: 48px; line-height: 48px; width: 100%; } .inds-get-started-button-blue:hover { background-color: #6dbcec; } .labs-get-started-button1 { background-color: #fecf65; border: solid 1px transparent; height: 48px; line-height: 48px; width: 75%; margin: 0 auto 30px auto; } .labs-get-started-button1:hover { background-color: #f7d78f; } .labs-get-started-button2 { background-color: #553483; border: solid 1px transparent; height: 48px; line-height: 48px; width: 75%; margin: 0 auto 30px auto; } .labs-get-started-button2:hover { background-color: #835ebf; } .labs-get-started-button4 { background-color: #553483; border: solid 1px transparent; height: 48px; line-height: 48px; width: 100%; } .labs-get-started-button4:hover { background-color: #835ebf; } .labs-get-started-button3 { background-color: #5dacdc; border: solid 1px transparent; height: 48px; line-height: 48px; width: 75%; margin: 0 auto 30px auto; } .labs-get-started-button3:hover { background-color: #8bc7eb; } .submit-interest-btn-big { background-color: #553483; border: solid 1px transparent; height: 50px; line-height: 50px; } .submit-interest-btn-big:hover { background-color: #835ebf; } .acct-action-link-webflow { cursor: pointer; text-decoration: none; color: #8b3bff; } .acct-action-link-webflow a { text-decoration: none; color: #8b3bff; } .acct-action-link-webflow a:visited { color: #8b3bff; } .acct-action-link { cursor: pointer; text-decoration: none; color: #9c27b0; } .acct-action-link a { text-decoration: none; color: #9c27b0; } .acct-action-link a:visited { color: #9c27b0; } .acct-action-link-underline { cursor: pointer; color: #9c27b0; } .acct-action-link-underline a { color: #9c27b0; } .acct-action-link-underline a:visited { color: #9c27b0; } .acct-title-right-div { float: right; font-size: 12px; margin-top: 10px; color: #555555; } .acct-textarea-text { margin: 4px 0 0 0; color: #000; font-size: 9pt; } .acct-textarea-text2 { color: #000; font-size: 9pt; } .acct-page-margin { clear: both; margin: 25px 0; } .acct-reset-hint-div { line-height: 22px; margin: 0 0 20px 0; color: #333; text-align: left; } .acct-notify-cbox-div { clear: both; float: left; margin: 0 0 0 5px; } .acct-notify-cbox { height: 15px; width: 18px; } .acct-notify-lbl-div { float: left; margin: 5px 0 0 0; color: #555555; } /* Styles used for notifications panel popup */ .notification-empty-set { display: none; text-align: center; } .notification-empty-set-title { color: #555; margin: 20px 0; } .notification-empty-set-hint { color: #555; margin: 0 0 40px 0; text-align: center; line-height: 20px; } /*.notification-load-more { display: none; width: 100%; margin: 0; text-align: center; }*/ .no-new-notifications { height: 20px; line-height: 20px; margin: 5px 0 5px 10px; } .notification-panel { clear: both; overflow-y: auto; font-weight: normal; font-size: 12px; margin: 0; padding: 0; border-bottom: solid 1px #e1e0e0; } .notification-show-all { margin: 20px 0 0 0; text-align: center; } .notification-show-all:hover a { text-decoration: underline; color: #9c27b0; } .notification-show-all-link { font-size: 12px; font-weight: normal; color: #9c27b0; cursor: pointer; background-color: transparent; } .notification-date-header { height: 20px; border-bottom: solid 1px #e1e0e0; font-weight: bold; color: #555; margin: 10px 0 0 0; } .notification-outer-row { clear: both; width: 100%; margin: 0; border-top: solid 1px #e1e0e0; } /* we need these two of the same styles in order to correctly attach the events (through .live) to the correct control. I.e. when we are on a notifications page then the notifications jquery widget will be drawn twice, once for the page itself and once for the popup that is globally positioned. In this case to avoid conflicts we need these two style names. */ .notification-inner-row, .notification-popup-inner-row, notifications-inner-row-no-event { float: left; cursor: pointer; width: 98%; } .notification-unread { background-color: #f0f2f7; } .notification-orange-left-border { border-left: solid 3px #9c27b0; } .notification-white-left-border { border-left: solid 3px #fff; } .notification-gray-left-border { border-left: solid 3px #f0f2f7; } .notification-icon { float: left; width: 24px; height: 24px; margin: 0 5px 0 0; text-align: center; } .notification-icon-img { width: 24px; height: 24px; } .notification-icon-img-emoji { width: 22px; height: 22px; margin: 1px auto 0 auto; } .notification-time-text { float: left; height: 24px; line-height: 24px; } .notification-time { height: 32px; margin: 3px 0 0 0; color: #555; } .notification-message { color: #555; line-height: 18px; } /* End styles used for notifications panel popup */ /* Terms of Use (and Privacy Policy) */ .terms-title, .settings-title { color: #333; margin: 20px 0; } .covid-acoe-consent-title { color: #333; margin: 30px auto; text-align: center; } .add-customer-page-title { color: #333; margin: 20px 0; text-align: center; } .generic-page-title-no-margin { color: #333; margin: 0 auto; text-align: center; } .generic-page-title { color: #333; margin: 80px 0 20px 0; text-align: center; } .generic-page-title-width-padding, .generic-page-title-width-padding-smaller-margin { color: #333; max-width: 500px; margin: 80px auto 10px auto; padding: 0 20px; text-align: center; line-height: 32px; } .generic-page-title-width-padding-smaller-margin { margin: 40px auto 10px auto; } .mygenerank-page-title, .claims-page-title, .proactive-page-title { color: #333; margin: 40px 0; padding: 0 10px; text-align: center; } .mygenerank-page-hint-div { color: #333; margin: 30px auto 0 auto; padding: 10px; text-align: left; max-width: 600px; background-color: #ffedff; border: solid 1px #f3dcf7; border-radius: 3px; } .mygeneranks-terms-disclaimer-div { text-align: left; margin: 15px 0 0 0; padding: 0; } .claims-view-results-div { height: 30px; margin: 20px auto 0 auto; text-align: right; width: 100%; } .gc-portal-div-webflow { height: 50px; margin: 0 auto; } .gc-portal-div-webflow-auto-height { position: relative; margin: 30px auto 20px auto; height: 30px; padding: 0; } .gc-portal-div-webflow-covid { position: relative; margin: 20px auto; padding: 0; text-align: right; } .gc-portal-export-div, .gc-portal-barcode-div { height: 50px; margin: 15px auto 0 auto; text-align: right; } .gc-portal-barcode-label { vertical-align: middle; } .gc-portal-export-label, .claims-view-results-label { vertical-align: middle; text-decoration: underline; } .gc-portal-covid-action-div { margin: 10px; } .gc-portal-barcode-img { width: 24px; height: 24px; vertical-align: middle; margin-left: 2px; } .gc-portal-export-img, .claims-view-results-img { vertical-align: middle; margin-left: 5px; } .gc-portal-export-img-webflow { width: 24px; height: 24px; vertical-align: middle; margin-left: 2px; } .gc-portal-hide-name-img { width: 24px; height: 24px; vertical-align: middle; cursor: pointer; } .gc-dashboard-sort-by-div { float: right; margin: 0 0 0 10px; } .gc-dashboard-sort-by-btn { cursor: pointer; border: none; background-color: #fff; text-align: center; position: relative; top: -1px; } .gc-portal-action-label { vertical-align: middle; } .gc-portal-sortby-img { vertical-align: middle; width: 22px; height: 22px; margin-left: 2px; } .gc-portal-sort-check-img { vertical-align: middle; width: 24px; height: 24px; margin-right: 6px; position: relative; top: -2px; } .gc-dashboard-dropdown-padding { margin-left: 29px; } .gc-portal-acuity-img, .gc-quick-add-img { vertical-align: middle; margin: 0; width: 24px; height: 24px; cursor: pointer; position: absolute; top: 50%; transform: translate(0, -50%); } .gc-portal-acuity-img-small-cut-row { margin: 0; width: 24px; height: 24px; cursor: pointer; } .gc-portal-table-rows-div { margin: 0 auto; overflow: auto; min-height: 40px; } .gc-portal-table-rows-small-cut-div { margin: 20px auto 0 auto; width: 300px; min-height: 20px; } .gc-portal-record-div-small-cut-gray-border { width: 100%; height: 100%; border-bottom: solid 1px #c0c0c0; } .gc-portal-row-small-cut, .gc-portal-row-small-cut-shaded { width: 300px; margin: 0 auto; padding: 3px 0; overflow: auto; } .gc-portal-row-small-cut-shaded { background-color: #eee; } .gc-portal-cell1-small-cut { float: left; height: 100%; width: 100px; font-weight: bold; } .gc-portal-cell2-small-cut { float: left; height: 100%; width: 200px; } .gc-portal-paging-div-outer { margin: 40px auto 0 auto; width: 750px; text-align: right; overflow: auto; } .gc-portal-paging-div { margin: 0; width: 300px; text-align: right; height: 40px; line-height: 40px; float: right; } .gc-paging-next-arrow-div { background-color: transparent; border: solid 1px #ccc; cursor: pointer; display: block; float: right; text-align: center; height: 38px; line-height: normal; width: 60px; margin: 0 0 0 10px; border-radius: 3px; box-shadow: 0 6px 6px -6px #999; } .gc-paging-next-arrow-div:hover { border: solid 1px #aaa; box-shadow: 0 6px 6px -6px #777; } .gc-portal-next-img { height: 32px; width: 32px; margin: 3px auto 0 auto; } .gc-portal-header-row { background: rgba(2, 7, 15, 0.04); margin: 25px auto 0 auto; padding: 15px 0; overflow: auto; } .gc-portal-row-sep { height: 1px; background-color: #e0e0e0; width: 100%; } .gc-portal-row, .gc-portal-row-shaded { margin: 0 auto; padding: 15px 0; overflow: auto; } .gc-portal-row-shaded { /* background-color: #eee; */ } .gc-portal-cell1, .gc-portal-cell2, .gc-portal-cell3, .gc-portal-cell4, .gc-portal-cell5, .gc-portal-cell6, .gc-portal-cell7 { float: left; height: 100%; white-space: pre-wrap; /* CSS3 */ word-wrap: break-word; /* IE */ padding-right: 15px; } .gc-portal-cell1 { padding-left: 15px; } .gc-portal-cell1:after { content: '\200b'; } .gc-portal-cell2:after { content: '\200b'; } .gc-portal-cell2-header { float: left; height: 100%; word-wrap: break-word; /* IE */ } .gc-portal-cell2-header:after { content: '\200b'; } .gc-portal-cell3:after { content: '\200b'; } .gc-portal-cell4:after { content: '\200b'; } .gc-portal-cell5:after { content: '\200b'; } .gc-portal-header-cell6 { cursor: pointer; } .gc-portal-cell6:after { content: '\200b'; } .gc-portal-cell7 { position: relative; } .gc-portal-cell7:after { content: '\200b'; } .gc-portal-left-nav-div { width: 300px; height: calc(100% - 66px); min-height: 10px; position: fixed; top: 0; left: 0; border-right: solid 1px #e0e0e0; background-color: #fff; box-shadow: 0px 0px 15px rgba(26, 5, 53, 0.1); overflow: auto; } .gc-portal-left-nav-sub-div, .gc-portal-left-nav-sub-div-active { width: 100%; margin: 0 auto; height: 60px; line-height: 60px; border-right: solid 4px transparent; color: #777; } .gc-portal-left-nav-sub-div-active { color: #8b3bff; } .gc-portal-left-nav-sub-div:hover { background: rgba(156, 39, 176, 0.05); border-right: solid 4px rgba(131, 94, 191, 0.5); } .gc-portal-left-nav-img { width: 32px; height: 32px; filter: grayscale(100%); } .gc-portal-left-nav-img-active { width: 32px; height: 32px; } .gc-dashboard-page-title { float: left; color: #333; height: 50px; line-height: 50px; text-align: left; } .gcsubmission-page-title { color: #333; margin: 20px auto; text-align: center; } .gc-dashboard-test-switch-div { float: left; } .gc-dashboard-test-mode-div { width: 135px; position: absolute; top: 50%; transform: translate(0, -50%); float: left; } .gc-dashboard-test-mode-label { float: left; height: 24px; line-height: 24px; color: #333; } .gc-submission-logo-div { width: 100%; margin: 0px auto 20px auto; text-align: center; } .gc-submission-logo-img { width: 140px; margin: 0 auto; } .gc-portal-nav-a { text-decoration: none; } .gc-portal-nav-a:hover { color: #8b3bff; } .gc-portal-nav-a:visited { color: #8b3bff; } .terms-sub-title { color: #000; font-size: 24px; padding-bottom: 18px; } .terms-head, .proactive-consent-head { color: #000; } .terms, .terms-bold { color: #555555; } .terms-bold { color: #000000; } .terms-list-item, .proactive-consent-list-item { padding-bottom: 6px; } .terms-list, .proactive-consent-list { margin-top: 0; } .terms-list-extra-margins { margin: 10px 0; } .terms-link { color: #9c27b0; text-decoration: underline; } .terms-link:hover { color: #9c27b0; text-decoration: underline; } .terms-link:visited { color: #9c27b0; text-decoration: underline; } .terms-margins, .settings-margins { margin: 0; } .add-customer-outer-div { margin: 0; min-height: 500px; } .terms-paragraph { line-height: 22px; } .covid-consent-paragraph, .proactive-consent-paragraph { line-height: 22px; padding: 4px 0; } .covid-consent-head { color: #000; padding: 4px 0; } .logo4 { float: left; margin: 12px 0 0 15px; cursor: pointer; } .forgot-password-main-area { margin: 0 0 0 158px; } .account-action-spinner-div { display: none; height: 50px; margin: 0 auto; padding: 9px 0 0 0; text-align: center; } .login-spinner-div, .main-register-spinner-div, .forgot-password-spinner-div, .reset-password-spinner-div, .share-spinner-div, .submit-interest-spinner-div, .proactive-processing-spinner-div, .gc-forgot-password-spinner-div, .appointment-link-spinner-div { visibility: visible; margin: 0 auto; padding: 0; height: 32px; text-align: center; } .appointment-link-spinner-div { height: 50px; padding-top: 8px; background-color: transparent; } .forgot-password-spinner-div, .gc-forgot-password-spinner-div { height: 36px; } .login-spinner-div { height: 36px; } .submit-interest-spinner-div { position: relative; top: 9px; } .share-spinner-div { height: 36px; } .popup-forgot-password, .forgot-password-hint { margin: 4px 0 10px 0; font-weight: normal; font-size: 12px; line-height: 16px; } .forgot-password-hint { margin: 5px 0 20px 0; } .body-main-bg { background-color: #fff; } .client-page-main-webflow { width: 100%; margin: 0 auto; min-height: 700px; } .client-page-main { width: 100%; margin: 0 auto; min-height: 400px; } .account-page-main { width: 100%; margin: 0 auto; min-height: 400px; background: linear-gradient( to right, rgba(139, 59, 255, 0.1), rgba(200, 150, 255, 0.35) ); display: flex; align-items: center; justify-content: center; } .page-main { width: 100%; margin: 0 auto; } .page-main-padding { padding: 0; } .footer-main { clear: both; width: 100%; padding: 0; margin: 0; background-color: #553483; } .client-footer-main { clear: both; width: 100%; padding: 0; margin: 20px 0 0 0; } .client-footer-content-div { margin-left: 40px; } .footer-left { float: left; width: 33%; text-align: left; padding: 0 0 0 5px; } .footer-middle { float: left; width: 34%; text-align: left; } .footer-right { float: right; width: 33%; text-align: left; padding: 0 5px 0 10px; } .footer-col { text-align: left; padding: 0 0 0 4px; } .footer-link { text-decoration: none; color: #fff; } .footer-link:visited { color: #fff; } .footer-link-underline { text-decoration: none; color: #fff; } .footer-link-underline:hover { color: #fff; text-decoration: none; } .footer-link-underline:visited { text-decoration: none; color: #fff; } .header-wiz-div-common { width: 100%; margin: 0; padding: 0; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } .header-wiz-div-not-scrolled-outer { background-color: #fff; } .header-wiz-div-scrolled-outer { background-color: #fff; -webkit-box-shadow: 0 10px 6px -6px rgba(23, 24, 29, 0.1); -moz-box-shadow: 0 10px 6px -6px rgba(23, 24, 29, 0.1); box-shadow: 0 8px 6px -6px rgba(23, 24, 29, 0.1); } .header-div-outer { width: 100%; background-color: #ececec; margin: 0; padding: 0; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } .header-div-inner { border-bottom: solid 1px #e1e0e0; border-top: solid 1px transparent; border-left: solid 1px transparent; border-right: solid 1px transparent; } .labs-inquire-btn-div { width: 300px; margin: 40px auto 20px auto; } .top-nav-btn-div { position: relative; float: left; } .top-nav-btn-link { display: block; float: left; text-decoration: none; text-align: center; margin: 0 auto; cursor: pointer; color: #9c27b0; border-top: solid 4px transparent; } .top-nav-btn-link:visited { color: #9c27b0; text-decoration: none; } .top-nav-btn-link:hover { text-decoration: none; } .top-nav-btn-link-blue-border { border-top-color: #553483; } .top-nav-btn-link-light-blue-border { border-top-color: #835ebf; } .mobile-nav-link-blue-border { border-left-color: #553483; } .mobile-nav-link-light-blue-border { border-left-color: #835ebf; } .top-nav-span { display: block; float: left; text-align: center; margin: 0 auto; font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #553483; -webkit-font-smoothing: antialiased; } .top-nav-span-small { font-weight: normal; font-size: 12px; color: #c1c0c0; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 14px; -webkit-font-smoothing: antialiased; } .notify-indicator { float: right; height: 28px; line-height: 28px; padding: 0 7px; color: #fff; cursor: pointer; font-size: 14px; font-weight: bold; } .alias-header { float: right; max-width: 260px; overflow: hidden; cursor: pointer; } .nav-wiz-menu-margins { margin: 0 20px 0 0; } .nav-menu-picker-div { float: right; color: #9c27b0; padding: 0; } .user-picker-div { float: right; color: #9c27b0; padding: 0 0 0 5px; height: 100%; position: relative; top: -1px; border-left: solid 1px #e1e0e0; border-right: solid 1px transparent; } .user-picker-div-hover { background-color: #e8e8e8; color: #702174; } .sign-in-sign-up { height: 60px; font-size: 12px; line-height: 58px; margin: 0 6px 0 0; } .menu-bar-line { width: 26px; height: 4px; background-color: #553483; margin: 5px auto 0 auto; } .menu-small-div { clear: both; background-color: #fff; margin: 0 auto; display: none; border-bottom: solid 1px #ccc; -webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; } .menu-small-row-header { height: 50px; width: 100%; line-height: 50px; padding: 0 0 0 15px; background-color: #f4f4f4; border-top: solid 1px #e1e0e0; border-bottom: solid 1px #e1e0e0; } .menu-small-row { height: 50px; width: 100%; line-height: 50px; padding: 0; } .menu-small-row-selectable { height: 50px; width: 100%; line-height: 50px; padding: 0; text-align: center; } .menu-small-row-selectable:hover { background-color: #f1d9f5; } .header-login-section { float: right; height: 100%; margin: 0; padding: 0; } .login-arrow { float: left; margin: 0 10px 0 0; } .login-alias-text { float: left; max-width: 179px; white-space: nowrap; overflow: hidden; } .login-main-content-div { text-align: left; backdrop-filter: blur(15px); background: rgba(255, 255, 255, 0.15); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 16px; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); } .login-outer-div, .register-outer-div, .forgot-password-outer-div, .reset-password-outer-div { width: 320px; text-align: left; background-color: #fff; border: solid 1px #ddd; padding: 0 0 20px 0; box-shadow: 0 8px 6px -6px #999; border-radius: 3px; } .login-outer-div { padding: 0; } .gc-login-box { background: #ffffff; border-radius: 16px; padding: 20px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); width: 100%; max-width: 380px; text-align: center; } .gc-login-box-title { text-align: center; color: #333; height: 50px; line-height: 50px; padding: 0; margin: 0 0 25px 0; } .login-box-title, .register-box-title, .forgot-password-box-title, .reset-password-box-title { text-align: left; color: #333; height: 50px; line-height: 50px; padding: 0 0 0 15px; border-bottom: 1px dashed #e0e0e0; background-color: #f8faff; margin: 0 0 25px 0; } .login-extra-box { height: 50px; margin: 10px auto 0 auto; } .forgot-password-extra-box { height: 60px; line-height: 60px; margin: 10px auto; text-align: center; } .client-forgot-password-inline { width: 288px; height: 40px; line-height: 40px; margin: 4px auto; text-align: right; } .forgot-password-inline { width: 100%; margin: 0 auto; height: 40px; line-height: 40px; text-align: right; } .back-to-singin-div { width: 100%; margin: 40px auto 0 auto; height: 40px; line-height: 40px; text-align: center; } .login-privacy-hint { width: 270px; text-align: left; color: #333; margin: 15px auto; line-height: 22px; } .login-pane, .register-pane { height: 240px; width: 300px; color: #333; } .register-page-main-outer-div { min-height: 600px; } .reset-password-top-hint-outer-pane { color: #333; width: 100%; background-color: #fff; } .reset-password-top-hint-pane { color: #333; max-width: 800px; width: 90%; margin: 40px auto 200px auto; min-height: 300px; } .reset-password-main-content-div { width: 100%; background-color: #fff; } .reset-password-main-page-margin { margin: 40px auto 120px auto; } .register-confirm-hint2 { font-weight: normal; line-height: 22px; margin: 10px auto 0 auto; } .forgot-password-confirm { display: none; height: 200px; color: #555555; padding: 10px 20px 0 20px; margin: 0 auto; line-height: 16px; border-top: solid 1px #e1e0e0; } .forgot-password-pane-inner, .register-pane-inner { margin: 0 auto; width: 290px; } .sign-in-scuffle-bullet { color: #e1e0e0; padding: 4px; } .loading-spinner { position: relative; visibility: visible; margin: 0; padding-top: 10px; z-index: 99; height: 28px; width: 99%; text-align: center; background-color: #FFEBAE; border: 2px solid #FECF65; color: #000; } .acct-title-outer-div { margin: 20px 0; height: 34px; } .acct-non-input-text { height: 25px; line-height: 25px; margin: 0 0 15px 0; font-weight: bold; color: #333; } .login-dd-div { position: absolute; clear: both; margin: 0; width: 160px; display: none; } .login-dd-main { padding: 0; margin: 0; width: 156px; border: solid 1px #c0c0c0; background-color: #fff; -webkit-box-shadow: 0 6px 6px -6px #999999; -moz-box-shadow: 0 6px 6px -6px #999999; box-shadow: 0 6px 6px -6px #999999; border-radius: 3px; } .login-dd-sep { width: 100%; height: 1px; background-color: #eee; } .login-dd-link-top-gray-border { border-top: solid 1px #eee; } .login-dd-link-top-transparent-border { border-top: solid 1px transparent; } .login-dd-link-div { height: 40px; line-height: 40px; padding: 0 0 0 10px; } .login-dd-link-div a { color: #9c27b0; text-decoration: none; } .login-dd-link-div:hover { background-color: #f1f1f1; text-decoration: none; } .login-dd-link-div a:visited { color: #9c27b0; } .nav-wiz-menu-link { color: #9c27b0; text-decoration: none; } .nav-wiz-menu-link:hover { color: #9c27b0; text-decoration: none; } .nav-wiz-menu-link:visited { color: #9c27b0; text-decoration: none; } .acct-button-extra-padding { padding: 7px 15px; } .acct-avatar-hint { margin: 0 auto; text-align: center; } .notification-link { float: right; margin: 20px 0; height: 30px; line-height: 30px; } .notification-page-main { padding: 0; margin: 0 auto; } .notification-img-div { float: left; max-width: 60px; margin: 10px 0 10px 8px; } .notification-content-div { float: left; margin: 10px 0 0 10px; } .search-input-webflow { width: 320px; height: 50px; line-height: 50px; margin: 0 auto; border: 0px solid transparent; outline: medium none; overflow-x: hidden; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; padding: 0 45px 0 15px; border-radius: 16px; color: #333; background-color: rgba(139, 59, 255, .05); } .acct-input-select-nowrap { height: 36px; line-height: 36px; border: 1px solid #ccc; outline: medium none; word-wrap: break-word; padding: 0 5px; border-radius: 3px; color: #333; width: 298px; margin: 0 0 10px 0; background-color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .logon-input, .sign-up-input, .sign-up-input-narrow, .acct-input, .acct-input-narrow, .acct-input-narrow-required, .acct-input-super-narrow, .request-demo-input, .gc-acct-input, .gc-text-area-8-rows, .acct-input-required, .acct-input-268px, .acct-input-270px, .submit-interest-acct-input, .submit-interest-acct-textarea, .payment-input, .input-tall, .input-tall-required, .input-tall-narrow, .input-tall-narrow-required, .claims-results-text-area, .dialog-input { height: 36px; line-height: 36px; margin: 0 auto 28px auto; border: 1px solid #ccc; outline: medium none; overflow-x: hidden; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; padding: 0 5px; border-radius: 3px; color: #333; } .input-tall { height: 50px; line-height: 50px; width: 100%; } .input-tall:hover { border-color: #999; } .input-tall-required { height: 50px; line-height: 50px; width: 100%; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 2px solid #f00; } .input-tall-required:hover { border-color: #999; } .input-tall-narrow { height: 50px; line-height: 50px; width: 257px; } .input-tall-narrow:hover { border-color: #999; } .input-tall-narrow-required { height: 50px; line-height: 50px; width: 257px; margin: 0 0 10px 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 2px solid #f00; } .input-tall-narrow-required:hover { border-color: #999; } .payment-institution-code-input-top { height: 36px; line-height: 36px; margin: 0 auto 28px auto; outline: medium none; overflow-x: hidden; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; color: #333; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: none; padding: 0 0 0 2px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .payment-institution-code-input-top:hover { border-color: #999; } .payment-input { width: 90px; padding: 0 0 0 5px; } .payment-input:hover { border-color: #999; } .dialog-input { width: 100%; margin: 0 auto; padding: 0 4px; } .dialog-input:hover { border-color: #999; } .acct-input { width: 298px; margin: 0 0 10px 0; background-color: #fff; } .submit-interest-acct-input { margin: 0; height: 50px; line-height: 50px; margin: 0 auto 30px auto; width: 100%; } .submit-interest-acct-input:hover { border-color: #999; } .submit-interest-acct-textarea { height: 116px; line-height: 22px; margin: 0 auto 24px auto; padding: 10px 5px; width: 100%; resize: none; } .submit-interest-acct-textarea:hover { border-color: #999; } .submit-interest-radio-div-main { margin: -4px 0 40px 0; text-align: left; } .submit-interest-radio-div-text { margin: 0 0 5px 0; } .acct-input-268px { width: 266px; margin: 0; } .acct-input-268px:hover { border-color: #999; } .acct-input-270px { width: 270px; margin: 0; } .acct-input-270px:hover { border-color: #999; } .acct-input-required { width: 298px; margin: 0 0 10px 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 2px solid #f00; } .acct-input-required:hover { border-color: #999; } .acct-input-narrow-required { width: 257px; margin: 0 0 10px 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 2px solid #f00; } .acct-input-narrow-required:hover { border-color: #999; } .acct-input:hover { border-color: #999; } .acct-sel, .payment-sel, .chat-select, .acct-sel-super-narrow, .dialog-acct-sel, .acct-sel-width-275px, .dialog-acct-sel-100-percent-width, .acct-sel-44px-tall { height: 36px; line-height: 36px; border: 1px solid #ccc; outline: medium none; overflow-x: hidden; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; padding: 0 5px; border-radius: 3px; color: #333; width: 298px; margin: 0 0 10px 0; background-color: #fff; cursor: pointer; font-family: 'Ubuntu', sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; } .acct-sel:hover { border-color: #999; } .acct-sel-44px-tall { height: 44px; line-height: 44px; } .acct-sel-44px-tall:hover { border-color: #999; } .acct-sel-super-narrow { width: 224px; } .acct-sel-super-narrow:hover { border-color: #999; } .dialog-acct-sel { width: 270px; } .dialog-acct-sel:hover { border-color: #999; } .dialog-acct-sel-100-percent-width { width: 100%; } .dialog-acct-sel-100-percent-width:hover { border-color: #999; } .dialog-icd10-code-hint-div { margin: 0; width: 270px; padding: 0 5px; line-height: 18px; height: 46px; } .dialog-icd10-code-lower-div { height: 50px; } .acct-sel-width-275px { width: 275px; } .acct-sel-width-275px:hover { border-color: #999; } .payment-sel { width: 264px; padding: 0 0 0 5px; margin: 0 0 0 10px; } .payment-sel:hover { border-color: #999; } .chat-select { margin: 0; width: 95px; padding: 0 0 0 5px; } .chat-select:hover { border-color: #999; } .acct-sel-required { height: 36px; line-height: 36px; outline: medium none; overflow-x: hidden; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; padding: 0 5px; border-radius: 3px; color: #333; width: 298px; margin: 0 0 10px 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 2px solid #f00; cursor: pointer; } .acct-sel-required:hover { border-color: #999; } .gc-acct-input { width: 298px; margin: 0; height: 72px; line-height: 22px; } .gc-acct-input:hover { border-color: #999; } .gc-text-area-8-rows { width: 298px; margin: 0; height: 172px; line-height: 22px; } .gc-text-area-8-rows:hover { border-color: #999; } .claims-results-text-area { width: 100%; margin: 0; height: 350px; line-height: 22px; } .request-demo-input { width: 100%; } .sign-up-input { height: 50px; line-height: 50px; width: 100%; } .sign-up-input-narrow { height: 50px; line-height: 50px; width: 257px; } .sign-up-input-narrow:hover { border-color: #999; } .logon-input:hover { border-color: #999; } .sign-up-input:hover { border-color: #999; } .logon-input { width: 100%; } .sign-up-div { width: 300px; text-align: left; background-color: transparent; } .submit-interest-outer-pane { width: 96%; margin: 0 auto; padding: 0; } .submit-interest-div { text-align: center; background-color: transparent; margin: 40px auto 0 auto; } .acct-input-narrow { width: 257px; margin: 0 0 10px 0; } .acct-input-narrow:hover { border-color: #999; } .dialog-date-div { margin: 30px auto; overflow: visible; width: 265px; } .dialog-dropdown-div { margin: 20px auto 0 auto; overflow: visible; width: 270px; } .acct-date-div-super-narrow { float: left; width: 225px; margin: 0 4px 0 0; } .acct-input-super-narrow { width: 224px; margin: 0 0 10px 0; } .acct-input-super-narrow:hover { border-color: #999; } .acct-section-for-date { margin: 0; } .acct-date-div-narrow { float: left; width: 258px; margin: 0 4px 0 0; } .acct-narrow-div-for-date { float: left; width: calc(100% - 60px); } .acct-div-for-date { position: relative; width: 100%; } .date-field-margins { margin: 0 0 20px 0; } .gc-date-img-div-legacy { float: left; width: 32px; cursor: pointer; } .gc-date-img-legacy { width: 32px; height: 32px; } .acct-date-img { float: left; width: 32px; cursor: pointer; } .acct-date-img-large { width: 48px; height: 48px; cursor: pointer; position: absolute; bottom: 24px; right: 12px; } .acct-hint-div-narrow { float: left; width: 258px; margin: 0 4px 0 0; } .acct-hint-img-div { float: left; width: 32px; margin: 0 auto; cursor: pointer; text-align: center; } .acct-hint-img { padding: 5px 0; width: 24px; } .appt-date-img { float: left; position: relative; top: 7px; width: 32px; cursor: pointer; } .login-btn-div, .acct-btn-div { text-align: center; margin: 0 auto; width: 100%; } .main-login-hint1 { font-size: 14px; color: #555555; text-align: center; margin: 25px 0 0 0; } .main-login-link { font-size: 14px; color: #9c27b0; } .main-login-link a { color: #9c27b0; } .main-login-link a:visited { color: #9c27b0; } /* Styles for input field watermark control that is called placeholder in html5 */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999; } /* End of styles for input field watermark control that is called placeholder in html5 */ .loading-spinner2 { margin: 0 auto; padding: 0; height: 32px; width: 100%; text-align: center; background-color: #fff; } .load-more-hint { margin: 20px auto; font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #222222; font-size: 16px; -webkit-font-smoothing: antialiased; } .landing-wiz-pane1, .landing-wiz-pane3, .landing-wiz-pane5, .landing-wiz-pane6, .landing-wiz-pane7, .labs-wiz-pane1, .labs-wiz-pane2, .labs-wiz-pane3, .labs-wiz-pane4, .labs-wiz-pane5, .labs-wiz-pane6, .orgs-wiz-pane1, .orgs-wiz-pane2, .orgs-wiz-pane3, .inds-wiz-pane1, .inds-wiz-pane2, .inds-wiz-pane3, .inds-wiz-pane4, .inds-wiz-pane4-gray, .forward-wix-pane2, .company-wiz-pane1, .company-wiz-pane2, .company-wiz-pane3, .proactive-wiz-pane1, .proactive-wiz-pane2 { clear: both; background-color: transparent; width: 100%; padding: 0; text-align: center; margin: 0 auto; } .proactive-wiz-pane2 { padding: 40px 0; } .labs-wiz-pane1 { background-color: #835ebf; } .orgs-wiz-pane1 { background-color: #5dacdc; } .inds-wiz-pane1, .company-wiz-pane1, .proactive-wiz-pane1 { background-color: #553483; } .inds-wiz-pane4 { background-color: #fff; padding: 20px 0 0 0; } .inds-wiz-pane4-gray { background-color: #f0f0f0; padding: 20px 0 0 0; } .inds-wiz-pane2 { background-color: #fff; padding: 0 0 50px 0; } .orgs-wiz-pane2, .company-wiz-pane2, .forward-wix-pane2 { background-color: #fff; padding: 50px 0; } .labs-wiz-pane2 { background-color: #fff; padding: 10px 0 50px 0; } .inds-wiz-pane3 { padding: 50px 0; background-color: #553483; color: #fff; } .labs-wiz-pane3, .labs-wiz-pane4, .labs-wiz-pane5, .company-wiz-pane3, .labs-wiz-pane6 { background-color: #fff; } .labs-wiz-pane2-div1 { clear: both; text-align: center; } .labs-pricing-tier-div { width: 100%; overflow: hidden; margin: 10px 0 0 0; color: #777; } .labs-pricing-low, .labs-pricing-medium, .labs-pricing-high { background-color: #fff; -webkit-box-shadow: 0 8px 16px -6px #777; -moz-box-shadow: 0 8px 16px -6px #777; box-shadow: 0 8px 16px -6px #777; border-radius: 3px; height: auto; } .labs-pricing-enterprise-header { line-height: 57px; } .labs-pricing-left-half-div { float: left; font-weight: bold; width: 40%; text-align: right; } .labs-pricing-middle-div { float: left; font-weight: bold; width: 10%; text-align: center; } .labs-pricing-right-half-div { float: left; width: 50%; text-align: left; } .labs-pricing-sep-div { height: 1px; width: 90%; background-color: #ddd; margin: 20px auto 25px auto; overflow: hidden; display: inline-block; } .labs-pricing-bottom-empty-div { height: 32px; line-height: 32px; } .labs-pricing-no-img-div { height: 32px; line-height: 32px; padding: 0 0 0 24px; } .labs-pricing-purple-check-img { vertical-align: top; width: 24px; vertical-align: middle; margin: 0; } .labs-pricing-inline-div { width: 88%; text-align: left; margin: 0 auto 25px auto; } .labs-pricing-low-subdiv1, .labs-pricing-low-subdiv2, .labs-pricing-low-subdiv3 { background-color: #fecf65; color: #fff; text-transform: uppercase; padding: 15px 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .labs-pricing-low-subdiv2 { background-color: #553483; padding: 20px 0; } .labs-pricing-low-subdiv3 { background-color: #5dacdc; } .labs-most-popular-div { width: 120px; padding: 2px 0; margin: 0 auto 15px auto; background-color: #835ebf; color: #fff; position: relative; top: -12px; border-radius: 2px; } .labs-pricing-low-table-subdiv1, .labs-pricing-low-table-subdiv2, .labs-pricing-low-table-subdiv3 { background-color: #fff; color: #fecf65; text-transform: uppercase; padding: 10px 0; } .labs-pricing-low-table-subdiv2 { color: #553483; } .labs-pricing-low-table-subdiv3 { color: #5dacdc; } .labs-pricing-row-div { background-color: #eee; border-bottom: dashed 1px #aaa; } .labs-pricing-table-title-cell-div { background-color: #fff; text-align: left; color: #333; } .labs-service-images-outer-div { margin: 0px auto 20px auto; text-align: center; } .labs-service-img-div-inner { margin: 0 auto 15px 0; vertical-align: middle; } .labs-service-img-inner { height: 100px; } .labs-service-types-img-inner { width: 85%; margin: 0 auto 15px 0; vertical-align: middle; } .labs-gcs-img-inner { width: 84%; } .labs-service-hint, .orgs-service-hint1, .company-service-hint1, .dna-forward-hint1, .dna-forward-hint2, .digital-health-pricing-hint, .digital-health-pricing-hint2 { text-align: center; margin: 0 auto 30px auto; color: #000; max-width: 1160px; line-height: 30px; } .digital-health-pricing-hint { text-align: left; } .digital-health-pricing-hint2 { text-align: left; margin: 40px auto 0 auto; } .labs-service-hint { margin: 0 auto; } .company-50px-top-padding { padding: 50px 0 0 0; } .company-leadership-img-inner { width: 65%; } .company-leadership-img-inner-purple-border { width: 65%; border: solid 1px #9c27b0; border-radius: 50%; } .orgs-service-hint1, .company-service-hint1 { padding: 0 20px; } .dna-forward-hint1 { margin: 30px auto; padding: 0 20px; } .dna-forward-hint2 { margin: 0 auto 50px auto; padding: 0 20px; } .labs-features-hint1 { width: 95%; text-align: center; } .labs-features-images-outer-div { margin: 50px auto 0 auto; text-align: center; width: 100%; } .proactive-features-images-outer-div { clear: both; margin: 0 auto; text-align: center; width: 100%; } .proactive-or-div { clear: both; margin: 20px auto; text-align: center; width: 100%; color: #333; } .proactive-feature-left-cell { float: left; width: 25%; } .proactive-feature-right-cell { float: left; width: 75%; text-align: left; } .labs-features-img { width: 98%; } .labs-features-img-small { width: 50%; margin-left: 25%; } .labs-feature-title { line-height: 40px; color: #553483; } .proactive-feature-title1 { line-height: 32px; color: #553483; } .proactive-feature-title2 { line-height: 32px; color: #9c27b0; margin: 0 0 10px 0; } .proactive-features-img { width: 80%; max-width: 120px; } .landing-wiz-pane1 { overflow-y: hidden; background: linear-gradient(240deg, rgba(230, 230, 255, .1), rgba(230, 230, 255, .8)), linear-gradient(160deg, rgba(131, 94, 191, .1) 50.00%, rgba(131, 94, 191, .6) 80.00%); } .landing-wiz-pane3 { background-color: #fff; } .landing-wiz-pane6 { background-color: #f2f2f2; padding: 60px 0 80px 0; } .landing-wiz-pane7 { background-color: #f2f2f2; padding: 60px 0 80px 0; overflow: hidden; } .landing-wiz-pane5, .orgs-wiz-pane3 { padding: 10px 0 0 0; background-color: #553483; color: #fff; overflow: auto; } .landing-hint1, .landing-hint2, .landing-hint3, .landing-hint4 { text-align: left; margin: 0 auto 50px auto; font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #000; -webkit-font-smoothing: antialiased; } .landing-hint1 { text-align: center; } .landing-hint2 { color: #333; margin: 0 auto; } .landing-hint3 { color: #fff; margin: 0; } .chat-interest-hint1 { color: #333; margin: 0; text-align: center; } .landing-hint4 { color: #000; text-align: center; max-width: 1160px; padding: 0 20px; line-height: 30px; font-size: 20px; } .onboard-hint1, .onboard-hint2, .onboard-hint3, .onboard-hint4 { text-align: center; margin: 0 auto; font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #000; -webkit-font-smoothing: antialiased; } .onboard-hint1 { position: relative; background-color: #835ebf; color: #fff; } .onboard-hint3 { text-align: left; } .onboard-hint4 { text-align: left; width: 98%; color: #333; } .no-account-hint { width: 270px; height: 50px; margin: 0 auto; line-height: 50px; text-align: center; padding: 0; } .main-content-simple { margin: 0 auto; background-color: #fff; } .gc-main-content-simple { margin: 0 auto; background-color: #f7f8fa; } .page-main-div-50px-bottom-padding { height: 50px; width: 50%; border: solid 1px transparent; } .page-main-div-100px-bottom-padding { height: 100px; width: 50%; border: solid 1px transparent; } .page-main-div-200px-bottom-padding { height: 200px; width: 50%; border: solid 1px transparent; } .caret { display: inline-block; width: 0; height: 0; margin: 0 0 0 5px; vertical-align: middle; border-top: 5px dashed; border-top: 5px solid \9; border-right: 5px solid transparent; border-left: 5px solid transparent; } .settings-row, .gc-settings-row { clear: both; height: auto; line-height: 40px; width: 100%; margin: 15px auto; overflow: hidden; } .gc-settings-row { overflow: auto; margin: 20px auto; } .gc-settings-header-row { clear: both; line-height: 40px; width: 100%; margin: 20px auto 0 auto; overflow: auto; height: auto; } .gc-settings-cc-fee-hint-div { clear: both; margin: 10px 0 15px 0; } .gc-settings-col-left { float: left; width: 300px; height: 40px; line-height: 40px; text-transform: uppercase; } .gc-settings-col-left { width: 280px; } .settings-sel-div { width: 300px; } .setting-cede-email-span { white-space: nowrap; height: 60px; line-height: 60px; } .settings-col-left, .settings-col-right { float: left; width: 300px; height: 60px; line-height: 60px; } .settings-col-left { text-transform: uppercase; } .gc-settings-col-right, .gc-settings-col-right-no-pad, .gc-settings-col-right-disabled { float: left; width: 300px; height: 40px; line-height: 40px; } .gc-settings-col-right { padding-left: 5px; height: auto; } .gc-settings-col-right-no-pad { height: auto; } .gc-settings-col-right-disabled { background-color: #eee; padding-left: 5px; height: auto; } .gc-acct-btn-section { width: 290px; margin: 25px auto; } .gc-add-collection-date-btn-section, .gc-add-icd10-code-btn-section, .gc-add-provider-btn-section { width: 290px; margin: 10px auto; text-align: center; } .gc-add-provider-btn-section { margin: 10px auto 20px auto; } .reset-change-password-main-div, .gc-portal-main-div, .common-main-div, .gc-settings-payment-methods-main-div { clear: both; width: 300px; margin: 10px auto; } .general-processing-btn-action-main-div { clear: both; width: 300px; display: none; margin: 13px auto 0 auto; } .admin-add_customer-main-div { clear: both; max-width: 600px; margin: 10px auto; display: none; } .admin-cust-section-div { background-color: #e0e0e0; padding: 10px 0 5px 0; } .admin-cust-section-title { width: 298px; font-weight: bold; margin: 5px auto 20px auto; border-bottom: solid 1px #553483; } .settings-change-password-main-div, .settings-relinquish-email-main-div { display: none; clear: both; } .settings-separator-line { clear: both; width: 100%; height: 1px; background-color: #e0e0e0; } .default-page-empty-div { color: #ccc; padding: 0; margin: 0 auto; text-align: center; width: 300px; } .claims-page-upload-cloud-img-div { color: #ccc; padding: 0; margin: 0 auto; text-align: center; width: 300px; cursor: pointer; } /* Ajax file uploader styles */ .file-upload-outer-div { clear: both; height: 52px; width: 240px; margin: 20px auto; text-align: right; background-color: transparent; padding: 0; } .gc-file-upload-outer-div { clear: both; height: 40px; width: 250px; margin: 0 auto 28px auto; text-align: right; background-color: transparent; padding: 0; } .gc-file-upload-btn-div { width: 250px; height: 40px; line-height: 40px; } .gc-uploaded-file-list-outer-div { clear: both; height: 60px; width: 100%; margin: 0 auto; text-align: left; background-color: transparent; padding: 0; display: none; } .gc-uploaded-file-list-div-narrow { float: left; width: calc(100% - 40px); margin: 0; height: 24px; line-height: 24px; color: #8b3bff; } .gc-file-list-outer-div { clear: both; height: 40px; width: 278px; margin: 0 auto 28px auto; text-align: left; background-color: transparent; padding: 0; display: none; } .gc-upload-file-name { height: 24px; line-height: 24px; } .gc-upload-file-tag { height: 16px; line-height: 16px; } .gc-file-list-div-narrow { float: left; width: 250px; margin: 0 4px 0 0; height: 24px; line-height: 24px; color: #9c27b0; } .gc-file-list-delete-img { float: left; width: 20px; height: 24px; line-height: 24px; cursor: pointer; margin-top: -2px; } .gc-file-list-delete-img > img { width: 100%; } .gc-billing-contact-row-outer-div, .covid-collection-date-row-outer-div, .covid-icd10-code-row-outer-div, .gc-additional-snap-user-row-outer-div { clear: both; height: 30px; width: 296px; margin: 10px auto; text-align: left; background-color: transparent; padding: 0; } .medication-row-outer-div, .provider-medication-row-outer-div { clear: both; width: 300px; min-height: 40px; margin: 10px auto; text-align: left; background-color: transparent; padding: 0; } .provider-medication-row-outer-div { margin: 0 auto; } .covid-collection-date-row-outer-div { width: 276px; } .covid-icd10-code-row-outer-div { width: 276px; } .gc-card-payment-method-row-outer-div { clear: both; width: 300px; margin: 15px auto; text-align: left; background-color: #eee; padding: 0; border: solid 1px #ddd; border-radius: 5px; -moz-box-shadow: 0 0 8px rgba(200, 200, 200, 1.0); -webkit-box-shadow: 0 0 8px rgba(200, 200, 200, 1.0); box-shadow: 0 0 8px rgba(200, 200, 200, 1.0); } .gc-payment-method-default-indicator-div { float: left; border: solid 1px transparent; background: rgba(156, 39, 176, 0.30); padding: 0 12px; margin: 1px 0 0 0; height: 26px; line-height: 24px; border-radius: 13px; color: #9c27b0; cursor: default; } .gc-admin-user-indicator-div { cursor: default; padding: 0; margin: 0 2px 0 4px; height: 22px; width: 22px; position: relative; top: -3px; cursor: pointer; } .gc-card-payment-method-action-div { border-top: solid 1px #e0e0e0; margin: 10px 0 0 0; padding: 5px; overflow: hidden; } .gc-card-payment-method-row-inner { overflow: auto; position: relative; top: -3px; } .gc-payment-method-delete-btn, .gc-payment-method-set-default-btn { float: right; background-color: #fff; color: #9c27b0; border: 1px solid #ddd; width: 80px; height: 28px; border-radius: 3px; margin: 0 0 0 5px; } .gc-payment-method-set-default-btn { width: 120px; } .gc-payment-method-delete-btn:hover { background-color: #835ebf; color: #fff; border: 1px solid #835ebf; } .gc-payment-method-set-default-btn:hover { background-color: #835ebf; color: #fff; border: 1px solid #835ebf; } .gc-billing-contact-name, .covid-collection-date, .covid-icd10-code { height: 28px; line-height: 28px; } .gc-billing-contact-name:hover { background-color: #eee; } .gc-additional-user-row { height: 32px; line-height: 32px; } .gc-additional-user-row:hover { background-color: #eee; } .medication-row { padding: 8px 5px; border-radius: 2px; height: auto; overflow: hidden; color: #9c27b0; line-height: 24px; width: 100%; margin: 0; word-wrap: break-word; display: flex; justify-content: left; align-items: center; } .medication-row:hover { background-color: #eee; } .medication-text-div { min-width: 264px; } .gc-billing-contact-div-narrow, .covid-collection-date-div-narrow, .covid-icd10-code-div-narrow, .gc-additional-contact-div-narrow { float: left; width: 276px; margin: 0; height: 28px; line-height: 28px; color: #9c27b0; overflow: hidden; } .covid-collection-date-div-narrow, .covid-icd10-code-div-narrow { width: 256px; } /* These also act as jQuery event hooks, so do not remove */ .gc-additional-contact-div-narrow { height: 32px; line-height: 32px; cursor: pointer; } .gc-card-payment-method-div-narrow { float: left; width: 222px; margin: 0 0 0 5px; height: 30px; line-height: 30px; color: #333; overflow: hidden; } .gc-card-payment-method-no-image-row { float: left; width: 220px; margin: 0 0 0 47px; height: 24px; line-height: 24px; color: #555; } .gc-card-payment-method-default-row { width: 240px; margin: 10px 0 0 4px; height: 22px; line-height: 22px; color: #333; background-color: #fef1d0; } /* These also act as jQuery event hooks, so do not remove */ .gc-billing-contact-delete-img, .gc-card-payment-method-delete-img, .codiv-collection-date-delete-img, .codiv-icd10-code-delete-img, .gc-additional-snap-user-delete-img { float: left; width: 20px; height: 24px; line-height: 24px; cursor: pointer; } .codiv-collection-date-delete-img, .codiv-icd10-code-delete-img { margin-top: -3px; } .gc-card-payment-method-delete-img { margin-top: 0; } .gc-billing-contact-delete-img > img { width: 100%; } .gc-additional-snap-user-delete-img > img { width: 100%; margin: 4px 0 0 0; } .medication-delete-img { height: 100%; cursor: pointer; display: flex; justify-content: center; align-items: center; vertical-align: middle; margin: 0 0 0 4px; } .gc-card-payment-method-delete-img > img { width: 100%; } .codiv-collection-date-delete-img > img { width: 100%; } .codiv-icd10-code-delete-img > img { width: 100%; } .file-upload-widget-outer-div { height: 60px; max-height: 60px; } label.file-upload-custom-label input[type="file"], label.gc-file-upload-custom-label input[type="file"], label.file-upload-custom-label-webflow input[type="file"] { position: fixed; top: -10000px; } .file-upload-custom-label, .gc-file-upload-custom-label { display: inline-block !important; background-color: #553483; text-align: center; height: 50px; line-height: 50px; border: solid 1px #553483; width: 240px; cursor: pointer; border-radius: 3px; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 16px; -webkit-font-smoothing: antialiased; color: #fff; } .gc-file-upload-custom-label { height: 38px; line-height: 38px; width: 250px; } .file-upload-custom-label:hover, .gc-file-upload-custom-label:hover { background-color: #835ebf; border: solid 1px #835ebf; } .file-upload-custom-label-webflow { display: inline-block !important; text-align: left; width: 100%; cursor: pointer; margin: 0 !important; /* Need important here to override webflow.css style for label */ color: rgb(139, 59, 255); /* #8b3bff */ } .file-upload-button-outer-div { display: table; height: 40px; } .file-upload-button-outer-span { vertical-align: middle; display: table-cell; } .file-upload-button-label-span { vertical-align: middle; display: table-cell; padding-left: 10px; } /* End of ajax file uploader styles */ .file-delete-button-div, .file-upload-button-div { float: left; width: 240px; height: 50px; line-height: 50px; } .file-upload-button-div { float: right; } .saving-changes-hint { margin: 20px auto; color: #222; } .saving-changes-img { margin: 5px auto 15px auto; } .how-it-works-pane { clear: both; background-color: #fff; width: 100%; padding: 0; text-align: left; margin: 0 auto; } .how-it-works-step-title { padding: 0; text-align: left; color: #fff; } .how-it-works-step-text { padding: 0; margin: 10px 0; text-align: left; line-height: 22px; color: #fff; } .how-it-works-step1-hint { background: url('/images/individuals-homepage.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% 0%; position: relative; border-radius: 3px; } .how-it-works-step2-hint { background: url('/images/GCounseling.png'); background-size: cover; background-repeat: no-repeat; background-position-x: center; position: relative; border-radius: 3px; } .how-it-works-step3-hint { background: url('/images/healthorg.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% 0%; position: relative; border-radius: 3px; } .how-it-works-steps-outer { overflow: hidden; background-color: rgba(0, 0, 0, 0.4); } .chat-interest-title { text-align: center; margin: 0 0 20px 0; line-height: 40px; color: #553483; } .our-philosophy-col-outer { overflow: auto; margin: 40px auto 0 auto; } .our-philosophy-title { text-align: left; line-height: 40px; color: #fff; font-weight: bold; } .inds-pricing-low, .inds-pricing-high { border-radius: 2px; /*border: solid 1px #553483;*/ box-shadow: 0px 3px 15px rgba(0,0,0,0.3); } .inds-pricing-high { /*border: solid 1px #5dacdc;*/ } .provider-col1-hint, .patient-col1-hint { padding: 0 20px; position: relative; background-color: #492180; text-align: center; vertical-align: middle; border-radius: 2px; } .patient-col1-hint { background-color: #289bde; } .patient-col1-hint-text-div { position: relative; top: 50%; transform: translateY(-50%); } .provider-pricing-btn-div, .patient-pricing-btn-div { margin: 30px 0 0 0; background-color: #835ebf; height: 44px; text-align: center; line-height: 44px; border: solid 1px transparent; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; padding: 0 30px; } .provider-pricing-btn-div:hover { background-color: #936ecf; } .patient-pricing-btn-div { background-color: #289bde; } .patient-pricing-btn-div:hover { background-color: #5dacdc; } .learn-more-btn-div { background-color: #553483; height: 44px; text-align: center; line-height: 44px; border: solid 1px transparent; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; padding: 0 30px; position: absolute; } .learn-more-btn-div:hover { background-color: #835ebf; } .sign-in-btn-mobile-div { background-color: #553483; height: 36px; text-align: center; line-height: 32px; width: 120px; border: solid 1px transparent; border-radius: 3px; color: #fff; cursor: pointer; padding: 0 30px; margin: 7px auto 0 auto; } .sign-in-btn-mobile-div:hover { background-color: #835ebf; } .lab-service-types-sub-title { margin: 20px auto 30px auto; color: #553483; } .generic-section-page-hint-1 { margin: 20px auto; text-align: left; } .generic-section-title { text-align: center; line-height: 40px; color: #553483; margin: 10px auto; padding: 0; } .ai-title, .pricing-title, .clinicians-title, .orgs-title1, .inds-title1, .inds-title-white, .leadership-title, .mygenerank-sub-title, .services-title { text-align: center; margin: 0 0 20px 0; line-height: 40px; color: #553483; } .pricing-title { margin: 30px 0 30px 0; } .services-title, .clinicians-title, .leadership-title { margin: 10px 0 15px 0; } .orgs-title1, .inds-title1 { margin: 10px 0 30px 0; padding: 0 20px; color: rgb(2, 7, 15); } .mygenerank-sub-title { margin: 0 auto; } .mygenerank-sub-hint { margin: 10px auto 20px auto; } .inds-title-white { margin: 10px 0 60px 0; padding: 0 20px; color: #fff; } .labs-key-features-title, .proactive-key-features-title { text-align: center; margin: 0 0 30px 0; line-height: 40px; color: #553483; } .proactive-key-features-title { margin: 0 0 50px 0; } .inds-pricing-low-header, .inds-pricing-high-header, .proactive-pricing-high-header, .inds-pricing-low-header-webflow, .inds-pricing-high-header-webflow { width: 100%; height: 80px; line-height: 80px; color: #fff; background-color: #8b3bff; text-align: center; margin: 0 0 30px 0; } .inds-pricing-low-header-webflow { background-color: rgb(215, 248, 244); color: rgb(2, 7, 15); } .inds-pricing-high-header-webflow { background-color: rgb(239, 233, 255); color: rgb(2, 7, 15); } .inds-pricing-high-header { background-color: #5dacdc; } .inds-how-step-header { width: 100%; height: 100px; color: #fff; background-color: #835ebf; text-align: center; margin: 0 0 40px 0; padding: 20px; border-radius: 2px; } .inds-how-step1-header-inner { height: 60px; text-align: left; overflow: hidden; background: url('/images/Chat-white.png'); background-size: contain; background-repeat: no-repeat; background-position: right; } .inds-how-step2-header-inner { height: 60px; text-align: left; overflow: hidden; background: url('/images/Pharmacy-white.png'); background-size: contain; background-repeat: no-repeat; background-position: right; } .inds-pricing-plan-row, .proactive-pricing-plan-row { clear: both; margin: 0 auto; padding: 0 25px 20px 25px; overflow: hidden; line-height: 22px; } .proactive-pricing-plan-row { background-color: #fff; padding: 0 20px 20px 20px; } .proactive-feature-cell { min-width: 320px; padding: 10px 0; } .inds-pricing-checkmark-purple, .proactive-pricing-checkmark { float: left; width: 24px; margin: 5px 20px 0 0; vertical-align: top; } .proactive-pricing-checkmark { margin: 5px 15px 0 0; } .proactive-pricing-main-div { box-shadow: 0px 3px 15px rgba(0,0,0,0.2); background-color: #fff; overflow: hidden; border-radius: 10px; } .inds-pricing-purple-check-img, .proactive-pricing-check-img { width: 100%; vertical-align: top; } .inds-pricing-plan-item { float: left; width: 80%; } .dna-forward-pricing-plan-item, .proactive-pricing-plan-item { float: left; width: 80%; line-height: 30px; } .social-media-connect-img { border-radius: 50%; margin: 0 5px 0 0; width: 32px; height: 32px; } .impromptu-label { color: #000; } .claims-page-file-processing-hint-div, .kareo-page-file-processing-hint-div { display: none; color: #555; padding: 20px 5px; margin: 0 auto; text-align: center; line-height: 30px; } .kareo-page-file-processing-hint-div { padding: 0 0 16px 0; } .default-ui-left-pane { text-align: left; } .default-ui-ulist { margin: 0 0 0 10px; padding: 0 0 0 10px; } .logo-footer-img { margin: 0 0 15px 0; width: 120px; max-width: 90%; } .hipaa-soc-group-div { float: left; width: 50%; } .hipaa-img-div, .soc2-img-div { width: 120px; max-width: 90%; margin: 0 0 30px 0; text-align: center; } .soc2-img-div { margin: 0 0 10px 0; } .hipaa-img, .soc2-img { width: 120px; } .wiz-ai-images-outer-div { margin: 20px auto; text-align: center; } .wiz-ai-img-div, .lab-services-img-div { float: left; text-align: center; color: #000; margin: 10px auto; white-space: nowrap; } .company-leadership-fake-img-div { text-align: center; color: #000; margin: 10px auto; white-space: nowrap; height: 20px; border: solid 1px transparent; } .wiz-ai-img-div-inner { max-width: 80px; height: 100px; margin: 0 auto; vertical-align: middle; } .wiz-ai-img-inner { max-width: 80px; } .wiz-clinician-img { max-width: 100%; height: 150px; text-align: center; margin: 0 auto; display: block; border-radius: 50%; border: solid 1px transparent; } .wiz-img-span { display: inline-block; height: 100%; vertical-align: middle; } .wiz-ai-img-text { white-space: pre-wrap; } .wiz-clinicians-img-text { white-space: pre-wrap; padding: 5px 0; } /* Layer styles */ .chatloadDiv { padding: 15px 0; } .chat-outer-div { clear: both; margin: 20px 5px; overflow: hidden; } .dna-user-side-main-div { float: right; } .dna-user-side-chat-timestamp-div { text-align: right; color: #777; margin: 0 2px 5px 0; } .chat-gc-img-div { width: 30px; height: 30px; float: left; display: inline-block; } .chat-gc-img { max-width: 100%; border-radius: 100%; max-height: 100%; } .dna-company-side-chat-timestamp-div { color: #777; margin: 4px 0 0 40px; } .chat-author-span { color: #555; } .chat-author-separator-span { color: #777; } /* Also acts as the jquery event sink handle !!! do not delete without understanding code !!! */ .chat-timestamp-and-ai-voice-div { clear: both; width: 100%; margin: 0 auto 5px auto; overflow: hidden; line-height: 20px; } .chat-listen-to-ai-voice-div { height: 20px; width: 20px; cursor: pointer; justify-self: flex-end; } .chat-listen-to-ai-voice-img { width: 20px; height: 20px; } .chat-ai-audio-ctrl-div { display: none; margin: 8px 0 5px 0; height: 50px; } .chat-audio-ctrl { margin: 0; height: 50px; width: 100%; border: solid 1px #ccc; border-radius: 50px; } .chat-bot-page-outer-div { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; } .chat-bot-paid-div { width: 98%; max-width: 1800px; background: transparent; margin: 0 auto; position: relative; border: solid 1px transparent; } .hosted-chat-bot-paid-div { width: 100%; background: transparent; margin: 0 auto; } .chat-bot-content-div-iframe, .chat-bot-content-div-iframe-with-header { display: grid; min-height: 270px; max-height: 770px; height: calc(100vh - 200px); } .chat-bot-content-div-iframe { max-height: 1070px; height: 100vh; } .chat-bot-content-div-iframe-with-header { max-height: 1070px; height: calc(100vh - 100px); } .chat-bot-content-outer-div, .chat-bot-content-outer-div-iframe, .chat-bot-content-outer-div-iframe-with-header { min-height: 270px; max-height: 770px; height: calc(100vh - 200px); background-color: #fff; padding: 0; border: solid 1px transparent; border-radius: 5px; overflow: hidden; } .chat-bot-content-outer-div-iframe { max-height: 1070px; height: 100vh; } .chat-bot-content-outer-div-iframe-with-header { max-height: 1070px; height: calc(100vh - 100px); } .chat-bot-inner-div { height: calc(100% - 70px); } .chat-regional-settings-div { position: absolute; top: 25px; right: 25px; display: flex; width: 32px; height: 32px; border-radius: 5px; /*background-color: rgba(128, 128, 128, 0.4);*/ cursor: pointer; z-index: 20; } .chat-regional-settings-img { width: 24px; height: 24px; margin: auto; } .chat-bot-header { height: 42px; background: #fff; display: flex; align-items: center; text-align: center; margin: 20px auto; } .chat-bot-header-inner { display: inline-block; line-height: 40px; margin: 0; text-align: left; color: #333; } .chat-free-coupon-hint-div { margin: 0 auto; padding: 4px 10px; color: #553483; } .chat-bubbles-list { height: 100%; overflow: auto; background-color: #fff; } .chat-bubbles-list-minus-hint-height { height: calc(100% - 60px); overflow: auto; background-color: #fff; } .chat-pay-plan-close-div { display: flex; justify-content: right; padding: 4px 0; margin: 10px 0 0 0; cursor: pointer; } .chat-pay-plan-close-img { width: 24px; margin: 0 20px 0 10px; } .chat-access-hint-div { display: none; height: 60px; line-height: 60px; text-align: center; background-color: #ecf1f8; } .chat-pay-options-outer-div, .chat-formstack-outer-div, .chat-settings-outer-div { display: none; height: 100%; flex-grow: 1; } .chat-pay-options-outer-div { overflow: auto; } .chat-settings-inner-div { width: 300px; margin: 0 auto; } .chat-settings-language-sel { width: 100%; height: 50px; line-height: 50px; } .chat-settings-language-sel-title { width: 100%; height: 40px; line-height: 40px; margin: 10px auto; } .chat-settings-save-btn-div { width: 298px; margin: 40px auto 0 auto; } .chat-formstack-inner-div { width: 100%; height: calc(100% - 40px); } .formstack-frame { display: none; -ms-zoom: 1.00; -moz-transform: scale(1.00); -moz-transform-origin: 0 0; -o-transform: scale(1.00); -o-transform-origin: 0 0; -webkit-transform: scale(1.00); -webkit-transform-origin: 0 0; overflow: auto; height: 100%; width: 100%; } .learn-content-div-iframe, .share-content-div-iframe { clear: both; height: 100%; background-color: #fff; overflow: auto; display: none; padding: 0; border: solid 1px transparent; } .learn-content-div { clear: both; background-color: #fff; overflow: auto; display: none; padding: 0; border: solid 1px transparent; min-height: 270px; max-height: 770px; height: calc(100vh - 200px); border: solid 1px transparent; border-radius: 5px; } .share-content-div { clear: both; height: 100%; background-color: #fff; overflow: auto; display: none; padding: 0; border: solid 1px transparent; } .learn-content-filelist-div { width: 100%; padding: 10px 0 0 0; text-align: center; height: 56px; overflow: hidden; background-color: #fff; } .multiple-files-img { display: none; width: 30px; height: 30px; margin: 3px 0 0 10px; vertical-align: top; } .learn-content-fileitem-div { padding-left: 20px; margin: 0 auto; text-align: left; line-height: 25px; } .learn-content-wrapper-div { height: calc(100% - 64px); } .learn-content-wrapper-div-iframe { height: calc(100% - 100px); } .learn-content-inner-div { width: 100%; padding: 0; text-align: center; height: 100%; } .learn-content-iframe { width: 100%; height: 100%; -ms-zoom: 1.00; -moz-transform: scale(1.00); -moz-transform-origin: 0 0; -o-transform: scale(1.00); -o-transform-origin: 0 0; -webkit-transform: scale(1.00); -webkit-transform-origin: 0 0; } .chat-bot-input-div { height: 70px; background-color: transparent; display: flex; align-items: center; /* Vertically centers the floating child */ } .chat-bot-text-area { height: 60px; margin: 0 0 0 5px; border: solid 1px #ccc; outline: none; resize: none; overflow-y: auto; border-radius: 20px; padding: 16px 10px 0 10px; } .chat-bot-text-area:focus { outline: none; } .chat-bot-text-area:focus::placeholder { color: transparent; /* Makes the placeholder invisible */ } .chat-bot-btn-send, .chat-bot-btn-file { float: right; width: 32px; height: 32px; cursor: pointer; } .chat-bot-btn-send-inactive { fill: #777; } .selfMsgImg { max-width: 215px; max-height: 215px; float: right; } /* Payment part */ #field { margin-left: .5em; float: left; } #field, label { float: left; font-family: Arial,Helvetica,sans-serif; font-size: small; } br { clear: both; } input { border: 1px solid black; margin-bottom: .5em; } input.error { border: 3px solid #b1acac; } label.error { margin-left: .3em; color: red; } label.valid { background: url('images/checked.gif') no-repeat; display: block; width: 16px; height: 16px; } .plan-payment-div { border: 1px solid transparent; margin: auto; background-color: #fff; } .choose-payment-hint-top { float: right; cursor: pointer; margin: 0; } .planspn { cursor: pointer; text-align: center; width: 130px; height: 95px; background-color: #553483; color: #fff; display: inline-block; margin: 0; border-radius: 5px; border: solid 2px transparent; -webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; z-index: 20; } .payment-plan-1month-ind-outer, .payment-plan-6months-ind-outer { height: 20px; width: 20px; position: absolute; top: -10px; left: 120px; z-index: 100; background-color: #fff; border: solid 2px #fecf65; border-radius: 50%; cursor: pointer; } .payment-plan-6months-ind-outer { left: 270px; } .payment-plan-ind-inner { height: 16px; width: 16px; border: solid 3px #fff; border-radius: 50%; background-color: #fff; } .planvalue { padding: 2px 0 0 0; } .planperiod { display: inline-block; } .paymentDesc { margin: 10px; } .chat-payment-hint, .chat-payment-hint-top { width: 300px; padding: 10px; position: absolute; background-color: #333; color: #fff; border-radius: 3px; text-align: left; left: 10px; top: 50px; display: none; cursor: pointer; z-index: 2000; } .payment-error-div-top { display: none; width: 300px; padding: 5px; position: absolute; background-color: #ffe0e0; color: #f00; border: solid 1px #fbb; border-radius: 3px; text-align: center; left: 50%; margin-left: -150px; } .payment-error-close-btn { background-color: #555; color: #fff; border: 1px solid #333; width: 100px; height: 32px; border-radius: 3px; margin: 15px auto 5px auto; } .payment-error-list { text-align: left; overflow-wrap: break-word; word-break: break-all; } .errormsg { color: red; display: none; } .stripe-input-div-top { margin: 0 0 10px 10px; height: 38px; width: auto; } .stripe-input-div-no-left-padding-top { margin: 0 0 10px 0px; height: 38px; width: auto; } .frmsbtDv { margin: 20px auto 8px auto; text-align: center; } .pay-submit-btn { width: 300px; height: 48px; color: #fff; grid-column-gap: 12px; grid-row-gap: 12px; border: none; background-color: #8b3bff; background-image: url('/images/ic-button-arrow.svg'); background-position: 100%; background-repeat: no-repeat; background-size: contain; border-radius: 40px; flex: none; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 500; text-decoration: none; transition: background-color .4s ease-in-out; overflow: hidden; } .pay-submit-btn:hover { background-color: #7731dd; } .payment-processing-div { display: none; margin: 20px auto 8px auto; width: 300px; height: 48px; line-height: 48px; text-align: center; } .payment-processing-img { vertical-align: middle; max-height: 100%; } .terms-disclaimer-div { text-align: left; margin: 15px 0; padding: 0; } .chat-order-terms-disclaimer-div, .chat-order-terms-disclaimer-div-visible { display: none; text-align: left; margin: 0 0 40px 0; padding: 0 10px; } .chat-order-terms-disclaimer-div-visible { display: block; } .paymentFrmInp2prnt { float: left; width: 92px; margin: 0 0 0 10px; } .payment-institution-code-div-top { height: 46px; line-height: 46px; margin: 10px; background-color: #f4f8fb; } .payment-total-div { float: left; width: 106px; margin: 0; } .payment-apply-code-btn-div-top { float: left; width: 70px; margin: 0; text-align: center; } .payment-apply-code-btn { background: #8b3bff; border: 1px solid transparent; width: 70px; height: 36px; line-height: 28px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: #fff; } .payment-apply-code-btn:hover { background: #7731dd; } .chattopicTitls { text-align: center; font-weight: bold; margin: 0 0 10px 0; } .chat-pay-options-link { display: none; padding: 0 0 5px 15px; color: #9c27b0; text-decoration: underline; cursor: pointer; } .chat-pay-options-text { display: none; padding: 0 0 5px 15px; } .payment-form-info { position: relative; left: 3px; top: -2px; cursor: pointer; } .generic-superscript-info-span { text-transform: none; } .generic-tooltip-info-img { width: 24px; height: 24px; margin: 0 0 0 3px; cursor: pointer; } .generic-superscript-info-img { position: relative; width: 24px; height: 24px; left: 1px; top: -8px; cursor: pointer; } .chat-pay-success-div { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); display: none; } .chat-pay-success-span { color: green; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: 200px auto; background: #fff; width: 200px; height: 40px; line-height: 40px; border-radius: 3px; } .payment-window-separator { margin: 10px; height: 1px; background-color: #e0bae6; } .planDv, .plan-div-covid { clear: both; margin: 20px auto; height: 95px; position: relative; width: 320px; } .plan-div-covid { height: 160px; } .planspn-float-left { float: left; margin: 0 0 0 20px; } .planspn-float-right { float: right; margin: 0 20px 0 0; } /* End payment part */ /* End Layer styles */ .dna-file-info-title-div { text-align: center; font-weight: bold; } .chat-hint-white-font { color: #fff; margin: 10px 0; } .request-demo-div { width: 300px; text-align: left; background-color: transparent; margin: 0 auto 10px auto; } .request-demo-title { text-align: center; color: #333; margin: 20px auto 30px auto; } .request-demo-p-extra-margin { margin: 20px 0 0 0; } .snap-chat-image-div { margin: 0 0 5px 0; overflow: hidden; } .snap-chat-image { margin: 0 auto; max-width: 100%; } .snapUserFileImage { float: left; width: 45px; height: 51px; } .loading-chat-img-div { width: 60px; height: 60px; margin: 50px auto 10px auto; } .loading-chat-img { width: 60px; height: 60px; } .chat-bot-loading-div-top { width: 100%; text-align: center; margin: 0; display: none; } .error-page-main-div { clear: both; margin: 40px auto; text-align: center; min-height: 400px; } .default-wait-outer-div { display: none; margin: 0 auto; height: 50px; border: solid 1px transparent; } .add-customer-wait-outer-div { display: none; clear: both; width: 300px; margin: 60px auto 25px auto; height: 50px; border: solid 1px transparent; } .examples-of-questions-link { color: #9c27b0; } .examples-of-questions-link:visited { color: #9c27b0; } .examples-of-questions-link:hover { color: #9c27b0; } .top-margin-30px { margin-top: 30px; } .top-margin-40px { margin-top: 40px; } .gc-counter-div { width: 100%; height: 15px; line-height: 14px; position: relative; top: -10px; margin: 0; } .gc-countdown-label { float: right; margin: 0; line-height: 14px; } .prevent-div-collapse::after { content: " "; display: block; height: 0; clear: both; } .billing-contact-group, .collection-date-group, .icd10-codes-group, .medication-group { margin: 20px auto 30px auto; padding: 0; overflow: visible; width: 300px; border: solid 1px transparent; vertical-align: middle; background-color: #fff; } .medication-group { margin: 20px 0 10px 0; border: none; } .collection-date-group, .icd10-codes-group { width: 280px; margin: 0 auto; } .card-payment-methods-group { margin: 0 auto 30px auto; padding: 0; overflow: visible; width: 300px; border: solid 1px transparent; vertical-align: middle; background-color: #fff; } .custom-checkbox-group, .report-file-upload-group-required, .support-file-upload-group, .support-file-upload-group-pre-test, .custom-checkbox-group-required, .custom-isolated-group, .covid-support-file-upload-group { margin: 0 auto 30px auto; padding: 5px 0; overflow: visible; width: 295px; border-radius: 3px; border: solid 1px transparent; box-shadow: 0 0 8px rgba(200, 200, 200, 1.0); vertical-align: middle; background-color: #fff; } .custom-checkbox-group:hover { border: solid 1px #ddd; } .custom-checkbox-group-required { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 2px solid #f00; } .custom-checkbox-group-required:hover { border-color: #aaa; } .report-file-upload-group-required { height: 300px; padding: 28px 0 0 0; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 2px solid #f00; } .report-file-upload-group-required:hover { border-color: #aaa; } .support-file-upload-group { height: 300px; padding: 28px 0 0 0; } .support-file-upload-group:hover { border: solid 1px #ddd; } .support-file-upload-group-pre-test { padding: 28px 0 0 0; } .support-file-upload-group-pre-test:hover { border: solid 1px #ddd; } .covid-support-file-upload-group { height: 85px; padding: 23px 0 0 0; } .covid-support-file-upload-group:hover { border: solid 1px #ddd; } .custom-isolated-group:hover { border: solid 1px #ddd; } .custom-checkbox-div { vertical-align: middle; line-height: 24px; } .custom-radio-purple { width: 20px; height: 20px; vertical-align: middle !important; margin: 5px 5px 0 0 !important; cursor: pointer; -webkit-appearance: none; border: 1px solid #333; border-radius: 50%; outline: none; } .custom-radio-purple:hover { border: 7px solid rgba(139, 59, 255, .3); } .custom-radio-purple:checked { border: 7px solid rgba(139, 59, 255, 1.0); /* #8b3bff */ } .custom-checkbox, .custom-checkbox-no-left-margin, .custom-checkbox-no-margins, .custom-checkbox-left-margin-20px { width: 22px; height: 22px; vertical-align: middle !important; margin: 5px 5px 0 8px !important; cursor: pointer; accent-color: #8b3bff; } .custom-checkbox-no-left-margin { margin: 5px 5px 0 0 !important; } .custom-checkbox-no-margins { margin: 0 !important; } .custom-checkbox-left-margin-20px { margin: 5px 5px 0 20px !important; } .custom-checkbox-text-after, .custom-checkbox-text-after-10-padding { vertical-align: middle !important; display: inline-block; padding: 5px 0 0 0 !important; color: #1a0535; } .custom-checkbox-text-after-10-padding { padding: 5px 0 0 5px !important; cursor: pointer; } .gc-covid-consent-div { width: 296px; } .gc-covid-consent-left-div, .mobile-comm-consent-left-div { float: left; width: 22px; height: 22px; } .gc-covid-consent-right-div, .mobile-comm-consent-right-div { float: left; width: 260px; margin: 1px 0 0 10px; } .gc-consent-div { width: 320px; } .gc-consent-left-div { float: left; width: 22px; height: 22px; } .gc-content-hint1-div { color: #333; margin: 0 5px 15px 5px; } .gc-consent-right-div { float: left; width: 285px; margin: 1px 0 0 10px; } .naf-consent-div { width: 230px; } .naf-consent-left-div { float: left; width: 22px; height: 22px; } .naf-consent-right-div { float: left; width: 195px; margin: 1px 0 0 10px; } .mobile-comm-consent-right-div { margin: 2px 0 0 10px; } .gc-login-page-dnafeed-logo-div { margin: 0 auto; width: 240px; padding: 40px 0; } .gc-login-page-dnafeed-logo-img { width: 240px; } .processing-div-common { display: none; margin: 25px auto 0 auto; } .snap-chat-sms-img { position: relative; top: -3px; margin-left: 10px; } .learn-tab-salected-img { width: 20px; text-align: center; } .required-field-right-red-border { border-right: solid 2px #f00; border-radius: 2px; width: 298px; } .gc-dashboard-search-div { float: right; margin: 0; width: 320px; position: relative; height: 50px; } .gc-search-img { height: 22px; width: 22px; cursor: pointer; position: absolute; bottom: 14px; right: 15px; } .gc-dashboard-settings-div { clear: both; margin: 20px auto; text-align: left; width: 300px; overflow: auto; } .gc-dashboard-settings-col-left { float: left; width: 100px; height: 40px; line-height: 40px; padding: 2px 0 0 0; } .gc-dashboard-settings-col-right { float: left; width: 80px; height: 40px; line-height: 40px; } .progress-spinner-hint { width: 100%; text-align: center; color: #555; margin: 10px 0 0 0; } .progress-spinner { height: 30px; margin: 20px 0; width: 100%; text-align: center; color: #000; } /*.StripeElement { box-sizing: border-box; height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; } .StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; } .StripeElement--invalid { border-color: #fa755a; } .StripeElement--webkit-autofill { background-color: #fefde5 !important; }*/ .dialog-credit-card-area-main { background-color: #fff; width: 100%; } .dialog-credit-card-area-main * { font-size: 16px; font-weight: 500; } .dialog-credit-card-area-main .row { display: -ms-flexbox; display: flex; margin: 0 5px 10px 0; position: relative; } .dialog-credit-card-area-main .field { position: relative; width: calc(100%); height: 50px; margin: 0 10px; } .dialog-credit-card-area-main .field.half-width { width: 50%; } .dialog-credit-card-area-main .field.quarter-width { width: calc(25% - 10px); } .dialog-credit-card-area-main .baseline { position: absolute; width: 100%; height: 1px; left: 0; bottom: 0; background-color: #c0c0c0; transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .dialog-credit-card-area-main label { position: absolute; width: 100%; left: 0; bottom: 8px; color: #553483; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform-origin: 0 50%; cursor: text; pointer-events: none; transition-property: color, transform; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .dialog-credit-card-area-main .input { position: absolute; width: 100%; left: 0; bottom: 0; padding-bottom: 7px; color: #32325d; background-color: transparent; } .dialog-credit-card-area-main .input::-webkit-input-placeholder { color: transparent; transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .dialog-credit-card-area-main .input::-moz-placeholder { color: transparent; transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .dialog-credit-card-area-main .input:-ms-input-placeholder { color: transparent; transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .dialog-credit-card-area-main .input.StripeElement { opacity: 0; transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: opacity; } .dialog-credit-card-area-main .input.focused, .dialog-credit-card-area-main .input:not(.empty) { opacity: 1; } .dialog-credit-card-area-main .input.focused::-webkit-input-placeholder, .dialog-credit-card-area-main .input:not(.empty)::-webkit-input-placeholder { color: #553483; } .dialog-credit-card-area-main .input.focused::-moz-placeholder, .dialog-credit-card-area-main .input:not(.empty)::-moz-placeholder { color: #553483; } .dialog-credit-card-area-main .input.focused:-ms-input-placeholder, .dialog-credit-card-area-main .input:not(.empty):-ms-input-placeholder { color: #553483; } .dialog-credit-card-area-main .input.focused + label, .dialog-credit-card-area-main .input:not(.empty) + label { color: #aab7c4; transform: scale(0.85) translateY(-25px); cursor: default; } .dialog-credit-card-area-main .input.focused + label { color: #9c27b0; } .dialog-credit-card-area-main .input.invalid + label { color: #ffa27b; } .dialog-credit-card-area-main .input.focused + label + .baseline { background-color: #835ebf; } .dialog-credit-card-area-main .input.focused.invalid + label + .baseline { background-color: #e25950; } .dialog-credit-card-area-main input { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border-style: none; } .dialog-credit-card-area-main input:-webkit-autofill { -webkit-text-fill-color: #e39f48; transition: background-color 100000000s; -webkit-animation: 1ms void-animation-out; } .dialog-credit-card-area-main .StripeElement--webkit-autofill { background: transparent !important; } .credit-card-img-div { position: absolute; bottom: 2px; right: 9px; width: 42px; height: 32px; background-repeat: no-repeat; background-position: center; border: solid 1px transparent; } .bank-payment-method-img-div { width: 42px; height: 30px; position: relative; top: 1px; left: 1px; background-color: #fff; border: solid 1px #e0e0e0; text-align: center; border-radius: 3px; } .card-payment-method-img-div { width: 42px; height: 32px; background-repeat: no-repeat; background-position: center; } .discover-credit-card { background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2240%22%20height%3D%2230%22%20viewBox%3D%220%200%2024%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22319%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22New-Icons%22%20transform%3D%22translate%28-280.000000%2C%20-280.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20id%3D%22Card-Brands%22%20transform%3D%22translate%2840.000000%2C%20200.000000%29%22%3E%3Cg%20id%3D%22Color%22%20transform%3D%22translate%280.000000%2C%2080.000000%29%22%3E%3Cg%20id%3D%22Discover%22%20transform%3D%22translate%28240.000000%2C%200.000000%29%22%3E%3Cpath%20d%3D%22M21.9972414%2C15.749927%20L21.999381%2C15.7499362%20C22.9544683%2C15.7581106%2023.73806%2C14.9772525%2023.75%2C14.0041555%20L23.7500083%2C2.00630219%20C23.7461702%2C1.53568921%2023.5588633%2C1.08617106%2023.2297297%2C0.756801782%20C22.9014319%2C0.428268884%2022.4589161%2C0.246148853%2021.9972414%2C0.250070854%20L2.00063%2C0.250061791%20C1.54108393%2C0.246148853%201.09856813%2C0.428268884%200.77027028%2C0.756801782%20C0.441136651%2C1.08617106%200.253829819%2C1.53568921%200.25%2C2.00426336%20L0.249991686%2C13.9936957%20C0.253829819%2C14.4643086%200.441136651%2C14.9138268%200.77027028%2C15.2431961%20C1.09856813%2C15.571729%201.54108393%2C15.753849%202.00275862%2C15.749927%20L21.9972414%2C15.749927%20Z%20M21.996203%2C16.249927%20C21.9958359%2C16.249924%2021.9954688%2C16.249921%2021.9951018%2C16.2499178%20L21.9972414%2C16.249927%20L21.996203%2C16.249927%20Z%22%20id%3D%22shape%22%20stroke-opacity%3D%220.2%22%20stroke%3D%22%23000000%22%20stroke-width%3D%220.5%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.6124138%2C15.9999283%20L21.9972414%2C15.9999283%20C22.5240217%2C16.0043364%2023.0309756%2C15.7992919%2023.4065697%2C15.4299059%20C23.7821638%2C15.06052%2023.9956285%2C14.5570537%2024%2C14.0302731%20L24%2C11.6716524%20C20.4561668%2C13.7059622%2016.6127929%2C15.1667795%2012.6124138%2C15.9999283%20L12.6124138%2C15.9999283%20Z%22%20id%3D%22shape%22%20fill%3D%22%23F27712%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M23.1724138%2C9.29647999%20L22.32%2C9.29647999%20L21.36%2C8.03027309%20L21.2689655%2C8.03027309%20L21.2689655%2C9.29647999%20L20.5737931%2C9.29647999%20L20.5737931%2C6.1516524%20L21.6%2C6.1516524%20C22.4027586%2C6.1516524%2022.8662069%2C6.48268688%2022.8662069%2C7.07854895%20C22.8662069%2C7.56682481%2022.5765517%2C7.88130757%2022.0551724%2C7.98061792%20L23.1724138%2C9.29647999%20Z%20M22.1462069%2C7.10337654%20C22.1462069%2C6.79716964%2021.9144828%2C6.63992826%2021.4841379%2C6.63992826%20L21.2689655%2C6.63992826%20L21.2689655%2C7.5916524%20L21.4675862%2C7.5916524%20C21.9144828%2C7.5916524%2022.1462069%2C7.42613516%2022.1462069%2C7.10337654%20L22.1462069%2C7.10337654%20Z%20M18.1406897%2C6.1516524%20L20.1103448%2C6.1516524%20L20.1103448%2C6.68130757%20L18.8358621%2C6.68130757%20L18.8358621%2C7.38475585%20L20.0606897%2C7.38475585%20L20.0606897%2C7.92268688%20L18.8358621%2C7.92268688%20L18.8358621%2C8.77510068%20L20.1103448%2C8.77510068%20L20.1103448%2C9.30475585%20L18.1406897%2C9.30475585%20L18.1406897%2C6.1516524%20Z%20M15.9062069%2C9.37923861%20L14.4%2C6.14337654%20L15.1613793%2C6.14337654%20L16.1131034%2C8.26199723%20L17.0731034%2C6.14337654%20L17.817931%2C6.14337654%20L16.2951724%2C9.37923861%20L15.9227586%2C9.37923861%20L15.9062069%2C9.37923861%20Z%20M9.60827586%2C9.37096274%20C8.54896552%2C9.37096274%207.72137931%2C8.65096274%207.72137931%2C7.71579033%20C7.72137931%2C6.8054455%208.56551724%2C6.06889378%209.62482759%2C6.06889378%20C9.92275862%2C6.06889378%2010.1710345%2C6.12682481%2010.4772414%2C6.25923861%20L10.4772414%2C6.98751447%20C10.2453534%2C6.75969251%209.93335245%2C6.63192067%209.60827586%2C6.6316524%20C8.9462069%2C6.6316524%208.44137931%2C7.1116524%208.44137931%2C7.71579033%20C8.44137931%2C8.35303171%208.93793103%2C8.80820412%209.64137931%2C8.80820412%20C9.95586207%2C8.80820412%2010.1958621%2C8.70889378%2010.4772414%2C8.46061792%20L10.4772414%2C9.18889378%20C10.1627586%2C9.32130757%209.89793103%2C9.37096274%209.60827586%2C9.37096274%20L9.60827586%2C9.37096274%20Z%20M7.5062069%2C8.33647999%20C7.5062069%2C8.94889378%207.00137931%2C9.37096274%206.27310345%2C9.37096274%20C5.74344828%2C9.37096274%205.36275862%2C9.18889378%205.04%2C8.77510068%20L5.49517241%2C8.38613516%20C5.65241379%2C8.66751447%205.91724138%2C8.80820412%206.24827586%2C8.80820412%20C6.56275862%2C8.80820412%206.7862069%2C8.6178593%206.7862069%2C8.36958343%20C6.7862069%2C8.22889378%206.72%2C8.12130757%206.57931034%2C8.03854895%20C6.42504922%2C7.96369158%206.26441119%2C7.90275992%206.09931034%2C7.85647999%20C5.44551724%2C7.64958343%205.22206897%2C7.42613516%205.22206897%2C6.98751447%20C5.22206897%2C6.47441102%205.70206897%2C6.0854455%206.33103448%2C6.0854455%20C6.72827586%2C6.0854455%207.08413793%2C6.20958343%207.38206897%2C6.44130757%20L7.01793103%2C6.85510068%20C6.87360928%2C6.69688076%206.66932728%2C6.60675635%206.45517241%2C6.60682481%20C6.15724138%2C6.60682481%205.94206897%2C6.75579033%205.94206897%2C6.95441102%20C5.94206897%2C7.11992826%206.0662069%2C7.21096274%206.48%2C7.3516524%20C7.27448276%2C7.59992826%207.5062069%2C7.8316524%207.5062069%2C8.34475585%20L7.5062069%2C8.33647999%20Z%20M4.08827586%2C6.1516524%20L4.78344828%2C6.1516524%20L4.78344828%2C9.30475585%20L4.08827586%2C9.30475585%20L4.08827586%2C6.1516524%20Z%20M1.8537931%2C9.30475585%20L0.827586207%2C9.30475585%20L0.827586207%2C6.1516524%20L1.8537931%2C6.1516524%20C2.97931034%2C6.1516524%203.75724138%2C6.79716964%203.75724138%2C7.72406619%20C3.75724138%2C8.19579033%203.52551724%2C8.64268688%203.12%2C8.94061792%20C2.77241379%2C9.18889378%202.38344828%2C9.30475585%201.84551724%2C9.30475585%20L1.8537931%2C9.30475585%20Z%20M2.66482759%2C6.9378593%20C2.43310345%2C6.75579033%202.16827586%2C6.68958343%201.71310345%2C6.68958343%20L1.52275862%2C6.68958343%20L1.52275862%2C8.77510068%20L1.71310345%2C8.77510068%20C2.16%2C8.77510068%202.44137931%2C8.69234206%202.66482759%2C8.52682481%20C2.90482759%2C8.32820412%203.04551724%2C8.03027309%203.04551724%2C7.72406619%20C3.04551724%2C7.4178593%202.90482759%2C7.12820412%202.66482759%2C6.9378593%20Z%22%20id%3D%22shape%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.4137931%2C6.06889378%20C11.5034483%2C6.06889378%2010.7586207%2C6.79716964%2010.7586207%2C7.69923861%20C10.7586207%2C8.65923861%2011.4703448%2C9.37923861%2012.4137931%2C9.37923861%20C13.3406897%2C9.37923861%2014.0689655%2C8.65096274%2014.0689655%2C7.72406619%20C14.0689655%2C6.79716964%2013.3489655%2C6.06889378%2012.4137931%2C6.06889378%20Z%22%20id%3D%22shape%22%20fill%3D%22%23F27712%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .mastercard-credit-card { background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2240%22%20height%3D%2230%22%20viewBox%3D%220%200%2024%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23252525%22%20height%3D%2216%22%20rx%3D%222%22%20width%3D%2224%22%20%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20fill%3D%22%23eb001b%22%20r%3D%225%22%20%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%228%22%20fill%3D%22%23f79e1b%22%20r%3D%225%22%20%2F%3E%3Cpath%20d%3D%22m12%203.99963381c1.2144467.91220633%202%202.36454836%202%204.00036619s-.7855533%203.0881599-2%204.0003662c-1.2144467-.9122063-2-2.36454837-2-4.0003662s.7855533-3.08815986%202-4.00036619z%22%20fill%3D%22%23ff5f00%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .visa-credit-card { background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2240%22%20height%3D%2230%22%20viewBox%3D%220%200%2024%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22319%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22New-Icons%22%20transform%3D%22translate%28-80.000000%2C%20-280.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20id%3D%22Card-Brands%22%20transform%3D%22translate%2840.000000%2C%20200.000000%29%22%3E%3Cg%20id%3D%22Color%22%20transform%3D%22translate%280.000000%2C%2080.000000%29%22%3E%3Cg%20id%3D%22Visa%22%20transform%3D%22translate%2840.000000%2C%200.000000%29%22%3E%3Crect%20id%3D%22Container%22%20stroke-opacity%3D%220.2%22%20stroke%3D%22%23000000%22%20stroke-width%3D%220.5%22%20fill%3D%22%23FFFFFF%22%20x%3D%220.25%22%20y%3D%220.25%22%20width%3D%2223.5%22%20height%3D%2215.5%22%20rx%3D%222%22%3E%3C%2Frect%3E%3Cpath%20d%3D%22M2.78773262%2C5.91443732%20C2.26459089%2C5.62750595%201.6675389%2C5.39673777%201%2C5.23659312%20L1.0280005%2C5.1118821%20L3.76497922%2C5.1118821%20C4.13596254%2C5.12488556%204.43699113%2C5.23650585%204.53494636%2C5.63071135%20L5.12976697%2C8.46659052%20L5.31198338%2C9.32072617%20L6.97796639%2C5.1118821%20L8.77678896%2C5.1118821%20L6.10288111%2C11.2775284%20L4.30396552%2C11.2775284%20L2.78773262%2C5.91443732%20L2.78773262%2C5.91443732%20Z%20M10.0999752%2C11.2840738%20L8.39882877%2C11.2840738%20L9.46284763%2C5.1118821%20L11.163901%2C5.1118821%20L10.0999752%2C11.2840738%20Z%20M16.2667821%2C5.26277458%20L16.0354292%2C6.59558538%20L15.881566%2C6.53004446%20C15.5737466%2C6.40524617%2015.1674138%2C6.28053516%2014.6143808%2C6.29371316%20C13.942741%2C6.29371316%2013.6415263%2C6.56277129%2013.6345494%2C6.82545859%20C13.6345494%2C7.11441463%2013.998928%2C7.3048411%2014.5939153%2C7.58725177%20C15.5740257%2C8.02718756%2016.0286384%2C8.56556562%2016.0218476%2C9.26818871%20C16.0080799%2C10.5486366%2014.8460128%2C11.376058%2013.0610509%2C11.376058%20C12.2978746%2C11.3694253%2011.5627918%2C11.2180965%2011.163808%2C11.0475679%20L11.4018587%2C9.66204513%20L11.6258627%2C9.76066195%20C12.1788958%2C9.99070971%2012.5428092%2C10.0889775%2013.221984%2C10.0889775%20C13.7117601%2C10.0889775%2014.2368857%2C9.89837643%2014.2435835%2C9.48488392%20C14.2435835%2C9.21565125%2014.0198586%2C9.01850486%2013.3617074%2C8.7164581%20C12.717789%2C8.42086943%2011.8568435%2C7.92848346%2011.8707973%2C7.04197926%20C11.8780532%2C5.84042483%2013.0610509%2C5%2014.7409877%2C5%20C15.3990458%2C5%2015.9312413%2C5.13788902%2016.2667821%2C5.26277458%20Z%20M18.5277524%2C9.0974856%20L19.941731%2C9.0974856%20C19.8717762%2C8.78889347%2019.549631%2C7.31147374%2019.549631%2C7.31147374%20L19.4307452%2C6.77964104%20C19.3467437%2C7.00942698%2019.1998574%2C7.38373457%2019.2069273%2C7.37055657%20C19.2069273%2C7.37055657%2018.6678479%2C8.74290137%2018.5277524%2C9.0974856%20Z%20M20.6276036%2C5.1118821%20L22%2C11.2839865%20L20.4249023%2C11.2839865%20C20.4249023%2C11.2839865%2020.2707601%2C10.5748181%2020.221922%2C10.3581228%20L18.0377903%2C10.3581228%20C17.9746264%2C10.5221933%2017.6807607%2C11.2839865%2017.6807607%2C11.2839865%20L15.8957988%2C11.2839865%20L18.4226343%2C5.62399144%20C18.5977072%2C5.22341512%2018.9059917%2C5.1118821%2019.3117663%2C5.1118821%20L20.6276036%2C5.1118821%20L20.6276036%2C5.1118821%20Z%22%20id%3D%22Shape%22%20fill%3D%22%23171E6C%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .amex-credit-card { background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2240%22%20height%3D%2230%22%20viewBox%3D%220%200%2024%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20fill%3D%22%23016fd0%22%20height%3D%2216%22%20rx%3D%222%22%20width%3D%2224%22%20%2F%3E%3Cpath%20d%3D%22m13.7640663%2013.3938564v-5.70139231l10.1475359.00910497v1.57489503l-1.1728619%201.25339231%201.1728619%201.2648839v1.6083094h-1.8726188l-.9951823-1.0981657-.9881105%201.1023204z%22%20fill%3D%22%23fffffe%22%20%2F%3E%3Cpath%20d%3D%22m14.4418122%2012.7687956v-4.448884h3.7722872v1.02488398h-2.550895v.69569062h2.4900774v1.0078232h-2.4900774v.6833149h2.550895v1.0371713z%22%20fill%3D%22%23016fd0%22%20%2F%3E%3Cpath%20d%3D%22m18.1952707%2012.7687956%202.087337-2.2270055-2.0874254-2.2217901h1.6156464l1.2754917%201.41003315%201.2791161-1.41003315h1.5461657v.03500552l-2.0428729%202.18678458%202.0428729%202.1638895v.063116h-1.5617237l-1.2981216-1.4241768-1.2847735%201.4241768z%22%20fill%3D%22%23016fd0%22%20%2F%3E%3Cpath%20d%3D%22m14.2373481%202.6319558h2.4460552l.8591381%201.95085083v-1.95085083h3.0198453l.5207514%201.46156906.5225194-1.46156906h2.3059447v5.70139227h-12.1865193z%22%20fill%3D%22%23fffffe%22%20%2F%3E%3Cg%20fill%3D%22%23016fd0%22%3E%3Cpath%20d%3D%22m14.7004641%203.25135912-1.9740111%204.44517127h1.3539006l.3724199-.89016575h2.0179447l.3721547.89016575h1.3875801l-1.96579-4.44517127zm.1696353%202.55743646.592-1.41507182.5915581%201.41507182z%22%20%2F%3E%3Cpath%20d%3D%22m18.2119779%207.69573481v-4.44508288l1.903116.00654144.9792707%202.73272928.9856354-2.73927072h1.8316022v4.44508288l-1.1786077.01043094v-3.05334807l-1.1125746%203.04291713h-1.0758011l-1.1356464-3.05334807v3.05334807z%22%20%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A"); } .diners-credit-card { background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2240px%22%20height%3D%2230px%22%20viewBox%3D%220%200%2024%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20id%3D%22319%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22New-Icons%22%20transform%3D%22translate%28-320.000000%2C%20-280.000000%29%22%20fill-rule%3D%22nonzero%22%3E%3Cg%20id%3D%22Card-Brands%22%20transform%3D%22translate%2840.000000%2C%20200.000000%29%22%3E%3Cg%20id%3D%22Color%22%20transform%3D%22translate%280.000000%2C%2080.000000%29%22%3E%3Cg%20id%3D%22Diners-Club%22%20transform%3D%22translate%28280.000000%2C%200.000000%29%22%3E%3Cpath%20d%3D%22M21.9972414%2C15.749927%20L21.999381%2C15.7499362%20C22.9544683%2C15.7581106%2023.73806%2C14.9772525%2023.75%2C14.0041555%20L23.7500083%2C2.00630219%20C23.7461702%2C1.53568921%2023.5588633%2C1.08617106%2023.2297297%2C0.756801782%20C22.9014319%2C0.428268884%2022.4589161%2C0.246148853%2021.9972414%2C0.250070854%20L2.00063%2C0.250061791%20C1.54108393%2C0.246148853%201.09856813%2C0.428268884%200.77027028%2C0.756801782%20C0.441136651%2C1.08617106%200.253829819%2C1.53568921%200.25%2C2.00426336%20L0.249991686%2C13.9936957%20C0.253829819%2C14.4643086%200.441136651%2C14.9138268%200.77027028%2C15.2431961%20C1.09856813%2C15.571729%201.54108393%2C15.753849%202.00275862%2C15.749927%20L21.9972414%2C15.749927%20Z%20M21.996203%2C16.249927%20C21.9958359%2C16.249924%2021.9954688%2C16.249921%2021.9951018%2C16.2499178%20L21.9972414%2C16.249927%20L21.996203%2C16.249927%20Z%22%20id%3D%22shape%22%20stroke-opacity%3D%220.2%22%20stroke%3D%22%23000000%22%20stroke-width%3D%220.5%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10.0021142%2C2.05179033%20L10.0021142%2C2.03579033%20L14.0021142%2C2.03579033%20L14.0021142%2C2.05179033%20C17.1375481%2C2.28122918%2019.5642283%2C4.89197286%2019.5642283%2C8.03579033%20C19.5642283%2C11.1796078%2017.1375481%2C13.7903515%2014.0021142%2C14.0197903%20L14.0021142%2C14.0357903%20L10.0021142%2C14.0357903%20L10.0021142%2C14.0197903%20C6.86668021%2C13.7903515%204.44%2C11.1796078%204.44%2C8.03579033%20C4.44%2C4.89197286%206.86668021%2C2.28122918%2010.0021142%2C2.05179033%20Z%22%20id%3D%22shape%22%20fill%3D%22%230165AC%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M11.6021142%2C11.4277903%20C13.0374002%2C10.9175027%2013.9961556%2C9.55908923%2013.9961556%2C8.03579033%20C13.9961556%2C6.51249143%2013.0374002%2C5.15407792%2011.6021142%2C4.64379033%20L11.6021142%2C11.4277903%20L11.6021142%2C11.4277903%20Z%20M9.20211417%2C4.64379033%20C7.76682809%2C5.15407792%206.80807271%2C6.51249143%206.80807271%2C8.03579033%20C6.80807271%2C9.55908923%207.76682809%2C10.9175027%209.20211417%2C11.4277903%20L9.20211417%2C4.64379033%20L9.20211417%2C4.64379033%20Z%20M10.4021142%2C13.2357903%20C7.53023347%2C13.2357903%205.20211417%2C10.907671%205.20211417%2C8.03579033%20C5.20211417%2C5.16390963%207.53023347%2C2.83579033%2010.4021142%2C2.83579033%20C13.2739949%2C2.83579033%2015.6021142%2C5.16390963%2015.6021142%2C8.03579033%20C15.6021142%2C10.907671%2013.2739949%2C13.2357903%2010.4021142%2C13.2357903%20Z%22%20id%3D%22shape%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .jcb-credit-card { background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2240%22%20height%3D%2230%22%20viewBox%3D%220%200%2024%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20d%3D%22m.20535714%2016h4.51785715c1.0278125%200%202.25892857-1.1946667%202.25892857-2.1333333v-13.8666667h-4.51785715c-1.0278125%200-2.25892857%201.19466667-2.25892857%203.2z%22%20fill%3D%22%23047ab1%22%20%2F%3E%3Cpath%20d%3D%22m2.76924107%2010.816c-.86733559.0001606-1.73039558-.1147397-2.56388393-.3413333v-1.17333337c.64678874.37770431%201.38610045.59084099%202.14598215.61866667.8696875%200%201.35535714-.576%201.35535714-1.36533333v-3.22133334h2.14598214v3.22133334c0%201.25866666-.70026786%202.26133333-3.0834375%202.26133333z%22%20fill%3D%22%23fff%22%20%2F%3E%3Cpath%20d%3D%22m8.11160714%2016h4.51785716c1.0278125%200%202.2589286-1.1946667%202.2589286-2.1333333v-13.8666667h-4.5178572c-1.02781249%200-2.25892856%201.19466667-2.25892856%203.2z%22%20fill%3D%22%23d42d06%22%20%2F%3E%3Cpath%20d%3D%22m8.11160714%206.08c.65508929-.59733333%201.78455357-.97066667%203.61428576-.88533333.9939285.04266666%202.0330357.32%202.0330357.32v1.184c-.5943231-.3394747-1.2623758-.54734656-1.9539732-.608-1.3892411-.11733334-2.23633933.61866666-2.23633933%201.90933333s.84709823%202.0266667%202.23633933%201.92c.6920185-.06606555%201.3596342-.27744592%201.9539732-.61866667v1.17333337s-1.0391072.288-2.0330357.3306666c-1.82973219.0853334-2.95919647-.288-3.61428576-.8853333z%22%20fill%3D%22%23fff%22%20%2F%3E%3Cpath%20d%3D%22m16.0178571%2016h4.5178572c1.0278125%200%202.2589286-1.1946667%202.2589286-2.1333333v-13.8666667h-4.5178572c-1.0278125%200-2.2589286%201.19466667-2.2589286%203.2z%22%20fill%3D%22%2367b637%22%20%2F%3E%3Cpath%20d%3D%22m21.6651786%209.28c0%20.8533333-.7002679%201.3866667-1.6377232%201.3866667h-4.0095983v-5.33333337h3.6481697l.2597768.01066667c.8245089.04266667%201.4344196.50133333%201.4344196%201.29066667%200%20.61866666-.4179018%201.152-1.1746428%201.28v.032c.8358035.05333333%201.4795982.55466666%201.4795982%201.33333333zm-2.880134-3.104c-.0486104-.00686658-.0976798-.01043129-.1468303-.01066667h-1.3553572v1.344h1.5021875c.2823661-.064.5195536-.30933333.5195536-.672%200-.36266666-.2371875-.608-.5195536-.66133333zm.1694197%202.176c-.059755-.00886168-.1202559-.01243275-.1807143-.01066667h-1.4908929v1.46133334h1.4908929l.1807143-.02133334c.2823661-.064.5195536-.34133333.5195536-.71466666%200-.37333334-.2258929-.64-.5195536-.71466667z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .unknown-credit-card { background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2245px%22%20height%3D%2234px%22%20viewBox%3D%220%200%2030%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22unknown%22%20style%3D%22fill%3A%20%23515e80%3B%22%3E%3Cg%20id%3D%22card%22%20transform%3D%22translate%280%202%29%22%3E%3Cpath%20id%3D%22shape%22%20d%3D%22M26.58%2019H2.42A2.4%202.4%200%200%201%200%2016.62V2.38A2.4%202.4%200%200%201%202.42%200h24.16A2.4%202.4%200%200%201%2029%202.38v14.25A2.4%202.4%200%200%201%2026.58%2019zM10%205.83c0-.46-.35-.83-.78-.83H3.78c-.43%200-.78.37-.78.83v3.34c0%20.46.35.83.78.83h5.44c.43%200%20.78-.37.78-.83V5.83z%22%20opacity%3D%22.2%22%3E%3C%2Fpath%3E%3Cpath%20id%3D%22shape%22%20d%3D%22M25%2015h-3c-.65%200-1-.3-1-1s.35-1%201-1h3c.65%200%201%20.3%201%201s-.35%201-1%201zm-6%200h-3c-.65%200-1-.3-1-1s.35-1%201-1h3c.65%200%201%20.3%201%201s-.35%201-1%201zm-6%200h-3c-.65%200-1-.3-1-1s.35-1%201-1h3c.65%200%201%20.3%201%201s-.35%201-1%201zm-6%200H4c-.65%200-1-.3-1-1s.35-1%201-1h3c.65%200%201%20.3%201%201s-.35%201-1%201z%22%20opacity%3D%22.3%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .appt-page-main-div { width: 300px; text-align: left; margin: 40px auto 200px auto; background-color: transparent; } .blurry-text { color: transparent; text-shadow: 0 0 15px rgba(0,0,0,0.75); } /* Custom Toggle Switch */ .switch { position: relative; display: inline-block; width: 40px; height: 24px; line-height: 24px; margin: 0 0 0 8px; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .2s; transition: .2s; } .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .2s; transition: .2s; } input:checked + .slider { background-color: #553483; } input:checked + .slider:hover { background-color: #835ebf; } input:focus + .slider { box-shadow: 0 0 1px #553483; } input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } /* Rounded sliders */ .slider.round { border-radius: 24px; } .slider.round:before { border-radius: 50%; } /* EVERYGENE */ .slider-everygene { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .2s; transition: .2s; } .slider-everygene:before { position: absolute; content: ""; height: 16px; width: 16px; left: 4px; bottom: 4px; background-color: #fff; -webkit-transition: .2s; transition: .2s; } input:checked + .slider-everygene { background-color: #641fd8; } input:checked + .slider-everygene:hover { background-color: #503587; } input:focus + .slider-everygene { box-shadow: 0 0 1px #641fd8; } input:checked + .slider-everygene:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px); } /* Rounded sliders */ .slider-everygene.round { border-radius: 24px; } .slider-everygene.round:before { border-radius: 50%; } /* End of Custom Toggle Switch */ .covid-tile { background-color: #fff; } .covid-pricing-step-div { float: left; width: 60px; margin: 0 20px 0 0; vertical-align: top; } .covid-plan-item { float: left; width: 80%; text-align: left; } .covid-step1-div { overflow: hidden; } .covid-step2-div { width: 100%; } .covid-get-started-button-div { width: 300px; margin: 10px auto 40px auto; } .covid-legend { text-align: center; line-height: 32px; color: #553483; margin: 0 0 30px 0; padding: 0 20px; } .covid-map-frame { width: 100%; height: 480px; border: solid 0px transparent; } .invoices-group { margin: 20px auto 30px auto; padding: 0; overflow: hidden; width: 100%; vertical-align: middle; } .invoice-row-empty { margin: 0 auto 20px auto; width: 300px; line-height: 50px; height: 50px; text-align: center; } .generic-box-radius-shadow-border { border: solid 1px #e0e0e0; -webkit-box-shadow: 0 8px 6px -6px #999; -moz-box-shadow: 0 8px 6px -6px #999; box-shadow: 0 8px 6px -6px #999; border-radius: 3px; } .invoice-paging-div { margin-top: 30px; } .invoice-pay-row { line-height: 25px; } .invoice-pay-row-tall { line-height: 25px; margin: 0 0 15px 0; } .invoice-pay-row-tall-indented { line-height: 25px; margin: 0 0 15px 28px; } .invoice-pay-bank-img { height: 24px; margin: 0 4px 0 0; vertical-align: middle; position: relative; top: -2px; } .gc-portal-section-grouping-div-webflow { width: 100%; height: 46px; line-height: 44px; margin: 0 auto 15px auto; cursor: pointer; border-radius: 12px; } .gc-portal-section-grouping-div-webflow:hover { background-color: #fafafa; transition: background-color .2s ease-in-out; } .gc-portal-section-grouping-div { width: 298px; height: 46px; line-height: 44px; margin: 0 auto 15px auto; cursor: pointer; border-radius: 3px; box-shadow: 0 8px 6px -6px #aaa; background-color: #ecf4ff; } .gc-portal-section-grouping-div { border: solid 1px #e8e8e8; } .gc-portal-section-grouping-div:hover { border: solid 1px #ccc; background-color: #e4f0f8; } .gc-portal-section-grouping-left-div { float: left; text-align: left; padding-left: 2px; } .gc-portal-section-grouping-right-div { float: right; text-align: right; padding-right: 5px; } .claims-main-div { width: 820px; min-height: 700px; background: #fff; margin: 0 auto 150px auto; } .claims-nothing-to-show-outer-div, .kareo-nothing-to-show-outer-div { margin: 0 auto 25px auto; overflow: visible; } .claims-upload-hints-div { color: #9c27b0; clear: both; margin: 30px auto 10px auto; text-align: center; } .claims-page-processed-div { width: 100%; margin: 0; overflow: hidden; } .claims-page-processed-div-title { margin: 20px auto; color: #333; text-align: center; } .claims-page-filters-section { width: 260px; overflow: hidden; border-top: solid 1px transparent; } .claims-page-filter-div { width: 250px; overflow: hidden; margin: 15px 0; } .claims-page-filter-title { float: left; height: 28px; font-weight: bold; } .claims-page-filter-tier1-title-width { padding: 0 0 0 2px; width: 130px; } .claims-page-filter-tier2-title-width { padding: 0 0 0 30px; width: 160px; } .claims-page-filter-tier3-title-width { padding: 0 0 0 60px; width: 190px; } .claims-page-filter-switch { float: left; height: 28px; padding: 1px 0 0 0; } .proactiv-page-hint-div { color: #333; margin: 30px auto 0 auto; padding: 10px; text-align: left; max-width: 600px; } .proactive-checkout-row-div { clear: both; width: 100%; margin: 0 auto; overflow: hidden; } .proactive-checkout-col-div { float: left; width: 300px; } .proactive-page-info-div { margin: 0 auto; padding: 0; } .proactive-page-button-div { clear: both; width: 300px; margin: 80px auto 10px auto; } .proactive-checkout-section-title-div { width: 300px; margin: 0 0 10px 10px; } .proactive-checkout-disclaimer-div { text-align: left; margin: 5px 0 0 0; padding: 0; } .proactive-checkout-pay-btn-div { width: 298px; margin: 15px 0; height: 80px; } .generic-processing-wait-hint { text-align: center; height: 24px; margin: 8px 0 0 0; } .proactive-checkout-cc-info-div-main { width: 100%; padding: 0 5px; } .proactive-payment-success-email-sent { display: none; max-width: 640px; width: 90%; margin: 50px auto 200px auto; padding: 0 5px; line-height: 24px; text-align: left; } .proactive-processing-outer-div { display: none; clear: both; margin: 15px auto; height: 80px; } .covid-pick-lab-panel { clear: both; overflow-y: auto; margin: 0; padding: 0; border-bottom: solid 1px #e0e0e0; } /* This is also a event hook, so don't remove without a thought. */ .covid-pick-lab-row { clear: both; width: 100%; margin: 0; border-top: solid 1px #e0e0e0; color: #333; line-height: 20px; padding: 10px; cursor: pointer; } .covid-pick-lab-row:hover { background-color: #e0e0e0; } .covid-no-collection-dates-div, .covid-no-icd10-codes-div { background-color: #fef1d0; text-align: center; padding: 4px 0; margin: 5px auto; } .dialog-gen-label-div { margin: 10px auto; overflow: visible; width: 265px; } .claims-chart-image-div { cursor: pointer; border: solid 1px transparent; } .claims-chart-image-div:hover { border: dashed 1px #999; } .claims-dialog-results-div { margin: 0 auto; overflow: visible; width: 100%; } .claims-dialog-hint { border: solid 1px transparent; height: 32px; color: #333; line-height: 30px; padding: 0 5px; margin: 10px 0 0 0; } .dnasnipet-iframe-outer-div { clear: both; width: 75%; margin: 20px auto 20px auto; padding: 20px 10px; text-align: center; border: solid 1px #ccc; border-radius: 4px; -moz-box-shadow: 1px 1px 8px 2px #e1e0e0; -webkit-box-shadow: 1px 1px 8px 2px #e1e0e0; box-shadow: 1px 1px 8px 2px #e1e0e0; } .care-section-main-div { margin: 0 auto 16px auto; } .monitor-sub-section-header-div { background-color: rgba(244, 244, 244, 0.7); margin: 0; overflow: hidden; padding: 24px; cursor: pointer; border: solid 1px #eee; border-radius: 20px; display: flex; align-items: center; } .monitor-sub-section-header-div-expanded { background-color: rgba(244, 244, 244, 0.7); } .monitor-section-div1 { width: 300px; display: flex; align-items: center; vertical-align: middle; } .monitor-section-status-on-div { margin: 0; color: #2fb21a; } .monitor-section-status-off-div { margin: 0; color: #ee6969; } .monitor-section-div2 { margin: 0 0 0 auto; vertical-align: middle; display: flex; align-items: center; } .monitor-section-img-div { border-radius: 50%; padding: 0; } .monitor-generic-reports-content { padding: 20px; } .monitor-medications-main-div { padding: 10px 8px; text-align: left; } .monitor-meds-add-btn-div { width: 300px; margin: 25px 0; } .health-exchange-section-div { position: relative; width: 100%; overflow: hidden; padding: 20px 20px 10px 20px; } .health-exchange-switch-div { float: left; } .health-exchange-switch-label { float: left; height: 24px; line-height: 24px; color: #333; } .health-exchange-switch-hint { clear: both; padding: 0 0 20px 20px; } .visits-loading-div { margin: 30px auto; text-align: center; height: 32px; width: 32px; } .plans-selection-hint-div { clear: both; margin: 0 auto 10px auto; text-align: center; } .plans-pricing-chat-order { width: 260px; height: 360px; overflow: hidden; margin: 10px auto 0 auto; box-shadow: 0 8px 16px -6px #777; border-radius: 5px; cursor: pointer; } .plans-pricing-low, .plans-pricing-high { float: left; width: 260px; height: 360px; overflow: hidden; margin: 10px; -webkit-box-shadow: 0 8px 16px -6px #777; -moz-box-shadow: 0 8px 16px -6px #777; box-shadow: 0 8px 16px -6px #777; border-radius: 5px; cursor: pointer; } .plans-pricing-high { float: right; } .plans-pricing-unselected { background-color: #fff; color: #333; border: solid 1px #e0e0e0; } .plans-pricing-selected { background: linear-gradient(60deg, #ab47bc, #7b1fa2); color: #fff; border: solid 1px transparent; } .plans-pricing-row { clear: both; margin: 0 auto; padding: 8px 12px; overflow: hidden; line-height: 22px; text-align: center; } .plans-pricing-low-header, .plans-pricing-high-header { line-height: 36px; text-align: center; margin: 0; padding: 10px 0 0 0; } .myriad-hint1, .fulgent-hint1, .myrisk-hint1 { margin: 0 auto; color: #000; text-align: center; max-width: 1160px; -webkit-font-smoothing: antialiased; line-height: 32px; } .myriad-hint1 { text-align: left; } .myrisk-hint1 { line-height: 26px; text-align: left; } .preview-email-btn-div { margin: 0 auto 20px auto; width: 298px; } .email-preview-main-div { width: 100%; background-color: #f1f2f8; padding: 25px; margin: 10px auto; } .email-preview-section-highlight { background-color: #ffffe0; padding: 5px 1px; } .email-preview-logo-div { margin: 0 auto 40px auto; text-align: center; } .email-preview-logo-img { width: 210px; } .gc-done-message-div { max-width: 1000px; margin: 0 auto; padding: 40px; text-align: center; } .myriad-page-main-div { max-width: 1800px; display: flex; justify-content: center; align-items: flex-start; margin: 0 auto; gap: 40px; } .myrisk-page-main-outer-div { padding: 0 10px; } .myrisk-page-main-div, .myrisk-page-main-div2 { max-width: 1800px; display: flex; justify-content: center; align-items: center; margin: 0 auto 10px auto; gap: 10px; } .myrisk-page-main-div2 { align-items: flex-start; justify-content: center; margin: 0 auto; } .myriad-page-left-div { width: 50%; margin: 0; } .myrisk-page-left-image { border: solid 6px #0092E1; border-radius: 3px; margin: 30px auto; } .myrisk-page-left-image-no-margin { border: solid 6px #0092E1; border-radius: 3px; margin: 0 auto; } .foresight-page-left-image { border-top-right-radius: 440px; border-bottom-right-radius: 440px; margin: 30px auto; } .myriad-health360-div { width: 100%; margin: 20px 0; } .myriad-health360-left-div { float: left; width: 22px; height: 22px; } .myriad-health360-right-div { float: left; width: calc(100% - 32px); margin: 0 0 0 10px; line-height: 22px; } .myriad-custom-checkbox { width: 22px; height: 22px; cursor: pointer; accent-color: #8b3bff; margin: 0; } .myriad-right-images-div { height: 175px; overflow: hidden; display: flex; justify-content: space-between; align-items: center; } .myrisk-right-images-div { height: 175px; overflow: hidden; display: flex; justify-content: space-between; justify-content: flex-end; /* Push the image to the right */ align-items: center; /* Align vertically if needed */ } .myriad-right-img1 { width: 220px; } .myriad-right-img2 { width: 220px; height: 175px; border-top-left-radius: 120px; border-bottom-left-radius: 120px; overflow: hidden; } .myriad-bottom-logos-div { display: flex; align-items: center; align-content: space-evenly; flex-wrap: wrap; width: 100%; max-width: 1800px; clear: both; margin: 0 auto 20px auto; } .myriad-page-padding { padding: 20px 10px 50px 10px; } .myrisk-submit-btn-div { width: 298px; margin: 0 auto; height: 60px; } .myrisk-submit-waiting-div { display: none; clear: both; margin: 0 auto; height: 60px; position: relative; } .myrisk-submit-waiting-img-div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 32px; } .myriad-copyright-div { max-width: 1800px; clear: both; margin: 0 auto 20px auto; } .myrisk-right-div { width: 98%; justify-self: flex-end; } .lookup-box-div { position: absolute; } .fulgent-page-logo-img-div { width: 100%; max-width: 250px; margin: auto; vertical-align: middle; align-content: center; align-items: center; } /* */ /* Chat styles affecting the iFrame SSO overriden colors */ /* */ .visits-main-div { display: none; padding: 0 20px; text-align: left; line-height: 40px; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 16px; -webkit-font-smoothing: antialiased; } .visits-main-div-everygene { display: none; padding: 0 20px; text-align: left; line-height: 40px; -webkit-font-smoothing: antialiased; font-family: 'SharpSansDispNo2SemiBold', sans-serif; font-size: 18px; font-weight: 500; } .learn-content-header-div { width: 100%; padding: 25px 0 0 0; text-align: center; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 18px; -webkit-font-smoothing: antialiased; } .learn-content-header-div-everygene { width: 100%; padding: 25px 0 0 0; text-align: center; font-family: 'SharpSansDispNo2SemiBold', sans-serif; font-size: 18px; font-weight: 500; -webkit-font-smoothing: antialiased; } .monitor-section-icon-div, .monitor-section-icon-div-everygene { float: left; margin: 0; width: 48px; height: 48px; display: flex; justify-content: center; /* Horizontally center */ align-items: center; /* Vertically center */ } .monitor-section-icon-div-everygene { width: 24px; height: 24px; } .care-section-img { width: 48px; height: 48px; } .care-section-img-everygene { width: 24px; height: 24px; } .monitor-sub-section-content-div, .monitor-sub-section-content-div-everygene { display: none; position: relative; top: -15px; clear: both; padding: 25px 0 10px 0; border-left: solid 1px #eee; border-right: solid 1px #eee; border-bottom: solid 1px #eee; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -webkit-box-shadow: 0 6px 6px -6px #999; -moz-box-shadow: 0 6px 6px -6px #999; box-shadow: 0 6px 6px -6px #999; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 18px; -webkit-font-smoothing: antialiased; } .monitor-sub-section-content-div-everygene { color: #434658; font-family: 'SharpSansDispNo2SemiBold', sans-serif; font-size: 18px; } .app-general-link { color: #8b3bff; text-decoration: underline; } .app-general-link:hover { color: #8b3bff; text-decoration: underline; } .app-general-link:visited { color: #8b3bff; text-decoration: underline; } /* EVERYGENE */ .app-general-link-everygene { font-family: 'SharpSansDispNo2SemiBold', sans-serif; color: #641FD8; text-decoration: underline; } .app-general-link-everygene:hover { color: #641FD8; text-decoration: underline; } .app-general-link-everygene:visited { color: #641FD8; text-decoration: underline; } .app-general-link-everygene { font-family: 'SharpSansDispNo2SemiBold', sans-serif; color: #641FD8; text-decoration: underline; } .app-general-link-everygene:hover { color: #641FD8; text-decoration: underline; } .app-general-link-everygene:visited { color: #641FD8; text-decoration: underline; } .chat-bot-tab { float: left; height: 40px; margin: 0; cursor: pointer; padding: 0 5px; margin: 0 20px; } .chat-bot-tab-active { color: #8b3bff; border-bottom: solid 3px #8b3bff; } /* INOCRAS */ .chat-bot-tab-active-inocras { color: #031b3f; border-bottom: solid 3px #031b3f; } /* EVERYGENE */ .chat-bot-tab-active-everygene { font-family: 'SharpSansDispNo2Bold', sans-serif; -webkit-font-smoothing: antialiased; font-size: 18px; color: #281157; border-bottom: solid 3px #281157; } /* INOCRAS */ .chat-bot-tab-passive, .chat-bot-tab-passive-inocras { color: #777; border-bottom: solid 3px transparent; } .chat-bot-tab-passive:hover { color: rgba(139, 59, 225, 0.7); border-bottom: solid 3px rgba(139, 59, 225, 0.7); } /* INOCRAS */ .chat-bot-tab-passive-inocras:hover { color: rgba(3, 27, 63, 0.70); } /* EVERYGENE */ .chat-bot-tab-passive-everygene { font-family: 'SharpSansDispNo2Bold', sans-serif; -webkit-font-smoothing: antialiased; font-size: 18px; color: #645779; border-bottom: solid 3px transparent; } /* EVERYGENE */ .chat-bot-tab-passive-everygene:hover { color: #503587; } .monitor-section-title-div { float: left; margin: 0 24px; } /* EVERYGENE */ .monitor-section-title-div-everygene { float: left; font-family: 'SharpSansDispNo2Bold', sans-serif; font-size: 16px; font-weight: bold; line-height: 138%; color: #281157; margin: 0 24px; } .dna-company-side-chat-div, .dna-company-side-chat-div-codex, .dna-company-side-chat-div-inocras, .dna-company-side-chat-div-everygene { clear: both; margin: 2px 0 8px 38px; padding: 10px 18px; max-width: 80%; overflow-wrap: break-word; border: 1px solid #ecf1f8; background-color: #ecf1f8; border-radius: 1px 15px 15px 15px; display: flex; flex-direction: column; /* Stack children vertically */ align-items: flex-start; align-content: flex-start; justify-self: left; justify-content: center; justify-items: center; text-align: left; } .dna-user-side-chat-div, .dna-user-side-chat-div-codex, .dna-user-side-chat-div-inocras, .dna-user-side-chat-div-everygene { float: right; margin: 2px 0 8px 0; padding: 10px 18px; border: 1px solid transparent; max-width: 90%; overflow-wrap: break-word; /*background-color: rgb(129, 91, 190, 1.00); #815bbe; background-color: #B887FF; background-color: rgba(130, 20, 248, 0.7); #8614F8;*/ background-color: rgba(130, 62, 223, 0.75); /*#823edf;*/ border-radius: 15px 1px 15px 15px; color: #fff; position: relative; } .dna-user-side-chat-info-bubble-div, .dna-user-side-chat-info-bubble-div-codex, .dna-user-side-chat-info-bubble-div-inocras, .dna-user-side-chat-info-bubble-div-everygene { clear: both; float: left; display: flex; flex-direction: row; justify-content: left; align-items: flex-start; margin: 0 0 0 5px; width: calc(100% - 40px); line-height: 20px; color: #999; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 16px; -webkit-font-smoothing: antialiased; } .dna-user-side-chat-info-bubble-div-everygene { font-family: 'SharpSansDispNo2SemiBold', sans-serif; } .chat-bot-btn-send-active { fill: #8b3bff; } /* CODEX */ .chat-bot-btn-send-active-codex { fill: #2B43DA; } /* INOCRAS */ .chat-bot-btn-send-active-inocras { fill: #031B3F; } /* EVERYGENE */ .chat-bot-btn-send-active-everygene { fill: #641FD8; } .chat-bot-user-hint-img { margin: 0 10px 0 0; width: 20px; height: 20px; cursor: pointer; } .chat-action-link { cursor: pointer; text-decoration: none; color: #9c27b0; } .chat-action-link a { text-decoration: none; color: #9c27b0; } .chat-action-link a:visited { color: #9c27b0; } .chat-action-link-underline { cursor: pointer; color: #553483; } .chat-action-link-underline a { color: #553483; } .chat-action-link-underline a:visited { color: #553483; } .generic-button-50px-height, .generic-button-56px-height, .chat-generic-button, .chat-generic-button-codex, .chat-generic-button-inocras, .chat-generic-button-everygene { width: 100%; height: 50px; line-height: 50px; color: #fff; background-color: #8b3bff; padding: 0; text-align: center; cursor: pointer; border: solid 1px transparent; border-radius: 25px; } .generic-button-56px-height { height: 56px; line-height: 56px; border-radius: 28px; } .generic-button-50px-height:hover, .generic-button-56px-height:hover { background-color: #7731dd; } /* EVERYGENE */ .dna-company-side-chat-div-everygene { border: 1px solid #f3f3f3; background-color: #f3f3f3; } /* CODEX */ .chat-generic-button-codex { background-color: #2b43da; } .chat-generic-button-codex:hover { background-color: #2337b8; } /* INOCRAS */ .chat-generic-button-inocras { background-color: #031b3f; } .chat-generic-button-inocras:hover { background-color: #032457; } /* EVERYGENE */ .chat-generic-button-everygene { background-color: #8b3bff; } .chat-generic-button-everygene:hover { background-color: #7731dd; } /* CODEX */ .chat-action-link-codex { cursor: pointer; text-decoration: none; color: #2b43da; } .chat-action-link-codex a { text-decoration: none; color: #2b43da; } .chat-action-link-codex a:visited { color: #2b43da; } .chat-action-link-underline-codex { cursor: pointer; color: #2b43da; } .chat-action-link-underline-codex a { color: #2b43da; } .chat-action-link-underline-codex a:visited { color: #2b43da; } /* INOCRAS */ .chat-action-link-inocras { cursor: pointer; text-decoration: none; color: #031b3f; } .chat-action-link-inocras a { text-decoration: none; color: #031b3f; } .chat-action-link-inocras a:visited { color: #031b3f; } .chat-action-link-underline-inocras { cursor: pointer; color: #031b3f; } .chat-action-link-underline-inocras a { color: #031b3f; } .chat-action-link-underline-inocras a:visited { color: #031b3f; } /* EVERYGENE */ .chat-action-link-everygene { cursor: pointer; text-decoration: none; color: #9c27b0; } .chat-action-link-everygene a { text-decoration: none; color: #9c27b0; } .chat-action-link-everygene a:visited { color: #9c27b0; } .chat-action-link-underline-everygene { cursor: pointer; color: #553483; } .chat-action-link-underline-everygene a { color: #553483; } .chat-action-link-underline-everygene a:visited { color: #553483; } /* CODEX */ .dna-user-side-chat-div-codex { background-color: rgba(43, 67, 218, 1.00); /*#2b43da;*/ } /* INOCRAS */ .dna-user-side-chat-div-inocras { background-color: rgba(3, 27, 63, 1.00); /*#031b3f;*/ } /* EVERYGENE */ .dna-user-side-chat-div-everygene { background-color: #f6f1ff; color: #434658; } .chat-translate-div, .chat-translate-div-codex, .chat-translate-div-inocras, .chat-translate-div-everygene { clear: both; color: #553483; margin: 5px 0 0 0; text-decoration: underline; cursor: pointer; } /* CODEX */ .chat-translate-div-codex { color: #2b43da; } /* INOCRAS */ .chat-translate-div-inocras { color: #031b3f; } /* EVERYGENE */ .chat-translate-div-everygene { color: #641fd8; } .chat-translated-text-div, .chat-translated-text-div-codex, .chat-translated-text-div-inocras, .chat-translated-text-div-everygene { display: none; background-color: #f8e6fb; border: solid 1px #e0e0e0; border-radius: 3px; padding: 10px; margin: 5px 0; } /* CODEX */ .proxinova-sizeless-font { font-family: 'Proxinova', sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; } /* CODEX */ .chat-translated-text-div-codex { background-color: #d5d9f8; } /* INOCRAS */ .chat-translated-text-div-inocras { background-color: #a7c8fa; } /* EVERYGENE */ .chat-translated-text-div-everygene { background-color: #f8e6fb; } .chat-general-link { color: #553483; text-decoration: underline; } .chat-general-link:hover { color: #553483; text-decoration: underline; } .chat-general-link:visited { color: #553483; text-decoration: underline; } /* CODEX */ .chat-general-link-codex { color: #2b43da; text-decoration: underline; } /* CODEX */ .chat-general-link-codex:hover { color: #2b43da; text-decoration: underline; } /* CODEX */ .chat-general-link-codex:visited { color: #2b43da; text-decoration: underline; } /* INOCRAS */ .chat-general-link-inocras { color: #031b3f; text-decoration: underline; } /* INOCRAS */ .chat-general-link-inocras:hover { color: #031b3f; text-decoration: underline; } /* INOCRAS */ .chat-general-link-inocras:visited { color: #031b3f; text-decoration: underline; } /* EVERYGENE */ .chat-general-link-everygene { color: #641fd8; text-decoration: underline; } .chat-general-link-everygene:hover { color: #641fd8; text-decoration: underline; } .chat-general-link-everygene:visited { color: #641fd8; text-decoration: underline; } /* EVERYGENE */ .everygene-sizeless-font { font-family: 'SharpSansDispNo2SemiBold', sans-serif; -webkit-font-smoothing: antialiased; } /* End of chat styles affecting the iFrame SSO overriden colors */ .gc-care_settings-main-div { clear: both; max-width: 600px; margin: 10px auto; } .copyright-div { clear: both; margin: 0; } .global-announcement-div { display: none; width: 100%; height: 60px; line-height: 60px; margin: 0 auto; background-color: #f8f0c6; color: #553483; text-align: center; } .client-master-sep { height: 1px; line-height: 1px; background-color: #e0e0e0; margin: 5px auto; padding: 0; } .gc-add-card-btn-div { width: 298px; margin: 25px 0; } .claims-chart-save-hint { margin: 10px auto 20px auto; text-align: center; width: 100%; padding: 0 10px; } .iframe-demo-left-header-div { width: 100%; margin: 20px auto 25px auto; height: 60px; line-height: 60px; color: #555; cursor: pointer; } .iframe-demo-left-nav-sub-div, .iframe-demo-left-nav-sub-div-active { width: 100%; margin: 0 auto; height: 60px; line-height: 60px; color: #555; cursor: pointer; } .iframe-demo-left-nav-sub-div-active { color: #4F8EF7; } .iframe-demo-left-nav-sep-div { margin: 8px auto; height: 1px; border-bottom: solid 1px #e0e0e0; width: 90%; } .iframe-demo-left-nav-div { width: 300px; height: 100%; min-height: 340px; position: fixed; top: 0; left: 0; border-right: solid 1px #e0e0e0; background-color: #f4f4ff; } .iframe-demo-left-nav-img { width: 24px; height: 24px; margin: 0 10px 0 20px; } .iframe-demo-logo-div { width: 100%; margin: 20px auto; } .iframe-demo-logo-img { width: 100%; margin: 0 auto; } .demo-embed-main-div { min-height: 400px; } .demo-embed-login-div { width: 300px; margin: 100px auto; } .demo-embed-iframe { -ms-zoom: 1.00; -moz-transform: scale(1.00); -moz-transform-origin: 0 0; -o-transform: scale(1.00); -o-transform-origin: 0 0; -webkit-transform: scale(1.00); -webkit-transform-origin: 0 0; height: 900px; margin: 0 0 0 350px; display: none; width: calc(100% - 400px); min-width: 320px; } .demo-embed-title-div { display: none; margin: 20px 0 0 350px; color: #555; text-align: left; } /* Bootstrap Dropdown */ .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px solid transparent; border-radius: 16px; box-shadow: 0px 2px 15px rgba(26, 14, 41, 0.1); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-item { display: block; width: 100%; padding: 6px 15px 4px 5px; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { text-decoration: none; background-color: rgba(139, 59, 255, .05); cursor: pointer; } .dropdown-item.active, .dropdown-item:active { text-decoration: none; background-color: rgba(139, 59, 255, .05); } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } /* End of Bootstrap Dropdown */ @media screen and (min-width: 1300px) { .settings-change-main-div-media { margin: 10px 0 10px 300px; } .myriad-page-main-div-media { flex-direction: row; } .myriad-page-left-div-media { width: 50%; padding: 70px 0 0 0; } .myrisk-page-left-div-media { width: 50%; padding: 0; } .myrisk-bottom-logo-img-media { width: 340px; margin: 10px 20px 10px 0; } .chat-bot-text-area-media { width: calc(100% - 150px); } .chat-bot-btn-media { margin: 0 0 0 25px; } .chat-bot-header-inner-media { font-size: 20px; } .claims-main-div-media { width: 1020px; } .claims-page-filters-section-media { float: left; border-right: solid 1px #ccc; margin: 10px 0; } .claims-page-results-section-media { float: left; margin: 0; } .claims-page-chart-div-media { width: 600px; height: 400px; padding: 0 0 0 140px; } .gc-setting-main-div-media { width: 600px; margin: 0 auto; } .proactive-page-info-div-media { width: 642px; } .proactive-checkout-col-div-media { margin: 0 10px 20px 10px; } .proactive-page-hint-div-media { width: 600px; } .proactive-feature-cell-media { width: 100%; } .mygenerank-page-hint-div-media { width: 600px; } .mygenerank-register-box-outer-media { margin: 40px auto 0 auto; } .chat-timestamp-and-ai-voice-div-media { min-width: 320px; } .chat-audio-ctrl-media { min-width: 320px; max-width: 320px; } .chat-video-ctrl-media { max-height: 300px; max-width: 400px; } .snap-chat-image-div-media { max-width: 320px; } .payment-window-top-media { width: 600px; position: relative; } .payment-institution-code-input-div-top-media { width: 280px; float: left; margin: 0; } .payment-institution-code-input-top-media { width: 280px; } .stripe-input-div-top-media { float: left; } .chat-payment-hint-top-media { width: 580px; top: 250px; } .payment-input-top-media { width: 274px; } .default-ui-left-pane-media { float: left; width: 310px; height: 370px; display: block; } .default-ui-left-pane-short-media { float: left; width: 310px; height: 340px; display: block; } .default-ui-generic-pane-media { float: left; width: 310px; height: 280px; display: block; } .healthcare-page-img-media { display: block; float: right; margin: 0; width: 40%; } .main-content-simple-width-media { width: 1250px; } .gc-portal-table-rows-small-cut-div-media { display: none; } .gc-portal-export-div-media { width: 900px; } .gc-portal-div-webflow-media { width: calc(100% - 30px); max-width: 2000px; } .gc-portal-table-rows-media { display: block; width: calc(100% - 30px); max-width: 2000px; } .gc-portal-cell1-media { width: calc((100% - 32px) / 6); } .gc-portal-cell2-media { width: calc((100% - 32px) / 6); } .gc-portal-cell3-media { width: calc((100% - 32px) / 6); } .gc-portal-cell4-media { width: calc((100% - 32px) / 6); } .gc-portal-cell5-media { width: calc((100% - 32px) / 6); } .gc-portal-cell5-covid-media { width: calc((100% - 32px) / 6); } .gc-portal-cell6-media { width: calc((100% - 32px) / 6); } .gc-portal-cell7-media { width: 32px; } .gc-main-content-width-media { padding-left: 300px; } .gc-portal-paging-div-outer-media { width: calc(100% - 30px); max-width: 2000px; } .gc-left-nav-div-media { display: block; width: 300px; margin-top: 66px; } .gc-portal-left-nav-img-media { margin: 0 10px 0 30px; } .client-footer-main-media { padding-left: 300px; } .gc-top-nav-div-media { display: none; } .embed-video-outer-div-media { width: 498px; margin: 20px auto 0 auto; text-align: center; } .embed-video-title-media { width: 100%; margin: 0 auto 20px auto; } .embed-video-iframe-div-media { width: 498px; height: 280px; } .embed-video-iframe-media { width: 498px; height: 280px; } .wiz-image1-media { width: 80%; } .labs-wiz-pane1-div1-media, .orgs-wiz-pane1-div1-media, .inds-wiz-pane1-div1-media, .proactive-wiz-pane1-div1-media { width: 1160px; padding: 0; margin: 0 auto; overflow: hidden; display: flex; justify-content: center; align-items: center; } .proactive-wiz-pane1-div1-media { background: url('/images/proactive-header-big.png') no-repeat top right; height: 294px; } .company-wiz1-fontsize-media { } .labs-wiz-right-div-media, .orgs-wiz-right-div-media, .inds-wiz-right-div-media { width: 45%; margin: 0; float: left; } .company-wiz-right-div-media { margin: 0; float: left; background: url('/images/company.png') no-repeat center center; background-size: cover; width: 40%; height: 380px; } .labs-wiz-left-div-media, .orgs-wiz-left-div-media, .inds-wiz-left-div-media, .proactive-wiz-left-div-media, .company-wiz-left-div-media { margin: 0; float: left; width: 55%; text-align: left; color: #fff; line-height: 44px; padding-right: 40px; } .company-wiz-left-div-media { width: 60%; } .proactive-wiz-left-div-media { width: 50%; } .proactive-wiz-right-div-media { width: 50%; margin: 0; float: left; } .lab-wiz-image1-media, .orgs-wiz-image1-media { width: 75%; box-shadow: 15px 0 35px rgba(0, 0, 0, 0.2); } .inds-wiz-image1-media { display: block; width: 98%; } .inds-wiz-image2-media { display: none; } .inds-wiz-image3-media { display: none; } .labs-wiz-pane2-div1-media { width: 1280px; padding: 0; margin: 0 auto; overflow: visible; display: flex; justify-content: center; align-items: center; } .pricing-low-media, .pricing-medium-media, .pricing-high-media { float: left; margin: 0; padding: 0; overflow: visible; width: 305px; z-index: 50; font-size: 18px; } .pricing-medium-media { width: 365px; z-index: 90; } .pricing-table-header-row-media, .pricing-low-table-media, .pricing-medium-table-media, .pricing-high-table-media { float: left; margin: 0; overflow: visible; width: 305px; height: auto; } .pricing-table-header-row-media { padding: 10px 5px; } .pricing-medium-table-media { width: 365px; } .labs-pricing-table-main-div-media { font-size: 18px; display: block; } .labs-pricing-inline-div-media { display: none; } .pricing-footnote-div-media { width: 1278px; margin: 40px auto 0 auto; text-align: left; } .lab-services-img-div-media, .inds-benefits-img-div-media { float: left; width: 33%; } .inds-benefits-img-div-media { padding: 0 20px; } .labs-service-hint2-media { width: 600px; margin: 0 auto 20px auto; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; padding: 30px 0; color: #000; text-align: center; } .labs-service-col1-media { float: left; width: 580px; height: 520px; margin: 0 40px 40px 0; background: url('/images/GeneticCounselor.png'); background-size: cover; background-repeat: no-repeat; background-position: -40px -40px; } .labs-service-col2-media { float: left; width: 480px; } .lab-gcs-img-div-media { float: left; width: 20%; } .lab-features-outer-pane-media, .proactive-features-outer-pane-media { width: 680px; margin: 0 auto; text-align: left; padding: 0 0 60px 0; } .proactive-features-outer-pane-media { width: 960px; padding: 0 0 20px 0; } .lab-features-col1-media, .lab-features-col2-media { float: left; text-align: left; width: 50%; } .lab-features-col2-media { padding: 0 0 0 20px; } .lab-features-col1-inverted-media, .lab-features-col2-inverted-media { float: right; text-align: left; width: 50%; } .labs-feature-title-padding-media { } .company-leadership-img-div-media, .lab-service-types-img-media { float: left; width: 25%; } .company-leadership-fake-padding-img-div-media { float: left; width: 12.5%; } .orgs-row1-col1-media { float: left; width: 580px; height: 430px; margin: 0 40px 20px 0; background: url('/images/Pharmacogenomics.png'); background-size: cover; background-repeat: no-repeat; background-position: -40px -40px; } .orgs-row1-col2-media { float: left; width: 480px; } .orgs-row2-col1-media { float: right; width: 480px; } .orgs-row2-col2-media { float: right; width: 580px; height: 460px; margin: 0 0 0 100px; background: url('/images/DNATesting.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -40px; } .orgs-row1-col2-hint-media { width: 220px; height: 140px; left: 280px; top: 40px; } .orgs-row2-col2-hint-media { width: 220px; height: 120px; left: 0px; top: 40px; } .covid-outer-pane-media, .covid-map-pane-media { width: 640px; margin: 0 auto 40px auto; padding: 0; overflow: hidden; border: solid 1px #553483; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); } .covid-map-pane-media { border: solid 0px transparent; box-shadow: none; } .proactive-pricing-media { float: left; width: 860px; margin: 0 20px 0 0; } .plans-pricing-outer-pane-media { width: 600px; margin: 0 auto 10px auto; padding: 0 0 20px 0; overflow: hidden; } .inds-pricing-outer-pane-media, .inds-how-outer-pane-media, .proactive-pricing-outer-pane-media { width: 980px; margin: 0 auto; text-align: left; padding: 0 0 40px 0; overflow: hidden; display: flex; justify-content: center; align-items: baseline; } .inds-pricing-low-media { float: left; width: 420px; margin: 0 20px 0 0; overflow: hidden; } .inds-pricing-high-media { float: left; width: 420px; overflow: hidden; } .inds-how-step1-media { float: left; width: 420px; margin: 0 20px 0 0; } .inds-how-step2-media { float: left; width: 420px; } .inds-how-step2-header-inner-title-media { width: 320px; } .landing-wiz-pane1-div1-media { width: 1100px; padding: 20px 0 0 0; margin: 0 auto; overflow: auto; } .our-philosophy-outer-pane-media, .ai-outer-pane-media, .labs-clinicians-outer-pane-media, .orgs-pricing-outer-pane-media, .company-leadership-outer-pane-media, .service-types-outer-pane-media { width: 1160px; margin: 0 auto; text-align: left; padding: 40px 0; } .company-leadership-outer-pane-media, .service-types-outer-pane-media { padding: 20px 0; } .our-philosophy-outer-pane-media { padding: 40px 0 0px 0; } .our-philosophy-title-media { margin: 0 0 20px 0; } .provider-col1-media { float: left; width: 580px; height: 520px; margin: 0 40px 40px 0; background: url('/images/provider-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: -40px -40px; } .provider-col2-media { float: left; width: 480px; } .patient-col1-media { float: right; width: 480px; } .patient-col2-media { float: right; width: 580px; height: 520px; margin: 0 0 40px 100px; background: url('/images/patient-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -40px; } .provider-col1-hint-media { width: 220px; height: 140px; left: 280px; top: 40px; } .patient-col1-hint-media { width: 220px; height: 140px; top: 40px; } .chat-interest-hint-media { line-height: 30px; font-size: 20px; } .wiz-ai-img-div-media { width: 25%; } .how-it-works-outer-pane-media { width: 1160px; margin: 40px auto; overflow: auto; } .how-it-works-step1-hint-media, .how-it-works-step2-hint-media, .how-it-works-step3-hint-media { float: left; width: 380px; height: 452px; margin: 10px 10px 0 0; padding: 0; overflow: auto; border: solid 1px #fff; } .how-it-works-step3-hint-media { margin: 10px 0 0 0; } .how-it-works-step1-outer-media, .how-it-works-step2-outer-media, .how-it-works-step3-outer-media { margin: 170px auto 0 auto; padding: 10px 20px; } .learn-more-btn-div-media { bottom: 20px; } .landing-wiz-left-div-media, .landing-wiz-right-div-media { width: 50%; margin: 0; float: left; } .landing-wiz-apps-div-media { height: 65px; text-align: center; margin: 40px auto 0 auto; } .landing-wiz-get-started-div-media { width: 270px; margin: 120px auto 0 auto; } .landing-hint1-media { width: 100%; line-height: 44px; font-size: 36px; margin: 100px auto 0 auto; } .landing-hint2-media { line-height: 34px; font-size: 24px; margin: 0; padding: 0 0 0 20px; } .landing-hint2-media { float: left; width: 80%; } .learn-section-media { width: 700px; text-align: center; margin: 0 auto; padding: 0; } .nav-top-padding-media { height: 5px; background-color: #835ebf; } .pick-div-media { margin: 12px 10px 0 0; } .notify-count-outer-div-media { height: 36px; margin: 12px 10px 0 0; } .menu-small-div-media { width: 1280px; } .header-action-div-media { width: 1280px; margin: 0 auto; height: 60px; } .header-div-outer-media { height: 66px; position: fixed; top: 0; left: 0; z-index: 100; } .header-wiz-div-outer-media { height: 60px; position: fixed; top: 0; left: 0; z-index: 100; } .header-wiz-div-outer-fake-media { height: 60px; display: block; } .header-div-outer-fake-media { height: 66px; display: block; } .header-div-inner-media { height: 60px; } .logo-div-media { cursor: pointer; float: left; padding: 10px 30px 0 15px; } .logo-no-click-div-media { float: left; padding: 10px 30px 0 15px; } .logo-img-media { height: 40px; } .sign-in-sign-up-media { display: block; } .header-wiz-navbar-items-div-media { display: block; } .top-nav-btn-div-media { } .top-nav-btn-link-media { height: 60px; line-height: 52px; } .top-nav-span-large-media { font-size: 20px; padding: 0 5px; margin: 0 8px; } .nav-bar-sign-in-button-div-media { margin: 10px 8px 0 8px; } .nav-bar-sign-in-button-purple-media { height: 40px; line-height: 38px; } .avatar-image-account { height: 44px; max-width: 72px; cursor: pointer; } .alias-header-media { height: 60px; line-height: 60px; } .sign-in-sign-up-small-media { display: none; } .submit-interest-div-media { width: 400px; } .footer-inner-media { width: 1160px; margin: 0 auto; overflow: auto; } .footer-col1-media { float: left; width: 550px; } .footer-col2-media { float: left; width: 610px; } .footer-col2-subcol1-media { float: left; width: 380px; overflow: auto; } .footer-col2-subcol2-media { float: right; width: 152px; overflow: auto; } .footer-col2-subcol2-1-media { float: left; } .footer-col2-subcol2-2-media { float: left; } .gc-main-content-simple-media { height: calc(100vh - 66px); } .login-main-content-div-media { width: 560px; padding: 60px 60px 30px 60px; margin: 140px auto; } .login-box-outer-media, .register-box-outer-media, .forgot-password-outer-media, .reset-password-outer-media { margin: 40px auto 0 auto; } .sign-up-box-outer-media { margin: 20px auto 0 auto; } .sign-up-box-outer-bottom-media { margin: 20px auto 10px auto; } .notification-page-main-media { width: 1250px; } .notification-content-div-width { width: 800px; } .notification-content-popup-dimensions { width: 320px; } .notification-panel-media { max-height: 360px; } } @media screen and (max-width: 1299px) and (min-width: 1000px) { .settings-change-main-div-media { margin: 10px 0 10px 300px; } .myriad-page-main-div-media { flex-direction: row; } .myriad-page-left-div-media { width: 50%; padding: 70px 0 0 0; } .myrisk-page-left-div-media { width: 50%; padding: 0; } .myrisk-bottom-logo-img-media { width: 340px; margin: 20px 20px 10px 0; } .chat-bot-text-area-media { width: calc(100% - 150px); } .chat-bot-btn-media { margin: 0 0 0 25px; } .chat-bot-header-inner-media { font-size: 20px; } .claims-main-div-media { width: 820px; } .claims-page-filters-section-media { float: left; border-right: solid 1px #ccc; margin: 10px 0; } .claims-page-results-section-media { float: left; margin: 0; } .claims-page-chart-div-media { width: 550px; height: 420px; padding: 0 0 0 65px; } .gc-setting-main-div-media { width: 600px; margin: 0 auto; } .proactive-page-info-div-media { width: 642px; } .proactive-checkout-col-div-media { margin: 0 10px 20px 10px; } .proactive-page-hint-div-media { width: 600px; } .proactive-feature-cell-media { width: 100%; } .mygenerank-page-hint-div-media { width: 600px; } .mygenerank-register-box-outer-media { margin: 40px auto 0 auto; } .chat-timestamp-and-ai-voice-div-media { min-width: 320px; } .chat-audio-ctrl-media { min-width: 320px; max-width: 320px; } .chat-video-ctrl-media { max-height: 300px; max-width: 400px; } .snap-chat-image-div-media { max-width: 320px; } .payment-window-top-media { width: 600px; position: relative; } .payment-institution-code-input-div-top-media { width: 280px; float: left; margin: 0; } .payment-institution-code-input-top-media { width: 280px; } .stripe-input-div-top-media { float: left; } .chat-payment-hint-top-media { width: 580px; top: 250px; } .payment-input-top-media { width: 274px; } .default-ui-left-pane-media { float: left; width: 290px; height: 400px; display: block; } .default-ui-left-pane-short-media { float: left; width: 290px; height: 360px; display: block; } .default-ui-generic-pane-media { float: left; width: 290px; height: 300px; display: block; } .healthcare-page-img-media { display: block; float: right; margin: 0; width: 40%; } .main-content-simple-width-media { width: 960px; } .gc-portal-table-rows-small-cut-div-media { display: none; } .gc-portal-export-div-media { width: 730px; } .gc-portal-div-webflow-media { width: calc(100% - 30px); max-width: 1800px; } .gc-portal-table-rows-media { display: block; width: calc(100% - 30px); max-width: 1800px; } .gc-portal-cell1-media { width: calc((100% - 32px) / 6); } .gc-portal-cell2-media { width: calc((100% - 32px) / 6); } .gc-portal-cell3-media { width: calc((100% - 32px) / 6); } .gc-portal-cell4-media { width: calc((100% - 32px) / 6); } .gc-portal-cell5-media { width: calc((100% - 32px) / 6); } .gc-portal-cell5-covid-media { width: calc((100% - 32px) / 6); } .gc-portal-cell6-media { width: calc((100% - 32px) / 6); } .gc-portal-cell7-media { width: 32px; } .gc-portal-paging-div-outer-media { width: calc(100% - 30px); max-width: 1800px; } .gc-main-content-width-media { padding-left: 250px; } .gc-left-nav-div-media { display: block; width: 250px; margin-top: 66px; } .gc-portal-left-nav-img-media { margin: 0 10px 0 30px; } .client-footer-main-media { padding-left: 250px; } .gc-top-nav-div-media { display: none; } .embed-video-outer-div-media { width: 498px; margin: 20px auto 0 auto; text-align: center; } .embed-video-title-media { width: 100%; margin: 0 auto 20px auto; } .embed-video-iframe-div-media { width: 498px; height: 280px; } .embed-video-iframe-media { width: 498px; height: 280px; } .wiz-image1-media { width: 80%; } .labs-wiz-pane1-div1-media, .orgs-wiz-pane1-div1-media, .inds-wiz-pane1-div1-media, .proactive-wiz-pane1-div1-media { width: 960px; padding: 0; margin: 0 auto; overflow: hidden; display: flex; justify-content: center; align-items: center; } .proactive-wiz-pane1-div1-media { background: url('/images/proactive-header-big.png') no-repeat bottom right -105px; height: 294px; } .company-wiz1-fontsize-media { font-size: 29px; } .labs-wiz-right-div-media, .orgs-wiz-right-div-media, .inds-wiz-right-div-media, .proactive-wiz-right-div-media { width: 45%; margin: 0; float: left; } .company-wiz-right-div-media { margin: 0; float: left; background: url('/images/company.png') no-repeat center center; background-size: cover; width: 40%; height: 320px; } .labs-wiz-left-div-media, .orgs-wiz-left-div-media, .inds-wiz-left-div-media, .proactive-wiz-left-div-media, .company-wiz-left-div-media { margin: 0; float: left; width: 55%; text-align: left; color: #fff; line-height: 44px; padding: 0 10px 0 30px; } .company-wiz-left-div-media { width: 60%; } .proactive-wiz-right-div-media { width: 40%; } .proactive-wiz-left-div-media { padding: 0 10px 0 5px; width: 60%; } .lab-wiz-image1-media, .orgs-wiz-image1-media { width: 75%; box-shadow: 15px 0 35px rgba(0, 0, 0, 0.2); } .inds-wiz-image1-media { display: block; width: 98%; } .inds-wiz-image2-media { display: none; } .inds-wiz-image3-media { display: none; } .labs-wiz-pane2-div1-media { width: 980px; padding: 0; margin: 0 auto; overflow: visible; display: flex; justify-content: center; align-items: center; } .pricing-low-media, .pricing-medium-media, .pricing-high-media { float: left; margin: 0; padding: 0; overflow: visible; width: 240px; z-index: 50; font-size: 18px; } .pricing-medium-media { width: 260px; z-index: 90; } .pricing-table-header-row-media, .pricing-low-table-media, .pricing-medium-table-media, .pricing-high-table-media { float: left; margin: 0; overflow: visible; width: 240px; height: auto; } .pricing-table-header-row-media { padding: 10px 5px; } .pricing-medium-table-media { width: 260px; } .labs-pricing-table-main-div-media { font-size: 18px; display: block; } .labs-pricing-inline-div-media { display: none; } .pricing-footnote-div-media { width: 978px; margin: 40px auto 0 auto; text-align: left; } .lab-services-img-div-media, .inds-benefits-img-div-media { float: left; width: 33%; } .inds-benefits-img-div-media { padding: 0 20px; } .labs-service-hint2-media { width: 600px; margin: 0 auto 20px auto; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; padding: 30px 0; color: #000; text-align: center; } .labs-service-col1-media { float: left; width: 480px; height: 430px; margin: 0 0 40px 0; background: url('/images/GeneticCounselor.png'); background-size: cover; background-repeat: no-repeat; background-position: -40px -40px; } .labs-service-col2-media { float: left; width: 490px; } .lab-gcs-img-div-media { float: left; width: 20%; } .lab-features-outer-pane-media, .proactive-features-outer-pane-media { width: 680px; margin: 0 auto; text-align: left; padding: 0 0 60px 0; } .proactive-features-outer-pane-media { width: 960px; padding: 0 0 20px 0; } .lab-features-col1-media, .lab-features-col2-media { float: left; text-align: left; width: 50%; } .lab-features-col2-media { padding: 0 0 0 20px; } .lab-features-col1-inverted-media, .lab-features-col2-inverted-media { float: right; text-align: left; width: 50%; } .labs-feature-title-padding-media { } .company-leadership-img-div-media, .lab-service-types-img-media { float: left; width: 25%; } .company-leadership-fake-padding-img-div-media { float: left; width: 12.5%; } .orgs-row1-col1-media { float: left; width: 480px; height: 360px; margin: 0 0 0 20px; background: url('/images/Pharmacogenomics.png'); background-size: cover; background-repeat: no-repeat; background-position: -40px -40px; } .orgs-row1-col2-media { float: left; width: 460px; } .orgs-row2-col1-media { float: right; width: 460px; padding: 0 20px; } .orgs-row2-col2-media { float: right; width: 520px; height: 400px; margin: 0; background: url('/images/DNATesting.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -40px; } .orgs-row1-col2-hint-media { width: 220px; height: 120px; left: 190px; top: 40px; } .orgs-row2-col2-hint-media { width: 220px; height: 120px; left: 0px; top: 40px; } .covid-outer-pane-media, .covid-map-pane-media { width: 640px; margin: 0 auto 40px auto; padding: 0; overflow: hidden; border: solid 1px #553483; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); } .covid-map-pane-media { border: solid 0px transparent; box-shadow: none; } .proactive-pricing-media { float: left; width: 860px; margin: 0 20px 0 0; } .plans-pricing-outer-pane-media { width: 600px; margin: 0 auto 10px auto; padding: 0 0 20px 0; overflow: hidden; } .inds-pricing-outer-pane-media, .inds-how-outer-pane-media, .proactive-pricing-outer-pane-media { width: 980px; margin: 0 auto; text-align: left; padding: 0 0 40px 0; overflow: hidden; display: flex; justify-content: center; align-items: baseline; } .inds-pricing-low-media { float: left; width: 420px; margin: 0 20px 0 0; overflow: hidden; } .inds-pricing-high-media { float: left; width: 420px; background-color: #fff; overflow: hidden; } .inds-how-step1-media { float: left; width: 420px; margin: 0 20px 0 0; } .inds-how-step2-media { float: left; width: 420px; } .inds-how-step2-header-inner-title-media { width: 320px; } .landing-wiz-pane1-div1-media { width: 920px; padding: 0; margin: 30px auto 0 auto; overflow: auto; } .our-philosophy-outer-pane-media, .ai-outer-pane-media, .labs-clinicians-outer-pane-media, .orgs-pricing-outer-pane-media, .company-leadership-outer-pane-media, .service-types-outer-pane-media { width: 980px; margin: 0 auto; text-align: left; padding: 40px 0; } .our-philosophy-outer-pane-media { padding: 40px 0 0px 0; } .our-philosophy-title-media { margin: 0 0 20px 0; } .ai-outer-pane-media { padding: 40px 0 60px 0; } .labs-clinicians-outer-pane-media { padding: 40px 0 30px 0; } .company-leadership-outer-pane-media, .service-types-outer-pane-media { padding: 0 0 20px 0; } .provider-col1-media { float: left; width: 480px; height: 430px; margin: 0 0 40px 0; background: url('/images/provider-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: -40px -40px; } .provider-col2-media { float: left; width: 490px; } .patient-col1-media { float: right; width: 440px; } .patient-col2-media { float: right; width: 500px; height: 470px; margin: 0 0 40px 40px; background: url('/images/patient-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: -40px -40px; } .provider-col1-hint-media { width: 220px; height: 120px; left: 190px; top: 40px; } .patient-col1-hint-media { width: 220px; height: 120px; left: -40px; top: 40px; } .chat-interest-hint-media { line-height: 30px; font-size: 20px; } .wiz-ai-img-div-media { width: 25%; height: 100px; } .how-it-works-outer-pane-media { width: 920px; margin: 40px auto; overflow: auto; } .how-it-works-step1-hint-media, .how-it-works-step2-hint-media, .how-it-works-step3-hint-media { float: left; width: 300px; height: 356px; margin: 10px 10px 0 0; padding: 0; overflow: auto; border: solid 1px #fff; } .how-it-works-step3-hint-media { margin: 10px 0 0 0; } .how-it-works-step1-outer-media, .how-it-works-step2-outer-media, .how-it-works-step3-outer-media { margin: 70px auto 0 auto; padding: 4px 10px 0 10px; } .learn-more-btn-div-media { bottom: 20px; } .landing-wiz-left-div-media, .landing-wiz-right-div-media { width: 50%; margin: 0; float: left; } .landing-wiz-apps-div-media { height: 65px; text-align: center; margin: 40px auto 0 auto; } .landing-wiz-get-started-div-media { width: 270px; margin: 110px auto 0 auto; } .landing-hint1-media { width: 100%; line-height: 44px; font-size: 32px; margin: 20px auto 0 auto; } .landing-hint2-media { line-height: 34px; font-size: 24px; margin: 100px 0 0 0; } .learn-section-media { width: 700px; text-align: center; margin: 0 auto; padding: 0; } .nav-top-padding-media { height: 5px; background-color: #835ebf; } .pick-div-media { margin: 12px 10px 0 0; } .notify-count-outer-div-media { height: 36px; margin: 12px 10px 0 0; } .menu-small-div-media { width: 100%; } .header-action-div-media { width: 100%; margin: 0 auto; height: 60px; } .header-div-outer-media { height: 66px; position: fixed; top: 0; left: 0; z-index: 100; } .header-wiz-div-outer-media { height: 60px; position: fixed; top: 0; left: 0; z-index: 100; } .header-wiz-div-outer-fake-media { height: 60px; display: block; } .header-div-outer-fake-media { height: 66px; display: block; } .header-div-inner-media { height: 60px; } .logo-div-media { cursor: pointer; float: left; padding: 10px 25px 0 15px; } .logo-no-click-div-media { float: left; padding: 10px 25px 0 15px; } .logo-img-media { height: 38px; } .sign-in-sign-up-media { display: block; } .header-wiz-navbar-items-div-media { display: block; } .top-nav-btn-div-media { } .top-nav-btn-link-media { height: 60px; line-height: 52px; } .top-nav-span-large-media { font-size: 20px; padding: 0 5px; margin: 0 8px; } .nav-bar-sign-in-button-div-media { margin: 10px 8px 0 8px; } .nav-bar-sign-in-button-purple-media { height: 40px; line-height: 38px; } .avatar-image-account { height: 44px; max-width: 72px; cursor: pointer; } .alias-header-media { height: 60px; line-height: 60px; } .sign-in-sign-up-small-media { display: none; } .submit-interest-div-media { width: 400px; } .footer-inner-media { width: 980px; margin: 0 auto; overflow: auto; } .footer-col1-media { float: left; width: 400px; } .footer-col2-media { float: left; width: 580px; } .footer-col2-subcol1-media { float: left; width: 370px; overflow: auto; } .footer-col2-subcol2-media { float: right; width: 152px; overflow: auto; } .footer-col2-subcol2-1-media { float: left; } .footer-col2-subcol2-2-media { float: left; } .gc-main-content-simple-media { height: calc(100vh - 66px); } .login-main-content-div-media { width: 520px; padding: 50px 50px 25px 50px; margin: 120px auto; } .login-box-outer-media, .register-box-outer-media, .forgot-password-outer-media, .reset-password-outer-media { margin: 40px auto 0 auto; } .sign-up-box-outer-media { margin: 20px auto 0 auto; } .sign-up-box-outer-bottom-media { margin: 20px auto 10px auto; } .notification-page-main-media { width: 960px; } .notification-content-div-width { width: 800px; } .notification-content-popup-dimensions { width: 320px; } .notification-panel-media { max-height: 360px; } } @media screen and (max-width: 999px) and (min-width: 800px) { .settings-change-main-div-media { margin: 10px 0; } .myriad-page-main-div-media { flex-direction: column; } .myriad-page-left-div-media { width: 98%; padding: 0; } .myrisk-page-left-div-media { width: 100%; padding: 10px 0 0 0; } .myrisk-bottom-logo-img-media { width: 340px; margin: 20px 20px 10px 0; } .chat-bot-text-area-media { width: calc(100% - 150px); } .chat-bot-btn-media { margin: 0 0 0 25px; } .chat-bot-header-inner-media { font-size: 20px; } .claims-main-div-media { width: 620px; } .claims-page-filters-section-media { border-bottom: solid 1px #ccc; margin: 10px auto 0 auto; } .claims-page-results-section-media { margin: 0 auto; text-align: center; } .claims-page-chart-div-media { width: 600px; height: 400px; padding: 0 0 0 140px; } .gc-setting-main-div-media { width: 600px; margin: 0 auto; } .proactive-page-info-div-media { width: 642px; } .proactive-checkout-col-div-media { margin: 0 10px 20px 10px; } .proactive-page-hint-div-media { width: 600px; } .proactive-feature-cell-media { width: 100%; } .mygenerank-page-hint-div-media { width: 600px; } .mygenerank-register-box-outer-media { margin: 40px auto 0 auto; } .chat-timestamp-and-ai-voice-div-media { min-width: 320px; } .chat-audio-ctrl-media { min-width: 320px; max-width: 320px; } .chat-video-ctrl-media { max-height: 300px; max-width: 400px; } .snap-chat-image-div-media { max-width: 320px; } .payment-window-top-media { width: 600px; position: relative; } .payment-institution-code-input-div-top-media { width: 280px; float: left; margin: 0; } .payment-institution-code-input-top-media { width: 280px; } .stripe-input-div-top-media { float: left; } .chat-payment-hint-top-media { width: 580px; top: 250px; } .payment-input-top-media { width: 274px; } .default-ui-left-pane-media { float: left; width: 290px; height: 400px; display: block; } .default-ui-left-pane-short-media { float: left; width: 290px; height: 360px; display: block; } .default-ui-generic-pane-media { float: left; width: 290px; height: 300px; display: block; } .healthcare-page-img-media { display: block; float: right; margin: 0; width: 40%; } .main-content-simple-width-media { width: 640px; } .gc-portal-table-rows-small-cut-div-media { display: none; } .gc-portal-div-webflow-media { width: calc(100% - 40px); } .gc-portal-export-div-media { width: 600px; } .gc-portal-div-webflow-media { width: calc(100% - 10px); max-width: 1800px; } .gc-portal-table-rows-media { display: block; width: calc(100% - 10px); max-width: 1800px; } .gc-portal-cell1-media { width: calc((100% - 32px) / 6); } .gc-portal-cell2-media { width: calc((100% - 32px) / 6); } .gc-portal-cell3-media { width: calc((100% - 32px) / 6); } .gc-portal-cell4-media { width: calc((100% - 32px) / 6); } .gc-portal-cell5-media { width: calc((100% - 32px) / 6); } .gc-portal-cell5-covid-media { width: calc((100% - 32px) / 6); } .gc-portal-cell6-media { width: calc((100% - 32px) / 6); } .gc-portal-cell7-media { width: 32px; } .gc-portal-paging-div-outer-media { width: calc(100% - 30px); max-width: 1800px; } .gc-main-content-width-media { padding-left: 170px; } .gc-left-nav-div-media { display: block; width: 170px; margin-top: 46px; } .gc-portal-left-nav-img-media { margin: 0 10px 0 10px; } .client-footer-main-media { padding-left: 170px; } .gc-top-nav-div-media { display: none; } .embed-video-outer-div-media { width: 498px; margin: 10px auto 0 auto; text-align: center; } .embed-video-title-media { width: 100%; margin: 0 auto 20px auto; } .embed-video-iframe-div-media { width: 498px; height: 280px; } .embed-video-iframe-media { width: 498px; height: 280px; } .wiz-image1-media { width: 80%; } .labs-wiz-pane1-div1-media, .orgs-wiz-pane1-div1-media, .inds-wiz-pane1-div1-media, .proactive-wiz-pane1-div1-media { width: 760px; padding: 0; margin: 0 auto; overflow: hidden; display: flex; justify-content: center; align-items: center; } .proactive-wiz-pane1-div1-media { background: url('/images/proactive-header-big.png') no-repeat top right -245px; height: 294px; } .company-wiz1-fontsize-media { font-size: 31px; } .labs-wiz-right-div-media, .orgs-wiz-right-div-media, .inds-wiz-right-div-media, .proactive-wiz-right-div-media { width: 45%; margin: 0; float: left; } .company-wiz-right-div-media { margin: 0; float: left; background: url('/images/company.png') no-repeat center center; background-size: cover; width: 40%; height: 340px; } .labs-wiz-left-div-media, .orgs-wiz-left-div-media, .inds-wiz-left-div-media, .proactive-wiz-left-div-media, .company-wiz-left-div-media { margin: 0; float: left; width: 55%; text-align: left; color: #fff; line-height: 44px; padding: 0 10px 0 30px; } .company-wiz-left-div-media { width: 60%; padding: 0 10px 0 0; } .proactive-wiz-left-div-media { width: 70%; padding: 0 10px 0 5px; } .proactive-wiz-right-div-media { width: 30%; } .lab-wiz-image1-media, .orgs-wiz-image1-media { width: 80%; box-shadow: 10px 0 25px rgba(0, 0, 0, 0.2); } .inds-wiz-image1-media { display: none; } .inds-wiz-image2-media { display: block; width: 98%; } .inds-wiz-image3-media { display: none; } .labs-wiz-pane2-div1-media { width: 780px; padding: 0; margin: 0 auto; overflow: visible; display: flex; justify-content: center; align-items: center; } .pricing-low-media, .pricing-medium-media, .pricing-high-media { float: left; margin: 0; padding: 0; overflow: visible; width: 210px; z-index: 50; font-size: 16px; } .pricing-medium-media { width: 234px; z-index: 90; } .pricing-table-header-row-media, .pricing-low-table-media, .pricing-medium-table-media, .pricing-high-table-media { float: left; margin: 0; overflow: visible; width: 216px; height: auto; } .pricing-table-header-row-media { width: 126px; padding: 10px 5px 10px 0; } .pricing-medium-table-media { width: 222px; } .labs-pricing-table-main-div-media { font-size: 16px; display: block; } .labs-pricing-inline-div-media { display: none; } .pricing-footnote-div-media { width: 778px; margin: 40px auto 0 auto; text-align: left; } .lab-services-img-div-media, .inds-benefits-img-div-media { float: left; width: 33%; } .inds-benefits-img-div-media { padding: 0 20px; } .labs-service-hint2-media { width: 600px; margin: 0 auto 20px auto; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; padding: 30px 0; color: #000; text-align: center; } .labs-service-col1-media { float: left; width: 390px; height: 394px; margin: 0 0px 40px 0; background: url('/images/GeneticCounselor.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -30px; } .labs-service-col2-media { float: left; width: 380px; overflow: visible; border: solid 1px transparent; margin: 0 auto 30px auto; } .lab-gcs-img-div-media { float: left; width: 20%; } .lab-features-outer-pane-media, .proactive-features-outer-pane-media { width: 680px; margin: 0 auto; text-align: left; padding: 0 0 60px 0; } .proactive-features-outer-pane-media { width: 760px; padding: 0 0 20px 0; } .lab-features-col1-media, .lab-features-col2-media { float: left; text-align: left; width: 50%; } .lab-features-col2-media { padding: 0 0 0 20px; } .lab-features-col1-inverted-media, .lab-features-col2-inverted-media { float: right; text-align: left; width: 50%; } .labs-feature-title-padding-media { } .company-leadership-img-div-media, .lab-service-types-img-media { float: left; width: 25%; } .company-leadership-fake-padding-img-div-media { float: left; width: 12.5%; } .orgs-row1-col1-media { float: left; width: 390px; height: 380px; margin: 0 0 0 20px; background: url('/images/Pharmacogenomics.png'); background-size: cover; background-repeat: no-repeat; background-position: -40px -40px; } .orgs-row1-col2-media { float: left; width: 340px; padding: 0 0 40px 10px; } .orgs-row2-col1-media { float: right; width: 380px; padding: 0 10px 40px 10px; } .orgs-row2-col2-media { float: right; width: 390px; height: 340px; margin: 0; background: url('/images/DNATesting.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -40px; } .orgs-row1-col2-hint-media { width: 200px; height: 100px; left: 175px; top: 30px; } .orgs-row2-col2-hint-media { width: 180px; height: 100px; left: 0px; top: 30px; } .covid-outer-pane-media, .covid-map-pane-media { width: 640px; margin: 0 auto 40px auto; padding: 0; overflow: hidden; border: solid 1px #553483; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); } .covid-map-pane-media { border: solid 0px transparent; box-shadow: none; } .proactive-pricing-media { float: none; width: 720px; margin: 0 20px 0 0; } .plans-pricing-outer-pane-media { width: 600px; margin: 0 auto 10px auto; padding: 0 0 20px 0; overflow: hidden; } .inds-pricing-outer-pane-media, .inds-how-outer-pane-media, .proactive-pricing-outer-pane-media { width: 780px; margin: 0 auto; text-align: left; padding: 40px 0; overflow: hidden; display: flex; justify-content: center; align-items: baseline; } .proactive-pricing-outer-pane-media { padding: 0 0 40px 0; } .inds-pricing-low-media { float: left; width: 380px; margin: 0 20px 0 0; overflow: hidden; } .inds-pricing-high-media { float: left; width: 360px; background-color: #fff; overflow: hidden; } .inds-how-step1-media { float: left; width: 356px; margin: 0 20px 0 0; } .inds-how-step2-media { float: left; width: 380px; } .inds-how-step2-header-inner-title-media { width: 280px; } .landing-wiz-pane1-div1-media { width: 720px; padding: 0; margin: 30px auto 0 auto; overflow: auto; } .our-philosophy-outer-pane-media, .ai-outer-pane-media, .labs-clinicians-outer-pane-media, .orgs-pricing-outer-pane-media, .company-leadership-outer-pane-media, .service-types-outer-pane-media { width: 780px; margin: 0 auto; text-align: left; padding: 40px 0; } .our-philosophy-title-media { margin: 0 0 20px 0; } .ai-outer-pane-media { padding: 40px 0 80px 0; } .labs-clinicians-outer-pane-media { padding: 40px 0 30px 0; } .company-leadership-outer-pane-media, .service-types-outer-pane-media { padding: 0 0 20px 0; } .provider-col1-media { float: left; width: 390px; height: 394px; margin: 0 0px 40px 0; background: url('/images/provider-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -30px; } .provider-col2-media { float: left; width: 380px; overflow: visible; border: solid 1px transparent; margin: 0 auto 30px auto; } .patient-col1-media { float: right; width: 350px; overflow: visible; border: solid 1px transparent; margin: 0 auto 30px auto; } .patient-col2-media { float: right; width: 390px; height: 380px; margin: 0 0 40px 40px; background: url('/images/patient-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: -30px -30px; } .provider-col1-hint-media { width: 180px; height: 100px; left: 180px; top: 30px; } .patient-col1-hint-media { width: 180px; height: 100px; left: -30px; top: 30px; } .chat-interest-hint-media { line-height: 30px; font-size: 20px; } .wiz-ai-img-div-media { width: 25%; height: 100px; } .how-it-works-outer-pane-media { width: 780px; margin: 40px auto; overflow: auto; } .how-it-works-step1-hint-media, .how-it-works-step2-hint-media, .how-it-works-step3-hint-media { clear: both; width: 500px; height: 500px; margin: 20px auto 0 auto; padding: 0; overflow: auto; border: solid 1px #fff; } .how-it-works-step1-outer-media, .how-it-works-step2-outer-media, .how-it-works-step3-outer-media { margin: 250px auto 0 auto; padding: 10px 20px; } .learn-more-btn-div-media { bottom: 20px; } .landing-wiz-left-div-media, .landing-wiz-right-div-media { width: 50%; margin: 0; float: left; } .landing-wiz-apps-div-media { height: 50px; text-align: center; margin: 40px auto 0 auto; } .landing-wiz-get-started-div-media { width: 270px; margin: 130px auto 0 auto; } .landing-hint1-media { width: 100%; line-height: 38px; font-size: 28px; margin: 10px auto 0 auto; } .landing-hint2-media { line-height: 34px; font-size: 24px; margin: 100px 0 0 0; } .nav-top-padding-media { height: 5px; background-color: #835ebf; } .pick-div-media { margin: 2px 8px 0 0; } .notify-count-outer-div-media { height: 36px; margin: 3px 10px 0 0; } .menu-small-div-media { width: 100%; } .header-action-div-media { width: 100%; margin: 0 auto; height: 40px; } .header-div-outer-media { height: 46px; position: fixed; top: 0; left: 0; z-index: 100; } .header-wiz-div-outer-media { height: 40px; position: fixed; top: 0; left: 0; z-index: 100; } .header-wiz-div-outer-fake-media { height: 40px; display: block; } .header-div-outer-fake-media { height: 46px; display: block; } .header-div-inner-media { height: 40px; } .sign-in-sign-up-media { display: block; } .header-wiz-navbar-items-div-media { display: block; } .logo-div-media { cursor: pointer; float: left; padding: 3px 5px 0 10px; } .logo-no-click-div-media { float: left; padding: 3px 5px 0 10px; } .logo-img-media { height: 32px; } .top-nav-btn-div-media { } .top-nav-btn-link-media { height: 40px; line-height: 32px; padding: 0; } .top-nav-span-large-media { font-size: 16px; padding: 0 5px; margin: 0 3px; } .nav-bar-sign-in-button-div-media { margin: 2px 6px 0 6px; } .nav-bar-sign-in-button-purple-media { height: 36px; line-height: 32px; } .avatar-image-account { height: 36px; max-width: 50px; cursor: pointer; } .alias-header-media { height: 40px; line-height: 40px; } .sign-in-sign-up-small-media { display: none; } .submit-interest-div-media { width: 300px; } .footer-inner-media { width: 780px; margin: 0 auto; overflow: auto; } .footer-col1-media { float: left; width: 390px; } .footer-col2-media { float: left; width: 380px; } .footer-col2-subcol1-media { clear: both; width: 380px; overflow: auto; } .footer-col2-subcol2-media { clear: both; width: 380px; overflow: auto; margin: 8px 0 0 0; } .footer-col2-subcol2-1-media { float: left; width: 50%; } .footer-col2-subcol2-2-media { float: left; width: 50%; } .gc-main-content-simple-media { height: calc(100vh - 46px); } .login-main-content-div-media { width: 480px; padding: 40px 40px 20px 40px; margin: 120px auto; } .login-box-outer-media, .register-box-outer-media, .forgot-password-outer-media, .reset-password-outer-media { margin: 30px auto 0 auto; } .sign-up-box-outer-media { margin: 20px auto 0 auto; } .sign-up-box-outer-bottom-media { margin: 20px auto 10px auto; } .notification-page-main-media { width: 640px; } .notification-content-div-width { width: 500px; } .notification-content-popup-dimensions { width: 320px; } .notification-panel-media { max-height: 360px; } } @media screen and (max-width: 799px) and (min-width: 600px) { .settings-change-main-div-media { margin: 10px 0; } .myriad-page-main-div-media { flex-direction: column; } .myriad-page-left-div-media { width: 98%; padding: 0; } .myrisk-page-left-div-media { width: 100%; padding: 10px 0 0 0; } .myrisk-bottom-logo-img-media { display: block; width: 400px; margin: 20px auto 10px auto; } .chat-bot-text-area-media { width: calc(100% - 150px); } .chat-bot-btn-media { margin: 0 0 0 25px; } .chat-bot-header-inner-media { font-size: 18px; } .claims-main-div-media { width: 580px; } .claims-page-filters-section-media { border-bottom: solid 1px #ccc; margin: 10px auto 0 auto; } .claims-page-results-section-media { margin: 0 auto; text-align: center; } .claims-page-chart-div-media { width: 560px; height: 420px; padding: 0 0 0 60px; margin: 0 auto; } .gc-setting-main-div-media { width: 300px; margin: 0 auto; } .proactive-page-info-div-media { width: 321px; } .proactive-checkout-col-div-media { margin: 0 10px 20px 10px; } .proactive-page-hint-div-media { width: 580px; } .proactive-feature-cell-media { margin: 0 auto; overflow: hidden; width: 80%; } .mygenerank-page-hint-div-media { width: 580px; } .mygenerank-register-box-outer-media { margin: 40px auto 0 auto; } .chat-timestamp-and-ai-voice-div-media { min-width: 300px; } .chat-audio-ctrl-media { min-width: 300px; max-width: 300px; } .chat-video-ctrl-media { max-height: 300px; max-width: 400px; } .snap-chat-image-div-media { max-width: 300px; } .payment-window-top-media { width: 560px; position: relative; } .payment-institution-code-input-div-top-media { width: 260px; float: left; margin: 0; } .payment-institution-code-input-top-media { width: 260px; } .stripe-input-div-top-media { float: left; } .chat-payment-hint-top-media { width: 540px; top: 250px; } .payment-input-top-media { width: 234px; } .default-ui-left-pane-media { float: left; width: 290px; height: 400px; display: block; } .default-ui-left-pane-short-media { float: left; width: 290px; height: 360px; display: block; } .default-ui-generic-pane-media { float: left; width: 290px; height: 300px; display: block; } .healthcare-page-img-media { display: block; float: right; margin: 0; width: 40%; } .main-content-simple-width-media { width: 94%; } .gc-portal-table-rows-small-cut-div-media { display: block; } .gc-portal-div-webflow-media { width: calc(100% - 40px); } .gc-portal-export-div-media { width: 300px; } .gc-portal-div-webflow-media { display: none; } .gc-portal-table-rows-media { display: none; } .gc-portal-cell1-media, .gc-portal-cell2-media, .gc-portal-cell3-media, .gc-portal-cell4-media, .gc-portal-cell5-media, .gc-portal-cell6-media, .gc-portal-cell5-covid-media { display: none; } .gc-portal-paging-div-outer-media { width: calc(100% - 20px); max-width: 1800px; } .gc-main-content-width-media { width: 94%; } .gc-left-nav-div-media { display: none; } .client-footer-main-media { padding-left: 0px; } .gc-top-nav-div-media { display: block; } .embed-video-outer-div-media { width: 498px; max-width: 100%; margin: 10px auto 0 auto; text-align: center; } .embed-video-title-media { width: 100%; margin: 0 auto 20px auto; } .embed-video-iframe-div-media { width: 498px; max-width: 100%; height: 280px; margin: 0 auto; } .embed-video-iframe-media { width: 498px; max-width: 100%; height: 280px; } .wiz-image1-media { width: 60%; } .labs-wiz-pane1-div1-media, .orgs-wiz-pane1-div1-media, .inds-wiz-pane1-div1-media, .proactive-wiz-pane1-div1-media { padding: 0; margin: 0 auto; text-align: center; } .company-wiz1-fontsize-media { } .labs-wiz-right-div-media, .orgs-wiz-right-div-media, .inds-wiz-right-div-media, .proactive-wiz-right-div-media, .company-wiz-right-div-media { float: none; margin: 0 auto; padding: 0; text-align: center; } .company-wiz-right-div-media { padding: 0 0 50px 0; background: url('/images/company.png') no-repeat center center; background-size: contain; height: 450px; } .labs-wiz-left-div-media, .orgs-wiz-left-div-media, .inds-wiz-left-div-media, .proactive-wiz-left-div-media, .company-wiz-left-div-media { text-align: left; color: #fff; line-height: 44px; padding: 40px; } .proactive-wiz-left-div-media { width: 100%; padding: 20px 20px 0 20px; } .proactive-wiz-right-div-media { width: 100%; margin: 0; background: url('/images/proactive-header-big.png') no-repeat bottom center; background-size: contain; height: 260px; } .lab-wiz-image1-media, .orgs-wiz-image1-media { width: 78%; box-shadow: 15px 0 35px rgba(0, 0, 0, 0.2); margin: 0 auto; } .inds-wiz-image1-media { display: none; } .inds-wiz-image2-media { display: none; } .inds-wiz-image3-media { display: block; width: 80%; margin: 0 auto; } .labs-wiz-pane2-div1-media { clear: both; width: 100%; padding: 0; margin: 0 auto; overflow: visible; text-align: center; } .pricing-low-media, .pricing-medium-media, .pricing-high-media { clear: both; float: none; margin: 0 auto; padding: 0 0 30px 0; width: 70%; font-size: 18px; } .pricing-medium-media { width: 72%; margin: 40px auto; } .labs-pricing-table-main-div-media { display: none; } .labs-pricing-inline-div-media { display: block; } .pricing-footnote-div-media { width: 70%; margin: 40px auto 0 auto; text-align: left; } .lab-services-img-div-media { float: left; width: 33%; } .inds-benefits-img-div-media { clear: both; float: none; width: 90%; margin: 50px auto; } .labs-service-hint2-media { width: 500px; margin: 0 auto 20px auto; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; padding: 30px 0; color: #000; text-align: center; } .labs-service-col1-media { float: none; width: 100%; height: 520px; margin: 0px auto 20px auto; background: url('/images/GeneticCounselor.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -40px; } .labs-service-col2-media { float: none; width: 100%; margin: 0 auto 40px auto; overflow: visible; border: solid 1px transparent; padding: 0 40px; } .lab-gcs-img-div-media { float: left; width: 33%; } .lab-features-outer-pane-media, .proactive-features-outer-pane-media { width: 580px; margin: 0 auto; text-align: left; padding: 0 0 60px 0; } .lab-features-col1-media, .lab-features-col2-media { float: left; text-align: left; width: 50%; } .lab-features-col2-media { padding: 0 0 0 15px; } .lab-features-col1-inverted-media, .lab-features-col2-inverted-media { float: right; text-align: left; width: 50%; } .lab-features-col2-inverted-media { padding: 0 0 0 15px; } .labs-feature-title-padding-media { } .company-leadership-img-div-media, .lab-service-types-img-media { float: none; width: 60%; margin-bottom: 40px; } .company-leadership-fake-padding-img-div-media { display: none; } .orgs-row1-col1-media { float: none; width: 100%; height: 420px; margin: 0px auto; background: url('/images/Pharmacogenomics.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -40px; } .orgs-row1-col2-media { float: none; width: 100%; margin: 0 auto 40px auto; overflow: visible; border: solid 1px transparent; padding: 0 40px; } .orgs-row2-col1-media { float: none; width: 100%; margin: 0 auto 40px auto; overflow: visible; border: solid 1px transparent; padding: 0 40px; } .orgs-row2-col2-media { float: none; width: 100%; height: 420px; margin: 0px auto; background: url('/images/DNATesting.png'); background-size: cover; background-repeat: no-repeat; background-position: -10px -40px; } .orgs-row1-col2-hint-media { width: 200px; height: 100px; left: 330px; top: 30px; } .orgs-row2-col2-hint-media { width: 180px; height: 100px; left: 0px; top: 30px; } .covid-outer-pane-media, .covid-map-pane-media { width: 98%; margin: 0 auto 40px auto; padding: 0; overflow: hidden; border: solid 1px #553483; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); } .covid-map-pane-media { border: solid 0px transparent; box-shadow: none; } .proactive-pricing-media { float: none; width: 520px; margin: 0 auto 40px auto; } .plans-pricing-outer-pane-media { width: 560px; margin: 0 auto 10px auto; padding: 0 0 20px 0; overflow: hidden; } .inds-pricing-outer-pane-media, .inds-how-outer-pane-media, .proactive-pricing-outer-pane-media { width: 580px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; } .inds-pricing-low-media { float: none; width: 480px; margin: 0 auto 40px auto; overflow: hidden; } .inds-pricing-high-media { float: none; width: 480px; margin: 0 auto 40px auto; background-color: #fff; overflow: hidden; } .inds-how-step1-media { float: none; width: 480px; margin: 0 auto 80px auto; } .inds-how-step2-media { float: none; width: 480px; margin: 0 auto 20px auto; } .inds-how-step2-header-inner-title-media { width: 300px; } .landing-wiz-pane1-div1-media { width: 100%; padding: 0; margin: 0 auto; text-align: center; } .our-philosophy-outer-pane-media, .ai-outer-pane-media, .labs-clinicians-outer-pane-media, .orgs-pricing-outer-pane-media, .company-leadership-outer-pane-media, .service-types-outer-pane-media { width: 580px; margin: 0 auto; text-align: left; padding: 40px 0; } .our-philosophy-title-media { margin: 0 0 20px 0; } .ai-outer-pane-media { padding: 40px 0 80px 0; } .labs-clinicians-outer-pane-media { padding: 40px 0 30px 0; } .company-leadership-outer-pane-media, .service-types-outer-pane-media { padding: 0 0 20px 0; } .provider-col1-media { float: none; width: 100%; height: 520px; margin: 0px auto 20px auto; background: url('/images/provider-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -40px; } .provider-col2-media { float: none; width: 100%; margin: 0 auto 40px auto; overflow: visible; border: solid 1px transparent; padding: 0 40px; } .patient-col1-media { float: none; width: 100%; margin: 0 auto 40px auto; overflow: visible; border: solid 1px transparent; padding: 0 40px; } .patient-col2-media { float: none; width: 100%; height: 520px; margin: 0px auto 20px auto; background: url('/images/patient-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: -10px -40px; } .provider-col1-hint-media { width: 180px; height: 100px; left: 350px; top: 30px; } .patient-col1-hint-media { width: 180px; height: 100px; top: 30px; } .chat-interest-hint-media { line-height: 30px; font-size: 20px; } .wiz-ai-img-div-media { width: 25%; height: 100px; } .how-it-works-outer-pane-media { width: 96%; margin: 20px auto; overflow: auto; } .how-it-works-step1-hint-media, .how-it-works-step2-hint-media, .how-it-works-step3-hint-media { clear: both; width: 500px; height: 500px; margin: 20px auto 0 auto; padding: 0; overflow: auto; border: solid 1px #fff; } .how-it-works-step1-outer-media, .how-it-works-step2-outer-media, .how-it-works-step3-outer-media { margin: 250px auto 0 auto; padding: 10px 20px; } .learn-more-btn-div-media { bottom: 20px; } .landing-wiz-left-div-media, .landing-wiz-right-div-media { width: 100%; margin: 0 auto; text-align: center; } .landing-wiz-apps-div-media { width: 300px; height: 43px; text-align: center; margin: 40px auto 0 auto; } .landing-wiz-get-started-div-media { width: 100%; margin: 50px auto 0 auto; text-align: center; } .landing-hint1-media { width: 96%; line-height: 38px; font-size: 32px; text-align: center; margin: 30px auto; } .landing-hint2-media { width: 95%; line-height: 34px; font-size: 24px; margin: 20px auto 0 auto; } .nav-top-padding-media { display: none; } .pick-div-media { margin: 2px 4px 0 0; } .notify-count-outer-div-media { height: 36px; margin: 3px 4px 0 0; } .menu-small-div-media { width: 100%; padding: 20px 0 30px 0; } .header-action-div-media { width: 100%; margin: 0 auto; height: 40px; } .header-div-outer-media { height: 41px; } .header-wiz-div-outer-media { height: 40px; position: fixed; top: 0; left: 0; z-index: 100; } .header-wiz-div-outer-fake-media { height: 40px; display: block; } .header-div-outer-fake-media { height: 41px; display: none; } .header-div-inner-media { height: 40px; } .sign-in-sign-up-media { display: none; } .header-wiz-navbar-items-div-media { display: none; } .logo-div-media { cursor: pointer; float: left; padding: 3px 0 0 10px; } .logo-no-click-div-media { float: left; padding: 3px 0 0 10px; } .logo-img-media { height: 32px; } .top-nav-btn-div-media { display: none; } .top-nav-btn-link-media { height: 38px; padding: 0; } .top-nav-span-large-media { font-size: 14px; } .nav-bar-sign-in-button-div-media { margin: 2px 6px 0 6px; } .nav-bar-sign-in-button-purple-media { height: 36px; line-height: 32px; } .avatar-image-account { height: 36px; max-width: 50px; cursor: pointer; } .alias-header-media { height: 40px; line-height: 38px; } .sign-in-sign-up-small-media { width: 36px; height: 32px; margin: 3px 4px 0 0; display: block; cursor: pointer; border: solid 1px #f1f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sign-in-sign-up-small-media:hover { border: solid 1px #e1e0e0; } .submit-interest-div-media { width: 300px; } .footer-inner-media { width: 580px; margin: 0 auto; overflow: auto; } .footer-col1-media { float: left; width: 284px; } .footer-col2-media { float: left; width: 296px; } .footer-col2-subcol1-media { clear: both; width: 292px; overflow: auto; } .footer-col2-subcol2-media { clear: both; width: 292px; overflow: auto; margin: 8px 0 0 0; } .footer-col2-subcol2-1-media { float: left; width: 50%; } .footer-col2-subcol2-2-media { float: left; width: 50%; } .gc-main-content-simple-media { height: calc(100vh - 41px); } .login-main-content-div-media { width: 460px; padding: 40px 40px 20px 40px; margin: 100px auto; } .login-box-outer-media, .register-box-outer-media, .forgot-password-outer-media, .reset-password-outer-media { margin: 10px auto 0 auto; } .sign-up-box-outer-media { margin: 10px auto 50px auto; } .sign-up-box-outer-bottom-media { margin: 20px auto 10px auto; } .notification-page-main-media { width: 94%; } .notification-content-div-width { width: 78%; } .notification-content-popup-dimensions { width: 200px; } .notification-panel-media { max-height: 285px; } } @media screen and (max-width: 599px) { .settings-change-main-div-media { margin: 10px 0; } .myriad-page-main-div-media { flex-direction: column; } .myriad-page-left-div-media { width: 98%; padding: 0; } .myrisk-page-left-div-media { width: 100%; padding: 10px 0 0 0; } .myrisk-bottom-logo-img-media { display: block; width: 100%; max-width: 320px; margin: 20px auto 10px auto; } .chat-bot-text-area-media { width: calc(100% - 150px); } .chat-bot-btn-media { margin: 0 0 0 25px; } .chat-bot-header-inner-media { font-size: 18px; } .claims-main-div-media { width: 320px; } .claims-page-filters-section-media { border-bottom: solid 1px #ccc; margin: 10px auto 0 auto; } .claims-page-results-section-media { margin: 0 auto; text-align: center; } .claims-page-chart-div-media { width: 320px; height: 380px; padding: 0; margin: 0 auto; } .gc-setting-main-div-media { width: 300px; margin: 0 auto; } .proactive-page-info-div-media { width: 300px; } .proactive-checkout-col-div-media { margin: 0 0 20px 0; } .proactive-page-hint-div-media { width: 300px; } .proactive-feature-cell-media { margin: 0 auto; overflow: hidden; width: 95%; } .mygenerank-page-hint-div-media { width: 300px; } .mygenerank-register-box-outer-media { margin: 40px auto 0 auto; } .chat-timestamp-and-ai-voice-div-media { min-width: 220px; } .chat-audio-ctrl-media { min-width: 180px; max-width: 180px; } .chat-video-ctrl-media { max-height: 160px; max-width: 100%; } .snap-chat-image-div-media { max-width: 215px; } .payment-window-top-media { width: 315px; position: relative; } .payment-institution-code-input-div-top-media { width: 117px; float: left; margin: 0; } .payment-institution-code-input-top-media { width: 117px; } .stripe-input-div-top-media { float: left; } .chat-payment-hint-top-media { width: 295px; top: 500px; } .payment-input-top-media { width: 295px; } .default-ui-left-pane-media, .default-ui-left-pane-short-media { float: none; width: 100%; display: table-footer-group; } .default-ui-generic-pane-media { border: solid 1px #f0f0f0; float: left; width: 100%; display: block; } .healthcare-page-img-media { display: none; } .main-content-simple-width-media { width: 94%; } .gc-portal-table-rows-small-cut-div-media { display: block; } .gc-portal-div-webflow-media { width: calc(100% - 4px); } .gc-portal-export-div-media { width: 300px; } .gc-portal-div-webflow-media { display: none; } .gc-portal-table-rows-media { display: none; } .gc-portal-cell1-media, .gc-portal-cell2-media, .gc-portal-cell3-media, .gc-portal-cell4-media, .gc-portal-cell5-media, .gc-portal-cell6-media, .gc-portal-cell5-covid-media { display: none; } .gc-portal-paging-div-outer-media { width: calc(100% - 20px); max-width: 1800px; } .gc-main-content-width-media { width: 94%; } .gc-left-nav-div-media { display: none; } .client-footer-main-media { padding-left: 0px; } .gc-top-nav-div-media { display: block; } .embed-video-outer-div-media { width: 300px; margin: 10px auto 0 auto; text-align: center; } .embed-video-title-media { width: 100%; margin: 0 auto 20px auto; } .embed-video-iframe-div-media { width: 300px; height: 169px; margin: 0 auto; } .embed-video-iframe-media { width: 300px; height: 169px; } .wiz-image1-media { width: 60%; } .labs-wiz-pane1-div1-media, .orgs-wiz-pane1-div1-media, .inds-wiz-pane1-div1-media, .proactive-wiz-pane1-div1-media { padding: 0; margin: 0 auto; text-align: center; } .company-wiz1-fontsize-media { } .labs-wiz-right-div-media, .orgs-wiz-right-div-media, .inds-wiz-right-div-media, .proactive-wiz-right-div-media, .company-wiz-right-div-media { float: none; margin: 0 auto; padding: 0; text-align: center; } .company-wiz-right-div-media { padding: 0 0 50px 0; background: url('/images/company.png') no-repeat center center; background-size: contain; height: 400px; } .labs-wiz-left-div-media, .orgs-wiz-left-div-media, .inds-wiz-left-div-media, .proactive-wiz-left-div-media, .company-wiz-left-div-media { text-align: left; color: #fff; line-height: 44px; padding: 40px; } .proactive-wiz-left-div-media { width: 100%; padding: 20px 20px 0 20px; } .proactive-wiz-right-div-media { width: 100%; margin: 0; background: url('/images/proactive-header-big.png') no-repeat bottom center; background-size: contain; height: 230px; } .lab-wiz-image1-media, .orgs-wiz-image1-media { width: 78%; box-shadow: 15px 0 35px rgba(0, 0, 0, 0.2); margin: 0 auto; } .inds-wiz-image1-media { display: none; } .inds-wiz-image2-media { display: none; } .inds-wiz-image3-media { display: block; width: 80%; margin: 0 auto; } .labs-wiz-pane2-div1-media { clear: both; width: 100%; padding: 0; margin: 0 auto; overflow: visible; text-align: center; } .pricing-low-media, .pricing-medium-media, .pricing-high-media { clear: both; float: none; margin: 0 auto; padding: 0 0 30px 0; width: 92%; font-size: 18px; } .pricing-medium-media { width: 95%; margin: 40px auto; } .labs-pricing-table-main-div-media { display: none; } .labs-pricing-inline-div-media { display: block; } .pricing-footnote-div-media { width: 70%; margin: 40px auto 0 auto; text-align: left; } .lab-services-img-div-media, .inds-benefits-img-div-media { clear: both; float: none; width: 90%; margin: 50px auto; } .labs-service-hint2-media { width: 300px; margin: 0 auto 20px auto; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; padding: 30px 0; color: #000; text-align: center; } .labs-service-col1-media { float: none; width: 90%; padding-top: 82%; margin: 0px auto; background: url('/images/GeneticCounselor.png'); background-size: cover; background-repeat: no-repeat; background-position: -30px -30px; } .labs-service-col2-media { float: none; width: 90%; margin: 0 auto 30px auto; overflow: visible; border: solid 1px transparent; padding: 0; } .lab-gcs-img-div-media { float: left; width: 50%; } .lab-features-outer-pane-media, .proactive-features-outer-pane-media { clear: both; width: 80%; margin: 0 auto; text-align: left; padding: 0 0 60px 0; } .lab-features-col1-media, .lab-features-col2-media { float: left; text-align: left; width: 100%; } .lab-features-col2-media { padding: 0 0 0 20px; } .lab-features-col1-inverted-media, .lab-features-col2-inverted-media { float: right; text-align: left; width: 100%; } .labs-feature-title-padding-media { padding-top: 30px; } .company-leadership-img-div-media, .lab-service-types-img-media { float: none; width: 60%; margin-bottom: 40px; } .company-leadership-fake-padding-img-div-media { display: none; } .orgs-row1-col1-media { float: none; width: 90%; padding-top: 65%; margin: 0px auto; background: url('/images/Pharmacogenomics.png'); background-size: cover; background-repeat: no-repeat; background-position: -30px -30px; } .orgs-row1-col2-media { float: none; width: 90%; margin: 0 auto 40px auto; overflow: visible; border: solid 1px transparent; padding: 0; } .orgs-row2-col1-media { float: none; width: 90%; margin: 0 auto 40px auto; overflow: visible; border: solid 1px transparent; padding: 0; } .orgs-row2-col2-media { float: none; width: 90%; padding-top: 65%; margin: 0px auto; background: url('/images/DNATesting.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -30px; } .orgs-row1-col2-hint-media { width: 200px; height: 100px; float: right; margin: -65% 60px 0 0; } .orgs-row2-col2-hint-media { width: 180px; height: 100px; margin: -65% 50px 0 0; } .covid-outer-pane-media, .covid-map-pane-media { width: 98%; margin: 0 auto 40px auto; padding: 0; overflow: hidden; border: solid 1px #553483; box-shadow: 0px 3px 15px rgba(0,0,0,0.2); } .covid-map-pane-media { border: solid 0px transparent; box-shadow: none; } .proactive-pricing-media { float: none; width: 320px; margin: 0 auto 40px auto; } .plans-pricing-outer-pane-media { width: 280px; margin: 0 auto 10px auto; padding: 0 0 20px 0; overflow: hidden; } .inds-pricing-outer-pane-media, .inds-how-outer-pane-media, .proactive-pricing-outer-pane-media { width: 96%; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; } .inds-pricing-low-media { float: none; width: 320px; margin: 0 auto 40px auto; overflow: hidden; } .inds-pricing-high-media { float: none; width: 320px; margin: 0 auto 40px auto; background-color: #fff; overflow: hidden; } .inds-how-step1-media { float: none; width: 320px; margin: 0 auto 80px auto; } .inds-how-step2-media { float: none; width: 320px; margin: 0 auto 20px auto; } .inds-how-step2-header-inner-title-media { width: 220px; } .landing-wiz-pane1-div1-media { width: 100%; padding: 0; margin: 0 auto; text-align: center; } .our-philosophy-outer-pane-media, .ai-outer-pane-media, .labs-clinicians-outer-pane-media, .orgs-pricing-outer-pane-media, .company-leadership-outer-pane-media, .service-types-outer-pane-media { width: 96%; margin: 0 auto; text-align: left; padding: 30px 0; } .our-philosophy-title-media { margin: 20px 0 20px 0; } .ai-outer-pane-media { padding: 40px 0 30px 0; width: 96%; } .labs-clinicians-outer-pane-media { padding: 40px 0 30px 0; } .company-leadership-outer-pane-media, .service-types-outer-pane-media { padding: 0 0 20px 0; } .provider-col1-media { float: none; width: 90%; padding-top: 82%; margin: 0px auto; background: url('/images/provider-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: -30px -30px; } .provider-col2-media { float: none; width: 90%; margin: 0 auto 30px auto; overflow: visible; border: solid 1px transparent; padding: 0; } .patient-col1-media { float: none; width: 90%; margin: 0 auto 30px auto; overflow: visible; border: solid 1px transparent; padding: 0; } .patient-col2-media { float: none; width: 90%; padding-top: 82%; margin: 0px auto; background: url('/images/patient-bg.png'); background-size: cover; background-repeat: no-repeat; background-position: 0% -30px; } .provider-col1-hint-media { width: 180px; height: 100px; float: right; margin: -80% 50px 0 0; } .patient-col1-hint-media { width: 180px; height: 100px; margin: -80% 50px 0 0; } .chat-interest-hint-media { line-height: 30px; font-size: 20px; } .wiz-ai-img-div-media { height: 140px; width: 50%; } .how-it-works-outer-pane-media { width: 96%; margin: 20px auto; overflow: auto; } .how-it-works-step1-hint-media, .how-it-works-step2-hint-media, .how-it-works-step3-hint-media { clear: both; width: 300px; height: 300px; margin: 10px auto 0 auto; padding: 0; overflow: auto; border: solid 1px #fff; } .how-it-works-step1-outer-media, .how-it-works-step2-outer-media, .how-it-works-step3-outer-media { margin: 60px auto 0 auto; padding: 4px 10px 0 10px; } .how-it-works-step2-outer-media { margin: 30px auto 0 auto; } .how-it-works-step3-outer-media { margin: 30px auto 0 auto; } .learn-more-btn-div-media { bottom: 10px; } .landing-wiz-left-div-media, .landing-wiz-right-div-media { width: 100%; margin: 0 auto; text-align: center; } .landing-wiz-apps-div-media { width: 300px; height: 43px; text-align: center; margin: 40px auto 0 auto; } .landing-wiz-get-started-div-media { width: 100%; margin: 50px auto 0 auto; text-align: center; } .landing-hint1-media { width: 96%; line-height: 38px; font-size: 32px; text-align: center; margin: 30px auto; } .landing-hint2-media { width: 95%; line-height: 34px; font-size: 24px; margin: 20px auto 0 auto; } .nav-top-padding-media { display: none; } .pick-div-media { margin: 2px 8px 0 0; } .notify-count-outer-div-media { height: 36px; margin: 3px 4px 0 0; } .menu-small-div-media { width: 100%; padding: 20px 0 30px 0; } .header-action-div-media { width: 100%; margin: 0 auto; height: 40px; } .header-div-outer-media { height: 41px; } .header-wiz-div-outer-media { height: 40px; position: fixed; top: 0; left: 0; z-index: 100; } .header-wiz-div-outer-fake-media { height: 40px; display: block; } .header-div-outer-fake-media { height: 41px; display: none; } .header-div-inner-media { height: 40px; } .sign-in-sign-up-media { display: none; } .header-wiz-navbar-items-div-media { display: none; } .logo-div-media { cursor: pointer; float: left; padding: 3px 0 0 10px; } .logo-no-click-div-media { float: left; padding: 3px 0 0 10px; } .logo-img-media { height: 32px; } .top-nav-btn-div-media { display: none; } .top-nav-btn-link-media { height: 38px; padding: 0; } .top-nav-span-large-media { font-size: 14px; } .nav-bar-sign-in-button-div-media { margin: 2px 6px 0 6px; } .nav-bar-sign-in-button-purple-media { height: 36px; line-height: 32px; } .avatar-image-account { height: 36px; max-width: 50px; cursor: pointer; } .alias-header-media { height: 40px; line-height: 38px; } .sign-in-sign-up-small-media { width: 36px; height: 32px; margin: 3px 4px 0 0; display: block; cursor: pointer; border: solid 1px #f1f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .sign-in-sign-up-small-media:hover { border: solid 1px #e1e0e0; } .submit-interest-div-media { width: 300px; } .footer-inner-media { width: 300px; margin: 0 auto; overflow: auto; font-size: 14px; } .footer-col1-media { clear: both; width: 300px; } .footer-col2-media { clear: both; width: 300px; } .footer-col2-subcol1-media { clear: both; width: 292px; overflow: auto; margin: 8px 0 0 0; } .footer-col2-subcol2-media { clear: both; width: 292px; overflow: auto; margin: 8px 0 0 0; } .footer-col2-subcol2-1-media { float: left; width: 50%; } .footer-col2-subcol2-2-media { float: left; width: 50%; } .gc-main-content-simple-media { height: calc(100vh - 41px); } .login-main-content-div-media { width: 340px; padding: 40px 20px 20px 20px; margin: 80px auto; } .login-box-outer-media, .register-box-outer-media, .forgot-password-outer-media, .reset-password-outer-media { margin: 10px auto 0 auto; } .sign-up-box-outer-media { margin: 10px auto 50px auto; } .sign-up-box-outer-bottom-media { margin: 20px auto 10px auto; } .notification-page-main-media { width: 94%; } .notification-content-div-width { width: 75%; } .notification-content-popup-dimensions { width: 200px; } .notification-panel-media { max-height: 285px; } } /*! ======================================================================== * Bootstrap Toggle: bootstrap-toggle.css v2.2.0 * http://www.bootstraptoggle.com * ======================================================================== * Copyright 2014 Min Hur, The New York Times Company * Licensed under MIT * ======================================================================== */ .checkbox label .toggle, .checkbox-inline .toggle { margin-left: -20px; margin-right: 5px; } .toggle { position: relative; overflow: hidden; } .toggle input[type=checkbox] { display: none; } .toggle-group { position: absolute; width: 200%; top: 0; bottom: 0; left: 0; transition: left .35s; -webkit-transition: left .35s; -moz-user-select: none; -webkit-user-select: none; } .toggle.off .toggle-group { left: -100%; } .toggle-on { position: absolute; top: 0; bottom: 0; left: 0; right: 50%; margin: 0; border: 0; border-radius: 0; } .toggle-off { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; margin: 0; border: 0; border-radius: 0; } .toggle-handle { position: relative; margin: 0 auto; padding-top: 0; padding-bottom: 0; height: 100%; width: 0; border-width: 0 1px; } .toggle.btn { min-width: 59px; min-height: 34px; } .toggle-on.btn { padding-right: 24px; } .toggle-off.btn { padding-left: 24px; } .toggle.btn-lg { min-width: 79px; min-height: 45px; } .toggle-on.btn-lg { padding-right: 31px; } .toggle-off.btn-lg { padding-left: 31px; } .toggle-handle.btn-lg { width: 40px; } .toggle.btn-sm { min-width: 50px; min-height: 30px; } .toggle-on.btn-sm { padding-right: 20px; } .toggle-off.btn-sm { padding-left: 20px; } .toggle.btn-xs { min-width: 35px; min-height: 22px; } .toggle-on.btn-xs { padding-right: 12px; } .toggle-off.btn-xs { padding-left: 12px; } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-success { color: #fff; background-color: #553483; border-color: #3f1d6f; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #835ebf; border-color: #821294; } .btn-success:hover { color: #fff; background-color: #835ebf; border-color: #821294; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #835ebf; border-color: #821294; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: #fff; background-color: #821294; border-color: #821294; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #553483; border-color: #3f1d6f; } .btn-success .badge { color: #553483; background-color: #fff; } /*! * Bootstrap v2.3.2 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .popover { position: absolute; top: 0; left: 0; z-index: 991010; display: none; max-width: 200px; padding: 0px; text-align: left; background-color: #333; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 5px 5px -4px #999; -moz-box-shadow: 0 5px 5px -4px #999; box-shadow: 0 5px 5px -4px #999; white-space: normal; } .popover.top { margin-top: -12px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { color: #fff; margin: 0; padding: 5px 10px; font-size: 15px; font-weight: normal; line-height: 20px; background-color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .popover-title:empty { display: none; } .popover-content { padding: 0; } .popover-content:empty { display: none; } .popover .arrow, .popover .arrow:after, .popover .arrow-emoji, .popover .arrow-emoji:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow, .popover .arrow-emoji { border-width: 11px; } .popover .arrow:after, .popover .arrow-emoji:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #333; border-top-color: rgba(3, 3, 3, 0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #333; } .popover.right .arrow { top: 50%; left: -9px; margin-top: -11px; border-left-width: 0; border-right-color: #333; border-right-color: rgba(3, 3, 3, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #333; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #333; border-bottom-color: rgba(3, 3, 3, 0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #333; } .popover.left .arrow { top: 50%; right: -9px; margin-top: -11px; border-right-width: 0; border-left-color: #333; } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #333; border-left-color: rgba(3, 3, 3, 0); bottom: -10px; } @font-face { font-family: 'webflow-icons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'webflow-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } .w-icon-file-upload-remove:before { content: "\e900"; } .w-icon-file-upload-icon:before { content: "\e903"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } .w-code-block { margin: unset; } pre.w-code-block code { all: inherit; } .w-webflow-badge, .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; box-shadow: none; opacity: 1; transform: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } .w-webflow-badge { position: fixed !important; display: inline-block !important; visibility: visible !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #aaadb0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px !important; font-size: 12px !important; opacity: 1 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1); cursor: pointer; } .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } fieldset { padding: 0; margin: 0; border: 0; } button, [type='button'], [type='reset'] { border: 0; cursor: pointer; -webkit-appearance: button; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 16px; line-height: 16px; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-select { padding: 8px; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-radio:before, .w-radio:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-radio:after { clear: both; } .w-radio-input { margin: 4px 0 0; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } .w-file-upload { display: block; margin-bottom: 10px; } .w-file-upload-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { display: inline-block; color: #333333; } .w-file-upload-error { display: block; margin-top: 10px; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file { display: flex; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { margin-top: 3px; margin-left: 10px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { display: inline-block; color: #ea384c; padding: 2px 0; } .w-file-upload-info { display: inline-block; line-height: 38px; padding: 0 12px; } .w-file-upload-label { display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; width: 20px; } .w-icon-file-upload-uploading { height: 20px; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:before, .w-container:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333333%; } .w-col-2 { width: 16.66666667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.33333333%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.33333333%; } .w-col-11 { width: 91.66666667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117, 134, 150, 0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255, 255, 255, 0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117, 134, 150, 0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255, 255, 255, 0); border-top-color: white; border-width: 4px; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; margin: auto; width: 100%; height: 100%; right: -100%; bottom: -100%; top: -100%; left: -100%; object-fit: cover; z-index: -100; } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .w-background-video--control { position: absolute; bottom: 1em; right: 1em; background-color: transparent; padding: 0; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-slider-arrow-left [class^='w-icon-'], .w-slider-arrow-right [class^='w-icon-'], .w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-right [class*=' w-icon-'] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } /** * ## Note * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well. * For example percentage units do not work on descendants of elements that * have any dimensions expressed in viewport units. It also doesn’t handle them at * all in `calc()`. */ /** * Wrapper around all lightbox elements * * 1. Since the lightbox can receive focus, IE also gives it an outline. * 2. Fixes flickering on Chrome when a transition is in progress * underneath the lightbox. */ .w-lightbox-backdrop { cursor: auto; font-style: normal; letter-spacing: normal; list-style: disc; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0, 0, 0, 0.9); z-index: 2000; outline: 0; /* 1 */ opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0, 0); /* 2 */ } /** * Neat trick to bind the rubberband effect to our canvas instead of the whole * document on iOS. It also prevents a bug that causes the document underneath to scroll. */ .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } /* * 1. Remove default margin set by user-agent on the
element. */ .w-lightbox-figure { position: relative; margin: 0; /* 1 */ } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } /** * IE adds image dimensions as width and height attributes on the IMG tag, * but we need both width and height to be set to auto to enable scaling. */ .w-lightbox-img { width: auto; height: auto; max-width: none; } /** * 1. Reset if style is set by user on "All Images" */ .w-lightbox-image { display: block; float: none; /* 1 */ max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 0.5em 1em; background: rgba(0, 0, 0, 0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } /* * Without specifying the with and height inside the SVG, all versions of IE render the icon too small. * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows. * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer) */ .w-lightbox-close { right: 0; height: 2.6em; /* */ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } /** * 1. All IE versions add extra space at the bottom without this. */ .w-lightbox-strip { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1vh; line-height: 0; /* 1 */ white-space: nowrap; overflow-x: auto; overflow-y: hidden; } /* * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)` * which doesn’t work in Safari anyway. * 2. Chrome renders images pixelated when switching to GPU. Making sure * the parent is also rendered on the GPU (by setting translate3d for * example) fixes this behavior. */ .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; /* 1 */ cursor: pointer; -webkit-transform: translate3d(0, 0, 0); /* 2 */ } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } /* * Spinner * * Absolute pixel values are used to avoid rounding errors that would cause * the white spinning element to be misaligned with the track. */ .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0, 0, 0, 0.4); border-radius: 50%; -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } /* * Utility classes */ .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } /* .w-lightbox-content */ .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: 0.5; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } [data-nav-menu-open] { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } .w--nav-dropdown-open { display: block; } .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .w-dyn-empty { padding: 10px; background-color: #dddddd; } .w-dyn-hide { display: none !important; } .w-dyn-bind-empty { display: none !important; } .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } .w-code-component > * { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } :root { --black-70: rgba(2, 7, 15, .7); --black: #02070f; --brand-purple: #8b3bff; --purple-dark: #1a0535; --white: #fff; --brand-turquoise: #79fff7; --turquoise-light: #d7f8f4; --purple-light: #efe9ff; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } } body { color: var(--black-70); font-family: Inter, sans-serif; font-size: 18px; line-height: 26px; } h1, h2 { color: var(--black); margin-top: 0; margin-bottom: 0; font-size: 44px; font-weight: 400; line-height: 58px; } h3 { color: var(--black); margin-top: 0; margin-bottom: 0; font-size: 22px; font-weight: 500; line-height: 34px; } a { color: var(--brand-purple); text-decoration: underline; } .navbar { background-color: rgba(26, 5, 53, 0); height: 82px; position: fixed; top: 0%; bottom: auto; left: 0%; right: 0%; } .navbar.is-light { background-color: rgba(255, 255, 255, 0); } .nav-container { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; } .nav-content { justify-content: space-between; align-items: center; height: 82px; display: flex; } .nav-menu_wrap { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: flex-start; align-items: center; display: flex; } .nav-link { color: var(--white); padding: 14px; transition: color .3s ease-in-out; } .nav-link:hover { color: var(--brand-purple); } .nav-link.w--current { color: var(--brand-purple); font-weight: 600; } .nav-link.is-dark { color: var(--black); } .nav-link.is-dark:hover, .nav-link.is-dark.w--current { color: var(--brand-purple); } .button-outline { background-color: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, .3); border-radius: 24px; padding: 8px 20px; transition: background-color .4s ease-in-out; } .button-outline:hover { background-color: var(--white); color: var(--purple-dark); } .button-outline.is-dark { color: var(--black); border-color: rgba(2, 7, 15, .3); } .button-outline.is-dark:hover { background-color: var(--purple-dark); color: var(--white); } .nav-logo { height: 24px; } .header { padding-top: 134px; padding-bottom: 84px; } .header.is-for-pages { background-color: var(--white); background-image: none; padding-top: 0; padding-bottom: 0; position: relative; overflow: hidden; } .header.is-for-pages.is-purple { background-color: var(--purple-dark); } .header.is-for-home { background-color: var(--purple-dark); position: relative; } .header-container { max-width: 1440px; padding-left: 40px; padding-right: 40px; } .header-container.is-relative { z-index: 10; position: relative; } .header-content { grid-column-gap: 16px; grid-row-gap: 16px; justify-content: space-between; align-items: flex-end; display: flex; } .header-content.is-height-540px { z-index: 10; justify-content: space-between; align-items: center; height: 540px; position: relative; } .header-content.is-height-200px { z-index: 10; justify-content: space-between; align-items: center; height: 200px; position: relative; } .header-content.is-height-300px { z-index: 10; justify-content: space-between; align-items: center; height: 300px; padding-top: 24px; position: relative; } .header-content.is-height-400px { justify-content: space-between; align-items: center; height: 400px; padding-top: 90px; } .chat-img { max-width: none; max-height: 700px; position: absolute; } .home-header-text_wrap { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 60%; padding-bottom: 140px; display: flex; } .header-title.is-light { color: var(--white); max-width: 716px; margin-bottom: 32px; font-weight: 300; } .header-title.is-light.is-medium { margin-bottom: 0; font-weight: 500; } .header-title.is-max-960px { color: var(--white); max-width: 922px; } .span-semibold { font-weight: 600; } .button { grid-column-gap: 12px; grid-row-gap: 12px; background-color: var(--brand-purple); color: var(--white); background-image: url('/images/ic-button-arrow.svg'); background-position: 100%; background-repeat: no-repeat; background-size: contain; border-radius: 40px; flex: none; justify-content: space-between; align-items: center; height: 56px; font-size: 16px; font-weight: 500; text-decoration: none; transition: background-color .4s ease-in-out; overflow: hidden; width: 100%; } .button:hover { background-color: #7731dd; } .button.is-for-form, .button.is-for-form-short-title { background-image: url('/images/ic-send.svg'); height: 80px; padding-left: 32px; padding-right: 98px; font-size: 22px; line-height: 32px; margin: 0 auto; } .button.is-for-form-short-title { padding-right: 68px; } .header-buttom_wrap { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: flex-start; align-items: center; display: flex; } .header-text { color: var(--white); } .header-text.is-max-350px { max-width: 350px; } .header-text.is-slash { color: rgba(255, 255, 255, .4); font-size: 32px; font-weight: 200; } .section { padding-top: 100px; padding-bottom: 100px; } .section.is-for-speciality { background-image: url('/images/many-cubes.svg'); background-position: 50% 0; background-repeat: no-repeat; background-size: auto; padding-top: 40px; } .section.is-bg-gray.is-no-top-margin { padding-top: 0; } .section.is-bg-dark-cubes { background-color: var(--purple-dark); background-image: url('/images/bg-get-in-touch.svg'); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } .section.is-no-top-padding { padding-top: 0; } .section.is-for-team { background-image: url('/images/team-bg.svg'); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } .section.is-for-features { background-image: url('/images/key-features-bg.svg'); background-position: 50% 0; background-repeat: no-repeat; background-size: cover; } .section.is-for-genomics { background-color: #fafafa; background-image: url('/images/genomics-bg.svg'); background-position: 100%; background-repeat: no-repeat; background-size: auto; padding-top: 40px; } .section.is-for-about-us { background-image: url('/images/many-cubes.svg'); background-position: 50% 0; background-repeat: no-repeat; background-size: auto; } .container { max-width: 1440px; padding-left: 40px; padding-right: 40px; } .container.is-no-right-padding { padding-right: 0; } .content.is-buttom-margin-110px { margin-bottom: 110px; } .content.is-grid { grid-column-gap: 80px; grid-row-gap: 80px; grid-template-rows: auto; grid-template-columns: 1fr 1.25fr; grid-auto-columns: 1fr; display: grid; } .content.is-grid.is-no-buttom-margin { margin-bottom: 0; } .content.is-horizontal-grid { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .section-title { max-width: 776px; } .section-title.is-buttom-margin-16px { margin-bottom: 16px; } .section-title.is-light { color: var(--white); } .section-title.is-max-664px { max-width: 664px; margin-bottom: 80px; } .section-title.is-buttom-margin-40px { margin-bottom: 40px; } .section-title.is-buttom-margin-24px { margin-bottom: 24px; } .section-hero_wrap.is-max-500px { max-width: 500px; } .section-hero_wrap.is-buttom-margin-80px { margin-bottom: 80px; } .section-hero_wrap.is-center-aligned { text-align: center; flex-flow: column; justify-content: center; align-items: center; max-width: 700px; margin-bottom: 60px; margin-left: auto; margin-right: auto; display: flex; } .section-hero_wrap.is-buttom-margin-40px { margin-bottom: 40px; } .section-hero_wrap.is-buttom-margin-150px { margin-bottom: 150px; } .specialities-blocks_wrap { grid-column-gap: 40px; grid-row-gap: 60px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .specialities-blocks_wrap.is-3-column { grid-template-columns: 1fr 1fr 1fr; } .speciality-block { flex-flow: column; justify-content: flex-start; align-items: flex-end; display: flex; } .speciality-icon { margin-bottom: 20px; } .speciality-title { margin-bottom: 12px; } .section-hero-subtext { color: var(--black); text-transform: uppercase; margin-bottom: 8px; font-size: 15px; font-weight: 500; line-height: 18px; } .section-hero-subtext.is-buttom-margin-24px, .horizontal-content-text.is-buttom-margin-24px { margin-bottom: 24px; } .horizontal-content-block { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .horizontal-content-img { width: 100%; } .section-hero-text.is-light { color: rgba(255, 255, 255, .7); } .git-form-block { max-width: 600px; margin-left: auto; margin-right: auto; } .git-form { flex-flow: column; justify-content: center; align-items: center; display: flex; } .form-field { border-style: solid; border-width: 0 0 1px; border-color: black black var(--brand-purple); color: var(--white); background-color: rgba(255, 255, 255, 0); height: 64px; margin-bottom: 24px; padding: 16px 0; font-size: 20px; line-height: 32px; } .form-field:active, .form-field:focus { border-bottom-color: var(--brand-turquoise); } .form-field::placeholder { color: rgba(255, 255, 255, .7); } .form-field.is-text-area { max-width: 600px; height: 168px; } .radio-buttons_wrap { color: var(--white); justify-content: space-between; align-items: center; width: 100%; margin-bottom: 64px; display: flex; } .radio-button-label { margin-bottom: 0; } .radio-button { background-color: var(--white); border-width: 0; width: 32px; height: 32px; margin-top: 0; margin-left: 0; } .radio-button:active { border-width: 8px; border-color: var(--white); background-color: var(--brand-purple); } .radio-button.w--redirected-checked { border-width: 8px; border-color: var(--white); background-color: var(--brand-purple); box-shadow: 0 2px 5px rgba(0, 0, 0, .2); } .radio-button.w--redirected-focus { box-shadow: 0 0 3px 1px var(--brand-purple); } .radio-button-field { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; padding-left: 0; display: flex; } .radio-buttons-fields { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: flex-start; align-items: center; display: flex; } .footer-content { grid-column-gap: 24px; grid-row-gap: 24px; justify-content: space-between; margin-bottom: 280px; display: flex; } .footer-container { max-width: 1440px; padding-left: 40px; padding-right: 40px; } .footer { background-color: var(--purple-dark); background-image: url('/images/bg-footer.svg'); background-position: 50% 6%; background-repeat: no-repeat; background-size: cover; padding-bottom: 20px; } .footer-info_wrap { grid-column-gap: 20px; grid-row-gap: 20px; color: var(--white); flex-flow: column; justify-content: flex-start; align-items: flex-start; max-width: 380px; display: flex; } .footer-logos_wrap { grid-column-gap: 30px; grid-row-gap: 30px; display: flex; } .footer-menu_wrap { grid-column-gap: 60px; grid-row-gap: 60px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .footer-menu-item { grid-column-gap: 20px; grid-row-gap: 20px; color: var(--white); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .footer-menu-item-title { color: rgba(255, 255, 255, .7); } .footer-menu-link { color: var(--white); text-decoration: none; transition: color .3s ease-in-out; } .footer-menu-link:hover { color: var(--brand-purple); } .footer-content_wrap { border-top: 1px solid rgba(255, 255, 255, .2); padding-top: 40px; } .footer-buttom_wrap { color: var(--white); justify-content: space-between; font-size: 14px; line-height: 20px; display: flex; } .footer-menu-links { grid-column-gap: 32px; grid-row-gap: 32px; justify-content: flex-start; align-items: center; display: flex; } .header-hero_wrap { text-align: center; flex-flow: column; justify-content: center; align-items: center; max-width: 666px; margin-left: auto; margin-right: auto; display: flex; } .header-hero_wrap.is-fixed-900px { max-width: 900px; } .hearder-subtitle { color: var(--black); text-transform: uppercase; margin-bottom: 8px; font-size: 15px; font-weight: 500; } .pricing-cards_wrap { grid-column-gap: 12px; grid-row-gap: 12px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-bottom: 40px; display: grid; } .pricing-card { background-color: var(--turquoise-light); flex-flow: column; align-items: flex-start; padding: 20px; display: flex; } .pricing-card.is-purple { background-color: var(--purple-light); } .pricing-card-hero { justify-content: space-between; align-items: center; width: 100%; margin-bottom: 8px; display: flex; } .pricing-card-label { color: var(--brand-purple); background-color: #fff; border-radius: 20px; padding: 4px 10px; } .pricing-card-title { color: var(--black); font-size: 22px; font-weight: 500; line-height: 34px; } .pricing-card-price_wrap { margin-bottom: 76px; } .pricing-card-price { color: var(--black); margin-bottom: 2px; font-size: 44px; font-weight: 300; line-height: 58px; } .span-small { color: var(--black-70); font-size: 18px; font-weight: 400; line-height: 26px; } .pricing-table-row { grid-column-gap: 12px; grid-row-gap: 12px; border-top: 1px solid rgba(0, 0, 0, .04); display: flex; } .pricing-table-item { justify-content: center; align-items: center; width: 100%; padding-top: 8px; padding-bottom: 8px; font-weight: 500; display: flex; } .pricing-table-item.is-title { grid-column-gap: 12px; grid-row-gap: 12px; color: var(--black); justify-content: flex-start; align-items: center; display: flex; } .pricing-table-item.is-title.is-small { color: var(--black-70); font-size: 12px; line-height: 34px; } .ic-tooltip { cursor: pointer; width: 16px; height: 16px; } .tooltip_wrap { justify-content: flex-start; align-items: center; display: flex; position: relative; } .tooltip { z-index: 100; grid-column-gap: 12px; grid-row-gap: 12px; background-color: #fafafa; border-radius: 16px; justify-content: flex-start; align-items: center; width: 400px; margin-left: 30px; padding: 12px; font-weight: 400; display: none; position: absolute; box-shadow: 2px 2px 10px rgba(0, 0, 0, .1); } .pricing-table-hero-item { background-color: var(--turquoise-light); color: var(--black); text-transform: uppercase; justify-content: center; align-items: center; width: 100%; margin-top: 8px; margin-bottom: 8px; padding-top: 16px; padding-bottom: 16px; font-size: 15px; font-weight: 500; line-height: 24px; display: flex; } .pricing-table-hero-item.is-purple { background-color: var(--purple-light); } .pricing-table-hero { grid-column-gap: 12px; grid-row-gap: 12px; display: flex; } .pricing-row-name { line-height: 34px; } .pricing-row-name.is-left-margin-40px { margin-left: 40px; } .add-ons-card { background-color: #fafafa; padding: 40px; } .add-ons-title { color: var(--black); text-transform: uppercase; margin-bottom: 40px; font-size: 15px; font-weight: 500; } .add-ons-row { grid-column-gap: 12px; grid-row-gap: 12px; border-bottom: 1px solid rgba(0, 0, 0, .04); display: flex; } .add-ons-row.is-no-border { border-bottom-width: 0; } .add-ons-row-item { justify-content: flex-end; align-items: center; width: 100%; padding-top: 16px; padding-bottom: 16px; font-weight: 500; display: flex; } .add-ons-row-item.is-title { grid-column-gap: 12px; grid-row-gap: 12px; color: var(--black); justify-content: flex-start; align-items: center; display: flex; } .add-ons-row-item.is-title.is-bold { font-weight: 700; } .list_wrap { grid-column-gap: 16px; grid-row-gap: 4px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; margin-bottom: 24px; display: grid; } .list-item { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: flex-start; font-size: 16px; display: flex; } .list-icon { background-color: var(--brand-purple); flex: none; width: 8px; height: 8px; margin-top: 8px; } .team_wrap { grid-column-gap: 80px; grid-row-gap: 80px; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: center; justify-items: center; display: flex; } .team_wrap.is-4-column { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: space-between; } .team_wrap.is-3-column { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: start; display: grid; } .team-member-block { text-align: center; border-top: 1px solid rgba(2, 7, 15, .2); flex-flow: column; justify-content: center; align-items: center; padding-top: 20px; display: flex; } .team-member-block.is-full-width { width: 100%; } .team-member-name { color: var(--black); margin-bottom: 4px; font-weight: 500; } .team-member-experience { font-weight: 500; } .team-member-img { border-radius: 50%; width: 200px; height: 200px; margin-bottom: 20px; } .feature-blocks_wrap { grid-column-gap: 68px; grid-row-gap: 68px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .feature-block { border-top: 1px solid rgba(2, 7, 15, .2); padding-top: 20px; } .feature-block-title { color: var(--black); margin-bottom: 12px; font-size: 22px; font-weight: 500; line-height: 34px; } .feature-block-img { object-fit: cover; width: 100%; height: 320px; margin-bottom: 20px; } .success-message { background-color: var(--white); color: var(--brand-purple); } .error-message { color: rgba(187, 12, 12, .7); background-color: #f6c8c8; } .page_wrap { overflow: hidden; } .speciality-button { background-color: var(--brand-purple); justify-content: center; align-items: center; padding: 16px; display: flex; } .speciality-block-content { width: 100%; } .header-subtext { color: var(--white); text-transform: uppercase; margin-bottom: 8px; font-size: 15px; line-height: 24px; } .header-animation-img { object-fit: cover; width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .section-title_wrap.is-horizontal { margin-bottom: 24px; display: flex; } .section-title-horizontal { display: flex; } .animated-title { font-weight: 600; } .animated-title.is-purple { color: var(--brand-purple); position: absolute; } .animated-title.is-blue { color: #00a5ca; position: absolute; } .animated-title.is-turquoise { color: #00ada2; position: absolute; } .animated-title.is-green { color: #2da865; white-space: nowrap; position: absolute; } .animated-title_wrap { flex-flow: column; width: 320px; height: 58px; display: flex; overflow: hidden; } .animated-titles-backlog { margin-top: 58px; position: relative; } .speciality-block-line_wrap { width: 100%; margin-bottom: 40px; position: relative; } .speciality-block-line { background-color: rgba(2, 7, 15, .2); width: 100%; height: 1px; position: absolute; } .speciality-block-line.is-purple { background-color: var(--brand-purple); } .header-animation { width: 100%; height: 540px; margin-top: 110px; position: absolute; overflow: hidden; } .header-animation.is-no-margin { margin-top: 0; } .chat-animation_wrap { align-items: flex-end; width: 420px; height: 700px; display: flex; position: relative; } .chat-message { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-items: flex-end; display: flex; overflow: hidden; } .chat-message.is-1, .chat-message.is-2, .chat-message.is-3 { width: 100%; } .chat-message.is-right { justify-content: flex-end; align-items: flex-end; } .chat_wrap { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: flex-end; align-items: stretch; width: 100%; height: 570px; padding: 20px; display: flex; position: relative; overflow: hidden; } .chat-bubble-1 { color: var(--white); background-color: rgba(10, 10, 10, .4); border: 1px solid rgba(255, 255, 255, .2); border-radius: 16px 16px 16px 2px; flex-flow: column; justify-content: center; align-items: flex-start; padding: 16px 16px 24px; display: flex; } .chat-bubble-1.is-2 { border-bottom-right-radius: 2px; border-bottom-left-radius: 16px; } .chat-bubble-1.is-1, .chat-bubble-1.is-2, .chat-bubble-1.is-3 { overflow: hidden; } .chat-bubble-1.is-right { border-bottom-right-radius: 2px; border-bottom-left-radius: 16px; } .chat-author { width: 56px; height: 56px; } .chat-bubble-text-1 { opacity: 0; display: none; overflow: hidden; } .chat-bubble-text-1.is-1 { overflow: hidden; } .chat-bubble-text-1.is-3 { height: 104px; } .chat-bubble-text-1.is-2, .chat-bubble-text-1.is-3 { overflow: hidden; } .chat-bubble-text-1.is-visible { opacity: 1; display: block; } .chat-lottie-1 { height: 10px; } .chat-inner { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; display: flex; } .chat-message-1 { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-items: flex-end; display: flex; overflow: hidden; } .chat-message-1.is-1, .chat-message-1.is-2, .chat-message-1.is-3 { width: 100%; } .chat-message-1.is-right { justify-content: flex-end; align-items: flex-end; } .chat-message-2 { grid-column-gap: 8px; grid-row-gap: 8px; opacity: 0; justify-content: flex-end; align-items: flex-end; display: flex; overflow: hidden; } .chat-message-2.is-1, .chat-message-2.is-2, .chat-message-2.is-3 { width: 100%; } .chat-message-2.is-right { justify-content: flex-end; align-items: flex-end; } .chat-message-2.is-visible { opacity: 1; } .chat-bubble-text-2 { opacity: 0; display: none; overflow: hidden; } .chat-bubble-text-2.is-1 { overflow: hidden; } .chat-bubble-text-2.is-3 { height: 104px; } .chat-bubble-text-2.is-2, .chat-bubble-text-2.is-3 { overflow: hidden; } .chat-bubble-text-2.is-visible { opacity: 1; display: block; } .chat-lottie-2 { height: 10px; } .chat-bubble-2 { color: var(--white); background-color: rgba(10, 10, 10, .4); border: 1px solid rgba(255, 255, 255, .2); border-radius: 16px 16px 2px; flex-flow: column; justify-content: center; align-items: flex-start; padding: 16px 16px 24px; display: flex; } .chat-bubble-2.is-2 { border-bottom-right-radius: 2px; border-bottom-left-radius: 16px; } .chat-bubble-2.is-1, .chat-bubble-2.is-2, .chat-bubble-2.is-3 { overflow: hidden; } .chat-bubble-2.is-right { border-bottom-right-radius: 2px; border-bottom-left-radius: 16px; } .chat-bubble-text-3 { opacity: 0; display: none; overflow: hidden; } .chat-bubble-text-3.is-1 { overflow: hidden; } .chat-bubble-text-3.is-3 { height: 104px; } .chat-bubble-text-3.is-2, .chat-bubble-text-3.is-3 { overflow: hidden; } .chat-bubble-text-3.is-visible { opacity: 1; display: block; } .chat-lottie-3 { height: 10px; } .chat-bubble-3 { color: var(--white); background-color: rgba(10, 10, 10, .4); border: 1px solid rgba(255, 255, 255, .2); border-radius: 16px 16px 16px 2px; flex-flow: column; justify-content: center; align-items: flex-start; padding: 16px 16px 24px; display: flex; } .chat-bubble-3.is-2 { border-bottom-right-radius: 2px; border-bottom-left-radius: 16px; } .chat-bubble-3.is-1, .chat-bubble-3.is-2, .chat-bubble-3.is-3 { overflow: hidden; } .chat-bubble-3.is-right { border-bottom-right-radius: 2px; border-bottom-left-radius: 16px; } .chat-message-3 { grid-column-gap: 8px; grid-row-gap: 8px; opacity: 0; justify-content: flex-start; align-items: flex-end; display: flex; overflow: hidden; } .chat-message-3.is-1, .chat-message-3.is-2, .chat-message-3.is-3 { width: 100%; } .chat-message-3.is-right { justify-content: flex-end; align-items: flex-end; } .chat-message-3.is-visible { opacity: 1; } .chat-lottie-1-copy { height: 40px; } .specialities-title { color: var(--black); text-align: center; margin-bottom: 24px; font-size: 28px; line-height: 38px; } .pricing-table-icon { width: 24px; height: 24px; } .span-superscript { font-size: 12px; line-height: 12px; } .drop-button-toggle { color: var(--white); background-color: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, .3); border-radius: 24px; padding: 8px 20px; transition: background-color .3s ease-in-out; } .drop-button-toggle.is-dark { color: var(--black); border-color: rgba(2, 7, 15, .3); } .drop-button { transition: background-color .25s ease-in-out; } .drop-button:hover { color: var(--purple-dark); } .drop-button.is-dark { color: var(--black); border-color: rgba(2, 7, 15, .3); } .drop-button.is-dark:hover { background-color: var(--purple-dark); color: var(--white); } .drop-button-list { background-color: var(--white); border-radius: 16px; box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } .drop-button-list.w--open { background-color: var(--purple-dark); border-radius: 8px; right: 0; } .drop-button-link { color: var(--purple-dark); font-size: 16px; font-weight: 400; line-height: 24px; transition: all .25s; } .drop-button-link:hover { color: var(--brand-purple); } .drop-button-list_wrap.w--open { background-color: rgba(221, 221, 221, 0); padding-top: 19px; right: 0; } .section-title-line { color: var(--black); margin-right: 4px; font-size: 44px; font-weight: 500; line-height: 56px; } .video-grid { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .myriad-order-form-block { width: 50%; margin: 0 auto; } .order-form-block { width: 800px; margin-left: auto; margin-right: auto; } .order-form { grid-column-gap: 56px; grid-row-gap: 56px; flex-flow: column; justify-content: center; align-items: center; margin-right: auto; display: flex; } .form-subtitle { color: var(--purple-dark); margin-bottom: 16px; font-size: 20px; font-weight: 600; } .order-form-field { color: var(--purple-dark); border: 1px solid rgba(26, 5, 53, .14); border-radius: 12px; height: 56px; margin-bottom: 20px; transition: all .2s ease-in-out; } .order-form-field:hover { background-color: rgba(26, 5, 53, .04); } .order-form-field:active, .order-form-field:focus { border-color: rgba(26, 5, 53, .4); } .order-form-field::placeholder { color: rgba(2, 7, 15, .4); font-size: 16px; } .order-form-field.is-50 { width: 50%; max-width: 395px; } .order-fields_wrap { grid-column-gap: 10px; grid-row-gap: 10px; color: var(--black-70); flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .order-fields_wrap.is-grid { grid-column-gap: 10px; grid-row-gap: 10px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .order-fields-block { flex-flow: column; display: flex; } .order-fields-block.is-50 { width: 50%; } .order-form-inner, .myrisk-order-form-inner { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: space-between; width: 100%; display: flex; } .myrisk-order-form-inner { grid-column-gap: 16px; grid-row-gap: 16px; } .order-dropdown { margin-left: 0; margin-right: 0; } .order-select { color: var(--purple-dark); background-color: rgba(243, 243, 243, 0); border: 1px solid rgba(26, 5, 53, .14); border-radius: 12px; height: 56px; margin-bottom: 20px; font-size: 16px; font-weight: 400; transition: all .2s ease-in-out; } .order-select:hover { background-color: rgba(26, 5, 53, .04); } .order-select:active, .order-select:focus { border-color: rgba(26, 5, 53, .4); } .order-select.is-50 { width: 50%; } .order-radio-field { grid-column-gap: 8px; grid-row-gap: 8px; color: var(--turquoise-light); justify-content: flex-start; align-items: center; padding-left: 12px; font-size: 16px; display: flex; } .order-radio-button { border-color: rgba(26, 5, 53, .5); width: 20px; height: 20px; margin-top: 0; } .order-radio-button:hover { border-color: var(--brand-purple); } .order-radio-button.w--redirected-checked { border-width: 5px; border-color: var(--brand-purple); } .order-radio-button-label { color: var(--purple-dark); } .order-form-column { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: flex-start; align-items: stretch; width: 50%; display: flex; } .upload-button { grid-column-gap: 8px; grid-row-gap: 8px; border: 1px solid var(--brand-purple); background-color: var(--white); color: var(--brand-purple); border-radius: 12px; justify-content: flex-start; align-items: center; padding: 12px; font-size: 18px; font-weight: 500; text-decoration: none; display: flex; } .upload-button-icon { width: 20px; height: 20px; } .order-checkbox-field { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-items: center; display: flex; } .order-checkbox { border-color: rgba(26, 5, 53, .5); border-radius: 4px; width: 20px; height: 20px; margin-top: 0; } .order-checkbox:hover { border-color: var(--brand-purple); } .order-checkbox.w--redirected-checked { border-color: var(--brand-purple); background-color: var(--brand-purple); border-radius: 4px; } .order-form-button_wrap { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: space-between; align-items: center; width: 100%; display: flex; } .order-form-row { grid-column-gap: 48px; grid-row-gap: 48px; flex-flow: row; justify-content: space-between; align-items: flex-end; width: 100%; display: flex; } .order-fields-horizontal { grid-column-gap: 10px; grid-row-gap: 10px; display: flex; } @media screen and (min-width: 1280px) { .home-header-text_wrap { padding-bottom: 0; } .pricing-row-name { text-align: left; } } @media screen and (max-width: 991px) { .nav-container { padding-left: 20px; padding-right: 20px; } .nav-menu_wrap { grid-column-gap: 24px; grid-row-gap: 24px; background-color: var(--purple-dark); flex-flow: column; justify-content: flex-end; align-items: flex-start; padding: 16px 16px 32px; display: flex; box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } .nav-menu_wrap.is-light { background-color: var(--white); } .nav-mobile-button { font-size: 32px; line-height: 32px; } .nav-mobile-button.w--open { color: var(--purple-dark); background-color: rgba(200, 200, 200, 0); } .nav-mobile-button.is-light { color: var(--white); font-size: 32px; line-height: 32px; } .nav-mobile-button.is-light.w--open { background-color: rgba(200, 200, 200, 0); } .nav-menu { margin-bottom: 24px; } .header-container, .header-container.is-relative { padding-left: 20px; padding-right: 20px; } .header-content { grid-column-gap: 32px; grid-row-gap: 32px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .header-content.is-height-540px { grid-template-rows: auto; height: 500px; } .header-content.is-height-300px { grid-template-rows: auto; } .header-content.is-height-400px { height: 300px; } .home-header-text_wrap { width: 100%; padding-bottom: 0; } .header-title.is-max-960px { font-size: 32px; line-height: 44px; } .section { padding-top: 80px; padding-bottom: 80px; } .container { padding-left: 20px; padding-right: 20px; } .container.is-no-right-padding { padding-right: 20px; } .content.is-grid { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: 1fr; } .section-title { font-size: 32px; line-height: 46px; } .section-hero_wrap.is-buttom-margin-80px, .section-hero_wrap.is-buttom-margin-150px { margin-bottom: 24px; } .specialities-blocks_wrap { grid-template-columns: 1fr 1fr 1fr; } .horizontal-content-img { max-width: 700px; } .footer-content { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; margin-bottom: 100px; } .footer-info_wrap { max-width: none; } .footer-menu_wrap { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .pricing-table-item { font-size: 16px; line-height: 24px; } .pricing-table-item.is-title.is-small { line-height: 20px; } .pricing-table-hero-item { font-size: 14px; } .pricing-row-name { font-size: 14px; line-height: 28px; } .add-ons-title { margin-bottom: 24px; } .team_wrap { grid-column-gap: 40px; grid-row-gap: 40px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .team_wrap.is-4-column { grid-template-columns: 1fr 1fr; } .feature-blocks_wrap { grid-column-gap: 40px; grid-row-gap: 40px; } .animated-title { font-size: 32px; line-height: 46px; } .animated-title_wrap { height: 46px; } .nav-button_wrap { padding-left: 14px; display: flex; } .drop-button-toggle { border-width: 0; padding-top: 12px; padding-bottom: 12px; padding-left: 0; position: static; } .drop-button-toggle:hover { color: var(--white); background-color: rgba(255, 255, 255, 0); display: inline-block; } .drop-button-toggle.w--open { position: static; } .drop-button-toggle.is-dark:hover { color: var(--black); } .drop-button { margin-left: 0; margin-right: 0; position: static; } .drop-button-list { grid-column-gap: 16px; grid-row-gap: 16px; box-shadow: none; background-color: rgba(255, 255, 255, 0); flex-flow: row; align-items: stretch; display: flex; } .drop-button-link { color: var(--black); text-align: center; border: 1px solid rgba(2, 7, 15, .3); border-radius: 24px; overflow: hidden; } .drop-button-link:hover { background-color: var(--purple-dark); color: var(--white); } .drop-button-link.is-light { color: var(--white); border-color: rgba(255, 255, 255, .3); } .drop-button-link.is-light:hover { background-color: var(--white); color: var(--purple-dark); } .drop-button-list_wrap { background-color: rgba(221, 221, 221, 0); display: flex; position: static; } .drop-button-list_wrap.w--open { padding-top: 0; position: static; } .section-title-line { font-size: 32px; line-height: 46px; } .myriad-order-form-block { width: auto; } .order-form-block { width: auto; } .order-form-field { width: 100%; max-width: none; } .order-select { max-width: none; } } @media screen and (max-width: 767px) { .header-content { grid-template-rows: auto; } .header-content.is-height-300px { height: 200px; } .header-content.is-height-400px { padding-top: 80px; } .header-title { font-size: 32px; line-height: 40px; } .header-title.is-light { font-size: 32px; line-height: 46px; } .button.is-for-form { background-size: contain; height: 56px; padding-left: 24px; padding-right: 68px; font-size: 16px; line-height: 26px; } .header-buttom_wrap { grid-column-gap: 24px; grid-row-gap: 24px; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .header-text.is-max-350px { max-width: none; } .header-text.is-slash { display: none; } .content.is-horizontal-grid { grid-template-columns: 1fr; } .section-title { font-size: 28px; line-height: 40px; } .section-hero_wrap.is-buttom-margin-150px { margin-bottom: 24px; } .specialities-blocks_wrap { grid-row-gap: 40px; grid-template-columns: 1fr; } .specialities-blocks_wrap.is-3-column { grid-template-columns: 1fr; } .radio-button { width: 28px; height: 28px; } .radio-buttons-fields { grid-column-gap: 8px; grid-row-gap: 8px; } .footer-content { flex-flow: column; } .footer-info_wrap { max-width: none; } .footer-menu-item { grid-column-gap: 12px; grid-row-gap: 12px; } .footer-buttom_wrap { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; display: grid; } .pricing-cards_wrap { grid-template-columns: 1fr; } .pricing-table { flex-flow: column; display: flex; overflow: scroll; } .pricing-table-item { flex: none; width: 160px; } .pricing-table-item.is-title { width: 223px; } .tooltip { display: none; top: -78px; left: -200px; } .pricing-table-hero-item { flex: none; width: 160px; } .pricing-row-name.is-left-margin-40px { margin-left: 0; } .add-ons-row-item { font-size: 14px; } .team_wrap { grid-column-gap: 24px; grid-row-gap: 24px; grid-template-columns: 1fr 1fr; } .team_wrap.is-3-column { grid-template-columns: 1fr 1fr; } .team-member-name, .team-member-experience { font-size: 16px; } .team-member-img { width: 180px; height: 180px; } .feature-blocks_wrap { grid-template-columns: 1fr; } .header-animation-img.is-2, .header-animation-img.is-3, .header-animation-img.is-4 { display: none; } .section-title-horizontal { flex-flow: column; } .animated-title { font-size: 28px; line-height: 44px; } .animated-title_wrap { width: 200px; } .chat { display: none; } .section-title-line { font-size: 28px; line-height: 40px; } .term-privacy-content { font-size: 16px; line-height: 24px; } .video-grid, .order-fields_wrap.is-grid { grid-template-columns: 1fr; } .order-select.is-50 { width: 100%; } .order-fields-horizontal { flex-flow: column; } } @media screen and (max-width: 479px) { .nav-logo { height: 20px; } .header-content { grid-template-rows: auto; } .header-content.is-height-540px { height: 500px; } .chat-img { max-height: 400px; } .header-title.is-max-960px { font-size: 20px; line-height: 30px; } .specialities-blocks_wrap.is-3-column { grid-template-columns: 1fr; } .radio-buttons_wrap { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .footer-logos_wrap { grid-column-gap: 24px; grid-row-gap: 24px; } .footer-menu_wrap { grid-template-columns: 1fr; } .pricing-card-hero { grid-column-gap: 4px; grid-row-gap: 4px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .pricing-row-name { line-height: 24px; } .add-ons-card { padding: 24px; } .add-ons-row { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; justify-content: center; align-items: flex-start; padding-top: 4px; padding-bottom: 4px; } .add-ons-row-item { justify-content: flex-start; align-items: center; padding-top: 4px; padding-bottom: 4px; } .add-ons-row-item.is-hide-mobile { display: none; } .list_wrap, .team_wrap, .team_wrap.is-4-column, .team_wrap.is-3-column { grid-template-columns: 1fr; } .feature-block-img { height: auto; } .section-title-horizontal { flex-flow: column; } .chat-animation_wrap { width: auto; height: 400px; display: flex; } .chat_wrap { height: 400px; } .drop-button { width: 100%; } .drop-button-list { flex-flow: column; width: 100%; } .drop-button-link { width: 100%; } } @media screen and (max-width: 991px) { #w-node-e559fc41-e88f-21ed-c802-9db386ab074e-88048f72, #w-node-_8723224f-9635-bbc9-0cbb-30fe3aff38a9-88048f72, #w-node-_941b0578-d82e-6e37-5452-087be350d3ec-88048f72, #w-node-_1a82e5bc-4fc9-e57d-a7be-3c0cfefd771b-88048f72, #w-node-c2747848-84bf-55d8-7f78-d9003f3e0efb-88048f72, #w-node-_4b763d1d-169a-bd1a-41f2-08e8c325c7b5-6e1cf227, #w-node-ccdac06e-8880-49f6-2bc7-059dec9d1c49-5a124300, #w-node-a6323916-6279-0a30-4194-82d7557faf1d-5a124300, #w-node-f6628ad7-b518-4ecc-3656-5aef944490bf-09f355f5, #w-node-_9981178e-3b76-32bf-d488-f15ec225c4bc-0aa4253a { order: -9999; } } @media screen and (max-width: 767px) { #w-node-bc52a922-822c-fad9-f192-8a3eb3053ae3-b3053abc { order: -9999; } } .ll-skin-melon { font-size: 100%; } .ll-skin-melon .ui-widget { font-family: "Ubuntu", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background: #555; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .ll-skin-melon .ui-datepicker { padding: 0; width: 290px; z-index: 1000 !important; } .ll-skin-melon .ui-datepicker-header { border: none; background: transparent; font-weight: normal; font-size: 15px; } .ll-skin-melon .ui-datepicker-header .ui-state-hover { background: transparent; border-color: transparent; cursor: pointer; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .ll-skin-melon .ui-datepicker .ui-datepicker-title { margin-top: .4em; margin-bottom: .3em; color: #e9f0f4; } .ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover, .ll-skin-melon .ui-datepicker .ui-datepicker-next-hover, .ll-skin-melon .ui-datepicker .ui-datepicker-next, .ll-skin-melon .ui-datepicker .ui-datepicker-prev { top: .9em; border: none; } .ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover { left: 2px; } .ll-skin-melon .ui-datepicker .ui-datepicker-next-hover { right: 2px; } .ll-skin-melon .ui-datepicker .ui-datepicker-next span, .ll-skin-melon .ui-datepicker .ui-datepicker-prev span { background-image: url(../../Images/RightArrow.png); background-position: 0 0; margin-top: 0; top: 0; font-weight: normal; } .ll-skin-melon .ui-datepicker .ui-datepicker-prev span { background-image: url(../../Images/LeftArrow.png); } .ll-skin-melon .ui-datepicker table { margin: 0; } .ll-skin-melon .ui-datepicker th { padding: 1em 0; color: #ccc; font-size: 13px; font-weight: normal; border: none; border-top: 1px solid #3a414d; } .ll-skin-melon .ui-datepicker td { background: #e7dcf9; border: none; padding: 0; } .ll-skin-melon td .ui-state-default { background: transparent; border: none; text-align: center; padding: .5em; margin: 0; font-weight: normal; color: #555; font-size: 16px; } .ll-skin-melon .ui-state-disabled { opacity: 1; } .ll-skin-melon .ui-state-disabled .ui-state-default { color: #f00; } .ll-skin-melon td .ui-state-active, .ll-skin-melon td .ui-state-hover { background: #835ebf; color: #fff; } .ll-skin-melon .ui-datepicker select.ui-datepicker-year { width: 45%; color: #9c27b0; }