/* ------------------------------ * -- Main Global Styling ------- * ------------------------------ */ .\_pendo-guide\_ { /* -- Overarching settings for all guides -- */ /**/ } .\_pendo-guide-container\_ { -moz-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2); } .\_pendo-guide-container\_ .\_pendo-guide-content\_ { /* -- Content area -- use for font attributes, padding, etc. */ } .\_pendo-guide-container\_ .\_pendo-guide-content\_ a { color: #1879b9; cursor: pointer; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ a:hover { color: #055B94; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-header { font-size: 28px; font-weight: 200; color: #1879b9; text-align: center; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-subheader { font-weight: 400; font-size: 16px; color: #666; text-align: center; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-button{ text-decoration: none !important; color: #FFFFFF; padding: 8px 25px; background-color: #0090dd; border-radius: 2px; cursor: pointer; border-style: initial; border: 1px solid #0090dd; font-size: 14px; font-family: "citrixsans-semibold", "CitrixSans", "Helvetica", Arial, sans-serif;; margin-left: 6px; width: initial; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-button:hover{ background-color: #0075c4; border-color: #0075c4; text-decoration: none; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-button:disabled{ opacity: 0.4; cursor: auto; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-button:hover{ background-color: #055B94; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-button:disabled:hover{ background-color: #1879B9; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-button:focus{ outline: none; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-button.secondary{ color: #0090dd; background-color: #fff; margin-left: 0; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-button.secondary:hover{ color: #0075c4; } .\_pendo-guide-container\_ .\_pendo-guide-content\_ .pendo-center { text-align: center; } /* ------------------------------ * -- Lightbox Specific Styling - * ------------------------------ */ .\_pendo-guide-lb\_ { /* -- Overarching settings for Lightbox -- */ } .\_pendo-guide-lb\_ .\_pendo-guide-container\_ { /* -- Guide border, shadow, background, etc. -- */ } .\_pendo-guide-lb\_ .\_pendo-guide-container\_ .\_pendo-guide-content\_ { /* -- Content area -- use for font attributes, padding, etc. */ } .\_pendo-backdrop\_ { background-color: #E8EAEA; opacity: .6; } /* ------------------------------ * -- Tooltip Specific Styling -- * ------------------------------ */ .\_pendo-guide-tt\_ { /* Overarching settings for tooltip */ } .\_pendo-guide-tt-region-block\_{ background-color: #ffffff; opacity: .6; } .\_pendo-guide-tt\_ .\_pendo-guide-container\_ { /* -- Guide border, shadow, background, etc. -- */ } .\_pendo-guide-tt\_ .\_pendo-guide-container\_ .\_pendo-guide-content\_ { /* -- Content area -- use for font attributes, padding, etc. */ } /* -- Pointer on the edge of the tooltip -- *//* .\_pendo-guide-arrow\_ { } .\_pendo-guide-arrow-top\_ { border-top-color: #78be20; border-bottom-color: #78be20; } .\_pendo-guide-arrow-left\_ { border-left-color: #78be20; border-right-color: #78be20; } .\_pendo-guide-arrow-right\_ { border-right-color: #78be20; border-left-color: #78be20; } .\_pendo-guide-arrow-bottom\_ { border-bottom-color: #78be20; border-top-color: #78be20; } .\_pendo-guide-arrow-border-top\_ { border-top-color: #78be20; } .\_pendo-guide-arrow-border-left\_ { border-left-color: #78be20; } .\_pendo-guide-arrow-border-right\_ { border-right-color: #78be20; } .\_pendo-guide-arrow-border-bottom\_ { border-bottom-color: #78be20; } */ /* ------------------------------ * -- Mobile Lightbox Styling --- * ------------------------------ */ .\_pendo-guide-mobile-lb\_ { /* Overarching settings for Mobile Lightbox */ } .\_pendo-guide-mobile-lb\_ .\_pendo-guide-container\_ { /* -- Guide border, shadow, background, etc. -- */ } .\_pendo-guide-mobile-lb\_ .\_pendo-guide-container\_ .\_pendo-guide-content\_ { /* -- Content area -- use for font attributes, padding, etc. */ } /* ------------------------------ * -- Mobile Tooltip Styling --- * ------------------------------ */ .\_pendo-guide-mobile-tt\_ { /* Overarching settings for mobile tooltip */ } .\_pendo-guide-mobile-tt\_ .\_pendo-guide-container\_ { /* -- Guide border, shadow, background, etc. -- */ } .\_pendo-guide-mobile-tt\_ .\_pendo-guide-container\_ .\_pendo-guide-content\_ { /* -- Content area -- use for font attributes, padding, etc. */ } /* ------------------------------ * -- Launcher Styling ---------- * ------------------------------ */ .\_pendo-launcher-badge\_ { background: #1879B9; border-radius: 50%; padding: 8px; opacity: 1; -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,0.4); box-shadow: 0 0 4px 1px rgba(0,0,0,0.4); height: 34px; width: 34px; } .\_pendo-launcher-badge\_:hover { opacity: 0.6; } .\_pendo-launcher\_ { /* https://trello.com/c/RrRWPweH/64-open-launcher-zindex-above-modal */ z-index: 9; } .\_pendo-launcher\_ .\_pendo-guide-container\_ { /* -- Launcher border, shadow, background, etc. -- */ /* -- (uses tooltip styles by default) -- */ } .\_pendo-launcher\_ .\_pendo-launcher-content\_ { /* -- Content area -- use for font attributes, padding, etc. */ } .\_pendo-launcher\_ .\_pendo-launcher-header\_ { /* -- Launcher header area -- */ } .\_pendo-launcher\_ .\_pendo-launcher-header\_ img { /* -- Launcher header area image styles -- */ } .\_pendo-launcher\_ .\_pendo-launcher-header\_ .\_pendo-launcher-title\_ { /* -- Launcher header area text styles -- */ font-family: "CitrixSans",Arial,Helvetica,Sans-Serif; color: #666666; font-weight: 100%; font-size: 24px; } .\_pendo-launcher\_ .\_pendo-launcher-header\_ .\_pendo-launcher-search-box\_ { /* -- Launcher search area (if enabled) -- */ } .\_pendo-launcher\_ .\_pendo-launcher-header\_ .\_pendo-launcher-search-box\_ input[type='text'] { /* -- Launcher search area text box -- */ } .\_pendo-launcher\_ .\_pendo-launcher-guide-listing\_ { /* -- Launcher guide listing area -- */ } .\_pendo-launcher\_ .\_pendo-launcher-guide-listing\_ .\_pendo-launcher-item\_ { /* -- An individual item in the launcher guide listing -- */ } .\_pendo-launcher\_ .\_pendo-launcher-footer\_ { /* -- Launcher footer area -- */ font-family: CitrixSans,Arial,Helvetica,Sans-Serif; } .\_pendo-launcher-badge\_ { /* per https://trello.com/c/wadsTfs0/57-launcher-zindex-over-sharing-modal */ z-index: 9; } .\_pendo-badge-pulse\_ { animation-name: pulse\_animation; animation-duration: 5000ms; transform-origin:50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes pulse\_animation { 0% { transform: scale(1); } 30% { transform: scale(1); } 40% { transform: scale(1.4); opacity: 1; } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.4); opacity: 1; } 80% { transform: scale(1); } 100% { transform: scale(1); } } /* -- Styles for launcher badge orientations -- */ .\_pendo-launcher-badge-bottom-right\_ { right: 25px; } .\_pendo-launcher-badge-bottom-left\_ { } .\_pendo-launcher-badge-top-right\_ { } .\_pendo-launcher-badge-top-left\_ { } /* -- Styles for launcher orientations -- */ .\_pendo-launcher-bottom-right\_ { } .\_pendo-launcher-bottom-left\_ { } .\_pendo-launcher-top-right\_ { } .\_pendo-launcher-top-left\_ { } /* ------------------------------ * -- Additional Global Styling - * ------------------------------ */ .\_pendo-close-guide\_ { /* -- The dismiss guide button displayed in the corner of every guide -- */ } .\_pendo-badge\_ { /* -- Styles for badges -- */ } /* ------------------------------ * -- Your Custom Classes/IDs --- * ------------------------------ */ .\_pendo-guide-container\_ h1 { line-height:140% !important; } /* ------------------------------- * ------ NPS/Poll Stylings ------ * ------------------------------ */ .\_pendo-guide-container\_ .\_pendo-poll\_ { /* -- Poll container -- */ padding: 0; } .\_pendo-guide-container\_ .\_pendo-poll-question\_ { /* -- Question and answer container (everything but the submit button) -- */ padding: 0; } .\_pendo-guide-container\_ .\_pendo-poll-question-prompt\_ { /* -- Question text -- */ color: #39404d; font-size: 16px; font-family: citrixsans; } .\_pendo-guide-container\_ .\_pendo-poll-question\_ label { /* -- Number Scale Poll positioning and styles for radio button text and inputs -- */ } .\_pendo-guide-container\_ .\_pendo-poll-question\_ select { /* -- Dropdown styling -- */ font-family: citrixsans; } .\_pendo-guide-container\_ .\_pendo-poll-question\_ .\_pendo-poll-npsrating-choices\_ { /* -- NPS Poll ratings container -- */ } .\_pendo-guide-container\_ .\_pendo-poll-question\_ .\_pendo-poll-npsrating-choices\_ label { /* -- NPS Poll individual rating - the number scale items -- */ color: #0090DD; font-weight: 600; border-color: #0090DD; } .\_pendo-guide-container\_ .\_pendo-poll-question\_ .\_pendo-poll-npsrating-choices\_ label:hover { background-color: #0090dd; border-color: #0090dd; } .\_pendo-guide-container\_ .\_pendo-poll\_ .\_pendo-poll-npsrating\_ .\_pendo-poll-npsrating-choices\_ .\_pendo-poll-selected\_{ background-color: #0090dd; border-color: #0090dd; } .\_pendo-guide-container\_ .\_pendo-poll-question\_ .\_pendo-poll-npsrating-choices\_ label span { /* -- NPS Poll individual rating - accompanying text for number scale items -- */ color: #39404d !important; font-weight: 400; font-size: 15px; } .\_pendo-guide-container\_ .\_pendo-poll-npsreason\_ { border-top-color: transparent; } .\_pendo-guide-container\_ .\_pendo-poll-npsreason\_ textarea { /* -- NPS Poll optional user-provided explanation container -- */ font-family: citrixsans; width: 550px; height: 50px; } .\_pendo-guide-container\_ .\_pendo-poll-npsreason\_ .\_pendo-poll-question-prompt\_ { /* -- NPS Poll optional user-provided explanation text -- */ font-family: citrixsans; } .\_pendo-guide-container\_ .\_pendo-poll-question\_ button { /* -- Yes/No Poll buttons styles -- */ } .\_pendo-guide-container\_ .\_pendo-poll-submit\_ {text-decoration: none; color: #FFFFFF; padding: 8px 25px; background-color: #0090dd; border-radius: 2px; cursor: pointer; border-style: initial; border: 1px solid #0090dd; font-size: 14px; font-family: citrixsans; margin-left: 6px; /* -- Submit button styles -- */ } .\_pendo-guide-container\_ .\_pendo-poll-submit\_:hover { background-color: #0075c4; border: 1px solid #0075c4; } .\_pendo-guide-container\_ .\_pendo-poll-message\_ { /* -- "Success message" styles -- */ }