.error-screen-container { padding: 25px; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(to bottom left, #7e9cbb 0, #49596a 69%, #313a46); } .error-screen-container .header { display: flex; padding-bottom: 20px; font-size: 50px; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); } .error-screen-container .exit-button { display: flex; background: rgba(45, 141, 199, 0.7); cursor: pointer; text-decoration: none; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.3); padding: 20px; border-radius: 25px; color: #fff; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); } .sidebar-container { position: fixed; left: 0; top: 0; height: 100%; letter-spacing: 2px; z-index: 999; width: 180px; /* Large devices (laptops/desktops, 1200px and up) */ /* small devices (phones, 767px and down) */ background: #012c42; background: -moz-linear-gradient(0deg, #012c42 0%, #004964 100%); background: -webkit-linear-gradient(0deg, #012c42 0%, #004964 100%); background: linear-gradient(0deg, #012c42 0%, #004964 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#012c42",endColorstr="#214862",GradientType=1); } .sidebar-container .glyphicon-envelope, .sidebar-container .glyphicon-duplicate { vertical-align: middle; } @media only screen and (min-width: 1200px) { .sidebar-container { width: 240px; } } @media only screen and (max-width: 767px) { .sidebar-container { width: 100%; transform: translate3d(0, 0, 0); transform: translateX(-100%); } .sidebar-container.active { transition: transform 0.5s cubic-bezier(0.694, 0.0482, 0.335, 1); z-index: 999; transform: translateX(0); } } .sidebar-container .sidebar-header { padding: 20px 0px; text-align: center; margin-bottom: 10px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .sidebar-container .sidebar-header { padding: 20px 0px; } } .sidebar-container .sidebar-header img { /* small devices (phones, 767px and down) */ width: 99px; height: auto; margin: auto; } @media only screen and (max-width: 767px) { .sidebar-container .sidebar-header img { max-width: 100px; } } .sidebar-container .custom-scrollbars > div { display: flex; flex-direction: column; } .sidebar-container .sidebar-links-container { flex: 1; } .sidebar-container .sidebar-links-container::-webkit-scrollbar-track { background-color: transparent; } .sidebar-container .sidebar-links-container::-webkit-scrollbar { width: 12px; background-color: transparent; } .sidebar-container .sidebar-links-container::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.2); border: 1px solid #acbecb; } .sidebar-container .sidebar-links-container .sideBar-link-name { display: block; font-size: 1.4rem; /* small devices (phones, 767px and down) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (max-width: 767px) { .sidebar-container .sidebar-links-container .sideBar-link-name { display: initial; margin-left: 10px; } } @media only screen and (min-width: 1200px) { .sidebar-container .sidebar-links-container .sideBar-link-name { display: inline-block; margin-left: 10px; } } .sidebar-container .sidebar-links-container .sidebar-link { display: block; text-align: center; color: #acbecb; padding: 15px 20px; text-decoration: none; position: relative; /* small devices (phones, 767px and down) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (max-width: 767px) { .sidebar-container .sidebar-links-container .sidebar-link { text-align: initial; display: flex; align-items: center; } } @media only screen and (min-width: 1200px) { .sidebar-container .sidebar-links-container .sidebar-link { align-items: flex-start; display: flex; text-align: initial; } } .sidebar-container .sidebar-links-container .sidebar-link .no-phone-display { /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .sidebar-container .sidebar-links-container .sidebar-link .no-phone-display { display: none; } } .sidebar-container .sidebar-links-container .sidebar-link.sub { background-color: #08293b; opacity: 1; color: rgba(255, 255, 255, 0.6); text-align: left; padding: 12px 20px; } .sidebar-container .sidebar-links-container .sidebar-link.sub .sideBar-link-name { font-size: 1.3rem; } .sidebar-container .sidebar-links-container .sidebar-link.sub.active { color: white; background-color: #08293b; } .sidebar-container .sidebar-links-container .sidebar-link.active { color: white; background-color: rgba(255, 255, 255, 0.075); } .sidebar-container .sidebar-links-container .sidebar-link.active.no-highlight { background-color: none; } .sidebar-container .sidebar-links-container .sidebar-link:hover { color: white; } .sidebar-container .sidebar-links-container .sidebar-link:hover .nav-icon { /* Small devices (portrait tablets and only, 768px to 1024px) */ /* Medium devices (landscape tablets only, 1024px and 1999) */ } @media only screen and (min-width: 768px) and (max-width: 1023px) { .sidebar-container .sidebar-links-container .sidebar-link:hover .nav-icon { transform: translate3d(0px, -4px, 0px); } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .sidebar-container .sidebar-links-container .sidebar-link:hover .nav-icon { transform: translate3d(0px, -4px, 0px); } } .sidebar-container .sidebar-links-container .sidebar-link .nav-icon { color: white; width: 25px; transition: transform 0.2s ease-in-out, color 0.2s ease-in-out; text-align: center; } .sidebar-container .sidebar-links-container .sidebar-link .nav-icon.icon-ets { background: url("https://s3.amazonaws.com/dev-etr/images/icons/ets-icon.png") no-repeat center; } .sidebar-container .sidebar-links-container .sidebar-link .nav-icon.icon-etr-insights { background: url("/static/images/ETR-insights-only-icon-white.png") no-repeat center; } .sidebar-container .sidebar-links-container .sidebar-link .nav-icon.icon-etr-market-array { background: url("/static/images/market_array.png") no-repeat center; } .sidebar-container .sidebar-links-container .sidebar-link .nav-icon.icon-community { background: url("https://s3.amazonaws.com/prod-etr/images/assets/community-icon.png") no-repeat center; } .sidebar-container .sidebar-links-container .sidebar-link .nav-icon.icon-favorite { background: url("/static/images/ETR-favorite-icon.png") no-repeat center; } .sidebar-container .sidebar-links-container .sidebar-link .nav-icon[class*="icon-"] { display: inline-block; max-width: 20px; height: 16px; background-size: contain; } .sidebar-container .sidebar-links-container .sidebar-link .right-icon { /* small devices (phones, 767px and down) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (max-width: 767px) { .sidebar-container .sidebar-links-container .sidebar-link .right-icon { position: absolute; right: 20px; top: 20px; } } @media only screen and (min-width: 1200px) { .sidebar-container .sidebar-links-container .sidebar-link .right-icon { position: absolute; right: 20px; top: 20px; } } .sidebar-container #mobile-menu-close { font-size: 1.5rem; color: #fff; font-weight: 300; align-items: center; position: absolute; top: 20px; left: 10px; cursor: pointer; display: none; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .sidebar-container #mobile-menu-close { display: flex; } } .sidebar-container #mobile-menu-close .icon-close { margin-right: 0.5em; } .sidebar-container .sidebar-policy-container { padding: 10px; width: 100%; bottom: 0; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ /* small devices (phones, 767px and down) */ } @media only screen and (min-width: 768px) { .sidebar-container .sidebar-policy-container { width: 180px; } } @media only screen and (min-width: 1200px) { .sidebar-container .sidebar-policy-container { font-size: 1.5rem; width: 240px; } } @media only screen and (max-width: 767px) { .sidebar-container .sidebar-policy-container { width: 100%; } } .sidebar-container .sidebar-policy-container a { display: block; color: #acbecb; margin: 7px 15px; text-decoration: none; } .sidebar-container .sidebar-policy-container a:hover { color: #ebeff2; } a.btn { display: flex; align-items: center; justify-content: center; } .btn { font-size: 1.4rem; letter-spacing: 0.1rem; outline: none; border-radius: 10px; border: none; padding: 0.8em 1em; text-transform: uppercase; cursor: pointer; text-align: center; transition: background-color 0.2s ease-in-out; } .btn:focus, .btn:active, .btn:active:focus { outline: 1px solid -webkit-focus-ring-color; outline-offset: 0px; } .btn.primary { color: #fff; background-size: 200% auto; background-image: -webkit-linear-gradient(123deg, #0e3b73 10%, #175b90 60%, #3685c1 100%); background-image: -moz-linear-gradient(123deg, #0e3b73 10%, #175b90 60%, #3685c1 100%); background-image: -o-linear-gradient(123deg, #0e3b73 10%, #175b90 60%, #3685c1 100%); background-image: -ms-linear-gradient(123deg, #0e3b73 10%, #175b90 60%, #3685c1 100%); background-image: linear-gradient(123deg, #0e3b73 10%, #175b90 60%, #3685c1 100%); transition: 500ms; } .btn.primary:hover { color: #fff; background-position: center; } .btn.btn-primary { background-color: #154c70; color: white; } .btn.btn-primary:hover { background-color: #1d699b; } .btn.btn-primary.btn-outline { border: 1px solid #154c70; background-color: transparent; color: #154c70; } .btn.btn-primary.btn-outline:hover { background-color: #154c70; color: white; } .btn.btn-secondary { background-color: #5e6d7c; color: white; } .btn.btn-secondary:hover { background-color: #768797; } .btn.btn-secondary.btn-outline { border: 1px solid #5e6d7c; background-color: transparent; color: #5e6d7c; } .btn.btn-secondary.btn-outline:hover { background-color: #5e6d7c; color: white; } .btn.btn-cancel { background-color: #5b646d; color: white; } .btn.btn-cancel:hover { background-color: #727e89; } .btn.btn-cancel.btn-outline { border: 1px solid #5b646d; background-color: transparent; color: #5b646d; } .btn.btn-cancel.btn-outline:hover { background-color: #5b646d; color: white; } .btn.btn-ets { background-color: #2f90b9; color: white; background-image: -webkit-linear-gradient(90deg, #2f90b9 10%, #38adbc 100%); background-image: -moz-linear-gradient(90deg, #2f90b9 10%, #38adbc 100%); background-image: -o-linear-gradient(90deg, #2f90b9 10%, #38adbc 100%); background-image: -ms-linear-gradient(90deg, #2f90b9 10%, #38adbc 100%); background-image: linear-gradient(90deg, #2f90b9 10%, #38adbc 100%); border-radius: 100px; box-shadow: 2px 2px 5px #afafaf; } .btn.btn-ets:hover { background-color: #4aa9d1; } .btn.btn-ets.btn-outline { border: 1px solid #2f90b9; background-color: transparent; color: #2f90b9; } .btn.btn-ets.btn-outline:hover { background-color: #2f90b9; color: white; } .btn.btn-ramp { background-color: #39b47e; color: white; } .btn.btn-ramp:hover { background-color: #56ca97; } .btn.btn-ramp.btn-outline { border: 1px solid #39b47e; background-color: transparent; color: #39b47e; } .btn.btn-ramp.btn-outline:hover { background-color: #39b47e; color: white; } .btn.btn-royal-blue { background-color: #4a90e2; color: white; } .btn.btn-royal-blue:hover { background-color: #76abe9; } .btn.btn-royal-blue.btn-outline { border: 1px solid #4a90e2; background-color: transparent; color: #4a90e2; } .btn.btn-royal-blue.btn-outline:hover { background-color: #4a90e2; color: white; } .btn.btn-download { background-color: #154c70; color: white; border-radius: 54px; height: 54px; width: 54px; display: flex; justify-content: center; align-items: center; font-size: 2rem; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19); } .btn.btn-download:hover { background-color: #1d699b; } .btn.btn-download.btn-outline { border: 1px solid #154c70; background-color: transparent; color: #154c70; } .btn.btn-download.btn-outline:hover { background-color: #154c70; color: white; } .btn.btn-marketing-style1 { background-color: #1d8cea; color: white; } .btn.btn-marketing-style1:hover { background-color: #4ca4ee; } .btn.btn-marketing-style1.btn-outline { border: 1px solid #1d8cea; background-color: transparent; color: #1d8cea; } .btn.btn-marketing-style1.btn-outline:hover { background-color: #1d8cea; color: white; } .btn.btn-success { background-color: #3ab477; color: white; } .btn.btn-success:hover { background-color: #58c991; } .btn.btn-success.btn-outline { border: 1px solid #3ab477; background-color: transparent; color: #3ab477; } .btn.btn-success.btn-outline:hover { background-color: #3ab477; color: white; } .btn.btn-marketing-style2 { background-color: #ff7739; color: white; } .btn.btn-marketing-style2:hover { background-color: #ff9a6c; } .btn.btn-marketing-style2.btn-outline { border: 1px solid #ff7739; background-color: transparent; color: #ff7739; } .btn.btn-marketing-style2.btn-outline:hover { background-color: #ff7739; color: white; } .btn.btn-marketing-style3 { color: #fff; background-image: -webkit-linear-gradient(90deg, #154c70 0%, #4086a0 100%); background-image: -moz-linear-gradient(90deg, #154c70 0%, #4086a0 100%); background-image: -o-linear-gradient(90deg, #154c70 0%, #4086a0 100%); background-image: -ms-linear-gradient(90deg, #154c70 0%, #4086a0 100%); background-image: linear-gradient(90deg, #154c70 0%, #4086a0 100%); } .btn.btn-light { background-color: #e7e8ea; color: #e7e8ea; } .btn.btn-light:hover { background-color: white; } .btn.btn-light.btn-outline { border: 1px solid #e7e8ea; background-color: transparent; color: white; } .btn.btn-light.btn-outline:hover { background-color: #e7e8ea; color: #7a808b; } .btn.small-caps { text-transform: uppercase; font-size: 13px; font-weight: 500; letter-spacing: 1px; } .btn.rounded-square { border-radius: 10px; } .btn.blue-btn { background-color: #205f7f; color: white; } .btn.gradient { color: white; background: #205f7f; background: -moz-linear-gradient(90deg, #154c70 0%, #4086a0 100%); background: -webkit-linear-gradient(90deg, #154c70 0%, #4086a0 100%); background: linear-gradient(90deg, #154c70 0%, #4086a0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#205f7f",endColorstr="#4086a0",GradientType=1); } .btn:disabled, .btn.disabled { opacity: 0.5; pointer-events: none; } .btn.dark-border { border: 1px solid #004c6e; color: #004c6e; } .btn.dark-fill { background-color: #004c6e; color: white; } .btn.square { border-radius: 0; } .btn.light-border { border: 1px solid #ff7739; color: #ff7739; } .btn.light-fill { background-color: #ff7739; color: white; } .btn.light:disabled { opacity: 0.5; } .btn.lighter { color: #154c70; } .btn.lighter-border { font-size: 14px; font-weight: 500; letter-spacing: 1px; color: #205f7f; border: 1px solid #e7e8ea; } .btn.lighter-fill { background-color: #e7e8ea; } .btn.grey-border { border: 1px solid #6b757d; color: #6b757d; } .btn.grey-fill { background-color: #6b757d; color: white; } .btn.green-fill { color: white; background-color: #3ab477; } .btn.bold { font-weight: bold; } .etr-button-blue-gradient { color: #fff; text-transform: uppercase; font-size: 1.6rem; background-image: -webkit-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -moz-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -o-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -ms-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); } .etr-button-blue-gradient:hover, .etr-button-blue-gradient:active, .etr-button-blue-gradient:focus { color: #fff; } .etr-button-blue-gradient:active { background-image: -webkit-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -moz-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -o-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -ms-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); } .etr-button-orange { color: #fff; background-color: var(--orange-primary-500); text-transform: uppercase; font-size: 1.6rem; } .etr-button-orange:hover, .etr-button-orange:active, .etr-button-orange:focus { color: #fff; } .TextFieldGroup { text-align: left; position: relative; } .TextFieldGroup .required { color: #da5353; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .TextFieldGroup .errorMessage { color: #da5353; font-size: 14px; } .TextFieldGroup .errorMessage p { color: #da5353; } .TextFieldGroup.top { padding-top: 20px; } .TextFieldGroup.top .errorMessage { top: 0; } .TextFieldGroup.bottom { padding-bottom: 20px; } .TextFieldGroup.bottom .errorMessage { bottom: 0; } .TextFieldGroup .input-error { border: 1px solid #da5353; box-shadow: 0 0 5px #da5353; } .TextFieldGroup label { font-weight: 400; padding: 0.8rem; } .TextFieldGroup label i { font-weight: 100; color: #7c838a; } .form-control { border-radius: 10px; font-size: 1.6rem; height: 45px; background-color: #f8f9fa; border: 1px solid #e7e8ea; } .form-control::placeholder { color: #9b9b9b; font-size: 1.3rem; } .form-control:focus { border-color: #5c9bc7; box-shadow: none; } .form-control.rounded { border-radius: 100px; } .form-control.dark { background: #2d4457; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); color: #fff; padding: 20px; } .form-control.error { border-color: #da5353; } .login { position: relative; padding: 1em; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .login { padding: 2em; } } .login .logo { text-align: center; padding: 0px 0px 20px 0px; } .login .btn { margin: 1.3rem 0; } .login .TextFieldGroup { margin-bottom: 1.3rem; } .login .loginError { color: #ff5347; border: 1px solid #ff5347; padding: 5px; margin-bottom: 10px; border-radius: 4px; text-align: center; } .login #forgot-password-link { cursor: pointer; color: #4a90e2; margin: 0; max-width: fit-content; font-size: 13px; } .login #forgot-password-link:hover { text-decoration: underline; } .login #forgot-password-message p { font-size: 13px; padding-bottom: 20px; } .login #back-to-login { position: absolute; top: 0; left: 0; margin: 20px; cursor: pointer; color: #9b9b9b; font-size: 13px; } .login #back-to-login:hover { text-decoration: underline; } .login #back-to-login .glyphicon { margin-right: 5px; } .forgot-password { position: relative; padding: 40px; } .forgot-password .logo { text-align: center; padding: 0px 0px 20px 0px; } .forgot-password .btn { margin: 1.3rem 0; } .forgot-password .TextFieldGroup { margin-bottom: 1.3rem; } .forgot-password .fpError { color: #ff5347; border: 1px solid #ff5347; padding: 5px; margin-bottom: 10px; border-radius: 4px; text-align: center; } .forgot-password #forgot-password-link { cursor: pointer; color: #4a90e2; margin: 0; } .forgot-password #forgot-password-link:hover { text-decoration: underline; } .forgot-password #forgot-password-message p { font-size: 13px; padding-bottom: 20px; } .forgot-password #back-to-login { position: absolute; top: 0; left: 0; margin: 20px; cursor: pointer; color: #9b9b9b; font-size: 13px; } .forgot-password #back-to-login:hover { text-decoration: underline; } .forgot-password #back-to-login .glyphicon { margin-right: 5px; } .accountMenu { transition: opacity 0.1s ease-in-out, top 0.2s ease-in-out; opacity: 0; z-index: 1000; display: none; min-width: 350px; max-width: 400px; width: 100%; position: absolute; top: calc(100% + 3px); right: 0px; background-color: #fff; border-radius: 4px; border: 1px solid #e7e8ea; box-shadow: 2px 2px 4px #e7e8ea; } .accountMenu.animate-in { display: block; } .accountMenu.animate-out { opacity: 0; } .accountMenu.closed { display: none; } .accountMenu.open { display: block; opacity: 1; top: calc(100% + 10px); } .accountMenu .logo { text-align: center; padding: 0px 0px 20px 0px; } .accountMenu .btn { margin: 1.3rem 0; } .accountMenu:before { content: ""; width: 15px; height: 15px; display: inline-block; position: absolute; top: -8px; right: 20px; background: white; border-width: 1px 0px 0px 1px; border-color: #e7e8ea; border-style: solid; transform: rotate(45deg); } .accountMenu .TextFieldGroup { margin-bottom: 1.3rem; } .account-links-container { width: 100%; height: 100%; } .account-links-container .exclude-respondents-view-toggle { padding: 15px; border-top: 1px solid #e7e8ea; color: #012e44; } .account-links-container .react-toggle { top: 2px; float: right; } .account-links-container .link { color: #012e44; padding: 15px 15px 15px 15px; cursor: pointer; } .account-links-container .link.bottom { padding: 15px; border-top: 1px solid #e7e8ea; } .account-links-container .link a, .account-links-container .link .sign-out { margin-left: 10px; color: inherit; text-decoration: none; cursor: pointer; } .account-links-container .link a:hover, .account-links-container .link .sign-out:hover { text-decoration: underline; } .tooltipContainer { max-width: 350px; max-height: 200px; position: absolute; z-index: 10000; } .tooltipContainer .tooltipArrow { width: 10px; height: 10px; background-color: #018488; transform: rotate(135deg); margin: 0 auto; position: relative; top: 5px; } .tooltipContainer .tooltipDetails { -webkit-box-shadow: 0 10px 6px -6px #777; -moz-box-shadow: 0 10px 6px -6px #777; box-shadow: 0 10px 6px -6px #777; } .tooltipContainer .tooltipDetails .tooltipTitleBar { color: #fff; background-color: #018488; padding: 10px 20px; border: 1px solid #018488; } .tooltipContainer .tooltipDetails .tooltipTitleBar .tooltipClose { float: right; cursor: pointer; } .tooltipContainer .tooltipDetails .tooltipTitleBar .tooltipClose svg { width: 18px; height: 18px; } .tooltipContainer .tooltipDetails .tooltipContent { padding: 10px 20px; line-height: 2em; border: 1px solid #e7e8ea; background-color: #fff; color: #000; } @charset "UTF-8"; /*! @algolia/autocomplete-theme-classic 1.17.0 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */ :root { --aa-search-input-height:44px; --aa-input-icon-size:20px; --aa-base-unit:16; --aa-spacing-factor:1; --aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px); --aa-spacing-half:calc(var(--aa-spacing)/2); --aa-panel-max-height:650px; --aa-base-z-index:9999; --aa-font-size:calc(var(--aa-base-unit)*1px); --aa-font-family:inherit; --aa-font-weight-medium:500; --aa-font-weight-semibold:600; --aa-font-weight-bold:700; --aa-icon-size:20px; --aa-icon-stroke-width:1.6; --aa-icon-color-rgb:119,119,163; --aa-icon-color-alpha:1; --aa-action-icon-size:20px; --aa-text-color-rgb:38,38,39; --aa-text-color-alpha:1; --aa-primary-color-rgb:62,52,211; --aa-primary-color-alpha:0.2; --aa-muted-color-rgb:128,126,163; --aa-muted-color-alpha:0.6; --aa-panel-border-color-rgb:128,126,163; --aa-panel-border-color-alpha:0.3; --aa-input-border-color-rgb:128,126,163; --aa-input-border-color-alpha:0.8; --aa-background-color-rgb:255,255,255; --aa-background-color-alpha:1; --aa-input-background-color-rgb:255,255,255; --aa-input-background-color-alpha:1; --aa-selected-color-rgb:179,173,214; --aa-selected-color-alpha:0.205; --aa-description-highlight-background-color-rgb:245,223,77; --aa-description-highlight-background-color-alpha:0.5; --aa-detached-media-query:(max-width:680px); --aa-detached-modal-media-query:(min-width:680px); --aa-detached-modal-max-width:680px; --aa-detached-modal-max-height:500px; --aa-overlay-color-rgb:115,114,129; --aa-overlay-color-alpha:0.4; --aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15); --aa-scrollbar-width:13px; --aa-scrollbar-track-background-color-rgb:234,234,234; --aa-scrollbar-track-background-color-alpha:1; --aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb); --aa-scrollbar-thumb-background-color-alpha:1; } @media (hover: none) and (pointer: coarse) { :root { --aa-spacing-factor:1.2; --aa-action-icon-size:22px; } } body.dark, body[data-theme=dark] { --aa-text-color-rgb:183,192,199; --aa-primary-color-rgb:146,138,255; --aa-muted-color-rgb:146,138,255; --aa-input-background-color-rgb:0,3,9; --aa-background-color-rgb:21,24,42; --aa-selected-color-rgb:146,138,255; --aa-selected-color-alpha:0.25; --aa-description-highlight-background-color-rgb:0 255 255; --aa-description-highlight-background-color-alpha:0.25; --aa-icon-color-rgb:119,119,163; --aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309; --aa-scrollbar-track-background-color-rgb:44,46,64; --aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb); } .aa-Autocomplete *, .aa-DetachedFormContainer *, .aa-Panel * { box-sizing: border-box; } .aa-Autocomplete, .aa-DetachedFormContainer, .aa-Panel { color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font-family: inherit; font-family: var(--aa-font-family); font-size: calc(16 * 1px); font-size: var(--aa-font-size); font-weight: 400; line-height: 1em; margin: 0; padding: 0; text-align: left; } .aa-Form { align-items: center; background-color: white; background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha)); border: 1px solid rgba(128, 126, 163, 0.8); border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha)); border-radius: 3px; display: flex; line-height: 1em; margin: 0; position: relative; width: 100%; } .aa-Form:focus-within { border-color: #3e34d3; border-color: rgba(var(--aa-primary-color-rgb), 1); box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 2px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px; box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px; outline: medium none currentColor; } .aa-InputWrapperPrefix { align-items: center; display: flex; flex-shrink: 0; height: 44px; height: var(--aa-search-input-height); order: 1; } .aa-Label, .aa-LoadingIndicator { cursor: auto; flex-shrink: 0; height: 100%; padding: 0; text-align: left; } .aa-Label svg, .aa-LoadingIndicator svg { color: #3e34d3; color: rgba(var(--aa-primary-color-rgb), 1); height: auto; max-height: 20px; max-height: var(--aa-input-icon-size); stroke-width: 1.6; stroke-width: var(--aa-icon-stroke-width); width: 20px; width: var(--aa-input-icon-size); } .aa-LoadingIndicator, .aa-SubmitButton { height: 100%; padding-left: calc((16 * 1 * 1px)*0.75 - 1px); padding-left: calc(calc(16 * 1 * 1px)*0.75 - 1px); padding-left: calc(var(--aa-spacing)*0.75 - 1px); padding-right: calc((16 * 1 * 1px) / 2); padding-right: calc(calc(16 * 1 * 1px) / 2); padding-right: var(--aa-spacing-half); width: calc((16 * 1 * 1px)*1.75 + 20px - 1px); width: calc(calc(16 * 1 * 1px)*1.75 + 20px - 1px); width: calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px); } @media (hover: none) and (pointer: coarse) { .aa-LoadingIndicator, .aa-SubmitButton { padding-left: calc(((16 * 1 * 1px) / 2)/2 - 1px); padding-left: calc(calc(calc(16 * 1 * 1px) / 2)/2 - 1px); padding-left: calc(var(--aa-spacing-half)/2 - 1px); width: calc(20px + (16 * 1 * 1px)*1.25 - 1px); width: calc(20px + calc(16 * 1 * 1px)*1.25 - 1px); width: calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px); } } .aa-SubmitButton { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; margin: 0; } .aa-LoadingIndicator { align-items: center; display: flex; justify-content: center; } .aa-LoadingIndicator[hidden] { display: none; } .aa-InputWrapper { order: 3; position: relative; width: 100%; } .aa-Input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font: inherit; height: 44px; height: var(--aa-search-input-height); padding: 0; width: 100%; } .aa-Input::-moz-placeholder { color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); opacity: 1; } .aa-Input::placeholder { color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); opacity: 1; } .aa-Input:focus { border-color: none; box-shadow: none; outline: none; } .aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } .aa-InputWrapperSuffix { align-items: center; display: flex; height: 44px; height: var(--aa-search-input-height); order: 4; } .aa-ClearButton { align-items: center; background: none; border: 0; color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); cursor: pointer; display: flex; height: 100%; margin: 0; padding: 0 calc((16 * 1 * 1px)*0.83333 - .5px); padding: 0 calc(calc(16 * 1 * 1px)*0.83333 - .5px); padding: 0 calc(var(--aa-spacing)*0.83333 - .5px); } @media (hover: none) and (pointer: coarse) { .aa-ClearButton { padding: 0 calc((16 * 1 * 1px)*0.66667 - .5px); padding: 0 calc(calc(16 * 1 * 1px)*0.66667 - .5px); padding: 0 calc(var(--aa-spacing)*0.66667 - .5px); } } .aa-ClearButton:focus, .aa-ClearButton:hover { color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); } .aa-ClearButton[hidden] { display: none; } .aa-ClearButton svg { stroke-width: 1.6; stroke-width: var(--aa-icon-stroke-width); width: 20px; width: var(--aa-icon-size); } .aa-Panel { background-color: white; background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); border-radius: calc((16 * 1 * 1px)/4); border-radius: calc(calc(16 * 1 * 1px)/4); border-radius: calc(var(--aa-spacing)/4); box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15); box-shadow: var(--aa-panel-shadow); margin: 8px 0 0; overflow: hidden; position: absolute; transition: opacity .2s ease-in,filter .2s ease-in; } @media screen and (prefers-reduced-motion) { .aa-Panel { transition: none; } } .aa-Panel button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; margin: 0; padding: 0; } .aa-PanelLayout { height: 100%; margin: 0; max-height: 650px; max-height: var(--aa-panel-max-height); overflow-y: auto; padding: 0; position: relative; text-align: left; } .aa-PanelLayoutColumns--twoGolden { display: grid; grid-template-columns: 39.2% auto; overflow: hidden; padding: 0; } .aa-PanelLayoutColumns--two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: hidden; padding: 0; } .aa-PanelLayoutColumns--three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: hidden; padding: 0; } .aa-Panel--stalled .aa-Source { filter: grayscale(1); opacity: .8; } .aa-Panel--scrollable { margin: 0; max-height: 650px; max-height: var(--aa-panel-max-height); overflow-x: hidden; overflow-y: auto; padding: calc((16 * 1 * 1px) / 2); padding: calc(calc(16 * 1 * 1px) / 2); padding: var(--aa-spacing-half); scrollbar-color: white #eaeaea; scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha)); scrollbar-width: thin; } .aa-Panel--scrollable::-webkit-scrollbar { width: 13px; width: var(--aa-scrollbar-width); } .aa-Panel--scrollable::-webkit-scrollbar-track { background-color: #eaeaea; background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha)); } .aa-Panel--scrollable::-webkit-scrollbar-thumb { background-color: white; background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)); border-radius: 9999px; border: 3px solid #eaeaea; border: 3px solid rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha)); border-right-width: 2px; } .aa-Source { margin: 0; padding: 0; position: relative; width: 100%; } .aa-Source:empty { display: none; } .aa-SourceNoResults { font-size: 1em; margin: 0; padding: calc(16 * 1 * 1px); padding: var(--aa-spacing); } .aa-List { list-style: none; margin: 0; } .aa-List, .aa-SourceHeader { padding: 0; position: relative; } .aa-SourceHeader { margin: calc((16 * 1 * 1px) / 2) 0.5em calc((16 * 1 * 1px) / 2) 0; margin: calc(calc(16 * 1 * 1px) / 2) 0.5em calc(calc(16 * 1 * 1px) / 2) 0; margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0; } .aa-SourceHeader:empty { display: none; } .aa-SourceHeaderTitle { background: white; background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); color: #3e34d3; color: rgba(var(--aa-primary-color-rgb), 1); display: inline-block; font-size: .8em; font-weight: 600; font-weight: var(--aa-font-weight-semibold); margin: 0; padding: 0 calc((16 * 1 * 1px) / 2) 0 0; padding: 0 calc(calc(16 * 1 * 1px) / 2) 0 0; padding: 0 var(--aa-spacing-half) 0 0; position: relative; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-SourceHeaderLine { border-bottom: 1px solid #3e34d3; border-bottom: 1px solid rgba(var(--aa-primary-color-rgb), 1); display: block; height: 2px; left: 0; margin: 0; opacity: .3; padding: 0; position: absolute; right: 0; top: calc((16 * 1 * 1px) / 2); top: calc(calc(16 * 1 * 1px) / 2); top: var(--aa-spacing-half); z-index: calc(9999 - 1); z-index: calc(var(--aa-base-z-index) - 1); } .aa-SourceFooterSeeAll { background: linear-gradient(180deg, white, rgba(128, 126, 163, 0.14)); background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, 0.14)); border: 1px solid rgba(128, 126, 163, 0.6); border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); border-radius: 5px; box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15); color: inherit; font-size: .95em; font-weight: 500; font-weight: var(--aa-font-weight-medium); padding: .475em 1em .6em; -webkit-text-decoration: none; text-decoration: none; } .aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover { border: 1px solid #3e34d3; border: 1px solid rgba(var(--aa-primary-color-rgb), 1); color: #3e34d3; color: rgba(var(--aa-primary-color-rgb), 1); } .aa-Item { align-items: center; border-radius: 3px; cursor: pointer; display: grid; min-height: calc((16 * 1 * 1px)*2.5); min-height: calc(calc(16 * 1 * 1px)*2.5); min-height: calc(var(--aa-spacing)*2.5); padding: calc(((16 * 1 * 1px) / 2)/2); padding: calc(calc(calc(16 * 1 * 1px) / 2)/2); padding: calc(var(--aa-spacing-half)/2); } .aa-Item[aria-selected=true] { background-color: rgba(179, 173, 214, 0.205); background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha)); } .aa-Item[aria-selected=true] .aa-ActiveOnly, .aa-Item[aria-selected=true] .aa-ItemActionButton { visibility: visible; } .aa-ItemIcon { align-items: center; background: white; background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3); box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); color: #7777a3; color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha)); display: flex; flex-shrink: 0; font-size: .7em; height: calc(20px + ((16 * 1 * 1px) / 2)); height: calc(20px + calc(calc(16 * 1 * 1px) / 2)); height: calc(var(--aa-icon-size) + var(--aa-spacing-half)); justify-content: center; overflow: hidden; stroke-width: 1.6; stroke-width: var(--aa-icon-stroke-width); text-align: center; width: calc(20px + ((16 * 1 * 1px) / 2)); width: calc(20px + calc(calc(16 * 1 * 1px) / 2)); width: calc(var(--aa-icon-size) + var(--aa-spacing-half)); } .aa-ItemIcon img { height: auto; max-height: calc(20px + ((16 * 1 * 1px) / 2) - 8px); max-height: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px); max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px); max-width: calc(20px + ((16 * 1 * 1px) / 2) - 8px); max-width: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px); max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px); width: auto; } .aa-ItemIcon svg { height: 20px; height: var(--aa-icon-size); width: 20px; width: var(--aa-icon-size); } .aa-ItemIcon--alignTop { align-self: flex-start; } .aa-ItemIcon--noBorder { background: none; box-shadow: none; } .aa-ItemIcon--picture { height: 96px; width: 96px; } .aa-ItemIcon--picture img { max-height: 100%; max-width: 100%; padding: calc((16 * 1 * 1px) / 2); padding: calc(calc(16 * 1 * 1px) / 2); padding: var(--aa-spacing-half); } .aa-ItemContent { align-items: center; cursor: pointer; display: grid; gap: calc((16 * 1 * 1px) / 2); gap: calc(calc(16 * 1 * 1px) / 2); grid-gap: calc((16 * 1 * 1px) / 2); grid-gap: calc(calc(16 * 1 * 1px) / 2); grid-gap: var(--aa-spacing-half); gap: var(--aa-spacing-half); grid-auto-flow: column; line-height: 1.25em; overflow: hidden; } .aa-ItemContent:empty { display: none; } .aa-ItemContent mark { background: none; color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font-style: normal; font-weight: 700; font-weight: var(--aa-font-weight-bold); } .aa-ItemContent--dual { display: flex; flex-direction: column; justify-content: space-between; text-align: left; } .aa-ItemContent--dual .aa-ItemContentSubtitle, .aa-ItemContent--dual .aa-ItemContentTitle { display: block; } .aa-ItemContent--indented { padding-left: calc(20px + (16 * 1 * 1px)); padding-left: calc(20px + calc(16 * 1 * 1px)); padding-left: calc(var(--aa-icon-size) + var(--aa-spacing)); } .aa-ItemContentBody { display: grid; gap: calc(((16 * 1 * 1px) / 2)/2); gap: calc(calc(calc(16 * 1 * 1px) / 2)/2); grid-gap: calc(((16 * 1 * 1px) / 2)/2); grid-gap: calc(calc(calc(16 * 1 * 1px) / 2)/2); grid-gap: calc(var(--aa-spacing-half)/2); gap: calc(var(--aa-spacing-half)/2); } .aa-ItemContentTitle { display: inline-block; margin: 0 .5em 0 0; max-width: 100%; overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap; } .aa-ItemContentSubtitle { font-size: .92em; } .aa-ItemContentSubtitleIcon:before { border-color: rgba(128, 126, 163, 0.64); border-color: rgba(var(--aa-muted-color-rgb), 0.64); border-style: solid; content: ""; display: inline-block; left: 1px; position: relative; top: -3px; } .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before { border-width: 0 0 1.5px; margin-left: calc((16 * 1 * 1px) / 2); margin-left: calc(calc(16 * 1 * 1px) / 2); margin-left: var(--aa-spacing-half); margin-right: calc(((16 * 1 * 1px) / 2)/2); margin-right: calc(calc(calc(16 * 1 * 1px) / 2)/2); margin-right: calc(var(--aa-spacing-half)/2); width: calc(((16 * 1 * 1px) / 2) + 2px); width: calc(calc(calc(16 * 1 * 1px) / 2) + 2px); width: calc(var(--aa-spacing-half) + 2px); } .aa-ItemContentSubtitle--standalone { align-items: center; color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); display: grid; gap: calc((16 * 1 * 1px) / 2); gap: calc(calc(16 * 1 * 1px) / 2); grid-gap: calc((16 * 1 * 1px) / 2); grid-gap: calc(calc(16 * 1 * 1px) / 2); grid-gap: var(--aa-spacing-half); gap: var(--aa-spacing-half); grid-auto-flow: column; justify-content: start; } .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before { border-radius: 0 0 0 3px; border-width: 0 0 1.5px 1.5px; height: calc((16 * 1 * 1px) / 2); height: calc(calc(16 * 1 * 1px) / 2); height: var(--aa-spacing-half); width: calc((16 * 1 * 1px) / 2); width: calc(calc(16 * 1 * 1px) / 2); width: var(--aa-spacing-half); } .aa-ItemContentSubtitleCategory { color: #807ea3; color: rgba(var(--aa-muted-color-rgb), 1); font-weight: 500; } .aa-ItemContentDescription { color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font-size: .85em; max-width: 100%; overflow-x: hidden; text-overflow: ellipsis; } .aa-ItemContentDescription:empty { display: none; } .aa-ItemContentDescription mark { background: rgba(245, 223, 77, 0.5); background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha)); color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); font-style: normal; font-weight: 500; font-weight: var(--aa-font-weight-medium); } .aa-ItemContentDash { color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); display: none; opacity: .4; } .aa-ItemContentTag { background-color: rgba(62, 52, 211, 0.2); background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)); border-radius: 3px; margin: 0 .4em 0 0; padding: .08em .3em; } .aa-ItemLink, .aa-ItemWrapper { align-items: center; color: inherit; display: grid; gap: calc(((16 * 1 * 1px) / 2)/2); gap: calc(calc(calc(16 * 1 * 1px) / 2)/2); grid-gap: calc(((16 * 1 * 1px) / 2)/2); grid-gap: calc(calc(calc(16 * 1 * 1px) / 2)/2); grid-gap: calc(var(--aa-spacing-half)/2); gap: calc(var(--aa-spacing-half)/2); grid-auto-flow: column; justify-content: space-between; width: 100%; } .aa-ItemLink { color: inherit; -webkit-text-decoration: none; text-decoration: none; } .aa-ItemActions { display: grid; grid-auto-flow: column; height: 100%; justify-self: end; margin: 0 calc((16 * 1 * 1px)/-3); margin: 0 calc(calc(16 * 1 * 1px)/-3); margin: 0 calc(var(--aa-spacing)/-3); padding: 0 2px 0 0; } .aa-ItemActionButton { align-items: center; background: none; border: 0; color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); cursor: pointer; display: flex; flex-shrink: 0; padding: 0; } .aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg { color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); } @media (hover: none) and (pointer: coarse) { .aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg { color: inherit; } } .aa-ItemActionButton svg { color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); margin: 0; margin: calc(calc(16 * 1 * 1px)/3); margin: calc(var(--aa-spacing)/3); stroke-width: 1.6; stroke-width: var(--aa-icon-stroke-width); width: 20px; width: var(--aa-action-icon-size); } .aa-ActiveOnly { visibility: hidden; } .aa-PanelHeader { align-items: center; background: #3e34d3; background: rgba(var(--aa-primary-color-rgb), 1); color: #fff; display: grid; height: var(--aa-modal-header-height); margin: 0; padding: calc((16 * 1 * 1px) / 2) calc(16 * 1 * 1px); padding: calc(calc(16 * 1 * 1px) / 2) calc(16 * 1 * 1px); padding: var(--aa-spacing-half) var(--aa-spacing); position: relative; } .aa-PanelHeader:after { background-image: linear-gradient(white, rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0)); bottom: calc(((16 * 1 * 1px) / 2)*-1); bottom: calc(calc(calc(16 * 1 * 1px) / 2)*-1); bottom: calc(var(--aa-spacing-half)*-1); content: ""; height: calc((16 * 1 * 1px) / 2); height: calc(calc(16 * 1 * 1px) / 2); height: var(--aa-spacing-half); left: 0; pointer-events: none; position: absolute; right: 0; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-PanelFooter { background-color: white; background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3); box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); display: flex; justify-content: space-between; margin: 0; padding: calc(16 * 1 * 1px); padding: var(--aa-spacing); position: relative; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-PanelFooter:after { background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(128, 126, 163, 0.6)); background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))); content: ""; height: calc(16 * 1 * 1px); height: var(--aa-spacing); left: 0; opacity: .12; pointer-events: none; position: absolute; right: 0; top: calc((16 * 1 * 1px)*-1); top: calc(calc(16 * 1 * 1px)*-1); top: calc(var(--aa-spacing)*-1); z-index: calc(9999 - 1); z-index: calc(var(--aa-base-z-index) - 1); } .aa-DetachedContainer { background: white; background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); bottom: 0; box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15); box-shadow: var(--aa-panel-shadow); display: flex; flex-direction: column; left: 0; margin: 0; overflow: hidden; padding: 0; position: fixed; right: 0; top: 0; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-DetachedContainer:after { height: 32px; } .aa-DetachedContainer .aa-SourceHeader { margin: calc((16 * 1 * 1px) / 2) 0 calc((16 * 1 * 1px) / 2) 2px; margin: calc(calc(16 * 1 * 1px) / 2) 0 calc(calc(16 * 1 * 1px) / 2) 2px; margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px; } .aa-DetachedContainer .aa-Panel { background-color: white; background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)); border-radius: 0; box-shadow: none; flex-grow: 1; margin: 0; padding: 0; position: relative; } .aa-DetachedContainer .aa-PanelLayout { bottom: 0; box-shadow: none; left: 0; margin: 0; max-height: none; overflow-y: auto; position: absolute; right: 0; top: 0; width: 100%; } .aa-DetachedFormContainer { border-bottom: 1px solid rgba(128, 126, 163, 0.3); border-bottom: 1px solid rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: calc((16 * 1 * 1px) / 2); padding: calc(calc(16 * 1 * 1px) / 2); padding: var(--aa-spacing-half); } .aa-DetachedCancelButton { background: none; border: 0; border-radius: 3px; color: inherit; color: #262627; color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha)); cursor: pointer; font: inherit; margin: 0 0 0 calc((16 * 1 * 1px) / 2); margin: 0 0 0 calc(calc(16 * 1 * 1px) / 2); margin: 0 0 0 var(--aa-spacing-half); padding: 0 calc((16 * 1 * 1px) / 2); padding: 0 calc(calc(16 * 1 * 1px) / 2); padding: 0 var(--aa-spacing-half); } .aa-DetachedCancelButton:focus, .aa-DetachedCancelButton:hover { box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3); box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha)); } .aa-DetachedContainer--modal { border-radius: 6px; bottom: inherit; height: auto; margin: 0 auto; max-width: 680px; max-width: var(--aa-detached-modal-max-width); position: absolute; top: 3%; } .aa-DetachedContainer--modal .aa-PanelLayout { max-height: 500px; max-height: var(--aa-detached-modal-max-height); padding-bottom: calc((16 * 1 * 1px) / 2); padding-bottom: calc(calc(16 * 1 * 1px) / 2); padding-bottom: var(--aa-spacing-half); position: static; } .aa-DetachedContainer--modal .aa-PanelLayout:empty { display: none; } .aa-DetachedSearchButton { align-items: center; background-color: white; background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha)); border: 1px solid rgba(128, 126, 163, 0.8); border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha)); border-radius: 3px; color: rgba(128, 126, 163, 0.6); color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)); cursor: pointer; display: flex; font: inherit; font-family: inherit; font-family: var(--aa-font-family); font-size: calc(16 * 1px); font-size: var(--aa-font-size); height: 44px; height: var(--aa-search-input-height); margin: 0; padding: 0 calc(44px/8); padding: 0 calc(var(--aa-search-input-height)/8); position: relative; text-align: left; width: 100%; } .aa-DetachedSearchButton:focus { border-color: #3e34d3; border-color: rgba(var(--aa-primary-color-rgb), 1); box-shadow: rgba(62, 52, 211, 0.2) 0 0 0 3px, inset rgba(62, 52, 211, 0.2) 0 0 0 2px; box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px; outline: medium none currentColor; } .aa-DetachedSearchButtonIcon { align-items: center; color: #3e34d3; color: rgba(var(--aa-primary-color-rgb), 1); cursor: auto; display: flex; flex-shrink: 0; height: 100%; justify-content: center; width: calc(20px + (16 * 1 * 1px)); width: calc(20px + calc(16 * 1 * 1px)); width: calc(var(--aa-icon-size) + var(--aa-spacing)); } .aa-DetachedSearchButtonQuery { color: #262627; color: rgba(var(--aa-text-color-rgb), 1); line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .aa-DetachedSearchButtonPlaceholder[hidden] { display: none; } .aa-Detached { height: 100vh; overflow: hidden; } .aa-DetachedOverlay { background-color: rgba(115, 114, 129, 0.4); background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha)); height: 100vh; left: 0; margin: 0; padding: 0; position: fixed; right: 0; top: 0; z-index: calc(9999 - 1); z-index: calc(var(--aa-base-z-index) - 1); } .aa-GradientBottom, .aa-GradientTop { height: calc((16 * 1 * 1px) / 2); height: calc(calc(16 * 1 * 1px) / 2); height: var(--aa-spacing-half); left: 0; pointer-events: none; position: absolute; right: 0; z-index: 9999; z-index: var(--aa-base-z-index); } .aa-GradientTop { background-image: linear-gradient(white, rgba(255, 255, 255, 0)); background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0)); top: 0; } .aa-GradientBottom { background-image: linear-gradient(rgba(255, 255, 255, 0), white); background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1)); border-bottom-left-radius: calc((16 * 1 * 1px)/4); border-bottom-left-radius: calc(calc(16 * 1 * 1px)/4); border-bottom-left-radius: calc(var(--aa-spacing)/4); border-bottom-right-radius: calc((16 * 1 * 1px)/4); border-bottom-right-radius: calc(calc(16 * 1 * 1px)/4); border-bottom-right-radius: calc(var(--aa-spacing)/4); bottom: 0; } @media (hover: none) and (pointer: coarse) { .aa-DesktopOnly { display: none; } } @media (hover: hover) { .aa-TouchOnly { display: none; } } .global-search-container { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .global-search-container { display: block; max-width: 500px; margin: 0 0 0 auto; } } .autocomplete-container { position: relative; } .aa-DetachedSearchButtonIcon { color: #3082CE; } .aa-Form { border: 1px solid #e7e8ea; border-radius: 5px; } .aa-Form:focus-within { border-color: #3082CE; box-shadow: rgba(48, 130, 206, 0.25) 0 0 0 2px; } .aa-Form .aa-InputWrapperPrefix { gap: 10px; margin-right: 10px; } .aa-Form .aa-InputWrapperPrefix .search-icon { color: #3082CE; } .aa-Form .aa-InputWrapperPrefix select { border: 0; border-right: 10px solid #EDF2F6; height: inherit; padding: 10px; background-color: #EDF2F6; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .aa-Form .aa-InputWrapperPrefix select:focus-visible { outline: none; } .aa-Form .aa-SubmitIcon { color: #3082CE; } .aa-Panel { z-index: 1000; color: #718096; width: 100%; } .aa-Panel .aa-PanelLayout .aa-Panel--scrollable { position: fixed; } .aa-Panel .aa-Source .aa-SourceHeaderTitle { color: #3082CE; font-weight: lighter; font-size: 1.4rem; } .aa-Panel .aa-Source .aa-SourceHeaderLine { border-color: #3082CE; opacity: 1; } .aa-Panel .aa-Item { padding: 0 10px; } .aa-Panel .aa-Item .aa-ItemLink { padding: 10px 0; grid-row: 1; } .aa-Panel .aa-Item .aa-ItemLink:hover { color: inherit; } .aa-Panel .aa-Item .aa-ItemLink mark { color: #2B5282; font-weight: 700; } .aa-ItemContentBody { display: grid; align-items: center; } .aa-ItemContentBody .search-icon { width: 15px; grid-row: 1; } .aa-ItemContentBody .aa-ItemContentTitle { color: #718096; margin: 0 0.5em 0 0.5em; grid-row: 1; } .aa-ItemContentBody .aa-ItemContentDescription { grid-row: 1; } .topbar-container { position: fixed; top: 0; right: 0; width: 100%; z-index: 120; display: flex; gap: 20px; flex-direction: row; padding: 15px 20px; color: #fff; align-items: center; border-bottom: 1px solid #e7e8ea; background: -webkit-linear-gradient(to bottom, #124966, #0a2c43); background: -moz-linear-gradient(to bottom, #124966, #0a2c43); background: -o-linear-gradient(to bottom, #124966, #0a2c43); background: -ms-linear-gradient(to bottom, #124966, #0a2c43); background: linear-gradient(to bottom, #124966, #0a2c43); /* Small devices (portrait tablets and large phones, 768px and up) */ } .topbar-container.regular { /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { .topbar-container.regular { width: calc(100% - 180px); } } @media only screen and (min-width: 1200px) { .topbar-container.regular { width: calc(100% - 240px); } } .topbar-container.minimal { position: static; display: block; background: #fff; border-bottom: 1px solid #e7e8ea; box-shadow: 0px 0px 5px #e7e8ea; } @media only screen and (min-width: 768px) { .topbar-container { color: initial; background: #fff; } } .topbar-container .topbar-item-mobile { display: flex; align-items: center; flex-basis: 100%; /* Small devices (portrait tablets and large phones, 768px and up) */ } .topbar-container .topbar-item-mobile .logo-container { flex-grow: 2; text-align: center; } .topbar-container .topbar-item-mobile .logo { width: 100%; max-width: 80px; height: auto; transform: translateX(25%); margin-left: -22px; } @media only screen and (min-width: 768px) { .topbar-container .topbar-item-mobile { display: none; } } .topbar-container .topbar-item-mobile #mobile-search { padding: 10px; font-size: 2rem; display: inline-block; /* Small devices (portrait tablets and large phones, 768px and up) */ } .topbar-container .topbar-item-mobile #mobile-search.active:before { content: ""; background-color: #26536a; position: absolute; top: 0; bottom: 0; width: 46px; transform: translateX(-13px); } .topbar-container .topbar-item-mobile #mobile-search .icon { cursor: pointer; width: 20px; } .topbar-container .topbar-item-mobile #mobile-search .icon, .topbar-container .topbar-item-mobile #mobile-search .icon-close:before, .topbar-container .topbar-item-mobile #mobile-search .icon-close:after { height: 20px; } @media only screen and (min-width: 768px) { .topbar-container .topbar-item-mobile #mobile-search { display: none; } } .topbar-container .topbar-item-menu { position: relative; flex-grow: 1; } .topbar-container .topbar-item-menu .icon { margin-left: 5px; } .topbar-container .topbar-item-menu .btn { text-transform: uppercase; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .topbar-container .topbar-item-menu .btn { height: auto; align-self: center; } } .topbar-container .topbar-item-menu .btn.btn-light { color: #154c70; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .topbar-container .topbar-item-menu .btn.btn-light { color: #fff; } } .topbar-container .topbar-item-menu .btn.btn-light.btn-outline { color: #154c70; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .topbar-container .topbar-item-menu .btn.btn-light.btn-outline { color: #fff; } } .topbar-container .topbar-item-menu .btn.btn-light.btn-outline:hover { color: #154c70; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .topbar-container .topbar-item-menu .btn.btn-light.btn-outline:hover { color: #fff; } } .topbar-container .topbar-item-menu .mobile-username { /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .topbar-container .topbar-item-menu .mobile-username { display: none; } } .topbar-container .topbar-item-menu .desktop-username { display: none; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .topbar-container .topbar-item-menu .desktop-username { display: inline-block; } } .topbar-container #mobile-menu { display: none; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .topbar-container #mobile-menu { display: flex; align-items: center; cursor: pointer; font-size: 1.8rem; } .topbar-container #mobile-menu p { color: #fff; padding-left: 0.3em; } } .topbar-container .topbar-item-buttons { display: none; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .topbar-container .topbar-item-buttons { display: flex; flex-grow: 1; } } .topbar-container .topbar-item-buttons .btn { margin: 0px 5px; } .topbar-container #mobile-search-container { position: absolute; top: 100%; left: 0; width: 100%; padding: 10px; display: none; background-color: #25536b; align-items: center; /* Small devices (portrait tablets and large phones, 768px and up) */ /* small devices (phones, 767px and down) */ /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .topbar-container #mobile-search-container { justify-content: flex-end; } } .topbar-container #mobile-search-container .vendor-search-container { display: block; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .topbar-container #mobile-search-container .vendor-search-container { width: 100%; } } .topbar-container #mobile-search-container .vendor-search-container .vendor-search-label { white-space: pre; background-color: #f8f9fa; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #e7e8ea; border-right: 0; padding: 11px; color: #444; cursor: pointer; } .topbar-container #mobile-search-container .vendor-select-container { /* Small devices (portrait tablets and large phones, 768px and up) */ width: 100%; } @media only screen and (min-width: 768px) { .topbar-container #mobile-search-container .vendor-select-container { min-width: 225px; } } .topbar-container #mobile-search-container .vendor-select-container .vendor-select__control { border-radius: 10px; border: 1px solid #e7e8ea; padding: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; cursor: pointer; } .topbar-container #mobile-search-container .vendor-select-container .vendor-select__control .vendor-select__indicator-separator { display: none; } .topbar-container #mobile-search-container .vendor-select-container .vendor-select__menu { color: #000; } @media only screen and (max-width: 767px) { .topbar-container #mobile-search-container.active { display: block; } } @media only screen and (min-width: 768px) { .topbar-container #mobile-search-container { display: block; position: static; background-color: transparent; padding: 0px; } } .topbar-container #mobile-search-container .mobile-filters { display: none; cursor: pointer; font-size: 1.9rem; font-weight: normal; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .topbar-container #mobile-search-container .mobile-filters { margin-right: 1em; display: flex; } } .topbar-container #mobile-search-container.minimal { display: none; } .topbar-container .topbar-item-search { flex-grow: 4; padding: 0px 5px; } .topbar-container .topbar-item-search .vendor-select__placeholder { max-width: calc(90%); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .topbar-container.minimal { justify-content: space-between; } .topbar-container.minimal div[class^="topbar-item-"], .topbar-container.minimal #mobile-menu { display: none; } .topbar-container.minimal .topbar-item-menu { flex: 0; } .topbar-container.minimal .topbar-logo { height: 35px; width: 101px; } .loading-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } .loading-content-container { display: flex; flex-direction: column; margin-bottom: 100px; } .loading-content-container.no-margin { margin: 0; } .spinner { width: 50px; height: 40px; text-align: center; font-size: 10px; margin: auto; } .loading-title { font-size: 20px; background: -webkit-linear-gradient(#2da3e0, #124966); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; font-weight: bold; } .spinner > div { background: linear-gradient(to bottom, #5cc7ff 0%, #124966 100%); height: 100%; width: 6px; text-align: center; display: inline-block; margin: 1px; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .home-page-content-container { /* Small devices (portrait tablets and large phones, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ /* Extra large devices (large laptops and desktops, 1600px and up) */ } @media only screen and (min-width: 768px) { .home-page-content-container { padding: 1.5em; } } @media only screen and (min-width: 1024px) { .home-page-content-container { grid-gap: 1.5em; display: grid; grid-template-columns: repeat(3, minmax(250px, 1fr)); grid-template-areas: "left left right"; } } @media only screen and (min-width: 1200px) { .home-page-content-container { grid-template-columns: repeat(3, minmax(300px, 1fr)); } } @media only screen and (min-width: 1600px) { .home-page-content-container { grid-template-columns: repeat(4, minmax(300px, 1fr)); grid-template-areas: "left left left right"; } } .auth-homepage-video { text-align: center; background: black; color: white; padding: 25px; /* small devices (phones, 767px and down) */ } .auth-homepage-video iframe { position: relative; width: 560px; height: 330px; } @media only screen and (max-width: 767px) { .auth-homepage-video iframe { width: 100%; height: 180px; } } .home-page-container-left { grid-area: left; margin-bottom: 1.5em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .home-page-container-left { margin-bottom: 0; } } .home-page-container-right { flex-grow: 1.5; grid-area: right; } .home-page-content-bottom { align-self: end; margin-top: 20px; padding: 20px; box-sizing: border-box; background: #ffffff; border: 1px solid #e7e8ea; box-shadow: 0 0 5px 0 #e7e8ea; } .home-page-content-bottom .home-page-content-bottom-title { font-size: 25px; color: #325f7d; letter-spacing: 0; text-align: left; } .home-page-content-bottom .four-x-one-list { margin-top: 20px; } .home-page-content-bottom .home-page-favorites-link { width: 100%; margin-top: 10px; padding-bottom: 20px; } .home-page-content-bottom .home-page-favorites-link a { float: right; } .image-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .home-page-container-title { font-size: 2.5rem; color: #325f7d; letter-spacing: 0; text-align: left; } .list-container { display: flex; flex-direction: column; margin-bottom: 10px; } .home-page-list-title { font-size: 1.6rem; color: #2b2f3b; letter-spacing: 1.12px; font-weight: 700; padding: 0 0 1em 0; } .home-page-list-subtitle { color: #2b2f3b; letter-spacing: 1.12px; } .four-x-two-list, .four-x-one-list { display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); grid-auto-rows: auto; grid-gap: 10px 10px; } .four-x-two-list { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .four-x-two-list { grid-template-columns: repeat(4, minmax(100px, 1fr)); } } .four-x-one-list { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .four-x-one-list { grid-template-columns: repeat(4, minmax(100px, 1fr)); } } .two-x-three-list, .two-x-two-list { display: grid; grid-template-columns: repeat(2, minmax(100px, 1fr)); grid-auto-rows: auto; grid-gap: 10px 10px; } .two-x-two-list { margin-bottom: 20px; } .home-page-card { background-color: #ffffff; border: 1px solid #e7e8ea; height: 137px; display: flex; padding: 10px; } .home-page-card #hp-card-image { flex: 1; width: 100%; height: auto; background-size: contain; background-repeat: no-repeat; background-position: center; } .home-page-card img { width: 100%; height: 100%; padding: 10px; } .private-page .news-cards-frame { max-width: 1140px; margin: 0 auto; padding: 0.8em; padding-top: 2em; } .content-card { box-sizing: border-box; background: #ffffff; border: 1px solid #e7e8ea; padding: 20px; } .content-card::after { content: ""; clear: both; display: block; } .content-card-title { display: inline-block; font-size: 25px; color: #325f7d; letter-spacing: 0; text-align: left; margin: 0; padding-top: 0; } #modal { z-index: 999; position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; background-color: rgba(0, 0, 0, 0.7); overflow-x: hidden; overflow: scroll; } #modal.open { display: flex; } #modal.close { display: none; } #modal .glyphicon-remove { font-size: 2rem; cursor: pointer; padding: 0.5em; position: absolute; top: 0px; right: 0px; } .modal-container { position: relative; z-index: 99; width: 100%; margin: 0 auto; padding: 10px; min-height: 300px; } .modal-container.medium { max-width: 570px; } .modal-container.large { max-width: 847px; } .modal-content { margin: 0 auto; background-color: #fff; padding: 2.5rem; } .modal-content.medium { max-width: 570px; } .modal-content.medium-large { max-width: 770px; } .modal-content.large { max-width: 847px; } .modal-header { padding: 0; border: 0px; display: flex; text-transform: capitalize; justify-content: space-between; } .modal-header h2 { padding: 0; margin-bottom: 1rem; } .modal-message { text-align: center; } .modal-message.success { color: #325f7d; } .modal-message.saveError, .modal-message.error { color: #ff5656; } .modal-message .success-icon { color: #fff; background: #4eb474; padding: 0.8rem; border-radius: 80%; margin: 0.8rem 0; } .modal-message .modal-message-text { font-size: 1.5rem; padding: 0.8rem; } .modal-message .btn { display: inline-block; width: 180px; margin: 0 0.8rem; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .modal-message .btn { width: 100%; margin-bottom: 0.8rem; } } .modal-buttons { margin-bottom: 1rem; padding-top: 1.5rem; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .modal-buttons { display: flex; } } .modal-buttons .btn-modal { width: 100%; margin-bottom: 10px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .modal-buttons .btn-modal { width: auto; min-width: 180px; margin: 0 1rem; } } .react-select-container .react-select__control { background-color: #f8f9fa; border-radius: 10px; } .react-select-container .react-select__value-container { height: 45px; align-content: center; } .react-select-container .react-select__indicators { height: 45px; } .react-select-container .react-select__option { text-transform: capitalize; } .move-favorite-input-label { margin-top: 15px; margin-bottom: 10px; } .move-favorite-input-label span { font-size: 14px; color: #0b2e45; } .move-favorite-buttons-container { margin-top: 2rem; display: flex; justify-content: flex-end; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .move-favorite-buttons-container { display: block; } } .move-favorite-buttons-container .move-favorite-action-button, .move-favorite-buttons-container .move-favorite-cancel-button { color: #ffffff; width: 35%; margin: 0 0.8rem; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .move-favorite-buttons-container .move-favorite-action-button, .move-favorite-buttons-container .move-favorite-cancel-button { width: 100%; margin: 0.8rem 0; } } .move-favorite-buttons-container .move-favorite-action-button { background: #154c70; } .move-favorite-buttons-container .move-favorite-cancel-button { background: #6c757d; } .share-email .share-inputs-container { display: flex; } .share-email .share-inputs-container .TextFieldGroup { width: 80%; } .share-email .share-inputs-container .share-input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; box-shadow: none; } .share-email .share-inputs-container .share-copy-button { width: 20%; border-top-left-radius: 0; border-bottom-left-radius: 0; background: #f8f9fa; border: 1px solid #e7e8ea; border-left: 0; color: #009aff; font-weight: bold; } .input-container { flex-wrap: wrap; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .input-container { flex-wrap: nowrap; display: flex; flex-direction: row; align-items: center; margin-right: 0; } .input-container div { border: none; border-radius: 0; } } .input-container label { font-weight: bolder; font-size: 14px; letter-spacing: 1px; white-space: nowrap; margin-right: 10px; margin-left: 5px; margin-bottom: 5px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .input-container label { margin-left: 0; margin-bottom: 0; } } .input-container .search-bar { background-color: #f8f9fa; min-width: 400px; color: #6f6f6f; padding: 0px 15px; display: flex; flex-basis: 100%; padding: 2px 10px; } .input-container .search-bar.border { border: 1px solid #e7e8ea; } .input-container .search-bar.rounded { border-radius: 5px; } .input-container .search-bar input { border: none; outline: none; padding: 0.6em; width: 100%; background-color: #f8f9fa; box-sizing: border-box; } .input-container .search-bar input::placeholder { color: #8b8b8b; font-size: 14px; letter-spacing: 1px; } .input-container .search-bar .glyphicon { font-size: 20px; align-self: center; cursor: pointer; } .favorite-folder { position: relative; border-radius: 0.8rem; color: #495057; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .favorite-folder:hover { z-index: 99; } .favorite-folder:hover .folder-preview { opacity: 1; pointer-events: auto; } } .folder-name { text-transform: capitalize; } .file-count { color: #495057; } .folder-preview { opacity: 0; pointer-events: none; position: absolute; left: 0; top: 0; border-radius: 0.8rem; transition: opacity 2s ease-in-out; } .folder-preview-item { margin-bottom: 10px; } .folder-preview-frame { display: flex; } .folder-preview-frame > .col:first-child { padding-right: 2rem; max-width: 220px; min-width: 100px; } .folder-preview-frame .col .favorite-file { margin-bottom: 0.9rem; } .folder-edit-button-wrap { margin-top: 2rem; justify-content: flex-end; display: flex; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .folder-edit-button-wrap { display: block; } } .folder-edit-button-wrap .btn { width: 180px; margin: 0 0.8rem; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .folder-edit-button-wrap .btn { width: 100%; margin: 1rem 0; } } .folder-edit-warning { padding: 0.8rem 0; color: #5b646d; } .folder-edit-mobile { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .folder-edit-mobile { display: none; } } .folder-action-rename, .folder-action-delete { display: block; margin: 0.8rem 0; cursor: pointer; } .folder-action-delete { color: #ff5656; } .folder-action-rename { color: #325f7d; } .folder-actions { padding-top: 1.5rem; } .new-folder-container input { border-radius: 10px; background: #f8f9fa; border: 1px solid #e7e8ea; width: 100%; height: 45px; } .new-folder-container .new-folder-header { padding-bottom: 4rem; } .new-folder-container .new-folder-header h2 { font-size: 25px; color: #325f7d; padding: 0; } .new-folder-container .new-folder-inputs-container .new-folder-input-label { margin-bottom: 10px; } .new-folder-container .new-folder-inputs-container .new-folder-input-label span { font-size: 16px; color: #0b2e45; } .new-folder-container .new-folder-inputs-container .new-folder-input-error { width: 100%; min-height: 12px; } .new-folder-container .new-folder-inputs-container .new-folder-input-error span { font-size: 12px; color: red; } .new-folder-container .new-folder-buttons-container { height: 45px; margin-top: 27px; display: flex; justify-content: flex-end; } .new-folder-container .new-folder-buttons-container .new-folder-create-button { width: 35%; background: #154c70; color: #ffffff; margin-left: 10px; } .new-folder-container .new-folder-buttons-container .new-folder-cancel-button { width: 35%; background: #6c757d; color: #ffffff; margin-right: 10px; } .new-folder-dialogue { position: absolute; bottom: 91px; left: 40px; font-size: 12px; color: red; } @media only screen and (max-width: 855px) { .new-folder-container { margin: 0 auto; width: 90%; } } .favorite-file-frame { display: flex; position: relative; background-color: #fff; border-radius: 0.8rem; padding: 0.8rem 4rem 0.8rem 0.8rem; border: 1px solid #e7e8ea; transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-out, border-color 0.3s ease-in-out; } .favorite-file-frame:hover { border-color: #79a8bf; box-shadow: 0px 8px 8px -10px rgba(0, 0, 0, 0.2), 0px 11px 8px -10px rgba(0, 0, 0, 0.1); } .react-select-control { cursor: pointer; width: 25px; position: relative; top: 10px; right: 10px; } .react-select-control > i { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 14px; height: 14px; } .react-select-menu__container { position: absolute; right: 0; top: 0; } .react-select-option:active { background-color: transparent !important; } .react-select-option:not(:last-child) { border-bottom: 1px solid #ececec; } .favorite-name, .favorite-title { font-size: 1.3rem; padding-bottom: 0.4rem; } .favorite-name { color: #325f7d; } .favorite-title { color: #00839e; } .favorite-description, .favorites-link { color: #9da2a7; } .favorites-link { display: flex; flex-basis: 100%; } .share-cancel-button { width: 35%; background: #6c757d; color: #ffffff; margin-right: 10px; } .favorite-delete .formButtonGroup { padding-top: 2rem; display: flex; justify-content: flex-end; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .favorite-delete .formButtonGroup { display: block; } } .favorite-delete .formButtonGroup .btn { flex-basis: 180px; margin: 0 0.8rem; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .favorite-delete .formButtonGroup .btn { width: 100%; margin: 1rem 0; } } .favorite-delete .message { padding: 0.8rem; text-align: center; border-radius: 0.8rem; margin-bottom: 0.8rem; color: #fff; } .favorite-delete .message.success { background-color: #4eb474; } .favorite-delete .message.saveError { background-color: #ff5656; } .favorites-list { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .favorites-list { display: flex; justify-content: space-between; flex-wrap: wrap; } } .favorites-list-item { margin-bottom: 0.8rem; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .favorites-list-item { width: 49%; } } .view-all-link { color: #325f7d; float: right; font-size: 1.3rem; padding-top: 0.8rem; } .view-all-link span { padding-right: 0.5rem; color: #00d4ff; font-size: 1.5rem; } .hp-product-card-container { display: flex; flex-direction: column; border: solid 1px #e7e8ea; } .hp-product-card-container .hp-product-card-header { flex: 1; width: 100%; height: 56%; display: flex; padding: 2rem .5rem; justify-content: center; } .hp-product-card-container .hp-product-card-header .no-image { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; background-repeat: no-repeat; background-size: cover; } .hp-product-card-container .hp-product-card-header .no-image span { letter-spacing: 1px; font-size: 14px; font-weight: bold; color: #0092ff; line-height: 1.2; text-align: center; margin: 0 auto; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .hp-product-card-container .hp-product-card-header .no-image span { font-size: 12px; } } .hp-product-card-container .hp-product-card-header .no-image .image-link { background-size: contain; background-repeat: no-repeat; background-position: center; width: 75px; height: 75px; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .hp-product-card-container .hp-product-card-header .no-image .image-link { width: 35px; height: 35px; } } .hp-product-card-container .hp-product-card-body { flex: 1; width: 100%; height: 44%; background-color: #f2f2f2; padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .hp-product-card-container .hp-product-card-body .hp-product-card-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 12px; } .hp-product-card-container .hp-product-card-body .hp-product-card-title #hp-product-card-title-name { font-size: 12px; font-weight: bold; letter-spacing: 0.4px; color: #5b646d; } .hp-product-card-container .hp-product-card-body .hp-product-card-date { margin: 0; padding: 0; line-height: 10px; } .hp-product-card-container .hp-product-card-body .hp-product-card-date span { font-size: 10px; font-weight: bold; letter-spacing: 0.4px; color: #9b9b9b; } .news-cards-frame { display: flex; position: relative; z-index: 99; flex-wrap: wrap; justify-content: center; } .news-card { flex-basis: 33.33%; position: relative; max-width: 300px; text-align: center; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .news-card { flex-basis: 20%; } } .news-card.selected { position: relative; z-index: 130; } .news-card__content { position: absolute; top: 50px; border-radius: 5px; padding: 60px 20px 20px 20px; text-align: center; border-style: solid; border-width: 5px 0px 0px 0px; box-shadow: 0px 0px 5px rgba(146, 146, 146, 0.5); opacity: 0; transition: opacity 0.2s, transform 0.2s cubic-bezier(0.29, 0.25, 1, 1.43); transform-origin: top center; transform: rotate(-10deg); pointer-events: none; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .news-card__content { display: none; } } .news-card__content.open { opacity: 1; transform: rotate(0deg); } .news-card__border { height: 5px; position: absolute; width: 100%; top: 0; left: 0; border-radius: 5px 5px 0px 0px; } .news-card__image { position: relative; margin: auto; border-radius: 50%; width: 100px; height: 100px; z-index: 120; transition: transform 0.3s; /* small devices (phones, 767px and down) */ } .news-card__image:hover .news-card__content { opacity: 1; } @media only screen and (max-width: 767px) { .news-card__image { width: 80px; height: 80px; } } #how-it-works .tool-type-dropdown .tool-type-options:before, #how-it-works .tool-type-dropdown .tool-type-options:after { content: ""; display: inline-block; border-style: solid; width: 0; } #how-it-works .tool-type-dropdown .tool-type-options:before, #how-it-works .tool-type-dropdown .tool-type-options:after { content: ""; display: inline-block; border-style: solid; width: 0; } #how-it-works .tool-type-dropdown .tool-type-options:before, #how-it-works .tool-type-dropdown .tool-type-options:after { content: ""; display: inline-block; border-style: solid; width: 0; } #how-it-works .tool-type-dropdown .tool-type-options:before, #how-it-works .tool-type-dropdown .tool-type-options:after { content: ""; display: inline-block; border-style: solid; width: 0; } .page-nav { position: fixed; z-index: 99; align-items: center; margin: auto; overflow: hidden; border-radius: 50px; box-shadow: 0px 0px 5px -3px rgba(0, 0, 0, 0.3), 0px 0px 5px 3px rgba(0, 0, 0, 0.07); bottom: 20px; left: 5px; right: 90px; max-width: 800px; background-color: white; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .page-nav { left: 240px; } } .page-nav__links { display: flex; justify-content: space-between; align-items: center; } .page-nav__links li { flex-grow: 1; text-align: center; } .page-nav__links li:last-child { display: none; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .page-nav__links li:last-child { display: block; } } .page-nav__link { flex-grow: 1; padding: 1.6em 1.3em; display: block; text-transform: uppercase; transition: background-color 0.3s ease-in-out; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .page-nav__link { font-size: 1.2rem; padding: 1.2em 0.9em; } } .page-nav__link.active-spy { background-color: #2f87d0; color: #fff; } .page-nav .free-trial { border-radius: 100px; margin: 0px 10px; } #public-page .page-container { padding: 1em; position: relative; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #public-page .page-container { padding: 20px; } } #public-page > section { height: 100%; position: relative; padding-bottom: 84px; } #public-page > #landing-page { /* Large devices (laptops/desktops, 1200px and up) */ } #public-page > #landing-page .page-container { max-width: 1000px; margin: auto; } @media only screen and (min-width: 1200px) { #public-page > #landing-page { min-height: calc(100vh - 260px); display: flex; } } #public-page .news-cards-frame { padding-bottom: 3em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #public-page .news-cards-frame { padding-bottom: 7em; } } #home-page-container { border-top: 1px solid #e7e8ea; } #landing-page { height: calc(100vh - 69px); position: relative; padding: 1.5em; } #landing-page .video-player iframe { width: 350px; height: 197px; display: block; position: relative; margin: auto; } @media only screen and (min-width: 1024px) { #landing-page .video-player { position: absolute; left: 100%; top: -25px; } #landing-page .video-player iframe { width: 370px; height: 210px; } } @media only screen and (min-width: 1280px) { #landing-page .video-player { position: absolute; left: 100%; top: -45px; } #landing-page .video-player iframe { width: 440px; height: 250px; } } @media only screen and (min-width: 1440px) { #landing-page .video-player { position: absolute; left: 100%; top: -45px; } #landing-page .video-player iframe { width: 510px; height: 288px; } } @media only screen and (min-width: 1920px) { #landing-page .video-player { position: absolute; left: 100%; top: -45px; } #landing-page .video-player iframe { width: 700px; height: 394px; } } @keyframes slide-hero-image { 0% { opacity: 0; transform: none; } 100% { opacity: 1; transform: translateX(-20rem); } } #landing-page .title { font-size: 3rem; color: #124966; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { #landing-page .title { font-size: 4rem; } } @media only screen and (min-width: 1200px) { #landing-page .title { font-size: 4.8rem; } } #landing-page .intro__paragraph { margin: 1em 0em; color: #124966; line-height: 1.5em; position: relative; font-size: 1.7rem; /* Small devices (portrait tablets and large phones, 768px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { #landing-page .intro__paragraph { font-size: 2rem; } } @media only screen and (min-width: 1440px) { #landing-page .intro__paragraph { font-size: 2.6rem; } } #landing-page .service-info-links { border: 1px solid #124966; border-radius: 10px; overflow: hidden; max-width: 300px; margin: 1.875em auto; font-size: 1.4rem; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #landing-page .service-info-links { margin: 1.875em 0em; border-width: 0.11em; } } #landing-page .service-info-links li:not(:last-child) { border-bottom: 1px solid #124966; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #landing-page .service-info-links li:not(:last-child) { border-width: 0.11em; } } #landing-page .service-info-links li:hover { background-color: #124966; } #landing-page .service-info-links li .service-link { letter-spacing: 0.1875em; color: #124966; padding: 1em; display: block; text-transform: uppercase; transition: transform 0.3s ease-in-out; text-decoration: none; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { #landing-page .service-info-links li .service-link { padding: 1.25em; } } #landing-page .service-info-links li .service-link:hover { color: #fff; transform: translateX(0.3em); } #landing-page .free-trial { border-radius: 100px; padding: 0.8em; height: auto; font-size: 1.5rem; text-transform: uppercase; max-width: 300px; margin: 0 auto; /* Medium devices (landscape tablets, 768px and up) */ display: block; } @media only screen and (min-width: 1024px) { #landing-page .free-trial { margin: 0; } } #why-us { background-image: url("https://s3.amazonaws.com/dev-etr/images/defaults/Homepage-Why.png"); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #000; color: #fff; height: 100vh; } #why-us .title { font-weight: 300; color: #fff; text-align: center; padding: 2em 0em; } #why-us .research-coverage .title { font-size: 2rem; padding: 0.8em; /* Small devices (portrait tablets and large phones, 768px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { #why-us .research-coverage .title { font-size: 2.5rem; padding-bottom: 2em; } } @media only screen and (min-width: 1440px) { #why-us .research-coverage .title { font-size: 3.3rem; } } #why-us .coverage-list { display: flex; margin: 0 auto; padding: 2em 0em; max-width: 700px; flex-wrap: wrap; justify-content: space-around; /* large devices (large laptops and desktops, 1200px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ } @media only screen and (min-width: 1440px) { #why-us .coverage-list { justify-content: space-between; max-width: 860px; } } @media only screen and (min-width: 1440px) { #why-us .coverage-list { max-width: 1100px; } } #why-us .coverage-list li { text-align: center; flex-grow: 1; max-width: 100px; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 768px) { #why-us .coverage-list li { max-width: 150px; } } @media only screen and (min-width: 1024px) { #why-us .coverage-list li { max-width: 200px; } } #why-us .coverage-list p { margin-top: 1em; font-size: 1.5rem; font-weight: 300; letter-spacing: 0.1em; color: #fff; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #why-us .coverage-list p { font-size: 2rem; } } #why-us .research-coverage-comprised .title { letter-spacing: 0.2em; margin: 0 auto; font-size: 1.8rem; display: flex; align-items: center; max-width: 860px; padding: 1em 0em; /* Small devices (portrait tablets and large phones, 768px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { #why-us .research-coverage-comprised .title { padding: 2em 0em; font-size: 2.3rem; } } @media only screen and (min-width: 1440px) { #why-us .research-coverage-comprised .title { max-width: 1200px; } } #why-us .research-coverage-comprised .title span { /* Medium devices (landscape tablets, 768px and up) */ padding: 0em 0.5em; } @media only screen and (min-width: 1024px) { #why-us .research-coverage-comprised .title span { min-width: 440px; flex-basis: 40%; } } #why-us .research-coverage-comprised .title:after, #why-us .research-coverage-comprised .title:before { content: ""; height: 1px; background: #fff; flex-grow: 1; flex-basis: 35%; } #why-us .surveys { margin: 0 auto; /* Small devices (portrait tablets and large phones, 768px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { #why-us .surveys { display: flex; max-width: 920px; } } @media only screen and (min-width: 1440px) { #why-us .surveys { max-width: 1200px; } } #why-us .surveys li { color: #fff; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 768px) { #why-us .surveys li { flex: 1; text-align: center; padding: 2em; } } @media only screen and (min-width: 1024px) { #why-us .surveys li { justify-content: space-between; align-items: center; display: flex; } } #why-us .surveys li .percentage { flex-basis: 18%; color: #39f5ff; font-size: 3rem; padding: 0.5em; } #why-us .surveys li .survey { font-weight: 300; flex-basis: 100%; padding: 0em 0.6em; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #why-us .surveys li .survey { text-align: center; } } #why-us .surveys li .survey p { color: inherit; letter-spacing: 0.1em; font-size: 1.2rem; /* large devices (large laptops and desktops, 1200px and up) */ } @media only screen and (min-width: 1440px) { #why-us .surveys li .survey p { font-size: 1.5rem; } } #who-we-serve { background-image: url("https://prod-etr.s3.amazonaws.com/uploads/images/etr_homepage_img_update.png"); background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #48aba1; } #who-we-serve .page-container { padding: 0; } #who-we-serve .section-header { background-color: #f8f9fa; } #who-we-serve p { padding: 1em 0; /* small devices (phones, 767px and down) */ color: #fff; } @media only screen and (max-width: 767px) { #who-we-serve p { padding: 2em 0; } } #who-we-serve .title { text-align: center; padding: 1em 0em; font-size: 2.5rem; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 768px) { #who-we-serve .title { padding: 0.8em 0em; } } @media only screen and (min-width: 1024px) { #who-we-serve .title { font-size: 4rem; } } #who-we-serve .slider .slide-menu { background: #f8f9fa; margin: 0 auto; padding: 0.8em; font-size: 1.8rem; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { #who-we-serve .slider .slide-menu { font-size: 1.3rem; display: flex; flex-shrink: 1; justify-content: center; } } @media only screen and (min-width: 1024px) { #who-we-serve .slider .slide-menu { font-size: 1.7rem; } } @media only screen and (min-width: 1200px) { #who-we-serve .slider .slide-menu { font-size: 2rem; } } #who-we-serve .slider .slide-menu li { position: relative; /* small devices (phones, 767px and down) */ /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (max-width: 767px) { #who-we-serve .slider .slide-menu li { padding: 0.1em; } } @media only screen and (min-width: 768px) { #who-we-serve .slider .slide-menu li:not(:last-child) { border-right: 0.1em solid #ccc; } #who-we-serve .slider .slide-menu li.active:after { content: ""; position: absolute; left: 0; right: 0; top: 100%; top: 100%; margin: 0 auto; width: 0px; display: inline-block; border-width: 0.5em; border-color: #f8f9fa transparent transparent transparent; border-style: solid; transform: translateY(0.77em); } } #who-we-serve .slider .slide-menu li .slide-link { cursor: pointer; color: #124966; display: block; padding: 0.7em; /* small devices (phones, 767px and down) */ /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (max-width: 767px) { #who-we-serve .slider .slide-menu li .slide-link { border: 0.1em solid #ececec; border-radius: 0.5em; } } @media only screen and (min-width: 768px) { #who-we-serve .slider .slide-menu li .slide-link { padding: 0em 1em; } } #who-we-serve .slider .slider-view { overflow-x: hidden; max-width: 100vw; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #who-we-serve .slider .slider-view { max-width: calc(100vw - 10.5em); } } #who-we-serve .slider .slides, #who-we-serve .slider .slide, #who-we-serve .slider .slider-view { width: 100%; margin: 0 auto; font-size: 1.8rem; line-height: 1.5em; font-weight: 300; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #who-we-serve .slider .slides, #who-we-serve .slider .slide, #who-we-serve .slider .slider-view { font-size: 2.3rem; } } #who-we-serve .slider .slides { transition: transform 1s ease-in-out; min-height: 400px; display: flex; align-items: center; } #who-we-serve .slider .slide { flex-shrink: 0; text-align: center; padding: 2em 1em; } #who-we-serve .slider .slide .how-it-work-link { font-size: 1.8rem; border-radius: 2em; text-transform: uppercase; font-weight: 300; } #who-we-serve .slider .slide .btn { max-width: 350px; margin: 1em auto; } #who-we-serve .slider .slide p { max-width: 1200px; margin: auto; } #how-it-works .how-it-works-tools { justify-content: center; padding: 1.5em; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { #how-it-works .how-it-works-tools { display: flex; } } #how-it-works .how-it-works-tools .tool-header { display: flex; align-items: center; } #how-it-works .how-it-works-tools .tool-header .icon { flex-shrink: 0; position: absolute; left: 0; top: 0.3em; /* Large devices (laptops/desktops, 1200px and up) */ /* Extra large devices (large laptops and desktops, 1600px and up) */ } @media only screen and (min-width: 1200px) { #how-it-works .how-it-works-tools .tool-header .icon { left: auto; position: initial; } } @media only screen and (min-width: 1600px) { #how-it-works .how-it-works-tools .tool-header .icon { position: absolute; } } #how-it-works .how-it-works-tools .right-col, #how-it-works .how-it-works-tools .left-col { padding: 0.8em; flex-basis: 30%; } #how-it-works .how-it-works-tools .right-col .title, #how-it-works .how-it-works-tools .left-col .title { font-weight: 300; font-size: 2rem; } #how-it-works .how-it-works-tools .left-col { display: flex; /* Large devices (laptops/desktops, 1200px and up) */ /* Extra large devices (large laptops and desktops, 1600px and up) */ } @media only screen and (min-width: 1200px) { #how-it-works .how-it-works-tools .left-col { text-align: right; } } @media only screen and (min-width: 1600px) { #how-it-works .how-it-works-tools .left-col { padding-right: 5em; } } #how-it-works .how-it-works-tools .left-col .tool-header { /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { #how-it-works .how-it-works-tools .left-col .tool-header { justify-content: flex-end; } } #how-it-works .how-it-works-tools .left-col .tool-header .icon { /* Large devices (laptops/desktops, 1200px and up) */ /* Extra large devices (large laptops and desktops, 1600px and up) */ } @media only screen and (min-width: 1200px) { #how-it-works .how-it-works-tools .left-col .tool-header .icon { margin-left: 1em; order: 1; } } @media only screen and (min-width: 1600px) { #how-it-works .how-it-works-tools .left-col .tool-header .icon { left: 100%; } } #how-it-works .how-it-works-tools .center-col { flex-basis: 50%; text-align: center; } #how-it-works .how-it-works-tools .right-col { /* Extra large devices (large laptops and desktops, 1600px and up) */ } @media only screen and (min-width: 1600px) { #how-it-works .how-it-works-tools .right-col { padding-left: 5em; } } #how-it-works .how-it-works-tools .right-col .tool-header .icon { margin-right: 1em; /* Extra large devices (large laptops and desktops, 1600px and up) */ } @media only screen and (min-width: 1600px) { #how-it-works .how-it-works-tools .right-col .tool-header .icon { right: 100%; } } #how-it-works .how-it-works-tools .tools { font-size: 1.4rem; } #how-it-works .how-it-works-tools .tools .icon { background: url("https://s3.amazonaws.com/dev-etr/images/etr-tools/etr-icons.png") no-repeat top left; width: 55px; height: 55px; display: inline-block; } #how-it-works .how-it-works-tools .tools .icon.custom-market-assessment { background-position: 0px -65px; } #how-it-works .how-it-works-tools .tools .icon.custom-market-assessment:hover, #how-it-works .how-it-works-tools .tools .icon.custom-market-assessment.filled { background-position: 0px 0px; } #how-it-works .how-it-works-tools .tools .icon.custom-reports { background-position: 0px -195px; } #how-it-works .how-it-works-tools .tools .icon.custom-reports:hover, #how-it-works .how-it-works-tools .tools .icon.custom-reports.filled { background-position: 0px -130px; } #how-it-works .how-it-works-tools .tools .icon.drill-downs { background-position: 0px -325px; } #how-it-works .how-it-works-tools .tools .icon.drill-downs:hover, #how-it-works .how-it-works-tools .tools .icon.drill-downs.filled { background-position: 0px -260px; } #how-it-works .how-it-works-tools .tools .icon.market-strategy-branding { background-position: 0px -455px; } #how-it-works .how-it-works-tools .tools .icon.market-strategy-branding:hover, #how-it-works .how-it-works-tools .tools .icon.market-strategy-branding.filled { background-position: 0px -390px; } #how-it-works .how-it-works-tools .tools .icon.marketshare { background-position: 0px -585px; } #how-it-works .how-it-works-tools .tools .icon.marketshare:hover, #how-it-works .how-it-works-tools .tools .icon.marketshare.filled { background-position: 0px -520px; } #how-it-works .how-it-works-tools .tools .icon.optimize-marketing-product-development { background-position: 0px -715px; } #how-it-works .how-it-works-tools .tools .icon.optimize-marketing-product-development:hover, #how-it-works .how-it-works-tools .tools .icon.optimize-marketing-product-development.filled { background-position: 0px -650px; } #how-it-works .how-it-works-tools .tools .icon.optimized-your-procurement-process { background-position: 0px -845px; } #how-it-works .how-it-works-tools .tools .icon.optimized-your-procurement-process:hover, #how-it-works .how-it-works-tools .tools .icon.optimized-your-procurement-process.filled { background-position: 0px -780px; } #how-it-works .how-it-works-tools .tools .icon.peer-benchmarking { background-position: 0px -975px; } #how-it-works .how-it-works-tools .tools .icon.peer-benchmarking:hover, #how-it-works .how-it-works-tools .tools .icon.peer-benchmarking.filled { background-position: 0px -910px; } #how-it-works .how-it-works-tools .tools .icon.reasoning { background-position: 0px -1105px; } #how-it-works .how-it-works-tools .tools .icon.reasoning:hover, #how-it-works .how-it-works-tools .tools .icon.reasoning.filled { background-position: 0px -1040px; } #how-it-works .how-it-works-tools .tools .icon.regressions-forecasts { background-position: 0px -1235px; } #how-it-works .how-it-works-tools .tools .icon.regressions-forecasts:hover, #how-it-works .how-it-works-tools .tools .icon.regressions-forecasts.filled { background-position: 0px -1170px; } #how-it-works .how-it-works-tools .tools .icon.technology-shifts { background-position: 0px -1365px; } #how-it-works .how-it-works-tools .tools .icon.technology-shifts:hover, #how-it-works .how-it-works-tools .tools .icon.technology-shifts.filled { background-position: 0px -1300px; } #how-it-works .how-it-works-tools .tools .icon.time-series-analysis { background-position: 0px -1495px; } #how-it-works .how-it-works-tools .tools .icon.time-series-analysis:hover, #how-it-works .how-it-works-tools .tools .icon.time-series-analysis.filled { background-position: 0px -1430px; } #how-it-works .how-it-works-tools .tools .icon.understand-the-enterprise { background-position: 0px -1625px; } #how-it-works .how-it-works-tools .tools .icon.understand-the-enterprise:hover, #how-it-works .how-it-works-tools .tools .icon.understand-the-enterprise.filled { background-position: 0px -1560px; } #how-it-works .how-it-works-tools .tools .icon.venn { background-position: 0px -1755px; } #how-it-works .how-it-works-tools .tools .icon.venn:hover, #how-it-works .how-it-works-tools .tools .icon.venn.filled { background-position: 0px -1690px; } #how-it-works .how-it-works-tools .tools .icon.zero-bias { background-position: 0px -1885px; } #how-it-works .how-it-works-tools .tools .icon.zero-bias:hover, #how-it-works .how-it-works-tools .tools .icon.zero-bias.filled { background-position: 0px -1820px; } #how-it-works .how-it-works-tools .tools li { display: flex; flex-direction: row; padding-bottom: 1.2em; cursor: pointer; position: relative; padding-left: 5em; /* Large devices (laptops/desktops, 1200px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ } #how-it-works .how-it-works-tools .tools li:hover .custom-market-assessment { background-position: 0px 0px; } #how-it-works .how-it-works-tools .tools li:hover .custom-reports { background-position: 0px -130px; } #how-it-works .how-it-works-tools .tools li:hover .drill-downs { background-position: 0px -260px; } #how-it-works .how-it-works-tools .tools li:hover .market-strategy-branding { background-position: 0px -390px; } #how-it-works .how-it-works-tools .tools li:hover .marketshare { background-position: 0px -520px; } #how-it-works .how-it-works-tools .tools li:hover .optimize-marketing-product-development { background-position: 0px -650px; } #how-it-works .how-it-works-tools .tools li:hover .optimized-your-procurement-process { background-position: 0px -780px; } #how-it-works .how-it-works-tools .tools li:hover .peer-benchmarking { background-position: 0px -910px; } #how-it-works .how-it-works-tools .tools li:hover .reasoning { background-position: 0px -1040px; } #how-it-works .how-it-works-tools .tools li:hover .regressions-forecasts { background-position: 0px -1170px; } #how-it-works .how-it-works-tools .tools li:hover .technology-shifts { background-position: 0px -1300px; } #how-it-works .how-it-works-tools .tools li:hover .time-series-analysis { background-position: 0px -1430px; } #how-it-works .how-it-works-tools .tools li:hover .understand-the-enterprise { background-position: 0px -1560px; } #how-it-works .how-it-works-tools .tools li:hover .venn { background-position: 0px -1690px; } #how-it-works .how-it-works-tools .tools li:hover .zero-bias { background-position: 0px -1820px; } @media only screen and (min-width: 1200px) { #how-it-works .how-it-works-tools .tools li { flex-direction: column; position: relative; padding-left: initial; } } @media only screen and (min-width: 1440px) { #how-it-works .how-it-works-tools .tools li { flex-direction: row; } } #how-it-works .how-it-works-tools .tools .toolInfo { order: 1; /* large devices (large laptops and desktops, 1200px and up) */ } @media only screen and (min-width: 1440px) { #how-it-works .how-it-works-tools .tools .toolInfo { order: initial; } } #how-it-works .how-it-works-tools .tools .content { color: #2b2f3b; } #how-it-works .tool-type-dropdown { position: relative; display: inline-block; margin: auto; cursor: pointer; } #how-it-works .tool-type-dropdown .tool-type-options { text-align: left; box-shadow: 1px 1px 5px rgba(150, 150, 150, 0.3); background-color: #fff; position: absolute; top: 100%; width: 100%; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transform: translate3d(0, 0.2em, 0); } #how-it-works .tool-type-dropdown .tool-type-options:after, #how-it-works .tool-type-dropdown .tool-type-options:before { position: absolute; bottom: 100%; } #how-it-works .tool-type-dropdown .tool-type-options:before { border-width: 0.7em; border-color: transparent transparent #e7e8ea transparent; right: 20px; } #how-it-works .tool-type-dropdown .tool-type-options:after { border-width: 0.6em; border-color: transparent transparent #fff transparent; right: 22px; } #how-it-works .tool-type-dropdown .tool-type-options.options-closed { transform: translate3d(0, 0.5em, 0); height: 0px; overflow: hidden; opacity: 0; } #how-it-works .tool-type-dropdown .tool-type-options .tool-dropdown-option { display: block; padding: 0.8em 1em; border-bottom: 0.1em solid #f7f7f7; cursor: pointer; } #how-it-works .tool-type-dropdown .tool-type-selected { padding: 0.5em 1em; border-radius: 0.2em; font-size: 2.3rem; color: #6e6e6e; display: inline-block; text-align: initial; } #how-it-works .tool-type-dropdown .tool-type-selected .selected-option { text-transform: capitalize; display: inline-block; color: initial; } #how-it-works .tool-type-dropdown .tool-type-selected .selected-option .arrow-down { color: #4a90e2; font-size: 2rem; margin-left: 0.9em; } #how-it-works .image-gallery { display: flex; align-items: flex-end; flex-direction: row; justify-content: center; padding-top: 2em; } #how-it-works .image-gallery figure { padding: 3em; } #how-it-works .image-gallery figure img { width: 100%; } .CircularProgressbar { width: 100%; } .CircularProgressbar .CircularProgressbar-text { font-size: 2rem; text-shadow: 0px 0px 20px #37eaf5; } .CircularProgressbar.animate .CircularProgressbar-path { animation: animateCircle 0.5s 1 linear; animation-fill-mode: forwards; } .CircularProgressbar.animate .cricle2 { animation-delay: 0.2s; } .CircularProgressbar.animate .cricle3 { animation-delay: 0.3s; } .CircularProgressbar .CircularProgressbar-path { stroke-dasharray: 289.027px, 289.027px; stroke-dashoffset: 289.027px; transform: translate3d(0, 0, 0); } @keyframes animateCircle { %0 { stroke-dashoffset: 289.027px; } 100% { stroke-dashoffset: 0px; } } .marketing-bar-container { position: relative; padding-top: 10.4%; background-repeat: no-repeat; background-size: 100%; border-bottom: 1px solid #e7e8ea; box-shadow: 0 0 5px 0 #e7e8ea; } .marketing-bar { position: absolute; top: 0; left: 0; bottom: 0; z-index: 99; width: 100%; } .marketing-bar__link, .marketing-bar__split { transition: background-color 0.2s ease-in-out; } .marketing-bar__link:hover, .marketing-bar__link:active, .marketing-bar__split:hover, .marketing-bar__split:active { background-color: rgba(0, 0, 0, 0.3); } .marketing-bar__link { padding-top: 10.4%; display: block; } .marketing-bar__split { display: inline-block; width: 20%; padding-top: 5.3%; width: 50%; padding-top: 10.4%; } .grid { display: grid; gap: 15px; } .files-grid { grid-template-columns: repeat(2, 1fr); } .folders-grid { grid-template-columns: repeat(7, 1fr); } .unsorted-files-container { margin-top: 15px; } .section-title { font-size: 2rem; margin: 20px 0; } .btn.new-folder-button { position: fixed; bottom: 30px; right: 110px; border-radius: 25px; } .no-favorites-container { display: flex; justify-content: center; align-items: center; } .no-favorites-container .no-favorites { display: flex; flex-direction: column; align-items: center; margin: 10%; background-color: white; border: 1px solid #e7e8ea; box-shadow: 0px 0px 24px -9px rgba(0, 0, 0, 0.33); padding: 50px; } .no-favorites-container .no-favorites .title { color: #9e9e9e; font-weight: bolder; font-size: 40px; margin-bottom: 30px; letter-spacing: 1px; flex-shrink: 1; } .no-favorites-container .no-favorites .description { font-size: 16px; margin-bottom: 30px; flex-shrink: 1; } .no-favorites-container .no-favorites .button-group { display: flex; justify-content: center; width: 60%; flex-shrink: 1; } .no-favorites-container .no-favorites .button-group button:not(:last-child) { margin-right: 10px; } .filter-container-wrapper { display: flex; flex-direction: column; margin-bottom: 20px; min-height: fit-content; } .filter-container-wrapper .filter-container { background-color: white; border: 1px solid #e7e8ea; margin-bottom: 20px; padding: 20px; } @media only screen and (max-width: 1439px) { .folders-grid { grid-template-columns: repeat(5, 1fr); } } @media only screen and (max-width: 1023px) { .folders-grid { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 767px) { .dropdown-container { margin-left: 0 !important; margin-top: 10px; } .input-container { width: 100%; } } @media only screen and (max-width: 639px) { .folders-grid, .files-grid { grid-template-columns: repeat(1, 1fr); } } #home-page-container { position: relative; background: #f8f9fa; } .slogan { letter-spacing: 0.2rem; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 0.4em 0; margin-top: 1em; font-style: italic; display: inline-block; /* Medium devices (landscape tablets, 768px and up) */ } .slogan__highlight { color: #124966; } .slogan p { margin: 0px; } @media only screen and (min-width: 1024px) { .slogan { font-size: 2rem; } } .landing-page-container { width: 100%; height: 100%; } .landing-hero-image-container { position: relative; float: left; width: 100%; height: 400px; background: #d8d8d8; } .landing-hero-image-container h4 { text-align: center; font-size: 20px; line-height: 380px; color: #4a4a4a; letter-spacing: 1.25px; } .landing-info-container { position: relative; float: left; width: 100%; height: 499px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; } #column-one { background-color: red; width: 27%; height: 100%; } #column-two { background-color: yellow; width: 23%; height: 100%; } #column-three { background-color: blue; width: 30%; height: 100%; } .landing-bottom-container { position: relative; float: left; width: 100%; height: 100%; background: #d8d8d8; } .live-results-container { height: 100%; width: 100%; } .live-results-iframe { height: 100%; width: 100%; } .live-results-container { height: 100%; width: 100%; } .live-results-iframe { height: 100%; width: 100%; } .bi-error-message { display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; font-size: 40px; color: #777; background-color: #eaeaea; } .upsell-modal-container { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1; background-color: #eaeaea; } .upsell-modal-container .upsell-modal-header { margin-bottom: 30px; font-size: 25px; } .upsell-modal-container .upsell-modal-body { display: flex; flex-direction: column; justify-content: center; align-items: center; } .upsell-modal-container .upsell-modal-body .upsell-modal-button { margin-top: 20px; color: white; text-decoration: none; padding: 20px 15px; background-image: linear-gradient(to bottom left, #7e9cbb 0, #49596a 100%, #313a46); border-radius: 5px; } .model-embed-container { position: relative; display: flex; flex: 1; flex-grow: 1; } .model-embed-container iframe { position: absolute; border: 0; } .model-page-navigation-button { cursor: pointer; background-color: #F5F7F9; padding: 10px; border-right: 1px solid #E0E6EC; display: block; color: #4a4a4a; } .model-page-navigation-button .icon { margin: 0 0 0 15px; position: relative; top: 3px; display: inline-flex; } .tooltip-icon { float: right; margin-top: 2px; color: #599FD9; } .selected-button { background-color: #2F87D0; color: #fff; } .selected-submenu-item { background-color: #DEEBFF; } .model-page-navigation-container { position: relative; display: inline-block; font-size: 1.4rem; } .model-page-navigation-submenu { position: absolute; background-color: #fff; z-index: 1; min-width: 230px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.5); } .submenu-item-container { display: flex; } .model-page-navigation-submenu .model-page-navigation-submenu-item { color: #000; padding: 12px 16px; text-decoration: none; display: block; font-size: 13px; width: 100%; } .download-white-paper-button { display: flex; gap: 5px; align-items: center; cursor: pointer; text-decoration: none; color: #3e3e3e; } .download-white-paper-button:hover { color: #3e3e3e; } .model-page-navigation-submenu .download-white-paper-button { width: 100%; padding: 12px 16px; font-size: 13px; color: #000; background-color: #efefef; } .model-page-navigation-submenu .model-page-navigation-submenu-item:hover, .model-page-navigation-submenu .download-white-paper-button:hover { background-color: #DEEBFF; color: #000; } .model-page-navigation-container:hover .model-page-navigation-button { background-color: #2F87D0; color: #fff; } .chapter-container { width: 100%; background-color: #E0E6EC; border: 1px solid #CAD5E0; padding: 5px; margin-bottom: 10px; color: #4A4A4A; border-radius: 3px; } .chapter-container .chapter-list { display: flex; position: relative; } .add-to-favorites-container input { border-radius: 10px; background: #f8f9fa; border: 1px solid #e7e8ea; width: 100%; height: 45px; } .add-to-favorites-container .add-to-favorites-header { padding-bottom: 2rem; } .add-to-favorites-container .add-to-favorites-header h2 { font-size: 25px; color: #325f7d; padding: 0; } .add-to-favorites-container .add-to-favorites-inputs-container .add-to-favorites-input-label { margin-top: 15px; margin-bottom: 10px; } .add-to-favorites-container .add-to-favorites-inputs-container .add-to-favorites-input-label span { font-size: 14px; color: #0b2e45; } .add-to-favorites-container .add-to-favorites-inputs-container .add-to-favorites-input-label span i { font-size: 14px; color: #9b9b9b; } .add-to-favorites-container .add-to-favorites-inputs-container .add-to-favorites-input-error { width: 100%; min-height: 12px; } .add-to-favorites-container .add-to-favorites-inputs-container .add-to-favorites-input-error span { font-size: 12px; color: red; } .add-to-favorites-container .add-to-favorites-buttons-container { height: 45px; margin-top: 27px; display: flex; justify-content: flex-end; } .add-to-favorites-container .add-to-favorites-buttons-container .add-to-favorites-add-button { width: 35%; background: #154c70; color: #ffffff; margin-left: 10px; } .add-to-favorites-container .add-to-favorites-buttons-container .add-to-favorites-cancel-button { width: 35%; background: #6c757d; color: #ffffff; margin-right: 10px; } .add-to-favorites-container .add-to-favorites-submit-error { text-align: end; font-size: 20px; color: red; } .add-to-favorites-success-container { max-width: 570px; background: #ffffff; padding: 25px 30px 25px 30px; margin: auto; } .add-to-favorites-success-container .add-to-favorites-header { padding-bottom: 2rem; } .add-to-favorites-success-container .add-to-favorites-header h2 { font-size: 25px; color: #325f7d; padding: 0; } .add-to-favorites-success-container .add-to-favorites-success-message { font-size: 20px; text-align: center; } .add-to-favorites-success-container .add-to-favorites-success-buttons { height: 45px; margin-top: 27px; display: flex; justify-content: flex-end; } .add-to-favorites-success-container .add-to-favorites-success-buttons .add-to-favorites-close-button { width: 35%; background: #6c757d; color: #ffffff; margin-right: 10px; } @media only screen and (max-width: 855px) { .add-to-favorites-container { margin: 0 auto; width: 90%; } .add-to-favorites-success-container { margin: 0 auto; width: 90%; } } .message { border-radius: 0.8rem; padding: 1rem; text-align: center; color: #fff; margin: 0.8rem 0; } .message:hover { color: #fff; } .message.success { background-color: #4eb474; } .message.saveError, .message.isRequired, .message.alreadyExist { background-color: #ff5656; } .button-group { display: flex; justify-content: flex-end; padding-top: 3rem; } .button-group .btn { flex-basis: 180px; } .favorite-button-container { color: #9b9b9b; display: flex; align-items: flex-start; cursor: pointer; padding: 5px; font-size: 1.3rem; letter-spacing: 1px; line-height: 1; white-space: nowrap; justify-content: center; } .favorite-button-container[data-is-favorite="true"] .glyphicon { color: #ff7739; } .favorite-button-container[class*="btn-favorite"] { align-items: center; padding: 0.8em 1em; font-size: 1.4rem; max-height: fit-content; border: 1px solid #e7e8ea; } .favorite-button-container.btn-favorite-solid-default { background-color: white; color: #4a4a4a; } .favorite-button-container.btn-favorite-outline-orange { border-color: #ff7739; color: #ff7739; } .favorite-button-container.btn-favorite-outline-orange[data-is-favorite="true"] { color: #fff; background-color: #ff7739; } .favorite-button-container.btn-favorite-outline-orange[data-is-favorite="true"] .glyphicon { color: inherit; } .favorite-button-container .button-text { margin-right: 10px; } .favorite-icon { cursor: pointer; font-size: 20px; color: #9b9b9b; } .favorite-icon[data-is-favorite="true"] { color: #ff7739; } .share-container { padding: 25px 30px 25px 30px; } .share-container .share-header { padding-bottom: 4rem; } .share-container .share-buttons-container { height: 45px; margin-top: 27px; display: flex; justify-content: center; } .share-container .share-buttons-container .share-cancel-button { width: 35%; background: #6c757d; color: #ffffff; margin-right: 10px; } .share-button { padding: 0px; display: flex; align-items: center; gap: 5px; cursor: pointer; } .share-button button { background: white; height: 100%; border-radius: 0; } @media only screen and (max-width: 855px) { .share-container { margin: 0 auto; width: 90%; } } .research-container { padding: 20px; width: 100%; flex: 1; display: flex; flex-direction: column; border-top: 1px solid #e7e8ea; } .research-container .bi-header { margin-bottom: 10px; display: flex; } .research-container .research-header { margin-bottom: 10px; } .research-container .research-header .report-action-buttons { display: flex; justify-content: flex-end; gap: 25px; margin-bottom: 10px; } .research-container .research-header .report-action-buttons .favorite-button-container { display: flex; padding: 0px; background: none; border: none; letter-spacing: 0; gap: 5px; align-items: center; } .research-container .research-header .report-action-buttons .favorite-button-container .button-text { margin-right: 0; } .research-container .research-header .report-action-buttons .favorite-button-container .glyphicon-star { top: 0; } .research-container .research-header .report-action-buttons .fullscreen-toggle { display: flex; gap: 5px; align-items: center; cursor: pointer; } .research-container .research-header .report-action-buttons .fullscreen-toggle .glyphicon.glyphicon-resize-vertical { transform: rotate(45deg); } .research-container .research-header .access-favorites-button { display: flex; gap: 5px; align-items: center; cursor: pointer; } .access-favorites-modal { margin: 0px 35px 0px 35px; } .access-favorites-modal .modal-content { min-height: 95vh; } .message-center .message-action p, .message-center .call-to-action p { font-size: 18px; color: #325f7d; } .message-center { display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative; flex: 1; } .message-center .message-container { width: 100%; max-width: 500px; } .message-center .message { text-align: center; background-color: #fff; border: 0.05em solid #e7e8ea; padding: 40px; position: relative; margin-top: 30px; } .message-center .message-action { padding: 20px 0px; display: flex; flex-direction: column; align-items: center; } .message-center .message-action p { margin: 10px 0px; } .message-center .message-action .btn { width: 50%; } .message-center span[class^="icon-circle"] { font-size: 40px; display: inline-block; width: 0; height: 0; border-radius: 0.8em; position: absolute; left: 0; right: 0; top: -30px; margin: auto; } .message-center span[class^="icon-circle"][class*="-success"] { border: 0.7em solid #4eb474; } .message-center span[class^="icon-circle"][class*="-success"]:before { content: ""; position: absolute; display: block; width: 0.3em; height: 0.6em; border: solid #fff; border-width: 0 0.12em 0.12em 0; top: -0.15em; left: -0.15em; bottom: 0; right: 0; margin: auto; transform: rotate(45deg); } .message-center span[class^="icon-circle"][class*="-error"] { border: 0.7em solid #ff5656; } .message-center span[class^="icon-circle"][class*="-error"]:after { content: ""; display: inline-block; background: #fff; position: absolute; bottom: 0; top: 50%; left: 0; width: 0.1em; height: 0.8em; border-radius: 0.3em; margin: auto; transform: translateX(-0.04em) rotate(-135deg); } .message-center span[class^="icon-circle"][class*="-error"]:before { content: ""; display: inline-block; background: #fff; position: absolute; bottom: 0; top: 50%; left: 0; width: 0.1em; height: 0.8em; border-radius: 0.3em; margin: auto; transform: translateX(-0.04em) rotate(135deg); } .message-center .call-to-action { padding: 20px 0px; display: flex; justify-content: space-between; align-items: center; } .message-center .call-to-action .btn { width: 45%; } .message-center .call-to-action.isModal { justify-content: center; } .top-nav-container { display: flex; flex-direction: row; width: 100%; background: white; min-height: fit-content; } .top-nav-links { display: flex; flex-direction: row; width: auto; flex: 1; overflow-x: auto; } .top-nav-link-item { padding: 15px 0; margin: 0 15px; white-space: nowrap; } .top-nav-link-item a { text-decoration: none; color: #858585; } .top-nav-link-item a:hover { color: #858585; } .top-nav-link-item:hover { border-bottom: 1px solid #858585; } .top-nav-link-item.active { border-bottom: 2px solid #012e44; pointer-events: none; } .top-nav-link-item.active a { color: #012e44; } .fullscreen { padding: 5px; margin-top: 10px; margin-right: 10px; cursor: pointer; color: #858585; font-size: 20px; } .fullscreen:hover { color: #012e44; } .research-main-container { flex: 1; display: flex; flex-direction: column; } #ResetDevice { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; border-top: 1px solid #e7e8ea; } #ResetDevice .form-container { position: relative; max-width: 380px; width: 100%; padding: 40px; background-color: white; border: 1px solid #e7e8ea; display: flex; flex-direction: column; align-items: center; } #ResetDevice .form-container .logo { margin-bottom: 20px; } #ResetDevice .form-container .step-description { text-align: center; margin-bottom: 5px; } #ResetDevice .form-container .step-description h3 { color: #9b9b9b; font-size: 18px; font-weight: bold; margin-bottom: 5px; } #ResetDevice .form-container .step-description p { color: #9b9b9b; font-size: 16px; } #ResetDevice .form-container h2 { padding-top: 0; } #ResetDevice .form-container p { margin-bottom: 15px; } #ResetDevice form { width: 100%; } #ResetDevice form .TextFieldGroup { margin-bottom: 15px; } #ResetDevice .messages { text-align: center; padding: 20px; color: #fff; } #ResetDevice .messages a { position: relative; display: inline-block; margin: 10px 0px; cursor: pointer; color: inherit; width: 155px; } #ResetDevice .messages a:hover .back-arrow { left: 0px; } #ResetDevice .messages a .back-arrow { position: absolute; left: 10px; transition: left 200ms ease-in-out; } #ResetDevice .messages a .back-arrow:before { content: ""; display: block; width: 10px; height: 10px; border-top: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg); position: absolute; left: 0px; top: 5px; } #ResetDevice .messages a .back-arrow:after { content: ""; display: block; width: 12px; height: 2px; border-top: 2px solid #fff; border-left: 2px solid #fff; position: absolute; left: 0px; top: 9px; } .activate-account-container { margin-bottom: auto; font-size: 1.5em; text-align: center; } .activate-account-container a { font-size: 1.0em; } .activate-account-modal .activate-account-buttons-container { height: 45px; margin-top: 27px; display: flex; justify-content: flex-end; } .activate-account-modal .activate-account-buttons-container .activate-account-add-button { width: 35%; background: #154c70; color: #ffffff; margin-left: 10px; } .activate-account-modal .activate-account-buttons-container .activate-account-cancel-button { width: 35%; background: #6c757d; color: #ffffff; margin-right: 10px; } .activate-account-modal .success-message-button-container { height: 45px; margin-top: 27px; display: flex; justify-content: center; } .activate-account-modal .success-message-button-container .activate-account-close-button { width: 35%; background: #6c757d; color: #ffffff; margin-right: 10px; } .activate-account-modal .success-message { font-size: 1.5em; } #login-page { padding: 0.8em; border-top: 1px solid #e7e8ea; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #login-page { display: flex; padding: 1.5em; flex: 1; flex-direction: column; align-items: center; justify-content: center; height: calc(100vh - 78px); flex-basis: 100%; } } #login-page .login-form-container { border: 1px solid #e7e8ea; max-width: 380px; background-color: white; width: 100%; margin: auto; margin-bottom: 3em; } #login-page .login-form-container.login-form-cols { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #login-page .login-form-container.login-form-cols { max-width: 780px; } } #login-page .login-form-cols > div { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #login-page .login-form-cols > div { vertical-align: middle; display: inline-block; width: 50%; } } .ets-login { padding: 1em; /* small devices (phones, 767px and down) */ /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (max-width: 767px) { .ets-login { margin-top: 1em; border-top: 2px solid #ececec; } } @media only screen and (min-width: 768px) { .ets-login { padding: 2em; border-left: 2px solid #ececec; } } .ets-login__header { font-size: 1.5em; padding: 0; margin-bottom: 0.4em; } .ets-login__header:after { content: ""; display: block; width: 50px; height: 5px; background-color: #357794; margin-top: 5px; } .ets-login__image { width: 100%; max-width: 260px; margin: 7px 0; } .ets-login__btn { max-width: 240px; } .ets-image__container { text-align: center; } #reset-password { display: flex; flex-basis: 100%; flex-direction: column; align-items: center; justify-content: center; height: 100vh; border-top: 1px solid #e7e8ea; } .reset-password-form { padding: 40px; border: 1px solid #e7e8ea; background: white; width: 380px; text-align: center; } .reset-password-form h2 { padding-top: 0; } .reset-password-form .TextFieldGroup { margin-bottom: 15px; } .reset-password-form .password-reset-error { font-size: 13px; border: 1px solid #ff5656; padding: 5px; border-radius: 10px; margin-bottom: 15px; } .reset-password-form .password-reset-error p { color: #ff5656; } .field-error { color: #da5353; font-size: 14px; } .product-card-container .free-ribbon { background-color: #ff8f00; color: #fff; padding: 10px 20px; position: absolute; font-size: 1.4rem; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .product-card-container .free-ribbon { font-size: 1rem; } } .product-card-container .free-ribbon:before, .product-card-container .free-ribbon:after { border-style: solid; position: absolute; } .product-card-container .free-ribbon:before { content: ""; border-width: 20px; border-color: #ff8f00 #ff8f00 #ff8f00 transparent; top: 0; right: 100%; bottom: 0; transform: translateX(50%); /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .product-card-container .free-ribbon:before { border-width: 17px; } } .product-card-container .free-ribbon:after { content: ""; right: 0; top: 100%; border-width: 5px; border-color: #995600 transparent transparent #995600; } .product-card-container { display: flex; flex-direction: column; height: 330px; box-shadow: 0px 0px 5px -3px rgba(0, 0, 0, 0.33); border: 1px solid #e7e8ea; border-radius: 5px; overflow: hidden; position: relative; /* small devices (phones, 767px and down) */ } .product-card-container:hover .favorite-icon { display: block; } .product-card-container .favorite-icon { margin: 10px; padding: 5px; position: absolute; right: 0; top: 0; display: none; } .product-card-container .favorite-icon[data-is-favorite="true"] { display: block; } @media only screen and (max-width: 767px) { .product-card-container { height: 220px; } } .product-card-container.no-pointer { pointer-events: none; cursor: default; } .product-card-container:visited, .product-card-container:hover, .product-card-container:focus, .product-card-container:active { text-decoration: none; } .product-card-container:hover { border-color: #bdc3ce; } .product-card-container:hover .product-card-title { white-space: normal; } .product-card-container:hover .product-card-description { max-height: none; } .product-card-container:hover .product-card-description .topic-link, .product-card-container:hover .product-card-description .event-data { white-space: normal; } .product-card-container .product-card-image { width: 100%; flex: 1; position: relative; background-color: white; display: flex; border-bottom: 1px solid #e7e8ea; } .product-card-container .product-card-image .image { flex: 1; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 10px; } .product-card-container .product-card-image .no-image { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 20px; padding-bottom: 40px; background-repeat: no-repeat; background-size: cover; } .product-card-container .product-card-image .no-image span { letter-spacing: 1px; font-size: 14px; font-weight: bold; color: #0092ff; line-height: 1.2; text-align: center; margin: 0 auto; margin-bottom: 10px; } .product-card-container .product-card-image .no-image .image-link { max-width: 100%; height: 50%; background-size: contain; background-repeat: no-repeat; background-position: center; } .product-card-container .product-card-image .no-image-full { flex: 1; display: flex; flex-direction: column; justify-content: center; background-repeat: no-repeat; background-size: cover; } .product-card-container .product-card-image .no-image-full span { letter-spacing: 1px; font-size: 14px; font-weight: bold; color: #0092ff; line-height: 1.2; text-align: center; margin: 0 auto; margin-bottom: 10px; } .product-card-container .product-card-image .no-image-full .image-link { max-width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } .product-card-container .product-card-image .product-card-price { background-color: #ffffff99; padding-top: 5px; padding-left: 5px; display: flex; align-items: flex-start; position: absolute; bottom: 0; right: 0; margin: 10px; font-size: 14px; } .product-card-container .product-card-image .product-card-price.request { color: #000000; background-color: #ffffff99; padding-left: 5px; padding-top: 5px; line-height: 1.2; } .product-card-container .product-card-image .product-card-price.has-access { color: #5ec260; font-size: 20px; background-color: #ffffff00; } .product-card-container .product-card-image .product-card-price.purchased { background-color: #ffffff00; } .product-card-container .product-card-image .product-card-price.purchased span { font-size: 14px; font-weight: bold; letter-spacing: 0.8px; } .product-card-container .product-card-image .product-card-price .currency { font-size: 13px; color: #000; margin-right: 2px; } .product-card-container .product-card-image .product-card-price .amount { font-size: 24px; color: black; font-weight: bold; letter-spacing: 2px; line-height: 25px; } .product-card-container .free-ribbon { right: -10px; bottom: 5px; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .product-card-container .free-ribbon { bottom: 80%; } } .product-card-container .product-card-description { background-color: #f7f7f7; padding: 10px; color: #b5b5b5; font-size: 13.5px; letter-spacing: 1px; border-radius: 0 0 7px 7px; min-height: 84px; max-height: 105px; } .product-card-container .product-card-description .product-card-title { margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; color: #4a4a4a; line-height: 1.2; } .product-card-container .product-card-description .product-card-title a, .product-card-container .product-card-description .product-card-title span { font-weight: 700; letter-spacing: 0.9px; font-size: 1.5rem; color: #4a4a4a; white-space: nowrap; } .product-card-container .product-card-description .event-data { font-size: 12px; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-card-container .product-card-description .event-data:not(:last-child) { margin-bottom: 10px; } .product-card-container .product-card-description .data-files-download { line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; } .product-card-container .product-card-description .topic-link { line-height: 1.2; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; } .product-card-container .product-card-description .topic-link:not(:last-child) { margin-bottom: 10px; } .product-card-container .product-card-description .topic-link .title { margin-right: 5px; } .product-card-container .product-card-description .topic-link a { color: #0092ff; text-decoration: none; margin-right: 5px; font-weight: 700; } .product-card-container .product-card-description .topic-link a:hover { text-decoration: underline; } .related-products { padding: 0 25px; } .related-products .loading-more-reports { padding: 20px; } .related-products-list { margin-top: 2rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); grid-auto-rows: auto; grid-gap: 20px; margin-bottom: 20px; } .related-products-no-results { text-align: center; padding: 2rem; } .sector-list { color: #0a2c43; font-size: 1.6rem; display: flex; flex-wrap: wrap; align-items: center; } .sector-list .sector-bullet { font-size: 1.3em; } .sector-list li { padding-right: 0.3rem; } .sector-list li:not(:last-child):not(:first-child)::after { content: ", "; } .vendor-rating-list .vendor-rating-item:first-child { font-weight: bold; } .vendor-rating-list .vendor-rating-item:not(:first-child) .vendor-rating-date { font-weight: normal; color: #707070; } .vendor-rating-list .vendor-rating-item:last-child .vendor-rating-date { color: #c7c7c7; } .vendor-rating { font-size: 1.8rem; display: flex; } .vendor-rating-date { text-transform: uppercase; padding-right: 0.8rem; color: #0a2c43; font-weight: bold; } .vendor-rating-value { text-transform: capitalize; } .vendor-rating-value span { display: inline-block; } .vendor-rating-value [data-value="positive"] { color: #4eb474; } .vendor-rating-value [data-value="negative"] { color: #ff5656; } .vendor-rating-value [data-value="neutral"] { color: #5b646d; } .vendor-rating-value[data-isauthorized="false"] span { color: inherit; } .topic-takeaways { padding: 3rem 5rem; border-left: solid 1px #0a2c43; position: relative; color: #0a2c43; background-image: linear-gradient(to left, #ffffff, #ebeff2); } .topic-takeaways h2 { padding-top: 0; font-weight: bold; } .topic-takeaways h2 span:first-child { color: #4a90e2; } .topic-takeaways h2 span:last-child { color: #0a2c43; } .topic-takeaways ul { font-size: 2.3ch; line-height: 1.8; } .topic-takeaways ul li { list-style-type: disc; } .vendor-outlook { text-align: justify; color: #0a2c43; } .vendor-outlook .outlook-title { letter-spacing: 0.2rem; padding: 0; font-weight: bold; color: inherit; padding-bottom: 0.4rem; text-transform: capitalize; } .vendor-outlook .outlook-text { font-size: 1.6rem; } .vendor-hover-tabs { display: flex; flex-wrap: wrap; } .vendor-hover-tabs[data-center="true"] { justify-content: center; } .hover-tab-panel .hover-tab-title { color: #0a2c43; font-size: 2.2rem; padding: 0 0 0.3em 0; } .hover-tab-card { margin-top: 10px; margin-right: 5px; } .hover-tab-card div:hover { transform: scale(1.25); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); cursor: pointer; font-weight: 600; z-index: 9; transition: transform 0.2s ease-in-out; } .hover-tab-card .hover-tab-name { background-color: grey; position: relative; text-align: center; padding: 5px 15px; color: #0a2c43; text-transform: capitalize; } .hover-tab-card .header { margin-bottom: 5px; font-size: 18px; } .hover-tab-card .header span { color: #4a90e2; font-size: 20px; } .hover-tab-card .footer { font-size: 16px; } .hover-tab-card .footer span { color: #4a90e2; } .hover-tab-card .tool-tip { margin-top: 5px; max-width: 500px; } .hover-tab-card .adoption { background-color: #00ff04; } .hover-tab-card .adoption-tip { background-color: #c6ffc7; } .hover-tab-card .adoption-tip.place-bottom::after { border-bottom-color: #c6ffc7; } .hover-tab-card .adoption-tip.place-left::after { border-left-color: #c6ffc7; } .hover-tab-card .adoption-tip.place-right::after { border-right-color: #c6ffc7; } .hover-tab-card .adoption-tip.place-top::after { border-top-color: #c6ffc7; } .hover-tab-card .increase { background-color: #00b050; } .hover-tab-card .increase-tip { background-color: #9fdfbc; } .hover-tab-card .increase-tip.place-bottom::after { border-bottom-color: #9fdfbc; } .hover-tab-card .increase-tip.place-left::after { border-left-color: #9fdfbc; } .hover-tab-card .increase-tip.place-right::after { border-right-color: #9fdfbc; } .hover-tab-card .increase-tip.place-top::after { border-top-color: #9fdfbc; } .hover-tab-card .flat { background-color: #b7b7b7; } .hover-tab-card .flat-tip { background-color: #e3e3e3; } .hover-tab-card .flat-tip.place-bottom::after { border-bottom-color: #e3e3e3; } .hover-tab-card .flat-tip.place-left::after { border-left-color: #e3e3e3; } .hover-tab-card .flat-tip.place-right::after { border-right-color: #e3e3e3; } .hover-tab-card .flat-tip.place-top::after { border-top-color: #e3e3e3; } .hover-tab-card .decrease { background-color: #d89694; } .hover-tab-card .decrease-tip { background-color: #f0d7d6; } .hover-tab-card .decrease-tip.place-bottom::after { border-bottom-color: #f0d7d6; } .hover-tab-card .decrease-tip.place-left::after { border-left-color: #f0d7d6; } .hover-tab-card .decrease-tip.place-right::after { border-right-color: #f0d7d6; } .hover-tab-card .decrease-tip.place-top::after { border-top-color: #f0d7d6; } .hover-tab-card .replacing { background-color: #fc0102; } .hover-tab-card .replacing-tip { background-color: #ffc7c7; } .hover-tab-card .replacing-tip.place-bottom::after { border-bottom-color: #ffc7c7; } .hover-tab-card .replacing-tip.place-left::after { border-left-color: #ffc7c7; } .hover-tab-card .replacing-tip.place-right::after { border-right-color: #ffc7c7; } .hover-tab-card .replacing-tip.place-top::after { border-top-color: #ffc7c7; } .hover-tab-card .net.score { color: white; background-color: #036394; } .hover-tab-card .net.score-tip { background-color: #d3e3ec; } .hover-tab-card .net.score-tip.place-bottom::after { border-bottom-color: #d3e3ec; } .hover-tab-card .net.score-tip.place-left::after { border-left-color: #d3e3ec; } .hover-tab-card .net.score-tip.place-right::after { border-right-color: #d3e3ec; } .hover-tab-card .net.score-tip.place-top::after { border-top-color: #d3e3ec; } .hover-tab-card .market.share { background-color: #fec000; } .hover-tab-card .market.share-tip { background-color: #fec000; } .hover-tab-card .market.share-tip.place-bottom::after { border-bottom-color: #fec000; } .hover-tab-card .market.share-tip.place-left::after { border-left-color: #fec000; } .hover-tab-card .market.share-tip.place-right::after { border-right-color: #fec000; } .hover-tab-card .market.share-tip.place-top::after { border-top-color: #fec000; } .model-preview { margin-bottom: 4rem; } .model-preview-title, .model-preview-subtitle { padding: 0px; } .model-preview:nth-child(even) { text-align: right; } .model-preview-title { text-transform: capitalize; color: #0a2c43; font-weight: 500; } .model-preview-subtitle { background-color: #ebeff2; font-weight: 400; font-size: 1.5rem; margin: 1rem 0; padding: 0.8rem; border-top: 1px solid #325f7d; display: inline-block; } .model-preview-image-wrap { position: relative; } .model-preview-image-wrap .model-preview-image { border: 1px solid transparent; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .model-preview-image-wrap .model-preview-image { max-width: 90%; margin: auto; } } .model-preview-image-wrap .model-preview-image img { display: block; } .model-preview-image-wrap:hover .model-preview-image-button { display: block; } .model-preview-image-wrap:hover .model-preview-image { border-color: #0a2c43; box-shadow: 0px 5px 10px -4px #17669c; } .model-preview-image-wrap .model-preview-image-button { font-size: 1.4rem; display: block; position: absolute; width: 180px; height: 40px; margin: auto; top: 0; bottom: 0; left: 0; right: 0; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .model-preview-image-wrap .model-preview-image-button { display: none; } } .quote-panel-list { /* Small devices (portrait tablets and large phones, 768px and up) */ } .quote-panel-list li { margin-top: 3rem; } @media only screen and (min-width: 768px) { .quote-panel-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(25em, 1fr)); gap: 15px; } .quote-panel-list li { margin-top: 2rem; } } .quote-vendor { position: relative; color: #0a2c43; padding: 1.5rem; border-radius: 0.8rem; background-image: linear-gradient(to left, #ffffff, #ebeff2); margin-top: 2rem; } .quote-vendor:after { content: "\f10d"; font-weight: 900; font-family: "Font Awesome 5 Free"; display: inline-block; position: absolute; bottom: 100%; left: 2rem; } .quote-vendor .quote-vendor-text { font-style: italic; text-indent: 2rem; line-height: 2.2rem; margin-bottom: 1.5rem; } .quote-vendor .quote-vendor-footer { font-size: 1.6rem; color: #4a90e2; } .quote-vendor .quote-vendor-footer span { color: #0a2c43; } .vendor-page .quote-title { font-size: 2rem; font-weight: 500; color: #0a2c43; padding: 0; } .vendor-page .quote-title span { color: #4a90e2; } .topics-page { padding: 25px; background-color: #fff; } .topics-page .margin-bottom-30 { margin-bottom: 30px; } .topics-page .grid { display: grid; } .topics-page .gradient-to-right { color: #0a2c43; background-image: linear-gradient(to right, #ffffff, #ebeff2); } .topics-page .highlight { color: #3890df; font-weight: bold; } [data-isauthorized="false"] { color: transparent; background-image: none; text-shadow: 0px 0px 10px #000; user-select: none; } .related-products-header { color: #000; position: relative; background-color: #fff; margin-bottom: 2rem; font-size: 1.8rem; padding: 15px 25px; } .related-products-header > span { font-weight: bold; font-size: 1.4em; } .related-products-header::after { content: ""; z-index: -1; position: absolute; box-shadow: 0px 0px 10px #9faab7; bottom: 0px; margin: auto; left: 0; right: 0; width: 100%; height: 10%; border-radius: 100%; } .vendor-page h1 { color: #0a2c43; font-weight: bold; font-size: 4rem; } .vendor-page h3 { font-size: 1.8rem; } .vendor-page button { font-size: 2rem; margin: 0 auto; } .vendor-page button:focus { outline: none; } .vendor-page .vendor-survey-summary, .vendor-page .vendor-summary { display: grid; } .vendor-page .vendor-header { display: grid; gap: 2em; grid-template-columns: 2fr 2fr; /* Medium devices (landscape tablets, 768px and up) */ align-items: start; } @media only screen and (min-width: 1024px) { .vendor-page .vendor-header { grid-template-columns: 1fr 3fr; } } .vendor-page .vendor-summary { gap: 2em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .vendor-page .vendor-summary { grid-template-columns: 1fr 3fr; } } .vendor-page .vendor-summary[data-expanded="false"], .vendor-page .vendor-takeaways[data-expanded="false"] { overflow: hidden; max-height: 95ch; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .vendor-page .vendor-summary[data-expanded="false"], .vendor-page .vendor-takeaways[data-expanded="false"] { max-height: 37ch; } } .vendor-page .vendor-header-content { display: flex; align-items: flex-start; /* Medium devices (landscape tablets, 768px and up) */ /* small devices (phones, 767px and down) */ } @media only screen and (min-width: 1024px) { .vendor-page .vendor-header-content { justify-content: space-between; } } @media only screen and (max-width: 767px) { .vendor-page .vendor-header-content { flex-direction: column; } } .vendor-page .vendor-header .logo { /* Medium devices (landscape tablets, 768px and up) */ background-color: #fff; text-align: center; padding: 15px 0; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.5); margin-bottom: 1em; } @media only screen and (min-width: 1024px) { .vendor-page .vendor-header .logo { height: 150px; } } .vendor-page .vendor-header .logo img { max-width: 130px; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .vendor-page .vendor-header .logo img { height: 100%; max-width: initial; } } .vendor-page .vendor-header .vendor-rating-list { margin-bottom: 30px; } .vendor-page .rating-outlook { display: grid; gap: 2em; height: max-content; margin-bottom: 1.8em; grid-template-columns: 1fr 3fr; /* Medium devices (landscape tablets, 768px and up) */ /* small devices (phones, 767px and down) */ } @media only screen and (min-width: 1024px) { .vendor-page .rating-outlook { grid-template-columns: repeat(auto-fit, minmax(18em, 1fr)); } } @media only screen and (max-width: 767px) { .vendor-page .rating-outlook { grid-template-columns: initial; } } .vendor-page .separator-cta-button { background-color: #fff; color: #3890df; } .vendor-page .separator-cta-button hr { position: relative; margin: 0 50px; border-top: 1px solid #4a90e2; top: 30px; } .vendor-page .separator-cta-button button { display: block; position: relative; font-weight: bold; text-transform: capitalize; z-index: 0; background-color: #fff; width: 200px; color: #3890df; } .vendor-page .vendor-survey-summary { position: relative; grid-template-columns: 1fr 1fr; max-width: 540px; margin: auto; /* Large devices (laptops/desktops, 1200px and up) */ gap: 1em; } @media only screen and (min-width: 1200px) { .vendor-page .vendor-survey-summary { max-width: 1220px; grid-template-columns: 1.4fr minmax(20rem, 0.5fr) 2.4fr; align-items: center; } } .vendor-page .vendor-survey-summary .respondent ul .survey-count { color: #3890df; font-size: 50px; line-height: 1; } .vendor-page .vendor-survey-summary .respondent ul .survey-name { font-size: 2.5rem; color: #0a2c43; font-weight: 400; text-transform: uppercase; } .vendor-page .vendor-survey-summary .indexes { padding: 0 1em; border-left: 1px solid #000; justify-self: end; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .vendor-page .vendor-survey-summary .indexes { justify-self: center; padding: 0 2em; border-right: 1px solid #000; } } .vendor-page .vendor-survey-summary .indexes li:not(:last-child) { margin-bottom: 10px; } .vendor-page .vendor-survey-summary .indexes .index-value { font-size: 2rem; margin-right: 10px; } .vendor-page .vendor-survey-summary .indexes .index-name { font-size: 1.5rem; color: #888; } .vendor-page .vendor-survey-summary .answer-distribution { grid-row: 2; grid-column: 1/3; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .vendor-page .vendor-survey-summary .answer-distribution { grid-row: auto; grid-column: auto; } } .vendor-page .survey-reports { box-shadow: 0 4px 5px 0px rgba(10, 44, 67, 0.14); margin-left: -2em; margin-right: -2em; } .vendor-page .survey-reports .btn-container { padding: 40px; margin: 0 auto; max-width: 670px; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .vendor-page .survey-reports .btn-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 100px; } } .vendor-page .survey-reports .btn-container button { display: inline-block; color: #fff; } .vendor-page .survey-reports .btn-container button.commentary { float: right; } .vendor-page .survey-reports .btn-container button.report { padding: 0.6em 2.5em; font-size: 2rem; } .vendor-page .vendor-footer { text-align: center; } .vendor-page .vendor-footer .ramp-cta-banner { border-top: 1px solid #000; padding: 1.5em; color: #0a2c43; background-image: linear-gradient(to left, #ffffff, #ebeff2); margin-bottom: 2em; } .vendor-page .vendor-footer .ramp-cta-banner div { grid-row: 1; } .vendor-page .vendor-footer .ramp-cta-banner p { font-size: 2.5rem; font-weight: bold; color: #0a2c43; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .vendor-page .vendor-footer .ramp-cta-banner p { font-size: 3rem; } } .vendor-page .vendor-footer .ramp-cta-banner .btn-ramp { padding: 0.6em 2.5em; font-size: 2rem; font-weight: 400; } .vendor-page .vendor-footer .ramp-cta-banner .ramp-images { margin: 1.8em auto; grid-template-columns: repeat(11, 1fr); justify-content: start; grid-gap: 30px; } .vendor-page .vendor-footer .ramp-cta-banner .ramp-images img { display: block; width: 100% !important; } .vendor-page .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-1 { grid-column: 2/5; } .vendor-page .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-2 { grid-column: 5/8; } .vendor-page .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-3 { grid-column: 8/11; } .vendor-page .vendor-footer .survey-cta-banner { padding-top: 1.9em; padding-bottom: 7.5em; background-repeat: no-repeat; background-size: 100% auto; color: #0a2c43; /* Small devices (portrait tablets and large phones, 768px and up) */ } .vendor-page .vendor-footer .survey-cta-banner p.title { font-size: 3rem; margin-bottom: 0.1em; } .vendor-page .vendor-footer .survey-cta-banner p.content { font-size: 2rem; width: 60%; margin: auto; margin-bottom: 1em; } @media only screen and (min-width: 768px) { .vendor-page .vendor-footer .survey-cta-banner p.title { font-size: 3.5rem; } .vendor-page .vendor-footer .survey-cta-banner p.content { font-size: 2.3rem; margin-bottom: 2.3em; } } @media only screen and (max-width: 1199px) { .vendor-footer .ramp-cta-banner .ramp-images { grid-template-columns: repeat(12, 1fr) !important; } .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-1 { grid-column: 1/5 !important; } .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-2 { grid-column: 5/9 !important; } .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-3 { grid-column: 9/13 !important; } } @media only screen and (max-width: 623px) { .vendor-footer .ramp-cta-banner div { grid-row: 3; } .vendor-footer .ramp-cta-banner .ramp-images { margin: 40px 0; grid-template-columns: repeat(1, 1fr) !important; grid-gap: 30px; max-width: 60%; margin: 0 auto; } .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-1, .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-2, .vendor-footer .ramp-cta-banner .ramp-images .ramp-expert-image-3 { grid-column: 1 !important; } } .topic-header { /* Medium devices (landscape tablets, 768px and up) */ } .topic-header h1 { color: #0a2c43; font-weight: bold; font-size: 4rem; } @media only screen and (min-width: 1024px) { .topic-header { display: inline-grid; grid-template-columns: 0fr 1fr; grid-gap: 1em; } } .topic-header-title { margin-bottom: 0.3em; } .topic-header-description { margin-bottom: 2em; max-width: 100ch; font-size: 1.6rem; } .topics-page { padding: 25px; background-color: #fff; } .topics-page .margin-bottom-30 { margin-bottom: 30px; } .topics-page .grid { display: grid; } .topics-page .gradient-to-right { color: #0a2c43; background-image: linear-gradient(to right, #ffffff, #ebeff2); } .topics-page .highlight { color: #3890df; font-weight: bold; } [data-isauthorized="false"] { color: transparent; background-image: none; text-shadow: 0px 0px 10px #000; user-select: none; } .related-products-header { color: #000; position: relative; background-color: #fff; margin-bottom: 2rem; font-size: 1.8rem; padding: 15px 25px; } .related-products-header > span { font-weight: bold; font-size: 1.4em; } .related-products-header::after { content: ""; z-index: -1; position: absolute; box-shadow: 0px 0px 10px #9faab7; bottom: 0px; margin: auto; left: 0; right: 0; width: 100%; height: 10%; border-radius: 100%; } .account-container { margin: 0 auto; padding: 0 20px 20px 20px; width: 100%; height: 100%; background: #f8f9fa; border-top: 1px solid #e7e8ea; } .account-info-container { position: relative; float: left; width: 373px; height: 303px; margin-right: 20px; margin-top: 20px; padding: 20px; overflow: auto; background: #ffffff; border: 1px solid #e7e8ea; box-shadow: 0 0 5px 0 #e7e8ea; } .account-info-container h1 { font-size: 25px; color: #325f7d; letter-spacing: 0; text-align: left; margin-bottom: 20px; } .account-info-container h4 { font-size: 16px; color: #2b2f3b; letter-spacing: 0; text-align: left; line-height: 0; } .account-info-container h4 span { font-size: 16px; color: #2b2f3b; letter-spacing: 0; text-align: left; margin-left: 20px; line-height: 0; } .account-info-container .account-info { font-size: 16px; font-weight: bold; color: #2b2f3b; text-align: left; line-height: 2; } .account-info-container .account-info span { font-weight: normal; margin-left: 20px; } .account-info-container button { position: absolute; bottom: 20px; left: 20px; width: 333px; height: 40px; background: #114965; border-radius: 10px; font-size: 12px; color: #ffffff; letter-spacing: 0.5px; text-align: center; } .edit-password-container { width: 100%; max-width: 570px; height: 460px; border-radius: 0px; background: #ffffff; border: 1px solid #e7e8ea; padding: 35px 40px 38px 40px; display: flex; flex-wrap: wrap; } .edit-password-container .edit-password-header { width: 100%; margin-bottom: 26px; } .edit-password-container .edit-password-header h1 { font-size: 25px; color: #325f7d; letter-spacing: 0; text-align: left; } .edit-password-container .edit-password-inputs-container { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; height: 260px; width: 100%; } .edit-password-container .edit-password-inputs-container .edit-password-input-label { width: 100%; } .edit-password-container .edit-password-inputs-container .edit-password-input-label span { font-size: 16px; color: #0b2e45; text-align: left; font-weight: normal; margin-bottom: 10px; } .edit-password-container .edit-password-inputs-container input { border-radius: 10px; background: #f8f9fa; border: 1px solid #e7e8ea; width: 100%; height: 45px; } .edit-password-container .edit-password-buttons-container { height: 45px; width: 100%; margin-top: 27px; display: flex; justify-content: flex-end; } .edit-password-container .edit-password-buttons-container #edit-password-save-button { width: 35%; height: 45px; background: #154c70; border-radius: 10px; font-size: 16px; color: #ffffff; letter-spacing: 0; text-align: center; margin-right: 10px; } .edit-password-container .edit-password-buttons-container #edit-password-cancel-button { width: 35%; height: 45px; background: #6c757d; border-radius: 10px; font-size: 16px; color: #ffffff; letter-spacing: 0; text-align: center; margin-left: 10px; } #edit-password-dialogue { position: absolute; bottom: 95px; left: 40px; font-size: 12px; color: red; } @media only screen and (max-width: 855px) { .edit-password-container { width: 90%; height: auto; margin: auto; } } .edit-profile-container { width: 100%; max-width: 570px; height: 460px; border-radius: 0px; background: #ffffff; border: 1px solid #e7e8ea; display: flex; flex-wrap: wrap; padding: 35px 40px 38px 40px; } .edit-profile-container input { border-radius: 10px; background: #f8f9fa; border: 1px solid #e7e8ea; width: 100%; height: 45px; } .edit-profile-container .edit-profile-header { width: 100%; margin-bottom: 26px; } .edit-profile-container .edit-profile-header h1 { font-size: 25px; color: #325f7d; } .edit-profile-container .edit-profile-inputs-container { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; height: 260px; width: 100%; } .edit-profile-container .edit-profile-inputs-container .profile-input-small { width: 48%; } .edit-profile-container .edit-profile-inputs-container .profile-input-large { width: 100%; } .edit-profile-container .edit-profile-inputs-container .edit-profile-input-label { width: 100%; margin-bottom: 10px; } .edit-profile-container .edit-profile-inputs-container .edit-profile-input-label span { font-size: 16px; color: #0b2e45; letter-spacing: 0; text-align: left; } .edit-profile-container .edit-profile-inputs-container .edit-profile-input-error { width: 100%; min-height: 12px; } .edit-profile-container .edit-profile-inputs-container .edit-profile-input-error span { font-size: 12px; color: red; text-align: left; } .edit-profile-container .edit-profile-buttons-container { width: 100%; height: 45px; margin-top: 27px; display: flex; justify-content: flex-end; } .edit-profile-container .edit-profile-buttons-container #edit-profile-save-button { width: 35%; height: 45px; background: #154c70; border-radius: 10px; font-size: 16px; color: #ffffff; letter-spacing: 0; text-align: center; margin-right: 10px; } .edit-profile-container .edit-profile-buttons-container #edit-profile-cancel-button { width: 35%; height: 45px; background: #6c757d; border-radius: 10px; font-size: 16px; color: #ffffff; letter-spacing: 0; text-align: center; margin-left: 10px; } #edit-profile-dialogue { position: absolute; bottom: 91px; left: 40px; font-size: 12px; color: red; } @media only screen and (max-width: 855px) { .edit-profile-container { margin: 0 auto; width: 90%; height: auto; } } .edit-device-container { width: 100%; max-width: 570px; height: 460px; border-radius: 0px; background: #ffffff; border: 1px solid #e7e8ea; padding: 40px; display: flex; flex-direction: column; justify-content: space-between; } .edit-device-container .edit-device-header { width: 100%; margin-bottom: 26px; } .edit-device-container h1 { font-size: 25px; color: #325f7d; letter-spacing: 0; text-align: left; } #edit-devices-save-button { width: 35%; height: 45px; background: #154c70; border-radius: 10px; font-size: 16px; color: #ffffff; letter-spacing: 0; text-align: center; margin-right: 10px; } #edit-devices-cancel-button { width: 35%; height: 45px; background: #6c757d; border-radius: 10px; font-size: 16px; color: #ffffff; letter-spacing: 0; text-align: center; margin-left: 10px; } .edit-devices-buttons { display: flex; justify-content: flex-end; width: 100%; margin-top: auto; } .edit-device-list-container { display: flex; flex-direction: column; justify-content: flex-start; height: 260px; width: 100%; } .edit-device-list-container .edit-device-list { width: 100%; height: 100%; } .edit-device-list-container .edit-device-list .edit-device-device-card { width: 100%; height: 45px; border: 1px solid #dddddd; padding: 15px; display: flex; flex-wrap: nowrap; justify-content: space-between; align-content: center; align-items: center; user-select: none; } .edit-device-list-container .edit-device-list .edit-device-device-card .edit-device-device-icon { width: 15px; } .edit-device-list-container .edit-device-list .edit-device-device-card .edit-device-device-title { margin-left: 20px; margin-right: 20px; } .edit-device-list-container .edit-device-list .edit-device-device-card .edit-device-device-title h3 { font-size: 16px; color: #0b2e45; letter-spacing: 0; text-align: left; font-weight: normal; } .edit-device-list-container .edit-device-list .edit-device-device-card .edit-device-remove-button { width: 15px; } .edit-device-list-container .edit-device-list .edit-device-device-card .edit-device-remove-button .fa-times { color: #f44242; line-height: 22px; cursor: pointer; } .edit-device-list-container .edit-device-list .edit-device-device-card .edit-device-remove-button .fa-times:active { color: #ff9b9b; } #no-devices { user-select: none; color: #808080; padding: 15px; text-align: center; } @media only screen and (max-width: 855px) { .edit-device-container { width: 90%; margin: auto; } } .account-main-container { flex: 1; display: flex; flex-direction: column; } .dropdown-container label { font-weight: bolder; font-size: 14px; letter-spacing: 1px; white-space: nowrap; margin-right: 10px; } .dropdown-container { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .dropdown-container { flex-grow: 1; display: flex; flex-direction: row; align-items: center; width: 40%; margin-right: 0; } .dropdown-container div { border: none; border-radius: 0; } } .dropdown-container .select-container { position: relative; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .dropdown-container .select-container { width: 100%; border: solid 1px #e7e8ea; border-radius: 0; } } .dropdown-container { flex-wrap: wrap; } .dropdown-container label { margin-bottom: 5px; } /* Medium devices (landscape tablets, 768px and up) */ @media only screen and (min-width: 1024px) { .dropdown-container { flex-wrap: nowrap; } .dropdown-container label { margin-bottom: 0px; } } .marketplace-container { padding: 20px; border-top: 1px solid #e7e8ea; background-color: #f8f9fa; -webkit-overflow-scrolling: touch; } .marketplace-container .filter .filter-container h3 { font-size: 1.5rem; padding: 0 0 .8em 0; } .marketplace-container .filter .filter-container .select-filter-group { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .marketplace-container .filter .filter-container .select-filter-group { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; } } .marketplace-container .filter .filter-container .filter-body { margin-bottom: .8em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .marketplace-container .filter .filter-container .filter-body { display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap; } .marketplace-container .filter .filter-container .filter-body .select-filter { display: flex; gap: 10px; align-items: center; justify-content: center; } } .marketplace-container .filter .filter-container .filter-body .input-container { margin-bottom: 10px; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .marketplace-container .filter .filter-container .filter-body .input-container { margin-bottom: 0; } } .marketplace-container .filter .filter-container .filter-body .input-container .search-bar { border: 1px solid #e7e8ea; border-radius: 5px; background-color: #fff; } .marketplace-container .filter .filter-container .filter-body .input-container .search-bar input { background-color: #fff; } .marketplace-container .filter .filter-container .filter-body .dropdown-container { width: initial; flex-direction: column; align-items: flex-start; /* Medium devices (landscape tablets, 768px and up) */ margin-left: 0; margin-top: 0; } .marketplace-container .filter .filter-container .filter-body .dropdown-container label { margin-bottom: .3em; } @media only screen and (min-width: 1024px) { .marketplace-container .filter .filter-container .filter-body .dropdown-container { min-width: 170px; max-width: 300px; } } .marketplace-container .filter .filter-container .filter-body .dropdown-container { margin-bottom: 1em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .marketplace-container .filter .filter-container .filter-body .dropdown-container { margin-bottom: 0; } } .marketplace-container .options-container { flex-grow: 2; justify-content: flex-end; margin-bottom: 1em; } .marketplace-container .options-container[data-disabled="true"] { pointer-events: none; cursor: not-allowed; opacity: .6; } .marketplace-container .options-container { display: flex; min-height: fit-content; } .marketplace-container .marketplace-products-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-auto-rows: auto; grid-gap: 20px; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .marketplace-container .marketplace-products-list { grid-template-columns: repeat(auto-fill, minmax(152px, 1fr)); grid-gap: 10px; } } .marketplace-container .no-results { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: auto; background-color: white; border: 1px solid #e7e8ea; box-shadow: 0px 0px 24px -9px rgba(0, 0, 0, 0.33); max-width: 1000px; padding: 50px; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .marketplace-container .no-results { text-align: center; } } .marketplace-container .no-results .image { padding-bottom: 50px; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .marketplace-container .no-results .image { width: 50%; } } .marketplace-container .no-results .title { display: flex; font-size: 40px; margin-bottom: 30px; letter-spacing: 1px; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .marketplace-container .no-results .title { font-size: 25px; } } .marketplace-container .no-results .description { display: flex; font-size: 16px; margin-bottom: 30px; vertical-align: middle; text-align: center; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .marketplace-container .no-results .description { font-size: 10px; } } .marketplace-container #loading-more-products { padding: 20px; } .purchase-card-container { padding: 1.5em 1em; display: flex; flex-direction: column; max-width: 240px; width: 100%; /* small devices (phones, 767px and down) */ /* Extra small devices phone portrait (phones, 400px and down) */ } .purchase-card-container + .purchase-card-container { margin-top: 14px; } @media only screen and (max-width: 767px) { .purchase-card-container { margin: 0 auto; max-width: calc(100vw - 200px); } } @media only screen and (max-width: 400px) { .purchase-card-container { margin: 0 auto; max-width: 100%; } } .purchase-card-container.shaded { box-shadow: 0px 0px 24px -9px rgba(0, 0, 0, 0.33); border: 1px solid #e7e8ea; } .purchase-card-container .purchase-card-header { font-size: 1.5rem; letter-spacing: 0.6px; align-self: center; font-weight: 700; color: #4a4a4a; margin-bottom: 9px; text-align: center; } .purchase-card-container .purchase-card-price { color: #9b9b9b; font-size: 14px; letter-spacing: 0.8px; margin-top: 3px; margin-bottom: 15px; line-height: 1; text-align: center; } .purchase-card-container .purchase-card-description { color: #868686; font-size: 1.4rem; margin-bottom: 11px; line-height: 1; text-align: center; } .tpdetails-overview-container .free-ribbon { background-color: #ff8f00; color: #fff; padding: 10px 20px; position: absolute; font-size: 1.4rem; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .tpdetails-overview-container .free-ribbon { font-size: 1rem; } } .tpdetails-overview-container .free-ribbon:before, .tpdetails-overview-container .free-ribbon:after { border-style: solid; position: absolute; } .tpdetails-overview-container .free-ribbon:before { content: ""; border-width: 20px; border-color: #ff8f00 #ff8f00 #ff8f00 transparent; top: 0; right: 100%; bottom: 0; transform: translateX(50%); /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .tpdetails-overview-container .free-ribbon:before { border-width: 17px; } } .tpdetails-overview-container .free-ribbon:after { content: ""; right: 0; top: 100%; border-width: 5px; border-color: #995600 transparent transparent #995600; } .tpdetails-overview-container { position: relative; display: flex; flex-wrap: wrap; padding: 20px; background-color: #ffffff; border: 1px solid #e7e8ea; } .tpdetails-overview-container.free-report { padding-top: 40px; } .tpdetails-overview-container .free-ribbon { right: -11px; top: -8px; } .tpdetails-overview-container .tpdetails-image-container { width: 100%; padding: 10px; border: 1px solid #e7e8ea; display: flex; height: 120px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .tpdetails-overview-container .tpdetails-image-container { margin-right: 1em; max-width: 120px; max-width: 170px; height: 170px; } } .tpdetails-overview-container .tpdetails-image-container .image { width: 100%; flex: 1; background-repeat: no-repeat; background-size: contain; background-position: center; } .tpdetails-overview-container .tpdetails-title-container { display: flex; flex-direction: column; justify-content: flex-start; text-overflow: ellipsis; overflow: auto; padding: 1em 0; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .tpdetails-overview-container .tpdetails-title-container { padding: 0; width: calc(100% - 190px); } } .tpdetails-overview-container .tpdetails-title-container .title { color: #325f7d; letter-spacing: 1.5px; margin-bottom: 5px; } .tpdetails-overview-container .tpdetails-title-container h2 { font-size: 1.8rem; letter-spacing: 2px; padding: 5px 0; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; } .tpdetails-overview-container .tpdetails-title-container h2 a:hover { text-decoration: underline; } .tpdetails-overview-container .tpdetails-title-container #vendor-sector .vendor-sector-title { margin-right: 10px; margin-bottom: 5px; font-size: 1.6rem; font-weight: normal; } .tpdetails-overview-container .tpdetails-title-container #vendor-sector a { font-size: 1.6rem; color: #4a90e2; letter-spacing: 2px; font-weight: normal; } .tpdetails-overview-container .tpdetails-description-container { width: 100%; margin: 20px 0; /* Extra small devices phone portrait (phones, 400px and down) */ } @media only screen and (max-width: 400px) { .tpdetails-overview-container .tpdetails-description-container { margin: 0; } } .tpdetails-overview-container .tpdetails-description span { font-size: 16px; color: #4a4a4a; letter-spacing: 2px; text-align: justify; } .tpdetails-overview-container .tpdetails-buttons-container { flex-basis: 100%; max-width: 350px; margin: auto; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .tpdetails-overview-container .tpdetails-buttons-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); grid-gap: 10px; margin: 0 auto; align-items: end; max-width: initial; } } .tpdetails-overview-container .tpdetails-buttons-container .button-item { font-size: 1.3rem; width: 100%; margin-bottom: 10px; } .tpdetails-overview-container .purchase-card-container { max-width: initial; } .tpdetails-overview-container .purchase-card-container .button-item { margin: 0px; } .tpdetails-overview-container .favorite-button-container { text-transform: uppercase; } .product-details-main-container h2 { font-weight: 300; padding: 0.1em 0 0.3em 0; } .tpdetails-details-container { margin-top: 20px; } .tpdetails-details-content { background: #ffffff; border: 1px solid #e7e8ea; padding: 20px; } .tpdetails-details-content h2 { font-size: 1.8rem; color: #2b2f3b; letter-spacing: 2.25px; font-weight: 400; text-align: center; } .tpdetails-details-content .tpdetails-details-inner-container { text-align: center; display: flex; flex-wrap: wrap; padding: 2em 0; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .tpdetails-details-content .tpdetails-details-inner-container { justify-content: center; flex-wrap: nowrap; } } .tpdetails-details-content .tpdetails-details-inner-container .tpdetails-details-image-placeholder { width: 44px; height: 44px; font-size: 44px; color: #325f7d; margin-bottom: 21px; display: inline; } .tpdetails-details-content .tpdetails-details-inner-container .tpdetails-details-image-placeholder .detail-icon { width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; background-position: center; max-width: 44px; max-height: 44px; display: inline-block; } .tpdetails-details-content .tpdetails-details-inner-container h3 { font-size: 16.67px; font-weight: bold; letter-spacing: 1.39px; color: #4a4a4a; margin-bottom: 10px; } .tpdetails-details-content .tpdetails-details-inner-container h4 { letter-spacing: 2.08px; color: #868686; text-align: center; } .tpdetails-details-content .tpdetails-details-inner-container .detail-item { padding: 1em; flex-basis: 100%; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 768px) { .tpdetails-details-content .tpdetails-details-inner-container .detail-item { flex-basis: 50%; } } @media only screen and (min-width: 1024px) { .tpdetails-details-content .tpdetails-details-inner-container .detail-item { flex-basis: auto; } } .tpdetails-details-content .tpdetails-details-inner-container .detail-item:first-child { margin-left: 0; } .tpdetails-details-content .tpdetails-details-inner-container .detail-item:last-child { margin-right: 0; } .product-related-products-container { margin-top: 20px; } .tpdetails-related-products-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-auto-rows: auto; grid-gap: 20px; } .tpdetails-related-products-card { background: #ffffff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; border: 1px solid #e7e8ea; display: flex; flex-direction: column; } .tpdetails-related-products-card .tpdetails-related-product-image { width: 100%; height: 100px; flex: 1 1 auto; display: flex; } .tpdetails-related-products-card .tpdetails-related-product-image .related-product-image { flex: 1; background-size: contain; background-repeat: no-repeat; background-position: center; } .tpdetails-related-products-card .tpdetails-related-product-image .related-product-no-image { width: 100%; height: 100%; flex: 1; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 20px; } .tpdetails-related-products-card .tpdetails-related-product-image .related-product-no-image h1 { font-size: 18px; color: #4a4a4a; letter-spacing: 1px; } .tpdetails-related-products-card .tpdetails-related-product-body { background-color: #f7f7f7; overflow: auto; padding: 10px; min-height: 99px; flex: 1 1 auto; } .tpdetails-related-products-card .tpdetails-related-product-body h1 { font-size: 14px; color: #2b2f3b; letter-spacing: 0.88px; margin-bottom: 10px; } .tpdetails-related-products-card .tpdetails-related-product-body .tpdetails-vendor-sector { font-size: 12px; color: #9b9b9b; letter-spacing: 0.75px; margin-top: 10px; } .tpdetails-related-products-card .tpdetails-related-product-body .tpdetails-vendor-sector .vendor-sector-list { margin-left: 5px; } .tpdetails-related-products-card .tpdetails-related-product-body .tpdetails-vendor-sector .vendor-sector-list a { font-size: 12px; color: #0092ff; letter-spacing: 0.75px; margin-right: 5px; } .request-access-modal-container { background: white; padding: 40px; display: flex; flex-direction: column; width: 100%; } .request-access-modal-container.success { align-items: center; } .request-access-modal-container.success .request-access-buttons { justify-content: center; } .request-access-modal-container.success .request-access-buttons button { margin: 0; } .request-access-modal-container h2 { padding: 0; } .request-access-modal-container .request-access-form { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px -10px; } .request-access-modal-container .request-access-form .input-item { display: flex; flex-direction: column; flex: 1 1 auto; margin: 5px 10px; } .request-access-modal-container .request-access-form .input-item label { margin-bottom: 10px; } .request-access-modal-container .request-access-form .input-item .input-error { color: red; font-size: 13px; margin-top: 5px; height: 13px; } .request-access-modal-container .request-access-success { display: flex; flex-direction: column; align-items: center; margin-bottom: 30px; } .request-access-modal-container .request-access-success .success-icon { background: #4eb474; width: 100px; height: 100px; border-radius: 50px; font-size: 50px; padding: 25px; color: white; margin: 50px 0; } .request-access-modal-container .request-access-success h3 { color: #2b2f3b; font-size: 16px; text-align: center; margin-bottom: 20px; } .request-access-modal-container .request-access-success h3.green { color: #4eb474; } .request-access-modal-container .request-access-buttons { display: flex; justify-content: flex-end; width: 100%; } .request-access-modal-container .request-access-buttons button { margin-left: 20px; max-width: 170px; } .venn-details-overview-container { padding: 10px; background-color: white; border: 1px solid #e7e8ea; margin-bottom: 2rem; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .venn-details-overview-container { display: grid; grid-gap: 2rem; grid-template-columns: 250px 2fr; align-items: start; } } .venn-details-overview-container .insights-logo-container { display: flex; justify-content: center; border: #e7e8ea 1px solid; } .venn-details-overview-container .insights-logo-container img { width: 250px; } .venn-details-overview-container .venn-details-image-container { background-size: cover; background-repeat: no-repeat; border: 1px solid #e7e8ea; background-image: url("/static/images/productFallbackBackground.png"); margin-bottom: 2rem; } .venn-details-overview-container .venn-details-image-container .image { background-position: center; background-size: contain; background-repeat: no-repeat; width: 100%; height: 0; padding-top: 66.64%; /* larger devices (phones, 500px and up) */ } @media only screen and (min-width: 500px) { .venn-details-overview-container .venn-details-image-container .image { padding-top: 75%; } } .venn-details-overview-container .venn-details-image-container .default-venn-logo { padding: 10rem 0; display: flex; justify-content: center; } .venn-details-overview-container .venn-details-image-container .default-venn-logo .venn-logo-content { background-position: center; background-size: contain; background-repeat: no-repeat; min-height: 100px; margin: 20px auto; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .venn-details-overview-container .venn-details-image-container .default-venn-logo .venn-logo-content { min-height: 250px; width: 50%; } } .venn-details-overview-container .venn-details-image-container .default-venn-logo h3 { text-align: center; padding: 0; color: #4a90e2; font-weight: 700; font-size: 2em; margin-bottom: 20px; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .venn-details-overview-container .venn-details-image-container .default-venn-logo h3 { font-size: 3em; } } .venn-details-overview-container .venn-details-overview-content { flex: 1 0 65%; } .venn-details-overview-container .venn-details-overview-content h3 { padding: 15px 0; } .venn-details-overview-container .venn-details-overview-content .venn-details-title-container { width: 100%; margin-top: 10px; /* larger devices (phones, 500px and up) */ } @media only screen and (min-width: 500px) { .venn-details-overview-container .venn-details-overview-content .venn-details-title-container { margin-top: 0; } } .venn-details-overview-container .venn-details-overview-content .venn-details-title-container .venn-logo { width: 70px; height: 80px; border: 1px solid #e7e8ea; padding: 10px; margin-right: 10px; } .venn-details-overview-container .venn-details-overview-content .venn-details-title-container .venn-logo .venn-logo-container { background-size: contain; background-repeat: no-repeat; background-position: center; height: 55%; margin: auto; } .venn-details-overview-container .venn-details-overview-content .venn-details-title-container .venn-logo h3 { text-align: center; padding-top: 5px; color: #4a90e2; font-weight: 700; } .venn-details-overview-container .venn-details-overview-content .venn-details-title-container .venn-details-title-content h2 { color: #000; font-size: 1.1em; padding-top: 10px; font-weight: 400; } .venn-details-overview-container .etr-insights-details-buttons-container { max-width: 350px; margin: auto; align-items: end; grid-column: 1/3; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .venn-details-overview-container .etr-insights-details-buttons-container { display: flex; grid-gap: 10px; align-items: end; max-width: initial; margin: initial; } } .venn-details-overview-container .etr-insights-details-buttons-container .purchase-card-container { max-width: initial; } .venn-details-overview-container .venn-details-event-details-container { padding: 10px; background: #f7f7f7; margin: 1em 0; border-radius: 0.4em; } .venn-details-overview-container .venn-details-event-details-container .venn-details-event-details-content .venn-details-event-details-item { display: flex; align-items: flex-start; flex: 1; padding: 0.8em 0; } .venn-details-overview-container .venn-details-event-details-container .venn-details-event-details-content .venn-details-event-details-item .venn-event-item-image-container { min-width: 50px; height: 50px; display: flex; justify-content: flex-end; align-items: flex-end; align-content: flex-end; } .venn-details-overview-container .venn-details-event-details-container .venn-details-event-details-content .venn-details-event-details-item .venn-event-item-image-container .icon { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } .venn-details-overview-container .venn-details-event-details-container .venn-details-event-details-content .venn-details-event-details-item .venn-event-item-content { margin-left: 10px; flex-grow: 2; } .venn-details-overview-container .venn-details-event-details-container .venn-details-event-details-content .venn-details-event-details-item .venn-event-item-content span { font-size: 14px; color: #9b9b9b; font-weight: normal; letter-spacing: 1.75px; } .venn-details-overview-container .venn-details-event-details-container .venn-details-event-details-content .venn-details-event-details-item .venn-event-item-content h2 { font-size: 14px; color: #2b2f3b; font-weight: normal; letter-spacing: 1.75px; padding: 0; } .venn-details-overview-container .favorite-button-container { text-transform: uppercase; } .venn-details-description-container { width: 100%; margin-top: 20px; margin-bottom: 20px; } .venn-details-description-container h2 { font-size: 25px; color: #325f7d; font-weight: normal; letter-spacing: normal; text-align: left; padding-bottom: 0; } .venn-details-description-container .venn-details-description-content { margin-top: 10px; background: white; border: 1px solid #e7e8ea; padding: 3em 2em 2em; } .venn-details-description-container .venn-details-description-content#venn-files-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); grid-auto-rows: auto; grid-gap: 20px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .venn-details-description-container .venn-details-description-content#venn-files-list { grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); } } .venn-details-description-container .venn-details-description-content .venn-file-item { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .venn-details-description-container .venn-details-description-content .venn-file-item.clickable { cursor: pointer; } .venn-details-description-container .venn-details-description-content .venn-file-item.clickable:hover { opacity: 0.7; } .venn-details-description-container .venn-details-description-content .venn-file-item .file-icon { font-size: 50px; color: #124966; text-align: center; } .venn-details-description-container .venn-details-description-content .venn-file-item h3 { letter-spacing: 2.5px; padding: 15px; font-size: 20px; color: 2.5px; font-weight: normal; letter-spacing: bold; } .venn-preorder-modal-container { font-size: 14px; color: #4a4a4a; font-weight: normal; letter-spacing: 0.8px; position: relative; background: white; padding: 40px; display: flex; flex-direction: column; width: 537px; } .venn-preorder-modal-container #exit { position: absolute; top: 0; right: 0; margin: 22px; font-size: 17px; cursor: pointer; } .venn-preorder-modal-container h2 { font-size: 18px; color: #325f7d; font-weight: bold; letter-spacing: 0.8px; padding-top: 0; } .venn-preorder-modal-container div { line-height: 1.2; } #file-selector { grid-column: 1/3; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } #file-selector .dropdown-container { margin: 20px 0; width: 100%; } #file-selector .dropdown-container label { margin-left: 0; margin-bottom: 10px; } #file-selector .dropdown-container .select-container { margin-left: 0; } @media only screen and (min-width: 768px) { #file-selector .dropdown-container label { margin-bottom: 0; margin-right: 10px; } } @media only screen and (min-width: 1200px) { #file-selector { padding-left: 20px; } } #file-selector .select-container { margin-right: 0; } #file-selector .etr-insights-details-buttons-container { margin-bottom: 10px; } #file-selector .etr-insights-details-buttons-container .button-item { font-size: 1.3rem; letter-spacing: .8px; letter-spacing: 1px; margin-bottom: 10px; } .transcription-search-title { padding-bottom: 7.5px; } .venn-transcript { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .venn-transcript { display: flex; flex-direction: row; } } .venn-transcript.card { background-color: white; border: 1px solid #e7e8ea; padding: 2.3rem; } .venn-transcript .venn-transcript-section { border: 1px solid #e7e8ea; border-radius: 5px; background-color: white; padding: 1.7rem; /* Small devices (portrait tablets and large phones, 768px and up) */ /* small devices (phones, 767px and down) */ } @media only screen and (min-width: 768px) { .venn-transcript .venn-transcript-section { flex: 5; } .venn-transcript .venn-transcript-section.results { flex: 2; } } @media only screen and (max-width: 767px) { .venn-transcript .venn-transcript-section.results .scroll-content { max-height: 200px; } } .venn-transcript .venn-transcript-section:not(:last-child) { /* Small devices (portrait tablets and large phones, 768px and up) */ /* small devices (phones, 767px and down) */ } @media only screen and (min-width: 768px) { .venn-transcript .venn-transcript-section:not(:last-child) { margin-right: 0.6rem; } } @media only screen and (max-width: 767px) { .venn-transcript .venn-transcript-section:not(:last-child) { margin-bottom: 0.6rem; } } .venn-transcript .venn-transcript-section .zoom-buttons { display: flex; flex-direction: row; } .venn-transcript .venn-transcript-section .zoom-buttons button { display: flex; align-items: center; height: 4.278rem; background-color: #f8f9fa; border: 1px solid #e7e8ea; padding: 0 1.5rem; font-size: 2rem; color: #6f6f6f; } .venn-transcript .venn-transcript-section .zoom-buttons button:not(:last-child) { margin-right: 1rem; } .venn-transcript .venn-transcript-section .zoom-buttons button:disabled { opacity: 0.5; } .venn-transcript .venn-transcript-section .scroll-content { max-height: 472px; overflow-y: scroll; } .venn-transcript .venn-transcript-section .scroll-content.margin { margin-top: 1rem; } .venn-transcript .venn-transcript-section .venn-transcript-text { background-color: #f9f9f9; border: 1px solid #e7e8ea; border-radius: 5px; padding: 1.5rem; display: flex; overflow-y: hidden; } .venn-transcript .venn-transcript-section .venn-transcript-text:not(:first-child) { margin-top: 0.4rem; } .venn-transcript .venn-transcript-section .venn-transcript-text.full-transcript { margin-top: 1rem; } .venn-transcript .venn-transcript-section .venn-transcript-text.full-transcript .scroll-content { max-height: 440px; } .venn-transcript .venn-transcript-section .venn-transcript-text.scale-1 p { font-size: 1.4rem !important; } .venn-transcript .venn-transcript-section .venn-transcript-text.scale-2 p { font-size: 2rem !important; } .venn-transcript .venn-transcript-section .venn-transcript-text.scale-3 p { font-size: 2.5rem !important; } .venn-transcript .venn-transcript-section .venn-transcript-text.scale-4 p { font-size: 3rem !important; } .venn-transcript .venn-transcript-section .venn-transcript-text.scale-5 p { font-size: 3.5rem !important; } .venn-transcript .venn-transcript-section .venn-transcript-text.snippet { max-height: 7.3rem; } .venn-transcript .venn-transcript-section .venn-transcript-text.snippet:hover { cursor: pointer; background-color: rgba(50, 95, 125, 0.2); } .venn-transcript .venn-transcript-section .venn-transcript-text.snippet.selected { background-color: rgba(50, 95, 125, 0.2); } .venn-transcript .venn-transcript-section .venn-transcript-text.snippet p { overflow: hidden; margin: 0 !important; } .venn-transcript .venn-transcript-section .venn-transcript-text p { margin-bottom: 1rem; color: #4a4a4a; font-size: 1.4rem; } .venn-transcript .venn-transcript-section .venn-transcript-text p.speaker { margin-bottom: 0; } .venn-transcript .venn-transcript-section .venn-transcript-text p.speaker:not(:first-child) { margin-top: 2rem; } .venn-transcript .venn-transcript-section .venn-transcript-text p mark { background-color: rgba(255, 119, 42, 0.2); } .d-flex { display: flex; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .d-flex { flex-direction: column; } } .selected-snippet { background-color: rgba(50, 95, 125, 0.2); } .shared-insights-detail-button-container { display: flex; flex-direction: column; margin-top: auto; } .shared-insights-detail-button-container .purchase-card-container { max-width: 100%; } @media only screen and (min-width: 1250px) { .shared-insights-detail-button-container { flex-direction: row; align-items: flex-end; } } .shared-insights-detail-button-container .button-item { margin-right: 0px; margin-top: 10px; } @media only screen and (min-width: 1080px) { .shared-insights-detail-button-container .button-item { margin-top: 0px; margin-right: 10px; } .shared-insights-detail-button-container .button-item.no-buy-now-button .favorite-button-container { margin: 21px; } } .shared-insights-detail-button-container .button-item button { min-width: 175px; } .shared-insights-primary-btn { background-color: #254b6d; color: #fff; font-size: 1.4rem; letter-spacing: 1px; cursor: pointer; text-align: center; border-radius: 10px; border: none; outline: none; width: 100%; padding: 1.1rem; white-space: nowrap; min-width: 175px; } .shared-insights-primary-btn:hover { background-color: #31638d; } .shared-insights-primary-btn:hover.download { background-color: #43cf89; } .shared-insights-primary-btn.download { background-color: #3ab477; } .connect-card { display: flex; flex-direction: column; background-color: #fff; border: 1px solid #e7e8ea; margin-bottom: 2rem; align-items: center; justify-content: flex-end; } @media only screen and (min-width: 1380px) { .connect-card { flex-direction: row; } } .connect-card span { color: #004c6e; font-size: 2rem; font-weight: 500; } .connect-avatar-container { display: flex; flex-direction: column; margin-right: 0px; justify-content: space-between; align-items: center; padding: 10px; } @media only screen and (min-width: 915px) { .connect-avatar-container { flex-direction: row; } } @media only screen and (min-width: 1380px) { .connect-avatar-container { margin-right: auto; } } .connect-avatar-container figure { padding: 10px; } .connect-cta-section { display: flex; align-self: stretch; align-items: center; flex-direction: column; } .connect-cta-section span { text-align: center; } @media only screen and (min-width: 915px) { .connect-cta-section { flex-direction: row; justify-content: space-between; } .connect-cta-section span { margin: 0 auto; } } .connect-cta-section .connect-cta-container { display: flex; align-items: center; align-self: stretch; background-color: #1c517d; color: #fff; position: relative; overflow: hidden; justify-content: center; } .connect-cta-section .connect-cta-container .connect-cta-button-container { display: flex; flex-direction: column; } .connect-cta-section .connect-cta-container .connect-cta-button-container div { color: #fff; } .connect-cta-section .connect-cta-container .connect-cta-button-container button { border: 2px solid #fff; border-radius: 10px; background-color: transparent; color: #fff; padding: 14px; font-size: 1.3rem; cursor: pointer; white-space: nowrap; } .connect-cta-section .connect-cta-container div { padding: 15px; } .connect-cta-section .connect-cta-edge { background-color: #1c517d; position: relative; overflow: hidden; align-self: stretch; min-width: 75px; display: none; } @media only screen and (min-width: 915px) { .connect-cta-section .connect-cta-edge { display: block; } } .connect-cta-section .connect-cta-edge:after { height: 100%; width: 1000px; background-color: #fff; position: absolute; content: ""; transform: rotate(285deg); transform-origin: bottom left; } .shared-insights-details-tab-list { display: flex; font-size: 1.7rem; font-weight: 500; margin-bottom: 20px; border-bottom: 1px solid #dee0e2; padding-bottom: 5px; } .shared-insights-details-tab-list div { margin-right: 20px; cursor: pointer; } .shared-insights-details-tab-list div.active { color: #2f87d0; } .shared-insights-details-tab { display: grid; grid-template-columns: 1fr; grid-template-rows: auto; grid-auto-flow: row; grid-column-gap: 10px; grid-row-gap: 10px; justify-items: center; } @media only screen and (min-width: 915px) { .shared-insights-details-tab { grid-template-columns: repeat(2, 1fr); grid-auto-flow: row; } } @media only screen and (min-width: 1080px) { .shared-insights-details-tab { grid-template-columns: auto; grid-template-rows: 1fr; grid-auto-flow: column; } } .shared-insights-details-tab .col { grid-area: auto; } .shared-insights-details-tab .col .grid-item { display: flex; flex-direction: column; align-items: center; } .shared-insights-details-tab .col .grid-item * { margin-bottom: 10px; } .shared-insights-details-tab .grid-item-detail-label { color: #4a4a4a; font-size: 16px; font-weight: 500; } .shared-insights-details-tab .grid-item-detail-value { color: #004c6e; font-size: 16px; font-weight: 900; } .shared-insights-quotes-tab { display: flex; flex-direction: column; } @media only screen and (min-width: 915px) { .shared-insights-quotes-tab { flex-direction: row; justify-content: center; } .shared-insights-quotes-tab .shared-insights-quote-container { margin: 0 20px; } } .shared-insights-quotes-tab p { max-width: 550px; padding: 15px; padding-left: 0px; } .shared-insights-quotes-tab div { display: flex; } .shared-insights-about-report-tab { font-size: 1.7rem; font-weight: 400; max-width: 900px; } .report-type-tooltip { max-width: 300px; } .shared-insights-details-card { background-color: #fff; border: 1px solid #e7e8ea; margin-bottom: 2rem; padding: 20px; } .shared-insights-main { display: flex; flex-direction: column; } .shared-insights-main .free-ribbon { position: absolute; right: 11px; top: 88px; background-color: #ff8f00; color: #fff; padding: 5px 18px; font-size: 1.30rem; } .shared-insights-main .free-ribbon:before { content: ""; border-width: 14px; border-color: #ff8f00 #ff8f00 #ff8f00 transparent; top: 0; right: 100%; bottom: 0; transform: translateX(50%); position: absolute; border-style: solid; } .shared-insights-main .free-ribbon:after { content: ""; right: 0; top: 100%; border-width: 5px; border-color: #995600 transparent transparent #995600; position: absolute; border-style: solid; } .shared-insights-product-title-section { border-bottom: 1px solid #dee0e2; margin-bottom: 14px; } .shared-insights-product-title-section h1 { font-size: 3.5rem; color: #325f7d; margin-bottom: 7px; } .shared-insights-logo-section { margin-bottom: 20px; margin-right: 20px; } @media only screen and (min-width: 1250px) { .shared-insights-logo-section { margin-right: 20px; margin-bottom: 0px; } } .shared-insights-logo-container { display: flex; justify-content: center; border: #e7e8ea 1px solid; } .shared-insights-logo-container img { width: 250px; } .shared-insights-detail-container { flex-direction: column; } @media only screen and (min-width: 1250px) { .shared-insights-detail-container { display: flex; flex-direction: row; } } .shared-insights-detail-field-container { display: flex; flex-direction: column; } .product-details-main-container { width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; border-top: 1px solid #e7e8ea; } .pdf-view-container { flex: 1; overflow-y: scroll; overflow-x: hidden; height: 100%; } .pdf-view-container .pdf-document { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: fit-content; } .pdf-view-container .pdf-message { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px; color: #9b9b9b; } .pdf-view-container .pdf-page-container { margin: 10px 20px; display: flex; justify-content: center; } .pdf-view-container .pdf-page-container .pdf-page { box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19); } .pdf-view-container #loading-more-pages { padding: 20px 0; text-align: center; } .pdf-view-container #pdf-resize-buttons { position: absolute; bottom: 100px; right: 25px; } .pdf-view-container #pdf-resize-buttons .resize-button { padding: 27px; background-color: #f8f9fa; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19); border-radius: 27px; cursor: pointer; margin-bottom: 20px; width: 0; height: 0; position: relative; display: flex; align-items: center; justify-content: center; font-size: 18px; } .pdf-view-container #pdf-resize-buttons .resize-button:active { background-color: #dae0e5; } .pdf-view-container #pdf-resize-buttons .resize-button.fit-to-width { margin-bottom: 50px; } .pdf-view-container #pdf-resize-buttons .resize-button.fit-to-width div { position: relative; width: 0; height: 0; } .pdf-view-container #pdf-resize-buttons .resize-button.fit-to-width div:before { display: block; content: ""; width: 6px; height: 6px; position: absolute; top: -10px; left: -10px; border-top: 2px solid black; border-left: 2px solid black; } .pdf-view-container #pdf-resize-buttons .resize-button.fit-to-width div:after { display: block; content: ""; width: 6px; height: 6px; position: absolute; top: -10px; right: -10px; border-top: 2px solid black; border-right: 2px solid black; } .pdf-view-container #pdf-resize-buttons .resize-button.fit-to-width div span:before { display: block; content: ""; width: 6px; height: 6px; position: absolute; bottom: -10px; left: -10px; border-bottom: 2px solid black; border-left: 2px solid black; } .pdf-view-container #pdf-resize-buttons .resize-button.fit-to-width div span:after { display: block; content: ""; width: 6px; height: 6px; position: absolute; bottom: -10px; right: -10px; border-bottom: 2px solid black; border-right: 2px solid black; } /* Copyright 2014 Mozilla Foundation * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .annotationLayer section { position: absolute; } .annotationLayer .linkAnnotation > a, .annotationLayer .buttonWidgetAnnotation.pushButton > a { position: absolute; font-size: 1em; top: 0; left: 0; width: 100%; height: 100%; } .annotationLayer .linkAnnotation > a { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; } .annotationLayer .buttonWidgetAnnotation.pushButton > a { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat; } .annotationLayer .linkAnnotation > a:hover, .annotationLayer .buttonWidgetAnnotation.pushButton > a:hover { opacity: 0.2; background: #ff0; box-shadow: 0px 2px 10px #ff0; } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer; } .annotationLayer .textWidgetAnnotation input, .annotationLayer .textWidgetAnnotation textarea, .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { background-color: rgba(0, 54, 255, 0.13); border: 1px solid transparent; box-sizing: border-box; font-size: 9px; height: 100%; margin: 0; padding: 0 3px; vertical-align: top; width: 100%; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { font: message-box; font-size: 9px; resize: none; } .annotationLayer .textWidgetAnnotation input[disabled], .annotationLayer .textWidgetAnnotation textarea[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .buttonWidgetAnnotation.checkBox input[disabled], .annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] { background: none; border: 1px solid transparent; cursor: not-allowed; } .annotationLayer .textWidgetAnnotation input:hover, .annotationLayer .textWidgetAnnotation textarea:hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover, .annotationLayer .buttonWidgetAnnotation.radioButton input:hover { border: 1px solid #000; } .annotationLayer .textWidgetAnnotation input:focus, .annotationLayer .textWidgetAnnotation textarea:focus, .annotationLayer .choiceWidgetAnnotation select:focus { background: none; border: 1px solid transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { background-color: #000; content: ''; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { height: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace; padding-left: 2px; padding-right: 0; } .annotationLayer .textWidgetAnnotation input.comb:focus { /* * Letter spacing is placed on the right side of each character. Hence, the * letter spacing of the last character may be placed outside the visible * area, causing horizontal scrolling. We avoid this by extending the width * when the element has focus and revert this when it loses focus. */ width: 115%; } .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .buttonWidgetAnnotation.radioButton input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; padding: 0; } .annotationLayer .popupWrapper { position: absolute; width: 20em; } .annotationLayer .popup { position: absolute; z-index: 200; max-width: 20em; background-color: #FFFF99; box-shadow: 0px 2px 5px #333; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; font: message-box; word-wrap: break-word; } .annotationLayer .popup h1 { font-size: 1em; border-bottom: 1px solid #000000; margin: 0; padding-bottom: 0.2em; } .annotationLayer .popup p { margin: 0; padding-top: 0.2em; } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .view-product-container { flex: 1; display: flex; flex-direction: column; overflow: hidden; width: 100%; } .view-product-container .top-options { margin: 20px; display: flex; justify-content: space-between; } .view-product-container .top-options .links { display: flex; flex-direction: column; } .view-product-container .top-options .links a:not(:last-child) { margin-bottom: 5px; } .view-product-container .top-options .links a span { margin-right: 5px; } .view-product-container .video-container { flex: 1; padding: 0 20px 80px 20px; display: flex; flex-direction: column; min-height: 50%; } .view-product-container .video-container video { width: 100%; } button { cursor: pointer; border: none; } .feedback-modal-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1; } .feedback-modal-button { color: #2F87D0; } .feedback-modal-button button { /* larger devices (phones, 500px and up) */ /* small devices (phones, 767px and down) */ margin: 6px 15px; border-radius: 5px; background-color: #D5DDE6; } @media only screen and (min-width: 500px) { .feedback-modal-button button { right: 100px; position: fixed; padding: 10px 20px; } } @media only screen and (max-width: 767px) { .feedback-modal-button button { padding: 10px; } } .feedback-modal-button button:hover { background-color: #EAEEF3; box-shadow: 0 4px 20px rgba(88, 130, 176, 0.26); border: #D5DDE6 1px solid; } .feedback-modal-button button svg { width: 15px; height: 15px; margin-right: 10px; position: relative; top: 3px; } .feedback-modal { /* larger devices (phones, 500px and up) */ /* small devices (phones, 767px and down) */ /* Extra small devices phone portrait (phones, 400px and down) */ gap: 0.4rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; z-index: 2; border-radius: 10px; } @media only screen and (min-width: 500px) { .feedback-modal .feedback-question-container > div { padding: 24px 40px 40px 40px; width: 524px; } .feedback-modal .feedback-confirmation-container { padding: 68px 40px; width: 524px; } } @media only screen and (max-width: 767px) { .feedback-modal .feedback-question-container > div { padding: 20px; width: 400px; } .feedback-modal .feedback-confirmation-container { padding: 68px 40px; width: 400px; } } @media only screen and (max-width: 400px) { .feedback-modal .feedback-question-container > div { width: 280px; } .feedback-modal .feedback-confirmation-container { padding: 68px 40px; width: 280px; } } .feedback-modal .close { margin: 10px; } .feedback-modal .feedback-question-number { text-align: center; color: #38A169; padding-top: 40px; font-size: 1.5rem; } .feedback-modal .feedback-confirmation-container { padding: 68px 40px; text-align: center; } .feedback-modal .feedback-confirmation-container h2 { display: flex; justify-content: center; } .feedback-modal .feedback-confirmation-container svg { margin-right: 10px; color: #38A169; } .feedback-modal .feedback-question-container > div { display: flex; flex-wrap: wrap; justify-content: space-between; } .feedback-modal .feedback-question-container > div .feedback-question { margin-bottom: 24px; width: 100%; font-size: 1.5rem; color: #34617D; } .feedback-modal .feedback-question-container > div textarea { padding: 5px; overflow: auto; resize: none; width: 100%; background-color: #F8F9FA; border: #D9DEE6 1px solid; border-radius: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25); } .feedback-modal .feedback-question-container > div .radio-option { flex-direction: column; justify-content: space-between; flex: 1; text-align: center; } .feedback-modal .feedback-question-container > div .radio-option label { margin-top: 5px; display: block; } .feedback-modal .feedback-question-container > div .radio-option input[type="radio"] { display: block; margin: auto; } .feedback-modal .feedback-question-container > div .radio-option .helper-text { margin-top: 10px; } .feedback-modal .modal-bottom-button-container { background-color: #599fd9; text-align: right; border-radius: 0 0 10px 10px; } .feedback-modal .modal-bottom-button-container button.confirm-finish { background-color: #599fd9; text-align: center; width: 100%; border-radius: 0 0 10px 10px; } .feedback-modal .modal-bottom-button-container button { right: 0; padding: 0 25px; height: 40px; color: #ffffff; background-color: #599fd9; } .feedback-modal .modal-bottom-button-container .right { background-color: #266CA6; border-bottom-right-radius: 10px; } .help-form-container { width: 78%; max-width: 940px; height: 644px; background-color: #ffffff; box-shadow: 0 0 5px 0 #e7e8ea; border: solid 1px #e7e8ea; padding: 40px; display: flex; flex-wrap: wrap; justify-content: space-between; } .help-form-container input, .help-form-container label { display: block; } .help-form-container input { height: 40px; width: 100%; } .help-form-container label { margin-bottom: 10px; font-size: 18px; letter-spacing: 0.8px; color: #325f7d; } .help-form-container .help-input-small { width: 48%; position: relative; } .help-form-container .help-input-small #help-dropdown-input { width: 100%; height: 40px; border-radius: 10px; background-color: #f8f9fa; border: solid 1px #e7e8ea; } .help-form-container .help-input-large { width: 100%; } .help-form-container #help-company-address { width: 100%; } .help-form-container #help-message { width: 100%; position: relative; } .help-form-container #help-message #help-message-input { width: 100%; height: 118px; border-radius: 10px; background-color: #f8f9fa; border: solid 1px #e7e8ea; } .help-form-container #help-submit-button-container { margin-top: 30px; width: 100%; height: auto; position: relative; } .help-form-container #help-submit-button { position: absolute; bottom: 0; right: 0; width: 200px; } .help-form-container .input-error { position: absolute; color: red; bottom: -0.25em; left: 0; } .help-page-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; } .help-title-container { width: 78%; max-width: 940px; margin: 40px 0 40px 0; } .help-title-container span { font-size: 20px; line-height: 1.5; letter-spacing: 0.6px; color: #404040; text-align: left; } .venn-links:after, #venn-landing .venn-options:after { content: ""; display: block; clear: both; } .venn-links { max-width: 800px; margin: auto; padding: 10px 0px; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .venn-links { padding: 0px 1.5em; } } .venn-links .btn { margin: 10px 0px; border-radius: 100px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .venn-links .btn { width: 48%; float: left; display: inline-block; } .venn-links .btn:first-child { margin-right: 20px; } } .venn-links .btn .icon { margin-left: 15px; } #venn-landing { text-align: center; position: relative; flex-basis: 100%; } #venn-landing.image-1:before, #venn-landing.image-2:before, #venn-landing.image-3:before { content: ""; background-color: #1f1f1f; background-size: cover; background-position: center; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; } #venn-landing.image-1:before { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/VENN2.png"); } #venn-landing.image-2:before { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/VENN3.png"); } #venn-landing.image-3:before { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/VENN1.png"); } #venn-landing .title { color: #fff; } #venn-landing .btn { max-width: 300px; border-radius: 100px; margin: 50px auto auto auto; animation-delay: 0.8s; } #venn-landing .btn .icon { margin-left: 20px; } #venn-landing .container { position: relative; width: 100%; margin: auto; z-index: 99; justify-content: center; padding: 2em; height: initial; top: 50%; transform: translateY(-50%); } #venn-landing .top-logo { max-width: 252px; position: relative; } #venn-landing .venn-options { color: #fff; margin: 0 auto; border-collapse: separate; border-spacing: 20px; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #venn-landing .venn-options { display: table; } } #venn-landing .venn-options:after { content: ""; position: absolute; width: 75%; left: 0; right: 0; margin: auto; border-bottom: 1px solid white; display: none; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #venn-landing .venn-options:after { display: initial; } } #venn-landing .venn-options .venn-option-container { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #venn-landing .venn-options .venn-option-container { display: table-row; } #venn-landing .venn-options .venn-option-container > div { display: table-cell; width: 30%; } } #venn-landing .venn-options .option { cursor: pointer; padding: 2em; border-radius: 5px; transition: background-color 0.2s ease-in-out; animation-delay: 0.5s; max-width: 400px; margin: 10px auto; position: relative; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #venn-landing .venn-options .option { max-width: initial; margin: auto; top: 0; } } #venn-landing .venn-options .option .venn-logo, #venn-landing .venn-options .option .venn-calendar, #venn-landing .venn-options .option .venn-search { width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; transition: transform 0.1s ease-in-out; padding-top: 20%; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #venn-landing .venn-options .option .venn-logo, #venn-landing .venn-options .option .venn-calendar, #venn-landing .venn-options .option .venn-search { padding-top: 50%; } } #venn-landing .venn-options .option .venn-calendar { background-image: url("https://dev-etr.s3.amazonaws.com/images/venn/Venn-Calendar.png"); } #venn-landing .venn-options .option .venn-logo { background-image: url("https://dev-etr.s3.amazonaws.com/images/venn/Venn-Learn.png"); } #venn-landing .venn-options .option .venn-search { background-image: url("https://dev-etr.s3.amazonaws.com/images/venn/Venn-Search.png"); } #venn-landing .venn-options .option:hover { background-color: rgba(255, 255, 255, 0.2); } #venn-landing .venn-options .option:hover .venn-logo, #venn-landing .venn-options .option:hover .venn-calendar, #venn-landing .venn-options .option:hover .venn-search { transform: scale(1.05); } #venn-landing .venn-options .option.disable, #venn-landing .venn-options .option.disable .venn-search { background-color: initial; transform: none; cursor: default; } #venn-landing .venn-options .option .header { font-weight: 300; color: inherit; font-weight: 500; padding-top: 0; } #venn-landing .venn-options .option .sub-header { font-weight: 500; } #venn-landing .venn-options .option .venn-logo-header { width: 90px; } #venn-landing .venn-options .option p { color: inherit; padding: 20px 0px 0px 0px; font-size: 1.75rem; font-weight: 300; } #venn-landing .venn-options .option:first-child { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #venn-landing .venn-options .option:first-child { margin-right: 20px; } } .animate-pop-in { animation: pop-in 0.4s ease-out forwards; opacity: 0; } .animate-btn-arrow, .btn:hover .hover-animate { animation: arrow-point 1.5s ease-in-out infinite; } @keyframes pop-in { 0% { opacity: 0; transform: translate3d(0, -4rem, 0) scale(0.9); } 100% { opacity: 1; transform: none; } } @keyframes background-image-slide { 0% { opacity: 0; transform: translate3d(0, -4rem, 0); } 100% { opacity: 1; transform: none; } } @keyframes arrow-point { 0% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(10px, 0, 0); } 100% { transform: translate3d(0, 0, 0); } } #calendar { background-color: #fff; border: 1px solid #ccc; text-align: center; padding: 1em; } #calendar .calendar-weekdays, #calendar .calendar-body { display: table; table-layout: fixed; width: 100%; } #calendar .calendar-body { min-height: 300px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #calendar .calendar-body { min-height: 450px; } } #calendar .calendar-body .calendar-cell { border: 1px solid #fff; } #calendar .calendar-header { text-transform: uppercase; color: #9fa0a4; max-height: 140px; } #calendar .calendar-row { display: table-row; } #calendar .calendar-cell { border-radius: 4px; width: 16.666%; display: table-cell; vertical-align: middle; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #calendar .calendar-cell { padding: 1.5em; } } #calendar .calendar-cell.day { cursor: pointer; transition: background 0.2s ease-in-out; } #calendar .calendar-cell.day:hover { background-color: #ececec; } #calendar .selected-month { font-size: 2.5rem; font-weight: 300; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { #calendar .selected-month { font-size: 2rem; } } #calendar .label-year { font-size: 2rem; } #calendar .calendar-menu { display: table; width: 100%; position: relative; z-index: 99; } #calendar .calendar-menu .glyphicon { cursor: pointer; padding: 0.8em; } #calendar .calendar-menu .calendar-menu-cell { display: table-cell; } #calendar .calendar-menu .calendar-menu-cell.cell-center { width: 80%; text-align: center; } #calendar .calendar-menu .calendar-menu-cell .icon:hover { transition: background 0.3s ease-in-out; background-color: #eee; border-radius: 100px; } #calendar .calendar-menu div[class^="label-"] { display: inline-block; position: relative; } #calendar .calendar-menu div[class^="label-"] span { padding: 0.8em; display: inherit; } #calendar .current-day { color: #5da1d9; } #calendar .event { position: relative; background-color: #e4eff9; } #calendar .event .event-number { font-size: 1rem; background-color: #464861; border-radius: 100px; width: 15px; height: 15px; display: inline-block; color: #fff; padding: 0.1em; top: 2px; right: 2px; position: absolute; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #calendar .event .event-number { width: 25px; height: 25px; top: 5px; right: 5px; font-size: initial; } } #calendar .selected-day { transition: background 0.2s ease-in-out; background-color: #5da1d9; color: #fff; } #calendar .selected-day.day:hover { background-color: #5da1d9; } #calendar .month-dropdown { background-color: #fff; position: absolute; top: 100%; text-align: left; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.11); border-radius: 0.5rem; color: #212529; width: 220px; } #calendar .month-dropdown .selection { padding: 0.5em 2em; cursor: pointer; } #calendar .month-dropdown .selection:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } #venn-calendar .event-details-header:after { content: ""; display: block; clear: both; } .venn-calendar-wrap { display: table; height: calc(100vh - 74px); background-size: cover; background-position: center; transition: background 0.5s ease-in-out; } .venn-calendar-wrap.image-event-web { background-color: #30353c; background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/VENN_webinar1.png"); } .venn-calendar-wrap.image-event-diner { background-color: #30353c; background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/VENN_dinner1.png"); } .btn-about-venn { border-radius: 100px; max-width: 300px; margin: 1em auto; } .btn-about-venn .icon { margin-left: 0.8em; } #venn-calendar { display: table; width: 100%; max-width: 1200px; margin: auto; table-layout: fixed; padding: 1em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #venn-calendar { padding: 2em; } } #venn-calendar #calendar { border: 0px; } #venn-calendar .venn-calendar-row { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); display: table-row; } #venn-calendar .venn-calendar-cell { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #venn-calendar .venn-calendar-cell { display: table-cell; vertical-align: top; } #venn-calendar .venn-calendar-cell:first-child { width: 65%; } #venn-calendar .venn-calendar-cell:last-child { width: 35%; } } #venn-calendar .venn-calendar-info { background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; transition: background 0.5s ease-in-out; } #venn-calendar .venn-calendar-info.image-event-web { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/VENN_webinar.png"), linear-gradient(to bottom right, #21676b, #29507f); } #venn-calendar .venn-calendar-info.image-event-diner { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/VENN_dinner.png"), linear-gradient(to bottom right, #21676b, #29507f); } #venn-calendar .event-details-header { padding: 1em; margin: 0 1em; } #venn-calendar .event-details-header div[class*="col-"] { float: left; width: 50%; } #venn-calendar .event-details-header div[class*="col-"] span[class*="btn-"] { width: 50%; display: inline-block; cursor: pointer; transition: color 0.2s ease-in-out; } #venn-calendar .event-details-header div[class*="col-"] span[class*="btn-"].disabled { color: #848484; cursor: initial; } #venn-calendar .event-details-header div[class*="col-"] span[class*="btn-"] .icon { padding: 0 0.2em; } #venn-calendar .event-details-header div[class*="col-"] .btn-next { text-align: right; } #venn-calendar .event-details-wrap { position: relative; } #venn-calendar .event-details { font-weight: 300; } #venn-calendar .event-details p { color: inherit; } #venn-calendar .event-details li { padding: 0.5em; position: relative; margin-bottom: 0.5em; } #venn-calendar .event-details li:before { content: ""; top: 0.5em; display: inline-block; width: 4px; height: 30px; background-color: #5da1d9; position: absolute; left: 0%; } #venn-calendar .event-list { white-space: nowrap; width: 100%; } #venn-calendar .event-list label { color: inherit; font-weight: 300; } #venn-calendar .event-list .event-list-inner { width: 100%; } #venn-calendar .event-list .dropdown-container { display: block; width: 100%; } #venn-calendar .event-list .dropdown-container .select-container { color: #000; border: 0px; } #venn-calendar .event-list .etr-insights-details-buttons-container + .etr-insights-details-buttons-container { margin-top: 14px; } #venn-calendar .event-list .etr-insights-details-buttons-container + .etr-insights-details-no-files { padding-top: 2em; text-align: center; } #venn-calendar .event-list #file-selector { padding-left: 0; } #venn-calendar .event-list #file-selector .etr-insights-details-buttons-container .button-item { max-width: initial; margin-right: 0; } #venn-calendar .event-list .purchase-card-container { max-width: 100%; padding: initial; } #venn-calendar .event-list .scroll { display: inline-block; width: 100%; } #venn-calendar .event-list .scroll > div:first-child { background-color: rgba(255, 255, 255, 0.2); } #venn-calendar .event-list .event-details { white-space: pre-wrap; width: 100%; padding: 1em; } #venn-calendar .venn-event-info .no-data { text-align: center; text-transform: uppercase; color: white; padding: 50% 0; } #venn-calendar .product-links { padding: 1em; } #about-venn { padding: 1.5em; text-align: center; } #about-venn .title { color: #575757; font-weight: 300; } #about-venn .title .etr-insight-logo { max-width: 10em; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #about-venn .title .etr-insight-logo { max-width: 6.5em; transform: translateY(1px); } } #about-venn .title span { /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { #about-venn .title span { display: block; text-align: center; padding: 0.8em 0; } } #about-venn .venn-subheading { font-weight: 300; padding: 0.5em 0; max-width: 750px; margin: auto; font-size: 1.8rem; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { #about-venn .venn-subheading { font-size: 2rem; } } #about-venn .venn-description { padding: 1em; color: #515151; } #about-venn .venn-diagram-image { margin: auto; padding-top: 50%; width: 100%; max-width: 400px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: background-image 0.2s ease-in; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { #about-venn .venn-diagram-image { margin: 1em auto; } } #about-venn .venn-diagram-image[data-diagram="0"] { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/venn-logo-diagram.png"); } #about-venn .venn-diagram-image[data-diagram="1"] { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/venn-logo-diagram-cio.png"); } #about-venn .venn-diagram-image[data-diagram="2"] { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/venn-logo-diagram-investor.png"); } #about-venn .venn-diagram-image[data-diagram="3"] { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/venn-logo-diagram-vendor.png"); } #about-venn .venn-diagram-image[data-diagram="4"] { background-image: url("https://s3.amazonaws.com/dev-etr/images/venn/venn-logo-diagram-take-away.png"); } #about-venn .venn-hero { max-width: 1200px; margin: auto; width: 100%; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #about-venn .venn-hero { display: table; } } #about-venn .venn-hero .venn-hero-row { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #about-venn .venn-hero .venn-hero-row { display: table-row; } } #about-venn .venn-hero .venn-hero-row .col { vertical-align: middle; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { #about-venn .venn-hero .venn-hero-row .col { width: 50%; display: table-cell; } } #about-venn .venn-description-list { text-align: left; } #about-venn .venn-description-list li { position: relative; padding: 0.7em 0.7em 0.7em 3.8em; transition: border-color 0.2s ease-in, box-shadow 0.2s ease-in; border: 1px solid transparent; cursor: pointer; border-radius: 20px; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { #about-venn .venn-description-list li { border-radius: 100px; } } #about-venn .venn-description-list li:hover { border-color: #4a90e2; box-shadow: 0 0 5px #4a90e2; } #about-venn .venn-description-list .number { background-color: #986292; color: #fff; border-radius: 100px; display: inline-block; text-align: center; position: absolute; left: 10px; top: 50%; padding: 5px; width: 30px; height: 30px; transform: translateY(-50%); } #about-venn .venn-description-list .list-title { color: #4a90e2; font-size: 1.7rem; font-weight: 700; padding: 0 0 0.8rem 0; } #about-venn .footer-text { padding: 0.5em; font-size: 2rem; font-weight: 300; max-width: 750px; margin: auto; } .vennsearch-container { display: flex; flex-direction: column; flex: 1; padding: 2rem; border-top: 1px solid #e7e8ea; background-color: #f8f9fa; } .vennsearch-container .filter-container { /* Medium devices (landscape tablets, 768px and up) */ margin-bottom: 2rem; } .vennsearch-container .filter-container .mobile-filter-header { padding-top: 0; padding-bottom: 1.5rem; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .vennsearch-container .filter-container .mobile-filter-header { display: none; } } @media only screen and (min-width: 1024px) { .vennsearch-container .filter-container { margin-bottom: 0px; } } .vennsearch-container .filter-container .filter-body { display: flex; flex-direction: column; height: 100%; background-color: white; padding: 2rem; /* Medium devices (landscape tablets, 768px and up) */ } .vennsearch-container .filter-container .filter-body .insights-filter-item.suggest-topic-btn { width: 180px; } .vennsearch-container .filter-container .filter-body .insights-filter-item { width: 100%; margin-bottom: 2rem; } .vennsearch-container .filter-container .filter-body .insights-filter-item .dropdown-container { width: 100%; flex-wrap: nowrap; } .vennsearch-container .filter-container .filter-body :last-child.insights-filter-item { margin-bottom: 0px; } @media only screen and (min-width: 1024px) { .vennsearch-container .filter-container .filter-body { align-items: center; flex-direction: row; height: 80px; margin-bottom: 2rem; padding: 2rem; } .vennsearch-container .filter-container .filter-body .insights-filter-item { margin-left: 1rem; margin-top: 0px; margin-bottom: 0px; } .vennsearch-container .filter-container .filter-body :nth-child(2).insights-filter-item { margin-left: 0px; } } .vennsearch-container .vennsearch-result { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); margin-bottom: 2rem; border: 1px solid #e7e8ea; background-color: white; } .vennsearch-container .vennsearch-result .vennsearch-result-header { padding: 2rem; min-height: 24.4rem; } .vennsearch-container .vennsearch-result .vennsearch-result-header h3, .vennsearch-container .vennsearch-result .vennsearch-result-header h2 { padding: 0; letter-spacing: 1px; } .vennsearch-container .vennsearch-result .vennsearch-result-header h3 { margin-bottom: 0.7rem; font-size: 2rem; } .vennsearch-container .vennsearch-result .vennsearch-result-header h3.margin-top { margin-top: 1.5rem; } .vennsearch-container .vennsearch-result .vennsearch-result-header p { font-size: 1.4rem; color: #4a4a4a; letter-spacing: 0.8px; } .vennsearch-container .vennsearch-result .vennsearch-result-header p.subtitle { color: #7e7e7e; } .vennsearch-container .vennsearch-result .vennsearch-result-header .title-section { margin-bottom: 2rem; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .vennsearch-container .vennsearch-result .vennsearch-result-header .title-section { display: flex; flex-direction: row; justify-content: space-between; } .vennsearch-container .vennsearch-result .vennsearch-result-header .title-section h3 { margin-bottom: 0; } } .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-logo { float: left; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 4rem 2rem; } .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-logo h2 { color: #4a90e2; font-weight: 500; text-align: center; } .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; } } .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files h3 { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files h3 { align-self: center; margin: 0; } } .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files .file-download { color: #325f7d !important; text-decoration: none !important; display: flex; flex-direction: row; align-items: center; /* small devices (phones, 767px and down) */ /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (max-width: 767px) { .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files .file-download { margin-top: 2rem; } .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files .file-download .file-icon { margin-right: 1rem; font-size: 2rem; } } @media only screen and (min-width: 768px) { .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files .file-download { flex: 1; flex-direction: column; } .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files .file-download .file-icon { font-size: 4rem; margin-bottom: 1.5rem; } } .vennsearch-container .vennsearch-result .vennsearch-result-header .vennsearch-result-files .file-download h4 { padding: 0; text-align: center; font-size: 1.6rem; } .vennsearch-container .vennsearch-result .vennsearch-result-content { background-color: #f7f7f7; border-top: 1px solid #e7e8ea; padding: 0 3.6rem; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .vennsearch-container .vennsearch-result .vennsearch-result-content { padding: 0 1.5rem; } } .vennsearch-container .vennsearch-result .vennsearch-result-content.open { padding-bottom: 1.5rem; } .vennsearch-container .vennsearch-result .vennsearch-result-content .vennsearch-result-content-header { padding: 1.5rem 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .vennsearch-container .vennsearch-result .vennsearch-result-content .vennsearch-result-content-header:hover { cursor: pointer; } .vennsearch-container .vennsearch-result .vennsearch-result-content .vennsearch-result-content-header h3 { padding: 0; font-size: 1.7rem; font-weight: bold; letter-spacing: 0.8px; } .vennsearch-container .vennsearch-result .vennsearch-result-content .vennsearch-result-content-header .collapse-icon { font-size: 2.5rem; } .vennsearch-container #loading-more-transcripts { padding: 20px; } .no-results { align-self: center; display: flex; flex-direction: column; justify-content: center; max-width: 50rem; } .no-results p, .no-results h2 { text-align: center; padding: 0; margin-bottom: 2rem; } .about-drill-downs-landing { font-size: 1.8rem; font-family: MuseoSans; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing { padding-bottom: 2em; } } .about-drill-downs-landing .page-content { padding: 2em; max-width: 1440px; } .about-drill-downs-landing .drill-downs-grid { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .drill-downs-grid { display: grid; grid-template-columns: 50% 50%; } } .about-drill-downs-landing .row1 { grid-row: 1/2; } .about-drill-downs-landing .row2 { grid-row: 1/3; } .about-drill-downs-landing .row3 { grid-row: 2/3; } .about-drill-downs-landing .about-drill-downs-how-it-works { text-align: center; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .about-drill-downs-how-it-works { grid-column: 2; grid-row: 1/3; padding-top: 3.3em; } } .about-drill-downs-landing .about-drill-downs-how-it-works .how-it-works-image { width: 100%; max-width: 550px; /* Medium devices (landscape tablets, 768px and up) */ display: block; margin: auto; } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .about-drill-downs-how-it-works .how-it-works-image { max-width: 650px; } } .about-drill-downs-landing .image-title { font-size: 2.4rem; font-family: MuseoSans; color: var(--blue-primary-500); font-weight: 700; margin-bottom: 1em; } .about-drill-downs-landing .btn { width: 227px; margin: 1em 0; position: relative; z-index: 2; } .about-drill-downs-landing .example-container { text-align: center; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .example-container { text-align: initial; grid-column: 1; grid-row: 2/3; } } .about-drill-downs-landing .example-container .etr-driven-image, .about-drill-downs-landing .example-container .client-driven-image { width: 100%; max-width: 380px; margin-bottom: 1em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .example-container .etr-driven-image, .about-drill-downs-landing .example-container .client-driven-image { max-width: 480px; } } .about-drill-downs-landing .example-container .client-driven-image { transform: translateX(-0.5em); /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .example-container .client-driven-image { transform: translateX(4em); } } .about-drill-downs-landing .title-page { position: relative; padding-top: 0.35em; } .about-drill-downs-landing .title-page:before { content: ""; display: block; position: absolute; bottom: 100%; left: 0; height: 5px; width: 105px; background-color: var(--blue-secondary-500); } .about-drill-downs-landing .about-drill-intro { font-size: 18px; font-family: MuseoSans; font-weight: 500; color: var(--gray-secondary-500); } .about-drill-downs-landing .about-footer { padding: 1em; display: grid; align-items: center; text-align: center; background-image: -webkit-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -moz-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -o-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: -ms-linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); background-image: linear-gradient(to right, var(--blue-primary-500), var(--blue-secondary-500)); /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .about-footer { grid-template-columns: 2fr 1fr; border-radius: 0px 100px 100px 0px; width: 90%; max-width: 1440px; text-align: left; } } .about-drill-downs-landing .about-footer p { color: #fff; } .about-drill-downs-landing .about-footer .contact-sales { display: flex; justify-content: center; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .about-footer .contact-sales { justify-content: end; padding-left: 1em; } } .about-drill-downs-landing .about-footer button { width: 227px; margin: auto; margin-top: 1em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-drill-downs-landing .about-footer button { margin: 1em 0; margin-right: 6em; } } .sector-selector { font-style: italic; text-decoration: underline; } .sector-filter-title { color: 3px solid var(--gray-primary-500); display: flex; justify-content: space-between; padding: .8em 0; font-size: 1.8rem; cursor: pointer; align-items: center; } .sector-filter-title[data-open-indicator]:after { content: attr(data-open-indicator); color: var(--blue-secondary-500); font-size: 1.5em; font-weight: 400; } .sector-filter-section:not(:last-child) .sector-filter-title { border-bottom: 2px solid var(--blue-secondary-500); } .sector-filter-vendors { display: none; flex-wrap: wrap; background-color: var(--blue-secondary-100); padding: 1em; } .sector-filter-vendors li { padding: 2px; font-size: 1.6rem; flex-basis: 50%; } .sector-filter-vendors li[data-highlight="true"] { font-weight: 700; color: var(--blue-secondary-500); } .sector-filter-vendors[data-open="true"] { display: flex; } .sector-filter-view { height: 50vh; overflow-y: scroll; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .sector-filter-view { height: 75vh; } } .sector-filter-modal .modal-content { background-color: var(--gray-secondary-010); } .sector-filter-modal .modal-content .instructions { font-size: 2.2rem; color: var(--blue-primary-500); } .sector-filter-modal .modal-content .modal-buttons { position: relative; margin: 0; padding: 0; } .sector-filter-modal .modal-content .modal-buttons:before { content: ""; display: block; height: 25px; width: 100%; position: absolute; bottom: 100%; pointer-events: none; background-image: -webkit-linear-gradient(to top, var(--gray-secondary-010), rgba(255, 255, 255, 0)); background-image: -moz-linear-gradient(to top, var(--gray-secondary-010), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(to top, var(--gray-secondary-010), rgba(255, 255, 255, 0)); background-image: -ms-linear-gradient(to top, var(--gray-secondary-010), rgba(255, 255, 255, 0)); background-image: linear-gradient(to top, var(--gray-secondary-010), rgba(255, 255, 255, 0)); } .sector-filter-download { background-color: var(--blue-primary-500); color: #fff; position: relative; width: 100%; } .sector-filter-download:hover, .sector-filter-download:active, .sector-filter-download:focus { color: #fff; } .hide-desktop { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .hide-desktop { display: none; } } .hide-mobile { display: none; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .hide-mobile { display: inline; } } .sector-selector { cursor: pointer; color: var(--blue-primary-500); } .sector-selector:hover { color: var(--blue-secondary-500); text-decoration: underline; } .about-ets { font-size: 1.8rem; font-family: MuseoSans; color: var(--gray-secondary-500); } .about-ets p { font-size: unset; font-family: unset; } .about-ets .btn { width: 227px; margin: 1em 0; } .about-ets h1.title-page { position: relative; padding-top: .35em; } .about-ets h1.title-page:before { content: ''; display: block; position: absolute; bottom: 100%; left: 0; height: 5px; width: 105px; background-color: var(--blue-secondary-500); } .about-ets .intro-ets { grid-gap: 1em; display: grid; align-items: start; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-ets .intro-ets { grid-template-columns: 2fr 1fr; } } .about-ets .title-survey { padding-top: 0; font-size: 1.7rem; color: var(--blue-secondary-500); } .about-ets .ets-quarters-image { max-width: 180px; margin-bottom: 1em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-ets .ets-quarters-image { max-width: 280px; } } .about-ets-survey { background-image: url("/static/images/mobile-about-ets-survey.png"); background-repeat: no-repeat; background-position: bottom center; background-size: 80%; padding-top: 72%; margin: 2em 0; position: relative; background-size: 100%; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { .about-ets-survey { background-image: url("/static/images/about-ets-survey.png"); padding-top: 32%; background-position: left; } } @media only screen and (min-width: 1200px) { .about-ets-survey { padding-top: 25%; background-size: 74%; } } .about-ets-survey:after { background-image: url("/static/images/icon-chart-magnifying-glass.png"); width: 255px; position: absolute; right: 0; bottom: 0; background-repeat: no-repeat; background-size: contain; background-position: right center; padding-top: 22%; transform: translateX(2em); /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .about-ets-survey:after { content: ''; } } .ets-how-to-use { background-size: 100%; background-repeat: no-repeat; max-width: 1440px; background-image: url("/static/images/mobile-about-ets-how-to-use.png"); background-size: contain; padding-top: 267%; width: 114%; transform: translate(-2em, 2em); /* small devices (phones, 767px and down) */ /* Medium devices (landscape tablets, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ /* Extra large devices (large laptops and desktops, 1600px and up) */ } @media only screen and (max-width: 767px) { .ets-how-to-use { transform: translate(-1em, 1em); } } @media only screen and (min-width: 1024px) { .ets-how-to-use { padding-top: 46%; background-image: url("/static/images/about-ets-how-to-use.png"); width: 100%; transform: translate(-2em, 2em); } } @media only screen and (min-width: 1024px) { .ets-how-to-use { padding-top: 46%; background-image: url("/static/images/about-ets-how-to-use.png"); width: 100%; transform: translate(-2em, 2em); } } @media only screen and (min-width: 1440px) { .ets-how-to-use { padding-top: 42%; } } @media only screen and (min-width: 1600px) { .ets-how-to-use { padding-top: 32%; } } .hide-desktop { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .hide-desktop { display: none; } } .hide-mobile { display: none; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .hide-mobile { display: inline; } } .sector-selector { cursor: pointer; color: var(--blue-primary-500); } .sector-selector:hover { color: var(--blue-secondary-500); text-decoration: underline; } .about-tsis { font-size: 1.8rem; font-family: MuseoSans; color: var(--gray-secondary-500); } .about-tsis p { font-size: unset; font-family: unset; } .about-tsis .btn { width: 227px; margin: 1em 0; } .about-tsis h1.title-page { position: relative; padding-top: .35em; } .about-tsis h1.title-page:before { content: ''; display: block; position: absolute; bottom: 100%; left: 0; height: 5px; width: 105px; background-color: var(--blue-secondary-500); } .about-tsis .intro-tsis { grid-gap: 1em; display: grid; align-items: start; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-tsis .intro-tsis { grid-template-columns: 2fr 1fr; } } .about-tsis .title-survey { padding-top: 0; font-size: 1.7rem; color: var(--blue-secondary-500); } .about-tsis .tsis-quarters-image { max-width: 180px; margin-bottom: 1em; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .about-tsis .tsis-quarters-image { max-width: 280px; } } .about-tsis-survey { background-image: url("/static/images/mobile-about-tsis-survey.png"); background-repeat: no-repeat; background-position: bottom center; background-size: 80%; padding-top: 72%; margin: 2em 0; position: relative; background-size: 100%; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { .about-tsis-survey { background-image: url("/static/images/about-tsis-survey.png"); padding-top: 32%; background-position: left; } } @media only screen and (min-width: 1200px) { .about-tsis-survey { padding-top: 25%; background-size: 74%; } } .about-tsis-survey:after { background-image: url("/static/images/icon-chart-magnifying-glass.png"); width: 255px; position: absolute; right: 0; bottom: 0; background-repeat: no-repeat; background-size: contain; background-position: right center; padding-top: 22%; transform: translateX(2em); /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .about-tsis-survey:after { content: ''; } } .tsis-how-to-use { background-size: 100%; background-repeat: no-repeat; max-width: 1440px; background-image: url("/static/images/mobile-about-tsis-how-to-use.png"); background-size: contain; padding-top: 267%; width: 114%; transform: translate(-2em, 2em); /* small devices (phones, 767px and down) */ /* Medium devices (landscape tablets, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ /* Extra large devices (large laptops and desktops, 1600px and up) */ } @media only screen and (max-width: 767px) { .tsis-how-to-use { transform: translate(-1em, 1em); } } @media only screen and (min-width: 1024px) { .tsis-how-to-use { padding-top: 46%; background-image: url("/static/images/about-tsis-how-to-use.png"); width: 100%; transform: translate(-2em, 2em); } } @media only screen and (min-width: 1024px) { .tsis-how-to-use { padding-top: 46%; background-image: url("/static/images/about-tsis-how-to-use.png"); width: 100%; transform: translate(-2em, 2em); } } @media only screen and (min-width: 1440px) { .tsis-how-to-use { padding-top: 42%; } } @media only screen and (min-width: 1600px) { .tsis-how-to-use { padding-top: 32%; } } .message--error { color: #da5353; display: block; width: 100%; padding-top: 0.5em; } .input-group .form-control:not(:first-child):not(:last-child).error { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: 1px solid #da5353; } .newsletter-form { margin: 1.5em 0; } .newsletter-form--container { padding: 4em 1.5em; } .newsletter-form-subheader { font-size: 2rem; } .newsletter-form--header { position: relative; text-transform: uppercase; margin-bottom: 1.2em; } .newsletter-form--content { max-width: 800px; margin: auto; background-color: #fff; padding: 2em; box-shadow: 0 0 5px 0 #e7e8ea; border-bottom: 3px solid #216180; border-radius: 10px; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; background: #f6773a; color: #fff; border: 1px solid #f6773a; } .newsletter-quotes { position: relative; background-color: #fff; min-height: calc(100vh / 2); padding: 5em 2em 2em; } .newsletter-quotes:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; right: 0; width: 0px; margin: auto; border-width: 3em; border-style: solid; border-color: #f8f9fa transparent transparent; } .newsletter-quotes p { margin-bottom: 1em; } .newsletter-quotes--content { display: table; width: 100%; border-collapse: collapse; } .newsletter-quotes--row { display: table-row; } .newsletter-quote { padding: 2.8em 0.8em 0.8em 4.8em; position: relative; /* Small devices (portrait tablets and large phones, 768px and up) */ } .newsletter-quote blockquote { font-size: 1em; margin-bottom: 1em; } .newsletter-quote cite { text-align: right; display: block; } .newsletter-quote::after { content: '"'; font-size: 10em; position: absolute; left: 0; top: 0; color: #ccc; } @media only screen and (min-width: 768px) { .newsletter-quote { display: table-cell; width: 33.333%; } } .form-success { padding: 20px 0px; color: #4eb474; font-size: 1.8rem; } .text-content { margin-bottom: 3em; } .text-content h1, .text-content h2, .text-content h3, .text-content h4, .text-content h5, .text-content h6 { font-family: "MuseoSans", sans-serif; font-weight: 700; text-transform: capitalize; } .text-content p { font-family: "MuseoSans", sans-serif; line-height: 1.8em; margin-bottom: 1.5em; } .text-content ul { list-style: disc !important; } .text-content ul ul { list-style: circle !important; } .text-content ol { list-style: decimal !important; } .text-content ol ol { list-style: lower-alpha !important; } .text-content ul li, .text-content ul ul, .text-content ul ol, .text-content ol li, .text-content ol ul, .text-content ol ol { margin-left: 30px !important; } .text-content ul:not(:last-child), .text-content ol:not(:last-child) { margin-bottom: 10px; } .powerbi-component--description { margin: 1.5em 0; } .powerbi-component--embed { height: 100vh; } .powerbi-component--embed iframe { position: static !important; } .message--error { color: #da5353; display: block; width: 100%; padding-top: 0.5em; } .newsletter-modal--component { background-color: #fff; padding: 1em 2em; margin: 2em; max-width: 500px; border-radius: 5px; } .newsletter-modal--component .btn-primary { margin-top: 1.5em; width: 100%; } .related-post__image { padding-top: 50%; background-size: contain; background-position: center; background-repeat: no-repeat; background-color: #fff; } .related-posts { padding: 10px 10px 0 10px; } .related-posts-title { color: #004c6e; font-style: italic; padding-bottom: 7px; border-bottom: 3px solid #e7e8ea; margin-bottom: 1em; } .related-posts-list .related-post-item { width: 25%; /* Small devices (portrait tablets and large phones, 768px and up) */ /* small devices (phones, 767px and down) */ display: inline-block; vertical-align: top; } @media only screen and (min-width: 768px) { .related-posts-list .related-post-item:not(:last-child) { padding-right: 1em; } } @media only screen and (max-width: 767px) { .related-posts-list .related-post-item { width: 50%; } .related-posts-list .related-post-item:nth-child(2n + 1) { padding-right: 1em; } } .related-posts-list .related-post-item:last-child { margin-right: 0; } .related-posts-list .related-post-item:hover .post-title { text-decoration: underline; } .related-posts-list .related-post-item img { width: 100%; height: auto; } .related-posts-list .related-post-item .post-title { width: 100%; margin-top: 5px; color: #1e98e0; font-size: 16px; } .share-buttons { display: flex; flex-direction: row; } .share-buttons .share-button-item:not(:last-child) { margin-right: 10px; } .resp-container { text-align: center; margin: 1.5em 0; position: relative; overflow: hidden; padding-top: 56.25%; } .resp-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .article-header__createdby:after { content: ""; display: block; clear: both; } .article-header__lede { display: inline; } .article-header__title p, .article-header__title a { font-size: inherit; color: inherit; font-family: "MuseoSans", sans-serif; font-weight: 700; } .article-header__subtitle { font-family: "MuseoSans", sans-serif; font-weight: 300; margin: 1em 0; line-height: 1.6em; color: #656a71; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .article-header__subtitle { font-size: 1.9rem; } } .article-header--link { color: #2f87d0; } .article-header__createdby { padding: 1em 0; border-bottom: 4px solid #e7e8ea; margin-bottom: 2em; line-height: 30px; } .article-header__createdby .share-buttons { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .article-header__createdby .share-buttons { float: right; } } .article-header__createdby p { font-size: 1.3rem; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .article-header__createdby p { float: left; padding-right: 3px; } } .article-header-figure { margin-bottom: 3em; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .article-header-figure { margin-bottom: 6em; } } .article-header-figure__image { width: 100%; } .article-header-figure__caption { font-family: "MuseoSans", sans-serif; font-weight: 300; text-transform: capitalize; color: #4a4a4a; } .article-header-figure__caption--light { color: #767676; } .image-component { margin: auto; margin-bottom: 2em; width: 100%; max-width: 700px; } .image-component__icon { color: #9e9e9e; text-align: right; } .image-component__image { width: 100%; border: 1px solid transparent; transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out; } .image-component__image:hover { box-shadow: 0 0px 15px #e7e8ea; border-color: #e7e8ea; } .image-component__image.poup-image { cursor: pointer; } .image-component__caption { font-family: "MuseoSans", sans-serif; font-weight: 300; text-transform: capitalize; color: #4a4a4a; } .image-component__caption--light { color: #767676; } .image-modal { max-width: 1000px; padding: 2em; background-color: #fff; border-radius: 1.5em; text-align: center; margin: 2em; border-radius: 5px; } .image-modal__image { width: 100%; } .post-container .content-container .newsletter-iframe__header:after { content: ""; display: block; clear: both; } .article__post { max-width: 1080px; margin: auto; padding: 2em; position: relative; } .article__body { max-width: 800px; margin: auto; } .article__body .html-content { width: 100%; height: 100%; } .article__lead-image { position: relative; } .article .lead-image { width: 100%; background-repeat: no-repeat; background-position: center; background-size: calc(100vw); padding-top: 28%; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { .article .lead-image { background-size: calc(100vw - 180px); } } @media only screen and (min-width: 1200px) { .article .lead-image { background-size: calc(100vw - 240px); } } .article .lead-image__caption { position: absolute; bottom: 0; right: 0; padding: 0.5em 0.8em; background-color: rgba(255, 255, 255, 0.68); font-family: "MuseoSans", sans-serif; font-weight: 300; text-transform: capitalize; color: #4a4a4a; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .article .lead-image__caption { bottom: 10px; } } .article .lead-image__caption--light { color: #767676; } .post-container .content-container { position: relative; background-color: #fff; border: 1px solid #e7e8ea; } .post-container .content-container.fixed { overflow: hidden; } .post-container .content-container .top-options { margin: 20px; display: flex; justify-content: space-between; } .post-container .content-container .newsletter-iframe { overflow-y: scroll; -webkit-overflow-scrolling: touch; width: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; padding-left: 20px; padding-right: 20px; max-width: 855px; border-radius: 5px; background-color: #fff; height: calc(100vh - 78px); border: 1px solid #e7e8ea; box-shadow: 0 0 5px 0 #e7e8ea; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .post-container .content-container .newsletter-iframe { overflow-y: hidden; } } .post-container .content-container .newsletter-iframe__header { padding: 10px; position: absolute; left: 0; width: 100%; z-index: 99; background-color: #fff; } .post-container .content-container .newsletter-iframe__header p { float: left; } .post-container .content-container .newsletter-iframe__header .share-buttons { float: right; } .post-container .content-container .html-content { border: 0; position: absolute; top: 40px; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 1em; } .time-delayed-modal-overlay { display: block; position: fixed; z-index: 2000; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .time-delayed-modal-container { /* small devices (phones, 767px and down) */ background-color: #fefefe; float: left; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; border-radius: 5px; } @media only screen and (max-width: 767px) { .time-delayed-modal-container { width: 380px !important; } } .free-trial-modal-content { /* small devices (phones, 767px and down) */ display: flex; border-radius: 5px; overflow: hidden; } @media only screen and (max-width: 767px) { .free-trial-modal-content { width: 100%; } } .free-trial-modal-content .free-trial-modal-info { /* small devices (phones, 767px and down) */ color: #fff; width: 50%; padding: 0 20px 24px; } @media only screen and (max-width: 767px) { .free-trial-modal-content .free-trial-modal-info { display: none; } } .free-trial-modal-content .free-trial-modal-info .header { text-align: center; padding: 60px 0px 25px; } .free-trial-modal-content .free-trial-modal-info .header img { width: 125px; margin: auto; margin-bottom: 25px; } .free-trial-modal-content .free-trial-modal-info .header p { font-size: 2rem; line-height: 3rem; } .free-trial-modal-content .free-trial-modal-info ul li { display: grid; grid-template-columns: 1fr 10fr; margin-bottom: 2rem; font-size: 1.5rem; } .free-trial-modal-content .free-trial-modal-info ul li svg { width: 20px; height: 20px; color: #B2F5EA; } .free-trial-modal-content .free-trial-modal-form { /* small devices (phones, 767px and down) */ width: 55%; text-align: center; padding: 20px 26px; } @media only screen and (max-width: 767px) { .free-trial-modal-content .free-trial-modal-form { width: 100%; } } .free-trial-modal-content .free-trial-modal-form .error { color: red; text-align: left; margin-top: 3px; } .free-trial-modal-content .free-trial-modal-form .blue-button { width: 100%; padding: 10px; background-color: #3082CE; color: #fff; border-radius: 5px; font-size: 1.5rem; } .free-trial-modal-content .free-trial-modal-form .top { display: flex; margin-bottom: 10px; align-items: center; } .free-trial-modal-content .free-trial-modal-form .top p { font-size: 2rem; } .free-trial-modal-content .free-trial-modal-form .top .close { margin-left: auto; padding: 10px 0 10px 10px; color: #000; } .free-trial-modal-content .free-trial-modal-form .success { color: #000; margin-top: 85px; } .free-trial-modal-content .free-trial-modal-form .success .title { font-size: 3rem; } .free-trial-modal-content .free-trial-modal-form .success .message { font-size: 1.5rem; color: #000; margin-top: 4px; margin-bottom: 40px; } .free-trial-modal-content .free-trial-modal-form form label { display: block; margin-bottom: 6px; font-size: 1.5rem; text-align: left; } .free-trial-modal-content .free-trial-modal-form form select { width: 100%; padding: 7px; border-radius: 5px; position: relative; border: 1px solid #E2E8F0; } .free-trial-modal-content .free-trial-modal-form form .input { position: relative; margin-bottom: 10px; text-align: left; } .free-trial-modal-content .free-trial-modal-form form .input .error { color: red; font-size: 12px; } .free-trial-modal-content .free-trial-modal-form form .input svg { position: absolute; top: 8px; left: 10px; color: #718096; width: 18px; height: 18px; } .free-trial-modal-content .free-trial-modal-form form .input input { width: 100%; padding: 5px 5px 5px 35px; border-radius: 5px; } .free-trial-modal-content .free-trial-modal-form form .tos { margin: 15px 0; text-align: left; font-size: 12px; } .free-trial-modal-content .free-trial-modal-form form .tos a { font-size: 12px; } .free-trial-modal-content .free-trial-modal-form .skip { margin: 10px 0; } .archive-container .archive-header { /* Small devices (portrait tablets and large phones, 768px and up) */ /* small devices (phones, 767px and down) */ background: url("https://s3.amazonaws.com/prod-etr/uploads/images/Archive-image-noText.png"); background-repeat: no-repeat; background-size: 100% 100%; } @media only screen and (min-width: 768px) { .archive-container .archive-header { padding: 7%; } } @media only screen and (max-width: 767px) { .archive-container .archive-header { padding: 5%; } } .archive-container .archive-header .header-text { text-align: center; margin-left: auto; margin-right: auto; color: white; font-size: 5.5rem; } .archive-container .archive-header .search { margin-left: auto; margin-right: auto; margin-top: 2%; /* Small devices (portrait tablets and large phones, 768px and up) */ /* small devices (phones, 767px and down) */ } @media only screen and (min-width: 768px) { .archive-container .archive-header .search { width: 50%; min-width: 400px; max-width: 700px; } } @media only screen and (max-width: 767px) { .archive-container .archive-header .search { width: 100%; } .archive-container .archive-header .search ::placeholder { font-size: 10px; } } .archive-container .archive-body { border: 1px solid #e7e8ea; background-color: white; min-height: calc(100vh - 370px); } .archive-container .archive-btn { width: 20%; min-width: 150px; max-width: 250px; padding-top: 10px; padding-bottom: 10px; text-align: center; color: #154c70; border-color: #154c70; background-color: #fffeff; font-weight: bold; font-size: 1.6rem; } .archive-container .archive-btn:hover { background-color: #e7e8ea; } .archive-container .archive-active-btn { width: 20%; min-width: 150px; max-width: 250px; padding-top: 10px; padding-bottom: 10px; text-align: center; color: white; border-color: #154c70; background-color: #154c70; font-weight: bold; font-size: 1.6rem; } .archive-container .looking-txt { color: #154c70; font-size: 3rem; font-weight: bold; /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .archive-container .looking-txt { display: none; } } .postArchive-container { padding: 20px; max-width: 1000px; margin: auto; } .postArchive-container--post { border-radius: 3px; box-shadow: 0px 2px 4px 0px #ababab; margin-bottom: 25px; } .postArchive-container--post::after { content: ""; display: block; clear: both; } .postArchive-container--post .post-image { /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .postArchive-container--post .post-image { width: 38%; border-radius: 3px; float: left; } } .postArchive-container--post .post-image .newsletter-default { background: url("https://s3.amazonaws.com/prod-etr/uploads/images/newsletter-default.png"); background-repeat: no-repeat; border-radius: 3px; box-shadow: 0px 0px 3px 2px #ababab; background-size: 100% 100%; padding: 14%; } .postArchive-container--post .post-image .newsletter-default .newsletter-date { font-size: 1.8rem; font-style: italic; color: white; text-align: center; padding-right: 75px; } .postArchive-container--post .post-image .newsletter-default .newsletter-text { text-align: center; font-size: 4rem; font-weight: bold; color: white; } .postArchive-container--post .post-image img { width: 100%; height: 100%; border-radius: 3px; vertical-align: bottom; box-shadow: 0px 2px 4px 0px #ababab; } .postArchive-container--post .post-desc { /* Small devices (portrait tablets and large phones, 768px and up) */ padding: 20px; padding-top: 4%; /* Medium devices (landscape tablets only, 1024px and 1999) */ } @media only screen and (min-width: 768px) { .postArchive-container--post .post-desc { overflow: hidden; } } @media only screen and (min-width: 1024px) and (max-width: 1199px) { .postArchive-container--post .post-desc { overflow: hidden; padding-top: 30px; } } .postArchive-container--post .post-desc p { font-weight: bold; font-size: 2rem; color: #154c70; } .postArchive-container--post .post-desc .sub-desc p { font-weight: 400; font-size: 1.7rem; padding-top: 2%; color: gray; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .postArchive-container--post .post-desc .sub-desc p { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 550px; } } .postArchive-container--post .post-desc .sub-desc text { color: black; padding-top: 2%; display: inline-block; font-size: 1rem; } .postArchive-container--post .post-desc .sub-desc a { font-size: 1.4rem; color: #2f87d0; } .postArchive-container--noResults { color: #154c70; font-size: 2.8rem; text-align: center; opacity: 0.5; } .restricted__col:after { content: ""; display: block; clear: both; } .restricted__container, .restricted .message-center .message { border-bottom: 1px solid #e7e8ea; box-shadow: 0 0 5px 0 #e7e8ea; } .restricted { background-repeat: no-repeat; background-position: top center; background-size: cover; height: calc(100% + 105vh); padding: 1em; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .restricted { padding: 2em; overflow: hidden; } } .restricted__message__header { padding: 0; } .restricted__message__subtitle { margin: 0.4em 0; font-weight: 300; font-size: 2rem; color: #325f7d; } .restricted__container, .restricted .message-center { /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .restricted__container, .restricted .message-center { float: right; width: 50%; } } .restricted__container { background-color: #fff; border: 1px solid #ececec; } .restricted__body { padding: 1.5rem; } .restricted__footer { padding: 1.5rem; background-color: #ececec; } .restricted__link { margin: 1em 0; max-width: 200px; } .restricted__image { /* small devices (phones, 767px and down) */ /* Extra small devices phone portrait (phones, 400px and down) */ /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (max-width: 767px) { .restricted__image { padding: 5em 0; } } @media only screen and (max-width: 400px) { .restricted__image { padding: 2em; max-width: 80%; } } @media only screen and (min-width: 768px) { .restricted__image { width: 100%; float: left; transform: translateY(150px); width: 40%; } } .restricted__col { margin: auto; max-width: 380px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .restricted__col { max-width: 780px; } } .container { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding: 0; } .top-pic { height: 80px; margin: 0px 0 25px 0; } .venn-marketing-text { color: white; } .marketing-headers { padding: 0; width: 100%; } .marketing-headers:nth-child(2) { font-size: 30px; margin-bottom: 1.5%; } .marketing-headers:nth-child(3) { font-size: 25px; font-weight: lighter; margin-bottom: 1%; } .venn-marketing-text-body { font-size: 20px; text-align: center; margin: 2% 0; width: 35%; } .screen-shot { height: 250px; margin: 0.5% 0 3.5% 0; } .action-btns { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: space-between; /* small devices (phones, 767px and down) */ } .action-btns .btn-with-cap { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; margin: 1% 0; padding: 0; } .action-btns .btn-with-cap p, .action-btns .btn-with-cap .btn { margin: 0% 1%; font-size: 20px; } .action-btns .btn-with-cap .btn { cursor: pointer; width: 15%; text-transform: none; padding: 10px 15px; margin: 0.25rem 0 !important; background-color: transparent; } @media only screen and (max-width: 767px) { .action-btns .btn-with-cap { flex-direction: column; margin: 2% 0%; } .action-btns .btn-with-cap .btn { width: 100%; margin: 0.25rem 0; font-size: 15px; } .action-btns .btn-with-cap p { font-size: 15px; margin: 0% 2%; } } /* small devices (phones, 767px and down) */ @media only screen and (max-width: 767px) { .marketing-headers:nth-child(2) { font-size: 20px; margin-bottom: 4%; } .marketing-headers:nth-child(3) { font-size: 20px; margin-bottom: 3.5%; } .venn-marketing-text-body { font-size: 15px; width: 80%; } .top-pic { height: 60px; margin-top: 12.5%; margin-bottom: 4.5%; } .screen-shot { height: 12.5rem; margin: 3.5% 0 5% 0; } } .interactive-demo { font-family: "MuseoSans"; background-color: #fff; color: var(--gray-primary-500); } .interactive-demo p { font-family: unset; color: unset; } .interactive-demo .bullet-bar { margin-left: -1em; } .interactive-demo .bullet-bar::before { content: ''; display: inline-block; height: 15px; width: var(--bullet-size, 100px); border-radius: .2em; background: linear-gradient(to left, var(--blue-secondary-500), var(--blue-secondary-100)); margin-right: .5em; } .interactive-demo .bullet-bar.sm::before { --bullet-size:50px ; } .interactive-demo-intro { background: center top repeat-y url("/static/images/interactive-demo-intro2.png"); color: #231f1f; font-size: 1.6rem; height: 550px; position: relative; background-size: 867px; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-intro { padding-left: 3em; font-size: 2.2rem; height: 666px; } } .interactive-demo-intro:before { content: ""; display: block; position: absolute; background: center bottom no-repeat url("/static/images/interactive-demo-intro.png"); background-size: 867px; width: 100%; left: 0; top: 0; bottom: 0; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-intro:before { background-size: cover; } } .interactive-demo-intro .main-content { position: relative; z-index: 2; } .interactive-demo-intro a { font-size: unset; color: unset; } .interactive-demo-intro a:hover { text-decoration: underline; } .interactive-demo-intro .intro-title { color: var(--blue-primary-500); margin-bottom: .5em; /* Small devices (portrait tablets and large phones, 768px and up) */ } .interactive-demo-intro .intro-title img { max-width: 70px; } @media only screen and (min-width: 768px) { .interactive-demo-intro .intro-title { font-size: 5rem; } .interactive-demo-intro .intro-title img { max-width: 115px; } } .interactive-demo-intro .intro-content-wrap { max-width: 522px; } .interactive-demo-intro .intro-content-wrap p { margin-bottom: 1em; } .interactive-demo-video { position: relative; background: center top no-repeat url("/static/images/interactive-demo-video2.png"); background-size: auto 531px; /* Small devices (portrait tablets and large phones, 768px and up) */ /* large devices (large laptops and desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-video { background-size: auto 886px; height: 666px; } } @media only screen and (min-width: 1440px) { .interactive-demo-video { background-size: 100% 884px; } } .interactive-demo-video:before { content: ''; position: absolute; width: 100%; background: center bottom no-repeat url("/static/images/interactive-demo-reports-top.png"); background-size: cover; padding-top: 14.6%; bottom: 0; } .interactive-demo-video .demo-video-time-stamps { margin: auto; max-width: 1245px; display: flex; align-items: center; text-transform: capitalize; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-video .demo-video-time-stamps { transform: translateY(-130px); scroll-margin-top: 130px; } } .interactive-demo-video .video-wrap { position: relative; width: 100%; padding-top: calc(100%/(16/9)); -webkit-box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); -moz-box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); /* Small devices (portrait tablets and large phones, 768px and up) */ background-color: #fff; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-video .video-wrap { padding-top: calc(100%/(19/9)); } } @media only screen and (min-width: 1024px) { .interactive-demo-video .video-wrap { padding-top: 50%; } } .interactive-demo-video .demo-video-iframe { top: 0; left: 0; outline: .5em solid #fff; } .interactive-demo-video .video-time-stamps { background-color: #fff; -webkit-box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 0px 6px 16px -10px rgba(209, 199, 199, 0.5); -moz-box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 0px 6px 16px -10px rgba(209, 199, 199, 0.5); box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 0px 6px 16px -10px rgba(209, 199, 199, 0.5); font-size: 1.8rem; position: relative; display: none; z-index: 5; /* Small devices (portrait tablets and large phones, 768px and up) */ } .interactive-demo-video .video-time-stamps li { margin: .5rem; padding: 2rem .5rem; text-align: center; background-color: var(--blue-secondary-200); color: var(--blue-primary-500); cursor: pointer; min-width: 128px; max-width: 144px; } .interactive-demo-video .video-time-stamps li:hover, .interactive-demo-video .video-time-stamps li[data-selected="true"] { background-color: var(--blue-secondary-300); font-weight: 600; } @media only screen and (min-width: 768px) { .interactive-demo-video .video-time-stamps { display: block; } } .interactive-demo-reports { color: #fff; background-color: var(--blue-secondary-500); position: relative; z-index: 2; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-reports { scroll-margin-top: 50px; max-height: 1100px; } } @media only screen and (min-width: 1200px) { .interactive-demo-reports { max-height: 666px; } } .interactive-demo-reports:after { content: ''; position: absolute; width: 100%; padding-top: 13.6%; background: center bottom no-repeat url("/static/images/interactive-demo-reports-bottom.png"); background-size: cover; top: 100%; } .interactive-demo-reports .reports-intro { max-width: 1000px; margin: auto; font-size: 1.8rem; margin-bottom: 3em; } .interactive-demo-reports .reports-intro ul { margin-top: 1em; list-style-type: circle; margin-left: 1em; } .interactive-demo-reports .reports-intro ul li { margin-bottom: 1em; } .interactive-demo-reports .reports-wrap { position: relative; z-index: 10; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-reports .reports-wrap { transform: translateY(-50px); } } .interactive-demo-reports .demo-reports-container { gap: 1em; justify-content: center; display: grid; grid-template-columns: 1fr; margin-bottom: 5em; /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 1200px) { .interactive-demo-reports .demo-reports-container { grid-template-columns: minmax(300px, 690px) minmax(300px, 556px); } } .interactive-demo-reports .demo-report-card { color: #231f1f; background-color: #fff; border-radius: 1em; text-align: center; padding: 1.25em; display: flex; flex-direction: column; align-items: center; gap: 1rem; } .interactive-demo-reports .demo-report-card p.demo-report-title { font-size: 1.6rem; text-transform: uppercase; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-reports .demo-report-card p.demo-report-title { min-height: 66px; } } .interactive-demo-reports .demo-report-card div.demo-sample-data { margin: 1rem 0; } .interactive-demo-reports .demo-report-card div.demo-sample-data .sample-number { font-weight: bold; font-size: 1.6rem; } .interactive-demo-reports .demo-reports { display: grid; grid-template-columns: 1fr; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-reports .demo-reports { grid-template-columns: repeat(auto-fit, minmax(157px, 1fr)); } } .interactive-demo-reports .demo-reports.drilldown-insights { grid-template-columns: 1fr; gap: 1em; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-reports .demo-reports.drilldown-insights { grid-template-columns: 1fr 1fr; } } @media only screen and (min-width: 1200px) { .interactive-demo-reports .demo-reports.drilldown-insights { grid-template-columns: minmax(157px, 239px) minmax(157px, 303px); } } .interactive-demo-reports .demo-reports.drilldown-insights .demo-report-card { -webkit-box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); -moz-box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); } .interactive-demo-reports .demo-reports.tsis { background-color: #fff; border-radius: 1em; gap: .5em; justify-content: center; -webkit-box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); -moz-box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); box-shadow: -6px -6px 16px 0 rgba(241, 238, 238, 0.5), 6px 6px 16px 0 rgba(209, 199, 199, 0.5); } .interactive-demo-reports .demo-reports.tsis .demo-report-card:nth-child(2) { position: relative; } .interactive-demo-reports .demo-reports.tsis .demo-report-card:nth-child(2)::before, .interactive-demo-reports .demo-reports.tsis .demo-report-card:nth-child(2)::after { content: ''; display: none; width: 2px; height: 235px; top: 0; -webkit-box-shadow: 0 3px 3px 0 #cdcbcb; -moz-box-shadow: 0 3px 3px 0 #cdcbcb; box-shadow: 0 3px 3px 0 #cdcbcb; position: absolute; transform: translateY(20%); /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-reports .demo-reports.tsis .demo-report-card:nth-child(2)::before, .interactive-demo-reports .demo-reports.tsis .demo-report-card:nth-child(2)::after { display: block; } } .interactive-demo-reports .demo-reports.tsis .demo-report-card:nth-child(2)::before { left: 0; } .interactive-demo-reports .demo-reports.tsis .demo-report-card:nth-child(2)::after { right: 0; } .interactive-demo-reports .btn { width: 100%; } .interactive-demo-reports .demo-reports-end { max-width: 710px; margin: auto; font-size: 2rem; text-align: center; } .interactive-demo-footer { background-color: var(--blue-primary-500); color: #fff; text-align: center; position: relative; padding-top: 150px; font-size: 1.4rem; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { .interactive-demo-footer { padding-top: 17%; } } @media only screen and (min-width: 1200px) { .interactive-demo-footer { background-size: 100% 1041px; } } .interactive-demo-footer .link { display: inline-block; color: #fff; } .interactive-demo-footer .site-links .link { padding: 8px 15px; margin: 10px 0px; } .interactive-demo-footer .social-media-links .link { padding: 8px 15px; font-size: 2.5rem; } .interactive-demo-footer .copyright { color: rgba(204, 204, 204, 0.5); } .interactive-demo-footer .policy-info, .interactive-demo-footer .copyright { padding: 15px; } .demo-report-container .demo-report-wrapper { margin: 0 auto; width: 90vw; } .demo-report-buttons { padding: 15px; top: 0px; position: sticky; background: #fff; z-index: 1; } .demo-report-page-container { margin: 15px; } .drilldowns-list-page-container { padding: 20px 20px 0 20px; font-weight: 500; } .drilldowns-list-page-container .input-container { max-width: 450px; } .drilldowns-list-page-container .input-container .search-bar { background-color: #fff; } .drilldowns-list-page-container .input-container input { background-color: #fff; } .drilldowns-list-page-container h3 { padding: 0; margin-bottom: 20px; letter-spacing: 2px; font-size: 20px; } .drilldowns-list-page-container .drilldown-results-list { margin-top: 20px; } .drilldowns-list-page-container .drilldown-results-list .card { padding: 0; margin-bottom: 20px; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2); display: grid; grid-template-columns: repeat(1, 1fr); } .drilldowns-list-page-container .drilldown-results-list .card .card-info .embargo-date { background-color: goldenrod; padding: 0 10px; color: #fff; margin: 5px; border-radius: 4px; display: inline-block; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .embargo-date .icon { top: 2px; position: relative; margin-right: 5px; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .drilldown { column-gap: 20px; display: grid; grid-template-columns: minmax(90px, 100px) 1fr; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .drilldown .card-thumbnail { padding: 20px 0 0 20px; text-align: center; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .drilldown .card-thumbnail img { max-width: 80px; max-height: 80px; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .drilldown .card-text { padding: 20px 20px 20px 0; grid-column: 2 / 4; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .drilldown .card-text .card-title { min-width: 100%; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .drilldown .card-text .card-description { color: #000; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .drilldown .card-text .card-description .companies-title { text-decoration: underline; } .drilldowns-list-page-container .drilldown-results-list .card .card-info .drilldown .card-text .card-description .companies { color: #1a87c4; } .drilldowns-list-page-container .drilldown-results-list .card .card-data { display: grid; grid-template-columns: repeat(8, 1fr); max-width: 500px; background-color: #f6f7f8; padding: 0 20px 20px 20px; column-gap: 20px; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .drilldowns-list-page-container .drilldown-results-list .card .card-data { grid-column: 3 / 4; } } .drilldowns-list-page-container .drilldown-results-list .card .card-data .card-background-icon { grid-column: 7 / 9; } .drilldowns-list-page-container .drilldown-results-list .card .card-data .card-background-icon .glyphicon { font-size: 35px; color: #b8c6d7; } .drilldowns-list-page-container .drilldown-results-list .card .card-data .date { grid-column: 1 / 4; } .drilldowns-list-page-container .drilldown-results-list .card .card-data .participants { grid-column: 4 / 7; /* Extra small devices phone portrait (phones, 400px and down) */ } @media only screen and (max-width: 400px) { .drilldowns-list-page-container .drilldown-results-list .card .card-data .participants { grid-column: 2 / 3; } } .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group { display: grid; column-gap: 20px; grid-template-columns: minmax(35px, 45px) 1fr; /* Medium devices (landscape tablets, 768px and up) */ } @media only screen and (min-width: 1024px) { .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group { column-gap: 10px; } } .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group i { /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group i { text-align: center; grid-column: 1 / 4; } } .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group .text { font-weight: bold; text-align: center; color: #000; min-width: 100px; /* small devices (phones, 767px and down) */ /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (max-width: 767px) { .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group .text { grid-column: 1 / 4; } } @media only screen and (min-width: 768px) { .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group .text { grid-column: 2 / 3; text-align: left; } } .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group .text .icon-label { font-weight: normal; color: #1a87c4; } .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group .fa-calendar-check, .drilldowns-list-page-container .drilldown-results-list .card .card-data .icon-group .fa-user-friends { font-size: 40px; color: #154480; margin-bottom: 10px; text-align: center; } .drilldowns-list-page-container .drilldown-results-list .card .card-data .fa-chevron-right { color: #b8c6d7; text-align: right; grid-column: 8 / 9; margin-top: 10px; } .drilldowns-list-page-container .drilldown-results-list .card:hover { cursor: pointer; } .drilldowns-list-page-container .drilldown-results-list .card:hover .card-data { background-color: #cbe8f8; } .drilldowns-list-page-container .drilldown-results-list .card:hover .card-data .card-background-icon .glyphicon { color: #1a87c4; } .drilldowns-list-page-container .drilldown-results-list .card:hover .card-data .fa-chevron-right { color: #1a87c4; } .embed-container { position: relative; flex-grow: 1; } .embed-container iframe { position: absolute; border: 0; } .nav-btn-container { display: flex; align-items: center; gap: 20px; } .nav-btn-container .favorite-button-container { display: flex; padding: 0px; background: none; border: none; letter-spacing: 0; gap: 5px; align-items: center; } .nav-btn-container .favorite-button-container .button-text { margin-right: 0; } .nav-btn-container .favorite-button-container .glyphicon-star { top: 0; } .model-nav { display: flex; justify-content: space-between; margin-bottom: 15px; } .model-view { width: 100%; height: 100%; padding: 20px; flex: 1; display: flex; flex-direction: column; } .model-view-report-btn { background: #154480; text-decoration: none; color: #fff; border-radius: 4px; padding: 10px; display: flex; align-items: center; } .model-back-btn { padding: 10px; border: 1px solid #e7e8ea; background: #fff; text-decoration: none; } .model-back-btn div { display: flex; align-items: center; color: #4a4a4a; } .model-nav-btn { display: flex; align-items: center; gap: 5px; cursor: pointer; } .market-array-container { padding: 20px 20px 0 20px; font-weight: 500; } .market-array-container h3 { padding: 0; letter-spacing: 2px; font-size: 20px; } .market-array-container h3.mb { margin-bottom: 20px; } .market-array-container .market-array-description { color: #000; font-weight: 100; } .market-array-container .input-container { max-width: 450px; } .market-array-container .input-container .search-bar { background-color: #fff; } .market-array-container .input-container input { background-color: #fff; } .market-array-container .list-container { margin-top: 20px; } .market-array-container .list-container a { background-color: #fff; color: #325f7d; font-weight: 700; padding: 20px; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.2); margin-bottom: 20px; } .market-array-report-container { height: 100%; overflow: hidden; } .market-array-report-container iframe { position: relative; width: 100%; height: 100%; } .sales-form-services .sales-form-services-label { padding: 2rem 0; display: inline-block; } .sales-form-services .sales-form-services-options { display: flex; flex-wrap: wrap; } .sales-form-services .btn-service { font-size: 1.3rem; padding: 0.8rem 1.8rem; color: #0a2c43; background-color: #f8f9fa; border: 1px solid #e7e8ea; margin: 0 0.8rem 0.8rem 0.8rem; } .sales-form-services .btn-service:hover, .sales-form-services .btn-service:active { background-color: #e0e1e3; } .sales-form-services .btn-service[aria-selected="true"] { background-color: #0a2c43; color: #fff; } .sales-form-services .btn-service:focus { outline: 0; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { color: #2b2f3b; font-family: "MuseoSans", sans-serif; } html, body { height: 100%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } iframe { border: 0; position: absolute; } *, *:before, *:after { box-sizing: border-box; } body { height: 100%; } body { height: 100%; width: 100%; background-color: #f8f9fa; color: #3e3e3e; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #325f7d; font-weight: 700; } h1 { font-size: 2.5rem; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { h1 { font-size: 3rem; } } @media only screen and (min-width: 1200px) { h1 { font-size: 3.5rem; } } h2 { font-size: 1.563em; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ color: #325f7d; font-weight: 400; padding: 20px 0px; } @media only screen and (min-width: 768px) { h2 { font-size: 2.5rem; } } @media only screen and (min-width: 1200px) { h2 { font-size: 3rem; } } h3 { font-size: 1.8rem; padding: 1.8em 0; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { h3 { font-size: 1.5rem; padding: 1.5em 0; } } @media only screen and (min-width: 1200px) { h3 { font-size: 2rem; } } h4 { font-size: 1.2rem; padding: 1.2em 0; } h5 { font-size: 1rem; padding: 1em 0; } a, .link { cursor: pointer; color: #2f87d0; font-size: 1.4rem; } a:hover, .link:hover { text-decoration: none; color: #599fd9; } .icon-close { display: inline-block; position: relative; width: 25px; height: 25px; cursor: pointer; } .icon-close:before, .icon-close:after { position: absolute; left: 50%; content: " "; height: 25px; width: 2px; background-color: #fff; } .icon-close:before { transform: rotate(45deg); } .icon-close:after { transform: rotate(-45deg); } .required-field { color: #ff4f4c; } .clear-br { /* small devices (phones, 767px and down) */ } @media only screen and (max-width: 767px) { .clear-br { display: none; } } #content, #main-container { height: 100%; } #content { font-size: 1.4rem; background-color: #e8e8e8; justify-content: center; } #main-container { display: flex; flex-direction: row; } #page-container { flex-basis: 100%; display: flex; flex-direction: column; background-color: #f8f9fa; width: 100%; } #page-container.has-side-bar.has-top-bar { padding-top: 74.38px; /* Small devices (portrait tablets and large phones, 768px and up) */ /* Large devices (laptops/desktops, 1200px and up) */ } @media only screen and (min-width: 768px) { #page-container.has-side-bar.has-top-bar { padding-left: 180px; } } @media only screen and (min-width: 1200px) { #page-container.has-side-bar.has-top-bar { padding-left: 240px; } } .backdrop { z-index: -1; position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; } .page { margin: 40px; } .page h1 { margin-bottom: 30px; } .page h3 { padding: 15px 0; } .page ul { margin: 0 0 20px 50px; } .page ul li { list-style-type: disc; padding: 5px; } .page p { margin-bottom: 15px; } .page p.sub-header { font-weight: 700; } :root { --blue-primary-500:hsl(214, 72%, 29%); --blue-secondary-100:hsl(202, 76%, 90%); --blue-secondary-200:hsl(202, 76%, 88%); --blue-secondary-300:hsl(202, 76%, 74%); --blue-secondary-500:hsl(202, 76%, 44%); --orange-primary-500:hsl(34, 94%, 55%); --gray-primary-500:hsl(345, 6%, 13%); --gray-secondary-010:hsl(220, 1%, 98%); --gray-secondary-500:hsl(220, 1%, 51%); } @font-face { font-family: 'MuseoSans'; src: url("/static/fonts/MuseoSans_500.otf") format("OpenType"); font-weight: 500; font-style: normal; } @font-face { font-family: 'MuseoSans'; src: url("/static/fonts/MuseoSans_700.otf") format("OpenType"); font-weight: 700; font-style: normal; } @font-face { font-family: 'MuseoSans'; src: url("/static/fonts/MuseoSans_900.otf") format("OpenType"); font-weight: 900; font-style: normal; } .title-page { font-size: 2.4rem; font-family: 'MuseoSans'; color: var(--blue-primary-500); font-weight: 700; padding-bottom: .5em; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .title-page { font-size: 4rem; } } .card-anim { transition: box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out, border-color 0.3s ease-in-out; } .card-anim:hover { transform: translateY(-5px); border-color: #79a8bf; box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.2), 0px 13px 10px -10px rgba(0, 0, 0, 0.1); } input[aria-invalid="true"], input[aria-invalid="true"]:focus { border-color: #ff8585; box-shadow: 0px 0px 5px #ff8585; } .form-error-message { padding-bottom: 0.5rem; display: block; color: #ff8585; } .main-content { padding: 1em; /* Small devices (portrait tablets and large phones, 768px and up) */ } @media only screen and (min-width: 768px) { .main-content { padding: 2em; } } .logo-xs { max-width: 50px; } .logo-sm { max-width: 100px; } .logo-md { max-width: 150px; } .logo-lg { max-width: 200px; } .logo-xl { max-width: 250px; } .logo-2xl { max-width: calc(250px * 1.8); } .rounded { border-radius: 10px; } .form-group label { padding: 0.8rem; } .form-group label i { font-weight: 100; color: #7c838a; } .react-toggle { touch-action: pan-x; display: inline-block; position: relative; cursor: pointer; background-color: transparent; border: 0; padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } .react-toggle-screenreader-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .react-toggle--disabled { cursor: not-allowed; opacity: 0.5; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .react-toggle-track { width: 30px; height: 17px; padding: 0; border-radius: 30px; background-color: #CAD5E0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track { background-color: #CAD5E0; } .react-toggle--checked .react-toggle-track { background-color: #3082CE; } .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track { background-color: #3082CE; } .react-toggle-track-check { position: absolute; width: 14px; height: 10px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; line-height: 0; left: 8px; opacity: 0; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .react-toggle--checked .react-toggle-track-check { opacity: 1; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .react-toggle-track-x { position: absolute; width: 10px; height: 10px; top: 0px; bottom: 0px; margin-top: auto; margin-bottom: auto; line-height: 0; right: 10px; opacity: 1; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } .react-toggle--checked .react-toggle-track-x { opacity: 0; } .react-toggle-thumb { transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border: 1px solid #CAD5E0; border-radius: 50%; background-color: #FAFAFA; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; } .react-toggle--checked .react-toggle-thumb { left: 14px; border-color: #0099E0; } .react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb { -webkit-box-shadow: 0px 0px 5px 5px #0099E0; -moz-box-shadow: 0px 0px 5px 5px #0099E0; box-shadow: 0px 0px 5px 5px #0099E0; } /*# sourceMappingURL=main.css.map*/