.embedHostBody {
background-color: #767676;
position: relative;
}
.iframeContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
z-index: 900;
}
.iframeContainer .embedIframe {
min-width: 445px;
height: 80%;
min-height: 500px;
max-height: 745px;
-webkit-box-shadow: 0 2px 5px #333;
box-shadow: 0 2px 5px #333;
background: white;
border: none;
}
@media (min-width: 768px) {
.iframeContainer .embedIframe {
width: 704px;
}
}
@media (min-width: 988px) {
.iframeContainer .embedIframe {
width: 924px;
}
}
@media (min-width: 1208px) {
.iframeContainer .embedIframe {
width: 1144px;
}
}
@media (min-width: 1428px) {
.iframeContainer .embedIframe {
width: 1364px;
}
}
.hostContext > div {
display: block;
}
@charset "UTF-8";
/*
Icon classes can be used entirely standalone. They are named after their original file names.
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
.icon-azure-20 {
background-image: url(/static/assets/azure-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-cortana-intelligence-20 {
background-image: url(/static/assets/cortana-intelligence-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-dynamics-365-20 {
background-image: url(/static/assets/dynamics-365-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-dynamics-ax-20 {
background-image: url(/static/assets/dynamics-ax-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-dynamics-crm-20 {
background-image: url(/static/assets/dynamics-crm-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-dynamics-nav-20 {
background-image: url(/static/assets/dynamics-nav-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-lightbulb {
background-image: url(/static/assets/lightbulb.082321.0004.579dd964a9.png);
width: 150px;
height: 150px;
}
.icon-marketSearch {
background-image: url(/static/assets/marketSearch.082321.0004.579dd964a9.png);
width: 150px;
height: 150px;
}
.icon-office-20 {
background-image: url(/static/assets/office-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-office365-20 {
background-image: url(/static/assets/office365-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-people {
background-image: url(/static/assets/people.082321.0004.579dd964a9.png);
width: 150px;
height: 150px;
}
.icon-power-platform-20 {
background-image: url(/static/assets/power-platform-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-powerapps-20 {
background-image: url(/static/assets/powerapps-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-project-madeira-20 {
background-image: url(/static/assets/project-madeira-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.icon-web-apps-20 {
background-image: url(/static/assets/web-apps-20.082321.0004.579dd964a9.png);
width: 20px;
height: 20px;
}
.desktopAppDetailsEmbedded {
width: 100% !important;
max-width: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent {
padding: 16px 0 0 50px;
position: absolute;
overflow-y: auto;
bottom: 0;
top: 98px;
width: 100%;
}
.desktopAppDetailsEmbedded .spza_detailContainer .embedDetailPageHeaderBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
line-height: 48px;
padding-left: 50px;
border-bottom: 1px solid #e3e3e3;
}
.desktopAppDetailsEmbedded .spza_detailContainer .embedDetailPageHeaderBar .embedBreadcrumbButton {
font-weight: 600;
}
.spza_root_embedded {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.spza_root_embedded .mobileBranding {
display: none;
}
.spza_rootEmbedded {
margin-top: 0;
}
.embedHeader {
line-height: 48px;
border-bottom: 1px solid #e3e3e3;
color: white;
background-color: #2375bb;
}
.embedHeader.legacyStyle {
color: #000;
background-color: #fff;
}
.embedHeader .subIframe {
height: 48px;
width: 20px;
}
.embedHeader .separator {
width: 1px;
background: #e3e3e3;
margin: 8px 24px 8px 24px;
}
.embedHeader .headerCloseBtn {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
width: 48px;
height: 48px;
background: transparent;
border: none;
}
.embedHeader .headerCloseBtn:hover {
cursor: pointer;
}
.embedHeader .headerCloseBtn span:after {
content: "";
width: 36px;
height: 36px;
}
.headerBarEmbedded {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
line-height: 48px;
margin-left: 24px;
}
.headerBarEmbedded .headerText {
padding: 0;
font-size: 18px;
line-height: 48px;
font-weight: normal;
}
.headerBarEmbedded .title:hover {
cursor: pointer;
height: 40px;
border-bottom: 1px solid white;
}
.headerBarEmbedded div {
display: inline-block;
}
.headerBarEmbedded .navButton:hover {
cursor: pointer;
color: #2375bb;
}
@media (max-width: 540px) {
.headerBarEmbedded .headerText {
font-size: 14px;
}
.headerBarEmbedded .separator {
margin: 8px 10px;
}
}
.embedSearchBar .basicSearchBox {
position: absolute;
right: 20px;
margin: 0;
width: 50%;
}
@media (max-width: 988px) {
.embedSearchBar .basicSearchBox {
width: 244px;
}
}
.embedSearchBar .basicSearchBox .searchInput {
border: 1px solid #a9a9a9;
height: 48px;
width: 244px;
max-width: 500px;
min-width: 240px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.embedSearchBar .basicSearchBox .searchInput:focus {
outline: none;
width: 100%;
}
@media (max-width: 680px) {
.embedSearchBar .basicSearchBox {
top: 5px;
right: 55px;
}
.embedSearchBar .basicSearchBox .searchInput {
height: 32px;
background-color: white;
}
.embedSearchBar .basicSearchBox .searchButton {
width: 32px;
height: 32px;
line-height: 32px;
}
.embedSearchBar .basicSearchBox .searchButton span:after {
position: relative;
top: -9px;
right: 10px;
}
.embedSearchBar .basicSearchBox .searchButton:focus {
outline: 1px dashed currentColor;
}
}
@media (max-width: 472px) {
.embedSearchBar .basicSearchBox {
width: 190px;
}
.embedSearchBar .basicSearchBox .searchInput {
min-width: 190px;
width: 190px;
}
}
.embedSubHeaderBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 24px;
border-bottom: 1px solid #e3e3e3;
}
.embedSubHeaderBar .embedSubHeaderBarButton {
padding: 12px;
font-weight: 400;
border: none;
border-bottom: 4px solid transparent;
font-size: 18px;
-webkit-transition: border-color 0.15s ease-in;
transition: border-color 0.15s ease-in;
color: #2375bb;
}
@media screen and (-ms-high-contrast: active) {
.embedSubHeaderBar .embedSubHeaderBarButton {
border-bottom: none;
}
}
.embedSubHeaderBar .embedSubHeaderBarButton:not(.active) {
border-bottom: none;
}
.embedSubHeaderBar .embedSubHeaderBarButton:hover, .embedSubHeaderBar .embedSubHeaderBarButton.active {
border-bottom: 4px solid #2375bb;
color: black;
}
.embedSubHeaderBar .separator {
width: 1px;
background: #a9a9a9;
margin: 8px 16px 8px 16px;
}
.embedSubHeaderBar .searchCount {
margin-left: 10px;
font-weight: 400;
}
.embedShellFooter {
position: fixed;
width: 100%;
height: 40px;
bottom: 0;
left: 0;
background-color: #2375bb;
color: white;
text-align: left;
padding: 0px 24px;
z-index: 1000;
}
.embedShellFooter .nationalCloudFooterText {
line-height: 40px;
}
.embedShellFooter .footer_content {
font-size: 13px;
line-height: 40px;
color: white;
}
.embedShellFooter .footer_content span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.embedShellFooter .footer_content span .linkToMainSite:hover {
text-decoration: underline;
}
.embedShellFooter .footer_content span .linkToMainSite:focus {
outline: 1px dotted currentColor;
}
.embedShellFooter .footer_content span:after {
content: "";
font-size: 10px;
margin-left: 6px;
}
.spza_contentEmbedded {
width: 100% !important;
}
.spza_filterContainer .spza_filterGroup > span {
display: none;
}
.spza_filterContainer .spza_filterGroup .spza_filterItems {
margin-left: 0px;
}
.spza_filterContainer .spza_filterGroup .spza_filterItems .filterPaneItemRoot > .filterItem > .spza_activeFilter {
font-weight: 400;
}
.spza_filterContainer .spza_filterGroup .spza_filterItems .filterPaneItemRoot > .filterItem > label {
cursor: default;
}
.spza_filterContainer .spza_filterGroup .spza_filterItems .filterPaneItemRoot > div > .filterItem > label {
margin-left: 0px;
}
.spza_galleryContainerEmbedded .spza_content {
position: fixed;
top: 103px;
right: 0;
bottom: 40px;
left: 0;
max-width: none;
padding-left: 24px;
background-color: #f0f0f0;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent {
width: 100%;
padding-top: 32px;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent > div {
text-align: center;
font-size: 18px;
color: #515151;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent > div > a {
color: #006fc2;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .shiftLeft {
margin-left: 4px;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .switchPage span,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .switchPage a {
color: #006fc2;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .switchPage span:hover,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .switchPage a:hover {
cursor: pointer;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions {
margin-top: 24px;
font-size: 15px;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions .action {
color: #515151;
padding: 18px 20px 16px;
background: white;
border: solid 1px #e0e0e0;
display: inline-block;
width: 200px;
height: 200px;
cursor: pointer;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions .action .bottom:after {
font-size: 10px;
margin-left: 5px;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions .action img {
display: block;
margin: 20px auto;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions .action.createApps {
margin-right: 20px;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions .action.createApps .bottom {
color: #006fc2;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions .action.createApps .bottom:after {
content: "";
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions .action.powerApps .bottom {
color: #732a73;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .noOrgContent .actions .action.powerApps .bottom:after {
content: "";
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .loader {
margin-top: 16px;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .loader .text {
text-align: center;
padding-top: 16px;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .spza_filteredTileContainer {
padding: 24px 24px 24px 12px;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .filteredGalleryComponent {
width: 100%;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .spza_filterContainer {
padding-right: 0;
}
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .curatedGalleryWrapper {
top: 0px;
}
.spza_galleryContainerEmbedded .spza_content_hideFilterPane {
padding-left: 0;
}
.legacyStyle + .spza_galleryContainer .spza_content {
background-color: white;
}
.externalMenuItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.externalMenuItem .externalMenuItemProductIcon {
margin-right: 10px;
}
.externalMenuItem .externalMenuItemIcon {
margin-left: auto;
}
@charset "UTF-8";
/*! %versionBanner% | Copyright 2016 Microsoft Corporation | This software is based on or incorporates material from the files listed below (collectively, "Third Party Code"). Microsoft is not the original author of the Third Party Code. The original copyright notice and the license under which Microsoft received Third Party Code are set forth below together with the full text of such license. Such notices and license are provided solely for your information. Microsoft, not the third party, licenses this Third Party Code to you under the terms in which you received the Microsoft software or the services, unless Microsoft clearly states that such Microsoft terms do NOT apply for a particular Third Party Code. Unless applicable law gives you more rights, Microsoft reserves all other rights not expressly granted under such agreement(s), whether by implication, estoppel or otherwise.*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type=checkbox],
input[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type=search] {
-webkit-appearance: textfield;
/* 1 */
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
@font-face {
font-family: "MWF-MDL2";
src: url(/static/assets/MWFMDL2.082321.0004.579dd964a9.woff) format("woff"), url(/static/assets/MWFMDL2.082321.0004.579dd964a9.ttf) format("truetype"), url(/static/assets/MWFMDL2.082321.0004.579dd964a9.svg) format("svg");
}
@font-face {
font-family: "SegoeUI";
src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.svg#web") format("svg");
font-weight: 400;
}
@font-face {
font-family: "SegoeUI";
src: local("Segoe UI Light"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.svg#web") format("svg");
font-weight: 100;
}
@font-face {
font-family: "SegoeUI";
src: local("Segoe UI Semilight"), local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.svg#web") format("svg");
font-weight: 200;
}
@font-face {
font-family: "SegoeUI";
src: local("Segoe UI Semibold"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.svg#web") format("svg");
font-weight: 600;
}
@font-face {
font-family: "SegoeUI";
src: local("Segoe UI Bold"), local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("truetype"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.svg#web") format("svg");
font-weight: 700;
}
.c-heading-1 {
font-size: 62px;
line-height: 72px;
}
.c-heading-2 {
font-size: 46px;
line-height: 56px;
}
.c-heading-3, .c-subheading-1 {
font-size: 34px;
line-height: 40px;
}
.c-heading-4, .c-subheading-2 {
font-size: 24px;
line-height: 28px;
}
.c-heading-5, .c-subheading-3, .c-paragraph-1 {
font-size: 20px;
line-height: 24px;
}
.c-heading-6, .c-subheading-4, .c-paragraph-2 {
font-size: 18px;
line-height: 24px;
}
.c-subheading-5, .c-subheading-6, .c-paragraph-3, .c-paragraph-4 {
font-size: 15px;
line-height: 20px;
}
.c-caption-1 {
font-size: 13px;
line-height: 16px;
}
.c-caption-2 {
font-size: 11px;
line-height: 16px;
}
.c-heading-1 {
padding: 38px 0 6px;
font-weight: 100;
letter-spacing: -0.01em;
}
.c-heading-2 {
padding: 37px 0 3px;
font-weight: 100;
letter-spacing: -0.01em;
}
.c-heading-3 {
padding: 38px 0 2px;
font-weight: 100;
}
.c-heading-4 {
padding: 36px 0 4px;
font-weight: 200;
}
.c-heading-5 {
padding: 35px 0 5px;
font-weight: 200;
}
.c-heading-6 {
padding: 37px 0 3px;
font-weight: 200;
}
.c-subheading-1 {
padding: 2px 0 2px;
font-weight: 100;
}
.c-subheading-2 {
padding: 4px 0 8px;
font-weight: 200;
}
.c-subheading-3 {
padding: 8px 0 4px;
font-weight: 200;
}
.c-subheading-4 {
padding: 9px 0 3px;
font-weight: 200;
}
.c-subheading-5, .c-subheading-6 {
padding: 8px 0 0;
font-weight: 200;
}
.c-paragraph-1 {
padding: 24px 0 4px;
font-weight: 200;
}
.c-paragraph-2 {
padding: 25px 0 3px;
font-weight: 200;
}
.c-paragraph-3 {
padding: 24px 0 0;
font-weight: 400;
}
.c-paragraph-4 {
padding: 24px 0 0;
font-weight: 400;
}
.c-caption-1 {
padding: 3px 0 1px;
font-weight: 400;
}
.c-caption-2 {
padding: 4px 0 4px;
font-weight: 400;
}
@media (max-width: 767px) {
.c-heading-1 {
font-size: 46px;
line-height: 56px;
}
.c-heading-2 {
font-size: 34px;
line-height: 40px;
}
.c-heading-3, .c-subheading-1 {
font-size: 26px;
line-height: 32px;
}
.c-heading-4, .c-subheading-2 {
font-size: 20px;
line-height: 24px;
}
.c-heading-5, .c-subheading-3, .c-paragraph-1 {
font-size: 18px;
line-height: 24px;
}
.c-heading-6, .c-subheading-4, .c-paragraph-2 {
font-size: 16px;
line-height: 20px;
}
.c-caption-1 {
font-size: 12px;
line-height: 16px;
}
.c-caption-2 {
font-size: 10px;
line-height: 12px;
}
.c-heading-1 {
padding: 37px 0 3px;
}
.c-heading-2 {
padding: 38px 0 2px;
}
.c-heading-5 {
padding: 37px 0 3px;
}
.c-heading-6 {
padding: 39px 0 1px;
}
.c-subheading-1 {
padding: 9px 0 3px;
}
.c-subheading-2 {
padding: 8px 0 4px;
}
.c-subheading-3 {
padding: 4px 0 4px;
}
.c-subheading-4 {
padding: 7px 0 5px;
}
.c-paragraph-2 {
padding: 27px 0 1px;
}
.c-caption-2 {
padding: 2px 0 2px;
}
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
font-size: 15px;
font-family: "SegoeUI", "Helvetica Neue", Helvetica, Arial, sans-serif;
min-width: 320px;
color: #000;
background-color: #fff;
}
.theme-light {
color: #000;
background-color: #e6e6e6;
}
.theme-dark {
color: #fff;
background-color: #333333;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-top: 0;
margin-bottom: 0;
}
address {
font: inherit;
}
ol,
ul {
margin-top: 0;
margin-bottom: 0;
padding: 0;
list-style: none;
}
dl {
margin: 0;
}
dd {
margin: 0;
}
audio,
canvas,
img,
video {
vertical-align: middle;
}
figure {
margin: 0;
}
a:link,
a:focus,
a:hover,
a:active,
a:visited {
text-decoration: none;
color: inherit;
}
q,
em,
i,
var {
font-style: italic;
}
strong,
b {
font-weight: 600;
}
mark {
background-color: #fff100;
padding: 1px 4px 2px;
}
@media screen and (-ms-high-contrast: active) {
mark {
outline: 1px solid;
color: inherit;
}
}
del,
s {
color: rgba(0, 0, 0, 0.6);
}
.theme-light del, .theme-dark .theme-light del,
.theme-light s,
.theme-dark .theme-light s {
color: rgba(0, 0, 0, 0.6);
}
.theme-dark del, .theme-light .theme-dark del,
.theme-dark s,
.theme-light .theme-dark s {
color: rgba(255, 255, 255, 0.6);
}
u,
ins {
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.theme-light u, .theme-dark .theme-light u,
.theme-light ins,
.theme-dark .theme-light ins {
border-bottom: 1px solid rgba(0, 0, 0, 0.6);
}
.theme-dark u, .theme-light .theme-dark u,
.theme-dark ins,
.theme-light .theme-dark ins {
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
small,
sub,
sup {
font-size: 0.8em;
}
abbr,
dfn {
font-style: normal;
border-bottom: 1px dotted rgba(0, 0, 0, 0.6);
}
.theme-light abbr, .theme-dark .theme-light abbr,
.theme-light dfn,
.theme-dark .theme-light dfn {
border-bottom: 1px dotted rgba(0, 0, 0, 0.6);
}
.theme-dark abbr, .theme-light .theme-dark abbr,
.theme-dark dfn,
.theme-light .theme-dark dfn {
border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
}
cite,
time {
font-style: normal;
}
code,
pre,
kbd,
samp {
font-family: Consolas, "Courier New", Courier, monospace;
}
kbd {
border-radius: 2px;
padding: 1px 4px 2px;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
}
kbd kbd {
padding: 0;
}
.theme-light kbd, .theme-dark .theme-light kbd {
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
}
.theme-dark kbd, .theme-light .theme-dark kbd {
background-color: rgba(255, 255, 255, 0.6);
color: #000;
}
bdo {
direction: rtl;
}
input,
input[type=search] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
[data-grid~=container] {
max-width: 1346px;
max-width: calc(1346px + 10%);
margin: 0 auto;
padding-left: 5%;
padding-right: 5%;
}
@media screen and (max-width: 1083px) {
[data-grid~=container] {
padding-left: 0;
padding-right: 0;
}
}
[data-grid~=container],
[data-grid*=col-] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
zoom: 1;
}
[data-grid~=container]:before, [data-grid~=container]:after,
[data-grid*=col-]:before,
[data-grid*=col-]:after {
content: " ";
display: table;
}
[data-grid~=container]:after,
[data-grid*=col-]:after {
clear: both;
}
[data-grid*=col-] {
float: left;
min-height: 1px;
}
[data-grid~=pad-12x] > [data-grid] {
padding-left: 18px;
padding-right: 18px;
}
@media screen and (max-width: 1778px) {
[data-grid~=pad-12x] > [data-grid] {
padding-left: 24px;
padding-right: 24px;
}
}
@media screen and (max-width: 1778px) {
[data-grid~=pad-12x] > [data-grid] {
padding-left: 24px;
padding-right: 24px;
}
}
@media screen and (max-width: 1083px) {
[data-grid~=pad-12x] > [data-grid] {
padding-left: 18px;
padding-right: 18px;
}
}
@media screen and (max-width: 767px) {
[data-grid~=pad-12x] > [data-grid] {
padding-left: 12px;
padding-right: 12px;
}
}
@media screen and (max-width: 539px) {
[data-grid~=pad-12x] > [data-grid] {
padding-left: 12px;
padding-right: 12px;
}
}
[data-grid~=pad-6x] > [data-grid] {
padding-left: 12px;
padding-right: 12px;
}
[data-grid~=pad-3x] > [data-grid] {
padding-left: 6px;
padding-right: 6px;
}
[data-grid~=pad-2x] > [data-grid] {
padding-left: 4px;
padding-right: 4px;
}
[data-grid~=col-1] {
width: 0.0833333333;
}
[data-grid~=col-2] {
width: 0.1666666667;
}
[data-grid~=col-3] {
width: 0.25;
}
[data-grid~=col-4] {
width: 0.3333333333;
}
[data-grid~=col-5] {
width: 0.4166666667;
}
[data-grid~=col-6] {
width: 0.5;
}
[data-grid~=col-7] {
width: 0.5833333333;
}
[data-grid~=col-8] {
width: 0.6666666667;
}
[data-grid~=col-9] {
width: 0.75;
}
[data-grid~=col-10] {
width: 0.8333333333;
}
[data-grid~=col-11] {
width: 0.9166666667;
}
[data-grid~=col-12] {
width: 1;
}
[data-grid~=col-1-5] {
width: 0.2;
}
[data-grid~=col-1-8] {
width: 0.125;
}
@media screen and (max-width: 1778px) {
[data-grid~=stack-5] > [data-grid] {
float: none;
width: 100%;
display: block;
padding: inherit 0;
}
}
@media screen and (max-width: 1399px) {
[data-grid~=stack-4] > [data-grid] {
float: none;
width: 100%;
display: block;
padding: inherit 0;
}
}
@media screen and (max-width: 1083px) {
[data-grid~=stack-3] > [data-grid] {
float: none;
width: 100%;
display: block;
padding: inherit 0;
}
}
@media screen and (max-width: 767px) {
[data-grid~=stack-2] > [data-grid] {
float: none;
width: 100%;
display: block;
padding: inherit 0;
}
}
@media screen and (max-width: 539px) {
[data-grid*=col-] {
float: none;
width: 100%;
display: block;
padding: inherit 0;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
1% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.x-clearfix:before, .x-clearfix:after {
content: " ";
display: table;
}
.x-clearfix:after {
clear: both;
}
.x-float-left {
float: left !important;
}
.x-float-right {
float: right !important;
}
@media print {
.x-visible-print-block {
display: block !important;
}
.x-visible-print-inline {
display: inline !important;
}
.x-visible-print-inline-block {
display: inline-block !important;
}
.x-hidden-print {
display: none !important;
}
}
@media all and (max-width: 539px) {
.x-visible-vp1-block {
display: block !important;
}
.x-visible-vp1-inline {
display: inline !important;
}
.x-visible-vp1-inline-block {
display: inline-block !important;
}
.x-hidden-vp1 {
display: none !important;
}
}
@media all and (min-width: 540px) and (max-width: 767px) {
.x-visible-vp2-block {
display: block !important;
}
.x-visible-vp2-inline {
display: inline !important;
}
.x-visible-vp2-inline-block {
display: inline-block !important;
}
.x-hidden-vp2 {
display: none !important;
}
}
@media all and (min-width: 768px) and (max-width: 1083px) {
.x-visible-vp3-block {
display: block !important;
}
.x-visible-vp3-inline {
display: inline !important;
}
.x-visible-vp3-inline-block {
display: inline-block !important;
}
.x-hidden-vp3 {
display: none !important;
}
}
@media all and (min-width: 1084px) and (max-width: 1399px) {
.x-visible-vp4-block {
display: block !important;
}
.x-visible-vp4-inline {
display: inline !important;
}
.x-visible-vp4-inline-block {
display: inline-block !important;
}
.x-hidden-vp4 {
display: none !important;
}
}
@media all and (min-width: 1400px) {
.x-visible-vp5-block {
display: block !important;
}
.x-visible-vp5-inline {
display: inline !important;
}
.x-visible-vp5-inline-block {
display: inline-block !important;
}
.x-hidden-vp5 {
display: none !important;
}
}
.x-screen-reader {
position: absolute !important;
overflow: hidden !important;
clip: rect(1px, 1px, 1px, 1px) !important;
width: 1px !important;
height: 1px !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
}
.x-type-center {
text-align: center !important;
}
.x-type-right {
text-align: right !important;
}
.x-type-left {
text-align: left !important;
}
/* Adding hooks for vertical padding to apply to all modules except hero.
* As we get more information on partner layouts this will become specific
* to each module and vary based on layout */
[class^=m-] {
padding-left: 12px;
padding-right: 12px;
padding-top: 48px;
}
@media only screen and (min-width: 540px) {
[class^=m-] {
padding-left: 24px;
padding-right: 24px;
}
}
@media only screen and (min-width: 768px) {
[class^=m-] {
padding-left: 36px;
padding-right: 36px;
}
}
@media only screen and (min-width: 1400px) {
[class^=m-] {
padding-left: 48px;
padding-right: 48px;
}
}
button.c-button,
a.c-button[role=button] {
font-size: 15px;
max-width: 374px;
min-width: 120px;
display: inline-block;
margin-top: 12px;
padding: 9px 12px 10px;
background-color: rgba(0, 0, 0, 0.2);
color: #000;
border: solid 1px transparent;
overflow: hidden;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: bottom;
}
button.c-button:focus,
a.c-button[role=button]:focus {
outline-color: #000;
}
button.c-button:hover, button.c-button:focus,
a.c-button[role=button]:hover,
a.c-button[role=button]:focus {
border-color: rgba(0, 0, 0, 0.4);
}
button.c-button:active,
a.c-button[role=button]:active {
background-color: rgba(0, 0, 0, 0.4);
}
button.c-button[disabled],
a.c-button[role=button][disabled] {
color: rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.2);
cursor: not-allowed;
}
.theme-light button.c-button, .theme-dark .theme-light button.c-button,
.theme-light a.c-button[role=button],
.theme-dark .theme-light a.c-button[role=button] {
background-color: transparent;
color: #000;
border-color: #000;
}
.theme-light button.c-button:focus, .theme-dark .theme-light button.c-button:focus,
.theme-light a.c-button[role=button]:focus,
.theme-dark .theme-light a.c-button[role=button]:focus {
background-color: rgba(0, 0, 0, 0.2);
outline-color: #000;
}
.theme-light button.c-button:hover, .theme-dark .theme-light button.c-button:hover,
.theme-light a.c-button[role=button]:hover,
.theme-dark .theme-light a.c-button[role=button]:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.theme-light button.c-button:active, .theme-dark .theme-light button.c-button:active,
.theme-light a.c-button[role=button]:active,
.theme-dark .theme-light a.c-button[role=button]:active {
background-color: rgba(0, 0, 0, 0.4);
}
.theme-light button.c-button[disabled], .theme-dark .theme-light button.c-button[disabled],
.theme-light a.c-button[role=button][disabled],
.theme-dark .theme-light a.c-button[role=button][disabled] {
color: rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
}
.theme-dark button.c-button, .theme-light .theme-dark button.c-button,
.theme-dark a.c-button[role=button],
.theme-light .theme-dark a.c-button[role=button] {
background-color: transparent;
color: #fff;
border-color: #fff;
}
.theme-dark button.c-button:focus, .theme-light .theme-dark button.c-button:focus,
.theme-dark a.c-button[role=button]:focus,
.theme-light .theme-dark a.c-button[role=button]:focus {
background-color: rgba(255, 255, 255, 0.2);
outline-color: #fff;
}
.theme-dark button.c-button:hover, .theme-light .theme-dark button.c-button:hover,
.theme-dark a.c-button[role=button]:hover,
.theme-light .theme-dark a.c-button[role=button]:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.theme-dark button.c-button:active, .theme-light .theme-dark button.c-button:active,
.theme-dark a.c-button[role=button]:active,
.theme-light .theme-dark a.c-button[role=button]:active {
background-color: rgba(255, 255, 255, 0.4);
}
.theme-dark button.c-button[disabled], .theme-light .theme-dark button.c-button[disabled],
.theme-dark a.c-button[role=button][disabled],
.theme-light .theme-dark a.c-button[role=button][disabled] {
color: rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.2);
}
button.c-button.f-lightweight,
a.c-button[role=button].f-lightweight {
color: #006fc2;
background-color: transparent;
border: 0;
padding: 10px 12px 11px;
}
button.c-button.f-lightweight:focus,
a.c-button[role=button].f-lightweight:focus {
outline-color: #000;
}
button.c-button.f-lightweight:hover,
a.c-button[role=button].f-lightweight:hover {
text-decoration: underline;
}
button.c-button.f-lightweight:active,
a.c-button[role=button].f-lightweight:active {
color: #0064af;
text-decoration: none;
}
button.c-button.f-lightweight[disabled],
a.c-button[role=button].f-lightweight[disabled] {
color: rgba(0, 0, 0, 0.2);
text-decoration: none;
cursor: not-allowed;
}
.theme-light button.c-button.f-lightweight, .theme-dark .theme-light button.c-button.f-lightweight,
.theme-light a.c-button[role=button].f-lightweight,
.theme-dark .theme-light a.c-button[role=button].f-lightweight {
color: #000;
}
.theme-light button.c-button.f-lightweight:focus, .theme-dark .theme-light button.c-button.f-lightweight:focus,
.theme-light a.c-button[role=button].f-lightweight:focus,
.theme-dark .theme-light a.c-button[role=button].f-lightweight:focus {
outline-color: #000;
}
.theme-light button.c-button.f-lightweight:active, .theme-dark .theme-light button.c-button.f-lightweight:active,
.theme-light a.c-button[role=button].f-lightweight:active,
.theme-dark .theme-light a.c-button[role=button].f-lightweight:active {
color: rgba(0, 0, 0, 0.6);
}
.theme-light button.c-button.f-lightweight[disabled], .theme-dark .theme-light button.c-button.f-lightweight[disabled],
.theme-light a.c-button[role=button].f-lightweight[disabled],
.theme-dark .theme-light a.c-button[role=button].f-lightweight[disabled] {
color: rgba(0, 0, 0, 0.2);
}
.theme-dark button.c-button.f-lightweight, .theme-light .theme-dark button.c-button.f-lightweight,
.theme-dark a.c-button[role=button].f-lightweight,
.theme-light .theme-dark a.c-button[role=button].f-lightweight {
color: #fff;
}
.theme-dark button.c-button.f-lightweight:focus, .theme-light .theme-dark button.c-button.f-lightweight:focus,
.theme-dark a.c-button[role=button].f-lightweight:focus,
.theme-light .theme-dark a.c-button[role=button].f-lightweight:focus {
outline-color: #fff;
}
.theme-dark button.c-button.f-lightweight:active, .theme-light .theme-dark button.c-button.f-lightweight:active,
.theme-dark a.c-button[role=button].f-lightweight:active,
.theme-light .theme-dark a.c-button[role=button].f-lightweight:active {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark button.c-button.f-lightweight[disabled], .theme-light .theme-dark button.c-button.f-lightweight[disabled],
.theme-dark a.c-button[role=button].f-lightweight[disabled],
.theme-light .theme-dark a.c-button[role=button].f-lightweight[disabled] {
color: rgba(255, 255, 255, 0.2);
}
@media screen and (-ms-high-contrast: active) {
button.c-button.f-lightweight:focus:not(.x-hidden-focus),
a.c-button[role=button].f-lightweight:focus:not(.x-hidden-focus) {
outline: 1px dashed ButtonText;
}
}
button.c-button[type=submit] {
color: #fff;
background-color: #006fc2;
}
button.c-button[type=submit]:hover, button.c-button[type=submit]:focus {
background-color: #0064af;
border-color: rgba(0, 0, 0, 0.4);
}
button.c-button[type=submit]:active {
background-color: #004e88;
border-color: transparent;
}
button.c-button[type=submit][disabled] {
color: rgba(0, 0, 0, 0.2);
background-color: rgba(0, 111, 194, 0.2);
border-color: transparent;
}
.theme-light button.c-button[type=submit], .theme-dark .theme-light button.c-button[type=submit] {
color: #fff;
background-color: #000;
border-color: transparent;
}
.theme-light button.c-button[type=submit]:focus, .theme-dark .theme-light button.c-button[type=submit]:focus {
outline-color: #000;
background-color: rgba(0, 0, 0, 0.8);
}
.theme-light button.c-button[type=submit]:hover, .theme-dark .theme-light button.c-button[type=submit]:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.theme-light button.c-button[type=submit]:active, .theme-dark .theme-light button.c-button[type=submit]:active {
background-color: rgba(0, 0, 0, 0.6);
}
.theme-light button.c-button[type=submit][disabled], .theme-dark .theme-light button.c-button[type=submit][disabled] {
background-color: rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.2);
}
.theme-dark button.c-button[type=submit], .theme-light .theme-dark button.c-button[type=submit] {
color: #000;
background-color: #fff;
border-color: transparent;
}
.theme-dark button.c-button[type=submit]:focus, .theme-light .theme-dark button.c-button[type=submit]:focus {
outline-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
}
.theme-dark button.c-button[type=submit]:hover, .theme-light .theme-dark button.c-button[type=submit]:hover {
background-color: rgba(255, 255, 255, 0.8);
}
.theme-dark button.c-button[type=submit]:active, .theme-light .theme-dark button.c-button[type=submit]:active {
background-color: rgba(255, 255, 255, 0.6);
}
.theme-dark button.c-button[type=submit][disabled], .theme-light .theme-dark button.c-button[type=submit][disabled] {
background-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.2);
}
a.c-call-to-action {
font-size: 13px;
line-height: 16px;
display: inline-block;
max-width: 100%;
padding: 10px 40px 7px 24px;
overflow: hidden;
border: 2px solid transparent;
color: #fff;
background: #006fc2;
line-height: 1.3;
text-decoration: none;
text-align: center;
letter-spacing: 0.075em;
white-space: nowrap;
}
a.c-call-to-action span {
display: inline-block;
max-width: 100%;
text-overflow: clip;
overflow: hidden;
}
a.c-call-to-action:after {
position: absolute;
display: inline-block;
margin-left: 4px;
margin-top: 1px;
content: "";
vertical-align: top;
}
a.c-call-to-action:hover, a.c-call-to-action:focus {
background: #0064af;
border-color: rgba(0, 0, 0, 0.4);
}
a.c-call-to-action:focus {
outline: 1px dashed #000;
}
a.c-call-to-action:hover {
outline: none;
}
a.c-call-to-action:active {
border-color: transparent;
background: #004e88;
}
a.c-call-to-action[aria-disabled=true] {
cursor: not-allowed;
border-color: transparent;
background: #cce2f3;
color: rgba(0, 0, 0, 0.2);
}
.theme-light a.c-call-to-action, .theme-dark .theme-light a.c-call-to-action {
color: #fff;
background: #000;
}
.theme-light a.c-call-to-action:hover, .theme-light a.c-call-to-action:focus, .theme-dark .theme-light a.c-call-to-action:hover, .theme-dark .theme-light a.c-call-to-action:focus {
background: #333333;
border-color: #000;
outline-color: #000;
}
.theme-light a.c-call-to-action:active, .theme-dark .theme-light a.c-call-to-action:active {
background: #666666;
border-color: transparent;
}
.theme-light a.c-call-to-action[aria-disabled=true], .theme-dark .theme-light a.c-call-to-action[aria-disabled=true] {
background: #cccccc;
border-color: transparent;
color: rgba(0, 0, 0, 0.2);
}
.theme-dark a.c-call-to-action, .theme-light .theme-dark a.c-call-to-action {
color: #000;
background: #fff;
}
.theme-dark a.c-call-to-action:hover, .theme-dark a.c-call-to-action:focus, .theme-light .theme-dark a.c-call-to-action:hover, .theme-light .theme-dark a.c-call-to-action:focus {
background: #cccccc;
border-color: #fff;
outline-color: #000;
}
.theme-dark a.c-call-to-action:active, .theme-light .theme-dark a.c-call-to-action:active {
background: #999999;
border-color: transparent;
}
.theme-dark a.c-call-to-action[aria-disabled=true], .theme-light .theme-dark a.c-call-to-action[aria-disabled=true] {
background: #4d4d4d;
border-color: transparent;
color: rgba(255, 255, 255, 0.2);
}
a.c-call-to-action.f-secondary {
color: #000;
background: #cccccc;
}
a.c-call-to-action.f-secondary:hover, a.c-call-to-action.f-secondary:focus {
border-color: rgba(0, 0, 0, 0.4);
}
a.c-call-to-action.f-secondary:active {
border-color: transparent;
background: #999999;
}
a.c-call-to-action.f-secondary[aria-disabled=true] {
background: #cccccc;
border-color: transparent;
color: rgba(0, 0, 0, 0.2);
}
.theme-light a.c-call-to-action.f-secondary, .theme-dark .theme-light a.c-call-to-action.f-secondary {
color: #000;
background: rgba(255, 255, 255, 0);
border-color: #000;
}
.theme-light a.c-call-to-action.f-secondary:hover, .theme-light a.c-call-to-action.f-secondary:focus, .theme-dark .theme-light a.c-call-to-action.f-secondary:hover, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus {
background: #cccccc;
border-color: #000;
}
.theme-light a.c-call-to-action.f-secondary:focus, .theme-dark .theme-light a.c-call-to-action.f-secondary:focus {
outline-color: #000;
}
.theme-light a.c-call-to-action.f-secondary:active, .theme-dark .theme-light a.c-call-to-action.f-secondary:active {
background: #999999;
}
.theme-light a.c-call-to-action.f-secondary[aria-disabled=true], .theme-dark .theme-light a.c-call-to-action.f-secondary[aria-disabled=true] {
background: #cccccc;
border-color: rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.2);
}
.theme-dark a.c-call-to-action.f-secondary, .theme-light .theme-dark a.c-call-to-action.f-secondary {
background: rgba(255, 255, 255, 0);
color: #fff;
border-color: #fff;
}
.theme-dark a.c-call-to-action.f-secondary:hover, .theme-dark a.c-call-to-action.f-secondary:focus, .theme-light .theme-dark a.c-call-to-action.f-secondary:hover, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus {
background: #4d4d4d;
border-color: #fff;
}
.theme-dark a.c-call-to-action.f-secondary:focus, .theme-light .theme-dark a.c-call-to-action.f-secondary:focus {
outline-color: #fff;
}
.theme-dark a.c-call-to-action.f-secondary:active, .theme-light .theme-dark a.c-call-to-action.f-secondary:active {
background: #666666;
}
.theme-dark a.c-call-to-action.f-secondary[aria-disabled=true], .theme-light .theme-dark a.c-call-to-action.f-secondary[aria-disabled=true] {
background: #4d4d4d;
border-color: rgba(255, 255, 255, 0.2);
color: rgba(255, 255, 255, 0.2);
}
.c-checkbox .c-label {
font-size: 15px;
line-height: 20px;
margin-right: 24px;
padding-bottom: 0;
position: relative;
}
.c-checkbox input[type=checkbox] {
position: absolute;
height: 20px;
opacity: 0;
width: 20px;
}
.c-checkbox input[type=checkbox] + span {
cursor: pointer;
display: inline-block;
left: 0;
padding-left: 28px;
position: relative;
top: 0;
}
.c-checkbox input[type=checkbox] + span:after, .c-checkbox input[type=checkbox] + span:before {
height: 20px;
left: 0;
position: absolute;
width: 20px;
top: 0;
}
.c-checkbox input[type=checkbox] + span:before {
content: "";
-webkit-box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px transparent;
box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px transparent;
top: 0;
}
@media screen and (-ms-high-contrast: active) {
.c-checkbox input[type=checkbox] + span:before {
border: 1px solid #767676;
}
}
.c-checkbox input[type=checkbox]:not(:disabled):focus + span:before, .c-checkbox input[type=checkbox]:not(:disabled):hover + span:before {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.8);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.8);
}
.c-checkbox input[type=checkbox]:focus + span:before {
outline: 1px dashed rgba(0, 0, 0, 0.8);
}
.c-checkbox input[type=checkbox]:checked + span:after {
font-family: "MWF-MDL2";
content: "";
color: #fff;
font-size: 17px;
padding-left: 1px;
}
.c-checkbox input[type=checkbox]:checked:disabled + span:after {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 111, 194, 0.05), inset 0 0 0 10px rgba(0, 111, 194, 0.2);
box-shadow: inset 0 0 0 1px rgba(0, 111, 194, 0.05), inset 0 0 0 10px rgba(0, 111, 194, 0.2);
color: rgba(255, 255, 255, 0.3);
}
.c-checkbox input[type=checkbox]:checked:not(:disabled) + span:before {
-webkit-box-shadow: inset 0 0 0 10px #006fc2;
box-shadow: inset 0 0 0 10px #006fc2;
}
.c-checkbox input[type=checkbox]:checked:not(:disabled):focus + span:before, .c-checkbox input[type=checkbox]:checked:not(:disabled):hover + span:before {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 0 0 10px #006fc2;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.6), inset 0 0 0 10px #006fc2;
}
.c-checkbox input[type=checkbox]:indeterminate + span:after {
border: 5px solid #000;
content: "";
height: 0;
left: 5px;
top: 5px;
width: 0;
}
.c-checkbox input[type=checkbox]:indeterminate:disabled + span:after {
border-color: rgba(0, 0, 0, 0.2);
}
.c-checkbox input[type=checkbox]:indeterminate:not(:disabled):hover + span:after {
border-color: rgba(0, 0, 0, 0.6);
}
.c-checkbox input[type=checkbox]:indeterminate:not(:disabled) + span:before {
-webkit-box-shadow: inset 0 0 0 1px #006fc2;
box-shadow: inset 0 0 0 1px #006fc2;
}
.c-checkbox input[type=checkbox]:disabled + span {
color: rgba(0, 0, 0, 0.2);
cursor: not-allowed;
}
.c-checkbox input[type=checkbox]:disabled + span:before {
-webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
hr.c-divider {
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin: 0;
}
.c-drawer > button,
.c-drawer .f-toggle {
min-height: 44px;
position: relative;
}
.c-drawer > header {
margin-bottom: 8px;
min-height: 44px;
position: relative;
}
@media only screen and (max-width: 539px) {
.c-drawer > header {
padding-right: 36px;
}
}
.c-drawer > header > button,
.c-drawer > header .f-toggle {
height: 100%;
position: absolute;
}
.c-drawer > nav.c-link-navigation {
height: 40px;
line-height: 40px;
margin-top: 0;
overflow: hidden;
text-align: left;
width: auto;
}
.c-drawer > nav.c-link-navigation li {
display: inline-block;
height: auto;
}
.c-drawer > nav.c-link-navigation li a.c-hyperlink {
padding: 0;
}
.c-drawer > nav.c-link-navigation li:first-child a {
margin-left: 0;
}
.c-drawer > nav.c-link-navigation ul {
white-space: nowrap;
}
.c-drawer > button,
.c-drawer .f-toggle,
.c-drawer > header > button,
.c-drawer > header .f-toggle {
font-size: 13px;
line-height: 16px;
display: block;
border: 0;
background: transparent;
color: rgba(0, 0, 0, 0.6);
font-weight: 400;
padding: 14px 36px 14px 12px;
left: 0;
text-align: left;
width: 100%;
}
.c-drawer > button:after,
.c-drawer .f-toggle:after,
.c-drawer > header > button:after,
.c-drawer > header .f-toggle:after {
position: absolute;
top: calc(50% - 8px);
right: 12px;
}
.c-drawer > button[aria-expanded=true]:after,
.c-drawer .f-toggle[aria-expanded=true]:after,
.c-drawer > header > button[aria-expanded=true]:after,
.c-drawer > header .f-toggle[aria-expanded=true]:after {
content: "";
}
.c-drawer > button[aria-expanded=false]:after,
.c-drawer .f-toggle[aria-expanded=false]:after,
.c-drawer > header > button[aria-expanded=false]:after,
.c-drawer > header .f-toggle[aria-expanded=false]:after {
content: "";
}
.c-drawer > button:focus,
.c-drawer .f-toggle:focus,
.c-drawer > header > button:focus,
.c-drawer > header .f-toggle:focus {
outline: 1px dashed #000;
}
.c-drawer > button:hover,
.c-drawer .f-toggle:hover,
.c-drawer > header > button:hover,
.c-drawer > header .f-toggle:hover {
background: rgba(0, 0, 0, 0.1);
}
.c-drawer > button:active,
.c-drawer .f-toggle:active,
.c-drawer > header > button:active,
.c-drawer > header .f-toggle:active {
background: rgba(0, 0, 0, 0.3);
}
.c-drawer.f-responsive > button + div,
.c-drawer.f-responsive .f-toggle + div,
.c-drawer.f-responsive > header + div {
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin-top: 8px;
padding-top: 8px;
}
@media only screen and (min-width: 540px) {
.c-drawer.f-responsive.f-show > button:after,
.c-drawer.f-responsive.f-show .f-toggle:after,
.c-drawer.f-responsive.f-show > header > button:after,
.c-drawer.f-responsive.f-show > header .f-toggle:after {
display: none;
}
.c-drawer.f-responsive.f-show > button:hover,
.c-drawer.f-responsive.f-show .f-toggle:hover,
.c-drawer.f-responsive.f-show > header > button:hover,
.c-drawer.f-responsive.f-show > header .f-toggle:hover {
background: transparent;
}
}
.c-drawer > div[id] {
position: relative;
}
[class^=c-heading-]:before, [class^=c-heading-]:after {
content: " ";
display: table;
}
[class^=c-heading-]:after {
clear: both;
}
[class^=c-heading-] a.c-hyperlink {
font-size: 15px;
line-height: 20px;
float: right;
margin-left: 12px;
font-weight: 400;
}
.c-heading-1 a.c-hyperlink {
margin-top: 45px;
}
.c-heading-2 a.c-hyperlink {
margin-top: 31px;
}
.c-heading-3 a.c-hyperlink {
margin-top: 18px;
}
.c-heading-4 a.c-hyperlink {
margin-top: 8px;
}
.c-heading-5 a.c-hyperlink {
margin-top: 4px;
}
.c-heading-6 a.c-hyperlink {
margin-top: 3px;
}
@media (max-width: 767px) {
.c-heading-1 a.c-hyperlink {
margin-top: 31px;
}
.c-heading-2 a.c-hyperlink {
margin-top: 18px;
}
.c-heading-3 a.c-hyperlink {
margin-top: 10px;
}
.c-heading-4 a.c-hyperlink {
margin-top: 4px;
}
.c-heading-5 a.c-hyperlink {
margin-top: 3px;
}
.c-heading-6 a.c-hyperlink {
margin-top: 0;
}
}
a.c-hyperlink {
text-decoration: none;
color: #006fc2;
}
a.c-hyperlink:visited, a.c-hyperlink:hover {
color: #006fc2;
text-decoration: underline;
}
a.c-hyperlink:focus {
outline: 1px dashed #000;
}
a.c-hyperlink:focus:active {
outline-style: none;
}
a.c-hyperlink:active {
color: #006fc2;
text-decoration: none;
}
.theme-light a.c-hyperlink, .theme-dark .theme-light a.c-hyperlink {
text-decoration: underline;
color: #000;
}
.theme-light a.c-hyperlink:focus, .theme-dark .theme-light a.c-hyperlink:focus {
text-decoration: none;
color: #000;
}
.theme-light a.c-hyperlink:visited, .theme-dark .theme-light a.c-hyperlink:visited {
color: rgba(0, 0, 0, 0.4);
}
.theme-light a.c-hyperlink:hover, .theme-dark .theme-light a.c-hyperlink:hover {
color: rgba(0, 0, 0, 0.8);
}
.theme-light a.c-hyperlink:active, .theme-dark .theme-light a.c-hyperlink:active {
color: rgba(0, 0, 0, 0.6);
}
.theme-dark a.c-hyperlink, .theme-light .theme-dark a.c-hyperlink {
text-decoration: underline;
color: #fff;
}
.theme-dark a.c-hyperlink:focus, .theme-light .theme-dark a.c-hyperlink:focus {
text-decoration: none;
outline-color: #fff;
}
.theme-dark a.c-hyperlink:visited, .theme-light .theme-dark a.c-hyperlink:visited {
color: rgba(255, 255, 255, 0.4);
}
.theme-dark a.c-hyperlink:hover, .theme-light .theme-dark a.c-hyperlink:hover {
color: rgba(255, 255, 255, 0.8);
}
.theme-dark a.c-hyperlink:active, .theme-light .theme-dark a.c-hyperlink:active {
color: rgba(255, 255, 255, 0.6);
}
.c-glyph:before, .c-glyph:after {
font-family: "MWF-MDL2";
display: inline-block;
text-decoration: underline;
}
.c-glyph:before, .c-glyph:after, .c-glyph:hover:before, .c-glyph:hover:after {
text-decoration: none;
}
.c-label {
font-size: 13px;
display: block;
margin-top: 21px;
padding-bottom: 7px;
line-height: 20px;
}
.c-label + input.c-text-field[type=text], .c-label + input.c-password[type=password] {
margin: 0;
}
.c-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0;
margin-top: 24px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.c-pagination li {
display: inline-block;
margin-right: 12px;
}
.c-pagination li > a, .c-pagination li > span {
display: inline-block;
padding: 5px 11px;
outline: 1px solid transparent;
white-space: nowrap;
}
.c-pagination li > a:focus, .c-pagination li > span:focus {
background-color: rgba(0, 0, 0, 0.1);
outline: 1px dashed #000;
}
.c-pagination li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
outline-color: rgba(0, 0, 0, 0.1);
}
.c-pagination li > a:active {
background-color: rgba(0, 0, 0, 0.3);
outline: 1px solid rgba(0, 0, 0, 0.3);
}
.c-pagination li .c-pagination li.f-active > a, .c-pagination li .c-pagination li.f-active > span {
outline-color: #006fc2;
}
.c-pagination li.f-hide {
display: none;
}
.c-pagination li:first-child .c-glyph:before {
content: "";
vertical-align: -2px;
margin-right: 8px;
}
.c-pagination li:last-child .c-glyph:after {
content: "";
vertical-align: -2px;
margin-left: 8px;
}
@media only screen and (max-width: 539px) {
.c-pagination li:first-child a, .c-pagination li:last-child a {
position: relative;
text-indent: -9999px;
}
.c-pagination li:first-child .c-glyph:before, .c-pagination li:first-child .c-glyph:after, .c-pagination li:last-child .c-glyph:before, .c-pagination li:last-child .c-glyph:after {
position: absolute;
top: 8px;
left: 9999px;
}
}
[class*=c-paragraph].f-lean {
padding: 0;
}
progress.c-progress[value] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
min-width: 296px;
height: 4px;
}
progress.c-progress::-webkit-progress-bar {
background: rgba(0, 0, 0, 0.2);
}
progress.c-progress::-webkit-progress-value {
background: #006fc2;
}
progress.c-progress::-moz-progress-bar {
background: #006fc2;
}
progress.c-progress > [role=progressbar] {
display: block;
position: relative;
background: rgba(0, 0, 0, 0.2);
min-width: 296px;
width: 100%;
height: 4px;
}
progress.c-progress > [role=progressbar] > span {
display: block;
position: relative;
height: 100%;
background: #006fc2;
color: #006fc2;
}
.c-progress {
display: block;
margin-top: 12px;
}
.c-progress.f-indeterminate-regional {
position: relative;
min-width: 296px;
width: 100%;
}
.c-progress.f-indeterminate-regional span {
position: absolute;
display: inline-block;
opacity: 0;
-webkit-animation: dots 4s infinite;
animation: dots 4s infinite;
}
.c-progress.f-indeterminate-regional span:after {
content: "";
position: absolute;
display: inline-block;
background: #006fc2;
width: 5px;
height: 5px;
border-radius: 50%;
}
.c-progress.f-indeterminate-regional span:nth-child(1) {
-webkit-animation-delay: 0.05s;
animation-delay: 0.05s;
}
.c-progress.f-indeterminate-regional span:nth-child(1):after {
left: -10px;
}
.c-progress.f-indeterminate-regional span:nth-child(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.c-progress.f-indeterminate-regional span:nth-child(2):after {
left: -20px;
}
.c-progress.f-indeterminate-regional span:nth-child(3) {
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
.c-progress.f-indeterminate-regional span:nth-child(3):after {
left: -30px;
}
.c-progress.f-indeterminate-regional span:nth-child(4) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.c-progress.f-indeterminate-regional span:nth-child(4):after {
left: -40px;
}
.c-progress.f-indeterminate-regional span:nth-child(5) {
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.c-progress.f-indeterminate-regional span:nth-child(5):after {
left: -50px;
}
@-webkit-keyframes dots {
0%, 20% {
left: 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 0;
}
25% {
opacity: 1;
}
35% {
left: 45%;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
65% {
left: 55%;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
75% {
opacity: 1;
}
80%, 100% {
left: 100%;
opacity: 0;
}
}
@keyframes dots {
0%, 20% {
left: 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
opacity: 0;
}
25% {
opacity: 1;
}
35% {
left: 45%;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
65% {
left: 55%;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
75% {
opacity: 1;
}
80%, 100% {
left: 100%;
opacity: 0;
}
}
.c-progress.f-indeterminate-local {
position: relative;
}
.c-progress.f-indeterminate-local span {
position: absolute;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-animation: orbit 5.5s infinite;
animation: orbit 5.5s infinite;
}
.c-progress.f-indeterminate-local span:after {
content: "";
position: absolute;
border-radius: 100%;
background: #006fc2;
}
.c-progress.f-indeterminate-local span:nth-child(2) {
-webkit-animation-delay: 240ms;
animation-delay: 240ms;
}
.c-progress.f-indeterminate-local span:nth-child(3) {
-webkit-animation-delay: 480ms;
animation-delay: 480ms;
}
.c-progress.f-indeterminate-local span:nth-child(4) {
-webkit-animation-delay: 720ms;
animation-delay: 720ms;
}
.c-progress.f-indeterminate-local span:nth-child(5) {
-webkit-animation-delay: 960ms;
animation-delay: 960ms;
}
.c-progress.f-indeterminate-local.f-progress-large {
width: 60px;
height: 60px;
}
.c-progress.f-indeterminate-local.f-progress-large span {
width: 60px;
height: 60px;
}
.c-progress.f-indeterminate-local.f-progress-large span:after {
width: 6px;
height: 6px;
}
.c-progress.f-indeterminate-local.f-progress-small {
width: 20px;
height: 20px;
}
.c-progress.f-indeterminate-local.f-progress-small span {
width: 25px;
height: 25px;
}
.c-progress.f-indeterminate-local.f-progress-small span:after {
width: 3px;
height: 3px;
}
@-webkit-keyframes orbit {
0% {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
opacity: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
7% {
-webkit-transform: rotate(345deg);
transform: rotate(345deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
30% {
-webkit-transform: rotate(455deg);
transform: rotate(455deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
39% {
-webkit-transform: rotate(690deg);
transform: rotate(690deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
70% {
-webkit-transform: rotate(815deg);
transform: rotate(815deg);
opacity: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
75% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
76% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
opacity: 0;
}
100% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
opacity: 0;
}
}
@keyframes orbit {
0% {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
opacity: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
7% {
-webkit-transform: rotate(345deg);
transform: rotate(345deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
30% {
-webkit-transform: rotate(455deg);
transform: rotate(455deg);
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
39% {
-webkit-transform: rotate(690deg);
transform: rotate(690deg);
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
70% {
-webkit-transform: rotate(815deg);
transform: rotate(815deg);
opacity: 1;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
75% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
76% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
opacity: 0;
}
100% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
opacity: 0;
}
}
.c-rating span.c-glyph {
width: 16px;
height: 16px;
line-height: 1;
}
.c-rating span.c-glyph:before, .c-rating span.c-glyph:after {
font-size: 12px;
}
.c-rating button.c-glyph {
width: 44px;
height: 44px;
border: 0;
background: transparent;
}
.c-rating button.c-glyph:before, .c-rating button.c-glyph:after {
font-size: 24px;
}
.c-rating button.c-glyph:focus {
outline: none;
}
.c-rating button.c-glyph:focus:before {
outline: 1px dashed #000;
}
.c-rating.f-individual {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
}
.c-rating.f-individual span.c-glyph {
width: 30px;
height: 30px;
}
.c-rating.f-individual span.c-glyph:before, .c-rating.f-individual span.c-glyph:after {
font-size: 18px;
}
.c-rating .c-glyph {
position: relative;
float: left;
}
.c-rating .c-glyph:before, .c-rating .c-glyph:after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.c-rating .c-glyph:before {
font-family: "MWF-MDL2";
content: "";
color: rgba(0, 0, 0, 0.3);
}
.c-rating .c-glyph:after {
color: #000;
}
.c-rating form,
.c-rating div {
display: inline-block;
}
.c-rating form:before, .c-rating form:after,
.c-rating div:before,
.c-rating div:after {
content: " ";
display: table;
}
.c-rating form:after,
.c-rating div:after {
clear: both;
}
.c-rating div {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
.c-rating form {
-webkit-transform: translateX(-7px);
transform: translateX(-7px);
}
.c-rating form:hover button.c-glyph:before {
font-family: "MWF-MDL2";
content: "";
color: #000;
}
.c-rating form:hover button.c-glyph:after {
display: none;
}
.c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
color: rgba(0, 0, 0, 0.3);
}
.c-rating form[disabled] button.c-glyph:hover {
cursor: not-allowed;
}
.c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
color: rgba(0, 0, 0, 0.2);
}
.c-rating form[disabled] button.c-glyph:after {
display: none;
}
.c-rating form[disabled] button.c-glyph:before {
font-family: "MWF-MDL2";
content: "";
color: rgba(0, 0, 0, 0.2);
}
.c-rating.f-community-rated .c-glyph:before {
font-family: "MWF-MDL2";
content: "";
}
.c-rating.f-community-rated .f-full:after {
font-family: "MWF-MDL2";
content: "";
}
.c-rating.f-community-rated .f-half:after {
font-family: "MWF-MDL2";
content: "";
}
.c-rating.f-community-rated.f-user-rated .f-full:after,
.c-rating.f-community-rated.f-user-rated .f-half:after {
color: #006fc2;
}
.theme-light .c-rating .c-glyph:before, .theme-dark .theme-light .c-rating .c-glyph:before {
color: rgba(0, 0, 0, 0.3);
}
.theme-light .c-rating .c-glyph:after, .theme-dark .theme-light .c-rating .c-glyph:after {
color: #000;
}
.theme-light .c-rating form button.c-glyph:focus:before, .theme-dark .theme-light .c-rating form button.c-glyph:focus:before {
outline-color: #000;
}
.theme-light .c-rating form button.c-glyph:before, .theme-dark .theme-light .c-rating form button.c-glyph:before {
color: rgba(0, 0, 0, 0.3);
}
.theme-light .c-rating form button.c-glyph:after, .theme-dark .theme-light .c-rating form button.c-glyph:after {
color: #000;
}
.theme-light .c-rating form:hover button.c-glyph:before, .theme-dark .theme-light .c-rating form:hover button.c-glyph:before {
color: rgba(0, 0, 0, 0.8);
}
.theme-light .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before, .theme-dark .theme-light .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
color: rgba(0, 0, 0, 0.3);
}
.theme-light .c-rating form[disabled] button.c-glyph:before, .theme-dark .theme-light .c-rating form[disabled] button.c-glyph:before {
color: rgba(0, 0, 0, 0.2);
}
.theme-light .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before, .theme-dark .theme-light .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
color: rgba(0, 0, 0, 0.2);
}
.theme-light .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-light .c-rating.f-community-rated.f-user-rated .f-half:after, .theme-dark .theme-light .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-dark .theme-light .c-rating.f-community-rated.f-user-rated .f-half:after {
color: #000;
}
.theme-dark .c-rating .c-glyph:before, .theme-light .theme-dark .c-rating .c-glyph:before {
color: rgba(255, 255, 255, 0.3);
}
.theme-dark .c-rating .c-glyph:after, .theme-light .theme-dark .c-rating .c-glyph:after {
color: #fff;
}
.theme-dark .c-rating form button.c-glyph:focus:before, .theme-light .theme-dark .c-rating form button.c-glyph:focus:before {
outline-color: #fff;
}
.theme-dark .c-rating form button.c-glyph:before, .theme-light .theme-dark .c-rating form button.c-glyph:before {
color: rgba(255, 255, 255, 0.3);
}
.theme-dark .c-rating form button.c-glyph:after, .theme-light .theme-dark .c-rating form button.c-glyph:after {
color: #fff;
}
.theme-dark .c-rating form:hover button.c-glyph:before, .theme-light .theme-dark .c-rating form:hover button.c-glyph:before {
color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before, .theme-light .theme-dark .c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
color: rgba(255, 255, 255, 0.3);
}
.theme-dark .c-rating form[disabled] button.c-glyph:before, .theme-light .theme-dark .c-rating form[disabled] button.c-glyph:before {
color: rgba(255, 255, 255, 0.2);
}
.theme-dark .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before, .theme-light .theme-dark .c-rating form[disabled] button.c-glyph:hover ~ button.c-glyph:before {
color: rgba(255, 255, 255, 0.2);
}
.theme-dark .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-dark .c-rating.f-community-rated.f-user-rated .f-half:after, .theme-light .theme-dark .c-rating.f-community-rated.f-user-rated .f-full:after,
.theme-light .theme-dark .c-rating.f-community-rated.f-user-rated .f-half:after {
color: #fff;
}
@media screen and (-ms-high-contrast: active) {
.c-rating form:hover button.c-glyph:hover ~ button.c-glyph:before {
font-family: "MWF-MDL2";
content: "";
}
.c-rating.f-community-rated .c-glyph:before {
font-family: "MWF-MDL2";
content: "";
}
}
.c-radio .c-label {
font-size: 15px;
line-height: 20px;
margin-right: 24px;
padding-bottom: 0;
position: relative;
}
.c-radio input[type=radio] {
float: left;
opacity: 0;
}
.c-radio input[type=radio] + span {
cursor: pointer;
display: inline-block;
margin-left: 28px;
}
.c-radio input[type=radio] + span:before {
border: solid #000 1px;
border-radius: 50%;
height: 20px;
width: 20px;
content: "";
left: 0;
position: absolute;
top: 0;
}
.c-radio input[type=radio]:hover:not(:disabled) + span:before {
border-color: rgba(0, 0, 0, 0.8);
}
.c-radio input[type=radio]:focus + span:before {
outline: 1px dashed rgba(0, 0, 0, 0.8);
}
.c-radio input[type=radio]:checked + span:after {
background: currentColor;
border-radius: 50%;
height: 10px;
width: 10px;
content: "";
left: 5px;
position: absolute;
top: 5px;
}
@media screen and (-ms-high-contrast: active) {
.c-radio input[type=radio]:checked + span:after {
border: solid currentColor 5px;
}
}
.c-radio input[type=radio]:checked:not(:disabled) + span {
color: #000;
}
.c-radio input[type=radio]:checked:not(:disabled) + span:before {
border-color: #006fc2;
}
.c-radio input[type=radio]:checked:not(:disabled):hover + span:after {
background: rgba(0, 0, 0, 0.6);
}
.c-radio input[type=radio]:disabled + span {
color: rgba(0, 0, 0, 0.2);
cursor: not-allowed;
}
.c-radio input[type=radio]:disabled + span:before {
border-color: rgba(0, 0, 0, 0.2);
}
a.c-refine-item, button.c-refine-item {
position: relative;
display: block;
padding: 12px;
border: 0;
width: 100%;
background: transparent;
color: rgba(0, 0, 0, 0.6);
}
a.c-refine-item span, button.c-refine-item span {
text-align: left;
display: block;
overflow: hidden;
white-space: nowrap;
}
a.c-refine-item:after, button.c-refine-item:after {
font-family: "MWF-MDL2";
content: "";
position: absolute;
right: 0;
top: 16px;
display: none;
width: 44px;
font-size: 13px;
text-align: center;
}
a.c-refine-item:focus, button.c-refine-item:focus {
outline: 1px dashed #000;
}
a.c-refine-item:hover, button.c-refine-item:hover {
background: rgba(0, 0, 0, 0.1);
}
a.c-refine-item:active, button.c-refine-item:active {
background: rgba(0, 0, 0, 0.3);
}
a[aria-selected=true].c-refine-item, button[aria-selected=true].c-refine-item, a[aria-checked=true].c-refine-item, button[aria-checked=true].c-refine-item {
padding-right: 44px;
background: rgba(0, 0, 0, 0.1);
font-weight: 600;
color: #000;
}
a[aria-selected=true].c-refine-item:hover, button[aria-selected=true].c-refine-item:hover, a[aria-checked=true].c-refine-item:hover, button[aria-checked=true].c-refine-item:hover {
background: rgba(0, 0, 0, 0.2);
}
a[aria-selected=true].c-refine-item:active, button[aria-selected=true].c-refine-item:active, a[aria-checked=true].c-refine-item:active, button[aria-checked=true].c-refine-item:active {
background: rgba(0, 0, 0, 0.3);
}
a[aria-selected=true].c-refine-item:after, button[aria-selected=true].c-refine-item:after, a[aria-checked=true].c-refine-item:after, button[aria-checked=true].c-refine-item:after {
display: inline-block;
}
.c-select-menu {
position: relative;
display: inline-block;
}
.c-select-menu.f-border [aria-expanded] {
margin-left: 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0.6);
}
.c-select-menu.f-border [aria-expanded]:hover {
border-color: rgba(0, 0, 0, 0.8);
}
.c-select-menu.f-border [aria-expanded]:active, .c-select-menu.f-border [aria-expanded]:focus {
border-color: #006fc2;
}
.c-select-menu .c-menu {
position: absolute;
top: 100%;
}
.c-select-menu [aria-expanded=false] + .c-menu[aria-hidden=true] {
display: none;
}
.c-select-menu > button {
border: 0;
background: transparent;
}
.c-select-menu > a, .c-select-menu > button {
display: inline-block;
color: rgba(0, 0, 0, 0.6);
padding: 8px;
padding-right: 24px;
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
.c-select-menu > a:after, .c-select-menu > button:after {
font-family: "MWF-MDL2";
content: "";
position: absolute;
font-size: 9px;
color: #000;
font-weight: 700;
right: 8px;
padding-top: 7px;
}
.c-select-menu > a:hover, .c-select-menu > button:hover {
color: rgba(0, 0, 0, 0.8);
}
.c-select-menu > a:focus, .c-select-menu > button:focus {
border-color: #006fc2;
outline: 1px dashed #000;
}
.c-select-menu > a:focus:hover, .c-select-menu > button:focus:hover {
outline: none;
}
.no-js .c-select-menu:hover .c-menu, .js .c-select-menu > [aria-expanded=true] + .c-menu[aria-hidden=false], .js .c-select-menu > span[aria-expanded=true] + .c-menu[aria-hidden=false] {
display: block;
-webkit-animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation: fadeIn 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.theme-dark .c-select-menu > a, .theme-dark .c-select-menu > button, .theme-light .theme-dark .c-select-menu > a, .theme-light .theme-dark .c-select-menu > button {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-select-menu > a:hover, .theme-dark .c-select-menu > button:hover, .theme-light .theme-dark .c-select-menu > a:hover, .theme-light .theme-dark .c-select-menu > button:hover {
color: rgba(255, 255, 255, 0.8);
}
.theme-dark .c-select-menu > a:after, .theme-dark .c-select-menu > button:after, .theme-light .theme-dark .c-select-menu > a:after, .theme-light .theme-dark .c-select-menu > button:after {
color: #fff;
}
.theme-dark .c-select-menu > a:focus, .theme-dark .c-select-menu > button:focus, .theme-light .theme-dark .c-select-menu > a:focus, .theme-light .theme-dark .c-select-menu > button:focus {
outline-color: #fff;
}
.theme-dark .c-select-menu.f-border > a, .theme-dark .c-select-menu.f-border > button, .theme-light .theme-dark .c-select-menu.f-border > a, .theme-light .theme-dark .c-select-menu.f-border > button {
color: rgba(0, 0, 0, 0.6);
background: rgba(255, 255, 255, 0.6);
border-color: #fff;
}
.theme-dark .c-select-menu.f-border > a:after, .theme-dark .c-select-menu.f-border > button:after, .theme-light .theme-dark .c-select-menu.f-border > a:after, .theme-light .theme-dark .c-select-menu.f-border > button:after {
color: #000;
}
.theme-dark .c-select-menu.f-border > a:hover, .theme-dark .c-select-menu.f-border > button:hover, .theme-light .theme-dark .c-select-menu.f-border > a:hover, .theme-light .theme-dark .c-select-menu.f-border > button:hover {
color: rgba(0, 0, 0, 0.8);
border-color: #fff;
}
.theme-dark .c-select-menu.f-border > a:focus, .theme-dark .c-select-menu.f-border > button:focus, .theme-light .theme-dark .c-select-menu.f-border > a:focus, .theme-light .theme-dark .c-select-menu.f-border > button:focus {
border-color: #fff;
}
.c-select {
position: relative;
margin-top: 20px;
min-width: 88px;
max-width: 296px;
background-color: #fff;
cursor: pointer;
height: 36px;
}
.c-select:after {
font-family: "MWF-MDL2";
content: "";
position: absolute;
right: 4px;
top: 1px;
height: 34px;
width: 31px;
background: #fff;
padding-top: 10px;
text-align: center;
}
.c-select:after:hover {
z-index: 1;
}
.c-select select {
position: relative;
width: 100%;
padding: 7px 34px 7px 5px;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 100%;
outline: 0;
border: 1px solid rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.c-select select:active, .c-select select:focus {
background: #fff;
}
.c-select select:hover {
z-index: 100;
background: transparent;
border-color: rgba(0, 0, 0, 0.8);
}
.c-select select:active, .c-select select:focus {
border-color: #006fc2;
}
.c-select select[disabled] {
cursor: not-allowed;
color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
background: #fff;
z-index: 100;
padding-right: 0;
}
.c-select select option {
background: #fff;
color: #000;
}
.c-select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.c-select select::-ms-expand {
display: none;
}
.c-select select:focus::-ms-value {
background: transparent;
color: #000;
}
.c-table {
overflow: visible;
margin-top: 8px;
}
.c-table.f-divided tbody tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.c-table td.f-image {
padding: 8px;
vertical-align: middle;
}
.c-table table {
width: 100%;
}
.c-table thead {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.c-table thead th {
font-size: 11px;
line-height: 16px;
vertical-align: bottom;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
}
.c-table thead th button {
font-size: 11px;
line-height: 16px;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
background: transparent;
border: 0;
padding-left: 0;
}
.c-table thead th button:hover {
color: rgba(0, 0, 0, 0.8);
}
.c-table thead th button:focus {
outline: 1px dashed rgba(0, 0, 0, 0.6);
}
.c-table thead th button:active {
color: #000;
outline: 1px solid transparent;
}
.c-table thead th button.c-glyph:after {
display: inline-block;
margin-left: 8px;
vertical-align: top;
}
.c-table thead th button.f-ascending {
color: #000;
}
.c-table thead th button.f-ascending:after {
content: "";
}
.c-table thead th button.f-descending {
color: #000;
}
.c-table thead th button.f-descending:after {
content: "";
}
.c-table thead th[colspan]:not([colspan="1"]) {
text-align: center;
}
.c-table thead tr + tr th, .c-table thead tr + tr th:last-child {
text-align: center;
}
.c-table tr:not(.pricingListItem):before {
content: "";
display: block;
width: 7px;
}
.c-table td,
.c-table th {
padding: 10px 12px;
text-align: left;
}
.c-table td.f-sub-categorical,
.c-table th.f-sub-categorical {
text-align: center;
}
.c-table td.f-numerical,
.c-table th.f-numerical {
text-align: right;
}
.c-table td.f-numerical .c-price,
.c-table th.f-numerical .c-price {
float: right;
}
.c-table[data-table=structured] {
margin-top: 20px;
}
.c-table[data-table=structured] table {
table-layout: fixed;
}
.c-table[data-table=structured] table td {
width: 50%;
}
.c-table ul.c-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.c-table ul.c-list li {
padding: 0 0 8px;
list-style: none;
}
.c-table .c-paragraph {
padding: 0;
}
.c-table .c-call-to-action {
background: transparent;
color: #006fc2;
border-color: transparent;
border-width: 2px;
padding: 10px 44px 7px 24px;
margin-left: -24px;
margin-right: -24px;
margin-top: 10px;
}
.c-table .c-call-to-action:focus, .c-table .c-call-to-action:hover {
background: transparent;
border-color: transparent;
}
.c-table .c-call-to-action:active {
background: transparent;
text-decoration: none;
}
.c-table .c-call-to-action span:hover {
text-decoration: underline;
}
.theme-light .c-table .c-call-to-action, .theme-dark .theme-light .c-table .c-call-to-action {
color: #000;
background: transparent;
border-color: transparent;
}
.theme-light .c-table .c-call-to-action:active, .theme-dark .theme-light .c-table .c-call-to-action:active {
color: rgba(0, 0, 0, 0.6);
}
.theme-light .c-table .c-call-to-action:focus, .theme-dark .theme-light .c-table .c-call-to-action:focus {
outline-color: #000;
}
.theme-dark .c-table .c-call-to-action, .theme-light .theme-dark .c-table .c-call-to-action {
color: #fff;
background: transparent;
border-color: transparent;
}
.theme-dark .c-table .c-call-to-action:active, .theme-light .theme-dark .c-table .c-call-to-action:active {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark .c-table .c-call-to-action:focus, .theme-light .theme-dark .c-table .c-call-to-action:focus {
outline-color: #fff;
}
.c-table .c-call-to-action:hover {
border-color: transparent;
}
.c-textarea label.c-label {
margin-top: 16px;
padding-bottom: 6px;
}
.c-textarea textarea {
font-size: 15px;
line-height: 20px;
min-width: 276px;
min-height: 36px;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.6);
outline: 0;
padding: 7px 12px;
color: #000;
}
.c-textarea textarea:active, .c-textarea textarea:focus {
border-color: #006fc2;
}
.c-textarea textarea[disabled] {
cursor: not-allowed;
color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
}
.c-textarea textarea[readonly] {
border: 1px solid rgba(0, 0, 0, 0.6);
background-color: #e6e6e6;
}
.c-textarea textarea.f-resize {
resize: both;
}
.c-textarea textarea.f-no-resize {
resize: none;
}
.c-textarea textarea.f-scroll {
overflow-y: scroll;
}
.theme-light .c-textarea textarea, .theme-dark .theme-light .c-textarea textarea {
background: rgba(255, 255, 255, 0.6);
border: 1px solid #000;
color: #000;
}
.theme-dark .c-textarea textarea, .theme-light .theme-dark .c-textarea textarea {
background: rgba(255, 255, 255, 0.6);
border-color: #fff;
color: #000;
}
input.c-text-field[type=text] {
display: block;
width: 276px;
height: 36px;
margin-top: 20px;
padding: 7px 10px;
border: 1px solid rgba(0, 0, 0, 0.6);
outline: 0;
background: #fff;
}
input.c-text-field[type=text].f-small {
width: 88px;
}
input.c-text-field[type=text].f-flex {
width: 100%;
min-width: 88px;
max-width: 400px;
}
input.c-text-field[type=text]:hover {
border-color: rgba(0, 0, 0, 0.8);
}
input.c-text-field[type=text]:active, input.c-text-field[type=text]:focus {
border-color: #006fc2;
}
input.c-text-field[type=text][disabled] {
cursor: not-allowed;
color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2);
}
input.c-text-field[type=text][readonly] {
border: 1px solid rgba(0, 0, 0, 0.6);
background: #e6e6e6;
}
/* .c-hero depricated as of v.1.6, use .m-hero
TODO: Remove .c-hero references as of v.2.0 */
.m-hero-item,
.c-hero {
position: relative;
overflow: hidden;
padding: 0 5%;
height: 600px;
}
.m-hero-item picture,
.c-hero picture {
display: block;
}
.m-hero-item > picture,
.c-hero > picture {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
overflow: hidden;
}
.m-hero-item > picture img,
.c-hero > picture img {
position: absolute;
}
.m-hero-item > picture:after,
.c-hero > picture:after {
content: "";
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}
.m-hero-item > div,
.c-hero > div {
width: 100%;
height: 100%;
max-width: 1346px;
position: relative;
z-index: 1;
margin: 0 auto;
}
.m-hero-item > div > div,
.c-hero > div > div {
position: absolute;
z-index: 1;
width: 520px;
}
.m-hero-item > div > div > div,
.c-hero > div > div > div {
margin-top: 24px;
}
.m-hero-item .c-heading,
.c-hero .c-heading {
font-size: 34px;
line-height: 40px;
padding: 38px 0 2px;
font-weight: 100;
overflow: hidden;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-height: 80px;
}
.m-hero-item .c-subheading,
.c-hero .c-subheading {
font-size: 20px;
line-height: 24px;
padding: 8px 0 4px;
font-weight: 200;
overflow: hidden;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-height: 48px;
}
.m-hero-item .c-paragraph,
.c-hero .c-paragraph {
font-size: 15px;
line-height: 20px;
padding: 24px 0 0;
font-weight: 400;
overflow: hidden;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-height: 80px;
}
.m-hero-item .c-product-title,
.m-hero-item .c-product-subtitle,
.c-hero .c-product-title,
.c-hero .c-product-subtitle {
font-size: 24px;
overflow: hidden;
-webkit-box-sizing: content-box;
box-sizing: content-box;
max-height: 56px;
line-height: 32px;
max-height: 64px;
padding: 0;
}
.m-hero-item .c-product-title,
.c-hero .c-product-title {
font-weight: 700;
}
.m-hero-item .c-product-subtitle,
.c-hero .c-product-subtitle {
font-weight: 100;
}
.m-hero-item .c-price,
.c-hero .c-price {
font-size: 20px;
line-height: 24px;
display: inline-block;
}
.m-hero-item .c-rating,
.c-hero .c-rating {
margin-top: 12px;
}
.m-hero-item .c-group,
.c-hero .c-group {
display: block;
overflow: visible;
}
.m-hero-item .c-group > .c-call-to-action,
.c-hero .c-group > .c-call-to-action {
margin-right: 24px;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.c-hero .c-group > .c-call-to-action + .c-call-to-action {
background: transparent;
color: #006fc2;
border-color: transparent;
border-width: 2px;
padding: 10px 44px 7px 24px;
margin-left: -24px;
margin-right: -24px;
padding: 10px 43px 7px 25px;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:hover,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:hover {
background: transparent;
border-color: transparent;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
background: transparent;
text-decoration: none;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action span:hover,
.c-hero .c-group > .c-call-to-action + .c-call-to-action span:hover {
text-decoration: underline;
}
.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action {
color: #000;
background: transparent;
border-color: transparent;
}
.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:active,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
color: rgba(0, 0, 0, 0.6);
}
.theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-dark .theme-light .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .theme-light .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
outline-color: #000;
}
.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action {
color: #fff;
background: transparent;
border-color: transparent;
}
.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:active,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:active,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:active {
color: rgba(255, 255, 255, 0.6);
}
.theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus, .theme-light .theme-dark .m-hero-item .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus,
.theme-light .theme-dark .c-hero .c-group > .c-call-to-action + .c-call-to-action:focus {
outline-color: #fff;
}
.m-hero-item.theme-dark .c-group > .c-call-to-action + .c-call-to-action,
.c-hero.theme-dark .c-group > .c-call-to-action + .c-call-to-action {
color: #fff;
}
.m-hero-item.theme-light .c-group > .c-call-to-action + .c-call-to-action,
.c-hero.theme-light .c-group > .c-call-to-action + .c-call-to-action {
color: #000;
}
.m-hero-item.theme-light .c-group.f-accent > .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
.c-hero.theme-light .c-group.f-accent > .c-call-to-action,
.c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
margin-right: 24px;
}
.m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
.c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
.c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
color: #006fc2;
}
.m-hero-item .c-logo,
.c-hero .c-logo {
margin-top: 12px;
}
.m-hero-item.context-app .c-heading,
.c-hero.context-app .c-heading {
font-size: 24px;
line-height: 28px;
padding: 36px 0 4px;
font-weight: 200;
white-space: nowrap;
max-height: 28px;
}
.m-hero-item.context-app .c-subheading,
.c-hero.context-app .c-subheading {
font-size: 18px;
line-height: 24px;
padding: 9px 0 3px;
font-weight: 200;
max-height: 48px;
}
.m-hero-item.context-article .c-heading,
.c-hero.context-article .c-heading {
font-size: 24px;
line-height: 28px;
padding: 36px 0 4px;
font-weight: 200;
max-height: 56px;
}
.m-hero-item.context-game .c-rating,
.c-hero.context-game .c-rating {
margin-top: 60px;
}
.m-hero-item.context-music-album .c-product-title,
.c-hero.context-music-album .c-product-title {
margin-top: 12px;
}
.m-hero-item.context-device > div > div > div, .m-hero-item.context-accessory > div > div > div, .m-hero-item.context-article > div > div > div, .m-hero-item.context-game > div > div > div,
.c-hero.context-device > div > div > div,
.c-hero.context-accessory > div > div > div,
.c-hero.context-article > div > div > div,
.c-hero.context-game > div > div > div {
margin-top: 12px;
}
.m-hero-item.f-x-left > div > div,
.c-hero.f-x-left > div > div {
left: 0;
}
.m-hero-item.f-x-left > picture img,
.c-hero.f-x-left > picture img {
right: 0;
}
.m-hero-item.f-x-center,
.c-hero.f-x-center {
text-align: center;
}
.m-hero-item.f-x-center .c-group,
.c-hero.f-x-center .c-group {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.m-hero-item.f-x-center > div > div,
.c-hero.f-x-center > div > div {
left: 30%;
left: calc(50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-hero-item.f-x-center > div > div .c-image,
.c-hero.f-x-center > div > div .c-image {
margin: 0 auto;
}
.m-hero-item.f-x-center > picture img,
.c-hero.f-x-center > picture img {
left: calc(50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-hero-item.f-x-right > div > div,
.c-hero.f-x-right > div > div {
right: 0;
}
.m-hero-item.f-x-right > picture img,
.c-hero.f-x-right > picture img {
left: 0;
}
.m-hero-item.f-y-top > div > div,
.c-hero.f-y-top > div > div {
top: 60px;
}
.m-hero-item.f-y-top > picture img,
.c-hero.f-y-top > picture img {
top: 0;
}
.m-hero-item.f-y-center .c-heading:first-child,
.c-hero.f-y-center .c-heading:first-child {
padding-top: 0;
}
.m-hero-item.f-y-center > div > div,
.c-hero.f-y-center > div > div {
top: 120px;
top: calc(50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-hero-item.f-y-center > picture img,
.c-hero.f-y-center > picture img {
top: calc(50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-hero-item.f-y-center.f-x-center > div > div,
.c-hero.f-y-center.f-x-center > div > div {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.m-hero-item.f-y-center.f-x-center > picture img,
.c-hero.f-y-center.f-x-center > picture img {
top: calc(50%);
left: calc(50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.m-hero-item.f-y-bottom > div > div,
.c-hero.f-y-bottom > div > div {
bottom: 60px;
}
.m-hero-item.f-y-bottom > picture img,
.c-hero.f-y-bottom > picture img {
bottom: 0;
}
.m-hero-item[class*=f-mask].theme-light > picture:after,
.c-hero[class*=f-mask].theme-light > picture:after {
background: #fff;
}
.m-hero-item[class*=f-mask].theme-light.f-x-left.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-left.f-y-top > picture:after {
background: radial-gradient(circle at top left, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-left.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-left.f-y-center > picture:after {
background: radial-gradient(circle at center left, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-left.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-left.f-y-bottom > picture:after {
background: radial-gradient(circle at bottom left, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-center.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-center.f-y-top > picture:after {
background: radial-gradient(circle at top center, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-center.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-center.f-y-center > picture:after {
background: radial-gradient(circle at center center, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-center.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-center.f-y-bottom > picture:after {
background: radial-gradient(circle at bottom center, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-right.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-right.f-y-top > picture:after {
background: radial-gradient(circle at top right, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-right.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-right.f-y-center > picture:after {
background: radial-gradient(circle at center right, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-light.f-x-right.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-light.f-x-right.f-y-bottom > picture:after {
background: radial-gradient(circle at bottom right, #fff, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark > picture:after,
.c-hero[class*=f-mask].theme-dark > picture:after {
background: #000;
}
.m-hero-item[class*=f-mask].theme-dark.f-x-left.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-top > picture:after {
background: radial-gradient(circle at top left, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-left.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-center > picture:after {
background: radial-gradient(circle at center left, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-left.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-left.f-y-bottom > picture:after {
background: radial-gradient(circle at bottom left, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-center.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-top > picture:after {
background: radial-gradient(circle at top center, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-center.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-center > picture:after {
background: radial-gradient(circle at center center, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-center.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-center.f-y-bottom > picture:after {
background: radial-gradient(circle at bottom center, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-right.f-y-top > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-top > picture:after {
background: radial-gradient(circle at top right, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-right.f-y-center > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-center > picture:after {
background: radial-gradient(circle at center right, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item[class*=f-mask].theme-dark.f-x-right.f-y-bottom > picture:after,
.c-hero[class*=f-mask].theme-dark.f-x-right.f-y-bottom > picture:after {
background: radial-gradient(circle at bottom right, #000, rgba(255, 255, 255, 0) 80%);
}
.m-hero-item.f-mask-20 > picture:after,
.c-hero.f-mask-20 > picture:after {
opacity: 0.2;
}
.m-hero-item.f-mask-40 > picture:after,
.c-hero.f-mask-40 > picture:after {
opacity: 0.4;
}
.m-hero-item.f-mask-60 > picture:after,
.c-hero.f-mask-60 > picture:after {
opacity: 0.6;
}
.m-hero-item.f-mask-80 > picture:after,
.c-hero.f-mask-80 > picture:after {
opacity: 0.8;
}
.m-hero-item.f-mask-100 > picture:after,
.c-hero.f-mask-100 > picture:after {
opacity: 1;
}
.m-hero-item .c-video,
.c-hero .c-video {
position: absolute;
height: 100%;
width: 100%;
max-width: 100%;
overflow: hidden;
left: 0;
}
.m-hero-item .c-video > h1,
.c-hero .c-video > h1 {
display: none;
}
.m-hero-item .c-video video,
.c-hero .c-video video {
min-width: 100%;
min-height: 100%;
height: auto;
width: auto;
z-index: -2;
background-size: cover;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}
@media only screen and (max-width: 1083px) {
.m-hero-item,
.c-hero {
height: 500px;
}
.m-hero-item > div > div,
.c-hero > div > div {
width: 440px;
}
.m-hero-item .c-heading,
.c-hero .c-heading {
font-size: 24px;
line-height: 28px;
padding: 36px 0 4px;
font-weight: 200;
max-height: 56px;
padding-top: 0;
}
.m-hero-item .c-subheading,
.c-hero .c-subheading {
font-size: 18px;
line-height: 24px;
padding: 9px 0 3px;
font-weight: 200;
max-height: 72px;
}
}
@media only screen and (max-width: 767px) {
.m-hero-item,
.c-hero {
height: auto;
padding: 0;
text-align: center;
}
.m-hero-item[class*=f-x][class*=f-y] > picture img,
.c-hero[class*=f-x][class*=f-y] > picture img {
top: 0;
left: 0;
left: calc(50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.m-hero-item[class*=f-x][class*=f-y] > picture:after,
.c-hero[class*=f-x][class*=f-y] > picture:after {
display: none;
}
.m-hero-item[class*=f-x][class*=f-y] > div > div,
.c-hero[class*=f-x][class*=f-y] > div > div {
position: relative;
width: auto;
left: 0;
top: 0;
top: calc(50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.m-hero-item > picture,
.c-hero > picture {
position: relative;
height: 400px;
}
.m-hero-item > div,
.c-hero > div {
padding: 12px;
height: 280px;
}
.m-hero-item > div picture,
.c-hero > div picture {
display: none;
}
.m-hero-item .c-paragraph,
.c-hero .c-paragraph {
max-height: 40px;
}
.m-hero-item .c-heading, .m-hero-item.context-article .c-heading,
.c-hero .c-heading,
.c-hero.context-article .c-heading {
font-size: 20px;
line-height: 24px;
padding: 35px 0 5px;
font-weight: 200;
max-height: 120px;
}
.m-hero-item .c-heading, .m-hero-item.context-app .c-heading, .m-hero-item.context-article .c-heading,
.c-hero .c-heading,
.c-hero.context-app .c-heading,
.c-hero.context-article .c-heading {
padding-top: 0;
}
.m-hero-item > div > div > div,
.c-hero > div > div > div {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.m-hero-item .c-group > .c-call-to-action,
.c-hero .c-group > .c-call-to-action {
margin: 0;
}
.m-hero-item .c-group > .c-call-to-action + .c-call-to-action,
.c-hero .c-group > .c-call-to-action + .c-call-to-action {
margin: 0;
}
.m-hero-item.theme-light .c-group.f-accent > .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action,
.c-hero.theme-light .c-group.f-accent > .c-call-to-action,
.c-hero.theme-dark .c-group.f-accent > .c-call-to-action {
margin: 0;
}
.m-hero-item.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action, .m-hero-item.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action,
.c-hero.theme-light .c-group.f-accent > .c-call-to-action + .c-call-to-action,
.c-hero.theme-dark .c-group.f-accent > .c-call-to-action + .c-call-to-action {
margin: 0;
}
.m-hero-item .c-subheading,
.c-hero .c-subheading {
display: none;
}
.m-hero-item.context-game .c-rating,
.c-hero.context-game .c-rating {
margin-top: 12px;
}
.m-hero-item.context-music-album .c-product-title,
.c-hero.context-music-album .c-product-title {
margin-top: 0;
}
}
@media only screen and (max-width: 539px) {
.m-hero-item > picture,
.c-hero > picture {
height: 300px;
}
.m-hero-item .c-price,
.m-hero-item .c-rating,
.m-hero-item .c-paragraph,
.c-hero .c-price,
.c-hero .c-rating,
.c-hero .c-paragraph {
display: none;
}
}
.m-hero {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
@media only screen and (max-width: 1083px) {
.m-hero .m-hero-item,
.m-hero .c-hero {
padding-left: 36px;
padding-right: 36px;
}
}
@media only screen and (max-width: 767px) {
.m-hero .m-hero-item,
.m-hero .c-hero {
padding-left: 0;
padding-right: 0;
}
}
.shell-header-wrapper,
.shell-footer-wrapper,
.shell-category-nav {
max-width: 1346px !important;
}
.shell-category-header.cat-theme-blue .shell-category-header-cta-wrapper a.category-cta-button {
color: white;
}
.context-uhf,
.context-uhf.js {
margin-top: 0;
}
.context-uhf .theme-light,
.context-uhf.js .theme-light {
position: relative;
}
.context-uhf .theme-light > div,
.context-uhf.js .theme-light > div {
max-width: 1300px;
margin: auto;
}
.context-uhf .theme-light #uhf-g-nav .c-select-menu button,
.context-uhf.js .theme-light #uhf-g-nav .c-select-menu button {
height: 49px;
}
.context-uhf .theme-light #uhf-g-nav .c-select-menu button:focus:before, .context-uhf .theme-light #uhf-g-nav .c-select-menu button:hover:before,
.context-uhf.js .theme-light #uhf-g-nav .c-select-menu button:focus:before,
.context-uhf.js .theme-light #uhf-g-nav .c-select-menu button:hover:before {
width: 0;
}
.context-uhf .theme-light #uhf-g-nav .c-select-menu button:hover,
.context-uhf.js .theme-light #uhf-g-nav .c-select-menu button:hover {
background-color: #f2f2f2;
}
.context-uhf .theme-light #uhf-g-nav .c-select-menu .c-menu,
.context-uhf.js .theme-light #uhf-g-nav .c-select-menu .c-menu {
margin-left: -8px !important;
}
@media only screen and (max-width: 767px) {
.context-uhf .theme-light .c-logo,
.context-uhf.js .theme-light .c-logo {
left: 60px !important;
top: 3px !important;
}
}
.context-uhf .theme-dark > div,
.context-uhf.js .theme-dark > div {
max-width: 1317px;
margin: auto;
}
.context-uhf .theme-dark .spza-accessibility-selected,
.context-uhf.js .theme-dark .spza-accessibility-selected {
font-weight: 700;
}
.context-uhf .theme-dark #uhfCatLogo.spza-accessibility-selected,
.context-uhf.js .theme-dark #uhfCatLogo.spza-accessibility-selected {
font-weight: 700;
}
@media screen and (-ms-high-contrast: active) {
.context-uhf .theme-dark .c-uhf-nav-link.spza-accessibility-selected,
.context-uhf.js .theme-dark .c-uhf-nav-link.spza-accessibility-selected {
font-weight: 700;
}
.context-uhf .theme-dark #uhfCatLogo.spza-accessibility-selected,
.context-uhf.js .theme-dark #uhfCatLogo.spza-accessibility-selected {
font-weight: 700;
}
}
.context-uhf .theme-dark #uhfCatLogo:hover:before,
.context-uhf .theme-dark #uhfCatLogo:active:before,
.context-uhf .theme-dark #uhf-c-nav .c-uhf-nav-link:hover:before,
.context-uhf .theme-dark .c-logo.x-hidden-focus:focus:before,
.context-uhf.js .theme-dark #uhfCatLogo:hover:before,
.context-uhf.js .theme-dark #uhfCatLogo:active:before,
.context-uhf.js .theme-dark #uhf-c-nav .c-uhf-nav-link:hover:before,
.context-uhf.js .theme-dark .c-logo.x-hidden-focus:focus:before {
display: none;
}
@media screen and (-ms-high-contrast: white-on-black) {
.context-uhf .theme-dark #uhf-c-nav a,
.context-uhf .theme-dark #uhfCatLogo,
.context-uhf.js .theme-dark #uhf-c-nav a,
.context-uhf.js .theme-dark #uhfCatLogo {
color: yellow;
}
}
.context-uhf .theme-dark #uhf-c-nav .c-uhf-nav-link:hover,
.context-uhf .theme-dark #uhfCatLogo:active,
.context-uhf.js .theme-dark #uhf-c-nav .c-uhf-nav-link:hover,
.context-uhf.js .theme-dark #uhfCatLogo:active {
text-decoration: none !important;
}
.context-uhf .theme-dark .c-call-to-action,
.context-uhf.js .theme-dark .c-call-to-action {
color: white;
border: 1px solid white;
padding: 11px 28px 8px 12px;
background-color: #006fc2;
position: relative;
}
.context-uhf .theme-dark .c-call-to-action:hover, .context-uhf .theme-dark .c-call-to-action:focus,
.context-uhf.js .theme-dark .c-call-to-action:hover,
.context-uhf.js .theme-dark .c-call-to-action:focus {
background-color: #0060ac !important;
}
.context-uhf .theme-dark .c-call-to-action:hover:after, .context-uhf .theme-dark .c-call-to-action:focus:after,
.context-uhf.js .theme-dark .c-call-to-action:hover:after,
.context-uhf.js .theme-dark .c-call-to-action:focus:after {
right: 2px;
}
.context-uhf .theme-dark .c-call-to-action:after,
.context-uhf.js .theme-dark .c-call-to-action:after {
position: absolute;
display: inline-block;
margin-left: 4px;
margin-top: 1px;
vertical-align: top;
font-family: "MWF-MDL2";
content: "";
}
.context-uhf > div + div .c-logo span,
.context-uhf.js > div + div .c-logo span {
font-size: 20px;
line-height: 30px;
display: inline;
font-weight: normal;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
#footerArea {
display: none;
}
}
#footerArea .c-uhff-base a.c-hyperlink,
#footerArea .c-uhff-base a.c-uhff-link {
font-size: 12px;
color: #616161;
}
#footerArea .c-uhff-base .c-list {
max-width: 1000px;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* Slider */
.slick-loading .slick-list {
background: #fff url(/static/assets/ajax-loader.082321.0004.579dd964a9.gif) center center no-repeat;
}
/* Icons */
@font-face {
font-family: "slick";
src: url(/static/assets/slick.082321.0004.579dd964a9.eot);
src: url(/static/assets/slick.082321.0004.579dd964a9.eot) format("embedded-opentype"), url(/static/assets/slick.082321.0004.579dd964a9.woff) format("woff"), url(/static/assets/slick.082321.0004.579dd964a9.ttf) format("truetype"), url(/static/assets/slick.082321.0004.579dd964a9.svg) format("svg");
font-weight: normal;
font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
}
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}
.spza_appReviewContainer {
width: 100%;
max-width: 1300px;
margin: auto;
}
.spza_appReviewContainer .reviewTabTop {
width: 100%;
background-color: #ffffff;
padding-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-bottom: 0.5px solid #edebe9;
margin-bottom: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.spza_appReviewContainer .reviewTabTop .addReview {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 28px;
}
.spza_appReviewContainer .reviewTabTop .addReview .addReviewTitle {
font-size: 16px;
line-height: 22px;
font-weight: 600;
margin-bottom: 12px;
}
.spza_appReviewContainer .reviewTabTop .addReview .ampWriteReviewButton {
color: #0078d4;
border-color: #0078d4;
}
.spza_appReviewContainer .reviewTabTop .addReviewDescription {
font-size: 14px;
line-height: 20px;
white-space: pre-wrap;
margin: 12px 0;
}
.spza_appReviewContainer .reviewsLoadingSpinner {
float: left;
margin-top: 20px;
}
.spza_appReviewContainer .reviewsTopBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-bottom: 48px;
}
.spza_appReviewContainer .reviewsTopBar .reviewCounter {
font-size: 14px;
padding-top: 4px;
margin-right: 34px;
}
.spza_appReviewContainer .richTextDropDown > .valueBox .item > span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.spza_appReviewContainer .reviewPagination {
padding: 0px;
}
.spza_appReviewContainer .reviewAndIsvReply {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.spza_appReviewContainer .reviewItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 10px;
margin-bottom: 15px;
}
.spza_appReviewContainer .reviewItem .leftBar {
width: 200px;
margin-right: 10px;
}
.spza_appReviewContainer .reviewItem .leftBar .reviewRating {
float: left;
width: 100%;
}
.spza_appReviewContainer .reviewItem .leftBar .reviewRating .c-glyph {
float: none;
display: inline-block;
width: 18px;
height: 20px;
margin-right: 2px;
}
.spza_appReviewContainer .reviewItem .leftBar .reviewRating .c-glyph:after {
color: #006fc2;
font-size: 18px;
}
.spza_appReviewContainer .reviewItem .leftBar .reviewRating .c-glyph:before {
font-size: 18px;
}
.spza_appReviewContainer .reviewItem .leftBar .c-paragraph-3 {
font-size: 12px;
line-height: 16px;
padding-top: 6px;
padding-left: 3px;
max-width: 192px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.spza_appReviewContainer .reviewItem .leftBar .authorName {
font-size: 14px;
line-height: 20px;
margin-bottom: 8px;
}
.spza_appReviewContainer .reviewItem .leftBar .providedBy {
line-height: 14px;
font-size: 10px;
color: #605e5c;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 75%;
border-top: 0.5px solid #edebe9;
}
.spza_appReviewContainer .reviewItem .leftBar .providedBy .externalReviewProvider {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza_appReviewContainer .reviewItem .leftBar .providedBy .providerLogo {
height: 16px;
width: 16px;
margin-right: 10px;
}
.spza_appReviewContainer .reviewItem .leftBar .providedBy .reviewLinkToSource {
color: #0078d4;
text-decoration: underline;
}
.spza_appReviewContainer .reviewItem .rightContent {
width: 70%;
padding-top: 4px;
}
.spza_appReviewContainer .reviewItem .rightContent .rightBar .contentHeader {
padding: 0px 0 5px;
max-width: 800px;
text-overflow: ellipsis;
overflow: hidden;
font-weight: 500;
}
.spza_appReviewContainer .reviewItem .rightContent .rightBar .reviewContent p {
word-wrap: break-word;
}
.spza_appReviewContainer .reviewItem .rightContent .appReviewButtons .c-button {
background-color: white;
color: #505060;
text-align: left;
padding: 0px;
margin: 0px;
min-width: inherit;
line-height: normal;
font-size: 12px;
}
.spza_appReviewContainer .reviewItem .rightContent .appReviewButtons .c-button:hover {
border: none;
border-bottom: 1px solid #505060;
}
.spza_appReviewContainer .reviewCounter-bottom {
font-size: 14px;
line-height: 20px;
padding-top: 15px;
}
.basicSearchBox {
font-size: 15px;
line-height: 50px;
max-width: 500px;
width: 100%;
margin-top: 20px;
margin-bottom: 12px;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
position: relative;
margin-right: 20px;
margin-left: 20px;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.basicSearchBox {
max-width: 0px;
margin-left: 0px;
}
}
.basicSearchBox input {
margin: 3px 0;
float: right;
padding: 0 10px 0 20px;
width: 100%;
height: 50px;
border: 1px solid white;
background-color: rgba(255, 255, 255, 0.1);
color: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.basicSearchBox input {
width: 270px;
margin: 0px 0px 0px 0px;
}
}
.basicSearchBox input[type=text]::-ms-clear,
.basicSearchBox input[type=text]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.basicSearchBox input.appSourceSearchInput::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: white;
}
.basicSearchBox input.appSourceSearchInput::-moz-placeholder {
/* Firefox 19+ */
color: white;
}
.basicSearchBox input.appSourceSearchInput:-ms-input-placeholder {
/* IE 10+ */
color: white;
}
.basicSearchBox input.appSourceSearchInput:-moz-placeholder {
/* Firefox 18- */
color: white;
}
.basicSearchBox .searchButton {
width: 50px;
height: 50px;
font-size: 19px;
line-height: 30px;
position: absolute;
right: 0;
top: 3px;
padding: 10px;
background-color: transparent;
border: none;
}
.basicSearchBox .searchButton span:after {
content: "";
width: 30px;
height: 30px;
}
.basicSearchBox .searchButton:focus {
outline: 1px dashed currentColor;
}
.searchSignInContainer {
position: absolute;
top: 0;
width: 100%;
}
.searchSignInContainer .uhfPlaceHolder {
width: 10%;
z-index: -1;
}
.searchSignInContainer .searchAndSignIn {
margin: auto;
max-width: 1346px;
position: relative;
z-index: 502;
min-width: 340px;
}
.searchSignInContainer .searchAndSignIn > div {
margin-top: 7px;
}
.iconTitleContainer .ampTitleHeader {
font-size: 28px;
padding-top: 12px;
font-weight: 400;
}
.iconTitleContainer .iconHost {
width: 164px;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileMediaMedium {
display: none;
white-space: unset;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileMediaSmall {
display: none;
white-space: unset;
}
}
.desktopAppDetailsEmbedded,
.desktopAppDetails {
padding-bottom: 50px;
max-width: 1346px;
-ms-flex-item-align: center;
align-self: center;
height: 100%;
margin: auto;
width: 90%;
}
.desktopAppDetailsEmbedded .spza_detailContainer,
.desktopAppDetails .spza_detailContainer {
height: 100%;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar,
.desktopAppDetails .spza_detailContainer .navigationBar {
height: 60px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb .goBackButton,
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb .appTabButton,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .appTabButton {
background-color: transparent;
margin: 0;
font-size: 14px;
line-height: 60px;
max-width: none;
min-width: 0;
min-width: initial;
display: inline;
border: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb .goBackButton,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton {
padding: 0 10px 0 0;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb .goBackButton:hover,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton:hover {
color: #006fc2;
cursor: pointer;
text-decoration: underline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb .appTabButton,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .appTabButton {
padding: 0 6px;
cursor: default;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb span,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb span {
line-height: 57px;
font-size: 11px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb span:focus,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb span:focus {
border: 1px dotted #006fc2;
outline: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .navigationBar .breadcrumb span:before,
.desktopAppDetails .spza_detailContainer .navigationBar .breadcrumb span:before {
content: "";
width: 15px;
height: 15px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent,
.desktopAppDetails .spza_detailContainer .detailContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent,
.desktopAppDetails .spza_detailContainer .detailContent {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .iconTitleContainer .appDetailHeader,
.desktopAppDetails .spza_detailContainer .detailContent .iconTitleContainer .appDetailHeader {
display: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .ctaFavContainer .AMPappDetails,
.desktopAppDetails .spza_detailContainer .detailContent .ctaFavContainer .AMPappDetails {
display: none;
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .ctaFavContainer .AMPappDetails,
.desktopAppDetails .spza_detailContainer .detailContent .ctaFavContainer .AMPappDetails {
display: inline;
}
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata,
.desktopAppDetails .spza_detailContainer .detailContent .metadata {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-right: 30px;
}
@media only screen and (min-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata,
.desktopAppDetails .spza_detailContainer .detailContent .metadata {
width: 164px;
}
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .cell,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .cell {
margin-bottom: 12px;
text-align: left;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .cell header,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .cell h2,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .cell header,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .cell h2 {
color: #1a1a1a;
font-weight: 600;
font-size: 12px;
margin-top: 8px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .cell header img,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .cell h2 img,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .cell header img,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .cell h2 img {
height: 15px;
width: 15px;
padding-left: 2px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .cell span,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .cell span {
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .cell .tooltip,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .cell .tooltip {
display: inline;
position: relative;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .cell .tooltip:hover:after,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .cell .tooltip:hover:after {
background: #333;
background: white;
border-radius: 3px;
border: 1px;
bottom: 26px;
color: black;
content: attr(alt);
top: 20%;
padding: 2px 2px 2px 2px;
position: absolute;
z-index: 98;
max-width: 1000;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .c-hyperlink,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .c-hyperlink {
text-align: left;
font-size: 12px;
display: block;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .iconHost,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .iconHost {
width: 164px;
height: 164px;
margin-bottom: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .iconHost .thumbnailSpacer,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .iconHost .thumbnailSpacer {
height: 100%;
display: inline-block;
vertical-align: middle;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .iconHost .appLargeIcon,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .iconHost .appLargeIcon {
max-height: 164px;
display: inline-block;
vertical-align: middle;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .iconHost .appLargeIcon img,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .iconHost .appLargeIcon img {
width: 100%;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .requestButton,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .requestButton {
width: 164px;
margin-top: 8px;
font-size: 13px;
letter-spacing: 0.975px;
line-height: 16.9px;
border-radius: 2px;
text-transform: capitalize;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .requestButton:focus,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .requestButton:focus {
outline: 2px solid black;
outline-offset: 2px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .testDriveButton,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .testDriveButton {
margin: 5px 0px 8px 0px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails {
margin-top: 8px;
padding: 0 0 0 1px;
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell {
margin-bottom: 12px;
text-align: left;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell h2,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell h2 {
color: #1a1a1a;
margin-bottom: 2px;
font-weight: 600;
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk {
background: #f2f2f2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk .miniIcon,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk .miniIcon {
margin-right: 6px;
height: 30px;
width: 30px;
float: left;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk .forApp,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk .forApp {
line-height: 30px;
padding-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph {
width: 18px;
height: 18px;
margin-right: 2px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph:after,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph:after {
color: #006fc2;
font-size: 18px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph:before,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph:before {
font-size: 18px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .ratingsCount,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .ratingsCount {
font-size: 16px;
line-height: 20px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories {
color: #006fc2;
cursor: pointer;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories.d365FilterGroupHeader,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories.d365FilterGroupHeader {
display: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories:hover,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories:hover {
text-decoration: underline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell > span,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell > a,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell > span,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell > a {
display: block;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionsFloatContainer,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionsFloatContainer {
display: block;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionsFloatContainerHidden,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionsFloatContainerHidden {
display: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog {
border: 1px solid #e6e6e6;
width: 500px;
background: white;
cursor: default;
z-index: 1000;
overflow-y: hidden;
overflow-x: hidden;
max-height: 707px;
/* approximate max height */
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
position: absolute;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .overlay,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .overlay {
position: fixed;
background: white;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #000;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionsHeader,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionsHeader {
margin-left: 15px;
font-size: 15px;
font-weight: 200;
margin-bottom: 15px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: rows;
flex-direction: rows;
margin-bottom: 15px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns .column,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns .column {
float: left;
width: 23.5%;
background: white;
margin-left: 15px;
}
@media screen and (max-width: 679px) and (min-width: 540px) {
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns .column,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns .column {
width: 49%;
}
}
@media screen and (max-width: 539px) {
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns .column,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns .column {
width: 100%;
}
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns .column > li,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionColumns .column > li {
list-style-type: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .cancel,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .cancel {
border: none;
background: white;
float: right;
padding: 0 6px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .cancel span:after,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .cancel span:after {
content: "";
width: 10px;
height: 10px;
line-height: 12px;
margin-right: 10px;
margin-top: 5px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .dialogClosed,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .dialogClosed {
max-height: 0;
border: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionLink,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionLink {
position: relative;
color: #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionLink:hover,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionLink:hover {
cursor: pointer;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .moreCountriesLink,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .moreCountriesLink {
color: #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .cell .moreCountriesLink:hover,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .moreCountriesLink:hover {
cursor: pointer;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .productsSupported span,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .productsSupported span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container {
max-width: 162px;
margin-top: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container .indicatorText,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container .indicatorText {
font-size: 13px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container .licensedIndicatorText,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container .licensedIndicatorText {
color: #107c10;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container .licensedIcon,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container .licensedIcon {
font-size: 0px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container .licensedIcon:before,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .microsoftManagedIndicator .container .licensedIcon:before {
font-size: 16px;
margin-right: 8px;
content: "";
font-family: "MWF-MDL2";
color: #107c10;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .serviceDetailsPricing,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .serviceDetailsPricing {
font-size: 24px;
font-weight: 600;
line-height: 26px;
color: black;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .serviceDetailsPricingDecorator,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .serviceDetailsPricingDecorator {
font-size: 12px;
color: grey;
font-weight: 400;
margin-top: 2px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .metaTagForPrice,
.desktopAppDetails .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .metaTagForPrice {
display: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
position: relative;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .titleBlockIcon,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .titleBlockIcon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader {
width: 100%;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .badgesBlock .freeSVG,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .badgesBlock .freeSVG {
margin-top: 10px;
float: left;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .badgesBlock .banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .badgesBlock .banner {
float: left;
margin-top: 10px;
margin-right: 5px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader {
padding: 0;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader {
font-size: 34px;
font-weight: 100;
line-height: 40px;
padding-bottom: 2px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader.ampTitleHeader,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader.ampTitleHeader {
float: left;
letter-spacing: -0.7px;
white-space: normal;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader {
font-size: 20px;
font-weight: 200;
line-height: 26px;
opacity: 0.8;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader.ampSubHeader,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader.ampSubHeader {
clear: both;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell {
margin-top: 4px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .sr-only,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .sr-only {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .detailsRatingSeperator,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .detailsRatingSeperator {
color: #a19f9d;
margin: 0px 12px;
font-size: 18px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .ratingInfoSection,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .ratingInfoSection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 20px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .ratingInfoSection .detailsRatingStar,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .ratingInfoSection .detailsRatingStar {
margin: 0px 4px 3px 0px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .ratingInfoSection .detailsRatingAvgNumOfStars,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .ratingInfoSection .detailsRatingAvgNumOfStars {
margin-right: 4px;
font-size: 14px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph {
width: 12px;
height: 12px;
margin-right: 2px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph:after,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph:after {
color: #006fc2;
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph:before,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph:before {
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .ratingsCount,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .ratingsCount {
display: inline-block;
font-size: 12px;
line-height: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .ratingsCount .writeReivewText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .ratingsCount .writeReivewText {
color: #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer {
margin-top: 20px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsHeader,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsHeader {
color: #1a1a1a;
font-weight: 600;
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsIcon,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsIcon {
display: inline-block;
width: 32px;
height: 32px;
margin: 10px 5px 0 0;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .linkedItemLink,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .linkedItemLink {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .linkedItemLink:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .linkedItemLink:hover {
cursor: pointer;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-color: #0078d4;
text-decoration-color: #0078d4;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .addInText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .addInText {
margin-right: 20px;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 10px;
color: #0078d4;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .webAppText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .webAppText {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 10px;
color: #0078d4;
margin-right: 20px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer {
font-size: 13px;
margin-top: 10px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer .alreadyPurchasedLabel,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer .alreadyPurchasedLabel {
display: inline-block;
color: #1a1a1a;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer .alreadyPurchasedButton,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer .alreadyPurchasedButton {
color: #006fc2;
border: none;
background: transparent;
padding: 0;
margin: 0 0 0 4px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview {
min-height: 200px;
padding-bottom: 20px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .detailsContentWrapper,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .detailsContentWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
@media (max-width: 1200px) {
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .detailsContentWrapper,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .detailsContentWrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent {
margin-right: 48px;
padding-bottom: 15px;
-webkit-box-flex: 1;
flex: 1 1;
-ms-flex: 1;
max-width: 50%;
}
@media (max-width: 1200px) {
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent {
-ms-flex: none;
max-width: none;
}
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent.noMedia,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent.noMedia {
max-width: 800px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 85px;
background-color: #2b6dbd;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .banner {
height: 85px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer {
width: calc(100% - 89px);
padding-left: 15px;
padding-right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail {
margin: auto 0;
width: 100%;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > a {
text-decoration: underline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > .banner,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerHeading,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > .banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerHeading {
display: inline-block;
width: 100%;
color: #fff;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > .banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > .banner {
font-size: 16px;
line-height: 16px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerHeading,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerHeading {
font-size: 16px;
font-weight: bold;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText {
margin-top: 10px;
font-size: 12px;
line-height: 15px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText:hover > a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText:hover > a {
text-decoration: underline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-image: url(/static/assets/pdp_preferbadge.082321.0004.579dd964a9.svg);
background-size: cover;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .banner {
background-color: white;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer {
width: 100%;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail {
margin: 0;
width: 100%;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerHeading,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerHeading {
float: left;
position: relative;
width: auto;
line-height: 44px;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText {
float: right;
right: 15px;
position: relative;
max-width: 80px;
line-height: 45px;
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText a {
text-decoration: none;
color: white;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText:hover > a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText:hover > a {
text-decoration: underline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 85px;
background-color: #f3f3f3;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .banner {
height: 85px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer {
width: calc(100% - 89px);
padding-left: 15px;
padding-right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail {
margin: auto 0;
width: 100%;
display: grid;
overflow: hidden;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail > .award,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail .awardText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail > .award,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail .awardText {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail > .award,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail > .award {
font-size: 14px;
line-height: 19px;
text-align: left;
font-weight: 600;
margin-top: 5px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail .awardText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail .awardText {
margin-top: 13px;
font-size: 12px;
line-height: 16px;
color: #d83b01;
font-weight: 400;
font-family: "Segoe UI";
font-style: normal;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail a {
float: right;
margin-top: 13px;
color: #505050;
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 85px;
background-color: #ffb900;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbibanner,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbibanner {
height: 85px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer {
width: calc(100% - 89px);
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail {
width: 100%;
display: inline-block;
overflow: hidden;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail .pbiText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail .pbiText {
font-size: 14px;
color: #333333;
font-weight: 600;
font-family: "Segoe UI";
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail .pbiDetail,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail .pbiDetail {
margin-top: 5px;
font-size: 12px;
line-height: 14px;
color: #333333;
font-weight: 400;
font-family: "Segoe UI";
font-style: normal;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail a {
float: right;
color: #333333;
font-size: 12px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .shortDescription,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .shortDescription {
font-weight: 200;
font-size: 18px;
line-height: 24px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link {
margin-top: 20px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link .linkTitle,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link .linkTitle {
padding: 0;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link .linkContent,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link .linkContent {
font-size: 13px;
display: block;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities .capabilitiesTitle,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities .capabilitiesTitle {
margin: 0 !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities .disclaimer,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities .disclaimer {
font-size: 12px;
margin-bottom: 7px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities li,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities li {
font-size: 13px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia {
width: 496px;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails {
margin-left: -10px;
line-height: 0;
width: 110%;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent {
margin: 0 0 10px 10px;
cursor: pointer;
position: relative;
float: left;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img {
height: 46px;
border: 1px solid #e0e0e0;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img:hover, .desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img:focus,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img:focus {
border-color: #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia {
cursor: pointer;
position: relative;
width: 100%;
min-height: 300px;
margin-bottom: 10px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia:focus,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia:focus {
outline: 1px dotted #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia .delayLoadImage.content img,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia .delayLoadImage.content img {
width: 100%;
border: 1px solid #f2f2f2;
-webkit-box-shadow: 1px 1px #e0e0e0;
box-shadow: 1px 1px #e0e0e0;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia .delayLoadImage.content img:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia .delayLoadImage.content img:hover {
border-color: #006fc2;
}
@media (max-width: 1200px) {
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia {
width: auto;
max-width: 700px;
}
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .overlay,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.75;
pointer-events: none;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .overlay img,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .overlay img {
width: 100%;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description {
font-size: 13px;
line-height: 20px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description a,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description a {
color: #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description a:hover,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description a:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description a:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description a:hover {
text-decoration: underline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul {
padding-left: 40px !important;
list-style-type: disc;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul ul,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul ul {
list-style-type: circle;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul ul ul,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul ul ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul ul ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul ul ul {
list-style-type: square;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul {
margin: 13px 0 !important;
list-style-type: disc !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul li a,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul li a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul li a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul li a {
color: #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul li a:hover,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul li a:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul li a:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul li a:hover {
text-decoration: underline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > p,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > p,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p {
margin: 13px 0 !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > p > a,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p > a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > p > a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p > a {
color: #006fc2 !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h1,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h2,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h3,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h4,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h5,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h6,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > header,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h1,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h2,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h3,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h4,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h5,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h6,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > header,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h1,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h2,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h3,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h4,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h5,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h6,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > header,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h1,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h2,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h3,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h4,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h5,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h6,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > header {
padding: 0 0 4px !important;
font-weight: 200 !important;
font-size: 18px !important;
line-height: 24px !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h1 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h2 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h3 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h4 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h5 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h6 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > header b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h1 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h2 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h3 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h4 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h5 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h6 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > header b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h1 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h2 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h3 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h4 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h5 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h6 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > header b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h1 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h2 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h3 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h4 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h5 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h6 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > header b {
font-weight: 200;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription {
font-size: 16px;
line-height: 20px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul {
margin: 13px 0 !important;
padding-left: 40px !important;
list-style-type: disc !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul li a,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul li a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul li a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul li a {
color: #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul li a:hover,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul li a:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul li a:hover,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul li a:hover {
text-decoration: underline;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > p,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > p,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > p,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > p {
margin: 13px 0 !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > p > a,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > p > a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > p > a,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > p > a {
color: #006fc2 !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h1,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h2,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h3,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h4,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h5,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h6,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > header,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h1,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h2,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h3,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h4,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h5,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h6,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > header,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h1,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h2,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h3,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h4,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h5,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h6,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > header,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h1,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h2,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h3,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h4,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h5,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h6,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > header {
padding: 0 0 4px !important;
font-weight: 200 !important;
font-size: 18px !important;
line-height: 24px !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h1 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h2 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h3 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h4 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h5 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h6 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > header b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h1 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h2 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h3 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h4 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h5 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h6 b,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > header b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h1 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h2 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h3 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h4 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h5 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h6 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > header b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h1 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h2 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h3 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h4 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h5 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h6 b,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > header b {
font-weight: 200;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p {
margin-top: 0 !important;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .monthly .contactPublisherText,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .yearly .contactPublisherText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .monthly .contactPublisherText,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .yearly .contactPublisherText {
width: 140px;
white-space: normal;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .monthly span,
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .yearly span,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .monthly span,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .yearly span {
display: block;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .title span,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .title span {
display: block;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .title .freeSVG,
.desktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .title .freeSVG {
margin-top: 10px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .detailContent .header,
.desktopAppDetails .spza_detailContainer .detailContent .header {
margin-left: 0;
}
.desktopAppDetailsEmbedded .spza_detailContainer .embedBreadcrumbButton:hover,
.desktopAppDetails .spza_detailContainer .embedBreadcrumbButton:hover {
cursor: pointer;
color: #006fc2;
}
.desktopAppDetailsEmbedded .spza_detailContainer .embedBreadcrumbButton span:after,
.desktopAppDetails .spza_detailContainer .embedBreadcrumbButton span:after {
content: "";
font-size: 12px;
margin-right: 6px;
}
.desktopAppDetailsEmbedded .spza_detailContainer .delayLoadImage,
.desktopAppDetails .spza_detailContainer .delayLoadImage {
color: transparent;
}
.appTileCallout .spza_tileWrapper {
margin: 0;
}
.icon-webapp-32 {
background-image: url(/static/assets/webapp.082321.0004.579dd964a9.svg);
background-position: 0px 0px;
width: 32px;
height: 32px;
background-size: 100% 100%;
}
.ms-BrandIcon--excel.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/excel_48x1.svg);
}
.ms-BrandIcon--word.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/word_48x1.svg);
}
.ms-BrandIcon--powerpoint.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/powerpoint_48x1.svg);
}
.ms-BrandIcon--teams.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/teams_48x1.svg);
}
.ms-BrandIcon--outlook.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/outlook_48x1.svg);
}
.ms-BrandIcon--sharepoint.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/sharepoint_48x1.svg);
}
.ms-BrandIcon--onenote.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/onenote_48x1.svg);
}
.ms-BrandIcon--project.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/project_48x1.svg);
}
.spza_filterContainer {
padding-right: 5px;
max-width: 200px;
}
.spza_filterContainer.eca_filterContainer {
min-width: 195px;
max-width: none;
}
@media (max-width: 539px) {
.spza_filterContainer {
display: none;
}
}
.spza_filterGroup {
border: none;
margin: 20px 5px 30px 0;
min-width: 230px;
}
.spza_filterGroup.product > span {
font-size: 12px;
line-height: 24px;
color: #666;
cursor: default;
}
.spza_filterGroup.product .spza_filterItems {
margin-left: 10px;
}
.spza_filterGroup.product .spza_filterItemsNoIndent {
margin-left: 0px;
}
.spza_filterGroup .spza_filterTitle {
font-size: 18px;
font-weight: 200;
margin: 10px 0 5px 0;
line-height: 20px;
}
.spza_filterGroup .spza_dropDownFilterSection {
height: 45px;
margin-top: 5px;
}
.spza_filterGroup .spza_dropDownFilterSection .spza_filterSubTitle {
font-size: 12px;
font-weight: 400;
line-height: 20px;
color: grey;
}
.spza_filterGroup .spza_dropDownFilterSection .richTextDropDown .valueBox {
border: none;
font-size: 12px;
line-height: 20px;
}
.spza_filterGroup .spza_dropDownFilterSection .richTextDropDown .valueBox > .toggle {
display: table-cell;
width: 35px;
text-align: center;
vertical-align: middle;
padding-top: 2px;
padding-right: 75px;
padding-left: 5px;
}
.spza_filterGroup .spza_dropDownFilterSection .richTextDropDown .valueBox > .toggle span:before {
content: "";
}
.spza_filterGroup .spza_dropDownFilterSection .richTextDropDown .valueBox .item {
padding: 0px;
}
.spza_filterGroup .spza_dropDownFilterSection .richTextDropDown .valueBox .item > span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: auto;
}
.spza_filterGroup .spza_dropDownFilterSection .richTextDropDown > .c-menu {
max-height: 200px;
}
.spza_filterGroup .spza_dropDownFilterSection .richTextDropDown > .c-menu li .item {
padding-left: 2px;
padding-right: 2px;
font-size: 12px;
}
.spza_filterGroup .spza_dropDownFilterSection .richTextDropDown > .c-menu li .item .item-search {
font-weight: bolder;
}
.spza_filterGroup .ocp_dropDownFilterSection {
margin-top: 25px;
}
.spza_filterGroup .ocp_dropDownFilterSection .ocp_filterSubTitle {
font-size: 20px;
font-weight: 200;
line-height: 24px;
padding-bottom: 5px;
}
.spza_filterGroup .ocp_dropDownFilterSection .richTextDropDown .valueBox {
border: none;
font-size: 12px;
line-height: 20px;
}
.spza_filterGroup .ocp_dropDownFilterSection .richTextDropDown .valueBox > .toggle {
display: table-cell;
width: 35px;
text-align: center;
vertical-align: middle;
padding-top: 2px;
padding-right: 5px;
padding-left: 5px;
}
.spza_filterGroup .ocp_dropDownFilterSection .richTextDropDown .valueBox > .toggle span:before {
content: "";
}
.spza_filterGroup .ocp_dropDownFilterSection .richTextDropDown .valueBox .item {
padding: 0px;
}
.spza_filterGroup .ocp_dropDownFilterSection .richTextDropDown .valueBox .item > span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.spza_filterGroup .ocp_dropDownFilterSection .richTextDropDown > .c-menu {
max-height: 200px;
}
.spza_filterGroup .ocp_dropDownFilterSection .richTextDropDown > .c-menu li .item {
padding-left: 2px;
padding-right: 2px;
font-size: 12px;
}
.spza_filterGroup .spza_filterItems {
display: block;
}
.spza_filterGroup .spza_filterItems .filterPaneItemRoot .subtitle {
margin-left: 10px;
}
.spza_filterGroup .spza_filterItems .filterPaneItemRoot .spza_filterSubTitle {
font-size: 12px;
line-height: 15px;
margin-top: 5px;
font-family: Segoe UI;
color: #666;
}
.spza_filterGroup .spza_filterItems .filterPaneItemRoot .indentCheckbox {
margin-left: 10px;
}
.spza_filterGroup .spza_filterItems .filterPaneItemRoot > .filterItem {
height: 24px;
}
.spza_filterGroup .spza_filterItems .filterPaneItemRoot > .filterItem .spza_filterItem.spza_activeFilter a[role=button] h3:first-child {
font-weight: 700;
}
.spza_filterGroup .spza_filterItems .filterPaneItemRoot > .filterItem .spza_filterItem.spza_activeFilter a[role=button] h3:first-child.embedFilterButton {
font-weight: 400;
}
.spza_filterGroup .spza_filterItems .filterPaneItemRoot > div > .filterItem > label {
margin-left: 10px;
}
.spza_filterGroup .spza_filterItems .filterPaneItemRoot.taxonomy .spza_filterItem.spza_activeFilter a h3:first-child {
font-weight: bold;
}
.spza_filterGroup .spza_filterItemsNoIndent {
display: block;
}
.spza_filterGroup .spza_filterItemsNoIndent .filterPaneItemRoot .subtitle {
margin-left: 10px;
}
.spza_filterGroup .spza_filterItemsNoIndent .filterPaneItemRoot .spza_filterSubTitle {
font-size: 12px;
line-height: 15px;
margin-top: 5px;
font-family: Segoe UI;
color: #666;
}
.spza_filterGroup .spza_filterItemsNoIndent .filterPaneItemRoot .indentCheckbox {
margin-left: 10px;
}
.spza_filterGroup .spza_filterItemsNoIndent .filterPaneItemRoot > .filterItem {
height: 24px;
}
.spza_filterGroup .spza_filterItemsNoIndent .filterPaneItemRoot > .filterItem .spza_filterItem.spza_activeFilter a[role=button] h3:first-child {
font-weight: 700;
}
.spza_filterGroup .spza_filterItemsNoIndent .filterPaneItemRoot > div > .filterItem > label {
margin-left: 10px;
}
.spza_filterGroup .filterItem .spza_filterItem {
display: block;
font-size: 12px;
height: 24px;
line-height: 24px;
font-family: Segoe UI;
color: #666;
cursor: pointer;
margin-top: 0px;
margin-right: 0px;
}
.spza_filterGroup .filterItem .spza_filterItem.ocpFilterPane a[role=checkbox] h3:first-child,
.spza_filterGroup .filterItem .spza_filterItem.ocpFilterPane a[role=button] h3:first-child {
max-width: 210px;
}
.spza_filterGroup .filterItem .spza_filterItem a[role=checkbox] h3:first-child,
.spza_filterGroup .filterItem .spza_filterItem a[role=option] h3:first-child,
.spza_filterGroup .filterItem .spza_filterItem a[role=button] h3:first-child {
max-width: 210px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: normal;
font-size: 12px;
}
.spza_filterGroup .filterItem .spza_filterItem a[role=checkbox] h3:first-child.ecaFilterText,
.spza_filterGroup .filterItem .spza_filterItem a[role=option] h3:first-child.ecaFilterText,
.spza_filterGroup .filterItem .spza_filterItem a[role=button] h3:first-child.ecaFilterText {
max-width: 175px;
}
@media screen and (-ms-high-contrast: active) {
.spza_filterGroup .filterItem .spza_filterItem a[role=checkbox] a,
.spza_filterGroup .filterItem .spza_filterItem a[role=option] a,
.spza_filterGroup .filterItem .spza_filterItem a[role=button] a {
color: windowText;
}
}
.spza_filterGroup .filterItem .spza_filterItem input[type=checkbox] + span {
padding-left: 20px;
}
.spza_filterGroup .filterItem .spza_filterItem input[type=checkbox] + span:before {
top: 7px;
height: 12px;
width: 12px;
line-height: 12px;
-webkit-box-shadow: inset 0 0 0 1px #999ca0;
box-shadow: inset 0 0 0 1px #999ca0;
outline: none;
}
.spza_filterGroup .filterItem .spza_filterItem input[type=checkbox]:focus + span:before {
outline: 1px dotted #006fc2;
}
.spza_filterGroup .filterItem .spza_filterItem input[type=checkbox]:hover + span:before {
-webkit-box-shadow: inset 0 0 0 1px #000;
box-shadow: inset 0 0 0 1px #000;
}
.spza_filterGroup .filterItem .spza_filterItem input[type=checkbox]:hover + span:after {
font-size: 12px;
padding: 0;
}
.spza_filterGroup .filterItem .spza_filterItem input[type=checkbox]:checked + span:before {
background: #006fc2;
-webkit-box-shadow: inset 0 0 0 1px #006fc2;
box-shadow: inset 0 0 0 1px #006fc2;
outline: 1px dotted #006fc2;
}
.spza_filterGroup .filterItem .spza_filterItem input[type=checkbox]:checked + span:after {
font-size: 12px;
padding: 0;
}
.spza_galleryHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0px 20px 20px 20px;
clear: both;
width: 1080px;
}
@media (max-width: 1362px) {
.spza_galleryHeader {
width: 860px;
}
}
@media (max-width: 1130px) {
.spza_galleryHeader {
width: 639px;
}
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_galleryHeader {
width: 100%;
}
}
.spza_galleryHeader .icon {
margin-right: 15px;
width: 72px;
height: 72px;
}
.spza_galleryHeader .icon .thumbnail {
width: 72px;
height: 72px;
position: absolute;
top: 0;
left: 0;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.spza_galleryHeader .header .headerName {
font-size: 24px;
font-weight: 200;
}
.spza_galleryHeader .header .learnMore {
margin-bottom: 2px;
display: inline-block;
text-decoration: none;
cursor: pointer;
font-size: 15px;
color: #006fc2;
}
.spza_galleryHeader .header .learnMore:hover {
text-decoration: underline;
}
.spza_regions {
width: 68%;
max-width: 1600px;
-ms-flex-item-align: center;
align-self: center;
margin-bottom: 30px;
}
.spza_regions .regionTitle {
padding: 0;
margin: 30px 0 20px 0;
}
.spza_regions .details {
padding-bottom: 30px;
}
.spza_regions .details .column {
float: left;
width: 23.5%;
}
@media screen and (max-width: 679px) and (min-width: 540px) {
.spza_regions .details .column {
width: 49%;
}
}
@media screen and (max-width: 539px) {
.spza_regions .details .column {
width: 100%;
}
}
.spza_regions .details .column > li {
list-style-type: none;
}
.galleryHeader {
min-width: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.emptyGalleryHeader {
display: none;
}
.galleryHeader_tileFilters {
margin: 0 0 12px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.galleryHeader_tileFilters .tileFilter {
display: none;
}
}
.spza_defaultText {
clip: rect(1px 1px 1px 1px);
/* IE 6/7 */
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
/* added line */
}
.spza_defaultText:focus {
position: relative;
display: block;
clip: auto;
padding: 0.5em;
font-family: Segoe UI light;
min-width: 200px;
height: auto;
overflow: auto;
left: 45%;
font-size: 20px;
text-decoration: underline;
}
@media (max-width: 539px) {
.spza_galleryContainer {
margin-top: 20px;
}
}
.spza_homePage {
width: 100%;
max-width: none;
-ms-flex-item-align: stretch;
align-self: stretch;
margin-bottom: 0;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
position: relative;
}
.spza_homePage .section {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
padding: 16px 30px 16px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.spza_homePage .homeTop {
color: #323130;
padding: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 352px;
overflow: hidden;
}
.spza_homePage .homeTop .valuePropositionDynamicContent {
margin: auto;
padding: 0px 20px 0px 20px;
max-width: 1222px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_homePage .homeTop .valuePropositionDynamicContent .dynamicText {
background-color: #ffffff;
opacity: 0.8;
max-width: 480px;
padding: 32px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent .dynamicText .mobileButton {
display: none;
}
.spza_homePage .landingBackground {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.spza_homePage .landingHeader,
.spza_homePage .landingSubHeader {
z-index: 1;
}
.spza_homePage .landingHeader {
font-size: 28px;
line-height: 36px;
font-weight: 600;
}
.spza_homePage .landingSubHeader {
padding: 16px 0 0 0;
font-size: 18px;
line-height: 24px;
}
.spza_homePage .homeHeader {
font-size: 24px;
font-weight: 400;
line-height: 36px;
}
.spza_homePage .actionBannerButton {
background-color: #0078d4;
border-radius: 2px;
padding: 6px 20px;
color: #ffffff;
height: 32px;
}
.spza_homePage .actionBannerButton:hover {
background-color: #106ebe;
}
.spza_homePage .actionBannerButton:active {
background-color: #005a9e;
}
.spza_homePage .actionBannerButton:focus {
border: 1px solid #ffffff;
}
.spza_homePage .homeValuePropositionActionBanner {
width: 100%;
background-color: #faf9f8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 64px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza_homePage .homeValuePropositionActionBanner span {
margin: 0 16px;
}
.spza_homePage .homeSuccessStory {
padding: 48px 30px 64px 30px;
background: #f3f2f1;
}
.spza_homePage .homeSuccessStory .successStoryHeader {
font-weight: 400;
font-size: 28px;
line-height: 36px;
}
.spza_homePage .homeMarketing {
padding: 20px 0 68px 0;
background-color: #106ebe;
color: #ffffff;
}
.spza_homePage .homeMarketing .helpSectionTitle {
font-size: 28px;
margin: 48px 0px 42px 0px;
}
.spza_homePage .homeMarketing .marketContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1280px;
padding: 0 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 768px) {
.spza_homePage .homeMarketing .marketContent {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza_homePage .homeMarketing .marketContent .cardContent:not(:last-child) {
margin-bottom: 86px;
}
}
.spza_homePage .homeMarketing .marketContent .cardContent {
width: 256px;
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.spza_homePage .homeMarketing .marketContent .cardContent .marketIcon {
margin-bottom: 20px;
}
.spza_homePage .homeMarketing .marketContent .cardContent .marketHeader {
font-size: 16px;
margin-bottom: 16px;
font-weight: 600;
}
.spza_homePage .homeMarketing .marketContent .cardContent .marketParagraph {
font-size: 14px;
margin-bottom: 16px;
}
.spza_homePage .homeMarketing .marketContent .cardContent .supportLink {
font-size: 14px;
margin-top: auto;
color: #ffffff;
font-weight: 600;
}
.spza_homePage .homeSuccessStory .tabContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza_homePage .homeSuccessStory .tabContainer > div:first-child {
margin: 32px 0px;
}
.spza_homePage .homeSuccessStory .tabContainer .tabContent {
top: 0;
}
.spza_homePage .homeSuccessStory .tabContainer:first-child {
margin: 32px 0px;
}
.spza_homePage .homeSuccessStory .storyContainer .mobileContentContainer {
display: none;
}
.spza_homePage .homeSuccessStory .storyContainer .image {
color: #323130;
padding: 0;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
height: 690px;
max-width: 1280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-top: auto;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-width: 1280px;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer .testimonial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 32px;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer .testimonial .title {
font-size: 24px;
line-height: 32px;
font-weight: 600;
color: #ffffff;
max-width: 720px;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer .testimonial .author {
background: #edebe9;
opacity: 0.9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 16px 36px 16px 16px;
margin-top: 32px;
max-width: 650px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer .testimonial .author .authorName {
font-weight: 600;
margin-bottom: 4px;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer .testimonial .author .authorName .authorTitle {
font-size: 16px;
line-height: 22px;
color: #000000;
}
.spza_homePage .homeSuccessStory .storyContainer .apps {
background: #ffffff;
-webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
border-radius: 2px;
margin: 32px;
height: 300px;
max-width: 645px;
}
.spza_homePage .homeSuccessStory .storyContainer .apps .tileWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 170px;
margin: 24px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: hidden;
}
.spza_homePage .homeSuccessStory .storyContainer .apps .tileWrapper * {
margin: 0px 0px 16px 0px;
}
.spza_homePage .homeSuccessStory .storyContainer .apps .tileWrapper .title {
font-weight: 600;
font-size: 18px;
line-height: 24px;
}
.spza_homePage .homeSuccessStory .storyContainer .apps .tileWrapper .icon {
width: 60px;
height: 60px;
}
.spza_homePage .homeSuccessStory .storyContainer .apps .tileWrapper .link {
color: #0078d4;
}
.spza_homePage .homeSuccessStory .storyContainer .apps .tileWrapper .link:hover {
text-decoration: underline;
}
.spza_homePage .homeSuccessStory .storyContainer .appsDesktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
}
.spza_homePage .homeSuccessStory .storyContainer .appsMobile {
display: none;
margin: 0px 0px 32px 0px;
max-width: 100%;
}
@media (max-width: 1366px), screen and (max-device-width: 1024px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_homePage .homeTop {
height: 160px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent {
padding: 0px 40px 0px 40px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent .dynamicText {
max-width: 590px;
padding: 14px 24px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent .dynamicText .landingHeader {
font-size: 24px;
}
}
@media (max-width: 1024px), screen and (max-device-width: 640px) and (max-device-height: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_homePage .homeTop {
height: 160px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent .dynamicText {
max-width: 682px;
background-color: transparent;
padding: 14px 24px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent .dynamicText .landingSubHeader {
max-width: 350px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent .dynamicText .mobileButton {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_homePage .landingBackground {
background-color: #ffffff;
opacity: 0.8;
}
.spza_homePage .homeValuePropositionActionBanner {
display: none;
}
.spza_homePage .landingHeader {
font-size: 18px;
line-height: 24px;
}
.spza_homePage .landingSubHeader {
font-size: 14px;
line-height: 20px;
padding: 8px 0 12px 0;
}
.spza_homePage .homeSuccessStory .tabContainer {
width: 100%;
}
.spza_homePage .homeSuccessStory .tabContainer .tabContent {
width: 100%;
}
.spza_homePage .homeSuccessStory .tabContainer .tabContent .storyContainer .contentContainer {
min-width: 0px;
}
.spza_homePage .homeSuccessStory .tabContainer .tabContent .storyContainer .testimonial .title {
max-width: 480px;
}
.spza_homePage .homeSuccessStory .tabContainer .tabContent .storyContainer .appsDesktop {
display: none;
}
.spza_homePage .homeSuccessStory .tabContainer .tabContent .storyContainer .appsMobile {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 640px), screen and (max-device-width: 320px) and (max-device-height: 320px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_homePage .homeTop {
height: 192px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent {
padding: 8px;
}
.spza_homePage .homeTop .valuePropositionDynamicContent .dynamicText {
padding: 0;
}
.spza_homePage .landingBackground {
background-color: #ffffff;
opacity: 0.8;
}
.spza_homePage .homeSuccessStory .storyContainer .landingSubHeader {
padding: 8px 0 12px 0;
}
.spza_homePage .homeSuccessStory .storyContainer .image {
background: none !important;
height: auto;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer {
min-width: 0px;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer .testimonial .title {
color: #000000;
}
.spza_homePage .homeSuccessStory .storyContainer .image .contentContainer .testimonial .author {
padding: 0px;
margin-top: 8px;
background-color: transparent;
}
.spza_homePage .homeSuccessStory .storyContainer .appsMobile {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: auto;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.richTextDropDown {
background-color: #fff;
}
.richTextDropDown > .valueBox {
width: 100%;
display: table;
border: solid 1px #999;
padding: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
cursor: pointer;
color: #333;
font-weight: normal;
}
.richTextDropDown > .valueBox > * {
display: table-cell;
}
.richTextDropDown > .valueBox:after {
content: "";
display: none;
}
.richTextDropDown > .valueBox > .toggle {
display: table-cell;
width: 35px;
text-align: center;
vertical-align: middle;
padding-top: 4px;
}
.richTextDropDown > .valueBox > .toggle span:before {
content: "";
}
.richTextDropDown > .valueBox[aria-expanded=true] {
border-bottom: none;
}
.richTextDropDown > .valueBox[aria-expanded=true] > .toggle span:before {
content: "";
}
.richTextDropDown > .valueBox .item {
padding: 3px 0 3px 10px;
}
.richTextDropDown > .valueBox .item > span {
display: block;
width: 120px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.richTextDropDown > .c-menu {
background-color: white;
border: solid 1px #999;
min-width: 100%;
z-index: 2000;
max-height: 400px;
overflow-y: auto;
width: inherit;
}
.richTextDropDown > .c-menu > .placeholder {
width: 35px;
}
.richTextDropDown > .c-menu li {
cursor: pointer;
display: table;
min-width: 100%;
}
.richTextDropDown > .c-menu li.highlight {
background-color: #2f59a8;
}
.richTextDropDown > .c-menu li.highlight .item {
color: #fff;
}
.richTextDropDown > .c-menu li .value {
display: table-cell;
}
.richTextDropDown > .c-menu li .placeholder {
display: table-cell;
width: 35px;
}
.richTextDropDown > .c-menu li .item {
padding: 3px 0 3px 10px;
color: #333;
font-weight: normal;
white-space: nowrap;
}
.doubleSlider {
width: 100%;
height: 20px;
display: table;
}
.doubleSlider > * {
display: table-cell;
vertical-align: middle;
}
.doubleSlider > span {
width: 30px;
text-align: center;
border: solid 1px #999;
background: white;
}
.doubleSlider .centerCell {
padding: 0 5px;
}
.doubleSlider .centerCell .container {
position: relative;
}
.doubleSlider .centerCell .container .bar,
.doubleSlider .centerCell .container .middleBar {
background: grey;
height: 5px;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.doubleSlider .centerCell .container .middleBar {
background: #2855a6;
width: auto;
}
@media screen and (-ms-high-contrast: active) {
.doubleSlider .centerCell .container .middleBar {
outline: 1px solid white;
}
}
.doubleSlider .centerCell .container .slider {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
border-radius: 999px;
background: white;
border: solid 1px #333;
cursor: pointer;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.doubleSlider .centerCell .container .slider:active, .doubleSlider .centerCell .container .slider:focus {
border-color: #3c69ba;
}
.spza_searchBox {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
position: relative;
margin: 0 20px;
width: 244px;
max-width: 500px;
min-width: 250px;
height: 36px;
float: right;
}
.spza_tileWrapper {
height: 316px;
width: 200px;
border: 1px solid #e0e0e0;
background-color: #ffffff;
margin: 16px 8px;
position: relative;
cursor: pointer;
color: #a0a0a0;
-webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
text-align: center;
-webkit-transition: border 0.5s, -webkit-box-shadow 0.5s;
transition: border 0.5s, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border 0.5s;
transition: box-shadow 0.5s, border 0.5s, -webkit-box-shadow 0.5s;
display: inline-block;
line-height: 1.1em;
}
.spza_tileWrapper.spza_serviceTileWrapper {
height: 260px;
}
@media (max-width: 640px) {
.spza_tileWrapper.spza_serviceTileWrapper {
height: 90px;
}
}
@media (max-width: 640px) {
.spza_tileWrapper {
width: 100%;
margin: 5px 0;
height: 90px;
}
.spza_tileWrapper .topBackground > svg {
position: relative;
width: 100%;
}
}
.spza_tileWrapper:hover, .spza_tileWrapper:focus {
-webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
text-decoration: none;
color: #a0a0a0;
}
.spza_tileWrapper:hover .topBackground, .spza_tileWrapper:focus .topBackground {
opacity: 0.8;
}
.spza_tileWrapper .topBackground {
height: 68px;
width: 100%;
-webkit-transition: opacity 0.25s;
transition: opacity 0.25s;
opacity: 0.1;
overflow: hidden;
color: transparent;
}
.spza_tileWrapper .topBackground > svg {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 400px;
height: 400px;
}
@media (max-width: 640px) {
.spza_tileWrapper .topBackground {
right: auto;
bottom: 0;
width: auto;
height: 90px;
overflow: inherit;
}
.spza_tileWrapper .topBackground > svg {
width: 100%;
height: 90px;
}
.spza_tileWrapper .topBackground > svg > image {
width: 100%;
height: 90px;
}
}
.spza_tileWrapper .topBackground .backgroundImg {
background-position: center;
background-size: 400px 400px;
-webkit-filter: blur(30px) saturate(100%);
width: 100%;
height: 100%;
}
.spza_tileWrapper .tileThumbnail {
width: 48px;
height: 48px;
z-index: 2;
left: 10px;
top: 10px;
position: absolute;
background-color: transparent;
display: table;
}
.spza_tileWrapper .tileThumbnail > div {
display: table-cell;
text-align: center;
vertical-align: middle;
}
@media (max-width: 640px) {
.spza_tileWrapper .tileThumbnail {
left: 15px;
top: 10px;
}
}
.spza_tileWrapper .tileThumbnail .thumbnailSpacer {
height: 100%;
display: inline-block;
vertical-align: middle;
}
.spza_tileWrapper .tileThumbnail .ready {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.spza_tileWrapper .tileThumbnail .delayLoadImage {
color: transparent;
}
.spza_tileWrapper .tileThumbnail .thumbnail {
max-width: 48px;
max-height: 48px;
font-size: 1px;
}
.spza_tileWrapper .tileThumbnail .thumbnail img {
max-width: 48px;
max-height: 48px;
}
.spza_tileWrapper .tileBadge {
position: absolute;
right: 10px;
bottom: 10px;
}
@media (max-width: 640px) {
.spza_tileWrapper .tileBadge {
right: 50px;
}
}
.spza_tileWrapper .tileBadge img {
width: 20px;
margin-left: 5px;
vertical-align: top;
}
.spza_tileWrapper .tileBadge .size-14 {
width: 14px;
}
.spza_tileWrapper .tileBadge:focus::after {
content: attr(title);
position: absolute;
right: 100%;
width: 160px;
padding: 4px;
color: #ffffff;
background: #4f4f4f;
border: 1px solid #d4d6d9;
}
.spza_tileWrapper .mobileTileBadge {
position: absolute;
right: 45px;
bottom: 10px;
}
.spza_tileWrapper .mobileTileBadge img {
width: 20px;
}
.spza_tileWrapper .mobileTileBadge .size-14 {
width: 14px;
}
.spza_tileWrapper .tileContent {
position: absolute;
top: 68px;
left: 0;
right: 0;
bottom: 44px;
color: #666;
font-size: 12px;
line-height: 1.3em;
text-align: left;
}
@media (max-width: 640px) {
.spza_tileWrapper .tileContent {
float: left;
position: absolute;
top: 0;
left: 75px;
height: 100%;
text-align: left;
}
}
@media screen and (-ms-high-contrast: white-on-black) {
.spza_tileWrapper .tileContent h6,
.spza_tileWrapper .tileContent .middleSection p,
.spza_tileWrapper .tileContent .middleSection .provider p {
color: #3ff23f;
}
}
.spza_tileWrapper .tileContent .middleSection.ecaTileMiddleSection .tileBadge {
float: right;
padding-bottom: 5px;
padding-right: 5px;
position: relative;
right: unset;
top: unset;
}
.spza_tileWrapper .tileContent .middleSection.ecaTileMiddleSection .tileBadge img {
width: 60px;
}
.spza_tileWrapper .tileContent .middleSection.ecaTileMiddleSection .providerSection p {
white-space: pre-wrap;
}
.spza_tileWrapper .tileContent .middleSection .aveRatings {
padding: 0 10px 3px 10px;
position: absolute;
bottom: 32px;
left: 0;
width: 100%;
}
@media (max-width: 640px) {
.spza_tileWrapper .tileContent .middleSection .aveRatings {
bottom: 6px;
}
}
.spza_tileWrapper .tileContent .middleSection .aveRatings .sr-only {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.spza_tileWrapper .tileContent .middleSection .aveRatings .detailsRating .c-glyph {
width: 18px;
height: 18px;
margin-right: 2px;
}
.spza_tileWrapper .tileContent .middleSection .aveRatings .detailsRating .c-glyph:after {
color: #006fc2;
font-size: 18px;
}
.spza_tileWrapper .tileContent .middleSection .aveRatings .detailsRating .c-glyph:before {
font-size: 18px;
}
.spza_tileWrapper .tileContent .middleSection .aveRatings .ratingsCount {
float: left;
margin-top: 0;
line-height: 18px;
}
.spza_tileWrapper .tileContent .title {
margin: 10px 10px 6px 10px;
font-size: 16px;
color: black;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
overflow: hidden;
line-height: 18px;
}
@media (max-width: 640px) {
.spza_tileWrapper .tileContent .title {
margin: 5px 10px 0px 10px;
font-size: 13px;
line-height: 16px;
-webkit-line-clamp: 1;
}
}
.spza_tileWrapper .tileContent .provider {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 10px 2px 10px;
}
.spza_tileWrapper .tileContent .description {
line-height: 15px;
text-overflow: clip;
overflow: hidden;
font-size: 12px;
padding: 0 10px 2px 10px;
color: #565656;
max-height: 45px;
display: -webkit-box;
-webkit-box-orient: vertical;
}
@media (max-width: 640px) {
.spza_tileWrapper .tileContent .description {
display: none;
}
}
.spza_tileWrapper .tileContent .product {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0px 10px 0 10px;
}
.spza_tileWrapper .tileContent .providerSection {
margin-bottom: 6px;
color: #565656;
}
.spza_tileWrapper .tileContent .provider {
line-height: 12px;
font-weight: 400;
font-size: 10px;
}
.spza_tileWrapper .tileContent .built-for-section {
max-height: 40px;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-outer-wrapper {
padding: 0 10px 0 10px;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-outer-wrapper .built-for-container {
overflow: hidden;
max-height: 40px;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-outer-wrapper .built-for-container .product-tip {
position: relative;
font-size: 12px;
line-height: 14px;
cursor: pointer;
font-weight: 600;
padding-top: 4px;
text-overflow: ellipsis;
white-space: nowrap;
color: #0078d4;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
overflow: hidden;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-outer-wrapper .built-for-product-container {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px 8px 2px 0px;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-outer-wrapper .built-for-product-container .built-for-product-icon-wrapper {
top: 2px;
left: 20px;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-outer-wrapper .built-for-product-container .built-for-product-icon-wrapper .built-for-icon {
background-position: -190px -170px;
width: 12px;
height: 12px;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-outer-wrapper .built-for-product-container .built-for-product-icon-wrapper .built-for-icon .ms-BrandIcon-svg--icon16.product-icon-12 {
width: 12px;
height: 12px;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-outer-wrapper .built-for-product-container .built-for-product-title {
font-size: 12px;
line-height: 14px;
color: #323130;
font-weight: 600;
padding-left: 5px;
}
.spza_tileWrapper .tileContent .built-for-section .built-for-section-add-ins {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
max-height: 15px;
padding-left: 10px;
padding-right: 10px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-icon-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-count-info {
font-size: 12px;
line-height: 14px;
white-space: nowrap;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-icon {
width: 20px;
height: 12px;
padding-left: 4px;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-icon .ms-BrandIcon-svg--icon16.product-icon-12 {
width: 12px;
height: 12px;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-tip:hover .linked-addin-tip-container {
visibility: visible;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-tip {
position: relative;
font-size: 12px;
line-height: 14px;
cursor: pointer;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
color: #565656;
display: inline-block;
padding-top: 2px;
text-overflow: ellipsis;
white-space: nowrap;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-tip .linked-addin-more-hint {
position: relative;
font-size: 12px;
line-height: 14px;
cursor: pointer;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
color: #0078d4;
display: inline-block;
padding-top: 2px;
text-overflow: ellipsis;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-tip .linked-addin-tip-container {
visibility: hidden;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
text-align: center;
border-radius: 6px;
z-index: 1;
background: #fefefe;
border: 0.5px solid #d5d5d5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.12);
border-radius: 1px;
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -60px;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-tip .linked-addin-tip-container .linked-addin-tip-message {
font-size: 10px;
line-height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #323130;
padding: 2px 6px 2px 6px;
}
.spza_tileWrapper .tileContent .built-for-section .linked-addin-wrapper .linked-addin-row .linked-addin-tip .linked-addin-tip-container .linked-addin-tip-addins {
font-size: 10px;
line-height: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #323130;
padding: 2px 6px 2px 6px;
}
.spza_tileWrapper .tileContent .ms-BrandIcon--excel.ms-BrandIcon-svg--icon16 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/excel_16x1.svg);
}
.spza_tileWrapper .tileContent .ms-BrandIcon--word.ms-BrandIcon-svg--icon16 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/word_16x1.svg);
}
.spza_tileWrapper .tileContent .ms-BrandIcon--powerpoint.ms-BrandIcon-svg--icon16 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/powerpoint_16x1.svg);
}
.spza_tileWrapper .tileContent .ms-BrandIcon--teams.ms-BrandIcon-svg--icon16 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/teams_16x1.svg);
}
.spza_tileWrapper .tileContent .ms-BrandIcon--outlook.ms-BrandIcon-svg--icon16 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/outlook_16x1.svg);
}
.spza_tileWrapper .tileContent .ms-BrandIcon--sharepoint.ms-BrandIcon-svg--icon16 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/sharepoint_16x1.svg);
}
.spza_tileWrapper .tileContent .ms-BrandIcon--onenote.ms-BrandIcon-svg--icon16 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/onenote_16x1.svg);
}
.spza_tileWrapper .tileContent .ms-BrandIcon--project.ms-BrandIcon-svg--icon16 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/project_16x1.svg);
}
.spza_tileWrapper .tileContent .icon-webapp-12 {
background-image: url(/static/assets/webapp.082321.0004.579dd964a9.svg);
background-position: 0px 0px;
width: 12px;
height: 12px;
background-size: 100% 100%;
}
.spza_tileWrapper .tileContent .icon-info-14 {
background-image: url(/static/assets/info.082321.0004.579dd964a9.svg);
width: 14px;
height: 14px;
}
.spza_tileWrapper .tileContent .product {
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
line-height: 10px;
font-size: 9px;
font-weight: 400 !important;
height: 11px;
width: 100%;
}
@media (max-width: 640px) {
.spza_tileWrapper .tileContent .product {
display: none;
}
}
.spza_tileWrapper .totalTiles {
position: absolute;
visibility: hidden;
}
.spza_tileWrapper .tileFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 44px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: auto;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
@media (max-width: 640px) {
.spza_tileWrapper .tileFooter {
display: none;
}
}
.spza_tileWrapper .tileFooter .getButton {
margin: 5.5px;
padding: 0;
background-color: white;
color: #006fc2;
font-size: 12px;
}
.spza_tileWrapper .tileFooter .getButton:hover, .spza_tileWrapper .tileFooter .getButton:focus {
background-color: #006fc2;
color: white;
outline: none;
border: none;
}
.spza_tileWrapper .tileFooter .getButton[disabled] {
color: #a19f9d;
cursor: default;
pointer-events: none;
}
.spza_tileWrapper .tileFooter p.disabledButton {
padding: 10px;
}
.spza_tileWrapper .expertBadge {
position: absolute;
top: 10px;
right: 10px;
display: block;
width: 20px;
}
.spza_tileWrapper .startingPrice {
position: absolute;
bottom: 10px;
left: 10px;
text-align: left;
max-height: 22px;
}
.spza_tileWrapper .startingPrice .pricingText {
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: black;
}
@media screen and (-ms-high-contrast: white-on-black) {
.spza_tileWrapper .startingPrice .pricingText {
color: #3ff23f;
}
}
.spza_tileWrapper .startingPrice .additionalPurchaseText {
font-size: 10px;
line-height: 11px;
font-weight: 400;
color: black;
width: 110px;
}
.spza_tileWrapper .startingPrice .notAvailableInRegionContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_tileWrapper .startingPrice .notAvailableInRegionContainer .notAvailableInRegionText {
font-size: 10px;
line-height: 12px;
width: 135px;
padding-left: 4px;
}
@media (max-width: 640px) {
.spza_tileWrapper .startingPrice {
display: none;
}
}
.spza_tileWrapper .servicePricingSection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
position: absolute;
bottom: 10px;
left: 10px;
width: calc(100% - 10px);
}
@media (max-width: 640px) {
.spza_tileWrapper .servicePricingSection .subPricingSection {
display: none;
}
}
.spza_tileWrapper .servicePricingSection .subPricingSection {
position: relative;
}
.spza_tileWrapper .servicePricingSection .serviceTileBadge {
position: absolute;
right: 10px;
bottom: 0;
}
.spza_tileWrapper .servicePricingSection .serviceTileBadge img {
width: 20px;
height: 20px;
}
@media (max-width: 640px) {
.spza_tileWrapper .servicePricingSection .serviceTileBadge {
right: 50px;
bottom: 1px;
}
}
.spza_tileWrapper .servicePricingSection .servicePricing {
float: left;
font-size: 14px;
font-weight: 600;
line-height: 18px;
margin-top: 4px;
color: black;
}
.spza_tileWrapper .servicePricingSection .servicePricingDecorator {
float: left;
font-size: 10px;
color: #767676;
font-weight: 350;
margin-left: 5px;
margin-top: 6px;
}
.spza_tileWrapper .servicePricingSection .serviceAzureCredit {
float: left;
font-size: 10px;
color: #767676;
font-weight: 350;
font-style: italic;
}
.spza_tileWrapper .tileLink {
display: block;
}
/*
-ms-high-contrast is Microsoft-specific (and only available in IE 10+), it will only be parsed in Internet Explorer 10 and greater.
-ms-high-contrast supports two values: none and active. So to target IE10+ regardless of the property’s setting, use this media query
*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.spza_tileWrapper .topBackground {
opacity: 0.1;
}
.spza_tileWrapper:hover .topBackground, .spza_tileWrapper:focus .topBackground {
opacity: 0.8;
}
}
_:-ms-lang(x) .topBackground,
_:-webkit-full-screen .topBackground,
.spza_tileWrapper .topBackground {
opacity: 0.1;
}
_:-ms-lang(x):hover .topBackground, _:-ms-lang(x):focus .topBackground,
_:-webkit-full-screen:hover .topBackground,
_:-webkit-full-screen:focus .topBackground,
.spza_tileWrapper:hover .topBackground,
.spza_tileWrapper:focus .topBackground {
opacity: 0.8;
}
@-moz-document url-prefix() {
.spza_tileWrapper .topBackground {
opacity: 0.1;
}
.spza_tileWrapper:hover .topBackground, .spza_tileWrapper:focus .topBackground {
opacity: 0.8;
}
}
.spza_partnerDetailContainer .iconHost {
border: 1px solid #d3d3d3;
}
.spza_partnerDetailContainer .iconHost .appLargeIcon {
max-width: 162px !important;
max-height: 162px !important;
}
.spza_partnerDetailContainer .iconHost .appLargeIcon img {
width: 100%;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails {
margin-top: 15px;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails .cell {
margin-bottom: 15px;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails .cell a {
text-overflow: ellipsis;
overflow: hidden;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails .cell .leftSideItem {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails .cell .moreData {
color: #006fc2;
font-size: 12px;
line-height: 18px;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails .cell .moreData:hover {
cursor: pointer;
text-decoration: underline;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails .cell .term-links a {
display: inline;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails .filterItem.d365FilterGroupHeader {
display: none;
}
.spza_partnerDetailContainer .detailContent .metadata .metaDetails .filterItem:hover {
cursor: pointer;
}
.spza_partnerDetailContainer .detailContent .content .overview .appDetailContent .link {
padding-top: 7px;
}
.spza_partnerDetailContainer .detailContent .content .overview .appDetailContent .link .linkTitle {
margin-bottom: 3px;
}
.spza_partnerDetailContainer .detailContent .content .overview .appDetailContent .partnerDescription {
max-height: 294px;
overflow: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.spza_partnerDetailContainer .detailContent .content .overview .appDetailContent .showLessText {
max-height: none;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.spza_partnerDetailContainer .detailContent .content .overview .appDetailContent .readMoreDescription {
color: #006fc2;
font-size: 13px;
}
.spza_partnerDetailContainer .detailContent .content .overview .appDetailContent .readMoreDescription:hover {
cursor: pointer;
}
.spza_partnerDetailContainer .detailContent .content .overview .appDetailContent .hideButton {
display: none;
}
.spza_partnerDetailContainer .detailContent .content .partnerDetailHeader {
margin-bottom: 15px;
}
.spza_partnerDetailContainer .detailContent .content .partnerDetailHeader .tagline {
padding: 0;
font-size: 13px;
color: #050708;
line-height: 20px;
}
.spza_partnerDetailContainer .tabContainer {
min-height: 52px;
clear: both;
}
.spza_partnerDetailContainer .tabContainer .separator {
border-bottom: 1px solid #d3d3d3;
position: relative;
top: -8px;
}
.spza_partnerDetailContainer .tabContainer .defaultTab {
float: left;
outline: none;
height: 51px;
}
.spza_partnerDetailContainer .tabContainer .defaultTab:focus > label {
border: 1px dotted #888;
}
.spza_partnerDetailContainer .tabContainer .defaultTab > label {
display: inline-block;
margin: 0 35px -1px 0;
padding: 15px 0 15px 0;
text-align: center;
color: #006fc2;
border: 1px solid transparent;
cursor: pointer;
font-size: 18px;
line-height: 20px;
}
.spza_partnerDetailContainer .tabContainer .defaultTab > label:hover {
color: #006fc2;
border-bottom: 3px solid #006fc2;
}
.spza_partnerDetailContainer .tabContainer .defaultTab [type=radio] {
display: none;
}
.spza_partnerDetailContainer .tabContainer .tabSelected > label {
color: #000;
border-bottom: 3px solid #333;
-webkit-transition: border 0.4s;
transition: border 0.4s;
}
.spza_partnerDetailContainer .tabContainer .tabSelected > label:hover {
color: #000;
border-bottom: 3px solid #006fc2;
}
.spza_partnerDetailContainer .tabContainer > .tabContent {
display: block;
position: relative;
top: 10px;
clear: both;
}
.spza_partnerDetailContainer .tabContainer > .tabtileContent .spza_filteredTileContainer {
padding: 0 0 0 0;
}
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper h1,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper h2,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper h3,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper h4,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper h5,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper h6,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper p {
margin: 13px 0 !important;
}
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .spza_tileWrapper {
display: inline-block;
}
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .spza_tileWrapper h1,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .spza_tileWrapper h2,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .spza_tileWrapper h3,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .spza_tileWrapper h4,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .spza_tileWrapper h5,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .spza_tileWrapper h6,
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .spza_tileWrapper p {
margin: 0 0 0 0 !important;
}
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper .shortDescription {
margin-bottom: 13px;
}
.spza_partnerDetailContainer .overviewContent .detailsContentWrapper ol {
margin: 13px 0;
padding-left: 40px;
list-style: decimal;
}
.spza_partnerDetailContainer .locationsContent table {
border-collapse: collapse;
width: 100%;
}
.spza_partnerDetailContainer .locationsContent th,
.spza_partnerDetailContainer .locationsContent td {
padding: 0.25rem;
text-align: left;
}
.spza_partnerDetailContainer .locationsContent tbody tr {
border-bottom: 1px solid #d3d3d3;
line-height: 24px;
font-size: 13px;
}
.spza_partnerDetailContainer .competenciesContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_partnerDetailContainer .competenciesContent header {
font-size: 18px;
line-height: 20px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide,
.spza_partnerDetailContainer .competenciesContent .rightSide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .displayItem,
.spza_partnerDetailContainer .competenciesContent .rightSide .displayItem {
font-size: 13px;
line-height: 20px;
max-width: 350px;
min-width: 300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.spza_partnerDetailContainer .competenciesContent .leftSide {
margin-right: 50px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .competency {
margin-bottom: 28px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .gold {
margin: 10px 0 28px 0;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .gold .goldMedalIcon {
margin-right: 28px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .gold,
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .silver {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .gold .goldMedalIcon,
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .silver .silverMedalIcon {
height: 20px;
margin-top: -4px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .gold .goldMedalIcon > img,
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .silver .silverMedalIcon > img {
margin-right: 10px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .gold .goldMedalIcon > span,
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .silver .silverMedalIcon > span {
vertical-align: middle;
font-size: 13px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .competency .silver .silverMedalIcon {
margin-right: 25px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .learnCompetency {
font-size: 13px;
margin-bottom: 28px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .industryCerts header {
margin-bottom: 5px;
}
.spza_partnerDetailContainer .competenciesContent .leftSide .industryCerts div {
font-size: 13px;
}
.spza_partnerDetailContainer .competenciesContent .rightSide .industry,
.spza_partnerDetailContainer .competenciesContent .rightSide .category,
.spza_partnerDetailContainer .competenciesContent .rightSide .customerSize {
margin-bottom: 28px;
}
.spza_partnerDetailContainer .competenciesContent .rightSide .filterItem {
display: block;
font-size: 13px;
line-height: 20px;
}
.spza_partnerDetailContainer .competenciesContent .rightSide .filterItem:hover {
cursor: pointer;
}
.spza_partnerDetailContainer .competenciesContent .rightSide .language header {
margin-bottom: 5px;
}
.spza_partnerDetailContainer .competenciesContent .rightSide .language div {
font-size: 13px;
}
.spza_signInBlock button[id$=-spza_feedback_id] {
background-color: transparent;
border: none;
}
.spza_signInBlock .spza_feedback {
width: 32px;
float: left;
padding: 6px 0 12px 6px;
position: relative;
}
.spza_signInBlock .spza_feedback .smileFace {
-webkit-transition: background 0.1s ease-in;
transition: background 0.1s ease-in;
width: 24px;
height: 24px;
background-image: url(/static/assets/spza-header-user-feedback.082321.0004.579dd964a9.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
}
.spza_signInBlock .spza_feedback .smileFace:hover {
cursor: pointer;
background-image: url(/static/assets/spza-header-user-feedback-filled.082321.0004.579dd964a9.png);
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_feedback .smileFace:hover {
background-image: url(/static/assets/spza-header-user-feedback-filled-blue.082321.0004.579dd964a9.png);
}
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_feedback .smileFace {
background-image: url(/static/assets/spza-header-user-feedback-blue.082321.0004.579dd964a9.png);
}
}
.spza_signInBlock .spza_feedback.active .smileFace {
cursor: pointer;
background-image: url(/static/assets/spza-header-user-feedback-filled.082321.0004.579dd964a9.png);
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_feedback.active .smileFace {
background-image: url(/static/assets/spza-header-user-feedback-filled-blue.082321.0004.579dd964a9.png);
}
}
.spza_signButton {
cursor: pointer;
background: transparent;
border: none;
}
.spza_signButton.spza_signIn .signInButton {
margin: 0;
background: transparent;
color: black;
}
.spza_signButton.spza_signedIn {
height: 42px;
max-width: 300px;
}
.spza_signButton button {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: none;
background-color: white;
}
.spza_signButton button:hover {
background-color: #f2f2f2;
}
.userActions .userTab {
padding-top: 4px;
border: 1px solid #e6e6e6;
width: 300px;
position: absolute;
top: 42px;
right: 0;
background-color: white;
cursor: default;
z-index: 1000;
outline: none;
}
.userActions .userTab > li {
outline: none;
}
.userActions .userTab .firstTab {
min-height: 96px;
}
.userActions .userTab .userTabPhoto {
margin: 16px;
width: 64px;
height: 64px;
float: left;
border-radius: 100%;
}
.userActions .userTab .userTabInfo {
margin-left: 8px;
padding: 4px;
float: left;
}
.userActions .userTab .userTabInfo .userTabName {
padding-top: 8px;
font-size: 16px;
}
.userActions .userTab .userTabInfo .userTabEmail {
margin-top: 8px;
font-size: 14px;
}
.userActions .userTab .userTabSignOut button,
.userActions .userTab .userReviews button {
display: table;
padding: 8px 0px;
width: 100%;
border: none;
background-color: white;
border-top: 1px solid #e6e6e6;
}
.userActions .userTab .userTabSignOut button:hover,
.userActions .userTab .userReviews button:hover {
background-color: #f2f2f2;
}
.userActions .overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
}
.feedbackDialog {
border: 1px solid #e6e6e6;
width: 340px;
position: absolute;
top: 42px;
right: 0;
background-color: white;
cursor: default;
overflow-y: hidden;
overflow-x: hidden;
max-height: 707px;
/* approximate max height */
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.feedbackDialog .overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
}
.feedbackDialog .feedbackDialogContent {
z-index: 1000;
position: relative;
}
.feedbackDialog .feedbackDialogContent .contentHeader,
.feedbackDialog .feedbackDialogContent .subHeader1 {
display: inline-block;
}
.feedbackDialog .feedbackDialogContent .contentHeader {
font-size: 24px;
font-weight: lighter;
margin: 0 0 0 20px;
height: 32px;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 10px;
}
.feedbackDialog .feedbackDialogContent .subHeader1 {
margin: 5px 0 7px 20px;
}
.feedbackDialog .feedbackDialogContent .subHeader1.line1 {
margin-bottom: 15px;
}
.feedbackDialog .feedbackDialogContent .faces {
height: 45px;
margin-left: 20px;
}
.feedbackDialog .feedbackDialogContent .faces .happyFace,
.feedbackDialog .feedbackDialogContent .faces .sadFace {
background-color: transparent;
border: none;
padding: 0;
}
.feedbackDialog .feedbackDialogContent .faces .happyFace {
float: left;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.feedbackDialog .feedbackDialogContent .faces .happyFace .happyImg {
margin: auto;
margin-bottom: 7px;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
}
.feedbackDialog .feedbackDialogContent .faces .happyFace .happyChosen {
background-image: url(/static/assets/smile.082321.0004.579dd964a9.png);
}
.feedbackDialog .feedbackDialogContent .faces .happyFace .happyNotChosen {
background-image: url(/static/assets/smileUnselected.082321.0004.579dd964a9.png);
}
.feedbackDialog .feedbackDialogContent .faces .sadFace {
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.feedbackDialog .feedbackDialogContent .faces .sadFace .sadImg {
margin: auto;
margin-bottom: 7px;
width: 33px;
height: 33px;
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
}
.feedbackDialog .feedbackDialogContent .faces .sadFace .unhappyChosen {
background-image: url(/static/assets/sad.082321.0004.579dd964a9.png);
}
.feedbackDialog .feedbackDialogContent .faces .sadFace .unhappyNotChosen {
background-image: url(/static/assets/sadUnselected.082321.0004.579dd964a9.png);
}
.feedbackDialog .feedbackDialogContent .checkboxes .checkboxContainer label,
.feedbackDialog .feedbackDialogContent .feedbackPrivacy label {
margin-top: 5px;
}
.feedbackDialog .feedbackDialogContent .checkboxes .checkboxContainer label input,
.feedbackDialog .feedbackDialogContent .feedbackPrivacy label input {
width: 13px;
height: 13px;
bottom: 3px;
}
.feedbackDialog .feedbackDialogContent .checkboxes .checkboxContainer label span,
.feedbackDialog .feedbackDialogContent .feedbackPrivacy label span {
padding-left: 20px;
font-size: 14px;
line-height: 14px;
outline: none;
}
.feedbackDialog .feedbackDialogContent .checkboxes .checkboxContainer label span:before,
.feedbackDialog .feedbackDialogContent .feedbackPrivacy label span:before {
height: 13px;
width: 13px;
}
.feedbackDialog .feedbackDialogContent .checkboxes .checkboxContainer label span:after,
.feedbackDialog .feedbackDialogContent .feedbackPrivacy label span:after {
font-size: 12px;
}
.feedbackDialog .feedbackDialogContent .checkboxes {
margin-top: 10px;
}
.feedbackDialog .feedbackDialogContent .checkboxes .checkboxContainer {
border: none;
margin: 0 0 0 20px;
padding: 0;
}
.feedbackDialog .feedbackDialogContent .checkboxes .checkboxContainer .checkboxesHeader {
margin-top: 0;
}
.feedbackDialog .feedbackDialogContent .feedbackTextArea {
margin-bottom: 20px;
}
.feedbackDialog .feedbackDialogContent .feedbackTextArea textarea {
height: 90px;
resize: none;
width: 90%;
margin: 10px 0 0 20px;
font-size: 12px;
line-height: 12px;
padding: 2px 0 0 2px;
}
.feedbackDialog .feedbackDialogContent .feedbackPrivacy {
margin-left: 20px;
}
.feedbackDialog .feedbackDialogContent .feedbackPrivacy a {
margin-left: 2px;
}
.feedbackDialog .feedbackDialogContent .feedbackPrivacy label span {
line-height: 16px;
}
.feedbackDialog .feedbackDialogContent .feedbackPrivacy label span:before {
top: 2px;
}
.feedbackDialog .feedbackDialogContent .feedbackPrivacy label span:after {
padding-top: 1px;
}
.feedbackDialog .feedbackDialogContent .feedbackPrivacy + input.c-text-field[type=text] {
font-size: 12px;
}
.feedbackDialog .feedbackDialogContent .feedbackEmailInput {
margin: 5px 0 0 20px;
width: 90%;
height: 20px;
padding: 0 0 3px 3px;
}
.feedbackDialog .feedbackDialogContent .invalidEmailInput {
border-color: red;
color: red;
}
.feedbackDialog .feedbackDialogContent .feedbackButton {
height: 76px;
}
.feedbackDialog .feedbackDialogContent .feedbackButton .invalidEmailText {
margin-left: 20px;
font-size: 11px;
color: red;
}
.feedbackDialog .feedbackDialogContent .feedbackButton .requestbutton {
float: right;
margin: 20px 15px 20px 0;
}
.feedbackDialog .feedbackDialogContent .feedbackButton .requestbutton:focus {
outline: none;
background: #006cc2;
}
.feedbackDialog .feedbackDialogContent .feedbackButton .requestbutton:disabled {
color: white;
background-color: #e3e3e3;
}
.dialogClosed {
max-height: 0;
border: none;
}
.spza_dialog {
cursor: default;
-webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
}
.spza_dialog[aria-hidden=true] {
display: none;
}
.spza_dialog [role=dialog] {
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
border: 1px solid #006fc2;
margin: 0 auto;
padding: 36px;
z-index: 2200;
width: 482px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.spza_dialog .placeholder {
position: fixed;
}
.spza_dialog .spza_presentation {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1000;
}
.spza_dialog .spza_presentation:focus {
outline: none;
}
.spza_dialog .spza_background_1 {
background: rgba(0, 0, 0, 0.8);
}
@media screen and (-ms-high-contrast: active) {
.spza_dialog .spza_background_1 {
background: transparent;
}
}
.spza_dialog .spza_background_2 {
background: rgba(255, 255, 255, 0.8);
}
.spza_dialog .consentModalClass .aiContainer {
padding-top: 20px;
}
.spza_dialog .consentModalClass .aiContainer .aiTitile {
font-size: 17px;
font-weight: 300;
}
.spza_dialog .consentModalClass .aiContainer .aiSubTitle {
display: block;
font-size: 14px;
font-weight: 300;
padding-top: 10px;
padding-bottom: 8px;
}
.spza_dialog .consentModalClass .aiContainer .aiCells .aiColumn .cellName {
width: 120px;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.spza_dialog .consentModalClass .aiContainer .aiCells .aiColumn .cellValue {
vertical-align: top;
}
.spza_dialog .consentModalClass .aiContainer .aiFooterTitle {
padding-top: 10px;
display: inline-block;
padding-bottom: 8px;
font-size: 14px;
font-weight: 300;
}
.spza_dialog .consentModalClass .aiContainer .licenseContainer .licenseTitle {
width: 120px;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.spza_dialog .consentModalClass .aiContainer .licenseContainer .licenseName {
vertical-align: top;
}
.spza_dialog .consentModalClass .aiContainer .licenseContainer .disputeButton {
border: none;
background-color: transparent;
color: #006fc2;
float: right;
padding-right: 40px;
}
.spza_dialog .consentModalClass .prompContainer {
position: static;
padding: 0px;
}
.spza_dialog .consentModalClass .termLinks a {
color: #006fc2;
}
.spza_dialog .consentModalClass .termLinks a:hover {
text-decoration: underline;
}
.spza_dialog .consentModalClass .consentTerms {
float: left;
padding-left: 24px;
margin-bottom: 20px;
}
.spza_dialog .consentModalClass .consentTermsNoLead {
float: left;
margin-bottom: 20px;
}
.spza_dialog .consentModalClass .aniDot {
margin-top: 100px;
}
.spza_dialog .consentModalClass .loginInfo {
font-size: 12px;
}
.spza_dialog .consentModalClass .loginInfo span {
font-weight: 600;
}
.spza_dialog .consentModalClass button.accountInformation {
color: #006fc2;
border: none;
background-color: transparent;
padding: 0;
}
.spza_dialog .errorModalClass {
height: 200px;
width: 380px !important;
}
.spza_dialog .errorModalClass .errorModal {
margin: 25px 35px 35px 50px;
}
.spza_dialog .errorModalClass .errorContent .dismissErrorButton {
position: absolute;
bottom: 36px;
right: 36px;
}
.spza_dialog .errorModalClass .errorContent .dismissErrorButton button {
margin: 0;
}
.spza_dialog .animationModalClass {
height: 75px;
width: 75px !important;
}
.spza_dialog .animationModalClass .animationCanvas {
padding: 10px 0px 0px 25px;
}
.spza_dialog .signInModalClass {
height: 300px;
}
.spza_dialog .signInModalClass * {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.spza_dialog .signInModalClass .newSignInModal .signInModal {
margin: 0px;
}
.spza_dialog .signInModalClass .newSignInModal .signInModal .title {
font-size: 27px;
font-weight: lighter;
padding: 0 0 15px 0;
height: auto;
}
.spza_dialog .signInModalClass .newSignInModal .signInModal .subTitle,
.spza_dialog .signInModalClass .newSignInModal .signInModal .signupFooter,
.spza_dialog .signInModalClass .newSignInModal .signInModal .cellHeader {
font-size: 13px;
}
.spza_dialog .signInModalClass .newSignInModal .signInModal .disclaimer {
text-align: left;
margin: 15px 0 10px 0;
font-size: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_dialog .signInModalClass .newSignInModal .signInModal .disclaimer span:after {
content: "";
width: 28px;
height: 28px;
font-size: 22px;
padding-top: 4px;
}
.spza_dialog .signInModalClass .newSignInModal .signInModal .signInFormCell {
padding-bottom: 7px;
}
.spza_dialog .signInModalClass .newSignInModal .signInModal .signInFormCell input.c-text-field[type=text].f-flex {
max-width: 472px;
}
@media (max-width: 460px) {
.spza_dialog .signInModalClass .newSignInModal .signInModal .signInFormCell input.c-text-field[type=text].f-flex {
max-width: 190px;
}
}
.spza_dialog .signInModalClass .newSignInModal .signInModal .signInFormCell .signInInput {
margin: 10px 0 10px 0;
height: 20px;
}
.spza_dialog .signInModalClass .newSignInModal .signInModal .signupFooter {
margin-top: 45px;
}
.spza_dialog .signInModalClass .signInModal {
margin: 25px 35px 35px 50px;
}
.spza_dialog .signInModalClass .signInModal .signInFormCell {
padding-bottom: 7px;
}
.spza_dialog .signInModalClass .signInModal .signInFormCell .signInInput {
margin: 10px 0 10px 0;
padding: 6px 4px 6px 4px;
height: 20px;
}
.spza_dialog .signInModalClass .signInButton {
width: 100%;
float: left !important;
}
.spza_dialog .signInModalClass .signInButton button {
width: 140px;
margin: 0 !important;
}
.spza_dialog .signInModalClass .signInButton button:disabled {
background-color: silver;
color: #fff;
}
.spza_dialog .signInModalClass .signupFooter {
margin-top: 66px;
}
.spza_dialog .signInModalClass .signupFooter span {
margin-left: 5px;
color: #006fc2;
}
.spza_dialog .signInModalClass .signupFooter span:hover {
text-decoration: underline;
}
.spza_dialog .signInModalClass .signupFooter button {
background: transparent;
border: none;
color: #006fc2;
}
@media screen and (-ms-high-contrast: white-on-black) {
.spza_dialog .signInModalClass .signupFooter button {
color: #3ff23f;
}
}
@media screen and (-ms-high-contrast: black-on-white) {
.spza_dialog .signInModalClass .signupFooter button {
color: #600000;
}
}
.spza_dialog .prompContainer {
position: absolute;
top: 0;
left: 0;
opacity: 1;
background: #fff;
width: inherit;
height: inherit;
padding: 36px;
}
.spza_dialog .prompContainer .profileHeader {
width: 100%;
display: inline-block;
font-size: 12px;
}
.spza_dialog .prompContainer .profileHeader .title {
width: 100%;
}
.spza_dialog .prompContainer .profileHeader .title .profileEditButton {
display: inline-block;
color: #006fc2;
cursor: pointer;
padding-left: 3px;
}
.spza_dialog .prompContainer .leadGen {
font-size: 12px;
}
.spza_dialog .prompContainer .leadGen .aniDot {
margin-top: 0 !important;
}
.spza_dialog .prompContainer .leadGen .profileHidden {
height: 0px;
visibility: hidden;
}
.spza_dialog .prompContainer .leadGen .formCell {
margin-top: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_dialog .prompContainer .leadGen .formCell .cellHeader {
width: 165px;
margin-right: 5px;
overflow: hidden;
max-height: 37px;
position: relative;
float: left;
color: #666;
font-size: 13px;
padding-top: 5px;
}
.spza_dialog .prompContainer .leadGen .formCell .cellHeader .header {
float: left;
}
.spza_dialog .prompContainer .leadGen .formCell .cellHeader .required {
margin-left: 6px;
width: 6px;
height: 6px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
}
.spza_dialog .prompContainer .leadGen .formCell .inputWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% - 116px);
}
.spza_dialog .prompContainer .leadGen .formCell .inputWrapper .input {
width: 45%;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
height: 24px;
margin-top: 0;
padding: 2px 10px;
}
.spza_dialog .prompContainer .leadGen .formCell .inputWrapper .input.left {
margin-right: 5px;
}
.spza_dialog .prompContainer .leadGen .formCell .inputWrapper .input.right {
margin-left: 5px;
}
.spza_dialog .prompContainer .leadGen .formCell .cellInput {
height: 24px;
margin-top: 0;
padding: 2px 10px;
width: calc(100% - 140px);
}
.spza_dialog .prompContainer .leadGen .formCell .cellDropdown {
height: 30px;
width: calc(100% - 118px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spza_dialog .prompContainer .leadGen .formCell .cellDropdown .valueBox {
border-color: rgba(0, 0, 0, 0.6);
height: 100%;
}
.spza_dialog .prompContainer .leadGen .formCell .cellDropdown .valueBox .item {
vertical-align: middle;
}
.spza_dialog .prompContainer .leadGen .formCell .cellDropdown,
.spza_dialog .prompContainer .leadGen .formCell .cellInput {
float: left;
}
.spza_dialog .prompContainer .leadSubmitHeader {
font-size: 24px;
font-weight: lighter;
margin-bottom: 30px;
}
.spza_dialog .prompContainer .leadSubmitSubHeader {
font-size: 13px;
}
.spza_dialog .prompContainer .leadSubmitCheck {
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.spza_dialog .prompContainer .toolBar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 36px;
}
.spza_dialog .prompContainer .toolBar .cancel {
border: none;
background: transparent;
float: right;
padding: 6px;
margin: 2px;
}
.spza_dialog .prompContainer .toolBar .cancel span:after {
content: "";
width: 16px;
height: 16px;
font-size: 14px;
}
.spza_dialog .prompContainer .transition {
min-height: 220px;
}
.spza_dialog .prompContainer .contentHeader {
font-size: 24px;
font-weight: lighter;
margin: 0 0 20px 0;
padding: 0 0 2px 0;
height: 32px;
}
.spza_dialog .prompContainer .userSignInErrorHeader {
font-size: 24px;
font-weight: lighter;
margin: 0 0 30px 0;
padding: 0 0 2px 0;
height: 42px;
}
.spza_dialog .prompContainer .userSignInErrorHeaderText {
vertical-align: middle;
padding: 0 0 0 10px;
}
.spza_dialog .prompContainer .userSignInErrorDescription {
display: block;
font-weight: 200;
padding-bottom: 25px;
}
.spza_dialog .prompContainer .trunk {
height: 48px;
}
.spza_dialog .prompContainer .trunk .miniIcon {
height: 48px;
width: 48px;
margin-right: 12px;
float: left;
}
.spza_dialog .prompContainer .trunk .miniIcon .thumbnail {
width: 100%;
height: 100%;
}
.spza_dialog .prompContainer .trunk .trunkContent {
float: left;
max-width: calc(100% - 60px);
}
@media (max-width: 620px) {
.spza_dialog .prompContainer .trunk .trunkContent {
float: none;
}
}
.spza_dialog .prompContainer .trunk .trunkContent .header {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
font-size: 16px;
line-height: 20px;
font-weight: 600;
}
.spza_dialog .prompContainer .trunk .trunkContent .subHeader {
font-size: 12px;
line-height: 18px;
font-weight: 400;
}
.spza_dialog .prompContainer .terms {
margin: 20px 0 20px 0;
font-size: 12px;
font-family: Segoe UI;
position: relative;
}
.spza_dialog .prompContainer .terms > a {
cursor: pointer;
}
.spza_dialog .prompContainer .terms .termCheckbox {
position: relative;
top: 0;
}
.spza_dialog .prompContainer .terms .termCheckbox .checkboxLabel {
margin: 0;
}
.spza_dialog .prompContainer .terms .termCheckbox .checkboxLabel input[type=checkbox] {
position: relative;
}
.spza_dialog .prompContainer .terms .termCheckbox input[type=checkbox]:checked + span:after {
font-size: 12px;
padding: 0;
}
.spza_dialog .prompContainer .terms .termCheckbox span {
display: block;
}
.spza_dialog .prompContainer .terms .termCheckbox span:before {
top: 4px;
height: 12px;
width: 12px;
}
.spza_dialog .prompContainer .terms.leadTerm a {
color: #006fc2;
}
.spza_dialog .prompContainer .profileHeader .title[aria-label] {
line-height: 16px;
margin-top: 20px;
font-size: 12px;
}
.spza_dialog .prompContainer .leadGen .user-profile-contact-form-title[aria-label] {
line-height: 16px;
margin-top: 20px;
font-size: 12px;
}
.spza_dialog .prompContainer .testDriveContent {
float: left;
padding-left: 0px;
padding-bottom: 10px;
font-size: 14px;
}
.spza_dialog .prompContainer .testNavigationContent {
float: left;
padding-left: 0px;
padding-bottom: 10px;
font-size: 16px;
}
.spza_dialog .prompContainer .bottomBar {
width: 100%;
padding-top: 10px;
}
.spza_dialog .prompContainer .consentBottomBar {
margin-top: 20px;
}
.spza_dialog .prompContainer .bottomBar .requestButton,
.spza_dialog .prompContainer .consentBottomBar .requestButton,
.spza_dialog .prompContainer .leadConsentBottomBar .requestButton {
margin: 0;
float: right;
}
.spza_dialog .prompContainer .bottomBar .requestButton:disabled,
.spza_dialog .prompContainer .consentBottomBar .requestButton:disabled,
.spza_dialog .prompContainer .leadConsentBottomBar .requestButton:disabled {
background-color: silver;
color: #fff;
}
@media (max-width: 620px) {
.spza_dialog .prompContainer {
height: 556px;
}
}
@media (max-width: 460px) {
.spza_dialog .prompContainer {
height: 653px;
}
.spza_dialog .prompContainer .header {
max-width: 200px;
}
.spza_dialog .prompContainer .trunk {
margin-bottom: 10px;
}
}
@media (max-width: 620px) {
.spza_dialog .consentModalClass,
.spza_dialog .signInModalClass,
.spza_dialog .prompContainer {
width: 365px;
height: 337px;
}
}
@media (max-width: 460px) {
.spza_dialog .consentModalClass,
.spza_dialog .signInModalClass,
.spza_dialog .prompContainer {
text-align: center;
width: 200px;
height: 458px;
}
}
@media (max-width: 620px) {
.spza_dialog .consentModalClass .termCheckbox {
left: 0 !important;
}
.spza_dialog .consentModalClass .header {
max-width: 367px;
}
}
@media (max-width: 460px) {
.spza_dialog .consentModalClass {
height: 375px;
}
.spza_dialog .consentModalClass .header {
max-width: 200px;
}
.spza_dialog .consentModalClass .trunk {
margin-bottom: 50px;
}
}
@media (max-height: 370px), (max-height: 630px) {
.spza_dialog .consentModalClass {
max-height: 70%;
overflow-y: auto;
overflow-x: hidden;
}
.spza_dialog .consentModalClass .terms {
margin-bottom: 20px;
}
.spza_dialog .consentModalClass .consentBottomBar {
position: static;
right: auto;
bottom: auto;
}
}
@media (max-width: 460px) {
.spza_dialog .signInModalClass .signInModal {
margin: 0;
}
}
@media (max-height: 370px) {
.spza_dialog .signInModalClass {
height: 70%;
overflow-y: auto;
overflow-x: hidden;
}
}
@media (max-width: 500px) {
.spza_dialog .errorModalClass {
width: 270px !important;
}
.spza_dialog .errorModalClass .errorModal {
margin: 0;
}
}
.spza_dialog .npsModalClass {
width: 345px;
height: 420px;
}
.spza_dialog .npsModalClass .npsModal {
color: #333333;
}
.spza_dialog .npsModalClass .npsModal .contentHeader {
font-size: 18px;
}
.spza_dialog .npsModalClass .npsModal .rateHeader {
font-size: 12px;
margin-bottom: 10px;
}
.spza_dialog .npsModalClass .npsModal .rateSlider {
width: 100%;
height: 65px;
margin-bottom: 10px;
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl {
display: table;
border-spacing: 7px;
position: relative;
left: -7px;
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock {
display: table-cell;
cursor: pointer;
padding: 3px 7px;
border: 1px solid #006cc2;
background: #ffffff;
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock:hover, .spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock.ratingSelected {
background: #006cc2;
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock:hover .ratingNumber, .spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock.ratingSelected .ratingNumber {
color: #ffffff;
}
@media screen and (-ms-high-contrast: active) {
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock:hover, .spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock.ratingSelected {
background: #006400;
}
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock .ratingNumber {
color: #006cc2;
display: block;
text-align: center;
margin-bottom: 2px;
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingControl .ratingBlock.ratingTen {
padding: 3px 3px 3px 4px;
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingLabel .ratingLeftLabel,
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingLabel .ratingRightLabel {
color: #8790a0;
font-size: 90%;
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingLabel .ratingLeftLabel {
float: left;
}
.spza_dialog .npsModalClass .npsModal .rateSlider .ratingLabel .ratingRightLabel {
float: right;
}
.spza_dialog .npsModalClass .npsModal .rateReasonInput {
font-size: 12px;
/* Handle */
}
.spza_dialog .npsModalClass .npsModal .rateReasonInput .inputHeader {
margin-bottom: 7px;
}
.spza_dialog .npsModalClass .npsModal .rateReasonInput .npsTextArea {
width: 98%;
height: 135px;
margin: 0;
padding: 2px;
resize: none;
border: 1px solid #333;
}
.spza_dialog .npsModalClass .npsModal .rateReasonInput .npsTextArea:focus, .spza_dialog .npsModalClass .npsModal .rateReasonInput .npsTextArea:active {
outline: none;
}
.spza_dialog .npsModalClass .npsModal .rateReasonInput ::-webkit-scrollbar {
width: 12px;
}
.spza_dialog .npsModalClass .npsModal .rateReasonInput ::-webkit-scrollbar-thumb {
background: #d2d2d2;
}
.spza_dialog .npsModalClass .npsModal .rateReasonInput ::-webkit-scrollbar-thumb:window-inactive {
background: #d2d2d2;
}
.spza_dialog .npsModalClass .npsModal .npsPrivacy .privacyHeader {
margin: 2px 0 0 0;
font-size: 11px;
}
.spza_dialog .npsModalClass .npsModal .npsPrivacy .privacyHeader input,
.spza_dialog .npsModalClass .npsModal .npsPrivacy .privacyHeader input[type=checkbox] + span:before,
.spza_dialog .npsModalClass .npsModal .npsPrivacy .privacyHeader input[type=checkbox] + span:after {
height: 12px;
width: 12px;
font-size: 11px;
}
.spza_dialog .npsModalClass .npsModal .npsPrivacy .privacyHeader span {
line-height: 15px;
padding-left: 20px;
}
.spza_dialog .npsModalClass .npsModal .npsPrivacy .privacyHeader span:before {
top: 2px;
}
.spza_dialog .npsModalClass .npsModal .npsPrivacy .privacyHeader span:after {
padding-top: 1px;
}
.spza_dialog .npsModalClass .npsModal .npsPrivacy .privacyHeader span a {
padding-left: 2px;
margin-left: 0;
}
.spza_dialog .npsModalClass .npsModal .npsPrivacy + input.c-text-field[type=text] {
font-size: 12px;
}
.spza_dialog .npsModalClass .npsModal .npsEmailInput {
margin: 2px 0 0 0;
width: 98.5%;
height: 20px;
padding: 0 0 3px 3px;
}
.spza_dialog .npsModalClass .npsModal .invalidEmailInput {
border-color: red;
color: red;
}
.spza_dialog .npsModalClass .npsModal .npsButton {
height: 48px;
}
.spza_dialog .npsModalClass .npsModal .npsButton .invalidEmailText {
font-size: 11px;
color: red;
}
.spza_dialog .npsModalClass .npsModal .npsButton .submitButton {
float: right;
margin-top: 20px;
}
.spza_dialog .ratingModalClass {
width: 600px;
height: 480px;
padding: 20px;
}
.spza_dialog .ratingModalClass.successClass, .spza_dialog .ratingModalClass.noAcquireClass {
height: 300px;
width: 460px;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.spza_dialog .ratingModalClass .prompContainer {
padding: 20px;
}
.spza_dialog .ratingModalClass .prompContainer .topBar {
height: 56px;
}
.spza_dialog .ratingModalClass .prompContainer .topBar .contentHeader {
float: left;
margin-top: 0;
margin-bottom: 16px;
}
.spza_dialog .ratingModalClass .prompContainer .topBar .cancel {
border: none;
background: transparent;
float: right;
}
.spza_dialog .ratingModalClass .prompContainer .topBar .cancel span:after {
content: "";
width: 8px;
height: 36px;
}
.spza_dialog .ratingModalClass .ratingSuccessDialog .successFooter,
.spza_dialog .ratingModalClass .ratingNoAcquireDialog .successFooter {
position: absolute;
right: 36px;
bottom: 36px;
}
.spza_dialog .ratingModalClass .ratingNoAcquireDialog .noAcquireHeader {
font-weight: 100;
padding-top: 5%;
display: block;
position: relative;
font-size: 25px;
}
.spza_dialog .ratingModalClass .ratingNoAcquireDialog .noAcquireDescription {
position: relative;
padding-top: 5%;
display: block;
font-weight: 100;
}
.spza_dialog .ratingModalClass .ratingSuccessDialog .ratingLoading {
padding-top: 150px;
}
.spza_dialog .ratingModalClass .ratingSuccessDialog .successHeader {
font-size: 25px;
position: relative;
padding-top: 5%;
padding-left: 3%;
font-weight: 100;
}
.spza_dialog .ratingModalClass .ratingSuccessDialog .successDescription {
position: relative;
display: block;
font-weight: 200;
padding-top: 2%;
padding-left: 3%;
}
.spza_dialog .ratingModalClass .ratingSuccessDialog .successCheck {
position: relative;
text-align: center;
padding-top: 10%;
font-weight: 100;
}
.spza_dialog .ratingModalClass .ratingModal .headerText {
padding: 12px 0px 6px 0px;
font-size: 12px;
line-height: 12px;
color: #565656;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.spza_dialog .ratingModalClass .ratingModal .section1 {
height: 48px;
}
.spza_dialog .ratingModalClass .ratingModal .section1 .iconHost {
float: left;
width: 48px;
height: 48px;
}
.spza_dialog .ratingModalClass .ratingModal .section1 .iconHost .appLargeIcon {
max-width: 48px;
max-height: 48px;
}
.spza_dialog .ratingModalClass .ratingModal .section1 .titles {
float: left;
padding-left: 12px;
}
.spza_dialog .ratingModalClass .ratingModal .section1 .titles .appTitle {
font-size: 15px;
line-height: 18px;
color: #000;
font-weight: 600;
}
.spza_dialog .ratingModalClass .ratingModal .section2 {
width: 100%;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .ratePane {
float: left;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .ratePane .requiredField .required {
float: left;
width: 10px;
padding-top: 7px;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .ratePane .requiredField .ratingLabel {
font-weight: 600;
font-size: 15px;
padding: 10px 0 8px 0;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .ratePane .requiredField .ratingLabel .labelchoice {
display: inline;
padding-left: 5px;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .ratePane .c-rating button.c-glyph {
width: 40px;
height: 35px;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .ratePane .c-rating .f-fill:before {
content: "";
color: #006fc2;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .contactDropdown {
float: left;
padding-left: 37px;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .contactDropdown .menuHeader {
display: block;
padding: 16px 0 8px 3px;
font-weight: 600;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .contactDropdown .menuItem .valueBox {
border: none;
padding: 12px 0 12px 3px;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .contactDropdown .menuItem .valueBox .item {
padding: 3px 0 3px 0;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .contactDropdown .menuItem .valueBox .item span {
width: 130px;
}
.spza_dialog .ratingModalClass .ratingModal .section2 .contactDropdown .menuItem .c-menu .c-menu-item li {
padding-left: 3px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .privacyLinks {
padding: 0px;
font-size: 12px;
line-height: 12px;
margin-top: 10px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock a {
margin-left: 2px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock label span {
line-height: 16px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock label span:before {
top: 0;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock label span:after {
padding-top: 0;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock label {
margin-top: 5px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock label input {
width: 13px;
height: 13px;
bottom: 3px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock label span {
padding-left: 17px;
font-size: 12px;
line-height: 12px;
font-weight: 100;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock label span:before {
height: 12px;
width: 12px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .privacyContent .consentBlock label span:after {
font-size: 12px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .ratingButton {
position: absolute;
bottom: 20px;
right: 21px;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .ratingButton .requestButton {
float: right;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .ratingButton .requestButton:disabled {
background-color: silver;
color: #fff;
}
.spza_dialog .ratingModalClass .ratingModal .section3 .ratingButton .deleteButton {
margin-right: 20px;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer {
clear: both;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .ratingTitleInput {
margin-top: 0;
max-width: none;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .ratingTitleInput,
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .ratingTextArea {
width: 97.5%;
padding: 2px 6px 2px 6px;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .ratingTitleInput:focus, .spza_dialog .ratingModalClass .ratingModal .reviewContainer .ratingTitleInput:active,
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .ratingTextArea:focus,
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .ratingTextArea:active {
outline: none;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock a {
margin-left: 2px;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock label span {
line-height: 16px;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock label span:before {
top: 0;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock label span:after {
padding-top: 0;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock label {
margin-top: 5px;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock label input {
width: 13px;
height: 13px;
bottom: 3px;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock label span {
padding-left: 17px;
font-size: 12px;
line-height: 12px;
font-weight: 100;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock label span:before {
height: 12px;
width: 12px;
}
.spza_dialog .ratingModalClass .ratingModal .reviewContainer .consentBlock label span:after {
font-size: 12px;
}
.spza_dialog .driveModalClass {
width: 1200px;
height: 711px;
padding: 0;
border: none;
}
.spza_dialog .driveModalClass .dialogContent {
height: inherit;
}
.spza_dialog .driveModalClass .dialogContent .toolBar {
height: 36px;
}
.spza_dialog .driveModalClass .dialogContent .toolBar .cancel {
border: none;
background: transparent;
float: right;
padding: 0 6px;
}
.spza_dialog .driveModalClass .dialogContent .toolBar .cancel span:after {
content: "";
width: 36px;
height: 36px;
line-height: 36px;
}
.spza_dialog .driveModalClass .dialogContent .driveContainer iframe {
border: none;
}
.spza_dialog .fieldHubModalClass {
width: 1200px;
height: 711px;
padding: 0;
}
.spza_dialog .fieldHubModalClass .dialogContent {
height: inherit;
}
.spza_dialog .fieldHubModalClass .dialogContent .toolBar {
height: 36px;
}
.spza_dialog .fieldHubModalClass .dialogContent .toolBar .cancel {
border: none;
background: transparent;
float: right;
padding: 0 6px;
}
.spza_dialog .fieldHubModalClass .dialogContent .toolBar .cancel span:after {
content: "";
width: 36px;
height: 36px;
line-height: 36px;
}
.spza_dialog .fieldHubModalClass .dialogContent .iframeContainer {
width: inherit;
height: 675px;
}
.spza_dialog .fieldHubModalClass .dialogContent .iframeContainer iframe {
border: none;
}
.spza_dialog .disclaimerModalClass .prompContainer {
border: #55b3ff 1px solid;
}
.spza_dialog .disclaimerModalClass .title {
font-size: 18px;
}
.spza_dialog .disclaimerModalClass .description {
font-size: 13px;
margin-top: 25px;
}
.spza_dialog .disclaimerModalClass .footer {
height: 40px;
margin-top: 30px;
float: right;
}
.spza_dialog .reportAbuseModalClass {
padding: 25px;
width: 400px;
height: 324px;
}
.spza_dialog .reportAbuseModalClass.invalidReviewMode {
height: 395px;
}
.spza_dialog .reportAbuseModalClass.invalidEmailText {
height: 420px;
}
.spza_dialog .reportAbuseModalClass .toolBar {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 36px;
}
.spza_dialog .reportAbuseModalClass .toolBar .cancel {
border: none;
background: transparent;
float: right;
padding: 6px;
margin: 2px;
}
.spza_dialog .reportAbuseModalClass .toolBar .cancel span:after {
content: "";
width: 16px;
height: 16px;
font-size: 14px;
}
.spza_dialog .reportAbuseModalClass .title {
font-size: 27px;
font-weight: lighter;
padding: 0px;
height: 34px;
margin-bottom: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.spza_dialog .reportAbuseModalClass .reviewTitleSection {
margin: 0px 0 15px 0;
}
.spza_dialog .reportAbuseModalClass .categorySection {
margin-bottom: 15px;
}
.spza_dialog .reportAbuseModalClass .commentsSection {
margin-bottom: 25px;
}
.spza_dialog .reportAbuseModalClass .emailSection {
margin-bottom: 25px;
}
.spza_dialog .reportAbuseModalClass .emailSection .emailInputContainer {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.spza_dialog .reportAbuseModalClass .emailSection .emailInputContainer .invalidEmailAddress {
border-color: red;
}
.spza_dialog .reportAbuseModalClass .emailSection .emailInputContainer input {
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.6);
padding: 3px 0 3px 10px;
}
.spza_dialog .reportAbuseModalClass .emailSection .invalidEmailText {
font-size: 11px;
color: red;
}
.spza_dialog .reportAbuseModalClass .submitSection {
width: 100%;
}
.spza_dialog .reportAbuseModalClass .submitSection #reportAbuseModalSubmitButton:disabled {
color: white;
background-color: #e3e3e3;
}
.spza_dialog .reportAbuseModalClass .itemLabel {
font-size: 13px;
font-family: Segoe UI;
margin-bottom: 10px;
}
.spza_dialog .reportAbuseModalClass .required {
margin-right: 6px;
width: 6px;
height: 6px;
display: inline-block;
background-repeat: no-repeat;
background-position: center;
}
.spza_dialog .reportAbuseModalClass .categoryDropDown {
width: 100%;
}
.spza_dialog .reportAbuseModalClass .categoryDropDown:focus {
outline: #006fc2 dotted 2px;
}
.spza_dialog .reportAbuseModalClass .c-textarea textarea {
padding: 0px 0px 0px 5px;
width: calc(100% - 5px);
}
.spza_dialog .reportAbuseModalClass .c-button {
float: right;
margin-top: 0px;
}
.spza_dialog .reportAbuseModalClass .c-button:focus {
outline: black dotted 2px;
}
.spza_dialog .reportAbuseModalClass .item span {
width: 100%;
}
.spza_dialog .reportAbuseModalClass .successDialog .successHeader {
font-size: 25px;
font-weight: 200;
}
.spza_dialog .reportAbuseModalClass .successDialog .successCheck {
position: relative;
text-align: center;
}
.spza_dialog .reportAbuseModalClass .successDialog .successFooter {
position: absolute;
right: 35px;
bottom: 35px;
}
.spza_dialog .nomination-modal-container {
padding: 30px 0px;
text-align: center;
}
.spza_dialog .nomination-modal-container .nomination-modal-title {
font-size: 18px;
margin-bottom: 20px;
}
.spza_dialog .nomination-modal-container .nomination-modal-detail-content {
margin-bottom: 10px;
}
.spza_dialog .nomination-modal-container .nomination-modal-detail-content a {
color: #006fc2;
}
.spza_dialog .nomination-modal-container .nomination-modal-detail-content.animation {
width: 10%;
margin: auto;
}
.spza_dialog .nomination-modal-container .nomination-modal-detail-content.animation.redirecting {
padding: 20px 0px 20px 0px;
}
.spza_dialog .nomination-modal-container .footer {
margin-top: 20px;
}
.spza_dialog .nomination-modal-container .footer .dismiss-external-redirect {
margin-right: 30px;
}
.spza_dialog .nomination-modal-container.background-submission {
width: 500px;
padding: 30px 20px;
}
.spza_dialog_design2 [role=dialog] {
border: none !important;
}
@media (max-width: 662px) {
.ratingModalClass {
width: 90%;
height: 450px;
}
}
@media (max-width: 620px) {
.errorModalClass,
.ratingModalClass .prompContainer {
height: inherit;
width: inherit;
}
}
@media (max-width: 460px) {
.errorModalClass,
.ratingModalClass .prompContainer {
height: inherit;
width: inherit;
}
}
.ratingModalLoading {
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2200;
}
.ResponeDialogContent {
margin-bottom: 25px;
}
.instructionsModalContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.instructionsModalContainer .instructionsModalClass {
margin: 30px;
width: 600px;
}
.instructionsModalContainer .instructionsModalClass .toolBar {
height: 64px;
}
.instructionsModalContainer .instructionsModalClass .toolBar .instructionsHeader {
font-size: 20px;
font-weight: bold;
font-family: Segoe UI;
}
.instructionsModalContainer .instructionsModalClass .toolBar .cancel {
border: none;
background: transparent;
float: right;
padding: 0 6px;
}
.instructionsModalContainer .instructionsModalClass .toolBar .cancel span:after {
content: "";
width: 36px;
height: 36px;
line-height: 36px;
}
.instructionsModalContainer .instructionsModalClass .instructionsText {
display: block;
padding-bottom: 26px;
font-size: 14px;
}
.instructionsModalContainer .instructionsModalClass .instructionsStepsContainer {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto;
}
.instructionsModalContainer .instructionsModalClass .instructionsStepsContainer .instructionsStep {
margin-bottom: 50px;
}
.instructionsModalContainer .instructionsModalClass .instructionsStepsContainer .instructionsStep .instructionsStepImg {
height: 170px;
width: 199px;
}
.instructionsModalContainer .instructionsModalClass .instructionsStepsContainer .instructionsStep .instructionsStepText {
padding-right: 50px;
}
.instructionsModalContainer .instructionsModalClass .instructionsStepsContainer .instructionsStep .instructionsStepText .instructionsNumber,
.instructionsModalContainer .instructionsModalClass .instructionsStepsContainer .instructionsStep .instructionsStepText .instructionsOpen {
font-weight: bold;
}
.instructionsModalContainer .instructionsModalClass .instructionsFooter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.instructionsModalContainer .instructionsModalClass .instructionsFooter .instructionsCheckbox {
margin-top: 6px;
margin-right: 24px;
}
.spza_videoClass {
max-width: 1280px;
width: 100% !important;
overflow-x: auto;
overflow-y: hidden;
padding: 0 !important;
}
.spza_videoClass.videoDisplay {
width: 840px !important;
}
.spza_videoClass .dialogContent {
height: inherit;
}
.spza_videoClass .dialogContent .toolBar {
height: 36px;
}
.spza_videoClass .dialogContent .toolBar .cancel {
border: none;
background: white;
float: right;
padding: 0 6px;
}
.spza_videoClass .dialogContent .toolBar .cancel span:after {
content: "";
width: 36px;
height: 36px;
line-height: 36px;
}
.spza_videoClass .dialogContent .videoContainer {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: flex;
display: -ms-flexbox;
}
.spza_videoClass .dialogContent .videoContainer iframe {
min-height: 472px;
}
.spza_videoClass .dialogContent .videoContainer img {
-ms-flex: 0 0 auto;
width: 100%;
}
[role=dialog].mediaModal {
padding: 0;
max-width: 1280px;
width: 100%;
background: transparent;
border: none;
}
[role=dialog].mediaModal .dialogContent {
height: inherit;
}
[role=dialog].mediaModal .dialogContent .toolBar {
height: 36px;
position: relative;
}
[role=dialog].mediaModal .dialogContent .toolBar .cancel {
position: absolute;
right: -9px;
border: none;
padding: 0 6px;
background: transparent;
color: white;
}
[role=dialog].mediaModal .dialogContent .toolBar .cancel span:after {
content: "";
width: 36px;
height: 36px;
line-height: 36px;
}
[role=dialog].mediaModal .dialogContent .mediaContainer .carousel.carousel-slider .control-arrow {
opacity: 1;
}
[role=dialog].mediaModal .dialogContent .mediaContainer .carousel.carousel-slider .control-arrow:hover {
background: transparent;
}
[role=dialog].mediaModal .dialogContent .mediaContainer .carousel.carousel-slider .control-arrow:before {
border-bottom: 12px solid transparent;
border-top: 12px solid transparent;
}
[role=dialog].mediaModal .dialogContent .mediaContainer .carousel.carousel-slider .control-arrow.control-prev:before {
border-right: 12px solid white;
}
[role=dialog].mediaModal .dialogContent .mediaContainer .carousel.carousel-slider .control-arrow.control-next:before {
border-left: 12px solid white;
}
[role=dialog].mediaModal .dialogContent .mediaContainer .carousel .slide {
padding: 0 30px 30px 30px;
background: transparent;
}
[role=dialog].mediaModal .dialogContent .mediaContainer .carousel .slide .embedded-video {
width: 100%;
margin: 0;
}
.spza_reviewContainer {
width: 90%;
max-width: 1300px;
margin: auto;
padding-bottom: 50px;
}
.spza_reviewContainer .reviewHeader {
font-size: 25px;
color: #006fc2;
margin: 40px 0;
}
.spza_reviewContainer .reviewItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #d3d3d3;
padding-bottom: 10px;
margin-bottom: 10px;
}
.spza_reviewContainer .reviewItem .leftBar {
width: 150px;
height: 150px;
}
.spza_reviewContainer .reviewItem .leftBar .iconHost {
width: 48px;
height: 48px;
margin-bottom: 12px;
}
.spza_reviewContainer .reviewItem .leftBar .iconHost .appLargeIcon {
max-width: 48px;
max-height: 48px;
display: inline-block;
vertical-align: middle;
}
.spza_reviewContainer .reviewItem .leftBar .appTitle {
font-size: 15px;
font-weight: 600;
}
.spza_reviewContainer .reviewItem .rightContent {
width: 100%;
}
.spza_reviewContainer .reviewItem .rightContent .rightBar {
margin-left: 70px;
height: calc(100% - 50px);
}
.spza_reviewContainer .reviewItem .rightContent .rightBar .contentHeader {
font-size: 20px;
font-weight: 600;
}
.spza_reviewContainer .reviewItem .rightContent .rightBar .reviewRating > span {
font-size: 16px;
}
.spza_reviewContainer .reviewItem .rightContent .rightBar .reviewRating > span:after {
content: "";
color: #006fc2;
width: 25px;
height: 25px;
}
.spza_reviewContainer .reviewItem .rightContent .rightBar .reviewDate,
.spza_reviewContainer .reviewItem .rightContent .rightBar .content,
.spza_reviewContainer .reviewItem .rightContent .rightBar .contentHeader {
margin-bottom: 5px;
}
.spza_reviewContainer .reviewItem .rightContent .rightBar .content {
font-size: 17px;
}
.spza_reviewContainer .reviewItem .rightContent .writableButtons {
float: right;
}
.spza_reviewContainer .reviewItem .rightContent .writableButtons .confirmDeteleText {
color: #006fc2;
background-color: white;
cursor: default;
}
.spza_reviewContainer .reviewItem .rightContent .writableButtons .confirmDeteleText:hover {
border: 1px solid transparent;
}
.spza_reviewContainer .reviewItem .rightContent .writableButtons .reviewButton {
background-color: white;
color: #006fc2;
}
.spza_reviewContainer .reviewItem .rightContent .writableButtons .reviewButton:focus {
outline: none;
border: 1px solid transparent;
}
.spza_reviewContainer .reviewItem .rightContent .writableButtons .reviewButton:hover {
background-color: #006fc2;
color: white;
border: none;
}
.spza_reviewContainer .reviewItem .rightContent .writableButtons .reviewButton.confirm {
min-width: 50px;
}
.spza_root {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
}
@media (min-width: 1400px) {
.spza_root {
overflow: visible;
}
}
.spza_root .uhfMargin {
top: -100px;
margin-bottom: 100px;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_root .uhfMargin {
top: -100px;
margin-bottom: 50px;
}
}
.spza_root .ampMargin {
position: absolute;
top: 0px;
}
.spza_root .cookieBanner {
width: 100%;
height: 46px;
background-color: #f2f2f2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_root .cookieBanner {
font-size: 12px;
}
}
.spza_root .cookieBanner .cookieBannerMessage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza_root .cookieBanner .cookieBannerMessage span {
margin-right: 5px;
padding-top: 2px;
}
.spza_root .cookieBanner .cookieBannerMessage span:before {
content: "";
font-size: 15px;
margin-left: 6px;
}
.spza_root .searchSignInWithCookie {
top: 46px;
}
.spza_root .mobileBranding {
display: none;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_root .mobileBranding {
display: inline-block;
position: relative;
top: -34px;
right: -180px;
z-index: 550;
font-size: 15px;
}
}
.ufhContainer {
top: 46px;
position: absolute;
width: 100%;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.ufhContainer {
top: 100px;
}
}
.macContainer {
margin-top: 46px;
}
.spza_embed_ocp_spinner {
position: absolute;
left: 50%;
top: 20%;
margin: -75px 0 0 -75px;
}
.spza_embed_ocp_spinner > .c-progress.f-indeterminate-local.f-progress-small {
width: 80px;
height: 80px;
}
.spza_embed_ocp_spinner > .c-progress.f-indeterminate-local.f-progress-small span {
width: 80px;
height: 80px;
}
.spza_galleryContainer,
.spza_galleryContainerEmbedded {
width: 100%;
}
.spza_galleryContainer .secondary_link,
.spza_galleryContainerEmbedded .secondary_link {
float: right;
color: #006fc2;
}
.spza_galleryContainer .secondary_link_left,
.spza_galleryContainerEmbedded .secondary_link_left {
position: absolute;
top: 0;
right: 0;
}
.spza_galleryContainer .spza_content,
.spza_galleryContainerEmbedded .spza_content {
width: 90%;
-ms-flex-item-align: center;
align-self: center;
margin: auto;
max-width: 1346px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery {
margin-left: 32px;
min-height: 95vh;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .allResults,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .allResults {
margin-top: 10px;
font-size: 18px;
font-weight: 400;
font-family: "Segoe UI";
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .loading,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .loading {
margin-left: 20px;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .curatedSubHeader,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .curatedSubHeader {
font-size: 15px;
font-weight: 200;
padding-left: 20px;
padding-bottom: 10px;
}
@media (max-width: 1024px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery {
margin-top: 15px;
margin-left: 0;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane {
margin: 20px 0px 20px 20px;
position: relative;
min-height: 200px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane {
height: 150px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .promotionClickable,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .promotionUnClickable,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .promotionClickable,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .promotionUnClickable {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner {
background-color: #f6f6f6;
padding: 0 !important;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo {
float: right;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo img,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo img {
height: 200px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo img,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo img {
height: 150px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content {
overflow: hidden;
padding: 32px 32px 36px 36px;
height: 200px;
}
@media (max-width: 1362px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content {
padding: 18px 0 18px 36px;
}
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content {
padding: 10px 0 10px 15px;
height: 150px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1 {
font-size: 34px;
line-height: 40px;
font-weight: 500;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1 {
font-size: 24px;
line-height: 24px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Finance and Operations"],
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Finance and Operations"] {
font-size: 33px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Finance and Operations"],
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Finance and Operations"] {
font-size: 23px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Project Service Automation"],
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Project Service Automation"] {
font-size: 31px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Project Service Automation"],
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Project Service Automation"] {
font-size: 21px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h3,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h3 {
font-size: 14px;
padding: 10px 0 0;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h3,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h3 {
font-size: 11px;
line-height: 16px;
padding-top: 7px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks {
height: 54px;
padding-top: 10px;
position: absolute;
left: 36px;
bottom: 18px;
width: 100%;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks {
padding-top: 5px;
height: 44px;
left: 15px;
bottom: 10px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup {
float: left;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup {
height: 18px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a {
color: #006fc2;
border: none;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:active, .spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:focus,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:active,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:focus,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:active,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:focus,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:active,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:focus {
background: transparent;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a {
padding: 0;
height: 18px;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a span,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a span {
font-size: 12px;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:after,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:after,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:after,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:after {
font-size: 10px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:after,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:after,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:after,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:after {
position: static;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:focus:focus,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:focus:focus,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:focus:focus,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:focus:focus {
outline: black dotted 1px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup {
float: none;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a {
margin-right: 35px;
z-index: 2;
position: relative;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install {
margin-left: 50px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install {
margin-left: 0;
}
}
@media (max-width: 1362px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span {
max-width: 164px;
text-overflow: ellipsis;
}
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span {
max-width: none;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane_shorter,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane_shorter {
margin: 20px 0 0 20px;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane_shorter,
.spza_galleryContainerEmbedded .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane_shorter {
display: none;
}
}
/* .c-pagination is deprecated as of v.1.7.0,
use .m-pagination
TODO: Remove .c-pagination in v.2.0 */
.pagination,
.m-pagination,
.c-pagination {
display: block;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0;
margin-bottom: 24px;
margin-top: 24px;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.pagination,
.m-pagination,
.c-pagination {
overflow: hidden;
}
}
.pagination li,
.m-pagination li,
.c-pagination li {
display: inline-block;
margin-right: 12px;
}
.pagination li > a,
.pagination li > span,
.m-pagination li > a,
.m-pagination li > span,
.c-pagination li > a,
.c-pagination li > span {
display: inline-block;
padding: 5px 11px;
outline: 1px solid transparent;
white-space: nowrap;
}
.pagination li > a:focus,
.pagination li > span:focus,
.m-pagination li > a:focus,
.m-pagination li > span:focus,
.c-pagination li > a:focus,
.c-pagination li > span:focus {
background-color: rgba(0, 0, 0, 0.1);
outline: 1px dashed #000;
}
.pagination li > a:hover,
.m-pagination li > a:hover,
.c-pagination li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
outline-color: rgba(0, 0, 0, 0.1);
}
.pagination li > a:active,
.m-pagination li > a:active,
.c-pagination li > a:active {
background-color: rgba(0, 0, 0, 0.3);
outline: 1px solid rgba(0, 0, 0, 0.3);
}
.pagination li.active > a,
.pagination li.active > span,
.pagination li.f-active > a,
.pagination li.f-active > span,
.m-pagination li.active > a,
.m-pagination li.active > span,
.m-pagination li.f-active > a,
.m-pagination li.f-active > span,
.c-pagination li.active > a,
.c-pagination li.active > span,
.c-pagination li.f-active > a,
.c-pagination li.f-active > span {
outline-color: #006fc2;
}
.pagination li.f-hide,
.m-pagination li.f-hide,
.c-pagination li.f-hide {
display: none;
}
.pagination li:first-child .c-glyph:before,
.m-pagination li:first-child .c-glyph:before,
.c-pagination li:first-child .c-glyph:before {
content: "";
vertical-align: -2px;
margin-right: 8px;
}
.pagination li:last-child,
.m-pagination li:last-child,
.c-pagination li:last-child {
margin-right: 0;
}
.pagination li:last-child .c-glyph:after,
.m-pagination li:last-child .c-glyph:after,
.c-pagination li:last-child .c-glyph:after {
content: "";
vertical-align: -2px;
margin-left: 8px;
}
@media only screen and (max-width: 539px) {
.pagination li:first-child a,
.pagination li:last-child a,
.m-pagination li:first-child a,
.m-pagination li:last-child a,
.c-pagination li:first-child a,
.c-pagination li:last-child a {
position: relative;
}
.pagination li:first-child .c-glyph:before,
.pagination li:first-child .c-glyph:after,
.pagination li:last-child .c-glyph:before,
.pagination li:last-child .c-glyph:after,
.m-pagination li:first-child .c-glyph:before,
.m-pagination li:first-child .c-glyph:after,
.m-pagination li:last-child .c-glyph:before,
.m-pagination li:last-child .c-glyph:after,
.c-pagination li:first-child .c-glyph:before,
.c-pagination li:first-child .c-glyph:after,
.c-pagination li:last-child .c-glyph:before,
.c-pagination li:last-child .c-glyph:after {
position: absolute;
top: 8px;
left: 9999px;
}
}
.spza_controls {
margin: 0 45px 7px 45px;
padding-bottom: 5px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
text-align: right;
font: 12px "Segoe UI";
color: #333333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.spza_filteredTileContainer {
padding: 0 0 50px 0;
margin: 0 -8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.headerSectionEmbedded span:after,
.headerSection span:after {
content: "";
margin-left: 6px;
font-size: 12px;
}
.headerSectionEmbedded .links > a span,
.headerSection .links > a span {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 10px;
padding-left: 5px;
}
.headerSectionEmbedded .links > a span:after,
.headerSection .links > a span:after {
content: "";
}
.embedHeaderParent {
padding: 0 0 50px 0;
}
.spza_landing {
display: none;
}
.context-partners-page {
/*
Sprite Icons
-------------------------*/
/*
Homepage Custom Styles
-------------------------*/
}
.context-partners-page .info-circle,
.context-partners-page .right-tringle,
.context-partners-page .right-tringle-white,
.context-partners-page .drop-down {
background-image: url(/static/assets/partnerFormSprites.082321.0004.579dd964a9.png);
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
height: 20px;
line-height: 20px;
vertical-align: middle;
width: 20px;
position: absolute;
}
.context-partners-page .info-circle {
left: -38px;
top: 11px;
}
@media only screen and (min-width: 540px) {
.context-partners-page .c-hero > div > div {
width: 100%;
max-width: 540px;
}
}
@media only screen and (max-width: 1083px) {
.context-partners-page .c-hero > div > div {
margin: 0 auto;
}
}
.context-partners-page .c-hero .c-paragraph {
max-height: none;
padding-top: 12px;
}
.context-partners-page .c-hero .c-call-to-action {
margin-top: 16px;
}
.context-partners-page .c-hero .c-call-to-action:focus {
background: #fff !important;
border: 2px dotted #006fc2;
}
.context-partners-page .section {
text-align: center;
padding-bottom: 60px;
}
.context-partners-page .section .partnerSubmitButton {
margin-left: 15px;
margin-right: 15px;
}
.context-partners-page .section .partnerSubmitButton:hover {
cursor: pointer;
}
.context-partners-page .section.two div[data-grid=col-1] {
width: 11%;
}
.context-partners-page .two {
background-color: #f7f5f5;
}
.context-partners-page .three {
background-color: #006fc2;
}
.context-partners-page .c-heading-3 {
padding-top: 60px;
}
.context-partners-page .two .c-heading-3 {
padding-bottom: 0;
}
.context-partners-page .two > div > div:not(:first-child) {
padding-top: 36px;
}
.context-partners-page .three .c-paragraph-3 {
color: #fff;
padding-bottom: 45px;
}
.context-partners-page .c-paragraph-3,
.context-partners-page .c-list > li {
color: #7c7c7c;
}
.context-partners-page #app-btn {
color: #006fc2;
display: inline-block;
font-weight: 400;
font-size: 15px;
line-height: 1.2;
text-align: center;
position: relative;
}
.context-partners-page .right-tringle {
background-position: -18px 1px;
left: -24px;
top: 0;
}
.context-partners-page .guidelineslink {
text-decoration: underline;
}
.context-partners-form-page {
/* Alignment */
/* Spacing */
/* Custom form component styles */
/* Required star */
/* 648px = 600px max width + 24px padding on each side */
}
.context-partners-form-page [data-grid=col-12] {
text-align: center;
}
.context-partners-form-page .context-form {
display: inline-block;
text-align: left;
width: 100%;
padding: 0 12px;
}
.context-partners-form-page .context-form-header {
padding: 37px 0 45px;
}
.context-partners-form-page .context-form-header .c-heading-2 {
padding-top: 0;
}
.context-partners-form-page .context-form-header a.c-hyperlink,
.context-partners-form-page .context-form-header a.c-hyperlink:focus,
.context-partners-form-page .context-form-header a.c-hyperlink:visited,
.context-partners-form-page .context-form-header a.c-hyperlink:active,
.context-partners-form-page .context-form-header a.c-hyperlink:hover {
color: #006fc2;
}
.context-partners-form-page [data-grid=col-12] > p:first-child {
padding-top: 45px;
margin-bottom: -15px;
}
.context-partners-form-page .c-heading-3 {
text-align: center;
padding-top: 60px;
}
.context-partners-form-page .c-heading-5 {
padding-bottom: 0;
}
.context-partners-form-page input.c-text-field[type=text].f-flex,
.context-partners-form-page .c-select,
.context-partners-form-page .c-textarea textarea {
max-width: 600px;
}
.context-partners-form-page .c-textarea textarea {
width: 100%;
}
.context-partners-form-page .c-label + .c-select {
margin-top: 0;
}
.context-partners-form-page .c-label + .c-select > select {
border-radius: 0;
}
.context-partners-form-page .c-heading-5 + .c-label {
margin-top: 12px;
}
.context-partners-form-page .spza-c-checkbox-text-field {
padding-left: 20px;
}
.context-partners-form-page button.c-button {
margin: 60px 0;
}
.context-partners-form-page .spza-c-required {
color: red;
font-size: 15px;
}
.context-partners-form-page .context-form .spza-c-required {
display: inline-block;
margin-left: -10px;
}
.context-partners-form-page .context-form .c-label {
font-size: 15px;
}
.context-partners-form-page .context-form .c-checkbox .c-label {
font-size: 13px;
}
@media only screen and (min-width: 648px) {
.context-partners-form-page .context-form {
width: 600px;
}
}
@media only screen and (min-width: 768px) {
.context-partners-form-page [data-grid=col-12] > p:first-child {
padding-top: 60px;
margin-bottom: 0;
}
.context-partners-form-page .context-form-header {
padding: 52px 0 60px;
}
.context-partners-form-page [data-grid=col-6] {
margin-top: 36px;
}
.context-partners-form-page [data-grid=col-6] > .c-heading-5 {
padding-top: 0;
}
.context-partners-form-page [data-grid=col-6]:first-of-type {
padding-right: 24px;
border-right: 1px solid rgba(0, 0, 0, 0.6);
}
.context-partners-form-page [data-grid=col-6]:last-of-type {
padding-left: 24px;
}
}
.context-partners-form-page .reviewGuidelinesLink {
cursor: pointer;
color: #006fc2;
}
.spza-c-search.react-selectize.root-node {
min-width: 162px;
max-width: 500px;
z-index: 1000;
-webkit-transition: width 0.25s ease-out;
}
.spza-c-search.react-selectize.root-node:not(.open) .dropdown-menu-wrapper, .spza-c-search.react-selectize.root-node:not(.spza-c-search-hasinput) .dropdown-menu-wrapper {
opacity: 0;
}
.spza-c-search.react-selectize.root-node.open .react-selectize-toggle-button-container button:before {
color: #0067b8;
font-weight: bolder;
}
.spza-c-search.react-selectize.root-node.open, .spza-c-search.react-selectize.root-node.spza-c-search-hasinput {
max-width: 500px;
}
.spza-c-search.react-selectize.root-node.disabled {
pointer-events: none;
}
.spza-c-search.react-selectize.root-node .react-selectize-control,
.spza-c-search.react-selectize.root-node button {
float: left;
height: 100%;
outline: 0;
}
.spza-c-search.react-selectize.root-node.spza-c-search-hasinput.open .react-selectize-control {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
.spza-c-search.react-selectize.root-node .react-selectize-control {
display: inline;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 36px;
border-radius: 3px;
}
@media screen and (-ms-high-contrast: active) {
.spza-c-search.react-selectize.root-node .react-selectize-control {
border: 1px solid black;
}
}
.spza-c-search.react-selectize.root-node .react-selectize-control::-ms-clear {
display: none;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-placeholder {
color: #767676;
display: block;
line-height: 34px;
overflow: hidden;
padding-left: 10px;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
max-width: calc(100% - 135px);
-webkit-user-select: none;
cursor: text;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container button:focus:not(.x-hidden-focus) {
outline: #006cc2 dashed 2px;
outline-offset: -5px;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container button:focus, .spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container button:active {
background-color: transparent;
}
.spza-c-search.react-selectize.root-node .react-selectize-control button {
width: 36px;
height: 34px;
background: transparent;
margin: auto;
padding: unset;
-webkit-transition: color 0.1s, background-color 0.1s;
transition: color 0.1s, background-color 0.1s;
border: 0;
}
.spza-c-search.react-selectize.root-node .react-selectize-control button:hover {
color: #006fc2;
}
.spza-c-search.react-selectize.root-node .react-selectize-control button:active, .spza-c-search.react-selectize.root-node .react-selectize-control button:focus {
color: #fff;
background: #006fc2;
outline: -webkit-focus-ring-color auto 5px;
}
.spza-c-search.react-selectize.root-node .react-selectize-control button:hover:before {
background-color: #0074d0;
border-radius: 20px;
color: white;
border: 6px #0074d0 solid;
font-weight: bolder;
}
@media screen and (-ms-high-contrast: active) {
.spza-c-search.react-selectize.root-node .react-selectize-control button:hover:before {
border: none;
}
}
.spza-c-search.react-selectize.root-node .react-selectize-control button:before {
content: "";
text-indent: 0;
color: #7f7f7f;
font-size: 16px;
border: 6px white solid;
-webkit-transition: 0.2s;
transition: 0.2s;
}
@media screen and (-ms-high-contrast: active) {
.spza-c-search.react-selectize.root-node .react-selectize-control button:before {
border: none;
}
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
float: left;
width: calc(100% - 36px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 36px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
vertical-align: middle;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input {
max-width: 500px;
min-width: 250px;
height: 36px;
padding: 0 10px;
border: none;
background: none;
outline: none;
font-size: 1em;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input::-ms-clear {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input::-ms-reveal {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza-c-search.simple-select.react-selectize.root-node .simple-value {
margin: 2px;
}
.spza-c-search.simple-select.react-selectize.root-node .simple-value span {
display: inline-block;
vertical-align: center;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper {
z-index: 999;
position: absolute;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.tethered {
min-width: 300px;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper:not(.tethered) {
width: 100%;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default {
border: none;
overflow: hidden;
position: relative;
max-height: 520px;
-webkit-box-shadow: 0px -4px 1px 0px white, 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px -4px 1px 0px white, 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
font-size: 13px;
font-weight: 600;
background: white;
margin-top: 1px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu.flipped.custom-enter {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu.flipped.custom-enter-active {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu.flipped.custom-leave {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu.flipped.custom-leave-active {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu:not(.flipped).custom-enter {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu:not(.flipped).custom-enter-active {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu:not(.flipped).custom-leave {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu:not(.flipped).custom-leave-active {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups > div {
position: relative;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups > div:first-child .groupSeparator {
border: none;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups > div .options {
padding: 8px 0;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups .searchResultGroup {
line-height: 21.5px;
font-size: 16px;
margin: 0 8px;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups .searchResultGroup.searchResultFirstGroup {
padding-top: 8px;
border-top: 1px solid #e8e8e8;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups .searchResultGroup.searchResultFirstGroup .searchResultHint {
float: right;
font-size: 11.9px;
color: #333333;
line-height: 14.9px;
}
.spza-c-search.react-selectize.dropdown-menu.default .no-results-found {
color: #aaa !important;
font-style: oblique;
padding: 8px 10px;
}
.spza-c-search.react-selectize.dropdown-menu.default .simple-group-title {
background-color: #fafafa;
padding: 8px 8px;
}
.spza-c-search.react-selectize.dropdown-menu.default .groupSeparator .headerText {
position: absolute;
font-size: 10px;
font-weight: 300;
top: 5px;
right: 10px;
color: #666;
z-index: 9;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper {
cursor: pointer;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper:hover {
background-color: #f8f8f8;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper.highlight {
background: #f2f9fc;
color: #333;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item {
padding: 5px 10px 5px 0;
line-height: 36px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item.App {
height: 50px;
padding-left: 56px;
line-height: 16px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item.App.searchResultWithAddins {
height: 90px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > .linkedItemsContainer {
height: 34px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
margin-top: 3px;
padding-left: 10px;
-webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > .linkedItemsContainer .linkedItemsHeader {
-ms-flex-item-align: center;
align-self: center;
font-size: 11px;
line-height: 12px;
color: #b3b0ad;
font-weight: 500;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > .linkedItemsContainer .addInsIcons {
-ms-flex-item-align: center;
align-self: center;
margin-left: 4px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item:hover {
background-color: #f8f8f8;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > .Icon {
position: absolute;
left: 10px;
top: 5px;
width: 40px;
height: 40px;
background-size: 40px;
background-repeat: no-repeat;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > div > header {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 16px;
margin-top: 4px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > div > .Description {
font-size: 12px;
margin-top: -1px;
color: #666;
font-weight: normal;
}
.simple-option {
position: relative;
padding: 5px 10px 5px 10px;
cursor: pointer;
}
.simple-option.searchShowAll {
font-size: 16.1px;
line-height: 21.5px;
color: #2277bc;
}
.suggestedSearchAddInIcons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 0px 4px;
height: 24px;
width: 24px;
}
.narrowItem {
line-height: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.searchShowAllGroup {
margin: 0px 8px;
border-top: 1px solid #e8e8e8;
}
.ms-BrandIcon--excel.ms-BrandIcon-svg--icon32 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/excel_32x1.svg);
}
.ms-BrandIcon--word.ms-BrandIcon-svg--icon32 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/word_32x1.svg);
}
.ms-BrandIcon--powerPoint.ms-BrandIcon-svg--icon32 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/powerpoint_32x1.svg);
}
.ms-BrandIcon--teams.ms-BrandIcon-svg--icon32 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/teams_32x1.svg);
}
.ms-BrandIcon--outlook.ms-BrandIcon-svg--icon32 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/outlook_32x1.svg);
}
.ms-BrandIcon--sharePoint.ms-BrandIcon-svg--icon32 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/sharepoint_32x1.svg);
}
.ms-BrandIcon--oneNote.ms-BrandIcon-svg--icon32 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/onenote_32x1.svg);
}
.ms-BrandIcon--project.ms-BrandIcon-svg--icon32 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/project_32x1.svg);
}
.billingRegionPicker .regionLink {
color: #006fc2;
cursor: pointer;
}
.billingRegionPicker .regionLink:hover {
text-decoration: underline;
}
.spza_testDriveContainer {
width: 100%;
}
.spza_testDriveContainer .spza_content {
width: 90%;
-ms-flex-item-align: center;
align-self: center;
margin: auto;
max-width: 1346px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza_testDriveContainer .spza_content .testDrive_content {
width: 100%;
margin: auto;
padding-bottom: 90px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_spinnerContent {
margin: 0 auto;
padding-top: 48px;
width: 400px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_spinnerContent .c-animation {
padding-left: 150px;
text-align: center;
}
.spza_testDriveContainer .spza_content .testDrive_content .headerContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza_testDriveContainer .spza_content .testDrive_content .headerContainer .iconHost {
width: 96px;
height: 96px;
}
.spza_testDriveContainer .spza_content .testDrive_content .headerContainer .iconHost .thumbnailSpacer {
height: 100%;
display: inline-block;
vertical-align: middle;
}
.spza_testDriveContainer .spza_content .testDrive_content .headerContainer .iconHost .appLargeIcon {
max-width: 96px;
max-height: 96px;
display: inline-block;
vertical-align: middle;
}
.spza_testDriveContainer .spza_content .testDrive_content .headerContainer .headerSubContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 24px;
}
.spza_testDriveContainer .spza_content .testDrive_content .headerContainer .headerSubContainer .c-heading-5 {
padding-top: 0px;
}
.spza_testDriveContainer .spza_content .testDrive_content .headerContainer .headerSubContainer .c-heading-4 {
padding-top: 0px;
}
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar {
height: 60px;
}
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar .breadcrumb {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar .breadcrumb .goBackButton,
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar .breadcrumb .appTabButton {
background-color: transparent;
margin: 0;
font-size: 14px;
line-height: 60px;
max-width: none;
min-width: 0;
min-width: initial;
display: inline;
border: none;
}
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar .breadcrumb .goBackButton {
padding: 0 10px 0 0;
}
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar .breadcrumb .goBackButton:hover {
color: #006fc2;
cursor: pointer;
text-decoration: underline;
}
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar .breadcrumb .appTabButton {
padding: 0 6px;
cursor: default;
}
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar .breadcrumb span {
line-height: 57px;
font-size: 11px;
}
.spza_testDriveContainer .spza_content .testDrive_content .navigationBar .breadcrumb span:before {
content: "";
width: 15px;
height: 15px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 24px;
padding-bottom: 50px;
}
@media (max-width: 1200px) {
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .titleSubHeader {
padding-top: 0px;
}
@media (max-width: 1200px) {
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .titleSubHeader {
padding-top: 37px;
}
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-right: 48px;
max-width: 700px;
margin-right: 48px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .markdown {
padding-left: 20px;
max-width: 650px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 600px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description {
font-size: 13px;
line-height: 20px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description a {
color: #006fc2;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > ul {
margin: 13px 0 !important;
padding-left: 40px !important;
list-style-type: disc !important;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > p {
margin: 13px 0 !important;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h1,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h2,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h3,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h4,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h5,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h6,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > header {
padding: 0 0 4px !important;
font-weight: 200 !important;
font-size: 18px !important;
line-height: 24px !important;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h1 b,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h2 b,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h3 b,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h4 b,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h5 b,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > h6 b,
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .description > header b {
font-weight: 200;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border: solid;
border-width: 1px;
border-color: grey;
min-height: 130px;
min-width: 600px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerContainer .progressSideBand {
background-color: rgba(252, 238, 99, 0.4);
width: 50px;
border-right: solid;
border-color: #4d4d4d;
border-width: 1px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerContainer .progressSideBand .bandImage {
height: 24px;
width: 24px;
margin-top: 24px;
margin-left: 12px;
margin-right: 12px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerContainer .readySideBand {
background-color: rgba(34, 181, 115, 0.4);
width: 50px;
border-right: solid;
border-color: #4d4d4d;
border-width: 1px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerContainer .readySideBand .bandImage {
height: 24px;
width: 24px;
margin-top: 24px;
margin-left: 12px;
margin-right: 12px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerContainer .doneSideBand {
background-color: rgba(204, 204, 204, 0.4);
width: 50px;
border-right: solid;
border-color: #4d4d4d;
border-width: 1px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerContainer .doneSideBand .bandImage {
height: 24px;
width: 24px;
margin-top: 24px;
margin-left: 12px;
margin-right: 12px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerColumnContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 130px;
padding-right: 20px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .bannerColumnContainer .bannerSubContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .c-header {
text-align: center;
padding-top: 40px;
padding-bottom: 5px;
font-size: 25px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .c-bannerHeader {
text-align: center;
padding-top: 24px;
padding-bottom: 5px;
font-size: 18px;
font-weight: 600;
padding-left: 20px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .c-timerTitle {
padding-top: 24px;
padding-bottom: 5px;
font-size: 18px;
font-weight: 200;
padding-left: 4px;
min-width: 300px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .c-testDriveButton {
margin-left: 20px;
max-width: 200px;
padding-bottom: 10px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .c-subheader {
text-align: center;
padding-top: 40px;
padding-bottom: 5px;
font-size: 14px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .c-animation {
text-align: center;
margin-left: 40px;
padding-bottom: 24px;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .c-progress.f-indeterminate-local.f-progress-large {
width: 100%;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .testDrive_subcontainer .c-box {
border-style: solid;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder {
width: 567px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 1200px) {
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder {
height: 400px;
width: 700px;
}
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder .imgContent {
cursor: pointer;
position: relative;
border: 1px solid #e0e0e0;
height: 300px;
width: 530px;
float: left;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder .imgContent:hover, .spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder .imgContent:focus {
border-color: #006fc2;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder .imgContent > img {
height: 100%;
width: 100%;
}
@media (max-width: 1200px) {
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder .imgContent {
height: 400px;
width: 700px;
}
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.75;
pointer-events: none;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder .videoContainer iframe {
float: left;
border: none;
}
.spza_testDriveContainer .spza_content .testDrive_content .testDrive_container .videoHolder .videoContainer span:after {
content: "";
width: 16px;
height: 17px;
border: 1px solid black;
}
.field-hub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.field-hub .field-body {
text-align: center;
}
.field-hub .field-header {
margin-top: 50px;
}
.field-hub .field-header .title {
font-size: 34px;
font-weight: lighter;
max-width: 800px;
margin: auto;
}
.field-hub .field-header .sub-title {
font-size: 15px;
margin-top: 20px;
}
.field-hub .field-sections {
margin: 40px 0 20px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1280px) {
.field-hub .field-sections {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.field-hub .field-sections .seperator {
border-left: 1px solid #4d4d4d;
}
.field-hub .field-sections .insights .icon {
background-image: url(/static/assets/insights.082321.0004.579dd964a9.svg);
}
.field-hub .field-sections .consumption .icon {
background-image: url(/static/assets/consumption.082321.0004.579dd964a9.svg);
}
.field-hub .field-sections .eaplan .icon {
background-image: url(/static/assets/eaplan.082321.0004.579dd964a9.svg);
}
.field-hub .field-sections .noAccess .icon {
background-image: url(/static/assets/eaplan.082321.0004.579dd964a9.svg);
}
.field-hub .field-sections .insights .section-header,
.field-hub .field-sections .consumption .section-header,
.field-hub .field-sections .eaplan .section-header,
.field-hub .field-sections .noAccess .section-header {
width: 365px;
margin-left: 30px;
margin-right: 30px;
}
@media (max-width: 1280px) {
.field-hub .field-sections .insights .section-header,
.field-hub .field-sections .consumption .section-header,
.field-hub .field-sections .eaplan .section-header,
.field-hub .field-sections .noAccess .section-header {
margin: auto;
}
}
.field-hub .field-sections .insights .section-header .icon-container,
.field-hub .field-sections .consumption .section-header .icon-container,
.field-hub .field-sections .eaplan .section-header .icon-container,
.field-hub .field-sections .noAccess .section-header .icon-container {
display: inline-block;
text-align: center;
}
.field-hub .field-sections .insights .section-header .icon,
.field-hub .field-sections .consumption .section-header .icon,
.field-hub .field-sections .eaplan .section-header .icon,
.field-hub .field-sections .noAccess .section-header .icon {
height: 80px;
width: 80px;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
background-color: transparent;
border: none;
}
.field-hub .field-sections .insights .section-header .section-title,
.field-hub .field-sections .consumption .section-header .section-title,
.field-hub .field-sections .eaplan .section-header .section-title,
.field-hub .field-sections .noAccess .section-header .section-title {
margin-top: 38px;
font-size: 24px;
font-weight: lighter;
}
.field-hub .field-sections .insights .section-header .description,
.field-hub .field-sections .consumption .section-header .description,
.field-hub .field-sections .eaplan .section-header .description,
.field-hub .field-sections .noAccess .section-header .description {
font-size: 15px;
margin-top: 24px;
}
.field-hub .field-sections .insights .columns,
.field-hub .field-sections .consumption .columns,
.field-hub .field-sections .eaplan .columns,
.field-hub .field-sections .noAccess .columns {
margin-top: 50px;
margin-left: 30px;
margin-right: 30px;
width: inherit;
font-size: 18px;
}
.field-hub .field-sections .insights .columns .field-column ul,
.field-hub .field-sections .consumption .columns .field-column ul,
.field-hub .field-sections .eaplan .columns .field-column ul,
.field-hub .field-sections .noAccess .columns .field-column ul {
margin-top: 15px;
min-height: 80px;
list-style-type: none;
}
.field-hub .field-sections .insights .columns .field-column li,
.field-hub .field-sections .consumption .columns .field-column li,
.field-hub .field-sections .eaplan .columns .field-column li,
.field-hub .field-sections .noAccess .columns .field-column li {
color: #55b3ff;
font-size: 15px;
cursor: pointer;
}
.field-hub .field-sections .insights .columns .field-column .learn-more,
.field-hub .field-sections .consumption .columns .field-column .learn-more,
.field-hub .field-sections .eaplan .columns .field-column .learn-more,
.field-hub .field-sections .noAccess .columns .field-column .learn-more {
margin-top: 30px;
font-size: 15px;
}
.field-hub .field-sections .insights .columns .field-column .learn-more .video,
.field-hub .field-sections .consumption .columns .field-column .learn-more .video,
.field-hub .field-sections .eaplan .columns .field-column .learn-more .video,
.field-hub .field-sections .noAccess .columns .field-column .learn-more .video {
color: #55b3ff;
cursor: pointer;
}
.field-hub .field-sections .noAccess .section-header {
width: 400px;
}
.field-hub .disclaimer {
margin: auto;
font-size: 14px;
max-width: 780px;
margin-bottom: 40px;
}
.field-hub .disclaimer .filterInfoIcon {
margin-right: 2px;
margin-bottom: 4px;
color: #2172b9;
}
.field-hub .footerContent {
max-width: 1200px;
margin: auto;
}
.field-hub .footerContent .isvCoSell {
margin: 10px 0 20px 0;
background-color: #006fc2;
color: white;
font-size: 13px;
width: 200px;
height: 30px;
border: none;
}
.field-hub .field-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #eaeaea;
}
.field-hub .field-footer .field-footer-content {
max-width: 1200px;
margin: auto;
}
.field-hub .field-footer .field-footer-content .title {
margin-top: 20px;
font-size: 16px;
font-weight: 500;
color: #000000;
}
.field-hub .field-footer .field-footer-content textarea {
margin-top: 10px;
padding-left: 5px;
border: 1px solid #000000;
background: #ffffff;
color: black;
width: 1200px;
height: 60px;
}
.field-hub .field-footer .field-footer-content .submit {
margin: 10px 0 20px 0;
background: #2272b9;
color: white;
font-size: 13px;
width: 165px;
height: 30px;
border: none;
float: right;
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails {
display: inline;
}
.mobileAppDetails .ctaFavContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-top: 8px;
}
.mobileAppDetails .deatilPageContent .appDetailHeader {
display: none;
}
.mobileAppDetails .ampTitleHeader .ampSubHeader {
padding-top: 8px;
}
.mobileAppDetails .ratingsCount {
font-size: 12px;
line-height: 20px;
}
.mobileAppDetails .ratingsCount .writeReivewText {
color: #0078d4;
}
.mobileAppDetails .spza_detailContainer {
padding-bottom: 50px;
max-width: 1346px;
-ms-flex-item-align: center;
align-self: center;
height: 100%;
padding-right: 12px;
}
.mobileAppDetails .spza_detailContainer .navigationBar {
height: 60px;
}
.mobileAppDetails .spza_detailContainer .navigationBar .breadcrumb {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mobileAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton,
.mobileAppDetails .spza_detailContainer .navigationBar .breadcrumb .appTabButton {
background-color: transparent;
margin: 0;
font-size: 14px;
line-height: 60px;
max-width: none;
min-width: 0;
min-width: initial;
display: inline;
border: none;
}
.mobileAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton {
padding: 0 10px 0 0;
}
.mobileAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton:hover {
color: #006fc2;
cursor: pointer;
text-decoration: underline;
}
.mobileAppDetails .spza_detailContainer .navigationBar .breadcrumb .appTabButton {
padding: 0 6px;
cursor: default;
}
.mobileAppDetails .spza_detailContainer .navigationBar .breadcrumb span {
line-height: 57px;
font-size: 11px;
}
.mobileAppDetails .spza_detailContainer .navigationBar .breadcrumb span:before {
content: "";
width: 15px;
height: 15px;
}
.mobileAppDetails .spza_detailContainer .detailContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mobileAppDetails .spza_detailContainer .detailContent .iconTitleContainer .appDetailHeader {
display: inline;
}
.mobileAppDetails .spza_detailContainer .detailContent .ctaFavContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata {
height: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-right: 30px;
text-align: center;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .cell {
margin-bottom: 12px;
text-align: left;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .cell header {
color: #1a1a1a;
font-weight: 600;
font-size: 12px;
margin-top: 8px;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .cell span {
font-size: 12px;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .c-hyperlink {
text-align: left;
font-size: 12px;
display: block;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails {
margin-top: 8px;
padding: 0 0 0 1px;
font-size: 12px;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell {
margin-bottom: 12px;
text-align: left;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell header {
color: #1a1a1a;
margin-bottom: 2px;
font-weight: 600;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk {
background: #f2f2f2;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk .miniIcon {
margin-right: 6px;
height: 30px;
width: 30px;
float: left;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk .forApp {
line-height: 30px;
padding-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph {
width: 18px;
height: 18px;
margin-right: 2px;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph:after {
color: #006fc2;
font-size: 18px;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph:before {
font-size: 18px;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .ratingsCount {
font-size: 12px;
line-height: 20px;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories {
color: #006fc2;
cursor: pointer;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories.d365FilterGroupHeader {
display: none;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories:hover {
text-decoration: underline;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell > span,
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell > a {
display: block;
}
.mobileAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .productsSupported span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.mobileAppDetails .spza_detailContainer .detailContent .content {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
position: relative;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview {
min-height: 200px;
padding-bottom: 20px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .detailsContentWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 768px) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .detailsContentWrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent {
margin-right: 48px;
padding-bottom: 15px;
-webkit-box-flex: 1;
flex: 1 1;
-ms-flex: 1;
max-width: 800px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 768px) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent {
-ms-flex: none;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .link {
margin-top: 20px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .link .linkTitle {
padding: 0;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .link .linkContent {
font-size: 13px;
display: block;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .capabilities .capabilitiesTitle {
margin: 0 !important;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .capabilities .disclaimer {
font-size: 12px;
margin-bottom: 7px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .capabilities li {
font-size: 13px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .thumbnails {
margin-left: -10px;
line-height: 0;
width: 110%;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .thumbnails .imgContent {
margin: 0 0 10px 10px;
cursor: pointer;
position: relative;
float: left;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .thumbnails .imgContent img {
height: 46px;
border: 1px solid #e0e0e0;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .thumbnails .imgContent img:hover, .mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .thumbnails .imgContent img:focus {
border-color: #006fc2;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .selectedMedia {
cursor: pointer;
position: relative;
width: 100%;
min-height: 300px;
margin-bottom: 10px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .selectedMedia .delayLoadImage.content img {
width: 100%;
border: 1px solid #f2f2f2;
-webkit-box-shadow: 1px 1px #e0e0e0;
box-shadow: 1px 1px #e0e0e0;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .selectedMedia .delayLoadImage.content img:hover {
border-color: #006fc2;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 768px) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia {
width: auto;
max-width: 700px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.75;
pointer-events: none;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailMedia .overlay img {
width: 100%;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 3) and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > ul,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > ul {
margin: 13px 0 !important;
padding-left: 40px !important;
list-style-type: disc !important;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > p,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > p {
margin: 13px 0 !important;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > p > a,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > p > a {
color: #006fc2 !important;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h1,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h2,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h3,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h4,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h5,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h6,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > header,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h1,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h2,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h3,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h4,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h5,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h6,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > header {
padding: 0 0 4px !important;
font-weight: 200 !important;
font-size: 18px !important;
line-height: 24px !important;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h1 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h2 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h3 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h4 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h5 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > h6 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .overview .appDetailContent .description > header b,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h1 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h2 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h3 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h4 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h5 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > h6 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > header b {
font-weight: 200;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .pricing.simplePlanPricing .pricingListItem .description > p {
margin-top: 0 !important;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .appDetailHeader {
width: 100%;
font-size: 14px;
margin-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .appDetailHeader .appTitle {
font-size: 45px;
line-height: 50px;
white-space: normal;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .appDetailHeader .titleHeader,
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .appDetailHeader .titleSubHeader {
padding: 0;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .appDetailHeader .titleHeader {
font-size: 34px;
font-weight: 100;
line-height: 40px;
padding-bottom: 2px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .appDetailHeader .titleSubHeader {
font-size: 32px;
font-weight: 400;
line-height: 48px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .iconHost {
width: 92px;
height: 92px;
margin-top: 42px;
margin-right: 12px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .iconHost .thumbnailSpacer {
height: 100%;
display: inline-block;
vertical-align: middle;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .iconHost .appLargeIcon {
max-width: 92px;
max-height: 92px;
display: inline-block;
vertical-align: middle;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .iconHost .appLargeIcon img {
width: 100%;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) and (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .iconDescription .iconHost {
display: none;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .requestButton {
margin-top: 0px;
width: 164px;
margin-top: 0 0 8px 0;
font-size: 25px;
letter-spacing: 0.975px;
line-height: 35px;
text-transform: uppercase;
height: 75px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: none;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer {
padding: 0px;
padding-top: 12px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description {
font-size: 13px;
line-height: 20px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 3) and (min-device-width: 320px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > ul {
margin: 13px 0 !important;
padding-left: 40px !important;
list-style-type: disc !important;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > p {
margin: 13px 0 !important;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > p > a {
color: #006fc2 !important;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h1,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h2,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h3,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h4,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h5,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h6,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > header {
padding: 0 0 4px !important;
font-weight: 200 !important;
font-size: 18px !important;
line-height: 24px !important;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h1 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h2 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h3 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h4 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h5 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > h6 b,
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .description > header b {
font-weight: 200;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .link {
margin-top: 20px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .link .linkTitle {
padding: 0;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .link .linkContent {
font-size: 30px;
display: block;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawer .c-hyperlink {
text-align: left;
font-size: 30px;
display: block;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawerClosed {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-size: 32px;
line-height: 36px;
font-weight: 600;
padding-left: 0px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .drawerClosed:after {
content: "";
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .drawerOpen {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
font-size: 32px;
line-height: 36px;
font-weight: 600;
padding-left: 0px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .drawerOpen:after {
content: "";
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-top: 12px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .thumbnails {
margin-left: -10px;
line-height: 0;
width: 110%;
height: 60px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .thumbnails .imgContent {
margin: 0 0 10px 10px;
cursor: pointer;
position: relative;
float: left;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .thumbnails .imgContent img {
height: 46px;
border: 1px solid #e0e0e0;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .thumbnails .imgContent img:hover, .mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .thumbnails .imgContent img:focus {
border-color: #006fc2;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .selectedMedia {
cursor: pointer;
position: relative;
width: 140%;
margin-bottom: 10px;
margin-left: -12px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .selectedMedia .delayLoadImage.content img {
width: 100%;
border: 1px solid #f2f2f2;
-webkit-box-shadow: 1px 1px #e0e0e0;
box-shadow: 1px 1px #e0e0e0;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .selectedMedia .delayLoadImage.content img:hover {
border-color: #006fc2;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) and (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia {
width: auto;
max-width: 700px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.75;
pointer-events: none;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .appDetailMedia .overlay img {
width: 100%;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .cell {
margin-bottom: 12px;
text-align: left;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .cell header {
color: #1a1a1a;
font-weight: 600;
font-size: 32px;
margin-top: 8px;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .cell span {
font-size: 12px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .c-hyperlink {
text-align: left;
font-size: 30px;
display: block;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .shortDescription {
padding: 0px 0px 24px;
font-weight: 400;
font-size: 36px;
line-height: 42px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .mobileLinkDescription {
padding-top: 6px;
font-weight: 400;
font-size: 32px;
line-height: 36px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .note {
font-style: italic;
padding-bottom: 24px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .emailTextBox {
margin-top: 12px;
padding-left: 10px;
border: solid 1px;
width: 100%;
font-size: 42px;
height: 75px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 3), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) and (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content {
max-width: 700px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .emailInput {
display: inline-block;
width: 100%;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .content .emailbutton {
position: absolute;
right: 0;
height: 75px;
width: 75px;
margin-top: 12px;
background: #006fc2;
border: solid 1px #006fc2;
color: white;
}
.mobileAppDetails .spza_detailContainer .detailContent .content .emailbutton:disabled {
color: #fff;
border: solid 1px transparent;
background-color: rgba(0, 0, 0, 0.2);
}
.mobileAppDetails .spza_detailContainer .detailContent .content .emailbutton:before {
content: "";
text-indent: 0;
font-size: 26px;
font-weight: 800;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .detailContent .header {
margin-left: 0;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .embedBreadcrumbButton:hover {
cursor: pointer;
color: #006fc2;
}
.mobileAppDetails .spza_detailContainer .embedBreadcrumbButton span:after {
content: "";
font-size: 12px;
margin-right: 6px;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .delayLoadImage {
color: transparent;
}
}
@media only screen and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileAppDetails .spza_detailContainer .mobileFavoriteContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
}
.c-content-toggle .expansionButton {
color: #0078d4;
border: 0px;
padding: 0px;
background: transparent;
padding-top: 12px;
font-size: 14px;
line-height: 20px;
}
.c-content-toggle .longContentExpanded {
max-height: none;
}
.c-content-toggle .longContentContracted {
max-height: 66px;
overflow: hidden;
}
.context-nominate-page .form-header {
background-color: #e6e6e6;
margin-bottom: 50px;
padding-bottom: 22px;
}
.context-nominate-page .form-header p {
font-family: "Segoe UI";
color: #333;
font-size: 16px;
text-align: center;
}
.context-nominate-page .form-header p.form-subTitle {
font-size: 22px;
line-height: 36px;
padding-top: 22px;
padding-bottom: 11px;
font-weight: 500;
}
.context-nominate-page .form-header p.form-info {
line-height: 16px;
padding: 8px 0 8px 0;
}
.context-nominate-page .form-header a {
color: #006fc2;
}
.context-nominate-page .form-header a:hover {
color: #004578;
}
.nomination-form-container {
width: 660px;
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
}
.sub-form-container {
margin-left: 20px;
}
.sub-form-container.detail-offer {
margin-left: 0px;
}
.sub-form-container .form-field {
margin-top: 20px;
font-size: 16px;
color: #333;
display: block;
}
.sub-form-container .form-field input[type=text],
.sub-form-container .form-field .richTextDropDown {
display: block;
margin-top: 11px;
width: 100%;
}
.sub-form-container .form-field input[type=text] {
padding: 3px 0 3px 10px;
}
.sub-form-container .form-field .checkbox-columns {
display: inline-block;
width: 50%;
}
.sub-form-container .form-field .checkbox-title {
display: block;
}
.sub-form-container .form-field .richTextDropDown > .valueBox .item > span {
width: 80%;
}
.sub-form-container .form-field .richTextDropDown > .c-menu {
max-height: 350px;
}
.sub-form-container .form-field .country.richTextDropDown > .c-menu {
max-height: 200px;
}
.sub-form-container .form-field .required {
color: red;
}
.sub-form-container input[type=button] {
background-color: #006fc2;
color: #fff;
padding: 8px 44px 8px 44px;
text-align: center;
letter-spacing: 0.075em;
border: 0;
margin: 20px auto;
display: block;
}
.sub-form-container input[type=button][disabled] {
background-color: silver;
color: #fff;
}
.sub-form-container .error-message {
display: none;
}
.sub-form-container .form-field.error input,
.sub-form-container .form-field.error .richTextDropDown > .valueBox {
border: 1px #a80000 solid;
}
.sub-form-container .form-field.error .error-message {
display: block;
font-size: 12px;
color: #a80000;
line-height: 14px;
}
.sub-form-container .richTextDropDown > .valueBox .item > span {
line-height: 28px;
}
.campaignDefaultPage {
font-size: 120px;
color: #006fc2;
line-height: 150px;
margin: 5%;
text-align: center;
}
.spza-user-favourite-navigation-bar-button-container {
display: block;
width: 24px;
height: 24px;
position: relative;
background-image: url(/static/assets/spza-header-user-favourite-nav-bar.082321.0004.579dd964a9.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
outline: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
@media (-ms-high-contrast: black-on-white) {
.spza-user-favourite-navigation-bar-button-container {
background-image: url(/static/assets/spza-header-user-favourite-nav-bar-blue.082321.0004.579dd964a9.png);
}
}
.spza-user-favourite-navigation-bar-button-container label {
width: 22px;
height: 22px;
position: absolute;
left: 18px;
top: -8px;
text-align: center;
text-shadow: 0px 0px 1px #0067b8;
line-height: 22px;
color: #0067b8;
font-size: 12px;
cursor: pointer;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(/static/assets/spza-header-user-favourite-nav-bar-count.082321.0004.579dd964a9.png);
}
.spza-user-favourite-navigation-bar-button-container:hover {
background-image: url(/static/assets/spza-header-user-favourite-nav-bar-filled.082321.0004.579dd964a9.png);
}
@media (-ms-high-contrast: black-on-white) {
.spza-user-favourite-navigation-bar-button-container:hover {
background-image: url(/static/assets/spza-header-user-favourite-nav-bar-filled-blue.082321.0004.579dd964a9.png);
}
}
.spza-user-favourite-navigation-bar-button-container:hover label {
border: #0074d0 solid 2px;
border-radius: 20px;
width: 26px;
height: 26px;
left: 16px;
top: -10px;
}
.spza-user-favourite-tile-button-container {
position: absolute;
right: 0;
bottom: 0;
height: 44px;
width: 44px;
padding: 0px;
border: none;
color: transparent;
background-color: transparent;
outline: none;
}
.spza-user-favourite-tile-button-content {
height: 100%;
width: 100%;
display: block;
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: center;
background-position-y: 15px;
}
.saved.user-action-none,
.saved.user-action-done,
.user-action-upsert {
background-image: url(/static/assets/heartFilled.082321.0004.579dd964a9.svg);
}
.saved.user-action-none:hover {
background-image: url(/static/assets/heartHollow.082321.0004.579dd964a9.svg);
}
.not-saved.user-action-none,
.not-saved.user-action-done,
.user-action-delete {
background-image: url(/static/assets/heartHollow.082321.0004.579dd964a9.svg);
}
.not-saved.user-action-none:hover {
background-image: url(/static/assets/heartFilled.082321.0004.579dd964a9.svg);
}
.spza-user-favourite-tile-button-container:focus,
.spza-user-favourite-tile-button-content:focus {
outline: black 1px solid;
}
@media screen and (-ms-high-contrast: active) {
.spza-user-favourite-tile-button-container:focus,
.spza-user-favourite-tile-button-content:focus {
border: 1px solid white;
border-top: 0;
}
}
.spza-user-favourite-tile-button-container:focus > .spza-user-favourite-tile-button-content {
-webkit-box-shadow: 0px 0px 2px 1px #e0e0e0 inset;
box-shadow: 0px 0px 2px 1px #e0e0e0 inset;
}
.spza-user-favourite-detail-container {
width: 90%;
-ms-flex-item-align: center;
align-self: center;
margin: auto;
max-width: 1300px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.spza-user-favourite-detail-header {
margin: 0px 20px 20px 20px;
clear: both;
width: 1080px;
font-size: 24px;
font-weight: 400;
padding: 16px 40px 20px 0px;
}
.spza-user-favourite-detail-tile-title {
margin: -20px 20px 20px 20px;
clear: both;
width: 1080px;
font-size: 18px;
font-weight: 400;
padding: 16px 40px 20px 0px;
}
.spza-user-favourite-detail-tile-title.app {
margin-bottom: 130px;
}
.spza-user-favourite-detail-tile-title.service {
margin-bottom: 200px;
}
.spza-user-favourite-tile-detail-button {
display: inline-block;
width: 100%;
max-width: 374px;
min-width: 120px;
margin-top: 12px;
padding: 9px 12px 10px 41px;
vertical-align: bottom;
border: solid 1px #006cc2;
color: #006cc2;
font-size: 12.5px;
letter-spacing: 0.975px;
line-height: 16.9px;
text-align: center;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: left;
background-position-y: 9px;
background-position-x: 16px;
background-color: white;
}
.spza-user-favourite-tile-detail-button.saved.user-action-none, .spza-user-favourite-tile-detail-button.saved.user-action-done, .spza-user-favourite-tile-detail-button.user-action-upsert {
padding-left: 38px;
background-image: url(/static/assets/heartFilled.082321.0004.579dd964a9.svg);
}
.spza-user-favourite-tile-detail-button.saved.user-action-none:hover {
background-image: url(/static/assets/heartHollow.082321.0004.579dd964a9.svg);
}
.spza-user-favourite-tile-detail-button.not-saved.user-action-none, .spza-user-favourite-tile-detail-button.not-saved.user-action-done, .spza-user-favourite-tile-detail-button.user-action-delete {
background-image: url(/static/assets/heartHollow.082321.0004.579dd964a9.svg);
}
.spza-user-favourite-tile-detail-button.not-saved.user-action-none:hover {
background-image: url(/static/assets/heartFilled.082321.0004.579dd964a9.svg);
}
.spza-user-favourite-tile-detail-button.AMPappDetails {
border: none;
font-size: 13px;
font-weight: 600;
margin-top: 15px;
width: auto;
text-transform: none;
letter-spacing: normal;
width: 18;
height: 18;
}
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza-user-favourite-tile-detail-button.AMPappDetails label {
display: none;
}
}
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza-user-favourite-tile-detail-button.AMPappDetails {
background-position: 0;
margin-left: 16px;
height: 18px;
padding: 16px 0px 0px 0px;
}
}
@media (max-width: 1649px) {
.spza-header-root-container .spza-header-desktop {
display: none;
}
}
@media (min-width: 1650px) {
.spza-header-root-container .spza-header-compact {
display: none;
}
}
@media (max-width: 1199px) {
.spza-header-root-container .spza-header-compact {
display: none;
}
}
@media (min-width: 1200px) {
.spza-header-root-container .spza-header-tablet {
display: none;
}
}
@media (max-width: 1023px) {
.spza-header-root-container .spza-header-tablet {
display: none;
}
}
@media (min-width: 1024px) {
.spza-header-root-container .spza-header-mobile {
display: none;
}
}
.spza-header-root-container.mobile .spza-header-desktop,
.spza-header-root-container.mobile .spza-header-compact,
.spza-header-root-container.mobile .spza-header-tablet {
display: none !important;
}
.spza-header-root-container.mobile .spza-header-mobile {
display: block;
}
.spza-header-root-container.home .spza-header-mobile .spza-user-mobile-nav-bar-dropdown.active,
.spza-header-root-container.home .spza-header-mobile .spza-header-entity-and-action-section .c-menu {
top: 54px !important;
}
.spza-header-root-container {
background-color: #0067b8;
}
.spza-header-root-container a:hover span:first-child, .spza-header-root-container a:focus span:first-child, .spza-header-root-container a.active span:first-child {
-webkit-transition: text-shadow 0.2s ease-out;
transition: text-shadow 0.2s ease-out;
text-shadow: 0px 0px 10px #69b9f7;
}
.spza-header-root-container .richTextDropDown .c-menu-item:hover a > span:first-child, .spza-header-root-container .richTextDropDown .c-menu-item:focus a > span:first-child {
-webkit-transition: text-shadow 0.2s ease-out;
transition: text-shadow 0.2s ease-out;
text-shadow: 0px 0px 10px #69b9f7;
}
.spza-header-root-container .richTextDropDown.c-select-menu:hover a > div:first-child > span:first-child, .spza-header-root-container .richTextDropDown.c-select-menu:focus a > div:first-child > span:first-child {
-webkit-transition: text-shadow 0.2s ease-out;
transition: text-shadow 0.2s ease-out;
text-shadow: 0px 0px 10px #69b9f7;
}
.spza-header-root-container .spza-header-row-segment-middle-focus {
border: white dashed 1px;
padding-left: 9px;
padding-right: 9px;
}
.spza-header-root-container a > span:first-child {
padding-bottom: 2px;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container a:hover > span:first-child, .spza-header-root-container a:focus > span:first-child, .spza-header-root-container a.active > span:first-child {
-webkit-box-shadow: 0px 2px 0 0px white;
box-shadow: 0px 2px 0 0px white;
}
.spza-header-root-container .richTextDropDown .c-menu-item a > span:first-child {
padding-bottom: 2px;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container .richTextDropDown .c-menu-item:hover a > span:first-child, .spza-header-root-container .richTextDropDown .c-menu-item:focus a > span:first-child {
-webkit-box-shadow: 0px 2px 0 0px white;
box-shadow: 0px 2px 0 0px white;
}
.spza-header-root-container .richTextDropDown.c-select-menu a > div:first-child > span:first-child {
padding-bottom: 2px;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container .richTextDropDown.c-select-menu:hover a > div:first-child > span:first-child, .spza-header-root-container .richTextDropDown.c-select-menu:focus a > div:first-child > span:first-child {
-webkit-box-shadow: 0px 2px 0 0px white;
box-shadow: 0px 2px 0 0px white;
}
.spza-header-root-container :not(.spza-header-row-top) a:focus,
.spza-header-root-container :not(.spza-header-row-top) a > span:focus {
outline: none;
}
.spza-header-root-container :not(.spza-header-row-top) a:focus > span {
outline: white dashed 1px;
}
/*******
* row *
*******/
.spza-header-row-top {
background-color: #f2f2f2;
}
.spza-header-row-middle,
.spza-header-row-bottom {
color: white;
}
.spza-header-row-middle,
.spza-header-row-bottom {
margin: auto;
padding: 0px 20px 0px 20px;
max-width: 1920px;
width: 100%;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/***************
* row segment *
***************/
.spza-header-row-segment-left {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza-header-row-segment-middle {
display: block;
}
.spza-header-row-segment-right {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/***********
* section *
***********/
.spza-header-cookie-banner-section {
width: 100%;
margin: auto;
padding: 0px 20px 0px 20px;
max-width: 1920px;
height: auto;
}
.spza-header-cookie-banner-section #cookieBannerId {
height: 54px;
}
.spza-header-cookie-banner-section #cookieBannerId .cookieBannerMoreinfo:focus, .spza-header-cookie-banner-section #cookieBannerId .cookieBannerMoreinfo > span:focus {
outline: none;
}
.spza-header-cookie-banner-section #cookieBannerId .cookieBannerMoreinfo:focus > span {
outline: 1px dashed #0067b8;
outline-offset: 5px;
}
.spza-header-cookie-banner-section #cookieBannerId .cookieBannerMoreinfo:hover > span {
text-shadow: unset !important;
-webkit-box-shadow: 0px 2px 0 0px #0067b8;
box-shadow: 0px 2px 0 0px #0067b8;
}
.skip-content-link:focus {
outline: auto 5px -webkit-focus-ring-color;
}
.spza-header-logo-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-logo-section > * {
margin-top: auto;
margin-bottom: auto;
margin-right: 20px;
}
.spza-header-logo-section .spza-header-microsoft {
display: block;
height: 23px;
width: 129px;
background-size: 109px;
background-repeat: no-repeat;
background-image: url(/static/assets/spza-header-logo-microsoft-white.082321.0004.579dd964a9.svg);
background-position: center;
}
@media screen and (-ms-high-contrast: black-on-white) {
.spza-header-logo-section .spza-header-microsoft {
background-image: url(/static/assets/spza-header-logo-microsoft-dark.082321.0004.579dd964a9.svg);
}
}
.spza-header-logo-section .spza-header-microsoft:focus:not(.x-hidden-focus) {
outline: white dashed 1px;
}
.spza-header-logo-section .spza-header-delimiter {
display: block;
height: 31px;
width: 2px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(/static/assets/spza-header-logo-delimiter-white.082321.0004.579dd964a9.png);
}
.spza-header-logo-section .spza-header-home {
font-size: 18px;
font-weight: 600;
font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
font: 18px/51px PTSansRegular, Arial, Helvetica, sans-serif;
}
.spza-header-logo-section .spza-header-home > span {
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
text-shadow: unset !important;
outline-offset: -3px;
}
.spza-header-entity-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-entity-section > * {
margin-top: auto;
margin-bottom: auto;
margin-right: 20px;
}
.spza-header-entity-section > a {
overflow: hidden;
}
.spza-header-search-section {
margin-top: 9px;
margin-bottom: auto;
width: 500px;
color: black;
}
.spza-header-action-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-action-section > * {
margin-top: auto;
margin-bottom: auto;
margin-left: 20px;
}
.spza-header-user-section {
margin-top: auto;
margin-bottom: auto;
}
.spza-header-user-section .spza_signInBlock {
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-user-section .spza_signInBlock .spza-user-favourite-navigation-bar-button-container,
.spza-header-user-section .spza_signInBlock button.spza_feedback,
.spza-header-user-section .spza_signInBlock div[id$=-user-signed-in-button],
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signIn {
margin-top: auto;
margin-bottom: auto;
margin-right: 0px;
margin-left: 25px;
min-width: unset;
max-width: unset;
float: none;
padding: unset;
outline: none;
}
.spza-header-user-section .spza_signInBlock .spza-user-favourite-navigation-bar-button-container:focus:not(.x-hidden-focus) {
outline: white dashed 1px;
outline-offset: 10px;
}
.spza-header-user-section .spza_signInBlock button.spza_feedback {
width: 16px;
height: 16px;
margin-left: 24px;
}
.spza-header-user-section .spza_signInBlock button.spza_feedback:focus,
.spza-header-user-section .spza_signInBlock button.spza_feedback .smileFace:focus {
outline: none;
}
.spza-header-user-section .spza_signInBlock button.spza_feedback:focus > .smileFace {
outline: white dashed 1px;
outline-offset: 10px;
}
.spza-header-user-section .spza_signInBlock .userActions .userTab {
-webkit-transition: 0.2s opacity ease, 0.2s z-index cubic-bezier(1, -0.01, 1, -0.16);
transition: 0.2s opacity ease, 0.2s z-index cubic-bezier(1, -0.01, 1, -0.16);
}
.spza-header-user-section .spza_signInBlock .userActions .userTab:not(.active) {
opacity: 0;
overflow: hidden;
z-index: -1;
-webkit-transition: 0.2s opacity ease, 0.2s z-index ease-out;
transition: 0.2s opacity ease, 0.2s z-index ease-out;
}
.spza-header-user-section .spza_signInBlock .userActions .userTab.active {
opacity: 1;
overflow: hidden;
-webkit-transition: 0.2s opacity ease, 0.2s z-index ease-in;
transition: 0.2s opacity ease, 0.2s z-index ease-in;
}
.spza-header-user-section div[id$=-user-signed-in-button] {
height: 36px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: unset;
max-width: unset;
background-size: 100%;
background-repeat: no-repeat;
}
.spza-header-user-section div[id$=-user-signed-in-button]:focus, .spza-header-user-section div[id$=-user-signed-in-button] > div:focus {
outline: none;
}
.spza-header-user-section div[id$=-user-signed-in-button]:focus > div {
outline: white dashed 1px;
outline-offset: 4px;
}
.spza-header-user-section div[id$=-user-signed-in-button] .userImg {
-webkit-transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.spza-header-user-section div[id$=-user-signed-in-button] .userTitle {
display: inline-block;
margin-right: 10px;
height: 28px;
}
.spza-header-user-section div[id$=-user-signed-in-button] .userTitle span {
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spza-header-user-section div[id$=-user-signed-in-button] .userImg {
display: inline-block;
}
.spza-header-user-section div[id$=-user-signed-in-button] .userImg > img {
width: 36px;
height: 36px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spza-header-user-section div[id$=-user-signed-in-button]:hover .userImg, .spza-header-user-section div[id$=-user-signed-in-button].active .userImg {
border-radius: 20px;
}
.spza-header-user-section div[id$=-user-signed-in-button]:hover .userImg img, .spza-header-user-section div[id$=-user-signed-in-button].active .userImg img {
content: url(/static/assets/spza-header-user-white.082321.0004.579dd964a9.png);
}
.spza-header-user-section .spza_signButton.spza_signIn .user-not-signed-in-button {
border: white 1px solid;
border-radius: 4px;
color: white;
outline: none;
padding: 0px;
padding-left: 10px;
padding-right: 10px;
height: 36px;
max-width: 120px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: auto;
-webkit-transition: 0.2s;
transition: 0.2s;
overflow: unset;
outline: none;
}
.spza-header-user-section .spza_signButton.spza_signIn:hover .user-not-signed-in-button, .spza-header-user-section .spza_signButton.spza_signIn:focus .user-not-signed-in-button {
background-color: white;
}
.spza-header-user-section .spza_signButton.spza_signIn:hover .user-not-signed-in-button span, .spza-header-user-section .spza_signButton.spza_signIn:focus .user-not-signed-in-button span {
color: #0074d0;
}
.spza-header-user-section .feedbackDialog {
display: inline-block;
overflow: unset;
position: relative;
width: unset;
height: unset;
top: unset;
right: unset;
background: transparent;
cursor: default;
-webkit-transition: unset;
transition: unset;
border: none;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent {
display: block;
position: absolute;
z-index: 999;
right: -20px;
width: 350px;
top: 45px;
background: white;
color: black;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
outline: none;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent #dialogContent_happyFace:focus, .spza-header-user-section .feedbackDialog .feedbackDialogContent #dialogContent_happyFace > div:focus,
.spza-header-user-section .feedbackDialog .feedbackDialogContent .sadFace:focus,
.spza-header-user-section .feedbackDialog .feedbackDialogContent .sadFace > div:focus {
outline: none;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent #dialogContent_happyFace:focus > div,
.spza-header-user-section .feedbackDialog .feedbackDialogContent .sadFace:focus > div {
outline: #0067b8 dashed 1px;
outline-offset: 2px;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .feedbackButton #submit {
background-position: center;
background-size: 0px;
-webkit-transition: 0.5s all ease, 0.5s background-size cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: 0.5s all ease, 0.5s background-size cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .feedbackButton #submit.submitted {
background-image: url(/static/assets/check-transparent.082321.0004.579dd964a9.png);
background-color: white;
background-repeat: no-repeat;
background-size: 44px;
border: green 2px solid;
height: 35.53px;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .feedbackButton #submit.submitted span {
display: none !important;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .feedbackButton #submit:focus span:not(.x-hidden-focus) {
outline: 1px dashed white;
outline-offset: 7px;
display: block;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .c-hyperlink {
margin-left: 8px;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .c-hyperlink:focus:not(.x-hidden-focus) {
border-bottom: 1px solid #0067b8;
}
.spza-header-user-section .feedbackDialog.dialogClosed .feedbackDialogContent {
overflow: hidden;
height: 0px;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
z-index: -1;
}
.spza-header-user-section .feedbackDialog:not(.dialogClosed) .feedbackDialogContent {
overflow: hidden;
height: 504px;
}
.spza-header-user-section .spza-header-co-sell {
white-space: nowrap;
}
.spza-header-user-section .spza-header-action-section .spza-header-co-sell,
.spza-header-user-section .spza-header-action-section .spza-header-sell,
.spza-header-user-section .spza-header-action-section .spza-header-blog {
overflow: hidden;
}
/************************
* Screen Type Specific *
***********************/
@media (max-width: 539px) {
.spza-header-root-container .spza-header-mobile .spza-header-row-middle {
padding: 0px 10px;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-entity-and-action-section .valueBox {
width: 36px;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-delimiter {
margin: auto 0px;
}
}
.spza-header-root-container .spza-header-compact .spza-header-entity-section .richTextDropDown .valueBox > div:first-child {
height: 54px;
display: block;
overflow-y: hidden;
white-space: nowrap;
}
.spza-header-root-container .spza-header-compact .spza-header-entity-section .richTextDropDown .valueBox > div:first-child span {
line-height: 54px;
}
.spza-header-root-container .spza-header-tablet .spza-header-search-section,
.spza-header-root-container .spza-header-compact .spza-header-search-section {
width: 450px;
}
.spza-header-root-container .spza-header-compact .userTitle,
.spza-header-root-container .spza-header-tablet .userTitle,
.spza-header-root-container .spza-header-mobile .userTitle {
display: none !important;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown,
.spza-header-root-container .spza-header-compact .richTextDropDown,
.spza-header-root-container .spza-header-tablet .richTextDropDown,
.spza-header-root-container .spza-header-mobile .richTextDropDown {
background-color: #0067b8;
outline: none;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-compact .richTextDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-tablet .richTextDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-mobile .richTextDropDown[aria-expanded=true] {
background-color: #0074d0;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown:hover .valueBox,
.spza-header-root-container .spza-header-compact .richTextDropDown:hover .valueBox,
.spza-header-root-container .spza-header-tablet .richTextDropDown:hover .valueBox,
.spza-header-root-container .spza-header-mobile .richTextDropDown:hover .valueBox {
background-color: #005a9e;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown.outline-focus:focus > .valueBox,
.spza-header-root-container .spza-header-compact .richTextDropDown.outline-focus:focus > .valueBox,
.spza-header-root-container .spza-header-tablet .richTextDropDown.outline-focus:focus > .valueBox,
.spza-header-root-container .spza-header-mobile .richTextDropDown.outline-focus:focus > .valueBox {
outline: white dashed 1px;
outline-offset: -5px;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .valueBox,
.spza-header-root-container .spza-header-compact .richTextDropDown .valueBox,
.spza-header-root-container .spza-header-tablet .richTextDropDown .valueBox,
.spza-header-root-container .spza-header-mobile .richTextDropDown .valueBox {
color: white;
border: none;
height: 54px;
padding: 0px 10px;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .valueBox > :first-child,
.spza-header-root-container .spza-header-compact .richTextDropDown .valueBox > :first-child,
.spza-header-root-container .spza-header-tablet .richTextDropDown .valueBox > :first-child,
.spza-header-root-container .spza-header-mobile .richTextDropDown .valueBox > :first-child {
vertical-align: middle;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .toggle,
.spza-header-root-container .spza-header-compact .richTextDropDown .toggle,
.spza-header-root-container .spza-header-tablet .richTextDropDown .toggle,
.spza-header-root-container .spza-header-mobile .richTextDropDown .toggle {
padding-top: 6px;
min-width: 35px;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .c-menu,
.spza-header-root-container .spza-header-compact .richTextDropDown .c-menu,
.spza-header-root-container .spza-header-tablet .richTextDropDown .c-menu,
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu {
background-color: #0067b8;
border: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
-webkit-box-shadow: 0px 1px 3px 2px rgba(0, 79, 139, 0.3);
box-shadow: 0px 1px 3px 2px rgba(0, 79, 139, 0.3);
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-compact .richTextDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-tablet .richTextDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu .c-menu-item {
padding: 15px 0px 15px 10px;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .c-menu .c-menu-item.highlight,
.spza-header-root-container .spza-header-compact .richTextDropDown .c-menu .c-menu-item.highlight,
.spza-header-root-container .spza-header-tablet .richTextDropDown .c-menu .c-menu-item.highlight,
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu .c-menu-item.highlight {
background-color: #005a9e;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a {
height: 54px;
margin: 0px;
padding: 0px 10px;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a > span,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a > span {
line-height: 54px;
padding-top: 18px;
outline: unset !important;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a:hover, .spza-header-root-container .spza-header-desktop .spza-header-entity-section > a:focus, .spza-header-root-container .spza-header-desktop .spza-header-entity-section > a.active,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a:hover,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a:focus,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a.active {
background-color: #005a9e;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section:focus,
.spza-header-root-container .spza-header-desktop .spza-header-action-section:focus {
outline: white dashed 2px;
outline-offset: -4px;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a:last-child {
margin-right: 20px;
}
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a:first-child {
margin-left: 20px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section > a,
.spza-header-root-container .spza-header-compact .spza-header-logo-section > a,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section > a,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section > a {
margin: auto 0px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section > a > span,
.spza-header-root-container .spza-header-compact .spza-header-logo-section > a > span,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section > a > span,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section > a > span {
line-height: 48px;
padding: 12px 10px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section .spza-header-microsoft,
.spza-header-root-container .spza-header-compact .spza-header-logo-section .spza-header-microsoft,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section .spza-header-microsoft,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section .spza-header-microsoft {
padding-left: 0px;
padding-right: 10px;
height: 40px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section .spza-header-home,
.spza-header-root-container .spza-header-compact .spza-header-logo-section .spza-header-home,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section .spza-header-home,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section .spza-header-home {
height: 48px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-compact .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section .spza-header-delimiter {
margin: auto 10px;
}
@media (max-width: 539px) {
.spza-header-root-container .spza-header-desktop .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-compact .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section .spza-header-delimiter {
margin: auto 0px;
}
}
.spza-header-root-container .spza-header-desktop .userActions,
.spza-header-root-container .spza-header-compact .userActions,
.spza-header-root-container .spza-header-tablet .userActions {
display: inline-block;
position: relative;
background: transparent;
}
.spza-header-root-container .spza-header-desktop .userActions .userTab,
.spza-header-root-container .spza-header-compact .userActions .userTab,
.spza-header-root-container .spza-header-tablet .userActions .userTab {
display: block;
position: absolute;
padding: unset;
z-index: 999;
right: -20px;
top: 45px;
background: white;
color: black;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
}
.spza-header-root-container .spza-header-desktop .userActions .userTab .userTabInfo,
.spza-header-root-container .spza-header-compact .userActions .userTab .userTabInfo,
.spza-header-root-container .spza-header-tablet .userActions .userTab .userTabInfo {
height: 96px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: unset;
}
.spza-header-root-container .spza-header-desktop .userActions .userTab .userTabInfo .userTabName,
.spza-header-root-container .spza-header-compact .userActions .userTab .userTabInfo .userTabName,
.spza-header-root-container .spza-header-tablet .userActions .userTab .userTabInfo .userTabName {
padding: 0px;
}
.spza-header-root-container .spza-header-desktop .userActions .userTab .userTabInfo .userTabEmail,
.spza-header-root-container .spza-header-compact .userActions .userTab .userTabInfo .userTabEmail,
.spza-header-root-container .spza-header-tablet .userActions .userTab .userTabInfo .userTabEmail {
margin: 8px 0px;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right span:first-child {
text-shadow: unset !important;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left a:hover > span:first-child, .spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left a:focus > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right a:hover > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right a:focus > span:first-child {
-webkit-box-shadow: 0px 2px 0 0px white;
box-shadow: 0px 2px 0 0px white;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left .richTextDropDown .c-menu-item:hover a > span:first-child, .spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left .richTextDropDown .c-menu-item:focus a > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .richTextDropDown .c-menu-item:hover a > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .richTextDropDown .c-menu-item:focus a > span:first-child {
-webkit-box-shadow: 0px 2px 0 0px white;
box-shadow: 0px 2px 0 0px white;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left .richTextDropDown.c-select-menu:hover a > div:first-child > span:first-child, .spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left .richTextDropDown.c-select-menu:focus a > div:first-child > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .richTextDropDown.c-select-menu:hover a > div:first-child > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .richTextDropDown.c-select-menu:focus a > div:first-child > span:first-child {
-webkit-box-shadow: 0px 2px 0 0px white;
box-shadow: 0px 2px 0 0px white;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown[aria-expanded=true], .spza-header-root-container .spza-header-mobile .richTextDropDown:hover, .spza-header-root-container .spza-header-mobile .richTextDropDown:focus {
background-color: transparent;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown[aria-expanded=true] .spza-header-more, .spza-header-root-container .spza-header-mobile .richTextDropDown:hover .spza-header-more, .spza-header-root-container .spza-header-mobile .richTextDropDown:focus .spza-header-more {
background-color: #005a9e;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown:hover .valueBox, .spza-header-root-container .spza-header-mobile .richTextDropDown:focus .valueBox {
background-color: transparent;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .valueBox {
padding: unset;
width: 54px;
height: 54px;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .valueBox .spza-header-more {
border: 0px;
border-radius: 50px;
height: 48px;
width: 48px;
display: block;
padding-top: auto;
margin-top: 5px;
margin-left: -6px;
background-size: 70%;
background-repeat: no-repeat;
background-image: url(/static/assets/spza-header-entity-and-user-mobile-value.082321.0004.579dd964a9.png);
background-position: center;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .toggle {
display: none;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu {
top: 108px;
display: block;
width: 100vw;
-webkit-box-shadow: 0px 1px 10px 2px rgba(0, 79, 139, 0.3);
box-shadow: 0px 1px 10px 2px rgba(0, 79, 139, 0.3);
max-width: 1920px;
}
@media (max-width: 539px) {
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu {
padding-left: 10px;
min-width: 539px;
}
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu .c-menu-item {
padding: 15px 10px 15px 20px;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu .c-menu-item.highlight {
background-color: #005a9e;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container {
position: relative;
display: inline-block;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container.active img,
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button:hover img {
content: url(/static/assets/spza-header-user-white.082321.0004.579dd964a9.png);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button {
width: 38px;
height: 38px;
padding: unset;
margin: unset;
border: none;
background: transparent;
outline: none;
-webkit-transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button:hover, .spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button:focus {
border-radius: 20px;
-webkit-box-shadow: 0px 0px 0px 1px #0074d0, 0px 0px 0px 5px #0074d0;
box-shadow: 0px 0px 0px 1px #0074d0, 0px 0px 0px 5px #0074d0;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button img {
background-color: transparent;
width: 100%;
height: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown {
display: block;
position: absolute;
z-index: 999;
right: -20px;
width: calc(100vw - 15px);
top: 100px;
background: #0067b8;
max-width: 1920px;
-webkit-box-shadow: 0px 1px 10px 2px rgba(0, 79, 139, 0.3);
box-shadow: 0px 1px 10px 2px rgba(0, 79, 139, 0.3);
height: 160px;
}
@media (max-width: 1919px) {
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown {
right: none;
left: 0px;
position: fixed;
width: calc(100vw);
}
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions {
padding-left: 30px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .overlay {
display: none;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab {
z-index: inherit;
position: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0px;
margin: 0px;
width: unset;
background: unset;
border: unset;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab > div:first-child {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
height: 80px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab > div:first-child .userTabPhoto {
margin: 15px 0px 15px -10px;
width: 50px;
height: 50px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab > div:first-child .userTabInfo {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: auto;
padding: unset;
margin-left: 15px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab > div:first-child .userTabInfo .userTabName {
padding: 0px;
margin: 15px 0px 0px 0px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab .userTabSignOut {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
vertical-align: middle;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab .userTabSignOut button {
padding: 20px;
margin: auto;
height: 100%;
border: none;
background-color: transparent;
}
@media (max-width: 1919px) {
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab .userTabSignOut button {
position: fixed;
right: 0px;
height: 80px;
width: 100px;
}
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab .userTabSignOut button.dropdown-item-active {
background-color: #005a9e;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container {
height: 40px;
width: unset;
background-size: 30px;
background-position: center left 30px;
padding-left: 10px;
background-image: url(/static/assets/spza-header-user-favourite-nav-bar.082321.0004.579dd964a9.png);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container:hover {
background-image: url(/static/assets/spza-header-user-favourite-nav-bar-filled.082321.0004.579dd964a9.png);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container label {
background-image: unset;
-webkit-transform: unset;
transform: unset;
width: unset;
font-size: 15px;
font-family: "SegoeUI", "Helvetica Neue", Helvetica, Arial, sans-serif;
left: unset;
height: unset;
padding: 10px 0px 10px 70px;
line-height: 20px;
color: white;
text-shadow: unset;
top: unset;
border: unset;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza_feedback {
height: 40px;
width: 100%;
background-size: 30px;
background-position: center left 30px;
border: none;
background: unset;
padding: 0px 0px 0px 10px;
margin: 0px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza_feedback .smileFace {
width: 50px;
height: 40px;
background-image: url(/static/assets/spza-header-user-feedback.082321.0004.579dd964a9.png);
background-repeat: no-repeat;
background-position: center left 20px;
background-size: 30px;
background-color: transparent;
border: none;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza_feedback:hover .smileFace {
background-image: url(/static/assets/spza-header-user-feedback-filled.082321.0004.579dd964a9.png);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza_feedback span {
line-height: 20px;
padding: 10px 0px 10px 20px;
display: inline-block;
height: 40px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .dropdown-item-active {
background-color: #005a9e;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .feedbackDialog .feedbackDialogContent {
right: calc(50vw - 202px);
top: 108px;
-webkit-box-shadow: 0px 0px 3px 20px rgba(125, 125, 125, 0.3);
box-shadow: 0px 0px 3px 20px rgba(125, 125, 125, 0.3);
}
@media (min-width: 1920px) {
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .feedbackDialog .feedbackDialogContent {
right: 768px;
}
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .feedbackDialog.dialogClosed .feedbackDialogContent {
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle {
width: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section {
width: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section .spza-c-search.react-selectize.root-node {
max-width: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section .spza-c-search.react-selectize.root-node.open, .spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section .spza-c-search.react-selectize.root-node.spza-c-search-hasinput {
max-width: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section .spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input {
max-width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.spza-header-logo-section {
min-width: 260px !important;
}
.spza-header-desktop .spza-header-search-section {
width: 450px !important;
}
.spza-header-compact .spza-header-search-section {
width: 350px !important;
}
.spza-header-tablet .spza-header-search-section {
width: 450px !important;
}
.spza-header-home span {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.spza-header-user-section {
height: 54px;
}
.spza-header-user-section .spza_signInBlock {
height: 100%;
display: block;
float: right;
}
.spza-header-user-section .spza_signInBlock .spza-user-favourite-navigation-bar-button-container {
display: inline-block;
margin-top: 16px;
}
.spza-header-user-section .spza_signInBlock .spza_feedback {
display: inline-block;
padding: 0px !important;
}
.spza-header-user-section .spza_signInBlock:not(.signed-in) .spza_feedback {
padding-top: 7px !important;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signedIn {
display: inline-block;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signedIn .userTitle {
vertical-align: super;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signedIn .userImg img {
vertical-align: text-bottom;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signIn {
display: inline-block;
height: 36px;
margin-top: 9px;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signIn button {
background-size: 36px !important;
margin-bottom: -4px;
min-width: auto;
max-width: none;
}
.spza-header-user-section .spza_signInBlock .feedbackDialog {
top: -25px;
overflow: visible;
width: 0px;
}
.spza-header-user-section .spza_signInBlock .userActions .userTab {
top: 15px;
}
.spza-header-mobile .spza-header-entity-and-action-section .valueBox {
padding: 0px !important;
}
.spza-header-mobile .spza-header-user-section {
height: 54px;
}
.spza-header-mobile .spza-header-user-section .spza-user-nav-bar-button {
margin-top: 10px;
}
.spza-header-mobile .spza-header-user-section .spza-user-nav-bar-button img {
width: 36px !important;
margin-left: -7px;
}
.spza-header-mobile .spza-header-user-section .spza_signButton.spza_signIn button {
background-size: 36px !important;
margin-top: 10px;
min-width: auto;
max-width: none;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown {
top: 108px !important;
right: 283px !important;
width: calc(100vw - 17px) !important;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .userTab {
width: 100%;
background-color: inherit;
border: none;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container {
width: 100%;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container label {
width: 300px;
background-image: none;
background-size: 0px;
left: -47px;
top: -1px;
border: none;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .spza_feedback {
width: 100%;
background: none;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .spza_feedback:hover {
background: #0074d0;
}
.spza-header-mobile .spza-header-user-section .feedbackDialog {
width: 0px;
overflow: visible;
}
}
@supports (-ms-ime-align: auto) {
.spza-header-desktop .spza-header-entity-section > a {
overflow: visible !important;
}
.spza-header-desktop .spza-header-entity-section > a.spza-header-consulting-services {
overflow: hidden;
}
}
@media (max-width: 1023px) {
.spza-header-root-container + div .spza_galleryContainer .spza_content {
margin-left: 20px;
}
}
@media (max-width: 1459px) {
.spza-header-root-container + div .spza_galleryContainer .spza_content {
margin-left: 30px;
}
}
@media (max-width: 539px) {
.spza-header-root-container + div .spza_galleryContainer .spza_content {
margin: auto 20px;
width: auto;
width: initial;
}
}
@media (max-width: 539px) {
.spza-header-root-container + div #maincontent .wizard {
padding: 0px;
}
.spza-header-root-container + div #maincontent .wizard .basicSearchBox {
width: auto;
max-width: 100%;
margin-right: 0px;
}
.spza-header-root-container + div #maincontent .wizard .basicSearchBox .appSourceSearchInput {
width: calc(100vw - 60px);
}
}
@media (min-width: 1940px) {
.spza-header-root-container + div .spza_galleryContainer {
max-width: 1340px;
min-width: 1340px;
margin-left: auto;
margin-right: auto;
}
.spza-header-root-container + div .spza_galleryContainer .spza_content {
min-width: 1340px;
}
}
@media (max-width: 539px) {
.spza-header-root-container + div .section.homeResult {
display: block;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 900px) {
.spza-header-root-container + div .galleryHeader {
width: auto;
min-width: auto;
}
}
@media (max-width: 900px) {
.spza-header-root-container + div .spza_galleryHeader {
width: 439px;
}
}
@media (max-width: 679px) {
.spza-header-root-container + div .spza_galleryHeader {
width: auto;
}
}
@media (max-width: 539px) {
.spza-header-root-container + div .appPromotionPane {
margin: 0px !important;
}
}
@media (max-width: 679px) {
.spza-header-root-container + div .appPromotionPane .c-logo {
display: none;
}
}
.spza-header-root-container + div .spza-global-filter-container {
margin: 20px 20px 10px 20px;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza-header-root-container + div .spza-global-filter-container {
margin: 20px 20px 30px 20px;
}
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-group-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container {
padding-right: 8px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container.last-one {
padding-right: 20px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container.last-one .spza-sub-filter-dropdown .valueBox .item span {
width: 130px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container.last-one .spza-sub-filter-dropdown ul .item {
width: 100%;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container .richTextDropDown > .valueBox {
padding: 0 1px 0 0;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-title {
font-size: 13px;
font-weight: 400;
font-family: Segoe UI;
color: #565656;
line-height: 16px;
padding-bottom: 4px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown .c-menu {
width: 100%;
overflow: hidden;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown .c-menu .item {
width: 165px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown .valueBox {
height: 32px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown .valueBox .item {
vertical-align: middle;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-group-reset-button {
padding-top: 26px;
cursor: pointer;
}
.spza-header-root-container + div .spza-global-filter-container .spza-global-filter-group {
outline: 0;
}
.spza-header-root-container + div .spza-global-filter-container .spza-global-filter-group .amp-consulting-service-note {
font-weight: 400;
font-size: 12px;
font-style: italic;
padding-top: 10px;
}
.animation {
top: 50%;
left: 50%;
position: absolute;
}
.animation .c-progress.f-indeterminate-local.f-progress-small span {
height: 50px;
width: 50px;
}
.animation .c-progress.f-indeterminate-local.f-progress-small span:after {
height: 6px;
width: 6px;
}
.checkout-container-root {
padding-bottom: 50px;
max-width: 1346px;
-ms-flex-item-align: center;
align-self: center;
min-height: calc(100vh - 442px);
margin: auto;
width: 90%;
}
.checkout-container-root .checkout-content {
margin-top: 30px;
border-bottom: 1px solid lightgrey;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.checkout-step-container {
padding-bottom: 30px;
margin-top: 30px;
}
.checkout-step-container .change-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.step-border {
border-bottom: 1px solid lightgrey;
}
.checkout-step-heading {
display: inline-block;
}
.pidl-container {
margin-top: 20px;
}
.plan-title {
display: inline-block;
word-wrap: break-word;
max-width: 40%;
vertical-align: top;
padding-right: 20px;
}
.change-plan-button {
display: inline-block;
margin-left: 20px;
}
.select-plan-div {
margin-top: 12px;
}
.plan-description {
font-size: 14px;
font-weight: 400;
}
.billing-terms {
margin-top: 12px;
}
.edit-step-link {
float: right;
}
.address-block {
margin-top: 20px;
}
.bold {
font-weight: 600 !important;
}
.group-spacing {
margin-top: 10px;
}
.img-icon {
max-height: 40px;
max-width: 50px;
display: inline-block;
padding-right: 10px;
vertical-align: unset;
}
.select-billing-country-wrapper {
min-height: 580px;
margin-top: 12px;
font-size: 14px;
}
.select-billing-country-wrapper .select-billing-title {
font-size: 18px;
font-weight: 200;
margin: 10px 0 5px 0;
line-height: 20px;
}
.select-billing-country-wrapper .select-billing-description {
font-size: 13px;
margin-top: 8px;
}
.select-billing-country-wrapper .dropdown-header {
margin-top: 12px;
}
.select-billing-country-wrapper .dropdown {
margin-top: 4px;
min-width: 220px;
}
.select-billing-country-wrapper .confirm-button {
margin-top: 12px;
}
.select-billing-country-wrapper .spinner {
margin-top: 24px;
margin-left: 12px;
}
.checkout-order-summary-container {
margin-top: 30px;
}
.checkout-order-summary-container .before-total {
border-bottom: 1px solid lightgrey;
padding-bottom: 20px;
margin-top: 10px;
}
.checkout-order-summary-container .free-trial-box {
background-color: #faf9f8;
margin-top: 10px;
padding: 10px;
}
.checkout-order-summary-container .free-trial-payment {
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: justify;
align-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
place-content: space-between;
}
.checkout-order-summary-container .free-trial-banner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.checkout-order-summary-container .place-order-btn {
width: 100%;
margin-top: 20px;
}
.checkout-order-summary-container .price {
float: right;
padding-left: 10px;
}
.checkout-order-summary-container .price-text {
display: inline-block;
word-wrap: break-word;
}
.checkout-order-summary-container .tax-text {
margin-top: 30px;
}
.checkout-order-summary-container .total-text {
display: inline-block;
word-wrap: break-word;
}
.checkout-order-summary-container .agreement {
margin-top: 20px;
}
.checkout-order-summary-container .price-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.free-trial-text {
padding-right: 5px;
vertical-align: middle;
}
.edit-link {
float: right;
padding-top: 40px;
}
.section-title {
display: inline-block;
vertical-align: middle;
}
.title-header {
font-size: 34px;
font-weight: 100;
line-height: 40px;
display: inline-block;
vertical-align: bottom;
padding-bottom: 0;
}
.title-sub-header {
font-size: 20px;
font-weight: 200;
line-height: 26px;
opacity: 0.8;
}
.change-button {
float: right;
}
.plan-desc {
max-width: 50%;
display: inline-block;
}
.billing-term {
padding-right: 20px;
display: inline-block;
}
.billing-term .free-trial-padding {
padding-top: 5px;
}
.error-text {
color: red;
}
.savings-text {
visibility: hidden;
}
.credit-card {
margin-right: 10px;
}
#seat-count-checkout .ms-TextField-fieldGroup {
width: 160px;
}
.billing-term {
position: relative;
}
.billing-term .billing-term-button {
min-width: 160px;
padding: 0;
}
.billing-term .billing-term-button .billing-term-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
.billing-term .selected-term {
border-width: 2px;
border-color: #0078d4;
}
.billing-term .selected-icon {
position: absolute;
top: 0;
right: 20px;
font-size: 20px;
color: #0078d4;
}
.cc-logo {
width: 40px;
}
.order-info {
margin-top: 12px;
margin-bottom: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.email {
color: #0078d4;
}
.divider {
border-bottom: 1px solid lightgrey;
padding-bottom: 12px;
}
.bold {
font-weight: 600;
}
.sub-button {
margin-right: 20px;
margin-top: 50px;
}
.loading-block {
margin-top: 12px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: top;
}
.sub-block {
display: inline-block;
vertical-align: top;
margin-top: 12px;
max-width: 50%;
}
.sub-block-padding {
padding-right: 150px;
}
.loading-text {
padding-left: 30px;
}
.description {
margin-top: 6px;
}
.icon {
font-size: 20px;
vertical-align: middle;
}
.completed-text {
margin-left: 10px;
}
.padding-text {
margin-top: 12px;
}
.titleText {
font-weight: 400;
}
.topPadding {
padding-top: 20px;
}
.refresh-title {
margin-top: 30px;
}
.payment-text {
display: inline-block;
}
.purchase-status-text {
text-align: center;
}
.sub-block .free-trial-text {
padding-right: 5px;
vertical-align: middle;
}
.order-confirmation-error-link {
text-decoration: underline;
}
.cancel-button {
margin-right: 20px;
}
.action-button-block {
margin-top: 30px;
}
#pidl-react {
margin-top: 10px;
}
#pidlddc-div-validateGroup {
margin-top: 20px;
}
.pidlddc-input-paymentInstrumentId {
width: 50%;
}
#pidlddc-button-newPaymentMethodLink,
#pidlddc-hyperlink-privacyStatement {
color: #0078d4;
padding: 0px;
}
#pidlddc-div-cancelSaveGroup {
margin-top: 20px;
}
#iframe_ThreeDSChallengeIFrame {
border: 0px;
}
.pidl-payment-challenge-spinner {
padding-top: 300px;
}
.pricing.simplePlanPricing {
font-size: 12px;
}
.pricing.simplePlanPricing table td {
vertical-align: top;
}
.pricing.simplePlanPricing table .title {
font-weight: 600;
min-width: 150px;
}
.pricing.simplePlanPricing table .price {
min-width: 120px;
}
.pricing.simplePlanPricing table #monthly,
.pricing.simplePlanPricing table #yearly {
min-width: 160px;
white-space: nowrap;
}
.pricing.simplePlanPricing table #plusPrice {
margin-top: 10px;
}
.add-ins-button {
line-height: 10px;
font-size: 9px;
font-weight: 400 !important;
height: 11px;
vertical-align: top;
color: #006fc2;
border: none;
background: transparent;
}
.add-ins-button:hover {
cursor: pointer;
}
.add-ins-dialog {
position: absolute;
z-index: 1000;
left: -15px;
max-width: 350px;
padding: 10px;
border: 1px solid #e6e6e6;
background: #ffffff;
display: block;
opacity: 1;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.add-ins-dialog.add-ins-dialog-close {
display: none;
opacity: 0;
}
.add-ins-dialog .add-ins-title {
font-size: 12px;
color: #565656;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.add-ins-dialog .add-ins-icons {
padding-top: 10px;
}
.add-ins-dialog .add-ins-icons .add-ins-icon {
display: inline-block;
margin: 0 10px;
}
.card {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 16px;
margin: 5px;
margin-left: 0px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card .iconHost {
margin: 16px;
padding: 8px;
margin-right: 32px;
width: 150px;
height: 150px;
}
.card .header {
margin-top: 8px;
margin-bottom: 16px;
}
.card .header .titleBlock .title {
color: #333333;
}
.card .header .titleBlock .subTitle {
margin-top: 8px;
color: #605e5c;
font-weight: normal;
}
.card .header .titleBlock .mainContent {
margin-top: 12px;
}
.icon-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.icon-link .icon {
margin-right: 5px;
}
.button-link {
border-radius: 2px;
margin-right: 8px;
}
.button-link .label {
margin-right: 3px;
}
.dark {
text-align: center;
vertical-align: bottom;
color: #605e5c;
background: #f1f1f1;
margin-top: 12px;
height: 32px;
padding: 6px 12px 10px;
}
@media (max-width: 450px) {
.dark {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
}
.light {
color: #323130;
background: #fff;
}
.icon-arrow-left-32 {
background-image: url(/static/assets/Arrow-L.082321.0004.579dd964a9.svg);
background-size: cover;
width: 32px;
height: 32px;
}
.icon-arrow-right-32 {
background-image: url(/static/assets/Arrow-R.082321.0004.579dd964a9.svg);
background-size: cover;
width: 32px;
height: 32px;
}
.icon-shop-50 {
background-image: url(/static/assets/Shop.082321.0004.579dd964a9.svg);
background-size: cover;
width: 41px;
height: 50px;
}
.icon-shopping-cart-50 {
background-image: url(/static/assets/ShoppingCart.082321.0004.579dd964a9.svg);
background-size: cover;
width: 57px;
height: 50px;
}
.icon-what-this-50 {
background-image: url(/static/assets/WhatThis.082321.0004.579dd964a9.svg);
background-size: cover;
width: 50px;
height: 50px;
}
.icon-web-apps-16 {
background-image: url(/static/assets/WebApps.082321.0004.579dd964a9.svg);
background-size: contain;
width: 25px;
height: 16px;
}
.icon-power-bi-visuals-16 {
background-image: url(/static/assets/power-bi.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-azure-16 {
background-image: url(/static/assets/azure.082321.0004.579dd964a9.png);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-office-16 {
background-image: url(/static/assets/office.082321.0004.579dd964a9.png);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-powerpoint-16 {
background-image: url(/static/assets/powerpoint.082321.0004.579dd964a9.png);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-marketing-16 {
background-image: url(/static/assets/dynamics-365-marketing.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-commerce-16 {
background-image: url(/static/assets/dynamics-365-commerce.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-supply-chain-management-16 {
background-image: url(/static/assets/dynamics-365-supply-chain-management.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-word-16 {
background-image: url(/static/assets/Word.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-for-finance-and-operations-16 {
background-image: url(/static/assets/dynamics-365-for-finance-and-operations.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-for-sales-16 {
background-image: url(/static/assets/dynamics-365-for-sales.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-business-central-16 {
background-image: url(/static/assets/dynamics-365-business-central.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-for-customer-services-16 {
background-image: url(/static/assets/dynamics-365-for-customer-services.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-for-field-services-16 {
background-image: url(/static/assets/dynamics-365-for-field-services.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-for-project-service-automation-16 {
background-image: url(/static/assets/dynamics-365-for-project-service-automation.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-customer-insights-16 {
background-image: url(/static/assets/dynamics-365-customer-insights.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-customer-voice-16 {
background-image: url(/static/assets/dynamics-365-customer-voice.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-project-operations-16 {
background-image: url(/static/assets/dynamics-365-project-operations.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-dynamics-365-human-resources-16 {
background-image: url(/static/assets/dynamics-365-human-resources.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-excel-16 {
background-image: url(/static/assets/Excel.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-onenote-16 {
background-image: url(/static/assets/OneNote.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-outlook-16 {
background-image: url(/static/assets/Outlook.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-project-16 {
background-image: url(/static/assets/Project.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-sharepoint-16 {
background-image: url(/static/assets/SharePoint.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-teams-16 {
background-image: url(/static/assets/Teams.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-power-bi-16 {
background-image: url(/static/assets/power-bi.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-office-16 {
background-image: url(/static/assets/Office.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-power-automate-16 {
background-image: url(/static/assets/power-automate.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-power-virtual-agents-16 {
background-image: url(/static/assets/power-virtual-agents.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-powerapps-16 {
background-image: url(/static/assets/PowerApps.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-other-public-sector-industries-16 {
background-image: url(/static/assets/other-public-sector-industries.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-analytics-16 {
background-image: url(/static/assets/analytics.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-ai-machine-learning-16 {
background-image: url(/static/assets/ai-machine-learning.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-collaboration-16 {
background-image: url(/static/assets/collaboration.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-compliance-legals-16 {
background-image: url(/static/assets/compliance-legals.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-customer-service-16 {
background-image: url(/static/assets/customer-service.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-finance-16 {
background-image: url(/static/assets/finance.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-geolocation-16 {
background-image: url(/static/assets/geolocation.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-human-resources-16 {
background-image: url(/static/assets/human-resources.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-internet-of-things-16 {
background-image: url(/static/assets/internet-of-things.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-it-management-tools-16 {
background-image: url(/static/assets/it-management-tools.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-marketing-16 {
background-image: url(/static/assets/marketing.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-operations-16 {
background-image: url(/static/assets/operations.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-productivity-16 {
background-image: url(/static/assets/productivity.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-sales-16 {
background-image: url(/static/assets/sales.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-automotive-16 {
background-image: url(/static/assets/automotive.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-agriculture-16 {
background-image: url(/static/assets/agriculture.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-architecture-and-construction-16 {
background-image: url(/static/assets/architecture-and-construction.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-distribution-16 {
background-image: url(/static/assets/distribution.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-education-16 {
background-image: url(/static/assets/education.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-financial-services-16 {
background-image: url(/static/assets/financial-services.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-government-16 {
background-image: url(/static/assets/government.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-healthcare-16 {
background-image: url(/static/assets/healthcare.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-hospitality-and-travel-16 {
background-image: url(/static/assets/hospitality-and-travel.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-manufacturing-resources-16 {
background-image: url(/static/assets/manufacturing-resources.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-retail-and-consumer-goods-16 {
background-image: url(/static/assets/retail-and-consumer-goods.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-media-communications-16 {
background-image: url(/static/assets/media-communications.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-professional-services-16 {
background-image: url(/static/assets/professional-services.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-real-estate-16 {
background-image: url(/static/assets/real-estate.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.icon-all-16 {
background-image: url(/static/assets/all.082321.0004.579dd964a9.svg);
background-size: cover;
width: 16px;
height: 16px;
}
.breadcrumb {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.breadcrumb .breadcrumbItem {
display: inline-block;
}
.breadcrumb .goBackButton,
.breadcrumb .appTabButton {
background-color: transparent;
margin: 0;
font-size: 18px;
display: inline;
border: none;
}
.breadcrumb .goBackButton {
padding: 0 10px 0 0;
}
.breadcrumb .goBackButton:hover {
color: #006fc2;
cursor: pointer;
text-decoration: underline;
}
.breadcrumb .appTabButton {
padding: 0 6px;
cursor: default;
}
.breadcrumb span {
line-height: 57px;
font-size: 11px;
}
.breadcrumb span:focus {
border: 1px dotted #006fc2;
outline: none;
}
.breadcrumb span:before {
content: "";
width: 15px;
height: 15px;
}
.stickyCard {
background-color: #ffffff;
-webkit-box-shadow: 0px 0.3px 0.9px 1.5px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
box-shadow: 0px 0.3px 0.9px 1.5px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
height: 64px;
width: 100%;
position: fixed;
z-index: 4;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1470px) {
.stickyCard {
height: 128px;
}
}
@media (max-width: 1023px) {
.stickyCard {
top: 108px;
}
}
.stickyCardContainer {
max-width: 1920px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 64px;
width: 100%;
position: fixed;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px 20px 0px 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
}
@media (max-width: 1470px) {
.stickyCardContainer {
height: 128px;
}
}
@media (max-width: 705px) {
.stickyCardContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.stickyCardSubContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.stickyCardLeft {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1470px) {
.stickyCardLeft {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 705px) {
.stickyCardLeft {
max-height: 64px;
}
}
.stickCardPublisher {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-right: 48px;
}
@media (max-width: 1470px) {
.stickCardPublisher {
padding: 18px 0px 18px 0px;
}
}
.stickCardPublisher .stickyCardIcon {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 24px;
height: 24px;
-ms-flex-item-align: center;
align-self: center;
}
.stickCardPublisher .stickyCardIcon .StickyIconImg {
max-width: 24px;
max-height: 24px;
}
.stickCardPublisher .stickyCardTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-left: 8px;
color: #333333;
}
@media (max-width: 1470px) {
.stickyCardRight {
padding-top: 60px;
}
}
@media (max-width: 705px) {
.stickyCardRight {
padding-top: 0px;
}
}
.stickyCardTabs {
padding: 8px 0px 0px 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 705px) {
.stickyCardTabs {
display: none;
}
}
.sr-only {
opacity: 0;
width: 1px;
height: 1px;
}
.spza-sub-filter-group-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.spza-sub-filter-group-container-globalfilters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.SearchSortBy {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 20px;
margin-top: auto;
padding-bottom: 4px;
}
.SearchSortBy .sortByIconAndText {
color: #323130;
margin: 0px 5px 0px 0px;
background-size: 16px 16px;
padding: 5px 0px 0px 24px;
background-repeat: no-repeat;
background-position: left;
background-color: #ffffff;
background-image: url(/static/assets/sortByIcon.082321.0004.579dd964a9.svg);
}
.SearchSortBy .ms-Dropdown:not(.is-open) .ms-Dropdown-title {
border-width: 0px;
}
.SearchSortBy .spza-sub-filter-dropdown .valueBox {
outline: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
border: none;
}
.SearchSortBy .spza-sub-filter-dropdown .valueBox .item {
padding: 3px 7px 3px 3px;
}
.SearchSortBy .spza-sub-filter-dropdown .valueBox .item > span {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.SearchSortBy .spza-sub-filter-dropdown .valueBox .toggle {
width: 24px;
}
.isvReplyContainer {
background-color: #faf9f8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 24px;
margin-top: 24px;
}
.isvReplyContainer .isvReplyTitle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 20px;
color: #000000;
}
.isvReplyContainer .isvReplyTitle .isvIcon {
margin: 0px 4px 0px 0px;
width: 24px;
height: 24px;
}
.isvReplyContainer .isvReplyTitle .isvName {
margin: 0px 4px;
font-weight: 600;
}
.isvReplyContainer .isvReplyTitle .replyDate {
margin: 0px 4px;
}
.isvReplyContainer .isvReplyContent {
margin-top: 14px;
color: #323130;
}
.privateOffersContainer {
min-height: 60vh;
margin: 24px auto;
max-width: 1920px;
}
.privateOffersContainer .galleryTitle {
margin: 0 0 24px 20px;
display: inline-block;
}
.privateOffersContainer .emptyGalleryWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
height: 60vh;
}
.privateOffersContainer .emptyGalleryWrapper .allAppsButton {
background-color: #0078d4;
border-radius: 2px;
padding: 6px 20px;
color: #ffffff;
height: 32px;
}
.privateOffersContainer .emptyGalleryWrapper .allAppsButton:hover {
background-color: #106ebe;
}
.privateOffersContainer .emptyGalleryWrapper .allAppsButton:active {
background-color: #005a9e;
}
.privateOffersContainer .emptyGalleryWrapper .allAppsButton:focus {
border: 1px solid #ffffff;
}
.ratingSummaryContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #323130;
font-size: 12px;
line-height: 16px;
margin: 0px 80px 28px 0px;
}
.ratingSummaryContainer .ratingSummaryTitle {
font-size: 16px;
line-height: 22px;
font-weight: 600;
margin-bottom: 4px;
}
.ratingSummaryContainer .ratingSummaryAverageSection {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-inline-box;
}
.ratingSummaryContainer .ratingSummaryAverageSection .ratingSummaryStar {
margin: 0px 8px 3px 0px;
}
.ratingSummaryContainer .ratingSummaryAverageSectionText {
font-size: 16px;
line-height: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ratingSummaryContainer .ratingSummaryNumOfStars {
margin-right: 4px;
font-size: 16px;
}
.ratingSummaryContainer .ratingSummaryDetails {
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ratingPercentagesContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #323130;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ratingPercentagesContainer .ratingPercentagesDetails {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 55px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ratingPercentagesContainer .ratingPercentagesDetails .ratingStar {
width: 16px;
height: 16px;
margin-right: 8px;
}
.ratingPercentagesContainer .ratingPercentagesDetails .ratingPercentagesNumOfStars {
margin-right: 4px;
font-size: 12px;
line-height: 16px;
}
.ratingPercentagesContainer .ratingsPercentagesChart {
width: 160px;
height: 16px;
background: #edebe9;
border-radius: 2px;
}
.ratingPercentagesContainer .ratingsPercentagesChart .ratingsPercentagesChartFill {
height: 16px;
background: #323130;
border-radius: 2px;
}
.bannerImgWrapper {
height: 200px;
margin-bottom: 28px;
position: relative;
background-repeat: no-repeat;
background-position: right;
background-size: cover;
}
@media (max-width: 1024px) {
.bannerImgWrapper {
display: none;
}
}
.bannerImgWrapper .textContinar {
max-width: 450px;
}
.bannerImgWrapper .bannerDescription {
line-height: 20px;
font-size: 14px;
color: #323130;
}
.bannerImgWrapper .bannerTitle {
font-size: 28px;
color: #106ebe;
margin-bottom: 16px;
font-weight: 600;
}
.bannerImgWrapper .bannerText {
width: 550px;
height: 100%;
padding: 24px 20px;
background-image: url(/static/assets/RectangleBanner.082321.0004.579dd964a9.svg);
opacity: 0.9;
position: absolute;
z-index: 2;
background-repeat: no-repeat;
background-position: right;
background-size: cover;
overflow: hidden;
}
@media (max-width: 1366px) {
.bannerImgWrapper .bannerText {
width: 100%;
background-color: #ffffff;
}
}
.simplePriceCell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.simplePriceCell .price {
margin-right: 4px;
}
.futurePrice {
-ms-flex-item-align: start;
align-self: flex-start;
}
.futurePrice .futurePriceIcon {
font-size: 12px;
color: #a80000;
}
.futurePriceTooltipContent .price span {
display: block;
}
.futurePriceTooltipContent .price #plusPrice {
margin-top: 10px;
}
.futurePriceMessageBar {
margin: 10px 0;
display: inline-block;
}
.externalRatingSummariesContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #323130;
margin: 0px 120px 28px 0px;
}
.externalRatingSummariesContainer .externalRatingSummariesTitleSection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.externalRatingSummariesContainer .externalRatingSummariesTitleSection .externalRatingSummariesTitle {
font-size: 16px;
line-height: 22px;
font-weight: 600;
margin: 0px 8px 4px 0px;
}
.externalRatingSummariesContainer .externalRatingSummariesTitleSection .externalRatingSummariesExclamationMark {
height: 16px;
width: 16px;
}
.externalRatingSummariesContainer .externalRatingSummariesAverage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 40px;
}
.externalRatingSummariesContainer .externalRatingSummariesAverage .externalRatingSummariesStar {
margin: 0px 8px 3px 0px;
}
.externalRatingSummariesContainer .externalRatingSummariesAverage .externalRatingSummariesNumOfStars {
margin-right: 4px;
font-size: 16px;
}
.externalRatingSummaryContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.externalRatingSummaryContainer .externalRatingSummaryImageContainer {
height: 38px;
width: 38px;
-webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
}
.externalRatingSummaryContainer .externalRatingSummaryImageContainer .externalRatingSummaryImage {
height: 32px;
width: 32px;
border-radius: 2px;
margin: 3px;
}
.externalRatingSummaryContainer .externalRatingSummaryRightContainer {
margin-left: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.externalRatingSummaryContainer .externalRatingSummaryRightContainer .externalSummaryUrl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 20px;
color: #0078d4;
}
.externalRatingSummaryContainer .externalRatingSummaryRightContainer .externalSummaryUrl .externalRatingSummarySource {
text-decoration: underline;
}
.externalRatingSummaryContainer .externalRatingSummaryRightContainer .externalSummaryUrl .externalSummaryUrlImage {
height: 13px;
width: 13px;
margin: 3px 3px 3px 8px;
}
.filtersDropDownOption {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filtersDropDownOption .filtersDropDownOptionIcon {
margin-right: 8px;
}
.ribbon {
margin-top: 24px;
}
.ribbon .ribbonHeaderContainer .ribbonHeader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ribbon .ribbonHeaderContainer .ribbonHeader .ribbonHeaderText {
font-size: 18px;
font-weight: 400;
font-family: "Segoe UI";
}
.ribbon .ribbonHeaderContainer .ribbonHeader .ribbonHeaderButton {
color: #0078d4;
}
.ribbon .ribbonHeaderContainer .ribbonSubHeader {
font-size: 14px;
font-family: "Segoe UI";
}
.ribbon .ribbonTiles {
margin: 0 -8px;
}
@media (max-width: 640px) {
.ribbon .ribbonTiles {
margin: 0;
}
}
.ribbon .ribbonTiles .ribbonSlider {
width: 864px;
height: 348px;
}
@media (max-width: 1024px) {
.ribbon .ribbonTiles .ribbonSlider {
width: 648px;
}
}
@media (max-width: 768px) {
.ribbon .ribbonTiles .ribbonSlider {
width: 432px;
}
}
@media (max-width: 640px) {
.ribbon .ribbonTiles .ribbonSlider {
width: 100%;
padding: 12px 35px;
}
}
@media (max-width: 640px) {
.ribbon .ribbonTiles .ribbonSlider .slick-slide {
width: 100% !important;
}
}
.ribbon .ribbonTiles .ribbonSlider .crouselArrow {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
border: 0;
background-color: transparent;
}
.ribbon .ribbonTiles .ribbonSlider .crouselArrow.crouselArrowRight {
right: -30px;
}
@media (max-width: 640px) {
.ribbon .ribbonTiles .ribbonSlider .crouselArrow.crouselArrowRight {
right: -35px;
}
}
.ribbon .ribbonTiles .ribbonSlider .crouselArrow.crouselArrowLeft {
left: -30px;
}
@media (max-width: 640px) {
.ribbon .ribbonTiles .ribbonSlider .crouselArrow.crouselArrowLeft {
left: -35px;
}
}
.sitemap {
width: 100%;
padding: 0px 8%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
}
.sitemap_banner {
-webkit-box-shadow: 3px 3px 6px;
box-shadow: 3px 3px 6px;
}
.sitemap_nav {
border-bottom: 1px solid #c8c6c4;
}
.sitemap_nav_item {
margin: 0 24px 24px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #797775;
cursor: pointer;
}
.sitemap_section {
padding: 40px;
}
.sitemap_section_root {
min-height: 120px;
margin-bottom: 20px;
}
.sitemap_section_title {
margin: 0 0 8px;
}
.sitemap_section_column_title {
margin: 0 0 10px;
}
.sitemap_columns {
padding-left: 48px;
}
.sitemap_section_column {
min-width: 392px;
}
.sitemap_section a {
font-family: Segoe UI;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 137%;
color: #0078d4;
margin: 16px 0px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-height: 12px;
}
.reviewsTopBarDropDowns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.reviewsTopBarDropDowns .reviewsFilter {
font-size: 14px;
line-height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 26px;
}
.reviewsTopBarDropDowns .reviewsFilter .ratingsFilterIcon {
padding-right: 18px;
margin-bottom: 3px;
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: left;
background-color: #ffffff;
background-image: url(/static/assets/hollowStar.082321.0004.579dd964a9.svg);
}
.reviewsTopBarDropDowns .reviewsFilter .sourceFilterIcon {
padding-right: 18px;
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: left;
background-color: #ffffff;
background-image: url(/static/assets/reviewsSourceFilterIcon.082321.0004.579dd964a9.svg);
}
.reviewsTopBarDropDowns .reviewsSortBy {
font-size: 14px;
line-height: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.reviewsTopBarDropDowns .reviewsSortBy .sortByIconAndText {
color: #323130;
margin: 0px 5px 0px 0px;
background-size: 16px 16px;
padding: 5px 0px 0px 24px;
background-repeat: no-repeat;
background-position: left;
background-color: #ffffff;
background-image: url(/static/assets/sortByIcon.082321.0004.579dd964a9.svg);
}
.reviewsTopBarDropDowns .reviewDropDown {
outline: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.reviewsTopBarDropDowns .reviewDropDown .ms-Dropdown:not(.is-open) .ms-Dropdown-title {
border-color: #ffffff;
}
.reviewQAContent {
line-height: 20px;
font-size: 15px;
}
.reviewQAContent .reviewContentQuestion {
font-weight: 500;
margin-bottom: 6px;
}
.NoReviewsToShowContainer .NoReviewsToShowImg {
height: 170px;
width: 170px;
}
.NoReviewsToShowContainer .NoReviewsToShowTitle {
font-size: 18px;
line-height: 24px;
color: #323130;
margin-bottom: 8px;
font-weight: 600;
}
.NoReviewsToShowContainer .NoReviewsToShowDescription {
font-size: 14px;
line-height: 20px;
color: #605e5c;
margin-bottom: 20px;
white-space: pre-wrap;
text-align: center;
}
.ReviewActionModalAppDetails {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ReviewActionModalAppDetails .ReviewActionModalAppIcon {
height: 44px;
width: 44px;
-webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
margin-right: 12px;
}
.ReviewActionModalAppDetails .ReviewActionModalAppName {
font-size: 18px;
line-height: 24px;
font-weight: 600;
}
.ReviewActionModalAppDetails .ReviewActionModalAppPublisher {
font-size: 14px;
line-height: 20px;
}
.ReviewActionModalEditComment {
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 20px;
}
.ReviewActionModalEditComment .ReviewActionModalEditCommentImg {
height: 16px;
width: 16px;
margin-right: 8px;
}
.ReviewActionModalEditComment .ReviewActionModalEditCommentText {
color: #605e5c;
margin-right: 5px;
}
.ReviewActionModalRating .ReviewActionModalRatingTitle {
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.ReviewActionModalRating .ms-Rating-button {
margin-right: 10px;
}
.ReviewActionModalMandatoryFieldSign {
font-size: 16px;
color: #a80000;
}
.reviewActionModalTitleTextField input[type=email],
input[type=number],
input[type=tel],
input[type=text],
select,
textarea {
border: none;
}
.reviewActionModalTitleTextField input[type=email]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
outline: none;
}
.ReviewActionModalLinks {
color: #0078d4;
margin-bottom: 10px;
}
.ReviewActionModalLinks .LinksSeperator {
color: #323130;
}
.ResponeDialogContent {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
line-height: 20px;
}
.ResponeDialogContent .ResponeDialogText {
color: #605e5c;
white-space: pre-wrap;
}
.ResponeDialogContent .ResponeDialogText .ResponeDialogLink {
color: #0078d4;
}
.ResponeDialogContent .ResponeDialogImg {
height: 16px;
width: 16px;
margin-right: 8px;
}
/*Import the App Source specific styles here.*/
.filterPaneContainer {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
background-color: #faf9f8;
width: 258px;
}
@media (max-width: 1024px) {
.filterPaneContainer {
width: auto;
}
}
.filterPaneContainer .filterPane {
padding: 0 16px;
height: 100%;
}
@media (max-width: 1024px) {
.filterPaneContainer .filterPane {
height: auto;
}
}
@media (max-width: 1024px) {
.filterPaneContainer .filterPane .filterPaneHeader {
display: none;
}
}
.filterPaneContainer .filterPane .filterPaneHeader .filterPaneTitle {
margin: 16px 0;
}
.filterPaneContainer .filterPane .filterPaneHeader .filterPaneSearch {
margin: 16px 0;
}
.filterPaneContainer .filterPane .resetButton {
font-size: 14px;
margin-left: 12px;
}
.filterPaneContainer .filterPane .filterLinkButton.isChild {
width: 260px;
height: 30px;
padding-right: 0;
margin-left: -34px;
}
.filterPaneContainer .filterPane .filterLinkButton.isChild .filterLabel {
text-overflow: ellipsis;
overflow: hidden;
}
.filterPaneContainer .filterPane .filterLinkButton.isActive:not(.isChild) {
font-weight: 600;
}
.filterPaneContainer .filterPane .filterLinkButton.isActive:not(.isChild):not(.isRoot) {
background-color: #edebe9;
}
.filterPaneContainer .filterPane .filterLinkButton .filterCheckbox {
margin-right: 5px;
}
.pricing.simplePlanPricing .c-table .f-sortable,
.pricing.simplePlanPricing .c-table .c-glyph {
font-weight: 600;
font-size: 14px;
color: #323130;
}
.pricing.simplePlanPricing .c-table .yearly,
.pricing.simplePlanPricing .c-table .description,
.pricing.simplePlanPricing .c-table .title,
.pricing.simplePlanPricing .c-table .monthly {
vertical-align: top;
border-right: solid 1px #f3f2f1;
font-size: 14px;
color: #323130;
}
.pricing.simplePlanPricing .c-table td:last-child {
border-right: unset;
}
.pricing.simplePlanPricing .c-table .title {
font-weight: unset;
min-width: 150px;
}
.pricing.simplePlanPricing .c-table .price {
min-width: 120px;
}
.pricing.simplePlanPricing .c-table .monthly,
.pricing.simplePlanPricing .c-table .yearly {
min-width: 160px;
white-space: nowrap;
}
.pricing.simplePlanPricing .c-table #plusPrice {
margin-top: 10px;
}
.usefulInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.usefulInfo .usefulInfoColumn {
margin-right: 100px;
max-width: 400px;
}
.usefulInfo .usefulInfoColumn .columnTitle {
font-size: 16px;
line-height: 22px;
color: #323130;
margin: 16px 0px;
font-weight: 600;
}
.usefulInfo .usefulInfoColumn .columnCells .cell {
margin: 16px 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 14px;
line-height: 20px;
}
.usefulInfo .usefulInfoColumn .columnCells .cell header {
font-size: 12px;
line-height: 16px;
color: #605e5c;
margin: 4px 0;
font-weight: 600;
}
.usefulInfo .usefulInfoColumn .columnCells .cell .cellLabel {
color: #323130;
}
/********************************************
BREAKPOINT WIDTHS
********************************************/
/********************************************
FONTS
********************************************/
/********************************************
COLOURS
********************************************/
.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
-webkit-transition: all 0.25s ease-in;
transition: all 0.25s ease-in;
opacity: 0.4;
filter: alpha(opacity=40);
position: absolute;
z-index: 2;
top: 20px;
background: none;
border: 0;
font-size: 32px;
cursor: pointer;
}
.carousel .control-arrow:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel .control-arrow:before, .carousel.carousel-slider .control-arrow:before {
margin: 0 5px;
display: inline-block;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
content: "";
}
.carousel .control-disabled.control-arrow {
opacity: 0;
filter: alpha(opacity=0);
cursor: inherit;
display: none;
}
.carousel .control-prev.control-arrow {
left: 0;
}
.carousel .control-prev.control-arrow:before {
border-right: 8px solid #fff;
}
.carousel .control-next.control-arrow {
right: 0;
}
.carousel .control-next.control-arrow:before {
border-left: 8px solid #fff;
}
.carousel-root {
outline: none;
}
.carousel {
position: relative;
width: 100%;
}
.carousel * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.carousel img {
width: 100%;
display: inline-block;
pointer-events: none;
}
.carousel .carousel {
position: relative;
}
.carousel .control-arrow {
outline: 0;
border: 0;
background: none;
top: 50%;
margin-top: -13px;
font-size: 18px;
}
.carousel .thumbs-wrapper {
margin: 20px;
overflow: hidden;
}
.carousel .thumbs {
-webkit-transition: all 0.15s ease-in;
transition: all 0.15s ease-in;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
position: relative;
list-style: none;
white-space: nowrap;
}
.carousel .thumb {
-webkit-transition: border 0.15s ease-in;
transition: border 0.15s ease-in;
display: inline-block;
margin-right: 6px;
white-space: nowrap;
overflow: hidden;
border: 3px solid #fff;
padding: 2px;
}
.carousel .thumb:focus {
border: 3px solid #ccc;
outline: none;
}
.carousel .thumb.selected, .carousel .thumb:hover {
border: 3px solid #333;
}
.carousel .thumb img {
vertical-align: top;
}
.carousel.carousel-slider {
position: relative;
margin: 0;
overflow: hidden;
}
.carousel.carousel-slider .control-arrow {
top: 0;
color: #fff;
font-size: 26px;
bottom: 0;
margin-top: 0;
padding: 5px;
}
.carousel.carousel-slider .control-arrow:hover {
background: rgba(0, 0, 0, 0.2);
}
.carousel .slider-wrapper {
overflow: hidden;
margin: auto;
width: 100%;
-webkit-transition: height 0.15s ease-in;
transition: height 0.15s ease-in;
}
.carousel .slider-wrapper.axis-horizontal .slider {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
}
.carousel .slider-wrapper.axis-horizontal .slider .slide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-flow: column;
flex-flow: column;
}
.carousel .slider-wrapper.axis-vertical {
-ms-box-orient: horizontal;
display: -webkit-box;
display: -ms-flexbox;
display: -moz-flex;
display: flex;
}
.carousel .slider-wrapper.axis-vertical .slider {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.carousel .slider {
margin: 0;
padding: 0;
position: relative;
list-style: none;
width: 100%;
}
.carousel .slider.animated {
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.carousel .slide {
min-width: 100%;
margin: 0;
position: relative;
text-align: center;
background: #000;
}
.carousel .slide img {
width: 100%;
vertical-align: top;
border: 0;
}
.carousel .slide iframe {
display: inline-block;
width: calc(100% - 80px);
margin: 0 40px 40px;
border: 0;
}
.carousel .slide .legend {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: absolute;
bottom: 40px;
left: 50%;
margin-left: -45%;
width: 90%;
border-radius: 10px;
background: #000;
color: #fff;
padding: 10px;
font-size: 12px;
text-align: center;
opacity: 0.25;
-webkit-transition: opacity 0.35s ease-in-out;
transition: opacity 0.35s ease-in-out;
}
.carousel .control-dots {
position: absolute;
bottom: 0;
margin: 10px 0;
padding: 0;
text-align: center;
width: 100%;
}
@media (min-width: 960px) {
.carousel .control-dots {
bottom: 0;
}
}
.carousel .control-dots .dot {
-webkit-transition: opacity 0.25s ease-in;
transition: opacity 0.25s ease-in;
opacity: 0.3;
filter: alpha(opacity=30);
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
background: #fff;
border-radius: 50%;
width: 8px;
height: 8px;
cursor: pointer;
display: inline-block;
margin: 0 8px;
}
.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel .carousel-status {
position: absolute;
top: 0;
right: 0;
padding: 5px;
font-size: 10px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
color: #fff;
}
.carousel:hover .slide .legend {
opacity: 1;
}
@media (max-width: 1649px) {
.spza-header-root-container .spza-header-desktop {
display: none;
}
}
@media (min-width: 1650px) {
.spza-header-root-container .spza-header-compact {
display: none;
}
}
@media (max-width: 1199px) {
.spza-header-root-container .spza-header-compact {
display: none;
}
}
@media (min-width: 1200px) {
.spza-header-root-container .spza-header-tablet {
display: none;
}
}
@media (max-width: 1023px) {
.spza-header-root-container .spza-header-tablet {
display: none;
}
}
@media (min-width: 1024px) {
.spza-header-root-container .spza-header-mobile {
display: none;
}
}
.spza-header-root-container.mobile .spza-header-desktop,
.spza-header-root-container.mobile .spza-header-compact,
.spza-header-root-container.mobile .spza-header-tablet {
display: none !important;
}
.spza-header-root-container.mobile .spza-header-mobile {
display: block;
}
.spza-header-root-container.home .spza-header-mobile .spza-user-mobile-nav-bar-dropdown.active,
.spza-header-root-container.home .spza-header-mobile .spza-header-entity-and-action-section .c-menu {
top: 54px !important;
}
.spza_root {
margin-top: 54px;
}
@media (max-width: 1024px) {
.spza_root {
margin-top: 108px;
}
}
.spza-header-row-middle .spza-c-search.react-selectize.default.root-node .react-selectize-control {
height: 30px;
border-radius: 2px;
}
.spza-header-row-middle .spza-c-search.react-selectize.default.root-node button {
padding: 0px;
border: 0px;
background-color: transparent;
}
.spza-header-row-middle .spza-c-search.react-selectize.default.root-node button:before {
padding: 6px;
border: 0px;
}
.spza-header-root-container {
background-color: #fff;
-webkit-box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108);
position: fixed;
top: 0;
width: 100%;
z-index: 5;
}
.spza-header-root-container a:hover span:first-child, .spza-header-root-container a:focus span:first-child, .spza-header-root-container a.active span:first-child {
-webkit-transition: text-shadow 0.2s ease-out;
transition: text-shadow 0.2s ease-out;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .richTextDropDown .c-menu-item:hover a > span:first-child, .spza-header-root-container .richTextDropDown .c-menu-item:focus a > span:first-child {
-webkit-transition: text-shadow 0.2s ease-out;
transition: text-shadow 0.2s ease-out;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .richTextDropDown.c-select-menu:hover a > div:first-child > span:first-child, .spza-header-root-container .richTextDropDown.c-select-menu:focus a > div:first-child > span:first-child {
-webkit-transition: text-shadow 0.2s ease-out;
transition: text-shadow 0.2s ease-out;
text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .spza-header-row-segment-middle-focus {
border: white dashed 1px;
padding-left: 9px;
padding-right: 9px;
}
.spza-header-root-container a > span:first-child {
padding-bottom: 2px;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container a:hover > span:first-child, .spza-header-root-container a:focus > span:first-child {
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container a.active > span:first-child {
-webkit-box-shadow: 0px 2px 0 0px #323130;
box-shadow: 0px 2px 0 0px #323130;
}
.spza-header-root-container .richTextDropDown .c-menu-item a > span:first-child {
padding-bottom: 2px;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container .richTextDropDown .c-menu-item:hover a > span:first-child, .spza-header-root-container .richTextDropDown .c-menu-item:focus a > span:first-child {
-webkit-box-shadow: 0px 0px 0 0px white;
box-shadow: 0px 0px 0 0px white;
}
.spza-header-root-container .richTextDropDown.c-select-menu a > div:first-child > span:first-child {
padding-bottom: 2px;
text-decoration: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container .richTextDropDown.c-select-menu:hover a > div:first-child > span:first-child, .spza-header-root-container .richTextDropDown.c-select-menu:focus a > div:first-child > span:first-child {
-webkit-box-shadow: 0px 0px 0 0px white;
box-shadow: 0px 0px 0 0px white;
}
.spza-header-root-container :not(.spza-header-row-top) a:focus,
.spza-header-root-container :not(.spza-header-row-top) a > span:focus {
outline: none;
}
.spza-header-root-container :not(.spza-header-row-top) a:focus > span {
outline: white dashed 1px;
}
/*******
* row *
*******/
.spza-header-row-top {
background-color: #f2f2f2;
}
.spza-header-row-middle,
.spza-header-row-bottom {
color: #323130;
}
.spza-header-row-middle,
.spza-header-row-bottom {
margin: auto;
padding: 0px 20px 0px 20px;
max-width: 1920px;
width: 100%;
height: 54px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/***************
* row segment *
***************/
.spza-header-row-segment-left {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza-header-row-segment-middle {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.spza-header-row-segment-right {
-webkit-box-flex: 0;
-ms-flex: 0 1;
flex: 0 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
/***********
* section *
***********/
.spza-header-cookie-banner-section {
width: 100%;
margin: auto;
padding: 0px 20px 0px 20px;
max-width: 1920px;
height: auto;
}
.spza-header-cookie-banner-section #cookieBannerId {
height: 54px;
}
.spza-header-cookie-banner-section #cookieBannerId .cookieBannerMoreinfo:focus, .spza-header-cookie-banner-section #cookieBannerId .cookieBannerMoreinfo > span:focus {
outline: none;
}
.spza-header-cookie-banner-section #cookieBannerId .cookieBannerMoreinfo:focus > span {
outline: 1px dashed #fff;
outline-offset: 5px;
}
.spza-header-cookie-banner-section #cookieBannerId .cookieBannerMoreinfo:hover > span {
text-shadow: unset !important;
-webkit-box-shadow: 0px 2px 0 0px #fff;
box-shadow: 0px 2px 0 0px #fff;
}
.skip-content-link:focus {
outline: auto 5px -webkit-focus-ring-color;
}
.spza-header-logo-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-logo-section > * {
margin-top: auto;
margin-bottom: auto;
margin-right: 20px;
}
.spza-header-logo-section .spza-header-microsoft {
display: block;
height: 23px;
width: 129px;
background-size: 109px;
background-repeat: no-repeat;
background-image: url(/static/assets/spza-header-logo-microsoft-gray.082321.0004.579dd964a9.svg);
background-position: center;
}
@media screen and (-ms-high-contrast: black-on-white) {
.spza-header-logo-section .spza-header-microsoft {
background-image: url(/static/assets/spza-header-logo-microsoft-dark.082321.0004.579dd964a9.svg);
}
}
.spza-header-logo-section .spza-header-microsoft:focus:not(.x-hidden-focus) {
outline: white dashed 1px;
}
.spza-header-logo-section .spza-header-delimiter {
display: block;
height: 16px;
width: 2px;
background-color: #323130;
background-size: 100%;
background-repeat: no-repeat;
background-image: url(/static/assets/spza-header-logo-delimiter-black.082321.0004.579dd964a9.png);
}
.spza-header-logo-section .spza-header-home {
font-size: 20px;
font-weight: 600;
font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;
font: 20px/51px PTSansRegular, Arial, Helvetica, sans-serif;
}
.spza-header-logo-section .spza-header-home > span {
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
text-shadow: unset !important;
outline-offset: -3px;
}
.spza-header-entity-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-entity-section > * {
margin-top: auto;
margin-bottom: auto;
margin-right: 20px;
}
.spza-header-entity-section > a {
overflow: hidden;
}
.spza-header-search-section {
margin-top: 9px;
margin-bottom: auto;
width: auto;
color: black;
}
.spza-header-action-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-action-section > * {
margin-top: auto;
margin-bottom: auto;
margin-left: 20px;
}
.spza-header-user-section {
margin-top: auto;
margin-bottom: auto;
min-width: 150px;
margin-left: 24px;
}
.spza-header-user-section .PanelContinar {
margin-top: auto;
margin-bottom: auto;
margin-right: 0px;
min-width: unset;
max-width: unset;
float: none;
padding: unset;
outline: none;
cursor: pointer;
height: 54px;
padding: 10px 12px 0 12px;
}
.spza-header-user-section .favouritePanel:hover,
.spza-header-user-section .userPanel:hover,
.spza-header-user-section .feedbackPanel:hover,
.spza-header-user-section .billingPanel:hover,
.spza-header-user-section .helpPanel:hover,
.spza-header-user-section .morePanel:hover {
background-color: rgba(0, 0, 0, 0.132);
}
.spza-header-user-section .icon-panel-help {
width: 9px;
height: 20px;
background-image: url(/static/assets/spza-header-help-black.082321.0004.579dd964a9.svg);
background-repeat: no-repeat;
background-color: transparent;
border: none;
margin-top: 8px;
}
.spza-header-user-section .icon-panel-help:hover {
background-image: url(/static/assets/spza-header-help-blue.082321.0004.579dd964a9.svg);
}
.spza-header-user-section .icon-panel-context {
width: 16px;
height: 20px;
background-image: url(/static/assets/spza-header-user-context-filled-black.082321.0004.579dd964a9.svg);
background-repeat: no-repeat;
background-color: transparent;
border: none;
margin-top: 8px;
}
.spza-header-user-section .icon-panel-context:hover {
background-image: url(/static/assets/spza-header-user-context-filled-blue.082321.0004.579dd964a9.svg);
}
.spza-header-user-section .spza_signInBlock {
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-user-section .spza_signInBlock .spza-user-favourite-navigation-bar-button-container,
.spza-header-user-section .spza_signInBlock .spza_feedback,
.spza-header-user-section .spza_signInBlock div[id$=-user-signed-in-button],
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signIn {
margin: 8px 0 auto 0;
min-width: unset;
max-width: unset;
float: none;
padding: unset;
outline: none;
}
.spza-header-user-section .spza_signInBlock .spza-user-favourite-navigation-bar-button-container:focus:not(.x-hidden-focus) {
outline: white dashed 1px;
outline-offset: 10px;
}
.spza-header-user-section .spza_signInBlock .spza_feedback {
margin-top: 8px;
margin-left: 0px;
width: 16px;
}
.spza-header-user-section .spza_signInBlock .spza_feedback:focus,
.spza-header-user-section .spza_signInBlock .spza_feedback .smileFace:focus {
outline: none;
}
.spza-header-user-section .spza_signInBlock .spza_feedback:focus > .smileFace {
outline: white dashed 1px;
outline-offset: 10px;
}
.spza-header-user-section .spza_signInBlock .userActions .userTab {
-webkit-transition: 0.2s opacity ease, 0.2s z-index cubic-bezier(1, -0.01, 1, -0.16);
transition: 0.2s opacity ease, 0.2s z-index cubic-bezier(1, -0.01, 1, -0.16);
}
.spza-header-user-section .spza_signInBlock .userActions .userTab:not(.active) {
opacity: 0;
overflow: hidden;
z-index: -1;
-webkit-transition: 0.2s opacity ease, 0.2s z-index ease-out;
transition: 0.2s opacity ease, 0.2s z-index ease-out;
display: none;
}
.spza-header-user-section .spza_signInBlock .userActions .userTab.active {
opacity: 1;
overflow: hidden;
-webkit-transition: 0.2s opacity ease, 0.2s z-index ease-in;
transition: 0.2s opacity ease, 0.2s z-index ease-in;
}
.spza-header-user-section div[id$=-user-signed-in-button] {
height: 36px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: unset;
max-width: unset;
background-size: 100%;
background-repeat: no-repeat;
}
.spza-header-user-section div[id$=-user-signed-in-button]:focus, .spza-header-user-section div[id$=-user-signed-in-button] > div:focus {
outline: none;
}
.spza-header-user-section div[id$=-user-signed-in-button]:focus > div {
outline: white dashed 1px;
outline-offset: 4px;
}
.spza-header-user-section div[id$=-user-signed-in-button] .userImg {
-webkit-transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.spza-header-user-section div[id$=-user-signed-in-button] .userTitle {
display: inline-block;
margin-right: 10px;
height: 28px;
}
.spza-header-user-section div[id$=-user-signed-in-button] .userTitle span {
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spza-header-user-section div[id$=-user-signed-in-button] .userImg {
display: inline-block;
padding-top: 2px;
}
.spza-header-user-section div[id$=-user-signed-in-button] .userImg > img {
width: 36px;
height: 36px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.spza-header-user-section div[id$=-user-signed-in-button]:hover .userImg, .spza-header-user-section div[id$=-user-signed-in-button].active .userImg {
border-radius: 20px;
}
.spza-header-user-section div[id$=-user-signed-in-button]:hover .userImg img, .spza-header-user-section div[id$=-user-signed-in-button].active .userImg img {
content: url(/static/assets/spza-header-user-white.082321.0004.579dd964a9.png);
}
.spza-header-user-section .feedbackDialog {
display: inline-block;
overflow: unset;
position: relative;
width: unset;
height: unset;
top: unset;
right: unset;
background: transparent;
cursor: default;
-webkit-transition: unset;
transition: unset;
border: none;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent {
display: block;
position: absolute;
z-index: 999;
right: -20px;
width: 350px;
top: 45px;
background: white;
color: black;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
outline: none;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent #dialogContent_happyFace:focus, .spza-header-user-section .feedbackDialog .feedbackDialogContent #dialogContent_happyFace > div:focus,
.spza-header-user-section .feedbackDialog .feedbackDialogContent .sadFace:focus,
.spza-header-user-section .feedbackDialog .feedbackDialogContent .sadFace > div:focus {
outline: none;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent #dialogContent_happyFace:focus > div,
.spza-header-user-section .feedbackDialog .feedbackDialogContent .sadFace:focus > div {
outline: #fff dashed 1px;
outline-offset: 2px;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .feedbackButton #submit {
background-position: center;
background-size: 0px;
-webkit-transition: 0.5s all ease, 0.5s background-size cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: 0.5s all ease, 0.5s background-size cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .feedbackButton #submit.submitted {
background-image: url(/static/assets/check-transparent.082321.0004.579dd964a9.png);
background-color: white;
background-repeat: no-repeat;
background-size: 44px;
border: green 2px solid;
height: 35.53px;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .feedbackButton #submit.submitted span {
display: none !important;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .feedbackButton #submit:focus span:not(.x-hidden-focus) {
outline: 1px dashed white;
outline-offset: 7px;
display: block;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .c-hyperlink {
margin-left: 8px;
}
.spza-header-user-section .feedbackDialog .feedbackDialogContent .c-hyperlink:focus:not(.x-hidden-focus) {
border-bottom: 1px solid #fff;
}
.spza-header-user-section .feedbackDialog.dialogClosed .feedbackDialogContent {
overflow: hidden;
height: 0px;
-webkit-box-shadow: unset !important;
box-shadow: unset !important;
z-index: -1;
}
.spza-header-user-section .feedbackDialog:not(.dialogClosed) .feedbackDialogContent {
overflow: hidden;
height: 504px;
}
.spza-header-user-section .spza-header-co-sell {
white-space: nowrap;
}
.spza-header-user-section .spza-header-action-section .spza-header-co-sell,
.spza-header-user-section .spza-header-action-section .spza-header-sell,
.spza-header-user-section .spza-header-action-section .spza-header-blog {
overflow: hidden;
}
/************************
* Screen Type Specific *
***********************/
@media (max-width: 539px) {
.spza-header-root-container .spza-header-mobile .spza-header-row-middle {
padding: 0px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left {
-webkit-box-flex: 0;
-ms-flex: 0 1;
flex: 0 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-entity-and-action-section .valueBox {
width: 36px;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-delimiter {
margin: auto 0px;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .spza-header-user-section {
min-width: 0;
}
}
.spza-header-root-container .spza-header-compact .spza-header-entity-section .richTextDropDown .valueBox > div:first-child {
height: 54px;
display: block;
overflow-y: hidden;
white-space: nowrap;
}
.spza-header-root-container .spza-header-compact .spza-header-entity-section .richTextDropDown .valueBox > div:first-child span {
line-height: 54px;
}
.spza-header-root-container .spza-header-tablet .spza-header-search-section,
.spza-header-root-container .spza-header-compact .spza-header-search-section {
width: auto;
}
.spza-header-root-container .spza-header-compact .userTitle,
.spza-header-root-container .spza-header-tablet .userTitle,
.spza-header-root-container .spza-header-mobile .userTitle {
display: none !important;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar,
.spza-header-root-container .spza-header-compact .appSourceSearchBar,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBarOfferTypeDropDown,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBarOfferTypeDropDown,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBarOfferTypeDropDown,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown {
background-color: #edebe9;
font-size: 14px;
line-height: 20px;
border-radius: 2px;
height: 34px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 0px 0px 0 10px;
height: 34px;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox .item,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox .item,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox .item,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox .item {
padding: 3px 0;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox .toggle,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox .toggle,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox .toggle,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown .valueBox .toggle {
display: block;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBarOfferTypeDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBarOfferTypeDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBarOfferTypeDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown[aria-expanded=true] {
background-color: #edebe9;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item {
padding: 6px 0px 6px 0px;
font-size: 14px;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item.highlight .value .item,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item.highlight .value .item,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item.highlight .value .item,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item.highlight .value .item {
color: #201f1e;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item .placeholder,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item .placeholder,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item .placeholder,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown .c-menu .c-menu-item .placeholder {
width: 20px;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchInUse,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchInUse,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchInUse,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchInUse {
border: 1px solid #0078d4;
background-color: #ffffff;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchNotInUse,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchNotInUse,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchNotInUse,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchNotInUse {
border: 1px solid #edebe9;
background-color: #edebe9;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBox,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBox,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBox,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBox {
position: relative;
width: 100%;
border-radius: 2px;
height: 33px;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBox .magnifyingGlass,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBox .magnifyingGlass,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBox .magnifyingGlass,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBox .magnifyingGlass {
height: 32px;
width: 40px;
position: absolute;
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBox .searchOnFocus,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBox .searchOnFocus,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBox .searchOnFocus,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBox .searchOnFocus {
background-image: url(/static/assets/SearchMagnifyingGlassBlue.082321.0004.579dd964a9.svg);
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .searchBox .searchNotOnFocus,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .searchBox .searchNotOnFocus,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .searchBox .searchNotOnFocus,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBox .searchNotOnFocus {
background-image: url(/static/assets/SearchMagnifyingGlassGray.082321.0004.579dd964a9.svg);
}
.spza-header-root-container .spza-header-desktop .appSourceSearchBar .richTextDropDown > .valueBox .item > span,
.spza-header-root-container .spza-header-compact .appSourceSearchBar .richTextDropDown > .valueBox .item > span,
.spza-header-root-container .spza-header-tablet .appSourceSearchBar .richTextDropDown > .valueBox .item > span,
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .richTextDropDown > .valueBox .item > span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown,
.spza-header-root-container .spza-header-compact .richTextDropDown,
.spza-header-root-container .spza-header-tablet .richTextDropDown,
.spza-header-root-container .spza-header-mobile .richTextDropDown {
background-color: #fff;
outline: none;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-compact .richTextDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-tablet .richTextDropDown[aria-expanded=true],
.spza-header-root-container .spza-header-mobile .richTextDropDown[aria-expanded=true] {
background-color: #fff;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown:hover .valueBox,
.spza-header-root-container .spza-header-compact .richTextDropDown:hover .valueBox,
.spza-header-root-container .spza-header-tablet .richTextDropDown:hover .valueBox,
.spza-header-root-container .spza-header-mobile .richTextDropDown:hover .valueBox {
background-color: rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .valueBox,
.spza-header-root-container .spza-header-compact .richTextDropDown .valueBox,
.spza-header-root-container .spza-header-tablet .richTextDropDown .valueBox,
.spza-header-root-container .spza-header-mobile .richTextDropDown .valueBox {
color: #323130;
border: none;
height: 54px;
padding: 0px 10px;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .valueBox > :first-child,
.spza-header-root-container .spza-header-compact .richTextDropDown .valueBox > :first-child,
.spza-header-root-container .spza-header-tablet .richTextDropDown .valueBox > :first-child,
.spza-header-root-container .spza-header-mobile .richTextDropDown .valueBox > :first-child {
vertical-align: middle;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .toggle,
.spza-header-root-container .spza-header-compact .richTextDropDown .toggle,
.spza-header-root-container .spza-header-tablet .richTextDropDown .toggle,
.spza-header-root-container .spza-header-mobile .richTextDropDown .toggle {
padding-top: 6px;
min-width: 35px;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .c-menu,
.spza-header-root-container .spza-header-compact .richTextDropDown .c-menu,
.spza-header-root-container .spza-header-tablet .richTextDropDown .c-menu,
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu {
background-color: #fff;
border: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
-webkit-box-shadow: 0px 1px 3px 2px #f3f2f1;
box-shadow: 0px 1px 3px 2px #f3f2f1;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-compact .richTextDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-tablet .richTextDropDown .c-menu .c-menu-item,
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu .c-menu-item {
padding: 15px 0px 15px 10px;
}
.spza-header-root-container .spza-header-desktop .richTextDropDown .c-menu .c-menu-item.highlight,
.spza-header-root-container .spza-header-compact .richTextDropDown .c-menu .c-menu-item.highlight,
.spza-header-root-container .spza-header-tablet .richTextDropDown .c-menu .c-menu-item.highlight,
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu .c-menu-item.highlight {
background-color: rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a {
height: 42px;
margin: 6px 0px;
padding: 0px 10px;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a > span,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a > span {
line-height: 42px;
padding-top: 18px;
outline: unset !important;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a.active,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a.active {
background-color: #fff;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a:focus,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a:focus {
border: 1px solid #323130;
background-color: #fff;
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a:hover,
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a:hover {
background-color: rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .spza-header-desktop .spza-header-entity-section > a:last-child {
margin-right: 0px;
}
.spza-header-root-container .spza-header-desktop .spza-header-action-section > a:first-child {
margin-left: 0px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section > a,
.spza-header-root-container .spza-header-compact .spza-header-logo-section > a,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section > a,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section > a {
margin: auto 0px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section > a > span,
.spza-header-root-container .spza-header-compact .spza-header-logo-section > a > span,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section > a > span,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section > a > span {
line-height: 48px;
padding: 12px 10px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section .spza-header-microsoft,
.spza-header-root-container .spza-header-compact .spza-header-logo-section .spza-header-microsoft,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section .spza-header-microsoft,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section .spza-header-microsoft {
padding-left: 0px;
padding-right: 10px;
height: 40px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section .spza-header-home,
.spza-header-root-container .spza-header-compact .spza-header-logo-section .spza-header-home,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section .spza-header-home,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section .spza-header-home {
font-size: 16px;
font-weight: 600;
height: 50px;
}
.spza-header-root-container .spza-header-desktop .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-compact .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section .spza-header-delimiter {
margin: auto 6px;
}
@media (max-width: 539px) {
.spza-header-root-container .spza-header-desktop .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-compact .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-tablet .spza-header-logo-section .spza-header-delimiter,
.spza-header-root-container .spza-header-mobile .spza-header-logo-section .spza-header-delimiter {
margin: auto 0px;
}
}
.spza-header-root-container .spza-header-desktop .userActions,
.spza-header-root-container .spza-header-compact .userActions,
.spza-header-root-container .spza-header-tablet .userActions {
display: inline-block;
position: relative;
background: transparent;
}
.spza-header-root-container .spza-header-desktop .userActions .userTab,
.spza-header-root-container .spza-header-compact .userActions .userTab,
.spza-header-root-container .spza-header-tablet .userActions .userTab {
display: block;
position: absolute;
padding: unset;
z-index: 999;
right: -20px;
top: 45px;
background: white;
color: black;
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
}
.spza-header-root-container .spza-header-desktop .userActions .userTab .userTabInfo,
.spza-header-root-container .spza-header-compact .userActions .userTab .userTabInfo,
.spza-header-root-container .spza-header-tablet .userActions .userTab .userTabInfo {
height: 96px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: unset;
}
.spza-header-root-container .spza-header-desktop .userActions .userTab .userTabInfo .userTabName,
.spza-header-root-container .spza-header-compact .userActions .userTab .userTabInfo .userTabName,
.spza-header-root-container .spza-header-tablet .userActions .userTab .userTabInfo .userTabName {
padding: 0px;
}
.spza-header-root-container .spza-header-desktop .userActions .userTab .userTabInfo .userTabEmail,
.spza-header-root-container .spza-header-compact .userActions .userTab .userTabInfo .userTabEmail,
.spza-header-root-container .spza-header-tablet .userActions .userTab .userTabInfo .userTabEmail {
margin: 8px 0px;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right span:first-child {
text-shadow: unset !important;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left a:hover > span:first-child, .spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left a:focus > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right a:hover > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right a:focus > span:first-child {
-webkit-box-shadow: 0px 0px 0 0px white;
box-shadow: 0px 0px 0 0px white;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left .richTextDropDown .c-menu-item:hover a > span:first-child, .spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left .richTextDropDown .c-menu-item:focus a > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .richTextDropDown .c-menu-item:hover a > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .richTextDropDown .c-menu-item:focus a > span:first-child {
-webkit-box-shadow: 0px 0px 0 0px white;
box-shadow: 0px 0px 0 0px white;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left .richTextDropDown.c-select-menu:hover a > div:first-child > span:first-child, .spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-left .richTextDropDown.c-select-menu:focus a > div:first-child > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .richTextDropDown.c-select-menu:hover a > div:first-child > span:first-child,
.spza-header-root-container .spza-header-mobile .spza-header-row-middle .spza-header-row-segment-right .richTextDropDown.c-select-menu:focus a > div:first-child > span:first-child {
-webkit-box-shadow: 0px 0px 0 0px white;
box-shadow: 0px 0px 0 0px white;
}
.spza-header-root-container .spza-header-mobile .appSourceSearchBar {
width: 100%;
}
.spza-header-root-container .spza-header-mobile .appSourceSearchBar .searchBarOfferTypeDropDown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown[aria-expanded=true] .spza-header-more, .spza-header-root-container .spza-header-mobile .richTextDropDown:hover .spza-header-more {
background-color: rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .spza-header-mobile .richTextDropDown:hover .valueBox {
background-color: transparent;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .valueBox {
padding: unset;
width: 54px;
height: 54px;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .valueBox .spza-header-more {
border: 0px;
border-radius: 50px;
height: 48px;
width: 48px;
display: block;
padding-top: auto;
margin-top: 5px;
margin-left: -6px;
background-size: 70%;
background-repeat: no-repeat;
background-image: url(/static/assets/spza-header-entity-and-user-mobile-value.082321.0004.579dd964a9.svg);
background-position: center;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .toggle {
display: none;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu {
top: 32px;
display: block;
-webkit-box-shadow: 0px 1px 10px 2px #f3f2f1;
box-shadow: 0px 1px 10px 2px #f3f2f1;
max-width: 1920px;
}
@media (max-width: 539px) {
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu {
padding-left: 10px;
min-width: 539px;
}
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu .c-menu-item {
padding: 15px 10px 15px 20px;
}
.spza-header-root-container .spza-header-mobile .richTextDropDown .c-menu .c-menu-item.highlight {
background-color: rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container.active img,
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button:hover img {
content: url(/static/assets/spza-header-user-white.082321.0004.579dd964a9.png);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .AS-spza-user-mobile-nav-bar-dropdown.active {
left: -138px;
background-color: #fff;
position: absolute;
top: 54px;
z-index: 999;
-webkit-box-shadow: 0px 2px 4px 0 #605e5c;
box-shadow: 0px 2px 4px 0 #605e5c;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-default-thumbnail-image {
margin: 0px;
cursor: pointer;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza_feedback {
-webkit-transition: background 0.1s ease-in;
transition: background 0.1s ease-in;
width: 16px;
height: 16px;
background-image: url(/static/assets/spza-header-user-feedback-black.082321.0004.579dd964a9.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .moreButton {
width: 16px;
height: 20px;
background-image: url(/static/assets/More.082321.0004.579dd964a9.svg);
background-repeat: no-repeat;
background-color: transparent;
border: none;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .icon-panel-help {
margin-top: 4px;
margin-left: 2px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .userPanel {
margin: 0px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .PanelContinar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 5px;
padding: 0px 12px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .PanelContinar .mobileText {
margin: 0px 10px;
font-size: 14px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button {
width: 38px;
height: 38px;
padding: unset;
margin: unset;
border: none;
background: transparent;
outline: none;
-webkit-transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: 0.2s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button:hover, .spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button:focus {
border-radius: 20px;
-webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 5px #fff;
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 5px #fff;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-nav-bar-button img {
background-color: transparent;
width: 100%;
height: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown {
display: block;
position: absolute;
z-index: 999;
right: -20px;
width: calc(100vw - 15px);
top: 100px;
background: #fff;
max-width: 1920px;
-webkit-box-shadow: 0px 1px 10px 2px #f3f2f1;
box-shadow: 0px 1px 10px 2px #f3f2f1;
height: 160px;
}
@media (max-width: 1919px) {
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown {
right: none;
left: 0px;
position: fixed;
width: calc(100vw);
}
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions {
padding-left: 30px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .overlay {
display: none;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab {
z-index: inherit;
position: inherit;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0px;
margin: 0px;
width: unset;
background: unset;
border: unset;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab > div:first-child {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
height: 80px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab > div:first-child .userTabPhoto {
margin: 15px 0px 15px -10px;
width: 50px;
height: 50px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab > div:first-child .userTabInfo {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: auto;
padding: unset;
margin-left: 15px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab > div:first-child .userTabInfo .userTabName {
padding: 0px;
margin: 15px 0px 0px 0px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab .userTabSignOut {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
vertical-align: middle;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab .userTabSignOut button {
padding: 20px;
margin: auto;
height: 100%;
border: none;
background-color: transparent;
}
@media (max-width: 1919px) {
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab .userTabSignOut button {
position: fixed;
right: 0px;
height: 80px;
width: 100px;
}
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .userActions .userTab .userTabSignOut button.dropdown-item-active {
background-color: rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container {
height: 40px;
width: unset;
background-size: 30px;
background-position: center left 30px;
padding-left: 10px;
background-image: url(/static/assets/appsource-header-user-favourite-nav-bar.082321.0004.579dd964a9.svg);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container:hover {
background-image: url(/static/assets/appsource-header-user-favourite-nav-bar.082321.0004.579dd964a9.svg);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container label {
background-image: unset;
-webkit-transform: unset;
transform: unset;
width: unset;
font-size: 15px;
font-family: "SegoeUI", "Helvetica Neue", Helvetica, Arial, sans-serif;
left: unset;
height: unset;
padding: 10px 0px 10px 70px;
line-height: 20px;
color: white;
text-shadow: unset;
top: unset;
border: unset;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza_feedback {
height: 40px;
width: 100%;
background-size: 30px;
background-position: center left 30px;
border: none;
background: unset;
padding: 0px 0px 0px 10px;
margin: 0px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza_feedback .smileFace {
width: 50px;
height: 40px;
background-image: url(/static/assets/spza-header-user-feedback.082321.0004.579dd964a9.png);
background-repeat: no-repeat;
background-position: center left 20px;
background-size: 30px;
background-color: transparent;
border: none;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza_feedback:hover .smileFace {
background-image: url(/static/assets/spza-header-user-feedback-filled.082321.0004.579dd964a9.png);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .spza_feedback span {
line-height: 20px;
padding: 10px 0px 10px 20px;
display: inline-block;
height: 40px;
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .spza-user-mobile-nav-bar-dropdown .dropdown-item-active {
background-color: rgba(0, 0, 0, 0.132);
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .feedbackDialog .feedbackDialogContent {
right: calc(50vw - 202px);
top: 108px;
-webkit-box-shadow: 0px 0px 3px 20px rgba(125, 125, 125, 0.3);
box-shadow: 0px 0px 3px 20px rgba(125, 125, 125, 0.3);
}
@media (min-width: 1920px) {
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .feedbackDialog .feedbackDialogContent {
right: 768px;
}
}
.spza-header-root-container .spza-header-mobile .spza-user-mobile-container .feedbackDialog.dialogClosed .feedbackDialogContent {
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle {
width: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section {
width: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section .spza-c-search.react-selectize.root-node {
width: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section .spza-c-search.react-selectize.root-node.open, .spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section .spza-c-search.react-selectize.root-node.spza-c-search-hasinput {
max-width: 100%;
}
.spza-header-root-container .spza-header-mobile .spza-header-row-bottom .spza-header-row-segment-middle .spza-header-search-section .spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input {
max-width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.spza-header-logo-section {
min-width: 260px !important;
}
.spza-header-desktop .spza-header-search-section {
width: auto !important;
}
.spza-header-compact .spza-header-search-section {
width: auto !important;
}
.spza-header-tablet .spza-header-search-section {
width: auto !important;
}
.spza-header-tablet .spza-header-search-section .appSourceSearchBar {
width: 100%;
}
.spza-header-tablet .spza-header-search-section .appSourceSearchBar .searchBarOfferTypeDropDown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.spza-header-home span {
text-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.spza-header-user-section {
height: 54px;
}
.spza-header-user-section .spza_signInBlock {
height: 100%;
display: block;
float: right;
}
.spza-header-user-section .spza_signInBlock .spza-user-favourite-navigation-bar-button-container {
display: inline-block;
margin-top: 16px;
}
.spza-header-user-section .spza_signInBlock .spza_feedback {
display: inline-block;
padding: 0px !important;
}
.spza-header-user-section .spza_signInBlock:not(.signed-in) .spza_feedback {
padding-top: 7px !important;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signedIn {
display: inline-block;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signedIn .userTitle {
vertical-align: super;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signedIn .userImg img {
vertical-align: text-bottom;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signIn {
display: inline-block;
height: 36px;
margin-top: 9px;
}
.spza-header-user-section .spza_signInBlock .spza_signButton.spza_signIn button {
background-size: 36px !important;
margin-bottom: -4px;
min-width: auto;
max-width: none;
}
.spza-header-user-section .spza_signInBlock .feedbackDialog {
top: -25px;
overflow: visible;
width: 0px;
}
.spza-header-user-section .spza_signInBlock .userActions .userTab {
top: 15px;
}
.spza-header-mobile .spza-header-entity-and-action-section .valueBox {
padding: 0px !important;
}
.spza-header-mobile .spza-header-user-section {
height: 54px;
}
.spza-header-mobile .spza-header-user-section .spza-user-nav-bar-button {
margin-top: 10px;
}
.spza-header-mobile .spza-header-user-section .spza-user-nav-bar-button img {
width: 36px !important;
margin-left: -7px;
}
.spza-header-mobile .spza-header-user-section .spza_signButton.spza_signIn button {
background-size: 36px !important;
margin-top: 10px;
min-width: auto;
max-width: none;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown {
top: 108px !important;
right: 283px !important;
width: calc(100vw - 17px) !important;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .userTab {
width: 100%;
background-color: inherit;
border: none;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container {
width: 100%;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .spza-user-favourite-navigation-bar-button-container label {
width: 300px;
background-image: none;
background-size: 0px;
left: -47px;
top: -1px;
border: none;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .spza_feedback {
width: 100%;
background: none;
}
.spza-header-mobile .spza-header-user-section .spza-user-mobile-nav-bar-dropdown .spza_feedback:hover {
background: #fff;
}
.spza-header-mobile .spza-header-user-section .feedbackDialog {
width: 0px;
overflow: visible;
}
}
@supports (-ms-ime-align: auto) {
.spza-header-desktop .spza-header-entity-section > a {
overflow: visible !important;
}
.spza-header-desktop .spza-header-entity-section > a.spza-header-consulting-services {
overflow: hidden;
}
}
@media (max-width: 1023px) {
.spza-header-root-container + div .spza_galleryContainer .spza_content {
margin-left: 0px;
}
}
@media (max-width: 1459px) {
.spza-header-root-container + div .spza_galleryContainer .spza_content {
margin-left: 0px;
}
}
@media (max-width: 1024px) {
.spza-header-root-container + div .spza_galleryContainer .spza_content {
margin: 20px;
width: auto;
width: initial;
}
}
@media (max-width: 539px) {
.spza-header-root-container + div #maincontent .wizard {
padding: 0px;
}
.spza-header-root-container + div #maincontent .wizard .basicSearchBox {
width: auto;
max-width: 100%;
margin-right: 0px;
}
.spza-header-root-container + div #maincontent .wizard .basicSearchBox .appSourceSearchInput {
width: calc(100vw - 60px);
}
}
@media (min-width: 1940px) {
.spza-header-root-container + div .spza_galleryContainer {
max-width: 1920px;
min-width: 1920px;
margin-left: auto;
margin-right: auto;
}
.spza-header-root-container + div .spza_galleryContainer .spza_content {
min-width: 1920px;
}
}
@media (max-width: 539px) {
.spza-header-root-container + div .section.homeResult {
display: block;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 900px) {
.spza-header-root-container + div .galleryHeader {
width: auto;
min-width: auto;
}
}
@media (max-width: 900px) {
.spza-header-root-container + div .spza_galleryHeader {
width: 439px;
}
}
@media (max-width: 679px) {
.spza-header-root-container + div .spza_galleryHeader {
width: auto;
}
}
@media (max-width: 539px) {
.spza-header-root-container + div .appPromotionPane {
margin: 0px !important;
}
}
@media (max-width: 679px) {
.spza-header-root-container + div .appPromotionPane .c-logo {
display: none;
}
}
.spza-header-root-container + div .spza-global-filter-container {
margin: 20px 20px 10px 20px;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza-header-root-container + div .spza-global-filter-container {
margin: 20px 20px 30px 20px;
}
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-group-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-flow: wrap;
flex-flow: wrap;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container {
padding-right: 8px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container.last-one {
padding-right: 20px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container.last-one .spza-sub-filter-dropdown .valueBox .item span {
width: 130px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container.last-one .spza-sub-filter-dropdown ul .item {
width: 100%;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-container .richTextDropDown > .valueBox {
padding: 0 1px 0 0;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown-title {
font-size: 13px;
font-weight: 400;
font-family: Segoe UI;
color: #565656;
line-height: 16px;
padding-bottom: 4px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown .c-menu {
width: 100%;
overflow: hidden;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown .c-menu .item {
width: 165px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown .valueBox {
height: 32px;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-dropdown .valueBox .item {
vertical-align: middle;
}
.spza-header-root-container + div .spza-global-filter-container .spza-sub-filter-group-reset-button {
padding-top: 26px;
cursor: pointer;
}
.spza-header-root-container + div .spza-global-filter-container .spza-global-filter-group {
outline: 0;
}
.spza-header-root-container + div .spza-global-filter-container .spza-global-filter-group .amp-consulting-service-note {
font-weight: 400;
font-size: 12px;
font-style: italic;
padding-top: 10px;
}
@media (max-width: 539px) {
.spza-header-root-container + div .paneAndGalleryWrapper {
width: 100%;
}
}
.contextPane .richTextDropDown > .valueBox .item {
padding: 7px 0 3px 10px;
height: 32px;
}
.contextPane .richTextDropDown > .valueBox .item > .text-item {
overflow: visible;
}
.contextPane .value {
height: 32px;
}
.contextPane .requestbutton {
background-color: #0078d4;
color: white;
border-radius: 2px;
font-weight: 600;
padding: 5px 20px;
height: 32px;
border: none;
}
.contextPane .requestbutton:hover {
background-color: #106ebe;
}
.contextPane .requestbutton:focus {
outline: 1px solid #0078d4;
border: 1px solid white;
}
.contextPane .defaultButton {
background-color: white;
border: 1px solid black;
color: black;
margin-left: 8px;
}
.contextPane .defaultButton:hover {
background-color: #f3f2f1;
}
.contextPane .defaultButton:focus {
outline: 1px solid #faf9f8;
border: 1px solid black;
}
.spza-user-favourite-navigation-bar-button-container {
display: block;
width: 16px;
height: 16px;
position: relative;
background-image: url(/static/assets/appsource-header-user-favourite-nav-bar.082321.0004.579dd964a9.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
outline: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
.spza-user-favourite-navigation-bar-button-container label {
width: 22px;
height: 22px;
position: absolute;
left: 9px;
top: -9px;
text-align: center;
text-shadow: 0px 0px 1px #f3f2f1;
line-height: 22px;
color: #323130;
font-size: 12px;
cursor: pointer;
background-size: 100%;
background-repeat: no-repeat;
background-image: unset;
}
.spza-user-favourite-navigation-bar-button-container:hover {
background-image: url(/static/assets/appsource-header-user-favourite-filled-nav-bar.082321.0004.579dd964a9.svg);
}
@media (-ms-high-contrast: black-on-white) {
.spza-user-favourite-navigation-bar-button-container:hover {
background-image: url(/static/assets/appsource-header-user-favourite-filled-nav-bar.082321.0004.579dd964a9.svg);
}
}
.spza-user-favourite-navigation-bar-button-container:hover label {
border: none;
width: 26px;
height: 26px;
left: 7px;
top: -11px;
}
.spza_signInBlock button[id$=-spza_feedback_id] {
background-color: transparent;
border: none;
}
.spza_signInBlock .spza_feedback {
width: 32px;
float: left;
padding: 6px 0 12px 6px;
position: relative;
}
.spza_signInBlock .spza_feedback .smileFace {
-webkit-transition: background 0.1s ease-in;
transition: background 0.1s ease-in;
width: 16px;
height: 16px;
background-image: url(/static/assets/spza-header-user-feedback-black.082321.0004.579dd964a9.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
}
.spza_signInBlock .spza_feedback .smileFace:hover {
cursor: pointer;
background-image: url(/static/assets/spza-header-user-feedback-filled-black.082321.0004.579dd964a9.svg);
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_feedback .smileFace:hover {
background-image: url(/static/assets/spza-header-user-feedback-black.082321.0004.579dd964a9.svg);
}
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_feedback .smileFace {
background-image: url(/static/assets/spza-header-user-feedback-black.082321.0004.579dd964a9.svg);
}
}
.spza_signInBlock .spza_feedback.active .smileFace {
cursor: pointer;
background-image: url(/static/assets/spza-header-user-feedback-filled.082321.0004.579dd964a9.png);
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_feedback.active .smileFace {
background-image: url(/static/assets/spza-header-user-feedback-filled-blue.082321.0004.579dd964a9.png);
}
}
.spza_signInBlock .spza_privateOffers {
float: left;
padding: 8px 0 12px 6px;
position: relative;
}
.spza_signInBlock .spza_privateOffers .privateOffers {
-webkit-transition: background 0.1s ease-in;
transition: background 0.1s ease-in;
width: 16px;
height: 16px;
background-image: url(/static/assets/lock-private-offers.082321.0004.579dd964a9.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
}
.spza_signInBlock .spza_privateOffers .privateOffers:hover {
cursor: pointer;
background-image: url(/static/assets/lock-private-offers-active.082321.0004.579dd964a9.svg);
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_privateOffers .privateOffers:hover {
background-image: url(/static/assets/lock-private-offers.082321.0004.579dd964a9.svg);
}
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_privateOffers .privateOffers {
background-image: url(/static/assets/lock-private-offers.082321.0004.579dd964a9.svg);
}
}
.spza_signInBlock .spza_privateOffers.active .privateOffers {
cursor: pointer;
background-image: url(/static/assets/lock-private-offers-active.082321.0004.579dd964a9.svg);
}
@media (-ms-high-contrast: black-on-white) {
.spza_signInBlock .spza_privateOffers.active .privateOffers {
background-image: url(/static/assets/lock-private-offers-active.082321.0004.579dd964a9.svg);
}
}
.spza_signInBlock .signInButton {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 36px;
font-size: 15px;
margin: 8px 0;
padding: 0 10px;
background: transparent;
border: 1px solid black;
border-radius: 4px;
}
.spza_locale {
width: 32px;
float: left;
padding: 6px 0px;
margin-left: 25px;
position: relative;
}
.spza_locale .localeIcon {
-webkit-transition: background 0.1s ease-in;
transition: background 0.1s ease-in;
width: 24px;
height: 24px;
background-image: url(/static/assets/spza-header-user-local-filled-black.082321.0004.579dd964a9.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
}
.spza_locale .localeIcon:hover {
cursor: pointer;
background-image: url(/static/assets/spza-header-user-local-filled-black.082321.0004.579dd964a9.svg);
}
@media (-ms-high-contrast: black-on-white) {
.spza_locale .localeIcon:hover {
background-image: url(/static/assets/spza-header-user-local-filled-black.082321.0004.579dd964a9.svg);
}
}
@media (-ms-high-contrast: black-on-white) {
.spza_locale .localeIcon {
background-image: url(/static/assets/spza-header-user-local-filled-black.082321.0004.579dd964a9.svg);
}
}
.spza_locale.active .localeIcon {
cursor: pointer;
background-image: url(/static/assets/spza-header-user-local-filled-black.082321.0004.579dd964a9.svg);
}
@media (-ms-high-contrast: black-on-white) {
.spza_locale.active .localeIcon {
background-image: url(/static/assets/spza-header-user-local-filled-black.082321.0004.579dd964a9.svg);
}
}
.spza_signButton {
cursor: pointer;
background: transparent;
border: none;
}
.spza_signButton.spza_signedIn {
height: 42px;
max-width: 300px;
}
.spza_signButton button {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: none;
background-color: white;
}
.spza_signButton button:hover {
background-color: #f2f2f2;
}
.contextPane .spza-sub-filter-dropdown-title {
font-size: 14px;
margin-top: 10px;
margin-bottom: 5px;
font-weight: 600;
}
.contextPane .spza_regions {
max-width: unset;
width: 100%;
}
.contextPane .spza_regions .spza-sub-filter-dropdown {
width: 100%;
}
.userPanel .userTabInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.userPanel .userTabInfo .userTabName {
font-size: 16px;
font-weight: 600;
display: inline-block;
}
.userPanel .userTabInfo .requestButton {
background: none;
border: none;
color: #0078d4;
padding: 0px;
margin-top: 16px;
}
.userPanel .userTabInfo .userTabInfo {
font-size: 14px;
margin-top: 5px;
}
.userPanel .userTabInfo .userContainer {
margin-left: 23px;
overflow: hidden;
text-overflow: ellipsis;
}
.userPanel .userDetailsContainer {
margin-top: 24px;
border-top: 1px #e1dfdd solid;
}
.userPanel .userDetailsContainer .section {
margin-top: 24px;
margin-bottom: 8px;
}
.userPanel .userDetailsContainer .section .title {
font-weight: 600;
}
.userPanel .userDetailsContainer .section .link {
color: #0078d4;
}
.userPanel .userDetailsContainer .section .icon {
margin: 5px;
font-size: 14px;
cursor: pointer;
}
.userPanel .userDetailsContainer .section .icon:hover {
color: #005a9e;
}
.userPanel .userDetailsContainer .section .Accept {
color: #107c10;
}
.userActions .userTab {
padding-top: 4px;
border: 1px solid #e6e6e6;
width: 300px;
position: absolute;
top: 42px;
right: 0;
background-color: white;
cursor: default;
z-index: 1000;
outline: none;
}
.userActions .userTab > li {
outline: none;
}
.userActions .userTab .firstTab {
min-height: 96px;
}
.userActions .userTab .userTabPhoto {
margin: 16px;
width: 64px;
height: 64px;
float: left;
border-radius: 100%;
}
.userActions .userTab .userTabInfo {
margin-left: 8px;
padding: 4px;
float: left;
}
.userActions .userTab .userTabInfo .userTabName {
padding-top: 8px;
font-size: 16px;
display: inline-block;
}
.userActions .userTab .userTabInfo .userTabEmail {
margin-top: 8px;
font-size: 14px;
display: inline-block;
}
.userActions .userTab .userTabSignOut button,
.userActions .userTab .userReviews button {
display: table;
padding: 8px 0px;
width: 100%;
border: none;
background-color: white;
border-top: 1px solid #e6e6e6;
}
.userActions .userTab .userTabSignOut button:hover,
.userActions .userTab .userReviews button:hover {
background-color: #f2f2f2;
}
.userActions .overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
}
.spza-c-search.react-selectize.root-node {
min-width: 162px;
max-width: 500px;
width: 400px;
z-index: 1000;
}
.spza-c-search.react-selectize.root-node:not(.open) .dropdown-menu-wrapper, .spza-c-search.react-selectize.root-node:not(.spza-c-search-hasinput) .dropdown-menu-wrapper {
opacity: 0;
}
.spza-c-search.react-selectize.root-node.open .react-selectize-toggle-button-container button:before {
color: #fff;
font-weight: bolder;
}
.spza-c-search.react-selectize.root-node.open, .spza-c-search.react-selectize.root-node.spza-c-search-hasinput {
max-width: 500px;
}
.spza-c-search.react-selectize.root-node.disabled {
pointer-events: none;
}
.spza-c-search.react-selectize.root-node .react-selectize-control,
.spza-c-search.react-selectize.root-node button {
float: left;
height: 100%;
outline: 0;
}
.spza-c-search.react-selectize.root-node.spza-c-search-hasinput.open .react-selectize-control {
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
margin-bottom: 6px;
}
.spza-c-search.react-selectize.root-node .react-selectize-control {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 30px;
border-radius: 3px;
}
@media screen and (-ms-high-contrast: active) {
.spza-c-search.react-selectize.root-node .react-selectize-control {
border: 1px solid black;
}
}
.spza-c-search.react-selectize.root-node .react-selectize-control::-ms-clear {
display: none;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-placeholder {
color: #605e5c;
display: block;
line-height: 30px;
overflow: hidden;
padding-left: 41px;
text-overflow: ellipsis;
white-space: nowrap;
position: absolute;
max-width: calc(100% - 70px);
-webkit-user-select: none;
cursor: text;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container {
float: right;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container .customToggleButtons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container .customToggleButtons .deleteButton {
background-image: url(/static/assets/XCancelButton.082321.0004.579dd964a9.svg);
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
height: 20px;
width: 32px;
border: none;
outline: none;
content: none;
-webkit-transition: none;
transition: none;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container .customToggleButtons .deleteButton:before {
content: none;
-webkit-transition: none;
transition: none;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container .customToggleButtons .searchGoButton {
height: 32px;
width: 32px;
border: none;
outline: none;
cursor: pointer;
background-color: #0078d4;
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: center;
background-image: url(/static/assets/whiteRightArrow.082321.0004.579dd964a9.svg);
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container .customToggleButtons .searchGoButton:before {
content: none;
-webkit-transition: none;
transition: none;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container button:focus:not(.x-hidden-focus) {
outline: #006cc2 dashed 2px;
outline-offset: -5px;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container button:focus, .spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-toggle-button-container button:active {
background-color: transparent;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values {
float: left;
width: calc(100% - 70px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 30px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
vertical-align: middle;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input {
max-width: 500px;
min-width: 250px;
height: 30px;
padding: 0 10px 0 25px;
margin-left: 15px;
border: none;
background: none;
outline: none;
font-size: 1em;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input::-ms-clear {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .resizable-input::-ms-reveal {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.spza-c-search.react-selectize.root-node .react-selectize-control .react-selectize-search-field-and-selected-values .value-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza-c-search.simple-select.react-selectize.root-node .simple-value {
margin: 2px;
}
.spza-c-search.simple-select.react-selectize.root-node .simple-value span {
display: inline-block;
vertical-align: center;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper {
z-index: 999;
position: absolute;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.tethered {
min-width: 300px;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper:not(.tethered) {
width: 100%;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default {
border: none;
overflow: hidden;
position: relative;
max-height: 520px;
-webkit-box-shadow: 0px -4px 1px 0px white, 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px -4px 1px 0px white, 0px 0px 3px 2px rgba(0, 0, 0, 0.1);
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
font-size: 13px;
font-weight: 600;
background: white;
margin-top: 1px;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default:not(.spza-c-search-hasvalues) {
-webkit-box-shadow: none;
box-shadow: none;
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu.flipped.custom-enter {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu.flipped.custom-enter-active {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu.flipped.custom-leave {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu.flipped.custom-leave-active {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu:not(.flipped).custom-enter {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu:not(.flipped).custom-enter-active {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu:not(.flipped).custom-leave {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.spza-c-search.react-selectize.dropdown-menu-wrapper.default .dropdown-menu:not(.flipped).custom-leave-active {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups {
margin: 0px 8px;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups > div {
position: relative;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups > div:first-child .groupSeparator {
border: none;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups > div .options {
padding: 8px 0;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups .secondGroup {
border-top: 1px solid #edebe9;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups .searchResultGroup {
margin: 0 8px;
padding-top: 8px;
line-height: 20px;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups .searchResultGroup .searchResultTitle {
color: #323130;
}
.spza-c-search.react-selectize.dropdown-menu.default > .groups .searchResultGroup .searchResultHint {
font-weight: 500;
color: #605e5c;
line-height: 20px;
font-size: 14px;
}
.spza-c-search.react-selectize.dropdown-menu.default .no-results-found {
color: #aaa !important;
font-style: oblique;
padding: 8px 10px;
}
.spza-c-search.react-selectize.dropdown-menu.default .simple-group-title {
background-color: #fafafa;
padding: 8px 8px;
}
.spza-c-search.react-selectize.dropdown-menu.default .groupSeparator .headerText {
position: absolute;
font-size: 10px;
font-weight: 300;
top: 5px;
right: 10px;
color: #666;
z-index: 9;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper {
cursor: pointer;
margin: 6px 0px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper:hover {
background-color: #faf9f8;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper.highlight {
background: #faf9f8;
color: #333;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item {
padding: 8px 10px 8px 0;
line-height: 36px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item.App {
height: 52px;
padding-left: 56px;
line-height: 16px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item:hover {
background-color: #faf9f8;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > .Icon {
position: absolute;
left: 10px;
top: 10px;
width: 32px;
height: 32px;
background-size: 32px;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > div > header {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 16px;
margin-top: 4px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper > .Item > div > .Description {
font-size: 11px;
margin-top: 5px;
color: #605e5c;
font-weight: normal;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .searchWithinFilters {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0px 8px;
width: 100%;
background-color: #ffffff;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .searchWithinFilters .checkboxContainer {
cursor: pointer;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .searchWithinFilters .checkboxContainer .checkBoxButton {
height: 20px;
width: 20px;
border-radius: 3px;
border: 1px solid #d2d0ce;
background-color: #ffffff;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .searchWithinFilters .searchWithinFiltersText {
padding-left: 10px;
font-size: 14px;
font-weight: 500;
color: #323130;
margin-bottom: 3px;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .searchWithinFilters:hover .checkBoxButton,
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .checkboxContainer:hover .checkBoxButton {
background-image: url(/static/assets/VmarkSignGray.082321.0004.579dd964a9.svg);
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: center;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .searchWithinFilters:hover .checkboxContainer input:checked ~ .checkBoxButton,
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .checkboxContainer:hover input:checked ~ .checkBoxButton {
background-color: #106ebe;
}
.spza-c-search.react-selectize.dropdown-menu.default .option-wrapper .checkboxContainer input:checked ~ .checkBoxButton {
background-color: #0078d4;
background-image: url(/static/assets/VmarkSignWhite.082321.0004.579dd964a9.svg);
background-size: 12px 12px;
background-repeat: no-repeat;
background-position: center;
}
.narrowItem {
line-height: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.searchSuggestion {
margin-left: 2px;
}
.searchSuggestion .suggestionAppText {
font-size: 14px;
font-weight: 500;
color: #323130;
margin-bottom: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.searchSuggestion .suggestionAppText .boldSearchText {
font-weight: 700;
}
.appSource-spza-user-favourite-tile-detail-button {
display: inline-block;
width: 100%;
max-width: 374px;
min-width: 120px;
padding: 9px 12px 10px 41px;
border: solid 1px #005a9e;
color: #323130;
font-size: 14px;
letter-spacing: 0.975px;
line-height: 20px;
text-align: center;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background-size: 18px 18px;
background-repeat: no-repeat;
background-position: left;
background-position-y: 9px;
background-position-x: 16px;
background-color: white;
}
.appSource-spza-user-favourite-tile-detail-button.saved.user-action-none, .appSource-spza-user-favourite-tile-detail-button.saved.user-action-done, .appSource-spza-user-favourite-tile-detail-button.user-action-upsert {
padding-left: 38px;
background-position-x: 46px;
background-image: url(/static/assets/favouriteStarFilled.082321.0004.579dd964a9.svg);
}
.appSource-spza-user-favourite-tile-detail-button.saved.user-action-none:hover {
background-image: url(/static/assets/favouriteStarHollow.082321.0004.579dd964a9.svg);
}
.appSource-spza-user-favourite-tile-detail-button.not-saved.user-action-none, .appSource-spza-user-favourite-tile-detail-button.not-saved.user-action-done, .appSource-spza-user-favourite-tile-detail-button.user-action-delete {
background-image: url(/static/assets/favouriteStarHollow.082321.0004.579dd964a9.svg);
}
.appSource-spza-user-favourite-tile-detail-button.not-saved.user-action-none:hover {
background-image: url(/static/assets/favouriteStarFilled.082321.0004.579dd964a9.svg);
}
.appSource-spza-user-favourite-tile-detail-button.AMPappDetails {
border: none;
font-size: 14px;
margin-top: 5px;
width: auto;
text-transform: none;
letter-spacing: normal;
}
.appSource-spza-user-favourite-tile-detail-button.AMPappDetails.saved.user-action-none, .appSource-spza-user-favourite-tile-detail-button.AMPappDetails.saved.user-action-done, .appSource-spza-user-favourite-tile-detail-button.AMPappDetails.not-saved.user-action-upsert {
background-position-x: 9px;
padding-left: 0px;
}
@media only screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.mobileMedia {
display: none;
}
}
.ASdesktopAppDetails {
padding-bottom: 50px;
-ms-flex-item-align: center;
align-self: center;
height: 100%;
margin: auto;
width: 100%;
}
.ASdesktopAppDetails .spza_detailContainer {
height: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .stickyCardPricing {
-ms-flex-item-align: center;
align-self: center;
margin-right: 8px;
max-width: 220px;
}
@media (max-width: 1023px) {
.ASdesktopAppDetails .spza_detailContainer .stickyCardPricing {
display: none;
}
}
.ASdesktopAppDetails .spza_detailContainer .stickyCardButton {
margin-bottom: 8px;
}
.ASdesktopAppDetails .spza_detailContainer .stickyCardButton .c-button {
border-radius: 2px;
}
@media (max-width: 1023px) {
.ASdesktopAppDetails .spza_detailContainer .stickyCardTestDriveButton {
display: none;
}
}
.ASdesktopAppDetails .spza_detailContainer .stickyCardSubContainer .testDriveButton,
.ASdesktopAppDetails .spza_detailContainer .stickyCardSubContainer .pdpButton {
margin-left: 8px;
border-radius: 2px;
border: 1px solid #8a8886;
padding: 7px 20px;
margin-top: 4px;
background: #ffffff;
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.ASdesktopAppDetails .spza_detailContainer .stickyCardFavourite {
margin-left: 10px;
-ms-flex-item-align: center;
align-self: center;
}
@media (max-width: 1023px) {
.ASdesktopAppDetails .spza_detailContainer .stickyCardFavourite {
display: none;
}
}
.ASdesktopAppDetails .spza_detailContainer .pdpDetails {
max-width: 1920px;
margin: auto;
padding: 0px 64px 0px 64px;
width: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar {
height: 60px;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton,
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .appTabButton {
background-color: transparent;
margin: 0;
font-size: 14px;
line-height: 60px;
max-width: none;
min-width: 0;
min-width: initial;
display: inline;
border: none;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton {
padding: 0 10px 0 0;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .goBackButton:hover {
color: #006fc2;
cursor: pointer;
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb .appTabButton {
padding: 0 6px;
cursor: default;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb span {
line-height: 57px;
font-size: 11px;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb span:focus {
border: 1px dotted #006fc2;
outline: none;
}
.ASdesktopAppDetails .spza_detailContainer .navigationBar .breadcrumb span:before {
content: "";
width: 15px;
height: 15px;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer {
clear: both;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .separator {
border-bottom: 1px solid #d3d3d3;
position: relative;
top: -8px;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .regionLink,
.ASdesktopAppDetails .spza_detailContainer .tabContainer .moreCountriesLink {
color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .regionLink:hover,
.ASdesktopAppDetails .spza_detailContainer .tabContainer .moreCountriesLink:hover {
cursor: pointer;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .defaultTab {
float: left;
outline: none;
height: 44px;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .defaultTab:focus > label {
border-bottom: 2px solid #0078d4;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .defaultTab > label {
display: inline-block;
margin: 0 10px -2px 0;
padding: 12px 8px 12px 8px;
text-align: center;
color: #323130;
cursor: pointer;
font-size: 14px;
line-height: 20px;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .defaultTab > label:hover {
background-color: #f3f2f1;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .defaultTab [type=radio] {
display: none;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .tabSelected {
height: 44px;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .tabSelected > label {
color: #323130;
font-weight: 600;
border-bottom: 2px solid #0078d4;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer .tabSelected > label:hover {
background-color: #f3f2f1;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer > .tabContent {
display: block;
position: relative;
top: 10px;
clear: both;
padding-left: 5px;
}
.ASdesktopAppDetails .spza_detailContainer .tabContainer > .tabtileContent .spza_filteredTileContainer {
padding: 0 0 0 0;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .container .appSource-spza-user-favourite-tile-detail-button {
height: 32px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .productItem {
margin-right: 15px;
font-size: 14px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .CTAbutton {
margin-right: 8px;
border-radius: 2px;
font-size: 14px;
height: 32px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .CTAbutton[disabled] {
color: #a19f9d;
background-color: #f3f2f1;
cursor: default;
pointer-events: none;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .AMPappRatingcell {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .AMPappRatingcell .detailsRating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .AMPappRatingcell .detailsRating .ratingInfoSection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 20px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .AMPappRatingcell .detailsRating .ratingInfoSection .detailsRatingStar {
margin: 0px 4px 3px 0px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .AMPappRatingcell .detailsRating .ratingInfoSection .detailsRatingAvgNumOfStars {
margin-right: 4px;
font-size: 14px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .badgesBlock {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 12px;
}
@media (max-width: 1024px) {
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .badgesBlock {
position: static;
margin: 10px 0px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .badgesBlock .banner {
margin-top: 10px;
}
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .badgesBlock .banner {
margin-right: 5px;
height: 28px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .downloadSampleButton {
margin-top: 12px;
padding: 6px 12px 10px;
background: #ffffff;
border: 1px solid black;
font-weight: 600;
height: 32px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .instructionsButton {
margin-top: 10px;
cursor: pointer;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .testDriveButton,
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .pdpButton {
margin-top: 12px;
padding: 5px 12px 10px;
background: #ffffff;
border: 1px solid black;
font-weight: 600;
height: 32px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .testDriveContainer {
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .testDriveContainer .testDriveText {
margin: 0px 8px;
font-size: 13px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .testDriveContainer .c-hyperlink {
font-size: 13px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer + .container {
margin-top: unset;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer {
margin: 6px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer .linkedItemsHeader {
color: #1a1a1a;
font-weight: 400;
font-size: 14px;
margin-right: 10px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer .linkedItemsIcon {
display: inline-block;
width: 18px;
height: 18px;
margin: 5px 5px 0 0;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer .linkedItemsParent {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer .linkedItemsParent .linkedItemLink {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer .linkedItemsParent .linkedItemLink:hover {
cursor: pointer;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-color: #0078d4;
text-decoration-color: #0078d4;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer .linkedItemsParent .addInText {
font-size: 14px;
margin-right: 20px;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 15px;
color: #0078d4;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .titleBlock .linkedItemsContainer .linkedItemsParent .webAppText {
font-size: 14px;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 15px;
color: #0078d4;
margin-right: 15px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .pdpTabs {
margin: 32px 32px 0px 32px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata {
width: 164px;
height: 100%;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
margin-right: 30px;
text-align: center;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .cell {
margin-bottom: 12px;
text-align: left;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .cell header,
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .cell h2 {
color: #1a1a1a;
font-weight: 600;
font-size: 12px;
margin-top: 8px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .cell header img,
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .cell h2 img {
height: 15px;
width: 15px;
padding-left: 2px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .cell span {
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .cell .tooltip {
display: inline;
position: relative;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .cell .tooltip:hover:after {
background: #333;
background: white;
border-radius: 3px;
border: 1px;
bottom: 26px;
color: black;
content: attr(alt);
top: 20%;
padding: 2px 2px 2px 2px;
position: absolute;
z-index: 98;
max-width: 1000;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .c-hyperlink {
text-align: left;
font-size: 12px;
display: block;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .iconHost {
width: 164px;
height: 164px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .iconHost .thumbnailSpacer {
height: 100%;
display: inline-block;
vertical-align: middle;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .iconHost .appLargeIcon {
max-width: 164px;
max-height: 164px;
display: inline-block;
vertical-align: middle;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .iconHost .appLargeIcon img {
width: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .requestButton {
width: 100%;
margin-top: 0 0 8px 0;
font-size: 13px;
letter-spacing: 0.975px;
line-height: 16.9px;
text-transform: uppercase;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .requestButton:focus {
outline: 2px solid black;
outline-offset: 2px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .testDriveButton,
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .pdpButton {
margin-bottom: 8px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails {
margin-top: 8px;
padding: 0 0 0 1px;
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell {
margin-bottom: 12px;
text-align: left;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell h2 {
color: #1a1a1a;
margin-bottom: 2px;
font-weight: 600;
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk {
background: #f2f2f2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk .miniIcon {
margin-right: 6px;
height: 30px;
width: 30px;
float: left;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .thunk .forApp {
line-height: 30px;
padding-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph {
width: 18px;
height: 18px;
margin-right: 2px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph:after {
color: #006fc2;
font-size: 18px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsRating .c-glyph:before {
font-size: 18px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .ratingsCount {
font-size: 16px;
line-height: 20px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories {
color: #006fc2;
cursor: pointer;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories.d365FilterGroupHeader {
display: none;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .detailsCategories:hover {
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell > span,
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell > a {
display: block;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog {
border: 1px solid #e6e6e6;
width: 500px;
left: 50px;
background: white;
cursor: default;
z-index: 1000;
overflow-y: hidden;
overflow-x: hidden;
max-height: 707px;
/* approximate max height */
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
position: relative;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .overlay {
position: fixed;
background: white;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #000;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .regionsHeader {
margin-left: 15px;
font-size: 15px;
font-weight: 200;
margin-bottom: 15px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .cancel {
border: none;
background: white;
float: right;
padding: 0 6px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionDialog .modalContent .cancel span:after {
content: "";
width: 10px;
height: 10px;
line-height: 12px;
margin-right: 10px;
margin-top: 5px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .dialogClosed {
max-height: 0;
border: none;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionLink {
color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .cell .regionLink:hover {
cursor: pointer;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .metaDetails .productsSupported span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .serviceDetailsPricing {
font-size: 24px;
font-weight: 600;
line-height: 26px;
color: black;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .serviceDetailsPricingDecorator {
font-size: 12px;
color: grey;
font-weight: 400;
margin-top: 2px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .metadata .serviceDetailsPricingSection .metaTagForPrice {
display: none;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
position: relative;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader {
width: 100%;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .badgesBlock .freeSVG {
margin-top: 10px;
float: left;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .badgesBlock .banner {
float: left;
margin-top: 10px;
margin-right: 5px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader {
padding: 0;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader {
font-size: 34px;
font-weight: 100;
line-height: 40px;
padding-bottom: 2px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleHeader.ampTitleHeader {
float: left;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader {
font-size: 20px;
font-weight: 200;
line-height: 26px;
opacity: 0.8;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .titleSubHeader.ampSubHeader {
clear: both;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell {
margin-top: 15px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .sr-only {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating {
display: inline-block;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph {
width: 12px;
height: 12px;
margin-right: 2px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph:after {
color: #006fc2;
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .detailsRating .c-glyph:before {
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .ratingsCount {
display: inline-block;
font-size: 12px;
line-height: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .AMPappRatingcell .ratingsCount .writeReivewText {
color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer {
margin-top: 20px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsHeader {
color: #1a1a1a;
font-weight: 600;
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsIcon {
display: inline-block;
width: 32px;
height: 32px;
margin: 10px 5px 0 0;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent {
display: inline-block;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .linkedItemLink {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .linkedItemLink:hover {
cursor: pointer;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
-webkit-text-decoration-color: #0078d4;
text-decoration-color: #0078d4;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .addInText {
margin-right: 20px;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 10px;
color: #0078d4;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .linkedItemsContainer .linkedItemsParent .webAppText {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 10px;
color: #0078d4;
margin-right: 5px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer {
font-size: 13px;
margin-top: 10px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer .alreadyPurchasedLabel {
display: inline-block;
color: #1a1a1a;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .appDetailHeader .alreadyPurchasedContainer .alreadyPurchasedButton {
color: #006fc2;
border: none;
background: transparent;
padding: 0;
margin: 0 0 0 4px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview {
min-height: 200px;
padding-bottom: 20px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .description a {
text-decoration: none;
color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .description a:visited,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .description a:hover {
color: #006fc2;
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .detailsContentWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent {
margin-right: 48px;
padding-bottom: 15px;
-webkit-box-flex: 1;
flex: 1 1;
-ms-flex: 1;
max-width: 750px;
}
@media (max-width: 1200px) {
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent {
-ms-flex: none;
}
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent.noMedia {
max-width: 800px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 85px;
background-color: #2b6dbd;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .banner {
height: 85px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer {
width: calc(100% - 89px);
padding-left: 15px;
padding-right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail {
margin: auto 0;
width: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > a {
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > .banner,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerHeading {
display: inline-block;
width: 100%;
color: #fff;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail > .banner {
font-size: 16px;
line-height: 16px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerHeading {
font-size: 16px;
font-weight: bold;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText {
margin-top: 10px;
font-size: 12px;
line-height: 15px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_SolutionMapBanner .bannerContainer .bannerDetail .bannerText:hover > a {
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-image: url(/static/assets/pdp_preferBadge.082321.0004.579dd964a9.svg);
background-size: cover;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .banner {
background-color: white;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer {
width: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail {
margin: 0;
width: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerHeading {
float: left;
position: relative;
width: auto;
line-height: 44px;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText {
float: right;
right: 15px;
position: relative;
max-width: 80px;
line-height: 45px;
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText a {
text-decoration: none;
color: white;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .service_banner .bannerContainer .bannerDetail .bannerText:hover > a {
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 85px;
background-color: #f3f3f3;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .banner {
height: 85px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer {
width: calc(100% - 89px);
padding-left: 15px;
padding-right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail {
margin: auto 0;
width: 100%;
display: grid;
overflow: hidden;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail > .award,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail .awardText {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail > .award {
font-size: 14px;
line-height: 19px;
text-align: left;
font-weight: 600;
margin-top: 5px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail .awardText {
margin-top: 13px;
font-size: 12px;
line-height: 16px;
color: #d83b01;
font-weight: 400;
font-family: "Segoe UI";
font-style: normal;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .detail_banner .awardsContainer .awardsDetail a {
float: right;
margin-top: 13px;
color: #505050;
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 85px;
background-color: #ffb900;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbibanner {
height: 85px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer {
width: calc(100% - 89px);
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail {
width: 100%;
display: inline-block;
overflow: hidden;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail .pbiText {
font-size: 14px;
color: #333333;
font-weight: 600;
font-family: "Segoe UI";
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail .pbiDetail {
margin-top: 5px;
font-size: 12px;
line-height: 14px;
color: #333333;
font-weight: 400;
font-family: "Segoe UI";
font-style: normal;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .pbidetail_banner .pbiContainer .pbiDetail a {
float: right;
color: #333333;
font-size: 12px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .shortDescription {
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link {
margin-top: 20px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link .linkTitle {
padding: 0;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .link .linkContent {
font-size: 13px;
display: block;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities .capabilitiesTitle {
margin: 0 !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities .disclaimer {
font-size: 12px;
margin-bottom: 7px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .capabilities li {
font-size: 13px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia {
width: 100%;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumnailsTitle {
font-weight: 600;
font-size: 16px;
line-height: 24px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails {
margin-left: -16px;
line-height: 0;
width: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent {
margin: 0 0 16px 16px;
cursor: pointer;
position: relative;
float: none;
display: inline-block;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img {
height: 180px;
border: 1px solid #e0e0e0;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img:hover, .ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .thumbnails .imgContent img:focus {
border-color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia {
cursor: pointer;
position: relative;
width: 100%;
min-height: 300px;
margin-bottom: 10px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia:focus {
outline: 1px dotted #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia .delayLoadImage.content img {
width: 100%;
border: 1px solid #f2f2f2;
-webkit-box-shadow: 1px 1px #e0e0e0;
box-shadow: 1px 1px #e0e0e0;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .selectedMedia .delayLoadImage.content img:hover {
border-color: #006fc2;
}
@media (max-width: 1200px) {
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia {
width: auto;
max-width: 700px;
}
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.75;
pointer-events: none;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailMedia .overlay img {
width: 100%;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description {
font-size: 14px;
line-height: 20px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > a,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > a {
color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > a:hover,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > a:hover {
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul {
padding-left: 40px !important;
list-style-type: disc;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul ul,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul ul {
list-style-type: circle;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description ul ul ul,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description ul ul ul {
list-style-type: square;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul {
margin: 13px 0 !important;
list-style-type: disc !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul li a,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul li a {
color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > ul li a:hover,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > ul li a:hover {
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > p,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p {
margin: 13px 0 !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > p > a,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p > a {
color: #006fc2 !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h1,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h2,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h3,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h4,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h5,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h6,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > header,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h1,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h2,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h3,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h4,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h5,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h6,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > header {
padding: 0 0 4px !important;
font-weight: 200 !important;
font-size: 18px !important;
line-height: 24px !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h1 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h2 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h3 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h4 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h5 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > h6 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .description > header b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h1 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h2 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h3 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h4 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h5 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > h6 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > header b {
font-weight: 200;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription {
font-size: 16px;
line-height: 20px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul {
margin: 13px 0 !important;
padding-left: 40px !important;
list-style-type: disc !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul li a,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul li a {
color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > ul li a:hover,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > ul li a:hover {
text-decoration: underline;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > p,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > p {
margin: 13px 0 !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > p > a,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > p > a {
color: #006fc2 !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h1,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h2,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h3,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h4,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h5,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h6,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > header,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h1,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h2,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h3,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h4,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h5,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h6,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > header {
padding: 0 0 4px !important;
font-weight: 200 !important;
font-size: 18px !important;
line-height: 24px !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h1 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h2 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h3 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h4 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h5 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > h6 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .overview .appDetailContent .summaryDescription > header b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h1 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h2 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h3 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h4 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h5 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > h6 b,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .summaryDescription > header b {
font-weight: 200;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .description > p {
margin-top: 0 !important;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .monthly .contactPublisherText,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .yearly .contactPublisherText {
width: 140px;
white-space: normal;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .monthly span,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .yearly span {
display: block;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .title span {
display: block;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .pricing.simplePlanPricing .pricingListItem .title .freeSVG {
margin-top: 10px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .microsoftManagedIndicator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 18px;
margin-top: 15px;
color: #605e5c;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .microsoftManagedIndicator .indicatorIcon {
font-size: 16px;
padding: 1px 0;
margin-right: 8px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .microsoftManagedIndicator .indicatorText {
font-size: 13px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .microsoftManagedIndicator .licensedIndicatorText,
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .microsoftManagedIndicator .licensedIconColor {
color: #107c10;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .notAvailableInRegionContainer {
margin-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .deatilPageContent .notAvailableInRegionContainer .notAvailableInRegionText {
font-size: 10px;
padding-left: 4px;
}
.ASdesktopAppDetails .spza_detailContainer .detailContent .header {
margin-left: 0;
}
.ASdesktopAppDetails .spza_detailContainer .embedBreadcrumbButton:hover {
cursor: pointer;
color: #006fc2;
}
.ASdesktopAppDetails .spza_detailContainer .embedBreadcrumbButton span:after {
content: "";
font-size: 12px;
margin-right: 6px;
}
.ASdesktopAppDetails .spza_detailContainer .delayLoadImage {
color: transparent;
}
.regionCallout {
padding: 20px;
}
.regionCallout .regionsHeader {
margin-left: 15px;
font-size: 20px;
font-weight: 200;
margin-bottom: 15px;
}
.regionCallout .regionColumns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 15px;
}
.regionCallout .regionColumns .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
float: left;
width: 23.5%;
background: #fff;
margin-left: 15px;
}
@media screen and (max-width: 679px) and (min-width: 540px) {
.regionCallout .regionColumns .column {
width: 49%;
}
}
@media screen and (max-width: 539px) {
.regionCallout .regionColumns .column {
width: 100%;
}
}
.regionCallout .regionColumns .column > li {
font-size: 12px;
list-style-type: none;
}
.icon-webapp-32 {
background-image: url(/static/assets/webapp.082321.0004.579dd964a9.svg);
background-position: 0px 0px;
width: 32px;
height: 32px;
background-size: 100% 100%;
}
.icon-info-14 {
background-image: url(/static/assets/info.082321.0004.579dd964a9.svg);
width: 14px;
height: 14px;
}
.ms-BrandIcon--excel.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/excel_48x1.svg);
}
.ms-BrandIcon--word.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/word_48x1.svg);
}
.ms-BrandIcon--powerpoint.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/powerpoint_48x1.svg);
}
.ms-BrandIcon--teams.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/teams_48x1.svg);
}
.ms-BrandIcon--outlook.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/outlook_48x1.svg);
}
.ms-BrandIcon--sharepoint.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/sharepoint_48x1.svg);
}
.ms-BrandIcon--onenote.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/onenote_48x1.svg);
}
.ms-BrandIcon--project.ms-BrandIcon-svg--icon48 {
background-image: url(https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/project_48x1.svg);
}
.spza_ASappReviewContainer {
width: 100%;
margin: auto;
}
.spza_ASappReviewContainer .reviewTabTop {
width: 100%;
background-color: #ffffff;
padding-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
border-bottom: 0.5px solid #edebe9;
margin-bottom: 24px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.spza_ASappReviewContainer .reviewTabTop .addReview {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 28px;
}
.spza_ASappReviewContainer .reviewTabTop .addReview .addReviewTitle {
font-size: 16px;
line-height: 22px;
font-weight: 600;
margin-bottom: 12px;
}
.spza_ASappReviewContainer .reviewTabTop .addReview .addReviewDescription {
font-size: 14px;
line-height: 20px;
white-space: pre-wrap;
margin: 12px 0;
}
.spza_ASappReviewContainer .reviewsLoadingSpinner {
float: left;
margin-top: 20px;
}
.spza_ASappReviewContainer .reviewsTopBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-bottom: 48px;
}
.spza_ASappReviewContainer .reviewsTopBar .reviewCounter {
font-size: 14px;
padding-top: 5px;
margin-right: 34px;
}
.spza_ASappReviewContainer .richTextDropDown > .valueBox .item > span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.spza_ASappReviewContainer .reviewPagination {
padding: 0px;
}
.spza_ASappReviewContainer .reviewItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 62px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.spza_ASappReviewContainer .reviewItem .leftBar {
width: 200px;
margin: 0px 10px 10px 0px;
}
.spza_ASappReviewContainer .reviewItem .leftBar .reviewRating {
float: left;
width: 100%;
height: 34px;
}
.spza_ASappReviewContainer .reviewItem .leftBar .reviewRating .c-glyph {
float: none;
display: inline-block;
width: 18px;
height: 20px;
margin-right: 2px;
}
.spza_ASappReviewContainer .reviewItem .leftBar .reviewRating .c-glyph:after {
font-size: 18px;
}
.spza_ASappReviewContainer .reviewItem .leftBar .reviewRating .c-glyph:before {
font-size: 18px;
}
.spza_ASappReviewContainer .reviewItem .leftBar .reviewRating .c-rating.f-community-rated .c-glyph:before {
content: url(/static/assets/HollowRatingStar18px.082321.0004.579dd964a9.svg);
}
.spza_ASappReviewContainer .reviewItem .leftBar .c-paragraph-3 {
padding-top: 6px;
padding-left: 1px;
max-width: 192px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.spza_ASappReviewContainer .reviewItem .leftBar .localeDate {
font-size: 12px;
line-height: 16px;
color: #605e5c;
padding-bottom: 4px;
display: inline-block;
}
.spza_ASappReviewContainer .reviewItem .rightContent {
max-width: 950px;
}
.spza_ASappReviewContainer .reviewItem .rightContent .rightBar .contentHeader {
font-size: 16px;
font-weight: 600;
line-height: 22px;
padding: 0px 0 12px;
text-overflow: ellipsis;
overflow: hidden;
}
.spza_ASappReviewContainer .reviewItem .rightContent .rightBar .reviewContent p {
word-wrap: break-word;
font-size: 14px;
line-height: 20px;
}
.spza_ASappReviewContainer .reviewItem .rightContent .appReviewButtons {
padding-top: 12px;
}
.spza_ASappReviewContainer .reviewItem .rightContent .appReviewButtons .c-button {
background-size: 16px 16px;
background-repeat: no-repeat;
background-position: left;
background-color: #ffffff;
background-image: url(/static/assets/reportReviewFlag.082321.0004.579dd964a9.svg);
color: #323130;
text-align: left;
padding: 0px 0px 0px 24px;
min-width: inherit;
line-height: 20px;
font-size: 14px;
margin: 4px 0px;
}
.spza_ASappReviewContainer .reviewItem .rightContent .appReviewButtons .c-button:hover {
border: none;
color: #0078d4;
}
.spza_ASappReviewContainer .reviewCounter-bottom {
font-size: 14px;
line-height: 20px;
padding-top: 15px;
}
.spza_ASappReviewContainer .pagination,
.spza_ASappReviewContainer .m-pagination,
.spza_ASappReviewContainer .c-pagination {
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: left;
padding: 0;
margin-bottom: 100px;
padding-top: 13px;
margin-top: 13px;
font-size: 14px;
line-height: 20px;
border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_ASappReviewContainer .pagination,
.spza_ASappReviewContainer .m-pagination,
.spza_ASappReviewContainer .c-pagination {
overflow: hidden;
}
}
.appSourceScrollToTop {
position: fixed;
bottom: 32px;
right: 32px;
height: 36px;
width: 36px;
z-index: 99;
border: none;
outline: none;
background: #0078d4;
border-radius: 2px;
cursor: pointer;
padding: 15px;
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url(/static/assets/arrowUp.082321.0004.579dd964a9.svg);
}
.checkout-container-root {
max-width: 1920px;
padding: 0px 20px 50px 30px;
-ms-flex-item-align: center;
align-self: center;
min-height: calc(100vh - 442px);
margin: auto;
width: 100%;
}
.checkout-container-root .navigationBar {
height: 60px;
}
.checkout-container-root .checkout-content {
margin-top: 30px;
padding-bottom: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: none;
}
.wrapper {
height: auto;
}
.checkout-content-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1400px) {
.checkout-content-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.checkout-content-container .checkout-left-content {
width: 70%;
min-width: 773px;
margin-right: 40px;
}
.checkout-step-container {
padding-bottom: 30px;
margin-top: 30px;
}
.checkout-step-container .change-action {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.step-border {
border-bottom: 1px solid lightgrey;
}
.checkout-step-heading {
display: inline-block;
}
.pidl-container {
margin-top: 20px;
}
.ms-Callout.ms-Dropdown-callout {
-webkit-animation: none !important;
animation: none !important;
}
.plan-title {
display: inline-block;
font-size: 16px;
vertical-align: top;
padding-right: 20px;
max-width: unset;
}
.change-plan-button {
display: inline-block;
margin-left: 20px;
}
.select-plan-div {
margin-top: 12px;
}
.plan-description {
font-size: 14px;
font-weight: 400;
}
.billing-terms {
margin-top: 12px;
}
.edit-step-link {
float: right;
}
.address-block {
margin-top: 20px;
}
.bold {
font-weight: 600 !important;
}
.group-spacing {
margin-top: 10px;
}
.img-icon {
-webkit-box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
max-height: 40px;
max-width: 50px;
display: inline-block;
margin-right: 10px;
padding-right: unset;
vertical-align: unset;
}
.checkout-order-summary-container {
width: 50%;
min-width: 200px;
padding: 12px;
background-color: #faf9f8;
margin-top: 30px;
position: sticky;
position: -webkit-sticky;
top: 70px;
}
.checkout-order-summary-container .before-total {
border-bottom: 1px solid lightgrey;
padding-bottom: 20px;
margin-top: 10px;
}
.checkout-order-summary-container .free-trial-box {
background-color: #faf9f8;
margin-top: 10px;
padding: 10px;
}
.checkout-order-summary-container .free-trial-payment {
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: justify;
align-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
place-content: space-between;
}
.checkout-order-summary-container .free-trial-banner {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.checkout-order-summary-container .place-order-btn {
width: 100%;
margin-top: 20px;
}
.checkout-order-summary-container .price {
float: right;
padding-left: 10px;
}
.checkout-order-summary-container .price-text {
display: inline-block;
word-wrap: break-word;
}
.checkout-order-summary-container .tax-text {
margin-top: 30px;
}
.checkout-order-summary-container .total-text {
display: inline-block;
word-wrap: break-word;
}
.checkout-order-summary-container .agreement {
margin-top: 20px;
}
.checkout-order-summary-container .price-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.free-trial-text {
padding-right: 5px;
vertical-align: middle;
}
.banner {
height: 22px;
}
.edit-link {
float: right;
padding-top: 40px;
}
.section-title {
display: inline-block;
vertical-align: middle;
}
.title-header {
font-size: 28px;
font-weight: 600;
line-height: 40px;
display: inline-block;
vertical-align: bottom;
padding-bottom: 0;
}
.title-sub-header {
font-size: 20px;
font-weight: 200;
line-height: 26px;
opacity: 0.8;
}
.change-button {
float: right;
}
.plan-desc {
max-width: 50%;
display: inline-block;
}
.billing-term {
padding-right: 20px;
display: inline-block;
}
.billing-term .free-trial-padding {
padding-top: 5px;
}
.error-text {
color: red;
}
.savings-text {
visibility: hidden;
}
.credit-card {
margin-right: 10px;
}
#seat-count-checkout .ms-TextField-fieldGroup {
width: 160px;
}
.billing-term {
position: relative;
}
.billing-term .billing-term-button {
min-width: 160px;
padding: 0;
}
.billing-term .billing-term-button .billing-term-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
.billing-term .selected-term {
border-width: 2px;
border-color: #0078d4;
}
.billing-term .selected-icon {
position: absolute;
top: 0;
right: 20px;
font-size: 20px;
color: #0078d4;
}
.cc-logo {
width: 40px;
}
.help-panel-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.help-panel-content .help-info {
line-height: 20px;
}
.help-panel-content .contact-us-botton {
width: 108px;
height: 32px;
background: #0078d4;
border-radius: 2px;
margin-top: 16px;
padding: 0px 5px;
}
.help-panel-content .title-links {
font-size: 16px;
font-weight: 600;
margin-top: 24px;
}
.help-panel-content .help-link {
margin-top: 16px;
font-size: 14px;
}
.ASfeedbackDialog .space {
margin: 16px 0px;
}
.ASfeedbackDialog .boldText {
font-size: 14px;
font-weight: 600;
}
.ASfeedbackDialog .overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999;
}
.ASfeedbackDialog .feedbackDialogContent {
z-index: 1000;
position: relative;
margin-top: 30px;
}
.ASfeedbackDialog .feedbackDialogContent .faces {
margin-top: 15px;
}
.ASfeedbackDialog .feedbackDialogContent .faces .happyFace,
.ASfeedbackDialog .feedbackDialogContent .faces .sadFace {
background-color: transparent;
border: none;
padding: 0;
padding: 12px;
}
.ASfeedbackDialog .feedbackDialogContent .faces .happyChosen,
.ASfeedbackDialog .feedbackDialogContent .faces .unhappyChosen {
background-color: #edebe9;
}
.ASfeedbackDialog .feedbackDialogContent .faces .happyNotChosen,
.ASfeedbackDialog .feedbackDialogContent .faces .unhappyNotChosen {
background-color: unset;
}
.ASfeedbackDialog .feedbackDialogContent .faces .happyNotChosen:hover,
.ASfeedbackDialog .feedbackDialogContent .faces .unhappyNotChosen:hover {
background-color: #f3f2f1;
}
.ASfeedbackDialog .feedbackDialogContent .faces .happyFace .happyImg {
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
background-image: url(/static/assets/happyFace.082321.0004.579dd964a9.svg);
}
.ASfeedbackDialog .feedbackDialogContent .faces .sadFace .sadImg {
width: 33px;
height: 33px;
background-image: url(/static/assets/sadFace.082321.0004.579dd964a9.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%;
background-color: transparent;
border: none;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackTextArea {
margin-bottom: 20px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackTextArea textarea {
height: 60px;
resize: none;
width: 90%;
margin: 10px 0 0 10px;
font-size: 12px;
line-height: 12px;
padding: 2px 0 0 2px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy {
border-top: 1px #edebe9 solid;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy .feedbackPrivacyContent {
font-size: 14px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy .c-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy .feedbackPrivacyCheckbox {
display: inline-block;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy a {
margin-left: 2px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy label span {
line-height: 16px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy label span:before {
top: 2px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy label span:after {
padding-top: 1px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackPrivacy + input.c-text-field[type=text] {
font-size: 12px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackEmailInput {
margin: 5px 0 0 20px;
width: 90%;
height: 20px;
padding: 0 0 3px 3px;
}
.ASfeedbackDialog .feedbackDialogContent .invalidEmailInput {
border-color: red;
color: red;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackButton .invalidEmailText {
margin-top: 15px;
font-size: 11px;
color: red;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackButton .requestbutton {
float: right;
margin: 20px 15px 20px 0;
border-radius: 2px;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackButton .requestbutton:hover {
background-color: #106ebe;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackButton .requestbutton:focus {
outline: 1px solid #0078d4;
border: 1px solid white;
}
.ASfeedbackDialog .feedbackDialogContent .feedbackButton .requestbutton:disabled {
color: white;
background-color: #e3e3e3;
}
.dialogClosed {
max-height: 0;
border: none;
}
.tabContainer {
clear: both;
}
.tabContainer .separator {
border-bottom: 1px solid #d2d0ce;
position: relative;
top: -8px;
}
.tabContainer .defaultTab {
float: left;
outline: none;
height: 44px;
}
.tabContainer .defaultTab:focus > label {
border-bottom: 2px solid #0078d4;
}
.tabContainer .defaultTab > label {
display: inline-block;
margin: 0 10px -2px 0;
padding: 12px 8px 12px 8px;
text-align: center;
color: #323130;
cursor: pointer;
font-size: 14px;
line-height: 20px;
}
.tabContainer .defaultTab > label:hover {
background-color: #f3f2f1;
}
.tabContainer .defaultTab [type=radio] {
display: none;
}
.tabContainer .tabSelected {
height: 44px;
}
.tabContainer .tabSelected > label {
color: #323130;
font-weight: 600;
border-bottom: 2px solid #0078d4;
}
.tabContainer .tabSelected > label:hover {
background-color: #f3f2f1;
}
.tabContainer > .tabContent {
display: block;
position: relative;
top: 10px;
clear: both;
padding-left: 5px;
}
.tabContainer > .tabtileContent .spza_filteredTileContainer {
padding: 0 0 0 0;
}
.tabContainer.gray .defaultTab:focus > label {
border-bottom: 2px solid #0078d4;
}
.tabContainer.gray .defaultTab > label:hover {
background-color: #edebe9;
}
.tabContainer.gray .tabSelected > label:hover {
background-color: #edebe9;
}
.homeFiltersPanel {
margin: auto;
padding: 0px 20px 0px 20px;
max-width: 1366px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.homeFiltersPanel .tabContainer {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #000000;
border-radius: 6px;
background: #ffffff;
border: 1px solid #edebe9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, 0.132), 0 0.6px 1.8px 0 rgba(0, 0, 0, 0.108);
margin: 10px 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem .activeIndecator {
width: 5px;
height: 100%;
background-color: #0078d4;
border-radius: 6px 0 0 6px;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem a {
height: 55px;
width: 180px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem a > * {
-ms-flex-item-align: center;
align-self: center;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem a .filterText {
font-size: 14px;
line-height: 20px;
color: #605e5c;
margin: 0px 8px 0px 10px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
display: -webkit-box;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem a .noFocus:focus {
outline: none;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem a .productIcon {
margin: 10px 0px 10px 10px;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem a:hover, .homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem a:focus {
background-color: #eff6fc;
border-radius: 6px;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem.active {
background-color: #eff6fc;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem.active a {
width: 175px;
}
.homeFiltersPanel .tabContainer .filterPanelItemContainer .filterItem.active a .productIcon {
margin: 10px 0px 10px 5px;
}
@media (max-width: 1023px) {
.homeFiltersPanel .tabContainer .filterPanelItemContainer {
display: none;
}
}
.homeFiltersPanel .tabContainer .filtersDropDownForSmallScreen {
margin-top: 18px;
}
@media (min-width: 1024px) {
.homeFiltersPanel .tabContainer .filtersDropDownForSmallScreen {
display: none;
}
}
.homeFiltersPanel .tabContainer .tabContent {
width: 100%;
}
.saved.user-action-none,
.saved.user-action-done,
.user-action-upsert {
background-image: url(/static/assets/favouriteStarFilled.082321.0004.579dd964a9.svg);
}
.saved.user-action-none:hover {
background-image: url(/static/assets/favouriteStarHollow.082321.0004.579dd964a9.svg);
}
.not-saved.user-action-none,
.not-saved.user-action-done,
.user-action-delete {
background-image: url(/static/assets/favouriteStarHollow.082321.0004.579dd964a9.svg);
}
.not-saved.user-action-none:hover {
background-image: url(/static/assets/favouriteStarFilled.082321.0004.579dd964a9.svg);
}
.spza_galleryContainer {
width: 100%;
}
.spza_galleryContainer .secondary_link {
float: right;
color: #006fc2;
}
.spza_galleryContainer .secondary_link_left {
position: absolute;
top: 0;
right: 0;
}
.spza_galleryContainer .galleryHeaderContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.spza_galleryContainer .galleryHeaderContainer .galleryTitleContainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.spza_galleryContainer .spza_content {
width: 100%;
-ms-flex-item-align: center;
align-self: center;
margin: auto;
max-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 24px;
padding: 0 30px;
}
@media (max-width: 640px) {
.spza_galleryContainer .spza_content {
padding: 0px;
}
}
.spza_galleryContainer .spza_content .galleryTitle {
margin: 8px 0;
}
.spza_galleryContainer .spza_content .galleryTitleLink {
color: #0078d4;
}
.spza_galleryContainer .spza_content .galleryTitleLink:hover {
cursor: pointer;
text-decoration: underline;
color: #00188f;
}
.spza_galleryContainer .spza_content .ocpGalleryContainer {
width: 100%;
}
.spza_galleryContainer .spza_content .ocpGalleryContainer .spza_filterContainer {
max-width: 285px;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1024px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .curatedSubHeader {
font-size: 15px;
font-weight: 200;
padding-left: 20px;
padding-bottom: 10px;
}
@media (max-width: 1024px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery {
margin-top: 15px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane {
margin: 0px 0px 20px 20px;
position: relative;
min-height: 200px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane {
height: 150px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .promotionClickable,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .promotionUnClickable {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner {
background-color: #f6f6f6;
padding: 0 !important;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo {
float: right;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo img {
height: 200px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .c-logo img {
height: 150px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content {
overflow: hidden;
padding: 32px 32px 36px 36px;
height: 200px;
}
@media (max-width: 1362px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content {
padding: 18px 0 18px 36px;
}
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content {
padding: 10px 0 10px 15px;
height: 150px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1 {
font-size: 34px;
line-height: 40px;
font-weight: 500;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1 {
font-size: 24px;
line-height: 24px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Finance and Operations"] {
font-size: 33px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Finance and Operations"] {
font-size: 23px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Project Service Automation"] {
font-size: 31px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h1[title="Dynamics 365 for Project Service Automation"] {
font-size: 21px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h3 {
font-size: 14px;
padding: 10px 0 0;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerText h3 {
font-size: 11px;
line-height: 16px;
padding-top: 7px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks {
height: 54px;
padding-top: 10px;
position: absolute;
left: 36px;
bottom: 18px;
width: 100%;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks {
padding-top: 5px;
height: 44px;
left: 15px;
bottom: 10px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup {
float: left;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup {
height: 18px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a {
color: #006fc2;
border: none;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:active, .spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:focus,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:active,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:focus {
background: transparent;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a {
padding: 0;
height: 18px;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a span {
font-size: 12px;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:after,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:after {
font-size: 10px;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:after,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:after {
position: static;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a:focus:focus,
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a:focus:focus {
outline: black dotted 1px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup {
float: none;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_signup a {
margin-right: 35px;
z-index: 2;
position: relative;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install {
margin-left: 50px;
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install {
margin-left: 0;
}
}
@media (max-width: 1362px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span {
max-width: 164px;
text-overflow: ellipsis;
}
}
@media (max-width: 1130px) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane .banner .banner_content .bannerLinks .link_install a span {
max-width: none;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane_shorter {
margin: 20px 0 0 20px;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .appPromotionPane_shorter {
display: none;
}
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .ocpGalleryLoading {
padding-top: 40px;
width: 1000px;
}
.spza_galleryContainer .spza_content .paneAndGalleryWrapper .gallery .ocpGalleryHeader {
font-size: 24px;
font-weight: 200;
margin-left: 20px;
margin-top: 15px;
margin-bottom: 20px;
}
/* .c-pagination is deprecated as of v.1.7.0,
use .m-pagination
TODO: Remove .c-pagination in v.2.0 */
.pagination,
.m-pagination,
.c-pagination {
display: block;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0;
margin-bottom: 24px;
margin-top: 24px;
}
@media (max-width: 539px), screen and (max-device-width: 768px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 3) {
.pagination,
.m-pagination,
.c-pagination {
overflow: hidden;
}
}
.pagination li,
.m-pagination li,
.c-pagination li {
display: inline-block;
margin-right: 12px;
}
.pagination li > a,
.pagination li > span,
.m-pagination li > a,
.m-pagination li > span,
.c-pagination li > a,
.c-pagination li > span {
display: inline-block;
padding: 5px 11px;
outline: 1px solid transparent;
white-space: nowrap;
}
.pagination li > a:focus,
.pagination li > span:focus,
.m-pagination li > a:focus,
.m-pagination li > span:focus,
.c-pagination li > a:focus,
.c-pagination li > span:focus {
background-color: rgba(0, 0, 0, 0.1);
outline: 1px dashed #000;
}
.pagination li > a:hover,
.m-pagination li > a:hover,
.c-pagination li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
outline-color: rgba(0, 0, 0, 0.1);
}
.pagination li > a:active,
.m-pagination li > a:active,
.c-pagination li > a:active {
background-color: rgba(0, 0, 0, 0.3);
outline: 1px solid rgba(0, 0, 0, 0.3);
}
.pagination li.active > a,
.pagination li.active > span,
.pagination li.f-active > a,
.pagination li.f-active > span,
.m-pagination li.active > a,
.m-pagination li.active > span,
.m-pagination li.f-active > a,
.m-pagination li.f-active > span,
.c-pagination li.active > a,
.c-pagination li.active > span,
.c-pagination li.f-active > a,
.c-pagination li.f-active > span {
outline-color: #006fc2;
}
.pagination li.f-hide,
.m-pagination li.f-hide,
.c-pagination li.f-hide {
display: none;
}
.pagination li:first-child .c-glyph:before,
.m-pagination li:first-child .c-glyph:before,
.c-pagination li:first-child .c-glyph:before {
content: "";
vertical-align: -2px;
margin-right: 8px;
}
.pagination li:last-child,
.m-pagination li:last-child,
.c-pagination li:last-child {
margin-right: 0;
}
.pagination li:last-child .c-glyph:after,
.m-pagination li:last-child .c-glyph:after,
.c-pagination li:last-child .c-glyph:after {
content: "";
vertical-align: -2px;
margin-left: 8px;
}
@media only screen and (max-width: 539px) {
.pagination li:first-child a,
.pagination li:last-child a,
.m-pagination li:first-child a,
.m-pagination li:last-child a,
.c-pagination li:first-child a,
.c-pagination li:last-child a {
position: relative;
}
.pagination li:first-child .c-glyph:before,
.pagination li:first-child .c-glyph:after,
.pagination li:last-child .c-glyph:before,
.pagination li:last-child .c-glyph:after,
.m-pagination li:first-child .c-glyph:before,
.m-pagination li:first-child .c-glyph:after,
.m-pagination li:last-child .c-glyph:before,
.m-pagination li:last-child .c-glyph:after,
.c-pagination li:first-child .c-glyph:before,
.c-pagination li:first-child .c-glyph:after,
.c-pagination li:last-child .c-glyph:before,
.c-pagination li:last-child .c-glyph:after {
position: absolute;
top: 8px;
left: 9999px;
}
}
.spza_controls {
margin: 0 45px 7px 45px;
padding-bottom: 5px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
text-align: right;
font: 12px "Segoe UI";
color: #333333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.headerSection span:after {
content: "";
margin-left: 6px;
font-size: 12px;
}
.headerSection .links > a span {
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
font-size: 10px;
padding-left: 5px;
}
.headerSection .links > a span:after {
content: "";
}
.embedOcpHeader {
line-height: 48px;
width: 100%;
border-bottom: 1px solid #e3e3e3;
color: white;
background-color: #2375bb;
position: fixed;
left: 0;
padding: 0 0 5px 0;
z-index: 999;
}
.embedOcpHeader .separator {
width: 1px;
background: #e3e3e3;
margin: 8px 24px 8px 24px;
}
.embedOcpHeader .headerCloseBtn {
position: absolute;
top: 0;
right: 0;
font-size: 18px;
width: 48px;
height: 48px;
background: transparent;
border: none;
}
.embedOcpHeader .headerCloseBtn:hover {
cursor: pointer;
}
.embedOcpHeader .headerCloseBtn span:after {
content: "";
width: 36px;
height: 36px;
}
.embedOcpHeader .headerBar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
line-height: 48px;
margin-left: 24px;
}
.embedOcpHeader .headerBar .headerText {
padding: 0;
font-size: 18px;
line-height: 48px;
font-weight: normal;
}
@media (max-width: 540px) {
.embedOcpHeader .headerBar .headerText {
font-size: 14px;
}
.embedOcpHeader .headerBar .separator {
margin: 8px 10px;
}
}
.embedOcpSearchContainer {
padding: 8px 0 8px 0;
position: fixed;
z-index: 999;
left: 40%;
width: 300px;
}
.embedHeaderParent {
padding: 0 0 50px 0;
}
.embedOcpSearchBar {
width: 244px;
max-width: 500px;
min-width: 240px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
margin-left: auto;
margin-right: auto;
position: absolute;
}
.embedOcpFooter {
position: fixed;
width: 100%;
height: 40px;
bottom: 0;
left: 0;
background-color: #2375bb;
color: white;
text-align: left;
padding: 0px 24px;
z-index: 999;
}
.embedOcpPagination {
margin-bottom: 30px;
}
.partners-host-server-render-box {
width: 100%;
min-height: 600px;
}
.partners-host-client-render-box {
border-width: 0px;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdGljL2Nzcy9zZXJ2ZXIuMDgyMzIxLjAwMDQuNTc5ZGQ5NjRhOS5jc3MiLCJzb3VyY2VzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OyIsInNvdXJjZVJvb3QiOiIifQ==*/