/* == START CLEANSLATE == */ /*! * This includes a subset of CleanSlate. * * ***IMPORTANT*** The only modifications to this code should be adding, * removing or namespacing rules. * * CleanSlate * github.com/premasagar/cleanslate * * An extreme CSS reset stylesheet, for normalising the styling of a container element and its children. * * by Premasagar Rose * dharmafly.com * * license * opensource.org/licenses/mit-license.php * * v0.10.1 */ [data-bv-show="rating_summary"] a, [data-bv-show="rating_summary"] span, [data-bv-show="rating_summary"] div, [data-bv-show="rating_summary"] svg, [data-bv-show="rating_summary"] path, [data-bv-show="rating_summary"] polygon, [data-bv-show="rating_summary"] button { background-attachment: scroll !important; background-color: transparent !important; background-image: none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */ background-position: 0 0 !important; background-repeat: repeat !important; border-color: black !important; border-color: currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value . For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */ border-radius: 0 !important; border-style: none !important; border-width: medium !important; bottom: auto !important; clear: none !important; clip: auto !important; color: inherit !important; counter-increment: none !important; counter-reset: none !important; cursor: auto !important; direction: inherit !important; display: inline !important; float: none !important; font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */ font-size: inherit !important; font-style: inherit !important; font-variant: normal !important; font-weight: inherit !important; height: auto !important; left: auto !important; letter-spacing: normal !important; line-height: inherit !important; list-style-type: inherit !important; /* Could set list-style-type to none */ list-style-position: outside !important; list-style-image: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; opacity: 1; outline: invert none medium !important; overflow: visible !important; padding: 0 !important; position: static !important; quotes: "" "" !important; right: auto !important; table-layout: auto !important; text-align: inherit !important; text-decoration: inherit !important; text-indent: 0 !important; text-transform: none !important; top: auto !important; unicode-bidi: normal !important; vertical-align: baseline !important; visibility: inherit !important; white-space: normal !important; width: auto !important; word-spacing: normal !important; z-index: auto !important; /* CSS3 */ /* Including all prefixes according to http://caniuse.com/ */ /* CSS Animations don't cascade, so don't require resetting */ -webkit-background-origin: padding-box !important; background-origin: padding-box !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-background-size: auto !important; -moz-background-size: auto !important; background-size: auto !important; -webkit-border-image: none !important; -moz-border-image: none !important; -o-border-image: none !important; border-image: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important; -webkit-column-count: auto !important; -moz-column-count: auto !important; column-count: auto !important; -webkit-column-gap: normal !important; -moz-column-gap: normal !important; column-gap: normal !important; -webkit-column-rule: medium none black !important; -moz-column-rule: medium none black !important; column-rule: medium none black !important; -webkit-column-span: 1 !important; -moz-column-span: 1 !important; /* doesn't exist yet but probably will */ column-span: 1 !important; -webkit-column-width: auto !important; -moz-column-width: auto !important; column-width: auto !important; font-feature-settings: normal !important; overflow-x: visible !important; overflow-y: visible !important; -webkit-hyphens: manual !important; -moz-hyphens: manual !important; hyphens: manual !important; -webkit-perspective: none !important; -moz-perspective: none !important; -ms-perspective: none !important; -o-perspective: none !important; perspective: none !important; -webkit-perspective-origin: 50% 50% !important; -moz-perspective-origin: 50% 50% !important; -ms-perspective-origin: 50% 50% !important; -o-perspective-origin: 50% 50% !important; perspective-origin: 50% 50% !important; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; text-shadow: none !important; -webkit-transition: all 0s ease 0s !important; transition: all 0s ease 0s !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; -webkit-transform-origin: 50% 50% !important; -moz-transform-origin: 50% 50% !important; -ms-transform-origin: 50% 50% !important; -o-transform-origin: 50% 50% !important; transform-origin: 50% 50% !important; -webkit-transform-style: flat !important; -moz-transform-style: flat !important; -ms-transform-style: flat !important; -o-transform-style: flat !important; transform-style: flat !important; word-break: normal !important; } /* Necessary because cursor: auto breaks our hover styling */ [data-bv-show="rating_summary"] svg, [data-bv-show="rating_summary"] polygon { cursor: inherit !important; } [data-bv-show="rating_summary"] div { display: block !important; } [data-bv-show="rating_summary"] a { color: blue !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] a:visited { color: #529 !important; } [data-bv-show="rating_summary"] a, [data-bv-show="rating_summary"] a * { cursor: pointer !important; } [data-bv-show="rating_summary"] path, [data-bv-show="rating_summary"] polygon { fill: currentColor !important; } /* == ROOT CONTAINER ELEMENT == */ /* This contains default values for child elements to inherit */ [data-bv-show="rating_summary"] { font-size: medium !important; line-height: 1 !important; direction: ltr !important; text-align: left !important; /* for IE, Opera */ text-align: start !important; /* recommended W3C Spec */ color: black !important; font-style: normal !important; font-weight: normal !important; text-decoration: none !important; list-style-type: disc !important; } /* == END CLEANSLATE == */ [data-bv-show="rating_summary"] .bv_main_container { display: inline-flex !important; flex-wrap: wrap !important; background-color: transparent !important; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; border-bottom-width: 2px !important; border-left-style: solid !important; border-left-color: transparent !important; border-left-width: 2px !important; border-right-style: solid !important; border-right-color: transparent !important; border-right-width: 2px !important; border-top-style: solid !important; border-top-color: transparent !important; border-top-width: 1px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_flex { display: inline-flex !important; align-items: center !important; padding-right: 1em !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_row_normal { width: 100% !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_CTA_row { display: inline-flex !important; padding-top: 0.5em !important; width: 100% !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_main_container_line_break { margin-top: 0.5em !important; width: 100% !important; max-width: 18em !important; border-bottom: 1px solid #cecece !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_microdata_hidden { display: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container { padding-right: 1em !important; overflow: hidden !important; display: inline-block !important; text-overflow: ellipsis !important; white-space: nowrap !important; max-width: 300px !important; cursor: default !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } @media screen and (max-width: 450px) { [data-bv-show="rating_summary"] .bv_main_container .bv_zero_ratings_text_container { max-width: 90vw !important; margin: 10px 0 !important; } } [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container { display: flex !important; align-items: center !important; padding-right: 0.1em !important; color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_avgRating_component_container:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_component_container { display: flex !important; align-items: center !important; white-space: nowrap !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_delimeter { padding-right: 0.1em !important; color: #ccc !important; font-size: 14px !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text { white-space: nowrap !important; color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_numReviews_text:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_percentRecommend_component_container { padding-top: 0.5em !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_incentivized_component_container { padding-top: 0.5em !important; padding-bottom: 0.3em !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container { padding-top: 0.5em !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a, [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button { padding: 0 !important; color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:hover, [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container>a:visited, [data-bv-show="rating_summary"] .bv_main_container .bv_questionsAndAnswers_component_container button:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable>a:focus, [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable button:focus { border: 1px solid blue !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container { display: flex !important; align-items: center !important; overflow: hidden !important; white-space: nowrap !important; padding-right: 1em !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container span { display: inherit !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container svg:not(:last-child) { padding-right: 1px !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_stars_component_container:hover { cursor: pointer !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull { padding: 0.5em 1em 0.5em 1em !important; align-self: center !important; border: none !important; text-align: center !important; text-decoration: none !important; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0) !important; color: #ffffff !important; font-size: 14px !important; background-color: #e71836 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-style: normal !important; text-decoration: none !important; border-bottom-style: none !important; border-bottom-color: #e65c00 !important; border-bottom-width: 0px !important; border-left-style: none !important; border-left-color: #e65c00 !important; border-left-width: 0px !important; border-right-style: none !important; border-right-color: #e65c00 !important; border-right-width: 0px !important; border-top-style: none !important; border-top-color: #e65c00 !important; border-top-width: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonFull:hover { cursor: pointer !important; background-image: none !important; box-shadow: none !important; background-color: #be122b !important; color: #ffffff !important; font-family: Roboto, Arial, sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-style: normal !important; font-size: 14px !important; text-decoration: none !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist { color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_button_buttonMinimalist:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_ms_focusable:focus { border: 1px solid blue !important; } [data-bv-show="rating_summary"] .bv_main_container .bv_offscreen_text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px 1px 1px 1px) !important; padding: 0 !important; border: 0 !important; } div.bv_modal_component_container[data-bv-modal] { display: flex !important; flex-wrap: wrap !important; position: absolute !important; z-index: 1000 !important; background-color: #ffffff !important; } div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content:before { content: ""; display: inline-flex !important; position: absolute !important; left: 45% !important; top: -5px !important; width: 10px !important; height: 10px !important; border-right: 1px solid black !important; border-bottom: 1px solid black !important; transform: rotate(-134Deg) !important; background-color: #ffffff !important; } div.bv_modal_component_container[data-bv-modal] .bv_modal_outer_content { margin: 0 auto !important; display: inline-flex !important; flex-wrap: wrap !important; padding: 2em !important; border: 1px solid black !important; max-width: 270px !important; } .bv_histogram_component_container { min-width: 200px !important; } .bv_histogram_row_prefix { display: table-cell !important; vertical-align: middle !important; white-space: nowrap !important; } .bv_histogram_row_container { min-width: 200px !important; height: 25px !important; padding: 0px !important; margin: 0px !important; display: table-row !important; cursor: pointer !important; color: #515151 !important; font-size: 12px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: none !important; } .bv_histogram_row_container:hover { background-color: #f7f7f7 !important; } .bv_histogram_row_bar_empty { border-radius: 2px !important; height: 10px !important; display: block !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important; background-color: #ccc !important; background-color: #cccccc !important; } .bv_histogram_row_bar_filled { border-radius: 2px !important; height: 10px !important; display: block !important; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0, rgba(255, 255, 255, 0) 100%) !important; background-color: #515151 !important; } .bv_histogram_row_full_bar { display: table-cell !important; padding-left: 10px !important; padding-right: 10px !important; width: 100% !important; vertical-align: middle !important; } .bv_histogram_row_rating { display: table-cell !important; vertical-align: middle !important; text-align: center !important; } .bv_histogram_row_star { vertical-align: middle !important; margin-left: 2px; } .bv_button_buttonFull { padding: 0.5em 1em 0.5em 1em !important; align-self: center !important; border: none !important; text-align: center !important; text-decoration: none !important; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0) !important; color: #ffffff !important; font-size: 14px !important; background-color: #e71836 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-style: normal !important; text-decoration: none !important; border-bottom-style: none !important; border-bottom-color: #e65c00 !important; border-bottom-width: 0px !important; border-left-style: none !important; border-left-color: #e65c00 !important; border-left-width: 0px !important; border-right-style: none !important; border-right-color: #e65c00 !important; border-right-width: 0px !important; border-top-style: none !important; border-top-color: #e65c00 !important; border-top-width: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .bv_button_buttonFull:hover { cursor: pointer !important; background-image: none !important; box-shadow: none !important; background-color: #be122b !important; color: #ffffff !important; font-family: Roboto, Arial, sans-serif !important; text-transform: uppercase !important; font-weight: bold !important; font-style: normal !important; font-size: 14px !important; text-decoration: none !important; } .bv_button_buttonMinimalist { color: #036ad8 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } .bv_button_buttonMinimalist:hover { cursor: pointer !important; color: #0e1111 !important; font-size: 14px !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } .bv_button_buttonMinimalist:visited { color: #036ad8 !important; font-family: Roboto, Arial, sans-serif !important; text-transform: none !important; font-weight: normal !important; font-style: normal !important; text-decoration: underline !important; } .bv_ms_focusable:focus { border: 1px solid blue !important; } .bv_offscreen_text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(1px 1px 1px 1px) !important; padding: 0 !important; border: 0 !important; } .bv_ms_focusable:focus { border: 1px solid blue !important; }