/** * @fileOverview Activity contains styles for activity section * @name activity * @author tbroussard, nnursalim, mdaveshah, dquock, swesthafer */ #js_widgetView { margin-top: 2em; /** * @fileOverview Variables contains variables * @name Variables * @author hdoan, mdaveshah, ziliu * @tested browsers FF 12, Chrome 18, Safari 5 on Mac */ /* Font sizes */ /* Inputs */ /** old styles **/ /****************/ /* Colors */ /* button colors */ /* New color variables from Adam Dustan's Patterns sheet: https://ebay.box.com/s/apis0xukrp25jzdvjyky */ /* engagement module colors, named via http://chir.ag/projects/name-that-color */ /* info / warning icon colors */ /* generic colors for colors except text like box-border, shadow, background */ /* card colors */ /* textColor for all the colors of text */ /* font weights */ /* Z-index list */ /* user for a bird's eye view of components based on z-axis */ /* for example, if you want to put a button in header, just assign z-index of that button to @zindexHeader */ /* these will overwrite the bootstrap pre defined variables */ /* TODO: check the clean the non-needed modal styles in bootstrap */ /* the same as bootstrap one, just overwrite */ /* Setting for Sidepanel */ /* This is not used by all side panels, only for the default one */ /* what about larger phones like gs3? what about phablets like the note? /* responsive breakpoints */ /* borders */ /* Image Paths */ /* Image URIs */ /* Navigation */ /* Activity */ /* send money */ /* data uri for notification */ /* wallet */ /* shop static landing page */ /* feedback icon */ /** * @fileOverview Mixins contains mixins * @name Mixins * @author hdoan, mdaveshah * @tested browsers FF 12, Chrome 18, Safari 5 on Mac * Please do not modify Mixins to add IE related styles. */ /** * Multi-line truncation utilizing overflow:hidden and specified height of content * http://www.mobify.com/blog/multiline-ellipsis-in-pure-css/ * * @height - height of content to cut off * @lineheight - spacing between lines * @ellipsiswidth - width of ellipsis area */ /** * Vertical separator with radial box shadow right * @width - width of vertical separator * @height1 - height of first darker box shadow * @height2 - height of second lighter box shadow (taller than first height) * @top1 - top position of first box shadow * @top2 - top position of second box shadow * @right - right position of separator * @z - z-index of separator * @borderRadius - how radial the box shadow is */ /** * Horizontal separator with radial box shadow down * @height - height of horizontal separator * @width1 - width of first darker box shadow * @width2 - width of second lighter box shadow (longer than first width) * @left1 - left position of first box shadow * @left2 - left position of second box shadow * @bottom - bottom position of separator * @z - z-index of separator * @borderRadius - how radial the box shadow is */ /* This mixin is to add a pointer to a dropdown */ /* mixin for creating a triangle */ /* Mixin for bubbles */ /* mixin for creating carets bubbles with a border */ /* mixins for creating caret for customSelectBtn */ /* START SPINNER */ /* DEFAULT USAGE: add .hasSpinner classes (in app.less) to the elements that we want to have an overlay and spinner graphic on top of */ /* Applies to Modals and other DIV elements: Apply this mixin selectively to other CSS properties to avoid duplication of CSS code */ /* Just use .spinner() to apply spinner, or along with .overlay() to add overlay behind spinner and block the user interaction on the DIV */ /* END SPINNER */ /* mixin to create flat white button (iOS7 style) */ /** * The following are just the overrides for TWBS */ /* Display Mode styles */ /* Display Mode modifiers */ /** * @fileOverview Styles for edit and cancel money request * @name modify-request * @author nnursalim * @tested browsers Chrome 25+, FF 19+, Safari 6, IE8+ */ /* * this forces edit and cancel request modal to be in front of the grey backdrop */ /*** toggle switch ***/ /* http://proto.io/freebies/onoff/ */ /* enables checkbox keyboard usage */ /** * @fileOverview Styles for the transaction detail inline * @name Transaction * @author tsullivan */ /** * DO NOT EDIT THIS FILE AS IT'S GENERATED CODE. * UED: cgrigson, adustin, nvandewater * UIE: jlowery * Note: If modifications are needed, don't modify this file! Either override or make a PR to: * https://github.paypal.com/jlowery/paypal-vxpattern-lib */ /* Icons */ /* Z-index list */ /* user for a bird's eye view of components based on z-axis */ /* for example, if you want to put a button in header, just assign z-index of that button to @zindexHeader */ /* these will overwrite the bootstrap pre defined variables */ /* TODO: check the clean the non-needed modal styles in bootstrap */ /* the same as bootstrap one, just overwrite */ /* Setting for Sidepanel */ /* This is not used by all side panels, only for the default one */ /* what about larger phones like gs3? what about phablets like the note? /* responsive breakpoints */ /* Navigation */ /* Spinner */ /* * @name buttons * @description All defined button styles and states belong here, including any helper class button style options, like `vx_btn-secondary` or `vx_btn-medium` etc. * * @group elements */ /** * @fileOverview Shared styles for the transaction detail and summary installment detail * @name sharedPanel * @author tsullivan hkori */ /* Error messages, when transaction could not be loaded */ /* fullScreenDialog customizations, for error scenario */ /* in the smartphone experience, this is a server-side rendered overpanel */ /* don't show spinner for input type number */ /* CSS for ETA Progress Bar */ /* Progress bar CSS ends */ /** * @fileOverview Styles for the activity section and activity module of summary page * @name activityModule * Corresponding Dust file is public/templates/widgets/activityModule.dust * @author tsullivan * @tested Chrome, Firefox, Safari, IE9, IOS6 */ /* Alternating table row colors */ /* Inline actions */ /** * @fileOverview Responsive styles for the activity section and activity module of summary page * @name responsive-activityModule * Corresponding Dust file is public/templates/widgets/activityModule.dust * @author tsullivan * @tested Chrome, Firefox, Safari, IE9, IOS6 */ /* phone portrait */ /** * @fileOverview Styles that utilize base64 images for non-retina screens * @name nonretina-activityModule.less * @author tsullivan * @tested browsers Chrome, IOS6 */ /** * Detailed View styles */ /** * @fileOverview Styles for installment activity * @name installment * @author hkori */ /** * @fileOverview Common styles for credit plan in credit summary and summary installment * @name paypalCredit * Coresponding Dust files are in public/templates/credit/creditPlanLayout * @author hkori */ } #js_widgetView .clearfix { *zoom: 1; } #js_widgetView .clearfix:before, #js_widgetView .clearfix:after { display: table; content: ""; line-height: 0; } #js_widgetView .clearfix:after { clear: both; } #js_widgetView .ltrInput { text-align: left; /*! @noflip */ direction: ltr; } #js_widgetView .ltrInputGroup { /*! @noflip */ text-align: left; /*! @noflip */ direction: ltr; } #js_widgetView .enforceLtr { /*! @noflip */ direction: ltr; unicode-bidi: embed; } #js_widgetView .overflow-auto { overflow: auto; } #js_widgetView .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg); transform: rotate(0deg); } to { -moz-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes rotation { from { -o-transform: rotate(0deg); transform: rotate(0deg); } to { -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @-webkit-keyframes revrotation { from { -webkit-transform: rotate(0deg) scaleX(-1); transform: rotate(0deg) scaleX(-1); } to { -webkit-transform: rotate(359deg) scaleX(-1); transform: rotate(359deg) scaleX(-1); } } @-moz-keyframes revrotation { from { -moz-transform: rotate(0deg) scaleX(-1); transform: rotate(0deg) scaleX(-1); } to { -moz-transform: rotate(359deg) scaleX(-1); transform: rotate(359deg) scaleX(-1); } } @-o-keyframes revrotation { from { -o-transform: rotate(0deg) scaleX(-1); transform: rotate(0deg) scaleX(-1); } to { -o-transform: rotate(359deg) scaleX(-1); transform: rotate(359deg) scaleX(-1); } } @keyframes revrotation { from { transform: rotate(0deg) scaleX(-1); } to { transform: rotate(359deg) scaleX(-1); } } #js_widgetView .flatBtn { border-left: 0; border-right: 0; border-bottom: 0; background: #ffffff; -moz-box-shadow: 0 1px 3px #cccccc; -webkit-box-shadow: 0 1px 3px #cccccc; box-shadow: 0 1px 3px #cccccc; background-color: #faf9f9; background-image: -moz-linear-gradient(top, #fffefe, #f3f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fffefe), to(#f3f2f2)); background-image: -webkit-linear-gradient(top, #fffefe, #f3f2f2); background-image: -o-linear-gradient(top, #fffefe, #f3f2f2); background-image: linear-gradient(to bottom, #fffefe, #f3f2f2); background-image: -webkit-linear-gradient(top, #fffefe 0%, #f3f2f2 100%); background-image: -o-linear-gradient(top, #fffefe 0%, #f3f2f2 100%); background-image: linear-gradient(to bottom, #fffefe 0%, #f3f2f2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffffefe', endColorstr='#fff3f2f2', GradientType=0); } #js_widgetView .displayMode-container { display: table-cell; vertical-align: top; padding-right: .5em; } @media (max-width: 1024px) { #js_widgetView .displayMode-container { padding-right: 1em; } } #js_widgetView .displayMode-list { margin: 10px 0 0 auto; display: table; border-collapse: collapse; list-style: none; text-align: right; } #js_widgetView .displayMode-item { min-width: 75px; display: table-cell; vertical-align: top; text-align: center; } #js_widgetView .displayMode-btn { padding: 10px 0.5em 7px; width: 100%; background: none; border: none; color: #6c7378; } #js_widgetView .active .displayMode-btn { padding-bottom: 5px; color: #2c2e2f; } #js_widgetView .icon_displayMode-item { vertical-align: -0.1em; margin-bottom: 0.75em; display: block; } @media (max-width: 1024px) { #js_widgetView .displayMode-list { display: none; } } #js_widgetView body.modal-open .transaction { position: absolute; top: 0; } #js_widgetView .editRequest, #js_widgetView .cancelRequest { font-size: 1.2em; } #js_widgetView .editRequest h3, #js_widgetView .cancelRequest h3 { font-size: 1.4em; text-align: center; } #js_widgetView .editRequest .modal-body .field, #js_widgetView .cancelRequest .modal-body .field { margin: 1em auto; } #js_widgetView .editRequest .modal-body .field span, #js_widgetView .cancelRequest .modal-body .field span { display: inline-block; } #js_widgetView .editRequest .modal-body .field span:first-child, #js_widgetView .cancelRequest .modal-body .field span:first-child { width: 40%; text-align: right; } #js_widgetView .editRequest .modal-body .field span:last-child, #js_widgetView .cancelRequest .modal-body .field span:last-child { width: 50%; padding-left: 20px; text-align: left; } #js_widgetView .editRequest .amount, #js_widgetView .cancelRequest .amount, #js_widgetView .editRequest .subject, #js_widgetView .cancelRequest .subject, #js_widgetView .editRequest .note, #js_widgetView .cancelRequest .note { padding-left: 20px; display: inline-block; } #js_widgetView .editRequest .amount input, #js_widgetView .cancelRequest .amount input, #js_widgetView .editRequest .subject input, #js_widgetView .cancelRequest .subject input, #js_widgetView .editRequest .note input, #js_widgetView .cancelRequest .note input { border-radius: 5px; } #js_widgetView .editRequest .buttons, #js_widgetView .cancelRequest .buttons { display: block; text-align: center; margin: 20px auto; } #js_widgetView .editRequest .sendEmail, #js_widgetView .cancelRequest .sendEmail { display: block; text-align: center; } #js_widgetView .editRequest .onOff label, #js_widgetView .cancelRequest .onOff label { display: inline-block; font-size: 1em; } #js_widgetView .editRequest .onoffswitch, #js_widgetView .cancelRequest .onoffswitch { display: inline-block; margin: 10px; } #js_widgetView .onOff { width: 100%; padding: 0.8em 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; background: #f5f5f5; border-radius: 6px; } #js_widgetView .onOff > label { margin: 0; display: inline-block; line-height: 35px; } #js_widgetView .onoffswitch { width: 80px; margin: auto; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #js_widgetView .onoffswitch input[type="checkbox"] { width: 100%; height: 100%; margin: 0; position: absolute; z-index: 1; opacity: 0; } #js_widgetView .onoffswitch input[type="checkbox"]:focus + .onoffswitch-label { box-shadow: 0 0 3px 2px #0666b3; } #js_widgetView .onoffswitch-label { height: 34px; margin: 0; border: 2px solid; border-color: #c5c5c5; border-color: rgba(69, 69, 69, 0.14); display: block; overflow: hidden; cursor: pointer; border-radius: 6px; -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.3); } #js_widgetView .onoffswitch-inner { width: 200%; margin-left: -100%; display: inline-block; -moz-transition: margin 0.3s ease-in 0s; -ms-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } #js_widgetView .onoffswitch-inner .on, #js_widgetView .onoffswitch-inner .off { width: 44%; height: 32px; display: inline-block; line-height: 32px; font-weight: 600; text-shadow: none; } #js_widgetView .onoffswitch-inner .on { padding-left: 0.5em; background: #468427; background: rgba(70, 132, 39, 0.8); color: #ffffff; } #js_widgetView .onoffswitch-inner .off { text-align: right; background-color: #cfcfcf; background-image: -moz-linear-gradient(top, #c3c3c3, #e1e1e1); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c3c3c3), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #c3c3c3, #e1e1e1); background-image: -o-linear-gradient(top, #c3c3c3, #e1e1e1); background-image: linear-gradient(to bottom, #c3c3c3, #e1e1e1); background-image: -webkit-linear-gradient(top, #c3c3c3 0%, #e1e1e1 100%); background-image: -o-linear-gradient(top, #c3c3c3 0%, #e1e1e1 100%); background-image: linear-gradient(to bottom, #c3c3c3 0%, #e1e1e1 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc3c3c3', endColorstr='#ffe1e1e1', GradientType=0); color: #333333; text-shadow: 0 1px 1px #ffffff; } #js_widgetView .onoffswitch-switch { width: 33px; height: 31px; margin: 1px 0 0; border: 1px solid; border-color: #c5c5c5; border-color: rgba(69, 69, 69, 0.14); position: absolute; top: 0; bottom: 0; right: 46px; background-color: #f4f4f4; border-radius: 6px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } #js_widgetView .onoffswitch input[type="checkbox"]:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } #js_widgetView .onoffswitch input[type="checkbox"]:checked + .onoffswitch-label .onoffswitch-switch { right: 0; } @font-face { font-family: 'consumer-icons'; src: url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.eot'); src: url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.woff') format('woff'), /* Modern Browsers */ url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://www.paypalobjects.com/ui-web/iconfont-consumer/3-3-0/fonts/ConsumerIcons-Regular.svg#69ac2c9fc1e0803e59e06e93859bed03') format('svg'); font-style: normal; font-weight: 400; /* IE9 Compat Modes */ /* Legacy iOS */ } #js_widgetView .vx_btn, #js_widgetView .vx_btn-small, #js_widgetView .vx_btn-medium { display: inline-block; min-width: 6rem; padding: 0.75rem 1.5rem; margin-bottom: 1.5rem; border: 1px solid #0070ba; border-radius: 1.5rem; font-size: 0.9375rem; line-height: 1.6; font-family: 'PayPal-Sans', sans-serif; font-weight: 500; text-align: center; text-decoration: none; cursor: pointer; color: #ffffff; background-color: #0070ba; transition: all 250ms ease; -webkit-font-smoothing: antialiased; } #js_widgetView .vx_btn:visited, #js_widgetView .vx_btn-small:visited, #js_widgetView .vx_btn-medium:visited, #js_widgetView .vx_btn:active, #js_widgetView .vx_btn-small:active, #js_widgetView .vx_btn-medium:active, #js_widgetView .vx_btn:hover, #js_widgetView .vx_btn-small:hover, #js_widgetView .vx_btn-medium:hover, #js_widgetView .vx_btn:focus, #js_widgetView .vx_btn-small:focus, #js_widgetView .vx_btn-medium:focus { color: #ffffff; } #js_widgetView .vx_btn:visited, #js_widgetView .vx_btn-small:visited, #js_widgetView .vx_btn-medium:visited { text-decoration: none; } #js_widgetView .vx_btn:hover, #js_widgetView .vx_btn-small:hover, #js_widgetView .vx_btn-medium:hover, #js_widgetView .vx_btn:focus, #js_widgetView .vx_btn-small:focus, #js_widgetView .vx_btn-medium:focus { background-color: #003087; border: 1px solid #003087; box-shadow: none; text-decoration: none; } #js_widgetView .vx_btn:focus, #js_widgetView .vx_btn-small:focus, #js_widgetView .vx_btn-medium:focus { outline: none; text-decoration: underline; } #js_widgetView .vx_btn[disabled], #js_widgetView .vx_btn-small[disabled], #js_widgetView .vx_btn-medium[disabled], #js_widgetView .vx_btn[disabled]:hover, #js_widgetView .vx_btn-small[disabled]:hover, #js_widgetView .vx_btn-medium[disabled]:hover, #js_widgetView .vx_btn[disabled]:active, #js_widgetView .vx_btn-small[disabled]:active, #js_widgetView .vx_btn-medium[disabled]:active, #js_widgetView .vx_btn.vx_is-disabled, #js_widgetView .vx_btn-small.vx_is-disabled, #js_widgetView .vx_btn-medium.vx_is-disabled, #js_widgetView .vx_btn.vx_is-disabled:hover, #js_widgetView .vx_btn-small.vx_is-disabled:hover, #js_widgetView .vx_btn-medium.vx_is-disabled:hover, #js_widgetView .vx_btn.vx_is-disabled:active, #js_widgetView .vx_btn-small.vx_is-disabled:active, #js_widgetView .vx_btn-medium.vx_is-disabled:active { color: #cbd2d6; background: #f5f6f8; box-shadow: none; border: 1px solid #cbd2d6; text-decoration: none; cursor: not-allowed; outline: none; -ms-transform: none; -webkit-transform: none; transform: none; } #js_widgetView .vx_btn + #js_widgetView .vx_btn, #js_widgetView .vx_btn + #js_widgetView .vx_btn-small, #js_widgetView .vx_btn + #js_widgetView .vx_btn-medium, #js_widgetView .vx_btn-small + #js_widgetView .vx_btn, #js_widgetView .vx_btn-small + #js_widgetView .vx_btn-small, #js_widgetView .vx_btn-small + #js_widgetView .vx_btn-medium, #js_widgetView .vx_btn-medium + #js_widgetView .vx_btn, #js_widgetView .vx_btn-medium + #js_widgetView .vx_btn-small, #js_widgetView .vx_btn-medium + #js_widgetView .vx_btn-medium { margin-left: 0.75rem; } #js_widgetView .vx_btn.vx_btn-block, #js_widgetView .vx_btn-small.vx_btn-block, #js_widgetView .vx_btn-medium.vx_btn-block { margin-right: 0; margin-left: 0; width: 100%; } #js_widgetView .vx_btn-secondary { background-color: transparent; border-color: #0070ba; color: #0070ba; } #js_widgetView .vx_btn-secondary:hover, #js_widgetView .vx_btn-secondary:focus { color: #003087; background-color: rgba(255, 255, 255, 0.2); border-color: #003087; box-shadow: 0 0 0 1px #003087 inset; } #js_widgetView .vx_btn-secondary:visited { text-decoration: none; color: #0070ba; } #js_widgetView .vx_btn_reversed { border-color: #ffffff; background-color: #ffffff; color: #0070ba; } #js_widgetView .vx_btn_reversed:hover, #js_widgetView .vx_btn_reversed:focus { background-color: #f0f0f0; border-color: #f0f0f0; color: #003087; } #js_widgetView .vx_btn_reversed:visited { color: #0070ba; } #js_widgetView .vx_btn_reversed:visited:hover { color: #003087; } #js_widgetView .vx_btn-secondary_reversed { background-color: transparent; color: #ffffff; border-color: #ffffff; } #js_widgetView .vx_btn-secondary_reversed:hover, #js_widgetView .vx_btn-secondary_reversed:focus { background-color: rgba(0, 0, 0, 0.1); color: #ffffff; border-color: #ffffff; box-shadow: 0 0 0 1px #ffffff inset; } #js_widgetView .vx_btn-medium { font-size: 0.8125rem; line-height: 1.38461538; min-width: 4.5rem; padding: 0.5625rem 1.125rem; } #js_widgetView .vx_btn-small { font-size: 0.8125rem; line-height: 1.36363636; min-width: 3.75rem; padding: 0.46875rem 0.9375rem; } #js_widgetView .vx_btn-icon { display: inline-block; width: 1.5rem; position: relative; margin-right: 0.625rem; } #js_widgetView .vx_btn-icon svg { width: 1.5rem; height: 1.5rem; position: absolute; top: -1.125rem; left: 0; } #js_widgetView .vx_btn-icon .svg-stroke { stroke: #ffffff; } #js_widgetView .vx_btn-icon .svg-fill { fill: #ffffff; } #js_widgetView .vx_btn-secondary .vx_btn-icon .svg-stroke { stroke: #0070ba; } #js_widgetView .vx_btn-secondary .vx_btn-icon .svg-fill { fill: #0070ba; } #js_widgetView .vx_btn-secondary:hover .vx_btn-icon .svg-stroke, #js_widgetView .vx_btn-secondary:focus .vx_btn-icon .svg-stroke { stroke: #003087; } #js_widgetView .vx_btn-secondary:hover .vx_btn-icon .svg-fill, #js_widgetView .vx_btn-secondary:focus .vx_btn-icon .svg-fill { fill: #003087; } #js_widgetView[disabled] .vx_btn-icon .svg-stroke, #js_widgetView[disabled]:hover .vx_btn-icon .svg-stroke, #js_widgetView[disabled]:active .vx_btn-icon .svg-stroke, #js_widgetView.vx_is-disabled .vx_btn-icon .svg-stroke, #js_widgetView.vx_is-disabled:hover .vx_btn-icon .svg-stroke, #js_widgetView.vx_is-disabled:active .vx_btn-icon .svg-stroke { stroke: #cbd2d6; } #js_widgetView[disabled] .vx_btn-icon .svg-fill, #js_widgetView[disabled]:hover .vx_btn-icon .svg-fill, #js_widgetView[disabled]:active .vx_btn-icon .svg-fill, #js_widgetView.vx_is-disabled .vx_btn-icon .svg-fill, #js_widgetView.vx_is-disabled:hover .vx_btn-icon .svg-fill, #js_widgetView.vx_is-disabled:active .vx_btn-icon .svg-fill { fill: #cbd2d6; } #js_widgetView .vx_btn-medium .vx_btn-icon { width: 1.125rem; margin-right: 0.5rem; } #js_widgetView .vx_btn-medium .vx_btn-icon svg { width: 1.125rem; height: 1.125rem; top: -0.8125rem; } #js_widgetView .vx_btn-small .vx_btn-icon { width: 1.10795454rem; margin-right: 0.375rem; } #js_widgetView .vx_btn-small .vx_btn-icon svg { width: 1.10795454rem; height: 1.10795454rem; top: -0.75rem; } #js_widgetView .vx_btn-group, #js_widgetView .vx_btn-group_stacked { text-align: center; } #js_widgetView .vx_btn-group_stacked .vx_btn, #js_widgetView .vx_btn-group_stacked .vx_btn-small, #js_widgetView .vx_btn-group_stacked .vx_btn-medium { display: table; margin-left: auto; margin-right: auto; } #js_widgetView .vx_addBtn-primary, #js_widgetView .vx_addBtn-secondary { font-weight: 500; font-size: 0.9375rem; line-height: 1.5rem; background: none; border: none; color: #0070ba; padding-left: 0.125rem; } #js_widgetView .vx_addBtn-primary:before, #js_widgetView .vx_addBtn-secondary:before { content: "\e004"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'consumer-icons'; line-height: 0; font-size: 1.25rem; } #js_widgetView .vx_addBtn-primary:hover, #js_widgetView .vx_addBtn-secondary:hover { color: #005ea6; text-decoration: none; } #js_widgetView .vx_addBtn-primary:before { color: #ffffff; background: #0070ba; border-radius: 100%; padding: 0 5px 3px; box-shadow: 0 1px 2px #2c2e2f; margin-right: 12px; } #js_widgetView .vx_addBtn-secondary:before { margin-right: 5px; } #js_widgetView .vx_backBtn { background: none; border: none; color: #0070ba; font-weight: normal; padding: 0; } #js_widgetView .vx_backBtn:focus, #js_widgetView .vx_backBtn:active, #js_widgetView .vx_backBtn:hover { color: #005ea6; text-decoration: none; } #js_widgetView .vx_backBtn:focus span, #js_widgetView .vx_backBtn:active span, #js_widgetView .vx_backBtn:hover span { text-decoration: underline; } #js_widgetView .vx_backBtn:before { font-family: 'consumer-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\2190'; display: inline; font-size: 1.5em; vertical-align: -0.1em; padding-right: 0.1em; } #js_widgetView .vx_btn-twoUp .vx_btn { display: inline-block; width: 48%; margin-left: 0; margin-right: 0; } #js_widgetView .vx_btn-twoUp .vx_btn:first-of-type { margin-right: 1.5%; } #js_widgetView .vx_btn-twoUp .vx_btn:last-of-type { margin-left: 1.5%; } @media (max-width: 768px) { #js_widgetView .vx_blocks-for-mobile .vx_btn { display: block; width: 100%; } #js_widgetView .vx_blocks-for-mobile .vx_btn + .vx_btn { margin: 5px 0 0; } } #js_widgetView .vx_btn-link { background: none; border: none; color: #0070ba; font-weight: 500; padding: 0; } #js_widgetView .vx_btn-link:hover { color: #005ea6; text-decoration: underline; } #js_widgetView .vx_tag, #js_widgetView .vx_tag-pending, #js_widgetView .vx_tag-warning, #js_widgetView .vx_tag-critical, #js_widgetView .vx_tag-success { display: inline-block; height: 0.8125rem; line-height: 0.625rem; padding: 0 0.1875rem 0.0625rem 0.1875rem; border-radius: 3px; font-size: 0.625rem; font-weight: 500; text-transform: uppercase; border: 1px solid #2c2e2f; color: #2c2e2f; } #js_widgetView .vx_tag-pending { border: 1px solid #640487; color: #640487; } #js_widgetView .vx_tag-warning { border: 1px solid #d64003; color: #d64003; } #js_widgetView .vx_tag-critical { border: 1px solid #d20000; color: #d20000; } #js_widgetView .vx_tag-success { border: 1px solid #018065; color: #018065; } #js_widgetView .highlightTransactionRow, #js_widgetView .highlightTransactionPanel, #js_widgetView .highlightInstallmentRow, #js_widgetView .highlightInstallmentPanel { border-left: 4px solid #009cde; margin-left: -4px; } #js_widgetView .highlightTransactionPanel, #js_widgetView .highlightInstallmentPanel { background-color: #ffffff; border-left-color: #50c7f9; border-top: 1px solid #cbd2d6; border-right: 1px solid #cbd2d6; border-bottom: 1px solid #cbd2d6; /* animation helper for cool slide-down of the transaction details panel */ } #js_widgetView .highlightTransactionPanel.panel-transition, #js_widgetView .highlightInstallmentPanel.panel-transition { -moz-transition: height 0.5s ease; -ms-transition: height 0.5s ease; -webkit-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; overflow: hidden; } #js_widgetView .inlineTransactionDetails .icon-close-small.colorDefault, #js_widgetView .installmentPanel-container .icon-close-small.colorDefault { color: #2c2e2f; } #js_widgetView .inlineTransactionDetails .closeIcon-container, #js_widgetView .installmentPanel-container .closeIcon-container { float: right; margin-right: 1.4em; width: 1.5em; } #js_widgetView .inlineTransactionDetails .closeIcon-container a:hover, #js_widgetView .installmentPanel-container .closeIcon-container a:hover { text-decoration: none; } @media (max-width: 768px) { #js_widgetView .inlineTransactionDetails .closeIcon-container, #js_widgetView .installmentPanel-container .closeIcon-container { margin-top: 0.5em; margin-right: 0.5em; } } @media (max-width: 768px) { #js_widgetView .inlineTransactionDetails, #js_widgetView .installmentPanel-container { padding: 1em; } } #js_widgetView .fullpageTransactionDetails, #js_widgetView .inlineTransactionDetails { max-width: 1024px; margin-left: auto; margin-right: auto; } #js_widgetView .fullpageTransactionDetails .col-sm-offset-1, #js_widgetView .inlineTransactionDetails .col-sm-offset-1 { margin-left: 9%; } #js_widgetView .fullpageTransactionDetails .col-sm-5, #js_widgetView .inlineTransactionDetails .col-sm-5 { width: 41%; } @media (max-width: 768px) { #js_widgetView .fullpageTransactionDetails .col-sm-5.mobileTransactionDetails, #js_widgetView .inlineTransactionDetails .col-sm-5.mobileTransactionDetails { width: 91%; margin-left: 9%; } } @media (max-width: 768px) { #js_widgetView .fullpageTransactionDetails .resCenterResponsive, #js_widgetView .inlineTransactionDetails .resCenterResponsive { width: 100%; } } #js_widgetView .fullpageTransactionDetails .reportProblemResponsive, #js_widgetView .inlineTransactionDetails .reportProblemResponsive { margin-left: 9%; } @media (max-width: 768px) { #js_widgetView .fullpageTransactionDetails .reportProblemResponsive, #js_widgetView .inlineTransactionDetails .reportProblemResponsive { width: 91%; margin-left: 0%; } } #js_widgetView .fullpageTransactionDetails.fullpageError, #js_widgetView .inlineTransactionDetails.fullpageError { max-width: none; } #js_widgetView .fullpageTransactionDetails dl, #js_widgetView .inlineTransactionDetails dl { margin-top: 0; margin-bottom: 15px; } #js_widgetView .fullpageTransactionDetails dl:empty, #js_widgetView .inlineTransactionDetails dl:empty { margin-bottom: auto; } #js_widgetView .fullpageTransactionDetails dt, #js_widgetView .inlineTransactionDetails dt { font-weight: 500; } #js_widgetView .fullpageTransactionDetails dd, #js_widgetView .inlineTransactionDetails dd { word-wrap: break-word; margin-left: 0; } #js_widgetView .fullpageTransactionDetails footer, #js_widgetView .inlineTransactionDetails footer { padding-top: 1.5em; padding-bottom: 4.5em; border-top: 1px solid #eeeeee; } #js_widgetView .fullpageTransactionDetails footer dl, #js_widgetView .inlineTransactionDetails footer dl { margin-bottom: 0; } #js_widgetView .fullpageTransactionDetails footer ul, #js_widgetView .inlineTransactionDetails footer ul { margin-top: 1.4em; list-style: none; } @media (max-width: 768px) { #js_widgetView .fullpageTransactionDetails footer, #js_widgetView .inlineTransactionDetails footer { padding-top: 1em; } } #js_widgetView .fullpageTransactionDetails p, #js_widgetView .inlineTransactionDetails p, #js_widgetView .fullpageTransactionDetails .tdStatusInfo, #js_widgetView .inlineTransactionDetails .tdStatusInfo { margin-bottom: 25px; } #js_widgetView .fullpageTransactionDetails .lineBreak, #js_widgetView .inlineTransactionDetails .lineBreak { padding-bottom: 1em; } #js_widgetView .fullpageTransactionDetails .numeral, #js_widgetView .inlineTransactionDetails .numeral { /*! @noflip */ direction: ltr; white-space: nowrap; } #js_widgetView .fullpageTransactionDetails .smallGray, #js_widgetView .inlineTransactionDetails .smallGray { color: #2c2e2f; } #js_widgetView .fullpageTransactionDetails .icon-small, #js_widgetView .inlineTransactionDetails .icon-small { color: #cbd2d6; background: #ffffff; } #js_widgetView .fullpageTransactionDetails .small-red, #js_widgetView .inlineTransactionDetails .small-red { color: #c72b2d; background: #ffffff; } #js_widgetView .fullpageTransactionDetails .vx_small-text .icon-small:before, #js_widgetView .inlineTransactionDetails .vx_small-text .icon-small:before { font-size: 1.4rem; } #js_widgetView .fullpageTransactionDetails .marginTopContent, #js_widgetView .inlineTransactionDetails .marginTopContent { margin-top: 30px; } #js_widgetView .fullpageTransactionDetails .italic, #js_widgetView .inlineTransactionDetails .italic { font-style: italic; } #js_widgetView .fullpageTransactionDetails { padding: 1em; background-color: #ffffff; } #js_widgetView .fullpageTransactionDetails .transactionDate { margin-bottom: 0.25em; font-weight: bold; } #js_widgetView .fullpageTransactionDetails .breadcrumb, #js_widgetView .fullpageTransactionDetails .transactionTopLevel { padding-top: 1em; padding-bottom: 1em; } #js_widgetView .fullpageTransactionDetails .breadcrumb .icon { color: #009cde; vertical-align: sub; } #js_widgetView .fullpageTransactionDetails .transactionTopLevel { margin-bottom: 1.5em; border-bottom: 1px solid #f5f7fa; } #js_widgetView .fullpageTransactionDetails a.icon:hover { text-decoration: none; } #js_widgetView .fullpageTransactionDetails .transactionNetAmount { float: right; position: relative; top: -1.25em; } @media (max-width: 479px) { #js_widgetView .fullpageTransactionDetails .transactionNetAmount { width: 40%; text-align: right; } } @media (max-width: 479px) { #js_widgetView .fullpageTransactionDetails .transactionCounterparty { width: 60%; } } #js_widgetView .fullpageTransactionDetails .isCurrencyConversion { display: inline-block; text-indent: 200%; white-space: nowrap; overflow: hidden; height: 11px; width: 13px; padding-bottom: 1px; background-repeat: no-repeat; background-clip: content-box; background-image: url(https://www.paypalobjects.com/webstatic/i/sprite/sprite_summary.png); background-position: -316px 0; } #js_widgetView .fullpageTransactionDetails .isCanceled { text-decoration: line-through; } @media (max-width: 768px) { #js_widgetView .fullpageTransactionDetails .breadcrumb { border-bottom: 1px solid #eeeeee; } } @media print { #js_widgetView .fullpageTransactionDetails .transactionTopLevel { padding-top: 6mm; padding-bottom: 7mm; border-color: #2c2e2f; } #js_widgetView .fullpageTransactionDetails footer { padding-top: 6mm; border-color: #2c2e2f; } #js_widgetView .fullpageTransactionDetails .row .halfColForPrint { float: left; margin-left: 0; width: 48.5%; } #js_widgetView .fullpageTransactionDetails .row .thirdOfColForPrint { float: left; margin-left: 0; width: 32.3%; } #js_widgetView .fullpageTransactionDetails .row .fullColForPrint { float: none; margin-left: 0; width: 97%; } } #js_widgetView .inlineTransactionDetails { margin-top: 25px; } #js_widgetView .inlineTransactionDetails .closeIcon-container { margin-top: -2px; } #js_widgetView .inlineTransactionDetails .closeIcon-container:active { text-decoration: none; } #js_widgetView .inlineTransactionDetails-closeIcon { display: inline-block; padding-top: 4px; margin-top: -4px; text-decoration: none !important; } #js_widgetView .tdActionButton { display: block; margin-right: 50%; } @media (max-width: 768px) { #js_widgetView .tdActionButton { margin-right: 0; } } #js_widgetView .tdPurchaseDetails .item { margin-bottom: 20px; } #js_widgetView .tdPurchaseDetails .numeral { /*! @noflip */ text-align: right; } #js_widgetView .tdPurchaseDetails .primary { margin-top: 5px; font-weight: 500; } #js_widgetView .tdPurchaseDetails .purchaseDetailFields { padding-top: 1em; } #js_widgetView .phoneNumberSpace { margin-left: 19px; } #js_widgetView .exchangeRate { unicode-bidi: embed; direction: rtl; } #js_widgetView .tdDetailFieldsMain { margin-top: 3px; padding-top: 0.6em; border-top: 1px solid #6c7378; } #js_widgetView .tdRefundDetails .numeral { /*! @noflip */ text-align: right; } #js_widgetView .tdRefundDetails .primary { margin-top: 5px; font-weight: bold; } #js_widgetView .tdFreeReturnShippingStackedLink { margin-top: 4px; } #js_widgetView .tdResCenterLinks li, #js_widgetView .tdFreeReturnShippingLink li { margin-bottom: 10px; min-height: 1.4em; } #js_widgetView .resCenterLinksPad { margin-left: 0px; } #js_widgetView .tdRefundLink .icon, #js_widgetView .tdPrintLink .icon, #js_widgetView .tdResCenterLinks .icon, #js_widgetView .tdFreeReturnShippingLink .icon, #js_widgetView .tdRefundLink .iconifiedText, #js_widgetView .tdPrintLink .iconifiedText, #js_widgetView .tdResCenterLinks .iconifiedText, #js_widgetView .tdFreeReturnShippingLink .iconifiedText, #js_widgetView .tdRefundLink a, #js_widgetView .tdPrintLink a, #js_widgetView .tdResCenterLinks a, #js_widgetView .tdFreeReturnShippingLink a { display: inline; } #js_widgetView .tdRefundLink .icon, #js_widgetView .tdPrintLink .icon, #js_widgetView .tdResCenterLinks .icon, #js_widgetView .tdFreeReturnShippingLink .icon { line-height: 0.6em; } #js_widgetView .tdRefundLink a, #js_widgetView .tdPrintLink a, #js_widgetView .tdResCenterLinks a, #js_widgetView .tdFreeReturnShippingLink a, #js_widgetView .tdRefundLink .iconifiedText, #js_widgetView .tdPrintLink .iconifiedText, #js_widgetView .tdResCenterLinks .iconifiedText, #js_widgetView .tdFreeReturnShippingLink .iconifiedText { margin-left: 10px; } #js_widgetView .tdStatusInfo-icon, #js_widgetView .action_status-info-icon, #js_widgetView .tdStatusInfo-message, #js_widgetView .action_status-info-msg { display: table-cell; } #js_widgetView .tdStatusInfo-icon, #js_widgetView .action_status-info-icon { width: 2.8em; } #js_widgetView .frs_claim-info { padding: 0; } #js_widgetView .frs_claim-info:before { padding-right: 5px; margin-left: -3px; } #js_widgetView .tdInlineList { margin: 0 0 15px 0; padding: 0; } #js_widgetView .tdInlineList li { list-style: none; font-size: inherit; padding-right: 0.5em; } #js_widgetView .tdInlineList li:first-child { padding-left: 0; } #js_widgetView .tdInlineList li:after { content: ''; display: inline-block; padding-left: 0.5em; vertical-align: middle; height: 0.9em; } #js_widgetView .tdInlineList li:last-child:after { border: none; } #js_widgetView .tdInlineList:after { content: ''; display: block; clear: left; } #js_widgetView .tdRequestFRS { margin-bottom: 5px; } #js_widgetView .tdFRSModule { margin-bottom: 21px; } #js_widgetView .tdNoteText { word-wrap: break-word; } #js_widgetView .tdPosReturnPolicy { margin-top: 1.5em; padding-top: 1.5em; border-top: 1px solid #eeeeee; } #js_widgetView .tdInlineError .icon-critical-small { color: #c72b2d; } #js_widgetView .tdErrorDialog .icon { margin-top: 8px; font-size: 90px; } #js_widgetView .tdErrorDialog.notoverpanel { margin-top: 80px; /* top padding for non-smartphone fullpage */ } #js_widgetView .tdErrorDialog h2 { margin-top: 0.7em; margin-bottom: 10px; } #js_widgetView .tdActions .vx_small-text .icon-small:before { font-size: 1.4rem; } #js_widgetView .tdActions .action-content { margin-left: -8px; margin-top: 0; margin-bottom: 20px; } #js_widgetView .tdActions .action-message_display { display: inline; } #js_widgetView .tdActions .action-notification { padding: 10px 15px 5px 44px; text-align: left; background: url(https://www.paypalobjects.com/images/shared/icon_alert_sprite-2x.png) no-repeat; background-size: 20px; } #js_widgetView .tdActions .action-notification_critical { background-position: left 12px top -391px; } #js_widgetView .tdActions .action-notification_success { background-position: left 12px top 11px; } #js_widgetView .tdActions .add_bank-message { padding-left: 45px; margin-top: -15px; } #js_widgetView .tdActions .action-currencyIcon { cursor: default; display: table-cell; width: 42px; text-align: center; font-weight: bold; color: #9da3a6; border-radius: 5px 0 0 5px; font-family: inherit; vertical-align: middle; } #js_widgetView .tdActions .action-button { white-space: nowrap; margin-bottom: 5px; margin-top: 5px; height: 42px; min-width: 200px; } @media (max-width: 768px) { #js_widgetView .tdActions .action-button { width: 100%; } } #js_widgetView .tdActions .accept-txn_currency { color: #0070ba; border-color: #0070ba; } #js_widgetView .tdActions .action-input { margin-bottom: 15px; } #js_widgetView .tdActions .action-separator { border: 0; height: 1px; background: #6c7378; margin: 15px 0 20px 0; } @media (max-width: 768px) { #js_widgetView .tdActions .cross-currency-actions .vx_btn + .vx_btn { margin-left: 0; } } #js_widgetView .giftIcon { color: #0070ba; margin-right: 5px; position: relative; top: -1px; } #js_widgetView .gift:hover { text-decoration: none; } #js_widgetView .gift .giftTheme-image { margin: 15px 0 15px 0; display: block; width: 80%; text-align: center; height: 65px; cursor: pointer; background-size: cover; background-position: center; border: none; border-radius: 5px; color: #ffffff; padding: 22px; transition: transfrom 200ms ease; -webkit-transition: transfrom 200ms ease; } #js_widgetView .confirmReceiptBtn { margin-top: 15px; } #js_widgetView input[type=number] { -moz-appearance: textfield; } #js_widgetView .eta { width: 90%; padding: 10px 10px 30px; } #js_widgetView .progress__container { width: 100%; background-color: #ccd2d6; border-radius: 5px; overflow-x: hidden; } #js_widgetView .progress__bar { height: 6px; background-color: #299976; border-top-left-radius: 5px; border-bottom-left-radius: 5px; display: inline-block; } #js_widgetView .progress__bar--failure { background-color: #595959; } #js_widgetView .progress { position: relative; } #js_widgetView .step { position: relative; display: inline-block; top: 10px; text-align: center; } #js_widgetView .step--first { left: 0%; transform: none; text-align: left; padding-left: 0; } #js_widgetView .step--last { right: 0%; transform: none; text-align: right; padding-right: 0; } #js_widgetView .step__indicator { position: relative; left: -2px; height: 30px; width: 2px; background-color: #cbd2d6; display: inline-block; margin-right: 3px; vertical-align: top; } #js_widgetView .step__indicator--first, #js_widgetView .step__indicator--last { margin-right: 0; } #js_widgetView .step__indicator--first, #js_widgetView .step__indicator--last { visibility: collapse; } #js_widgetView .step__content { display: inline-block; margin-top: 10px; } #js_widgetView .step__title { font-size: 14px; word-break: break-word; } #js_widgetView .step__dates { font-size: 12px; } #js_widgetView .step__date { text-decoration: line-through; color: rgba(0, 0, 0, 0.56); } #js_widgetView .step__date:first-child { text-decoration: none; } #js_widgetView .step__title--status-icon { font-size: 13px; font-weight: bold; border-radius: 14px; padding: 8px 3.75px; position: absolute; height: 20px; width: 20px; top: -22.5px; left: 50%; color: #cbd2d6; background-color: #cbd2d6; transform: translate(-50%, 0); } #js_widgetView .step__title--status-icon-completed { color: white; background-color: #299976; } #js_widgetView .step__title--status-icon-completed-failure { color: white; background-color: #595959; } #js_widgetView .step__title--status-icon--first { left: -2px; transform: none; } #js_widgetView .step__title--status-icon--last { left: auto; right: -2px; transform: none; } #js_widgetView .refund-header-desktop { width: 256px; height: 24px; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.85; letter-spacing: 0.2px; color: #000000; margin-bottom: 15px; } #js_widgetView .eta-non-desktop { padding: 0 1%; } #js_widgetView .progressbar-vertical { position: relative; list-style: none; margin-left: 40px; } #js_widgetView .progressbar-vertical__item { position: relative; counter-increment: list; padding-bottom: 20px; } #js_widgetView .progressbar-vertical__item-circle { font-size: 13px; font-weight: bold; border-radius: 14px; padding: 8px 4px; position: absolute; height: 20px; width: 20px; border: 1px solid #cbd2d6; background-color: #FFF; color: #fff; transform: translate(-50%, 0); top: 2px; left: -31px; z-index: 1; } #js_widgetView .progressbar-vertical__item-circle--completed { color: white; background-color: #299976; border: none; } #js_widgetView .progressbar-vertical__item-circle--failure { color: white; background-color: #595959; border: none; } #js_widgetView .progressbar-vertical__item-bar { position: absolute; height: 100%; width: 1px; background-color: #cbd2d6; top: 0; left: -31.5px; transform: translate(0, 10px); } #js_widgetView .progressbar-vertical__item-bar-progress--completed { background-color: #299976; border: none; padding: 8px 0px; } #js_widgetView .progressbar-vertical__item-bar-progress--failure { background-color: #595959; } #js_widgetView .progressbar-vertical__item-bar--last { transform: translate(0, 20px); } #js_widgetView .progressbar-vertical strong { display: block; } #js_widgetView .refund-header-non-desktop { margin-bottom: 10px; } #js_widgetView .tdGetYourMoneyLink { margin-left: 0 !important; } #js_widgetView .activityModule { max-width: 1024px; margin: 1em auto 2em; padding: 1.25em 1em 1.5em; border: 1px solid #e0e0e0; border-radius: 6px; background-color: #ffffff; } @media (max-width: 768px) { #js_widgetView .activityModule { margin: 2em auto 2em; } } #js_widgetView .activityModule .moduleHeader { margin-top: 0; border: 0; padding-bottom: 0; } #js_widgetView .activityModule .isCanceled { text-decoration: line-through; } #js_widgetView .summarySection .activityModule { margin-top: 2em; } #js_widgetView .withStatements { display: inline-block; } #js_widgetView .downloads { margin-left: 3em; display: inline-block; color: #0666b3; } #js_widgetView .transactionList, #js_widgetView .installmentList { margin: auto; max-width: 1024px; list-style-type: none; } #js_widgetView .transactionCollection.hasSpinner:before { position: fixed; } #js_widgetView .transactionRow:nth-child(odd), #js_widgetView .installmentRow:nth-child(odd) { background-color: #f8f8f8; border-left-color: #f8f8f8; } #js_widgetView .isCurrencyConversion { width: 14px; height: 11px; background-repeat: no-repeat; /* Hide the text. */ display: inline-block; text-indent: 200%; white-space: nowrap; overflow: hidden; } #js_widgetView .currencyCode { display: block; line-height: 0; padding-top: 0.6em; } #js_widgetView .currencyCodeInline { display: inline; line-height: 0; padding-top: 0.5em; } #js_widgetView .merchantCategory { line-height: 0; padding-top: 0.7em; text-align: right; } #js_widgetView .merchantCategory-empty { text-align: center; } #js_widgetView .transactionAmount { /*! @noflip */ direction: ltr; } #js_widgetView .transactionRow, #js_widgetView .installmentRow { position: relative; border-left: 4px solid #ffffff; margin-left: -4px; background-color: #ffffff; } #js_widgetView .transactionRow:nth-child(odd), #js_widgetView .installmentRow:nth-child(odd), #js_widgetView .transactionRow.year-title:nth-child(odd), #js_widgetView .installmentRow.year-title:nth-child(odd) { border-left-color: #f5f7fa; background-color: #f5f7fa; } #js_widgetView .transactionRow:nth-child(odd) .transactionAmount, #js_widgetView .installmentRow:nth-child(odd) .transactionAmount, #js_widgetView .transactionRow.year-title:nth-child(odd) .transactionAmount, #js_widgetView .installmentRow.year-title:nth-child(odd) .transactionAmount, #js_widgetView .transactionRow:nth-child(odd) .installmentSummary .balance, #js_widgetView .installmentRow:nth-child(odd) .installmentSummary .balance, #js_widgetView .transactionRow.year-title:nth-child(odd) .installmentSummary .balance, #js_widgetView .installmentRow.year-title:nth-child(odd) .installmentSummary .balance { background-color: #f5f7fa; } #js_widgetView .transactionRow.hasSpinner:before, #js_widgetView .installmentRow.hasSpinner:before { position: absolute; height: 24px; width: 24px; top: 55%; } #js_widgetView .transactionRow.hasSpinner:after, #js_widgetView .installmentRow.hasSpinner:after { position: absolute; } #js_widgetView .transactionRow:nth-child(even) .transactionAmount, #js_widgetView .installmentRow:nth-child(even) .transactionAmount, #js_widgetView .transactionRow.year-title:nth-child(even) .transactionAmount, #js_widgetView .installmentRow.year-title:nth-child(even) .transactionAmount, #js_widgetView .transactionRow:nth-child(even) .installmentSummary .balance, #js_widgetView .installmentRow:nth-child(even) .installmentSummary .balance, #js_widgetView .transactionRow.year-title:nth-child(even) .installmentSummary .balance, #js_widgetView .installmentRow.year-title:nth-child(even) .installmentSummary .balance { background-color: #ffffff; /* This creates the subtle fade for text trunctation */ } #js_widgetView .transactionRow:nth-child(even) .transactionAmount:before, #js_widgetView .installmentRow:nth-child(even) .transactionAmount:before, #js_widgetView .transactionRow.year-title:nth-child(even) .transactionAmount:before, #js_widgetView .installmentRow.year-title:nth-child(even) .transactionAmount:before, #js_widgetView .transactionRow:nth-child(even) .installmentSummary .balance:before, #js_widgetView .installmentRow:nth-child(even) .installmentSummary .balance:before, #js_widgetView .transactionRow.year-title:nth-child(even) .installmentSummary .balance:before, #js_widgetView .installmentRow.year-title:nth-child(even) .installmentSummary .balance:before { background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff)); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff); background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff); } #js_widgetView .year-title .span1 { padding: 1em; text-align: center; } #js_widgetView .transactionRow, #js_widgetView .installmentRow { min-height: 4em; display: block; } #js_widgetView .transactionRow:last-child, #js_widgetView .installmentRow:last-child { border-bottom: none; } #js_widgetView .transactionRow .transactionDescriptionContainer, #js_widgetView .installmentRow .transactionDescriptionContainer { text-decoration: none; padding-bottom: 5px; display: inline-block; width: 100%; } #js_widgetView .transactionRow .transactionDescriptionContainer:focus, #js_widgetView .installmentRow .transactionDescriptionContainer:focus { text-decoration: underline; } #js_widgetView .transactionRow .transactionDescriptionContainer:active, #js_widgetView .installmentRow .transactionDescriptionContainer:active { text-decoration: none; } #js_widgetView .transactionRow .transactionDescription, #js_widgetView .installmentRow .transactionDescription, #js_widgetView .transactionRow .installmentSummary .creditPlanDescription, #js_widgetView .installmentRow .installmentSummary .creditPlanDescription { padding-top: 0.9em; line-height: 1.5em; } #js_widgetView .transactionRow .transactionAmount, #js_widgetView .installmentRow .transactionAmount, #js_widgetView .transactionRow .installmentSummary .balance, #js_widgetView .installmentRow .installmentSummary .balance { line-height: 1rem; margin-top: 0.5em; height: 50%; } #js_widgetView .transactionRow .transactionAmount.currencyConversion, #js_widgetView .installmentRow .transactionAmount.currencyConversion, #js_widgetView .transactionRow .installmentSummary .balance.currencyConversion, #js_widgetView .installmentRow .installmentSummary .balance.currencyConversion { padding-top: 0.4em; } #js_widgetView .transactionRow .transactionAmount.currencyConversion .currencyCode, #js_widgetView .installmentRow .transactionAmount.currencyConversion .currencyCode, #js_widgetView .transactionRow .installmentSummary .balance.currencyConversion .currencyCode, #js_widgetView .installmentRow .installmentSummary .balance.currencyConversion .currencyCode { padding-top: 0.7em; } #js_widgetView .transactionRow .transactionAmount .currencyCode, #js_widgetView .installmentRow .transactionAmount .currencyCode, #js_widgetView .transactionRow .installmentSummary .balance .currencyCode, #js_widgetView .installmentRow .installmentSummary .balance .currencyCode { font-family: 'PayPal-Sans', sans-serif; } #js_widgetView .transactionRow .actions, #js_widgetView .installmentRow .actions { float: right; } #js_widgetView .transactionRow .transactionType, #js_widgetView .installmentRow .transactionType, #js_widgetView .transactionRow .installmentSummary .creditPlanType, #js_widgetView .installmentRow .installmentSummary .creditPlanType { display: block; padding-top: 0.02em; color: #2c2e2f; } #js_widgetView .transactionRow .creditPlan-balance, #js_widgetView .installmentRow .creditPlan-balance { color: #6c7378; } #js_widgetView .transactionRow .transactionType, #js_widgetView .installmentRow .transactionType { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 640px) { #js_widgetView .transactionRow .transactionType, #js_widgetView .installmentRow .transactionType { width: 96%; } } #js_widgetView .transactionRow .transactionType-principal, #js_widgetView .installmentRow .transactionType-principal { display: block; color: #6c7378; } #js_widgetView .transactionRow.year-title, #js_widgetView .installmentRow.year-title { /* adjust the min-height to 2/3 the height of the transactionRow and vertically center the content */ min-height: 2.66em; padding-top: 0; padding-bottom: 0; line-height: 2.66em; } #js_widgetView .transactionRow.year-title .span1, #js_widgetView .installmentRow.year-title .span1 { padding-top: 0; padding-bottom: 0; } #js_widgetView .giftIcon { color: #0070ba; margin-right: 5px; position: relative; top: -1px; } #js_widgetView .transactionRowHover:hover, #js_widgetView .installmentRow:not(.isInactive):hover { background-color: #eeeeee; border-left-color: #009cde; } #js_widgetView .transactionRowHover:hover .transactionDetailsContainer .transactionAmount, #js_widgetView .installmentRow:not(.isInactive):hover .transactionDetailsContainer .transactionAmount, #js_widgetView .transactionRowHover:hover .installmentSummary .balance, #js_widgetView .installmentRow:not(.isInactive):hover .installmentSummary .balance { background-color: #eeeeee; /* This creates the subtle fade for text trunctation */ } #js_widgetView .transactionRowHover:hover .transactionDetailsContainer .transactionAmount:before, #js_widgetView .installmentRow:not(.isInactive):hover .transactionDetailsContainer .transactionAmount:before, #js_widgetView .transactionRowHover:hover .installmentSummary .balance:before, #js_widgetView .installmentRow:not(.isInactive):hover .installmentSummary .balance:before { background-image: -webkit-gradient(linear, left top, right top, from(rgba(238, 238, 238, 0)), to(#eeeeee)); background-image: -webkit-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee); background-image: -moz-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee); background-image: -ms-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee); background-image: -o-linear-gradient(left, rgba(238, 238, 238, 0), #eeeeee); background-image: linear-gradient(to right, rgba(238, 238, 238, 0), #eeeeee); } #js_widgetView .transactionItem { padding: 0 0 0.55em; } #js_widgetView .transactionItem .linkedBlock { margin: 0; } #js_widgetView .transactionItemSelectorRow { margin: 0; margin-left: -4px; } #js_widgetView .dateParts { display: block; padding-top: 1.2em; } #js_widgetView .dateDay, #js_widgetView .dateMonth { display: block; text-align: center; line-height: 1.1em; color: #2c2e2f; } #js_widgetView .dateMonth { text-transform: uppercase; font-weight: 400; } #js_widgetView .transactionDetailsContainer { padding-left: 0; position: relative; } #js_widgetView .transactionDetailsContainer .action, #js_widgetView .detailedTable-transactionItem_actions .action, #js_widgetView .transactionDetailsContainer .action-highlight, #js_widgetView .detailedTable-transactionItem_actions .action-highlight { margin-bottom: 0.5em; margin-left: -0.25em; } #js_widgetView .transactionDetailsContainer .action .icon, #js_widgetView .detailedTable-transactionItem_actions .action .icon, #js_widgetView .transactionDetailsContainer .action-highlight .icon, #js_widgetView .detailedTable-transactionItem_actions .action-highlight .icon { color: #9da3a6; } #js_widgetView .transactionDetailsContainer .action a, #js_widgetView .detailedTable-transactionItem_actions .action a, #js_widgetView .transactionDetailsContainer .action-highlight a, #js_widgetView .detailedTable-transactionItem_actions .action-highlight a { display: inline-block; margin: 0; padding: 0 0.82em 0 0.4em; border-right: 1px solid #2c2e2f; white-space: nowrap; } #js_widgetView .transactionDetailsContainer .action a:first-of-type, #js_widgetView .detailedTable-transactionItem_actions .action a:first-of-type, #js_widgetView .transactionDetailsContainer .action-highlight a:first-of-type, #js_widgetView .detailedTable-transactionItem_actions .action-highlight a:first-of-type { padding-left: 0.2em; } #js_widgetView .transactionDetailsContainer .action a:last-of-type, #js_widgetView .detailedTable-transactionItem_actions .action a:last-of-type, #js_widgetView .transactionDetailsContainer .action-highlight a:last-of-type, #js_widgetView .detailedTable-transactionItem_actions .action-highlight a:last-of-type { border-right: none; } #js_widgetView .transactionDetailsContainer .action-highlight .icon, #js_widgetView .detailedTable-transactionItem_actions .action-highlight .icon { color: #ff9600; } #js_widgetView .transactionDescription { font-weight: 400; } #js_widgetView .transactionDescription, #js_widgetView .transactionAmount, #js_widgetView .installmentSummary .creditPlanDescription, #js_widgetView .installmentSummary .balance { color: #2c2e2f; } #js_widgetView .transactionDescription, #js_widgetView .installmentSummary .creditPlanDescription { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #js_widgetView .transactionAmount { background-color: inherit !important; } #js_widgetView .transactionAmount, #js_widgetView .installmentSummary .balance { right: 0; top: 0; padding-right: 1.2em; text-align: right; /* Create pseudoelement for the text trancation fading */ } #js_widgetView .transactionAmount:before, #js_widgetView .installmentSummary .balance:before { content: ''; width: 2em; height: 98%; /* < 100% prevents triggering scrollbar */ position: absolute; left: -2em; top: 0; z-index: 0; } #js_widgetView .transactionAmount .netAmount, #js_widgetView .installmentSummary .balance .netAmount { color: #2c2e2f; } #js_widgetView .transactionAmount .balanceAmount, #js_widgetView .installmentSummary .balance .balanceAmount { display: block; color: #2c2e2f; } #js_widgetView .view-details-non-mobile { display: none; float: right; } @media (min-width: 768px) { #js_widgetView .view-details-non-mobile { display: inline-block !important; } } #js_widgetView .highlightTransactionRow .view-details-non-mobile a { display: none; } #js_widgetView .view-details-mobile { text-align: center; display: none; border-top: 1px solid #CCC; margin-left: -4px; padding: 7px 0; } #js_widgetView .highlightTransactionRow + .view-details-mobile { border-left: 4px solid #009cde; } #js_widgetView .transactionRowHover:hover .view-details-mobile { margin-left: 0; border-left: none; } @media (max-width: 768px) { #js_widgetView .view-details-mobile { display: block !important; } } #js_widgetView .activityStmtList { margin: 1em auto; max-width: 904px; } #js_widgetView .activityStmtRow { font-family: PayPalSansSmall; font-size: 15px; line-height: 1.6; position: relative; border-left: 4px solid #ffffff; margin-left: -4px; background-color: #ffffff; border-top: solid 1px #d1d8dd; display: block; } #js_widgetView .activityStmtRow:last-child { border-bottom: solid 1px #d1d8dd; } #js_widgetView .activityStmtRowItem { padding: 0 0 0 0; } #js_widgetView .activityStmtRowItem .linkedBlock { margin: 0; } #js_widgetView .transactionRadioBtnContainer { display: block; padding-top: 1.5em; padding-left: 1em; } #js_widgetView .txnRadioBtn label:before { border-color: #cbd2d6; width: 24px; height: 24px; background-color: #FFF; } #js_widgetView .select-a-transaction-header { text-align: left; color: #2c2e2f; } #js_widgetView .modalContent { text-align: center; } #js_widgetView .activityStmtLinkedBlock { padding: 1em; color: #2c2e2f; vertical-align: middle; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; margin-left: -19px; } #js_widgetView .activityStmtRowDescription { color: #6c7378; vertical-align: middle; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.62; letter-spacing: normal; } #js_widgetView .activityStmtModuleHeader { padding: 1em; text-align: left; color: #2c2e2f; } #js_widgetView .activityStmtBackButton { vertical-align: middle; margin-left: -4px; } #js_widgetView .activityStmtBackButton .icon { text-decoration: none; } #js_widgetView .activityStmtNote { padding: 1em; width: 100%; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #6c7378; } #js_widgetView .activityStmtHide { display: none; } @media (max-width: 640px) { #js_widgetView .row-fluid .transactionAmount, #js_widgetView .row-fluid .installmentSummary .balance { margin-left: 1em; padding-left: 0.35em; padding-right: 0; } #js_widgetView .activityModuleContainer { padding: 0; } #js_widgetView .activityModule { padding: 1.25em 1.75em 0.5em 1.5em; border-left: none; border-right: none; border-radius: 0; } #js_widgetView .activityModule .installmentRow .creditPlan { padding: 0 1.4em 0.55em 1.5em; } #js_widgetView .activityModule .transactionItem .linkedBlock { margin: 0; } #js_widgetView .activityModule .transactionItem .linkedBlock .col-xs-1 { padding: 0; } #js_widgetView .activityModule .transactionRow .transactionDescription { padding-top: 0.6em; } #js_widgetView .activityModule .dateParts { padding-top: 1em; padding-left: 1em; } #js_widgetView .activityModule .dateParts .dateDay { min-width: inherit; } #js_widgetView .activityModule.none { padding: 1.25em 1.5em 0; } #js_widgetView .activityModule.none .moduleHeader { padding: 0 0 0.5em; } #js_widgetView .transactionRow .dropdown-toggle, #js_widgetView .installmentRow .dropdown-toggle { margin-right: 0.5em; } #js_widgetView .transactionRow .transactionAmount, #js_widgetView .installmentRow .transactionAmount { margin-top: 0; padding-top: 0.3em; } #js_widgetView .transactionRow .transactionAmount.primaryCurrency, #js_widgetView .installmentRow .transactionAmount.primaryCurrency { margin-top: 0.3em; padding-top: 0; height: 85%; } #js_widgetView .transactionRow .transactionAmount.currencyConversion, #js_widgetView .installmentRow .transactionAmount.currencyConversion { padding-top: 0.7em; height: 80%; } #js_widgetView .transactionRow .transactionAmount .merchantCategory, #js_widgetView .installmentRow .transactionAmount .merchantCategory { padding-top: 0.7em; } #js_widgetView .transactionAmount, #js_widgetView .installmentSummary .balance { padding-right: 1.2em; right: 0; } #js_widgetView .counterparty { font-size: 0.8em; font-size: 0.875rem; line-height: 1.5em; } #js_widgetView .dateParts, #js_widgetView .transactionAmount, #js_widgetView .installmentSummary .balance { font-size: 0.6857142857142857em; font-size: 0.75rem; line-height: 1.75em; line-height: 1.5em; /* preserve baseline alignment with payment status */ } #js_widgetView .transactionDetailsContainer { padding-left: 1.5em; } #js_widgetView .transactionDetailsContainer .action, #js_widgetView .transactionDetailsContainer .action-highlight { padding-left: 0; background: none !important; position: relative; z-index: 5; } #js_widgetView .transactionDetailsContainer .action a:first-of-type, #js_widgetView .transactionDetailsContainer .action-highlight a:first-of-type { padding-left: 0; } } #js_widgetView .activityModule .isCurrencyConversion { height: 11px; width: 13px; padding-bottom: 1px; background-clip: content-box; background-image: url(https://www.paypalobjects.com/webstatic/i/sprite/sprite_summary.png); background-position: -316px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #js_widgetView { /** * @fileOverview Styles that utilize base64 images for retina screens * @name retina-activityModule.less * @author tsullivan * @tested browsers Chrome, IOS6 */ } #js_widgetView .activityModule .isCurrencyConversion { background-image: url(https://www.paypalobjects.com/webstatic/i/sprite/sprite_summary_2x.png); background-size: 329px 206px; } } #js_widgetView .detailedModule .moduleHeader { margin-bottom: 0.2em; } #js_widgetView .detailedTable { width: 100%; } #js_widgetView .detailedTable caption { padding: 1.25em 0 0 1.5em; background: #ffffff; line-height: 0; text-align: left; } #js_widgetView .detailedTable thead th { padding: 1em 0.9em; font-weight: 500; border-top: 1px solid #dddddd; color: #2c2e2f; } #js_widgetView .detailedTable tbody th { font-weight: normal; } #js_widgetView .detailedView.hasSpinner:before { width: 24px; height: 24px; top: 55%; } #js_widgetView .detailedView.hasSpinner:after { position: absolute; } #js_widgetView .detailedTable tbody:nth-child(odd) tr { background-color: #ffffff; } #js_widgetView .detailedTable tbody:nth-child(even) tr { background-color: #f5f7fa; } #js_widgetView .detailedTable-transactionItem_row, #js_widgetView .detailedTable-transactionItem_actions { border-left: 4px solid transparent; } #js_widgetView .detailedTable-transactionItem:hover .detailedTable-transactionItem_row, #js_widgetView .detailedTable-transactionItem:hover .detailedTable-transactionItem_actions { background-color: #eeeeee; border-left-color: #009cde; cursor: pointer; } #js_widgetView .detailedTable-transactionColumn_date.detailedTable-transactionColumn_date { width: 6.5%; white-space: nowrap; text-align: left; padding-left: 0.563em; } #js_widgetView .detailedTable-transactionColumn_desc { width: 25%; text-align: left; } #js_widgetView .detailedTable-transactionColumn_type { width: 20%; text-align: left; } #js_widgetView .detailedTable-transactionColumn_gross, #js_widgetView .detailedTable-transactionColumn_fee, #js_widgetView .detailedTable-transactionColumn_net, #js_widgetView .detailedTable-transactionColumn_balance { width: 12%; white-space: nowrap; text-align: right; } #js_widgetView .detailedTable-transactionColumn_desc.with-category { width: 25%; text-align: left; } #js_widgetView .detailedTable-transactionColumn_category { text-align: left; } #js_widgetView .detailedTable-transactionColumn_gross.with-category, #js_widgetView .detailedTable-transactionColumn_fee.with-category, #js_widgetView .detailedTable-transactionColumn_net.with-category, #js_widgetView .detailedTable-transactionColumn_balance.with-category { width: 11%; white-space: nowrap; text-align: right; } #js_widgetView .detailedTable-transactionColumn_desc a { color: #2c2e2f; text-decoration: none; font-weight: 400; } #js_widgetView .detailedTable-transactionColumn_desc a:focus { text-decoration: underline; } #js_widgetView .detailedTable-transactionColumn_desc a:active { text-decoration: none; } #js_widgetView .detailedTable-transactionColumn_date, #js_widgetView .detailedTable-transactionItem_row td { color: #2c2e2f; vertical-align: top; padding: 0.7em; } #js_widgetView .detailedTable-transactionItem_row.hasActions th, #js_widgetView .detailedTable-transactionItem_row.hasActions td { padding-bottom: 0.2em; } #js_widgetView .detailedTable-transactionItem_actions td { padding: 0 0 0.5em 0.5em; } #js_widgetView .detailedTable-transactionItem_actions a { display: inline-block; margin: 0; padding: 0 0.82em 0 0.4em; border-right: 1px solid #2c2e2f; white-space: nowrap; } #js_widgetView .detailedTable-transactionItem_actions a:first-of-type { padding-left: 0.2em; } #js_widgetView .detailedTable-transactionItem_actions a:last-of-type { border-right: none; } #js_widgetView .detailedTable-transactionItem_actions .icon-small:before { font-size: 1.58rem; } #js_widgetView .detailedTable-transactionItem_details td { padding: 0 0 0 2px; } #js_widgetView .detailedTable-yearTitle th { padding-left: 0.7em; line-height: 2.66em; min-height: 2.66em; text-align: left; } #js_widgetView .activityModule-error .icon-critical-small:before { color: #c72b2d; } #js_widgetView .spinner.loading { padding-top: 5em; margin-top: 8em; position: relative; text-align: center; font-size: 1.5em; } #js_widgetView .spinner.loading:before { content: ""; height: 30px; width: 30px; margin: -15px auto auto -15px; position: absolute; top: 50%; left: 50%; z-index: 7; border-width: 8px; border-style: solid; border-color: #2180c0 rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2); -webkit-animation: rotation 0.7s infinite linear; -moz-animation: rotation 0.7s infinite linear; -ms-animation: rotation 0.7s infinite linear; animation: rotation 0.7s infinite linear; border-radius: 100%; } #js_widgetView .globalNav a, #js_widgetView .globalNav a:visited { color: #666666; } #js_widgetView .globalNav a:hover, #js_widgetView .globalNav a:focus, #js_widgetView .globalNav a:active, #js_widgetView .globalNav a.active { color: #0092d1; } @media (max-width: 768px) { #js_widgetView .globalNav a, #js_widgetView .globalNav a:visited, #js_widgetView .globalNav a:hover, #js_widgetView .globalNav a:focus, #js_widgetView .globalNav a:active, #js_widgetView .globalNav a.active { color: white; } } #js_widgetView .activityModule.pending.hasCompleted, #js_widgetView .activityModule.none { padding-bottom: 14px; } #js_widgetView .paymentPlansDescWrapper { min-height: 0; overflow: hidden; padding: 0; } #js_widgetView .paymentPlansDescWrapper .paymentPlansDesc .planSummary { padding-top: 20px; margin-left: 1%; } #js_widgetView .paymentPlan-paragraph { margin-bottom: 0; margin-top: 0; } #js_widgetView .creditPromotion-link { color: inherit; } #js_widgetView .creditPromotion-link:focus { text-decoration: none; } #js_widgetView .creditPromotion-link:hover { color: inherit; text-decoration: none; } #js_widgetView .installmentSummary { margin: 0; } #js_widgetView .creditPlanRow-container { cursor: pointer; } #js_widgetView .isInactive .creditPlanRow-container { cursor: default; } #js_widgetView .creditPlan { padding: 0 0 0.6em 1em; } #js_widgetView .creditPlanSummary-container { position: relative; } #js_widgetView .installmentDetailItem { margin: 1em 0; padding-left: 0; } #js_widgetView .installmentAction-container { padding-top: 2em; } #js_widgetView .installmentAction-list { margin: 0; list-style: none; } #js_widgetView .installmentPanelStack { padding-left: 50px; } #js_widgetView .installmentAction-button { margin-bottom: 2em; padding-left: 60px; padding-right: 60px; } #js_widgetView .installmentDetail-container { padding-bottom: 1.5em; border-bottom: 1px solid #6c7378; } #js_widgetView .installmentPanel-container { padding: 38px 0 14px 0; } #js_widgetView .installmentPanel-container .closeIcon-container { margin-top: -1.2em; } #js_widgetView .installmentDetail-itemLabel { color: #6c7378; margin-bottom: -3px; } #js_widgetView .installmentAction-link { clear: both; margin-bottom: 0.8em; } #js_widgetView .installmentAction-link .contractDownload-form { margin: 0; } #js_widgetView .installmentAction-link .downloadLink { color: #0079ad; font-size: inherit; background-color: transparent; border: none; margin-top: -2px; text-decoration: none; } #js_widgetView .installmentAction-link .downloadLink:hover { color: #00567a; } #js_widgetView .installmentAction-link .downloadLink .downloadLabel:hover { text-decoration: underline; } #js_widgetView .installmentAction-link .downloadLink .pdfIcon { position: relative; top: 3px; } @media (min-width: 992px) { #js_widgetView .installmentDetailItem { margin: 0; } #js_widgetView .installmentAction-link { float: left; clear: none; } #js_widgetView .installmentAction-link.cellDivider { border-left: 1px solid #d4d4d4; padding-left: 8px; } #js_widgetView .installmentAction-link:first-child, #js_widgetView .installmentAction-link.cellDivider { margin-right: 8px; } } @media (max-width: 768px) { #js_widgetView .installmentAction-container { padding-top: 1.3em; } #js_widgetView .installmentAction-button { width: 100%; margin-bottom: 2.3em; } #js_widgetView .installmentPanel-container { padding-right: 1.5em; padding-top: 3.5em; } #js_widgetView .installmentPanel-container .cellDivider { border: none; padding-left: 0; } #js_widgetView .installmentPanel-container .closeIcon-container { margin-top: -2.1em; } #js_widgetView .installmentDetail-container { border-bottom: none; padding-bottom: 0; } #js_widgetView .installmentPanelStack { padding-left: 1em; } } @media (max-width: 479px) { #js_widgetView .creditPlan-subtitle_wide { display: none; } #js_widgetView .planMessage { margin-left: 3px; } #js_widgetView .installmentPanelStack { padding-left: 1.5em; } #js_widgetView .installmentDetail-container, #js_widgetView .installmentAction-panel { padding-top: 0.5em; } } #js_widgetView .action a.button-experiment, #js_widgetView .action-highlight a.button-experiment { border: 1px solid #0070ba !important; border-radius: 50px !important; padding: 2px 10px !important; margin-right: 5px !important; margin-top: 16px !important; height: 30px; } #js_widgetView .action svg, #js_widgetView .action-highlight svg { vertical-align: middle; margin-bottom: 2px; margin-right: 2px; height: 20px; width: 20px; } #js_widgetView .action a.button-experiment:hover, #js_widgetView .action-highlight a.button-experiment:hover { color: #003087 !important; box-shadow: 0 0 0 1px #003087 !important; border-color: #003087 !important; text-decoration: none !important; }