/* Minification failed. Returning unminified contents. (6729,23): run-time error CSS1030: Expected identifier, found '.' (6729,203): run-time error CSS1031: Expected selector, found ')' (6729,203): run-time error CSS1025: Expected comma or open brace, found ')' (7014,32): run-time error CSS1030: Expected identifier, found '[' (7014,40): run-time error CSS1031: Expected selector, found '=' (7014,40): run-time error CSS1025: Expected comma or open brace, found '=' (7017,37): run-time error CSS1030: Expected identifier, found '.' (7017,38): run-time error CSS1030: Expected identifier, found 'picker__input' (7017,51): run-time error CSS1031: Expected selector, found ')' (7017,51): run-time error CSS1025: Expected comma or open brace, found ')' (7134,100): run-time error CSS1030: Expected identifier, found '[' (7134,108): run-time error CSS1031: Expected selector, found '=' (7134,108): run-time error CSS1025: Expected comma or open brace, found '=' (7138,114): run-time error CSS1030: Expected identifier, found '[' (7138,122): run-time error CSS1031: Expected selector, found '=' (7138,122): run-time error CSS1025: Expected comma or open brace, found '=' (7155,618): run-time error CSS1030: Expected identifier, found '[' (7155,626): run-time error CSS1031: Expected selector, found '=' (7155,626): run-time error CSS1025: Expected comma or open brace, found '=' (7163,116): run-time error CSS1030: Expected identifier, found '[' (7163,124): run-time error CSS1031: Expected selector, found '=' (7163,124): run-time error CSS1025: Expected comma or open brace, found '=' (7167,49): run-time error CSS1030: Expected identifier, found '.' (7167,75): run-time error CSS1031: Expected selector, found ')' (7167,75): run-time error CSS1025: Expected comma or open brace, found ')' (7214,192): run-time error CSS1030: Expected identifier, found '[' (7214,200): run-time error CSS1031: Expected selector, found '=' (7214,200): run-time error CSS1025: Expected comma or open brace, found '=' (7221,192): run-time error CSS1030: Expected identifier, found '[' (7221,200): run-time error CSS1031: Expected selector, found '=' (7221,200): run-time error CSS1025: Expected comma or open brace, found '=' (7628,39): run-time error CSS1030: Expected identifier, found '.' (7628,53): run-time error CSS1031: Expected selector, found ')' (7628,53): run-time error CSS1025: Expected comma or open brace, found ')' (9220,50): run-time error CSS1030: Expected identifier, found '.' (9220,60): run-time error CSS1031: Expected selector, found ')' (9220,60): run-time error CSS1025: Expected comma or open brace, found ')' (9401,48): run-time error CSS1030: Expected identifier, found '.' (9401,58): run-time error CSS1031: Expected selector, found ')' (9401,58): run-time error CSS1025: Expected comma or open brace, found ')' (10253,47): run-time error CSS1030: Expected identifier, found '.' (10271,16): run-time error CSS1031: Expected selector, found ')' (10271,16): run-time error CSS1025: Expected comma or open brace, found ')' (10451,47): run-time error CSS1030: Expected identifier, found '.' (10469,16): run-time error CSS1031: Expected selector, found ')' (10469,16): run-time error CSS1025: Expected comma or open brace, found ')' (15109,15): run-time error CSS1030: Expected identifier, found '.' (15109,32): run-time error CSS1031: Expected selector, found ')' (15109,32): run-time error CSS1025: Expected comma or open brace, found ')' (34965,24): run-time error CSS1030: Expected identifier, found '.' (34965,52): run-time error CSS1031: Expected selector, found ')' (34965,52): run-time error CSS1025: Expected comma or open brace, found ')' (36798,210): run-time error CSS1030: Expected identifier, found '[' (36798,218): run-time error CSS1031: Expected selector, found '=' (36798,218): run-time error CSS1025: Expected comma or open brace, found '=' (36833,210): run-time error CSS1030: Expected identifier, found '[' (36833,218): run-time error CSS1031: Expected selector, found '=' (36833,218): run-time error CSS1025: Expected comma or open brace, found '=' (36848,210): run-time error CSS1030: Expected identifier, found '[' (36848,218): run-time error CSS1031: Expected selector, found '=' (36848,218): run-time error CSS1025: Expected comma or open brace, found '=' (51252,46): run-time error CSS1030: Expected identifier, found '.' (51252,185): run-time error CSS1031: Expected selector, found ')' (51252,185): run-time error CSS1025: Expected comma or open brace, found ')' (51617,90): run-time error CSS1030: Expected identifier, found '.' (51617,104): run-time error CSS1031: Expected selector, found ')' (51617,104): run-time error CSS1025: Expected comma or open brace, found ')' (61996,43): run-time error CSS1030: Expected identifier, found '#form-field-UseRegisterDetail' (61996,72): run-time error CSS1031: Expected selector, found ')' (61996,72): run-time error CSS1025: Expected comma or open brace, found ')' (62526,143): run-time error CSS1030: Expected identifier, found '[' (62526,151): run-time error CSS1031: Expected selector, found '=' (62526,151): run-time error CSS1025: Expected comma or open brace, found '=' (62530,161): run-time error CSS1030: Expected identifier, found '[' (62530,169): run-time error CSS1031: Expected selector, found '=' (62530,169): run-time error CSS1025: Expected comma or open brace, found '=' (69476,20): run-time error CSS1030: Expected identifier, found '.' (69476,37): run-time error CSS1031: Expected selector, found ')' (69476,37): run-time error CSS1025: Expected comma or open brace, found ')' (69518,23): run-time error CSS1030: Expected identifier, found '.' (69518,38): run-time error CSS1031: Expected selector, found ')' (69518,38): run-time error CSS1025: Expected comma or open brace, found ')' (69540,22): run-time error CSS1030: Expected identifier, found '.' (69540,39): run-time error CSS1031: Expected selector, found ')' (69540,39): run-time error CSS1025: Expected comma or open brace, found ')' (69543,25): run-time error CSS1030: Expected identifier, found '.' (69543,40): run-time error CSS1031: Expected selector, found ')' (69543,40): run-time error CSS1025: Expected comma or open brace, found ')' (69577,27): run-time error CSS1030: Expected identifier, found ':' (69577,41): run-time error CSS1031: Expected selector, found ')' (69577,41): run-time error CSS1025: Expected comma or open brace, found ')' (69881,25): run-time error CSS1030: Expected identifier, found '.' (69881,40): run-time error CSS1031: Expected selector, found ')' (69881,40): run-time error CSS1025: Expected comma or open brace, found ')' (69886,25): run-time error CSS1030: Expected identifier, found '.' (69886,40): run-time error CSS1031: Expected selector, found ')' (69886,40): run-time error CSS1025: Expected comma or open brace, found ')' (69891,25): run-time error CSS1030: Expected identifier, found '.' (69891,40): run-time error CSS1031: Expected selector, found ')' (69891,40): run-time error CSS1025: Expected comma or open brace, found ')' (69896,25): run-time error CSS1030: Expected identifier, found '.' (69896,52): run-time error CSS1031: Expected selector, found ')' (69896,52): run-time error CSS1025: Expected comma or open brace, found ')' (69901,25): run-time error CSS1030: Expected identifier, found '.' (69901,52): run-time error CSS1031: Expected selector, found ')' (69901,52): run-time error CSS1025: Expected comma or open brace, found ')' (69906,25): run-time error CSS1030: Expected identifier, found '.' (69906,52): run-time error CSS1031: Expected selector, found ')' (69906,52): run-time error CSS1025: Expected comma or open brace, found ')' (69951,33): run-time error CSS1030: Expected identifier, found '.' (69951,60): run-time error CSS1031: Expected selector, found ')' (69951,60): run-time error CSS1025: Expected comma or open brace, found ')' (69959,33): run-time error CSS1030: Expected identifier, found '.' (69959,60): run-time error CSS1031: Expected selector, found ')' (69959,60): run-time error CSS1025: Expected comma or open brace, found ')' (69966,33): run-time error CSS1030: Expected identifier, found '.' (69966,60): run-time error CSS1031: Expected selector, found ')' (69966,60): run-time error CSS1025: Expected comma or open brace, found ')' (70555,22): run-time error CSS1030: Expected identifier, found '.' (70555,39): run-time error CSS1031: Expected selector, found ')' (70555,39): run-time error CSS1025: Expected comma or open brace, found ')' */ @charset "UTF-8"; /* Reset ----------------------------------------- */ html { -webkit-text-size-adjust: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; line-height: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote::before, blockquote::after, q::before, q::after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } input, select, textarea, button { margin: 0; font-family: inherit; font-size: 1em; line-height: 1; background: transparent none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; -webkit-font-smoothing: inherit; } input, textarea, button { border: none; } input[type=submit], input[type=button] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-family: inherit; -ms-box-sizing: content-box; } label { cursor: pointer; } object, embed { display: block; } svg { font-weight: normal; -webkit-font-smoothing: antialias; } .icon-font:before, .m85-dstore-carousel .slick-dots li.slick-active button:before, .m85-dstore-carousel .slick-dots li button:before, .m18-quick-tools .slick-dots li.slick-active button:before, .m18-quick-tools .slick-dots li button:before, .m61-subsection .m16-subsection-item ul li:before, .chart-header__title:before, .m33-thumbnail-gallery__button--share:before, .gallery__button--back:before, .m20-new-close:before, .m20-notification__dismiss:before, .m3-carousel .slick-dots li.slick-active button:before, .m3-carousel .slick-dots li button:before, .m23-table__title--icon:before, .button--breadcrumb.button--next:before, .button--breadcrumb.form-submit:before, .button--remove:before, .button--cancel:before, .button--edit:before, .button--printer:before, .button--share:before, .button--down:before, .button--up:before, .button--back:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before, .button--play:before, .button--text.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .button--text.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .button--next.button--text-centered:before, .button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .form-submit:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; } .icon:before, .m95-power-outage_card-status:before, .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .slick-prev:before, .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .slick-prev:before, .survey_wrapper .survey-button-wrapper .button--survey-active:before, .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .slick-prev:before, .toggle-menu__trigger:before, .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .toggle-menu__trigger:before, [class^=icon-]:before, [class*=" icon-"]:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; font-size: 30px; } [class^=icon-new-]:before, [class*=" icon-new-"]:before { font-size: 30px; } .icon-menu:before { content: "\e600"; } .icon-profile:before { content: "\e601"; } .icon-search:before { content: "\e602"; } .icon-accessibility:before { content: "\e603"; } .icon-open:before, .j100-expander_input.closed:before { content: "\e604"; } .icon-close:before, .j100-expander_input.open:before { content: "\e605"; } .icon-back:before { content: "\e606"; } .icon-forward:before { content: "\e607"; } .icon-cancel:before, .m70-status-tracker-vertical-title.rejected:before, .button--upload_remove:before { content: "\e608"; } .icon-back_large:before { content: "\e609"; } .icon-pagination_inactive:before { content: "\e60a"; } .icon-pagination_active:before { content: "\e60b"; } .icon-forward_large:before { content: "\e60c"; } .icon-share:before { content: "\e60d"; } .icon-twitter:before { content: "륧"; } .icon-youtube:before { content: "\e60f"; } .icon-google:before { content: "\e613"; } .icon-play:before { content: "\e614"; } .icon-pause:before { content: "\e615"; } .icon-calendar:before { content: "\e616"; } .icon-email:before { content: "\e617"; } .icon-location:before { content: "\e618"; } .icon-printer:before { content: "\e619"; } .icon-photo:before { content: "\e61a"; } .icon-call:before { content: "\e61b"; } .icon-callback:before { content: "\e61c"; } .icon-edit:before { content: "\e61d"; } .icon-locked:before { content: "\e61e"; } .icon-caution:before { content: "\e61f"; } .icon-tick:before { content: "\e620"; } .icon-quick_pay:before { content: "\e621"; } .icon-prayertime:before { content: "\e622"; } .icon-weather:before { content: "\e623"; } .icon-QR_Scan:before { content: "\e624"; } .icon-Moving_In:before { content: "\e625"; } .icon-Moving_Out:before { content: "\e626"; } .icon-Contact_Information:before { content: "\e627"; } .icon-Customer_Category:before { content: "\e628"; } .icon-Tenancy_Contract:before { content: "\e629"; } .icon-Premise_Type:before { content: "\e62a"; } .icon-Temporary_Connection:before { content: "\e62b"; } .icon-Understanding_Your_Bill:before { content: "\e62c"; } .icon-Track_Requests:before { content: "\e62d"; } .icon-Billing_Complaint:before { content: "\e62e"; } .icon-Collective_Account:before { content: "\e62f"; } .icon-Add_To_Collective_Billing:before { content: "\e630"; } .icon-Change_Of_Landlord_Information:before { content: "\e631"; } .icon-Interuption_Services:before { content: "\e632"; } .icon-Clearance_Certificate:before { content: "\e633"; } .icon-Subscribe:before { content: "\e634"; } .icon-Local_Purchase_RFx:before { content: "\e635"; } .icon-Trenders_Open__Closed:before { content: "\e636"; } .icon-Estimate_Payment:before { content: "\e637"; } .icon-Track_Applications:before { content: "\e638"; } .icon-RFx_And_Auction:before { content: "\e639"; } .icon-Purchase_Orders:before { content: "\e63a"; } .icon-Building_NOC:before { content: "\e63b"; } .icon-Demolition_NOC:before { content: "\e63c"; } .icon-Government_Observation:before { content: "\e63d"; } .icon-Pay_For_A_Friend:before { content: "\e63e"; } .icon-Transaction_History:before { content: "\e63f"; } .icon-Job_Seeker:before { content: "\e640"; } .icon-Link_My_ID:before { content: "\e641"; } .icon-Roadwork_Information:before { content: "\e642"; } .icon-Best_Consumer_Award:before { content: "\e643"; } .icon-Peak_Load_Survey:before { content: "\e644"; } .icon-Leave_Feedback:before { content: "\e645"; } .icon-Summary:before { content: "\e646"; } .icon-Special_Event:before { content: "\e647"; } .icon-Lighting:before { content: "\e648"; } .icon-Water:before { content: "\e649"; } .icon-Carbon_Footprint:before { content: "\e64a"; } .icon-Unsubscribe:before { content: "\e64b"; } .icon-new-home:before { content: "\e909"; } .icon-new-myaccount:before { content: "\e90d"; } .icon-new-bill:before { content: "\e96c"; } .icon-new-bill-enquiry:before { content: "\e936"; } .icon-new-bill-inquiry:before { content: "\e936"; } .icon-new-pay-friend:before { content: "\e92b"; } .icon-new-supply-service:before { content: "\e930"; } .icon-new-submit-feedback:before { content: "\e95f"; } .icon-new-contact:before { content: "\e919"; } .icon-EV-Charge:before { content: "\e926"; } .icon-new-water:before { content: "\e923"; } .icon-new-callback:before { content: "\e966"; } .icon-new-connection:before { content: "\e94e"; } .icon-new-cooling:before { content: "\e916"; } .icon-new-tips:before { content: "\e924"; } .icon-new-lighting:before { content: "\e913"; } .icon-new-irrigation:before { content: "\e920"; } .icon-new-clearance-certificate:before { content: "\f000d"; } .icon-new-refund:before { content: "\f000c"; } .icon-new-change-premise-type:before { content: "\e96a"; } .icon-new-submit-complaint:before { content: "\e93a"; } .icon-new-calculate-tariff:before { content: "\e952"; } .icon-new-trend-consumption:before { content: "\e928"; } .icon-new-understand-bill:before { content: "\e95c"; } .icon-new-update-contact:before { content: "\e93b"; } .icon-new-billing-complaint:before { content: "\e96b"; } .icon-new-request-collective-ac:before { content: "\e94f"; } .icon-new-add-collective-billing:before { content: "\e95d"; } .icon-new-change-landlord-information:before { content: "\e941"; } .icon-new-transaction-history:before { content: "\e92f"; } .icon-new-change-customer-category:before { content: "\e934"; } .icon-new-payment-methods:before { content: "\e935"; } .icon-new-track-requests-complaints:before { content: "\e940"; } .icon-new-request-temp-connection:before { content: "\e94e"; } .icon-new-interruption-service:before { content: "\e964"; } .icon-new-roadwork-info:before { content: "\e954"; } .icon-new-estimate-payment:before { content: "\e969"; } .icon-new-newsletter:before { content: "\e93c"; } .icon-new-payment-location:before { content: "\e951"; } .icon-new-make-suggestion:before { content: "\e943"; } .icon-new-neighbourhood-compare:before { content: "\e953"; } .icon-new-compare-multiple-ac:before { content: "\e945"; } .icon-new-hayak:before { content: "\e94b"; } .icon-new-shams-dubai:before { content: "\e922"; } .icon-new-building-noc:before { content: "\e955"; } .icon-new-fitout-application:before { content: "\e958"; } .icon-new-infrastructure-services:before { content: "\e94a"; } .icon-new-arrow-top:before { content: "\e900"; } .icon-new-arrow-bottom:before { content: "\e901"; } .icon-new-arrow-left:before { content: "\e902"; } .icon-new-arrow-right:before { content: "\e903"; } .icon-new-pdf:before { content: "\e904"; } .icon-new-camera:before { content: "\e905"; } .icon-new-movie:before { content: "\e906"; } .icon-new-youtube:before { content: "\e907"; } .icon-new-search:before { content: "\e908"; color: #007560; } .icon-new-home:before { content: "\e909"; } .icon-new-menu:before { content: "\e90a"; } .icon-new-twitter:before { content: "륧"; } .icon-new-instagram:before { content: "\e90c"; } .icon-new-myaccount:before { content: "\e90d"; } .icon-new-facebook:before { content: "\e90e"; } .icon-new-electricity:before { content: "\e90f"; } .icon-new-landscapign:before { content: "\e910"; } .icon-new-waffer:before { content: "\e911"; } .icon-new-major-electronic:before { content: "\e912"; } .icon-new-lighting:before { content: "\e913"; } .icon-new-notifications:before { content: "\e914"; } .icon-new-toilet:before { content: "\e915"; } .icon-new-cooling:before { content: "\e916"; } .icon-new-dewa-souq:before { content: "\e917"; } .icon-new-shower:before { content: "\e918"; } .icon-new-contact:before { content: "\e919"; } .icon-new-settings:before { content: "\e91a"; } .icon-new-housing:before { content: "\e91b"; } .icon-new-major-water:before { content: "\e91c"; } .icon-new-admin:before { content: "\e91d"; } .icon-new-smart-grid-meter:before { content: "\e91e"; } .icon-new-sewerage:before { content: "\e91f"; } .icon-new-irrigation:before { content: "\e920"; } .icon-new-clock-in-out:before { content: "\e921"; } .icon-new-shams-dubai:before { content: "\e922"; } .icon-new-water:before { content: "\e923"; } .icon-new-general-tips:before { content: "\e924"; } .icon-new-risk-vote:before { content: "\e925"; } .icon-new-ev-charge:before { content: "\e926"; } .icon-new-tools:before { content: "\e927"; } .icon-new-trend-consumption:before { content: "\e928"; } .icon-new-billing-complaint:before { content: "\e96b"; } .icon-new-submit-feedback:before { content: "\e92a"; } .icon-new-pay-for-friend:before { content: "\e92b"; } .icon-new-tenders:before { content: "\e92c"; } .icon-new-submit-tenancy-contract:before { content: "\e92d"; } .icon-new-purchase-orders:before { content: "\e92e"; } .icon-new-transaction-history:before { content: "\e92f"; } .icon-new-supply-services:before { content: "\e930"; } .icon-new-peak-load-survey:before { content: "\e931"; } .icon-new-government-observation:before { content: "\e932"; } .icon-new-local-purchase-rfx:before { content: "\e933"; } .icon-new-change-customer-category:before { content: "\e934"; } .icon-new-payment-methods:before { content: "\e935"; } .icon-new-bill-enquiry:before { content: "\e936"; } .icon-new-bill-inquiry:before { content: "\e936"; } .icon-new-move-to:before { content: "\e937"; } .icon-new-best-consumer-award:before { content: "\e938"; } .icon-new-demolition-noc:before { content: "\e939"; } .icon-new-submit-a-complaint:before { content: "\e93a"; } .icon-new-update-contact-information:before { content: "\e93b"; } .icon-new-newsletter:before { content: "\e93c"; } .icon-new-classification-of-consultant-n-contractor:before { content: "\e93d"; } .icon-new-book-conservation-lecture:before { content: "\e93e"; } .icon-new-transaction-history2:before { content: "\e93f"; } .icon-new-track-requests-complaints:before { content: "\e940"; } .icon-new-change-landlord-information:before { content: "\e941"; } .icon-new-weather:before { content: "\e942"; } .icon-new-make-a-suggestion-:before { content: "\e943"; } .icon-new-dm-mukhalafa:before { content: "\e944"; } .icon-new-compare-multiple-account:before { content: "\e945"; } .icon-new-link-to-my-id:before { content: "\e946"; } .icon-new-purchase-orders2:before { content: "\e947"; } .icon-new-clearance-certificate:before { content: "\f000d"; } .icon-new-move-in:before { content: "\f000e"; } .icon-new-infrastructure-services-application:before { content: "\e94a"; } .icon-new-hayak:before { content: "\e94b"; } .icon-new-home-safety:before { content: "\e94c"; } .icon-new-track-application:before { content: "\e94d"; } .icon-new-request-temp-connection:before { content: "\e94e"; } .icon-new-request-for-collective-accoutn:before { content: "\e94f"; } .icon-new-prayer-time:before { content: "\e950"; } .icon-new-payment-locations:before { content: "\e951"; } .icon-new-calculate-tariff:before { content: "\e952"; } .icon-new-neighbourhood-compare:before { content: "\e953"; } .icon-new-roadwork-info:before { content: "\e954"; } .icon-new-building-noc:before { content: "\e955"; } .icon-new-subscribe-unsubsrcribe:before { content: "\e956"; } .icon-new-move-out:before { content: "\f000f"; } .icon-new-fitout-application-approval:before { content: "\e958"; } .icon-new-refund:before { content: "\f000c"; } .icon-new-eart-care:before { content: "\e95a"; } .icon-new-transaction-history3:before { content: "\e95b"; } .icon-new-understand-bill:before { content: "\e95c"; } .icon-new-add-to-collective-billing:before { content: "\e95d"; } .icon-new-special-events:before { content: "\e95e"; } .icon-new-feedback:before { content: "\e95f"; } .icon-new-auto-pay:before { content: "\e960"; } .icon-new-augmented-reality:before { content: "\e961"; } .icon-new-job-seeker:before { content: "\e962"; } .icon-new-rfx-and-auction:before { content: "\e963"; } .icon-new-interruption-service:before { content: "\e964"; } .icon-new-qr-code-reader:before { content: "\e965"; } .icon-new-callback:before { content: "\e966"; } .icon-new-ashir:before { content: "\e967"; } .icon-new-apply-for-scholarship:before { content: "\e968"; } .icon-new-estimate-payment:before { content: "\e969"; } .icon-new-change-premise-type:before { content: "\e96a"; } .icon-new-billing-complaint2:before { content: "\e96b"; } .icon-new-view-pay-bill:before { content: "\e96c"; } .icon-new-faq:before { content: "\e96d"; } .icon-new-estimate-payment-history-for-friend:before { content: "\e96e"; } .icon-new-getting-electricity-and-water:before { content: "\e96f"; } .icon-new-dewa-center:before { content: "\e970"; } .icon-new-leader:before { content: "\e971"; } .icon-new-team:before { content: "\e972"; } .icon-new-project:before { content: "\e973"; } .icon-new-peak-load:before { content: "\e974"; } .icon-new-save-water:before { content: "\e975"; } .icon-new-degree:before { content: "\e976"; } .icon-new-travel:before { content: "\e977"; } .icon-new-phases-of-energy-production:before { content: "\e978"; } .icon-new-innovation-center:before { content: "\e979"; } .icon-new-research-development:before { content: "\e97a"; } .icon-new-water-deslinationplant:before { content: "\e97b"; } .icon-new-publication:before { content: "\e97c"; } .icon-new-communities-commitment:before { content: "\e97d"; } .icon-new-social-responsibility-initiatives:before { content: "\e97e"; } .icon-new-procurement:before { content: "\e97f"; } .icon-new-open-tenders:before { content: "\e980"; } .icon-new-online-services:before { content: "\e981"; } .icon-new-vendor-registration:before { content: "\e982"; } .icon-new-solar-park:before { content: "\e983"; } .icon-new-estimate-payment-for-friend:before { content: "\e984"; } .icon-new-estimate-payment-history:before { content: "\e985"; } .icon-new-estimate-payment-history-for-a-friend:before { content: "\e986"; } .icon-new-education:before { content: "\e987"; } .icon-new-high-low:before { content: "\e988"; } .icon-new-partnership:before { content: "\e989"; } .icon-new-bin:before { content: "\e98a"; } .icon-new-one:before { content: "\e98b"; } .icon-new-awardz:before { content: "\e98c"; } .icon-new-dewa-membership:before { content: "\e98d"; } .icon-new-dewa-projects:before { content: "\e98e"; } .icon-new-dewa-exellence:before { content: "\e98f"; } .icon-new-dewa-vat:before { content: "\e990"; } .icon-b-ddarrow:before { content: "릓"; } .icon-b-ddarrow-rtl:before { content: "릔"; } .icon-new-email:before { content: "豈"; } .icon-new-online-meeting:before { content: "更"; } .icon-new-sms:before { content: "車"; } .icon-new-ev:before { content: "賈"; } .icon-new-global:before { content: "滑"; } .icon-new-easypay:before { content: "串"; } .icon-new-oil-test:before { content: "句"; } .icon-new-jointer:before { content: "龜"; } .icon-new-calibration-connection:before { content: "龜"; } .icon-new-calibration:before { content: "契"; } .icon-new-demineralized:before { content: "金"; } .icon-new-announcement:before { content: "喇"; } .icon-new-info:before { content: "喇"; position: relative; transform: rotateX(180deg); } .icon-new-success-message:before { content: "奈"; } .icon-new-star:before, .form-field--ratingstar .form-field--ratingstar_icon:before { content: "懶"; } .icon-new-malem:before { content: "癩"; } .icon-new-sos:before { content: "羅"; } .icon-new-response:before { content: "蘿"; } .icon-new-edit:before { content: "螺"; } .icon-notif-triangle:before { content: "릒"; } .icon-smartR:before { content: "邏"; } .icon-mute:before { content: "樂"; } .icon-unmute:before { content: "洛"; } .icon-export:before { content: "烙"; } .icon-pod:before { content: "落"; } .icon-new-call:before { content: "珞"; } .icon-new-search:before { content: "酪"; } .icon-new-pod:before { content: "駱"; } .icon-new-arrow-right:before { content: "亂"; } .icon-consumer:before { content: "卵"; } .icon-visitor:before { content: "卵"; } .icon-builder:before { content: "欄"; } .icon-partner:before { content: "爛"; } .icon-supplier:before { content: "蘭"; } .icon-student:before { content: "鸞"; } .icon-new-billing:before { content: "嵐"; } .icon-new-consumption:before { content: "\f0010"; } .icon-new-tools:before { content: "藍"; } .icon-noc-plan:before { content: "襤"; } .icon-partner-list:before { content: "拉"; } .icon-dewa-academy:before { content: "臘"; } .icon-internship:before { content: "蠟"; } .icon-supply-management:before { content: "廊"; } .icon-conservation:before { content: "朗"; } .icon-ev-community:before { content: "浪"; } .icon-general-services:before { content: "狼"; } .icon-project-lifecycle:before { content: "郎"; } .icon-electricity-network:before { content: "來"; } .icon-water-network:before { content: "冷"; } .icon-partnership-management:before { content: "勞"; } .icon-vendor-registration:before { content: "擄"; } .icon-procurement:before { content: "櫓"; } .icon-support-services:before { content: "爐"; } .icon-logout:before { content: "盧"; } .icon-column:before { content: "蘆"; } .icon-line:before { content: "虜"; } .icon-new-set-time:before { content: "路"; } .icon-new-brainstorm:before { content: "露"; } .icon-new-agree:before { content: "魯"; } .icon-medical:before { content: "鷺"; } .icon-happy:before { content: "碌"; } .icon-face4:before, .icon-face5:before { content: "碌"; } .icon-neutral:before { content: "祿"; } .icon-face3:before { content: "祿"; } .icon-sad:before { content: "綠"; } .icon-face1:before, .icon-face2:before { content: "綠"; } .icon-senior:before { content: "菉"; } .icon-download:before, .button--download:before { content: "錄"; } .icon-filter:before { content: "鹿"; } .icon-bell:before { content: "論"; } .icon-dstore:before { content: "壟"; } .icon-saving-plan:before { content: "弄"; } .icon-irrigation:before { content: "籠"; } .icon-green-bill2:before { content: "聾"; } .icon-high-usage2:before { content: "牢"; } .icon-mslp:before { content: "磊"; } .icon-dtmc:before { content: "賂"; } .icon-conversion:before { content: "雷"; } .icon-reasons-high:before { content: "壘"; } .icon-away-mode:before { content: "屢"; } .icon-b-share:before { content: "뤀"; } .icon-b-smart:before { content: "뤁"; } .icon-b-smartar:before { content: "뤂"; } .icon-b-smart-l:before { content: "뤁"; font-size: 150px !important; } .icon-b-smartar-l:before { content: "뤂"; font-size: 150px !important; } .icon-b-electric-appliance:before { content: "뤃"; } .icon-b-lighting:before { content: "뤄"; } .icon-b-cooling:before { content: "뤅"; } .icon-b-water-appliance:before { content: "뤆"; } .icon-b-showers:before { content: "뤇"; } .icon-b-toilet:before { content: "뤈"; } .icon-b-irrigation:before { content: "뤉"; } .icon-b-general-outdoor:before { content: "뤊"; } .icon-b-energy-responsibility:before { content: "뤋"; } .icon-b-clock:before { content: "뤌"; } .icon-b-export:before { content: "뤍"; } .icon-b-videocall:before { content: "뤎"; } .icon-b-upload:before, .button--upload:before { content: "뤏"; } .icon-b-connect-a:before { content: "뤐"; } .icon-b-charge:before { content: "뤑"; } .icon-b-car-charge:before { content: "뤒"; } .icon-b-charging:before { content: "뤓"; } .icon-b-connect-b:before { content: "뤔"; } .icon-b-connect-c:before { content: "뤕"; } .icon-b-car-charge-b:before { content: "뤖"; } .icon-b-car-charge-c:before { content: "뤗"; } .icon-b-phone-card:before { content: "뤘"; } .icon-b-location-signal:before { content: "뤙"; } .icon-b-ev-location:before { content: "뤚"; } .icon-b-ev-reactivate:before { content: "뤛"; } .icon-b-scan-qr:before { content: "뤜"; } .icon-b-led:before { content: "뤝"; } .icon-b-tv:before { content: "뤞"; } .icon-b-computer:before { content: "뤟"; } .icon-b-gaming:before { content: "뤠"; } .icon-b-small-fridge:before { content: "뤡"; } .icon-b-dumbell:before { content: "뤢"; } .icon-b-dishwasher:before { content: "뤣"; } .icon-b-washing-machine:before { content: "뤤"; } .icon-b-estove:before { content: "뤥"; } .icon-b-deep-fridge:before { content: "뤦"; } .icon-b-eoven:before { content: "뤧"; } .icon-b-big-fridge:before { content: "뤨"; } .icon-b-online-support:before { content: "뤩"; } .icon-b-onsite:before { content: "뤪"; } .icon-b-retrofit:before { content: "뤫"; } .icon-b-bookmark-on:before { content: "뤬"; } .icon-b-bookmark-off:before { content: "뤭"; } .icon-b-new-pdf:before { content: "뤮"; } .icon-b-new-dots-menu:before { content: "뤯"; } .icon-b-expo2020:before { content: "뤰"; } .icon-b-expocam:before { content: "뤱"; } .icon-b-expovid:before { content: "뤲"; } .icon-b-cash:before { content: "뤳"; } .icon-b-esearch:before { content: "뤴"; } .icon-b-circlecheck:before { content: "뤵"; } .icon-b-customercenter:before { content: "뤶"; } .icon-b-sshcenter:before { content: "뤷"; } .icon-b-network:before { content: "뤸"; } .icon-b-ribbon:before { content: "뤹"; } .icon-b-fastcash:before { content: "뤺"; } .icon-b-globalcard:before { content: "뤻"; } .icon-b-cheque:before { content: "뤼"; } .icon-b-cashexchange:before { content: "뤽"; } .icon-b-cashcoin:before { content: "뤾"; } .icon-b-ev-faq:before { content: "뤿"; } .icon-b-ev-instructions:before { content: "륀"; } .icon-b-show:before { content: "륁"; } .icon-b-hide:before { content: "륂"; } .icon-b-attach:before { content: "륃"; } .icon-b-view:before { content: "륄"; } .icon-b-pvconverter:before { content: "륅"; } .icon-b-iprotection:before { content: "륆"; } .icon-b-edit:before { content: "륇"; } .icon-b-submit:before { content: "륈"; } .icon-b-resubmit:before { content: "륉"; } .icon-b-sea:before { content: "륊"; } .icon-b-mic:before { content: "륋"; } .icon-b-evhub:before { content: "륌"; } .icon-b-customer-results:before { content: "륍"; } .icon-b-CAT-logo:before { content: "륎"; } .icon-b-wifi:before { content: "륏"; } .icon-b-travel-new:before { content: "륐"; } .icon-b-home-new:before { content: "륑"; } .icon-b-bank:before { content: "륒"; } .icon-b-shopping:before { content: "륓"; } .icon-snapchat:before { content: "륔"; } .icon-linkedin:before { content: "륕"; } .icon-instagram:before { content: "륖"; } .icon-facebook:before { content: "륗"; } .icon-thumbs-up:before { content: "류"; } .icon-thumbs-down:before { content: "류"; transform: rotateX(180deg); -ms-transform: rotate(0deg); } .icon-b-pod-new:before { content: "륙"; } .icon-b-reject:before { content: "륚"; } .icon-b-adduser:before { content: "륛"; } .icon-b-edituser:before { content: "륜"; } .icon-b-slflag-en:before { content: "륝"; } .icon-b-slflag-ar:before { content: "륞"; } .icon-b-dwg:before { content: "륟"; } .icon-b-pdf:before { content: "률"; } .icon-b-pod-sdg:before { content: "륡"; } .icon-b-services-sdg:before { content: "륢"; } .icon-b-email-sdg:before { content: "륣"; } .icon-b-location-sdg:before { content: "륤"; } .icon-b-person-sdg:before { content: "륥"; } .icon-b-smile-sdg:before { content: "륦"; } .icon-b-quote:before { content: "륨"; } .icon-b-irdoc:before { content: "륩"; } .icon-b-dstore-list:before { content: "륪"; } .icon-b-dstore-smartl:before { content: "륫"; } .icon-b-dstore-calendar:before { content: "륬"; } .icon-b-dstore-location:before { content: "륭"; } .icon-b-dstore-discount:before { content: "륮"; } .icon-b-dstore-sort:before { content: "륯"; } .icon-b-d33:before { content: "륰"; } .icon-b-dstore-phone:before { content: "륱"; } .icon-b-dstore-website:before { content: "륲"; } .icon-b-dstore-clock:before { content: "륳"; } .icon-b-stopwatch:before { content: "르"; } .icon-b-section:before { content: "륵"; } .icon-b-circleplay:before { content: "륶"; } .icon-b-exclaim:before { content: "륷"; } .icon-b-eyeclosed:before { content: "른"; } .icon-b-eye:before { content: "륹"; } .icon-b-qmark:before { content: "륺"; } .icon-b-filter2:before { content: "륻"; } .icon-b-evcar:before { content: "를"; } .icon-b-ewdrop:before { content: "륽"; } .icon-b-dstore-tag:before { content: "륾"; } .icon-b-mslp2:before { content: "륿"; } .icon-b-mslpe:before { content: "릀"; } .icon-b-mslpw:before { content: "릁"; } .icon-b-mslpi:before { content: "릂"; } .icon-b-mslphb:before { content: "릃"; } .icon-b-mslphgr:before { content: "름"; } .icon-b-mslphgo:before { content: "릅"; } .icon-b-mslpb:before { content: "릆"; } .icon-b-newbin:before { content: "릍"; } .icon-b-mwh:before { content: "릎"; } .icon-b-area:before { content: "릏"; } .icon-b-dirham:before { content: "D"; } .icon-b-draghandle:before { content: "릐"; } .icon-b-m40success:before { content: "릑"; } .icon-b-m40error:before { content: "릒"; } .icon-b-ddarrow:before { content: "릓"; } .icon-b-ddarrow-rtl:before { content: "릔"; } .icon-b-dirham:before { content: "릕"; } .icon-b-newedit:before { content: "릖"; } .icon-b-shams:before { content: "릗"; } .icon-b-solidclock:before { content: "릘"; } .icon-b-config:before { content: "릙"; } .icon-c-sun:before { content: "준"; } .icon-c-universal-care:before { content: "줁"; } .icon-c-live-inno:before { content: "줂"; } .icon-c-first-aid:before { content: "줃"; } .icon-c-dewa-workplace:before { content: "줄"; } .icon-c-employee:before { content: "줅"; } .icon-c-division:before { content: "줆"; } .icon-c-future-lab:before { content: "줇"; } .icon-c-moro-solar:before { content: "줈"; } .icon-c-mobile-app:before { content: "줉"; } .icon-c-hayyak-lady:before { content: "줊"; } .icon-c-vertual-screen:before { content: "줋"; } .icon-c-whatsapp:before { content: "줌"; } .icon-c-sm-happy:before { content: "줍"; } .icon-c-sm-neutral:before { content: "줎"; } .icon-c-sm-sad:before { content: "줏"; } .icon-c-sm-meet:before { content: "줐"; } .icon-b-receipt:before { content: "중"; } .icon-c-web:before { content: "줒"; } .icon-d-carbonfoot:before { content: "\f0000"; } .icon-d-mslpleaf:before { content: "\f0001"; } .icon-d-mslpsavings:before { content: "\f0002"; } .icon-d-mslphtype:before { content: "\f0003"; } .icon-d-mslpbill:before { content: "\f0004"; } .icon-d-mslpline:before { content: "\f0005"; } .icon-d-downarrow:before { content: "\f0006"; } .icon-d-uparrow:before { content: "\f0007"; } .icon-d-mslpcalendar:before { content: "\f0008"; } .icon-d-column:before { content: "\f0009"; } .icon-d-spline:before { content: "\f000a"; } .icon-d-settings:before { content: "\f000b"; } .icon-d-refund:before { content: "\f000c"; } .icon-d-clearance:before { content: "\f000d"; } .icon-d-movein:before { content: "\f000e"; } .icon-d-moveout:before { content: "\f000f"; } .icon-d-consumption:before { content: "\f0010"; } .icon-d-track:before { content: "\f0011"; } body { font-size: 16px; } .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, h1, .text__innerhero-title { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, h2, .text__section-title--centered, .text__page-title { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, h3, .text__section-title { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, h4, .text__page-intro { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, h5, .text__section-subtitle { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, p, blockquote, .intro-text, .text__content-copy, .text__content-copy--subtitle, .text-page__intro { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .help-text, .help-link, .text__noresults, .text__content-copy--small-grey, .text__content-copy--small { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .m13-supplementary__col1, .text__content-subcopy { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .bidi-override-ltr { direction: ltr; unicode-bidi: bidi-override; } .bidi-override-rtl { direction: rtl; unicode-bidi: bidi-override; } .text__link { color: #007560; } .text__innerhero-title { text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); font-weight: 300; } .text-page__intro { color: #222222; margin-bottom: 0; } .text__section-title--centered { text-align: center; } .text__section-title--centered { text-align: center; } .text__section-subtitle { margin-bottom: 24px; } .text__content-copy--subtitle { font-weight: bold; } .text__content-copy--small-grey { color: #222222; } .text__content-subcopy { color: #222222; } .text__noresults { color: #222222; text-align: center; } .text__content-subcopy { text-align: center; } .m13-supplementary__col1 { text-align: left; } .help-link { text-align: center; } @media screen and (max-width: 599px) { .help-link { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .help-link { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .help-link { margin-bottom: 56px; } } @media screen and (max-width: 599px) { .help-text--form { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .help-text--form { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .help-text--form { margin-bottom: 56px; } } .intro-text.icon, .intro-text.m95-power-outage_card-status:before, .m19-ql-carousel__container .intro-text.slick-next:before, .m19-ql-carousel__container .intro-text.slick-prev:before, .m85-dstore-carousel_container .intro-text.slick-next:before, .m85-dstore-carousel_container .intro-text.slick-prev:before, .survey_wrapper .survey-button-wrapper .intro-text.button--survey-active:before, .m3-teaser-carousel__container .intro-text.slick-next:before, .m3-teaser-carousel__container .intro-text.slick-prev:before, .intro-text.toggle-menu__trigger, .toggle-menu--active .intro-text.toggle-menu__title[class*=icon-] { padding: 0; } .intro-text.icon:before, .intro-text.m95-power-outage_card-status:before, .m19-ql-carousel__container .intro-text.slick-next:before, .m19-ql-carousel__container .intro-text.slick-prev:before, .m85-dstore-carousel_container .intro-text.slick-next:before, .m85-dstore-carousel_container .intro-text.slick-prev:before, .survey_wrapper .survey-button-wrapper .intro-text.button--survey-active:before, .m3-teaser-carousel__container .intro-text.slick-next:before, .m3-teaser-carousel__container .intro-text.slick-prev:before, .intro-text.toggle-menu__trigger:before, .toggle-menu--active .intro-text.toggle-menu__title[class*=icon-]:before { font-size: 28px; color: #222222; } .align-center { text-align: center !important; } h6 { font-weight: 600; } @media screen and (max-width: 599px) { body { font-size: 16px; } .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { line-height: 1.25; } .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { line-height: 1.37; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { font-size: 3em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { font-size: 3em; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { font-size: 2em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { font-size: 2em; } } @media screen and (max-width: 599px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { line-height: 1.46; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { font-size: 1.625em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { font-size: 1.625em; } } @media screen and (max-width: 599px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { line-height: 1.5; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { font-size: 1.375em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { font-size: 1.375em; } } @media screen and (max-width: 599px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { line-height: 1.5; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { font-size: 1.25em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { font-size: 1.25em; } } @media screen and (max-width: 599px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { line-height: 1.56; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { font-size: 1.125em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { font-size: 1.125em; } } @media screen and (max-width: 599px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { line-height: 1.5; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { font-size: 1em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { font-size: 1em; } } @media screen and (max-width: 599px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { line-height: 1.5; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { font-size: 1em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { font-size: 1em; } } @media screen and (max-width: 599px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { line-height: 1.43; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { font-size: 0.875em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { font-size: 0.875em; } } @media screen and (max-width: 599px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { line-height: 1.33; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { font-size: 0.75em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { font-size: 0.75em; } } @media screen and (min-width: 600px) { body { font-size: 16px; } .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { line-height: 1.25; } .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { line-height: 1.35; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { font-size: 3.75em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { font-size: 3.75em; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { font-size: 2.5em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { font-size: 2.5em; } } @media screen and (min-width: 600px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { line-height: 1.37; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { font-size: 2em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { font-size: 2em; } } @media screen and (min-width: 600px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { line-height: 1.5; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { font-size: 1.75em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { font-size: 1.75em; } } @media screen and (min-width: 600px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { line-height: 1.5; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { font-size: 1.5em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { font-size: 1.5em; } } @media screen and (min-width: 600px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { line-height: 1.5; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { font-size: 1.25em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { font-size: 1.25em; } } @media screen and (min-width: 600px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { line-height: 1.56; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { font-size: 1.125em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { font-size: 1.125em; } } @media screen and (min-width: 600px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { line-height: 1.5; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { font-size: 1em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { font-size: 1em; } } @media screen and (min-width: 600px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { line-height: 1.43; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { font-size: 0.875em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { font-size: 0.875em; } } @media screen and (min-width: 600px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { line-height: 1.33; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { font-size: 0.75em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { font-size: 0.75em; } } @media screen and (min-width: 1025px) { body { font-size: 16px; } .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { line-height: 1.24; } .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { line-height: 1.25; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { font-size: 4.25em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m18-quick-tools--investor .m18-quick-tools--info-value, .m7-teaser__content .m7-teaser_large_number { font-size: 4.25em; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { font-size: 3em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .j160-customer-results .j160-customer-results-teaser .results-teaser_number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .text__page-title, .j118-dewa-academy h1, .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--info-value, .j120-smart-response--countdown, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-value, .j106-ideal-home__congratulations, .m2-hero-image--stock__title, .m14-richtext h1, .m125-teaser--content h1, .text__innerhero-title, h1 { font-size: 3em; } } @media screen and (min-width: 1025px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { line-height: 1.35; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { font-size: 2.5em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m127-teaser--title, .j175-strategy .strategy-pagetitle, .j174-dewa-store--faq_bannertitle, .j174-dewa-store--sectiontitle_text, .j174-dewa-store_subtitle, .j173-our-brand h2, .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle, .j157-ir--contactus_title, .m84-bills-compare--footer_rate, .m16-smart-app--title, .j120-smart-response .smart-response-bottom-component h1, .j120-smart-response .smart-response-title-component h1, .aside__maintitle, .j69-dashboard--card-paynow__amount, .m39-modal__title, .toggle-menu--active .toggle-menu__trigger:before, .m14-richtext h2, .m125-teaser--content h2, .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-title, .subtitle__h2, .form__title, .text__page-title, .text__section-title--centered, h2 { font-size: 2.5em; } } @media screen and (min-width: 1025px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { line-height: 1.37; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { font-size: 2em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m111-cs--content_headingtitle, .board-modal .board-modal-header .board-modal-name, .m122-news--modal_title, .j175-strategy .strategy-sectiontitle, .j169-cs--form_title, .j169-cs-type_header-title, .j169-cs--banner_title, .m105-text-chart--title, .j154-sea-assessment_title, .m94-progress-chart .progress-text .progress-text-number, .m28-gauge--switch .m28-gauge--remove, .m28-gauge--details-value, .m87-gauge-alerts--switch .m87-gauge-alerts--remove, .m87-gauge-alerts--details-value, .m82-payment-history--header_title, .m81-total-amount--graph_amount, .j118-dewa-academy h2, .m3-teaser-carousel__slide-panel-title, .m18-quick-tools--title, .m47-new-video-gallery__title-bar .m47-new-video-gallery__title, .m40v2-status-message--error .m40v2-status-message__title, .m40v2-status-message--success .m40v2-status-message__title, .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle, .m69-helpsupport--intro-ideas, .j109-ev-charger .add-button, .m66-preloader-per_number, .m61-subsection h3, .j103-move-in .non-add-button, .j103-move-in .add-button, .j87-partnership-services__modal--title, .aside__title, .summary-footer__title, .chart-header__title:before, .footprint__result, .request-tracker__title, .m40-status-message--error .m40-status-message__title, .m40-status-message--success .m40-status-message__title, .gallery__title, .m27-accessibility-overlay__content .m27-accessibility-overlay__title, .toggle-menu--active .toggle-menu__title:before, .m3-carousel__slide-panel-title, .m23-table__title, .m14-richtext h3, .m125-teaser--content h3, .m1-hero-stock--card_price, .m17-sectiontitle__title, .subtitle__h3, .form-field--upload_drop .button--upload_remove, .text__section-title, h3 { font-size: 2em; } } @media screen and (min-width: 1025px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { line-height: 1.5; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { font-size: 1.75em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m141-modal--header_inner, .m130-teaser--heading-title, .m121-sl--noresults-title, .m114-modal--confirmation_title, .m114-modalform--title, .j176-d33 .not-eligible .not-eligible-title, .j174-dewa-store--offerdeet_title, .j174-dewa-store--newsletter_title, .j173-our-brand h3, .j169-cs--modalcontent-title, .m106-timeline--year, .m101-journey-map2 .m101-journey-map--title, .m101-journey-map .m101-journey-map--title, .j141-tracking--legend, .dewa-bot-message-group-welcome, .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4, .m78-timer--text, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title, .j07-login--columntitle.main, .j07-login--columntitle, .m18-quick-tools .m7-teaser--variant .teaser__title, .m4-masonry .m6-teaser .m6-teaser__counter, .m47-new-video-gallery--playertitle, .j120-smart-response--happinEX__title, .m72-add-form--add, .m72-add-form--subtract, .m69-helpsupport--submit--button, .j106-ideal-home__certificate--text, .m66-preloader-per_title, .m62-expand ol li, .m61-subsection h4, .wc-message-group-welcome, .partner-document-list__item-title, .inline-nav__link, .tender-result__title, .m39-modal--profile .otp--modalcontent-title, .m15-social-media-feed__text, .m2-hero-image--stock__subtitle, .m14-richtext h4, .m125-teaser--content h4, .m1-hero__carousel-slide-panel-text, .bullet_list, .check_list, .text__page-intro, h4 { font-size: 1.75em; } } @media screen and (min-width: 1025px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { line-height: 1.5; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { font-size: 1.5em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m130-teaser--title, .m125-teaser--title, .m111-content-scroller--nav_mobile-label, .m111-cs--headingtitle, .m111-cs--content_headingsubtitle, .m126-cardvalue--heading, .m126-profilecard--profile_maintext, .m125-formcard--profile_maintext, .m123-download--title, .j182-member-name, .m122-news--weekly_title, .button--end, .m114-modalform--item_title, .m114-modal--detail_title, .j175-strategy .strategy-subtitle-normal, .j175-strategy .strategy-subtitle, .j174-dewa-store--branddetails_title, .j174-confirmation-modal--title, .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title, .j174-dewa-store--offerdeet .m39-modal__title, .j174-dewa-store--headingtitle, .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel, .m110-home-compare--title, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .dna-item-details-name, .j173-our-brand h5, .masar-sectiontitle, .j171-masar .j171-masar--sectionlabel, .j169-cs--banner_text, .j169-cs--sectionlabel, .m106-timeline--date, .m105-text-chart--subtitle, .m101-journey-map .m101-journey-map--item_order, .m39-modal--ev_cardtitle .m39-modal__title, .j160-customer-results .m17-sectiontitle .text__section-subtitle, .j154-sea-assessment_footerbg, .j154-sea-assessment--sectionTitle, .j154-sea-intro_progress .j154-sea-donut-number, .j140-conservation-combine.j140-conservation-combine-fonts-fix .m17-sectiontitle__title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title, .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title, .j139-noor-hayat .text__page-sub-title, .m29v4-chart__nodata-container .m29v4-chart__nodata, .j134-media--noresults, .m84-bills-compare--no-data, .m81-total-amount--EV .m81-total-amount--graph_amountstrike, .m80-my-consumption--profile_ratenum, .m29v3-chart__nodata-container .m29v3-chart__nodata, .success-summery .summery-value, .success-summery .summery-title, .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit, .j01-transaction-history .transaction-history--wrapper .m39-modal__title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3, .j01-transaction-history .iban-update--wrapper .m39-modal__title, .survey_wrapper .survey_q, .m9-new-teaser--bg .teaser__link .teaser__copy, .m9-new-teaser--bg .teaser__link .teaser__title, .m21-avatar__name, .m16-smart-app--desc, .m18-qt-contact--name, .m18-quick-tools--contactus_text, .m47-new-video-gallery--playlist-title, .m74-rammas_expand--auto .m74-rammas_expand--highlight, .j120-smart-response-status .j120-smart-response--track_title, .j120-smart-response--happinEX-yesno, .j120-smart-response--happinEX__subtitle, .form-field__input-wrapper_otp .form-field__input--otp, .j120-smart-response--track .j120-smart-response--track_title, .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title, .j120-smart-response--form .m40-status-message--success .m40-status-message__title, .j120-smart-response .smart-response-title-component h2, .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title, .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit, .j120-smart-response .m28-gauge .m28-gauge--header_title, .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title, .m72-add-form--remove_item span, .m72-add-form--add_item span, .j109-ev-charger .j109-ev-charger-register p, .j106-ideal-home__video-section, .j106-ideal-home__survey-section, .j106-ideal-home__score, .j106-ideal-home__stat-title, .j106-ideal-home__appreciation, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name, .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title, .m67-confirmation-message__detail--value, .m63-search-results .m63-search-results__result-item h5, .m60-teaser--investor .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service--add strong, .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title, .transaction-history--wrapper .m39-modal__title, .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before, .sitemap .sitemap_item--title, .j69-dashboardEV--total .j69-dashboardEV--total_numeral span, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title, .m43-accountsel .m39-modal__title, .m42-keyvalue__key--totalmovein.m42-keyvalue__key, .m42-keyvalue__value--totalmovein.m42-keyvalue__value, .m42-keyvalue__value, .m39-modal--new .m39-modal__title, .m39-modal__dialog--payment .m39-modal__header .m39-modal__title, .m36-videoplayer-teaser--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--title, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .m12-bar--investor__wrapper_dark .m12-bar--investor__title, .m12-bar--investor__title, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text, .m26-page-title .text-page__intro, .m14-richtext h5, .m125-teaser--content h5, .m1-hero__carousel-slide-panel-subtitle, .m6-teaser3 .m6-teaser3--title, .m6-teaser2 .m6-teaser2--title, .m6-teaser--variant .m6-teaser--footer_link, .teaser__title, .form-field--add_button span, .fieldset_legend-title, .legend, .display-section-legend, .text__section-subtitle, h5 { font-size: 1.5em; } } @media screen and (min-width: 1025px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { line-height: 1.5; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { font-size: 1.25em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m143-cornertoast--headertitle, .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val, .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered), .m125-teaser--content, .m112-file-list--item_title, .m111-content-scroller--nav_heading, .m126-cardvalue--fakecheckbox-title, .m124-hero--desc, .m126-profilecard--modal_title, .m126-profilecard--title, .m125-formcard--modal_title, .m125-formcard--title, .board-modal .board-modal-header .board-modal-desig, .m122-news--modal_desc, .m122-news--item_title, .m121-sl--overlay-title, input.m121-sl--input-input, .m114-modal--confirmation_footnote, .m114-modal--confirmation_btn, .m114-modal--confirmation_cta .link, .m114-modal--confirmation_cta .m111-cs--content_headinglink, .m114-modal--confirmation_cta .form-links__link, .m114-modal--confirmation_cta .m14-richtext a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m125-teaser--content .m114-modal--confirmation_cta a:not(.button):not(.button--centered), .m114-modal--confirmation_cta .links-list__link, .m114-modal--confirmation_text, .m114-modalform--later, .m114-modalform--header_progtext, .m114-modalform--subtitle, .m114-modal--detail_profiletext, .m114-modal--detail_item, .m114-modal--title, .m112-teaser--title, .m112-teaser--tag, .m111-mini-teaser--link, .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested, .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt, .j174-dewa-store--offerdeet_brandtext, .j174-dewa-store--empty_txt, .j174-dewa-store--myoffer_detstitle, .j174-confirmation-modal--text, .j174-dewa-store--tablink, .j174-dewa-store--offerdeet_discount, .j174-dewa-store--faq_bannerdesc, .j174-dewa-store--offer_title, .j174-dewa-store--category_text, .j174-dewa-store--headingdesc_text, .m110-home-compare--desc, .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title, .j158-search-results-feedback .feedback-form-list .feedback-form-list-item, .j158-search-results-feedback .feedback-title, .j158-search-results--tab a, .j169-cs--form_subtitle, .j169-cs--section_link, .j169-cs-type_header .button--text.button--next, .j169-cs-type_header .button--next.button--text-centered, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next, .j169-cs-type_header .button--text.form-submit, .j169-cs-type_header .button--text-centered.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a, .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio, .j170-joint-owner-request .owner-fieldset_title, .m95-power-outage_card-title, .m109-mini-teaser--title, .m108-atc--title, .m108-atc--time, .m107-mbar-chart .m107-mbar-chart-title, .m106-timeline--desc, .m105-text-chart--graphtitle, .m105-text-chart--text, .m101-journey-map2 .m101-journey-map--item_grouptitle, .m101-journey-map2 .m101-journey-map--box__title, .m101-journey-map .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--box__title, .m100-ev-card--detail_value, .j157-ir--contactus_itemtitle, .j155-evp-space .m60-teaser .teaser__title, .j154-sea-assessment--graph_title, .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link, .j154-sea-assessment--tip_desc, .j154-sea-assessment--tip_title, .j154-sea-assessment--tip_header, .j154-sea-assessment_subtitle, .j154-sea--status_title, .j154-sea-prevrep, .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc, .m93-tabs-content__tab, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title, .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number, .j141-tracking--card .j141-tracking--card_title, .j141-tracking--sublegend, .m91-teaser .teaser__copy, .m89-donut-chart .dataname, .m89-donut-chart .datalabel, .m29v4-chart--title, .m28-gauge--header_title, .m28-gauge--infotitle, .m28-gauge--switch_unit, .m28-gauge--card_title--head, .j134-media--md-key, .dewa-bot-slider-detail .dewa-bot-teaser_title, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title, .m87-gauge-alerts--infotitle, .m87-gauge-alerts--switch_unit, .m87-gauge-alerts--card_title--head, .m86-dstore-teaser_title, .m84-bills-compare-modal--totalamount, .m84-bills-compare-modal--totaltext, .m84-bills-compare--header_title, .m84-bills-compare .highcharts-data-table caption, .m83-usefultips-teaser--title, .m82-payment-history--card_totalamount, .m81-total-amount--graph_suffix, .m81-total-amount--graph_header, .m80-my-consumption--profile_detailstitle, .m29v3-chart--title, .j132-happinex--panel .form-field__label, .j132-happinex--panel .j100-expander_label, .j132-happinex--panel .field-title, .j131-scrap-sales--table_title p, .j131-scrap-sales_modal-content, .j118-dewa-academy .button--outline, .j118-dewa-academy h3, .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle, .j01-transaction-history .iban-update--wrapper .m37-expander h4, .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle, .m76-range-slider--temp .m76-range-quant, .m76-range-slider .sliderticks .ticks-active, .survey_wrapper .survey-button-wrapper .button--survey-active, .survey_wrapper .survey-button-wrapper button, .m9-new-teaser--news .teaser__copy, .m9-new-teaser .teaser__title, .m18-qt-contact--link, .m18-qt-contact--text, .m18-qt-contact--designation, .m18-quick-tools--info-key, .m18-quick-tools--subtitle, .j174-dewa-store--teaser_title, .m4-masonry--title, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemtitle, .m47-new-video-gallery--playerdesc, .m47-new-video-gallery--playlist_title, .m74-rammas_expand--auto .m74-rammas_expand--closebtn, .m74-rammas_expand--auto .m74-rammas_expand--text, .m74-rammas_expand--highlight, .j120-smart-response--refresh-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title, .j120-smart-response--card_num .j120-smart-response--card_text, .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios, .j120-smart-response--survey_page, .j120-smart-response--track, .j120-smart-response--button, .j120-smart-response--text, .j120-smart-response .smart-response-bottom-component p, .j120-smart-response .smart-response-title-component p, .j120-smart-response .m89-donut-chart .m89-donut-chart__title, .m70-status-tracker-verticalnew .m70-status-tracker--item_desc, .m70-status-tracker-verticalnew .m70-status-tracker--item_title, .m70-status-tracker-new .m70-status-tracker--item_desc, .m70-status-tracker-vertical .m70-status-tracker--item_title, .m69-helpsupport--intro-esuggest, .j106-ideal-home__stat-progress, .j106-ideal-home__certificate--footer, .j106-ideal-home__score-subtitle, .m67-confirmation-message__detail--detail, .m67-confirmation-message__title, .m65-gallery__caption, .m62-expand--footnote, .m62-expand-variant ul li .m62-expand-title, .m60-teaser--investor .m60-teaser--investor_link a, .m60-teaser .teaser__link .teaser__copy, .browserupgrade, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .transaction-history--wrapper .form-field__radio, .transaction-history--wrapper .field-content--radio, .sitemap .sitemap_secondaryitem--title, .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new, .j69-dashboardEV--total .j69-dashboardEV--total_numeral, .j69-dashboard--card_title, .j69-dashboard__charts .m17-sectiontitle h3, .m43-shamsli--name, .m43-accountsel__selected .m43-accountsel__nickname, .m43-accountsel__nickname, .m38-steptracker__info-wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-link, .m41-tabs-box--variant4 .m41-tabs-box__tab-link, .m41-tabs-box__tab-link, .m39-modal--dstore .m39-modal__title, .m39-modal--longform .m39-modal__title, .m39-modal__content--separator, .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead, .m39-modal--new .m39-modal__subtitle, .m39-modal--new .status__text, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large, .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title, .m36-videoplayer--variant .m36-videoplayer--description, .m36-videoplayer--variant .m36-videoplayer--title, .m12-quicklinks--mobiletitle, .m12-search__input, .m10-download__horiz.m10-download .m10-download__title, .m10-download .m10-download__title, .m12-UAEpass--wrapper .m12-UAEpass--button-link, .m12-UAEpass--wrapper .button--uaepass, .m26-page-title .text-page__intro, .m8-teaser .teaser__copy, .m14-richtext h6, .m125-teaser--content h6, .m1-hero-stock--card_volume, .m1-hero-stock--card_change, .m1-hero .slick-dots li button, .m7-teaser-row .m7-teaser__content .m7-teaser__copy, .m7-teaser--variant .m7-teaser__copy, .m7-teaser--variant .teaser__title, .m6-teaser--nav, .m6-teaser--variant .m6-teaser__title, .m6-teaser__title, .m17-sectiontitle--daterange, .border-legend .legend-title, .form-dynamic-section_title, .form-field--select--big, .form-field--iconradio2 .form-field__fakeiconradio, .form-field--buttonradio2 .form-field__fakeradio, h6 { font-size: 1.25em; } } @media screen and (min-width: 1025px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { line-height: 1.5; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { font-size: 1em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m143-cornertoast--bodycontent, .m143-cornertoast, .m142-notif-banner--content, .m130-teaser--content, .m112-file-list--item_subtitle, .m111-cs--headingstats, .m127-teaser--desc, .m126-cardvalue--fakecheckbox-desc, .m127-menucard--item, .m127-menucard-link, .m123-download, .board-modal .board-modal-body, .j182-member-desig, input.m116-pagination--current, .m114-modalform--field_input--save, .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox, .m114-modalform--next, #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a, .j176-d33 .not-eligible .not-eligible-txt, .j173-our-brand .brand-section-timeline-item .timeline-item-year, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details, .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend, .j158-search-results-feedback .feedback-sub-title, .j169-cs--sectiondesc, .m101-journey-map .m101-journey-map--item_steps, .j160-customer-results .j160-customer-results-teaser .results-teaser_title, .j155-evp-space .m60-teaser .teaser__link .teaser__copy, .request_links_noc a, .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a, .m94-progress-chart, .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title, .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked, .j141-tracking--card .j141-tracking--card_date, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_title, .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title, .m89-donut-chart .datatime, .m89-donut-chart__title, .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active, .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year, .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title, .m28-gauge--details-unit, .j134-media--md-keyval, .m55a-rammas--disclaimer_text, .m55a-rammas--welcome_FL, .dewa-bot-card.receipt th[colspan="2"], .dewa-bot-card h1, .dewa-bot-card button, .dewa-bot-teaser_title, .dewa-bot-message-wrapper, .m55a-rammas--close-button, .m55a-rammas--back-button, .m87-gauge-alerts--details-unit, .m83-usefultips-teaser--desc, .m82-payment-history--card_listitem2, .m82-payment-history--card_listitem, .m82-payment-history--card_header, .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem, .m81-total-amount--list_item, .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active, .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year, .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title, .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy, .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title, .m4-masonry .m6-teaser .m6-teaser__text, .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen, .m47-new-video-gallery--playlist_date, .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status, .j120-smart-response--card, .j120-smart-response--happinex_back, .j120-smart-response--smiley_back, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__copy, .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title, .m70-status-tracker-new .m70-status-tracker--item_title, .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j109-ev-charger .language-switch .m39-modal__title, .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header, .m63-search-results .m63-search-results__fieldset-title, .m63-search-results .m63-search-results__result-views, .m63-search-results .m63-search--font-dec, .m61-subsection span, .m60-teaser-strategy .teaser__title, .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link, .m60-teaser--dstore .teaser__link .teaser__copy, .m60-teaser--dstore .teaser__link .teaser__title, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date, .j102-tayseer-service .easypay-logo, .j102-tayseer-service .j102-tayseer-service--acc-num, .j102-tayseer-service .count-tayseer, .m55-rammas--disclaimer_text, .m55-rammas--welcome_FL, .wc-card.receipt th[colspan="2"], .wc-card h1, .m55-rammas--close-button, .m55-rammas--back-button, .m31-search--dm_item .m31-search--dm_linkTitle, .m31-search--doormat .m31-search--dm_title, .m49-no-matches, .partner-document-list__item-datetime, .form-introduction p, .transaction-history__detail-amount--reciept, .transaction-history__detail-amount--bill, .transaction-history__title, .j100-services-map__cat-modal .filters-modal-title, .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox, .j100-services-map__filters-modal .filters-modal-title, .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox, .tender-result__note, .tender-result__key, .tender-result__value, .aside__text, .m45-estimate-selector__id, .m44-bill-selector__name, .journey-intro__text, .journey-intro__subtitle, .request-tracker__type, .user-widget__name, .button-box__text, .m43-accountsel__selected .m43-accountsel__secondarydetails, .m43-accountsel__selected .m43-accountsel__details, .m43-accountsel__selected .m43-accountsel__name, .m43-accountsel__name, .m43-accountsel__labelstyle, .m41-tabs-box--variant6 .add-link, .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link, .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link, .m41-tabs-box--variant5 .m41-tabs-box__tab-item, .m41-tabs-box--variant4 .m41-tabs-box__tab-item, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link, .m42-keyvalue__value.m42-keyvalue__value--justified, .m42-keyvalue__key.m42-keyvalue__key--justified, .m42-keyvalue__value--stacked, .m42-keyvalue__key--stacked, .m42-keyvalue__key--summary, .m42-keyvalue__value--summary, .m42-keyvalue__value--tertiary, .m42-keyvalue__value--secondary, .m42-keyvalue__key, .whatsnext .text__content-copy, .whatsnext .text__section-title, .m40-status-message__title, .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang, .m39-modal--confirm .m39-modal__content, .m39-modal--confirm .m39-modal__title, .cpo-modal .m39-modal__title, .j102-tayseer-service .m39-modal__title, .m39-modal--new .status__subtext, .m39-modal__suqia--donation .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small, .m39-modal__tnc .m39-modal__trigger, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text, .m32-map__list .m32-map__list-item-title, .m32-map__overlay .m32-map__rating, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text, .m32-map__btn, .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item, .m12-myaccount-mobile__link, .m27-accessibility-overlay__column .m67-confirmation-message__title, .m27-accessibility-overlay__content .submenu__title, .m20-notification--marquee .teaser__copy, .sap-maintenance-notification .m20-newstyle-close, .notification-newstyle .teaser__copy, .m25-tabs__tab, .m3-carousel__slide-panel-text, .m22-image-with-caption__caption, .m14-richtext.otp-richtext .m78-timer-instructions, .otp-richtext.m125-teaser--content .m78-timer-instructions, .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p, .m14-richtext p, .m125-teaser--content p, .m14-richtext blockquote, .m125-teaser--content blockquote, .m7-teaser-row .m7-teaser__content .teaser__title, .m6-teaser3--desc, .m6-teaser2 .m6-teaser2--desc, .m6-teaser--dashboard2 .m6-teaser__title, .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight, .m17-sectiontitle-bes.m17-sectiontitle__cta, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .button--upload--variant, .button--upload, .button--download, .button--very_small, .button--small, .button--breadcrumb, .button--breadcrumbtext, .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered, .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered, .form-field__input-prefix--mn-dropdown, .form-field__switch--text, .form-field__switch-label, .form-field__messages-password ul li, .form-field__fakecheckbox--right, .form-field__fakecheckbox--text, .form-field__fakecheckbox, .form-field__fakeradio--text, .form-field__fakeradio .form-field__fakeradio-info, .form-field__fakeradio, .form-field--upload_dzfiles-title, .form-field--upload_dzfiles .form-field__input--upload-filename, .form-field__input--upload-filename, .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before, .form-field__input--readonly-currency:after, .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color], .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid, .form-field__label--tooltip, .form-field__label, .field-title, .j100-expander_label, .form .text__content-copy, .text-page__intro, .text__content-copy--subtitle, .text__content-copy, .intro-text, p, blockquote { font-size: 1em; } } @media screen and (min-width: 1025px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { line-height: 1.43; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { font-size: 0.875em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m143-cornertoast--headersubtitle, .m141-modal--card_subtitle, .m130-teaser--date, .m111-cs--tool_label, .m129-away--tag, .m128-customer-tabs--tablink, .m126-profilecard--key, .m125-formcard--key, .m116-pagination, .m116-group-teaser .m116-group-teaser-title, .m113-tabs--tablink, .m112-teaser--tip_text, .m112-teaser--desc, .j174-dewa-store--myoffer_detsquant, .j174-dewa-store--myoffer_sup, .j174-dewa-store--tabcontent_contactkey, .j174-dewa-store--offerdeet_discounttag, .j174-dewa-store--offerdeet_favemsg, .j174-dewa-store--offer_price.strike, .j174-dewa-store--offer_tag, .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character, .j169-cs--sectiontrack-headingsubtitle, .j170-joint-owner-request .icon-item-remove, .m95-power-outage_card-detail, .m95-power-outage_card-notif, .m108-atc--cta, .m107-mbar-chart .highcharts-data-label text, .m107-mbar-chart .highcharts-data-label, .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title, .m101-journey-map2 .m101-journey-map--item_note, .m101-journey-map2 .m101-journey-map--item_thumbnailtxt, .m101-journey-map .m101-journey-map--item_note, .m100-ev-card--title .m100-ev-card--title_title, .m100-ev-card--detail_key, .m100-ev-card--actions, .j160-customer-results .j160-customer-results-teaser .results-teaser_year, .j155-evp-space .m60-teaser .teaser__subtitle, .j154-sea--status_section, .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal, .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched, .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num, .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text, .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date, .j141-tracking--card .j141-tracking--card_subtitle, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_links, .j141-tracking-anonymous .m70-status-tracker-vertical .m70-status-tracker--item_desc, .j133-owner-tracking-system-map_address, .m91-teaser__url, .m28-gauge--switch_tl, .m28-gauge--details-alert, .m28-gauge--details-button, .dewa-bot-card, .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton, .m55a-rammas, .m87-gauge-alerts--disclaimer, .m87-gauge-alerts--switch_tl, .m87-gauge-alerts--details-alert, .m87-gauge-alerts--details-button, .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active, .j132-happinex--panel .m76-range-slider .sliderticks .ticks, .survey_wrapper .ticks-inner-subtext, .m3-teaser-carousel__slide-panel-text, .j07-login--separatortext, .j07-login .form-field__helplink, .m9-new-teaser .teaser__content .teaser__date, .m21-avatar__image .m21-avatar__image--control, .m4-masonry--item_promo .m4-masonry--subtitle, .m4-masonry--list_item-tag, .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc, .m40v2-status-message__text, .m74-rammas_expand--action, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime, .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle, .j120-smart-response--survey-desc, .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item, .m70-status-cs--sectiontrack-headingsubtitle, .m70-status-tracker__step-text, .j109-ev-charger .language-switch .m39-modal__trigger, .j109-ev-charger .language-switch .m39-modal__content, .m63-search-results .m63-search-results__result-date, .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date, .j102-tayseer-service .j102-tayseer-service--remarks, .j102-tayseer-service .j102-tayseer-service--out-amount, .wc-card button, .wc-card, .m55-rammas, .j103-move-in--redeem_text, .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header, .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete, .refund_detail-card .refund_detail-status, .transaction-history__detail-item-refund, .transaction-history__detail-item, .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt, .j43-chat-panel__button--primary, .sitemap .sitemap_secondaryitem--item ul, .inline-nav__description, .m45-estimate-selector__key, .m45-estimate-selector__value, .m45-estimate-selector__amount, .m45-estimate-selector__description, .m45-estimate-selector-trigger__label, .estimate-history__key, .estimate-history__value, .m44-bill-selector__confirmation-details, .m44-bill-selector__review-details--edit, .m44-bill-selector__review-details--final, .m44-bill-selector__details, .m44-bill-selector__partner-title, .m44-bill-selector__status, .m44-bill-selector__labelstyle, .m29-chart__link, .footprint__key-value, .footprint__summary, .request-tracker__summary, .request-tracker__notifnum, .request-tracker__date, .request-tracker__state, .user-widget__link, .links-list, .seperator__text, ul.pagination, .m43-accountsel__details, .m43-accountsel__accounts-listheader, .m43-accountsel__status, #clear-link, .accountselector-ownertype, .accountselector-moveoutreference, .m37-expander__trigger, .m40-status-message__text, .j102-tayseer-service .m39-modal__content, .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title, .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text, .m39-modal__trigger, .endoflist, .m32-map__overlay-body, .m32-map__list-item-status, .m32-map__list .m32-map__list-item-address, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text, .m32-map__overlay .m32-map__overlay-address, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification, .m36-videoplayer--variant .m36-videoplayer--date, .m12-menuover-closebutton, .m12-myaccount--dropdown_link, .m12-myaccount--dropdown_sectiontitle, .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__pagination, .m33-thumbnail-gallery__date, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle, .m27-accessibility-overlay__content .m27-accessibility-overlay__link, .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .m27-accessibility-overlay__intro, .notification-newstyle .m20-newstyle-close, .m12-bar__breadcrumb--tools, .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring, .m12-UAEpass--wrapper .m12-UAEpass--button-text, .m11-contact__notes, .m11-contact__location, .m11-contact__address, .m1-contact__address, .m11-contact__text, .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m111-cs--content_headinglink:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .links-list__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .form-links__link:not(.link--icon), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m14-richtext a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) .m125-teaser--content a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m11-contact__row:not(.m11-contact__subtitle):not(.m11-contact__text) a:not(.link--icon):not(.button):not(.form-submit):not(.button--centered), .m11-contact__subtitle, .m23-table__content-table-row, .m26-page-title__date, .m8-teaser__url, .m1-hero-stock--card_graph--update, .m13-footer--floating_link:not(.rammas), .m13-footer--medialinks-desc, .tooltipster-sidetip .tooltipster-content, .update_account_details__block, .teaser__copy, .button-more--link, .button-more--container.actions, .form-field__label-details, .form-field__key--text, .form-field__input--upload-filesize_rate, .form-field__input--upload-filesize, .form-links__item, .form-field__charcount, .form-field__helplink, .form-field__description, .form-field__error, .field-error, .parsley-errors-list, .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message, .list__title, .list, .text__content-copy--small, .text__content-copy--small-grey, .text__noresults, .help-link, .help-text { font-size: 0.875em; } } @media screen and (min-width: 1025px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { line-height: 1.33; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { font-size: 0.75em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m127-menucard--category, .m95-power-outage_card-status .m95-power-outage_card-statusdate, .j154-sea-assessment_progress .j154-sea-donut-text, .dewa-bot-message-from, .cell_label-edit, .m47-new-video-gallery--playlist_len, .m40v2-status-message__referance, .m72-add-form--footnote, .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category, .m61-subsection .m16-subsection-item ul li, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay, .wc-message-from, .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count, .j43-chat-icon__text, .theme--a .m30-share .m30-share__button, .m40-status-message__referance, .cpo-modal .m39-modal__trigger, .j102-tayseer-service .m39-modal__trigger, .m39-modal__tabs-content .tabs-content-comments .readonly-text, .m32-map__directions-link, .m32-map__overlay .m32-map__rating-reviews, .m12-myaccount__loggedin, .dsg-service, .m12-lang-switch_mobile, .m23-table--variant2.m23-table--masar .status-label, .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span, .rammas-text-large, .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before, .m13-back-to-top, .teaser__date, .form-field__switch--subtext, .form-field__fakecheckbox--subtext, .form-field__fakeradio--subtext, .form-field__checkbox--pdf, .legend small, .display-section-legend small, .text__content-subcopy, .m13-supplementary__col1 { font-size: 0.75em; } } .icon-font:before, .m85-dstore-carousel .slick-dots li.slick-active button:before, .m85-dstore-carousel .slick-dots li button:before, .m18-quick-tools .slick-dots li.slick-active button:before, .m18-quick-tools .slick-dots li button:before, .m61-subsection .m16-subsection-item ul li:before, .chart-header__title:before, .m33-thumbnail-gallery__button--share:before, .gallery__button--back:before, .m20-new-close:before, .m20-notification__dismiss:before, .m3-carousel .slick-dots li.slick-active button:before, .m3-carousel .slick-dots li button:before, .m23-table__title--icon:before, .button--breadcrumb.button--next:before, .button--breadcrumb.form-submit:before, .button--remove:before, .button--cancel:before, .button--edit:before, .button--printer:before, .button--share:before, .button--down:before, .button--up:before, .button--back:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before, .button--play:before, .button--text.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .button--text.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .button--next.button--text-centered:before, .button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .form-submit:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; } .icon:before, .m95-power-outage_card-status:before, .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .slick-prev:before, .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .slick-prev:before, .survey_wrapper .survey-button-wrapper .button--survey-active:before, .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .slick-prev:before, .toggle-menu__trigger:before, .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .toggle-menu__trigger:before, [class^=icon-]:before, [class*=" icon-"]:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; font-size: 30px; } [class^=icon-new-]:before, [class*=" icon-new-"]:before { font-size: 30px; } .icon-menu:before { content: "\e600"; } .icon-profile:before { content: "\e601"; } .icon-search:before { content: "\e602"; } .icon-accessibility:before { content: "\e603"; } .icon-open:before, .j100-expander_input.closed:before { content: "\e604"; } .icon-close:before, .j100-expander_input.open:before { content: "\e605"; } .icon-back:before { content: "\e606"; } .icon-forward:before { content: "\e607"; } .icon-cancel:before, .m70-status-tracker-vertical-title.rejected:before, .button--upload_remove:before { content: "\e608"; } .icon-back_large:before { content: "\e609"; } .icon-pagination_inactive:before { content: "\e60a"; } .icon-pagination_active:before { content: "\e60b"; } .icon-forward_large:before { content: "\e60c"; } .icon-share:before { content: "\e60d"; } .icon-twitter:before { content: "륧"; } .icon-youtube:before { content: "\e60f"; } .icon-google:before { content: "\e613"; } .icon-play:before { content: "\e614"; } .icon-pause:before { content: "\e615"; } .icon-calendar:before { content: "\e616"; } .icon-email:before { content: "\e617"; } .icon-location:before { content: "\e618"; } .icon-printer:before { content: "\e619"; } .icon-photo:before { content: "\e61a"; } .icon-call:before { content: "\e61b"; } .icon-callback:before { content: "\e61c"; } .icon-edit:before { content: "\e61d"; } .icon-locked:before { content: "\e61e"; } .icon-caution:before { content: "\e61f"; } .icon-tick:before { content: "\e620"; } .icon-quick_pay:before { content: "\e621"; } .icon-prayertime:before { content: "\e622"; } .icon-weather:before { content: "\e623"; } .icon-QR_Scan:before { content: "\e624"; } .icon-Moving_In:before { content: "\e625"; } .icon-Moving_Out:before { content: "\e626"; } .icon-Contact_Information:before { content: "\e627"; } .icon-Customer_Category:before { content: "\e628"; } .icon-Tenancy_Contract:before { content: "\e629"; } .icon-Premise_Type:before { content: "\e62a"; } .icon-Temporary_Connection:before { content: "\e62b"; } .icon-Understanding_Your_Bill:before { content: "\e62c"; } .icon-Track_Requests:before { content: "\e62d"; } .icon-Billing_Complaint:before { content: "\e62e"; } .icon-Collective_Account:before { content: "\e62f"; } .icon-Add_To_Collective_Billing:before { content: "\e630"; } .icon-Change_Of_Landlord_Information:before { content: "\e631"; } .icon-Interuption_Services:before { content: "\e632"; } .icon-Clearance_Certificate:before { content: "\e633"; } .icon-Subscribe:before { content: "\e634"; } .icon-Local_Purchase_RFx:before { content: "\e635"; } .icon-Trenders_Open__Closed:before { content: "\e636"; } .icon-Estimate_Payment:before { content: "\e637"; } .icon-Track_Applications:before { content: "\e638"; } .icon-RFx_And_Auction:before { content: "\e639"; } .icon-Purchase_Orders:before { content: "\e63a"; } .icon-Building_NOC:before { content: "\e63b"; } .icon-Demolition_NOC:before { content: "\e63c"; } .icon-Government_Observation:before { content: "\e63d"; } .icon-Pay_For_A_Friend:before { content: "\e63e"; } .icon-Transaction_History:before { content: "\e63f"; } .icon-Job_Seeker:before { content: "\e640"; } .icon-Link_My_ID:before { content: "\e641"; } .icon-Roadwork_Information:before { content: "\e642"; } .icon-Best_Consumer_Award:before { content: "\e643"; } .icon-Peak_Load_Survey:before { content: "\e644"; } .icon-Leave_Feedback:before { content: "\e645"; } .icon-Summary:before { content: "\e646"; } .icon-Special_Event:before { content: "\e647"; } .icon-Lighting:before { content: "\e648"; } .icon-Water:before { content: "\e649"; } .icon-Carbon_Footprint:before { content: "\e64a"; } .icon-Unsubscribe:before { content: "\e64b"; } .icon-new-home:before { content: "\e909"; } .icon-new-myaccount:before { content: "\e90d"; } .icon-new-bill:before { content: "\e96c"; } .icon-new-bill-enquiry:before { content: "\e936"; } .icon-new-bill-inquiry:before { content: "\e936"; } .icon-new-pay-friend:before { content: "\e92b"; } .icon-new-supply-service:before { content: "\e930"; } .icon-new-submit-feedback:before { content: "\e95f"; } .icon-new-contact:before { content: "\e919"; } .icon-EV-Charge:before { content: "\e926"; } .icon-new-water:before { content: "\e923"; } .icon-new-callback:before { content: "\e966"; } .icon-new-connection:before { content: "\e94e"; } .icon-new-cooling:before { content: "\e916"; } .icon-new-tips:before { content: "\e924"; } .icon-new-lighting:before { content: "\e913"; } .icon-new-irrigation:before { content: "\e920"; } .icon-new-clearance-certificate:before { content: "\f000d"; } .icon-new-refund:before { content: "\f000c"; } .icon-new-change-premise-type:before { content: "\e96a"; } .icon-new-submit-complaint:before { content: "\e93a"; } .icon-new-calculate-tariff:before { content: "\e952"; } .icon-new-trend-consumption:before { content: "\e928"; } .icon-new-understand-bill:before { content: "\e95c"; } .icon-new-update-contact:before { content: "\e93b"; } .icon-new-billing-complaint:before { content: "\e96b"; } .icon-new-request-collective-ac:before { content: "\e94f"; } .icon-new-add-collective-billing:before { content: "\e95d"; } .icon-new-change-landlord-information:before { content: "\e941"; } .icon-new-transaction-history:before { content: "\e92f"; } .icon-new-change-customer-category:before { content: "\e934"; } .icon-new-payment-methods:before { content: "\e935"; } .icon-new-track-requests-complaints:before { content: "\e940"; } .icon-new-request-temp-connection:before { content: "\e94e"; } .icon-new-interruption-service:before { content: "\e964"; } .icon-new-roadwork-info:before { content: "\e954"; } .icon-new-estimate-payment:before { content: "\e969"; } .icon-new-newsletter:before { content: "\e93c"; } .icon-new-payment-location:before { content: "\e951"; } .icon-new-make-suggestion:before { content: "\e943"; } .icon-new-neighbourhood-compare:before { content: "\e953"; } .icon-new-compare-multiple-ac:before { content: "\e945"; } .icon-new-hayak:before { content: "\e94b"; } .icon-new-shams-dubai:before { content: "\e922"; } .icon-new-building-noc:before { content: "\e955"; } .icon-new-fitout-application:before { content: "\e958"; } .icon-new-infrastructure-services:before { content: "\e94a"; } .icon-new-arrow-top:before { content: "\e900"; } .icon-new-arrow-bottom:before { content: "\e901"; } .icon-new-arrow-left:before { content: "\e902"; } .icon-new-arrow-right:before { content: "\e903"; } .icon-new-pdf:before { content: "\e904"; } .icon-new-camera:before { content: "\e905"; } .icon-new-movie:before { content: "\e906"; } .icon-new-youtube:before { content: "\e907"; } .icon-new-search:before { content: "\e908"; color: #007560; } .icon-new-home:before { content: "\e909"; } .icon-new-menu:before { content: "\e90a"; } .icon-new-twitter:before { content: "륧"; } .icon-new-instagram:before { content: "\e90c"; } .icon-new-myaccount:before { content: "\e90d"; } .icon-new-facebook:before { content: "\e90e"; } .icon-new-electricity:before { content: "\e90f"; } .icon-new-landscapign:before { content: "\e910"; } .icon-new-waffer:before { content: "\e911"; } .icon-new-major-electronic:before { content: "\e912"; } .icon-new-lighting:before { content: "\e913"; } .icon-new-notifications:before { content: "\e914"; } .icon-new-toilet:before { content: "\e915"; } .icon-new-cooling:before { content: "\e916"; } .icon-new-dewa-souq:before { content: "\e917"; } .icon-new-shower:before { content: "\e918"; } .icon-new-contact:before { content: "\e919"; } .icon-new-settings:before { content: "\e91a"; } .icon-new-housing:before { content: "\e91b"; } .icon-new-major-water:before { content: "\e91c"; } .icon-new-admin:before { content: "\e91d"; } .icon-new-smart-grid-meter:before { content: "\e91e"; } .icon-new-sewerage:before { content: "\e91f"; } .icon-new-irrigation:before { content: "\e920"; } .icon-new-clock-in-out:before { content: "\e921"; } .icon-new-shams-dubai:before { content: "\e922"; } .icon-new-water:before { content: "\e923"; } .icon-new-general-tips:before { content: "\e924"; } .icon-new-risk-vote:before { content: "\e925"; } .icon-new-ev-charge:before { content: "\e926"; } .icon-new-tools:before { content: "\e927"; } .icon-new-trend-consumption:before { content: "\e928"; } .icon-new-billing-complaint:before { content: "\e96b"; } .icon-new-submit-feedback:before { content: "\e92a"; } .icon-new-pay-for-friend:before { content: "\e92b"; } .icon-new-tenders:before { content: "\e92c"; } .icon-new-submit-tenancy-contract:before { content: "\e92d"; } .icon-new-purchase-orders:before { content: "\e92e"; } .icon-new-transaction-history:before { content: "\e92f"; } .icon-new-supply-services:before { content: "\e930"; } .icon-new-peak-load-survey:before { content: "\e931"; } .icon-new-government-observation:before { content: "\e932"; } .icon-new-local-purchase-rfx:before { content: "\e933"; } .icon-new-change-customer-category:before { content: "\e934"; } .icon-new-payment-methods:before { content: "\e935"; } .icon-new-bill-enquiry:before { content: "\e936"; } .icon-new-bill-inquiry:before { content: "\e936"; } .icon-new-move-to:before { content: "\e937"; } .icon-new-best-consumer-award:before { content: "\e938"; } .icon-new-demolition-noc:before { content: "\e939"; } .icon-new-submit-a-complaint:before { content: "\e93a"; } .icon-new-update-contact-information:before { content: "\e93b"; } .icon-new-newsletter:before { content: "\e93c"; } .icon-new-classification-of-consultant-n-contractor:before { content: "\e93d"; } .icon-new-book-conservation-lecture:before { content: "\e93e"; } .icon-new-transaction-history2:before { content: "\e93f"; } .icon-new-track-requests-complaints:before { content: "\e940"; } .icon-new-change-landlord-information:before { content: "\e941"; } .icon-new-weather:before { content: "\e942"; } .icon-new-make-a-suggestion-:before { content: "\e943"; } .icon-new-dm-mukhalafa:before { content: "\e944"; } .icon-new-compare-multiple-account:before { content: "\e945"; } .icon-new-link-to-my-id:before { content: "\e946"; } .icon-new-purchase-orders2:before { content: "\e947"; } .icon-new-clearance-certificate:before { content: "\f000d"; } .icon-new-move-in:before { content: "\f000e"; } .icon-new-infrastructure-services-application:before { content: "\e94a"; } .icon-new-hayak:before { content: "\e94b"; } .icon-new-home-safety:before { content: "\e94c"; } .icon-new-track-application:before { content: "\e94d"; } .icon-new-request-temp-connection:before { content: "\e94e"; } .icon-new-request-for-collective-accoutn:before { content: "\e94f"; } .icon-new-prayer-time:before { content: "\e950"; } .icon-new-payment-locations:before { content: "\e951"; } .icon-new-calculate-tariff:before { content: "\e952"; } .icon-new-neighbourhood-compare:before { content: "\e953"; } .icon-new-roadwork-info:before { content: "\e954"; } .icon-new-building-noc:before { content: "\e955"; } .icon-new-subscribe-unsubsrcribe:before { content: "\e956"; } .icon-new-move-out:before { content: "\f000f"; } .icon-new-fitout-application-approval:before { content: "\e958"; } .icon-new-refund:before { content: "\f000c"; } .icon-new-eart-care:before { content: "\e95a"; } .icon-new-transaction-history3:before { content: "\e95b"; } .icon-new-understand-bill:before { content: "\e95c"; } .icon-new-add-to-collective-billing:before { content: "\e95d"; } .icon-new-special-events:before { content: "\e95e"; } .icon-new-feedback:before { content: "\e95f"; } .icon-new-auto-pay:before { content: "\e960"; } .icon-new-augmented-reality:before { content: "\e961"; } .icon-new-job-seeker:before { content: "\e962"; } .icon-new-rfx-and-auction:before { content: "\e963"; } .icon-new-interruption-service:before { content: "\e964"; } .icon-new-qr-code-reader:before { content: "\e965"; } .icon-new-callback:before { content: "\e966"; } .icon-new-ashir:before { content: "\e967"; } .icon-new-apply-for-scholarship:before { content: "\e968"; } .icon-new-estimate-payment:before { content: "\e969"; } .icon-new-change-premise-type:before { content: "\e96a"; } .icon-new-billing-complaint2:before { content: "\e96b"; } .icon-new-view-pay-bill:before { content: "\e96c"; } .icon-new-faq:before { content: "\e96d"; } .icon-new-estimate-payment-history-for-friend:before { content: "\e96e"; } .icon-new-getting-electricity-and-water:before { content: "\e96f"; } .icon-new-dewa-center:before { content: "\e970"; } .icon-new-leader:before { content: "\e971"; } .icon-new-team:before { content: "\e972"; } .icon-new-project:before { content: "\e973"; } .icon-new-peak-load:before { content: "\e974"; } .icon-new-save-water:before { content: "\e975"; } .icon-new-degree:before { content: "\e976"; } .icon-new-travel:before { content: "\e977"; } .icon-new-phases-of-energy-production:before { content: "\e978"; } .icon-new-innovation-center:before { content: "\e979"; } .icon-new-research-development:before { content: "\e97a"; } .icon-new-water-deslinationplant:before { content: "\e97b"; } .icon-new-publication:before { content: "\e97c"; } .icon-new-communities-commitment:before { content: "\e97d"; } .icon-new-social-responsibility-initiatives:before { content: "\e97e"; } .icon-new-procurement:before { content: "\e97f"; } .icon-new-open-tenders:before { content: "\e980"; } .icon-new-online-services:before { content: "\e981"; } .icon-new-vendor-registration:before { content: "\e982"; } .icon-new-solar-park:before { content: "\e983"; } .icon-new-estimate-payment-for-friend:before { content: "\e984"; } .icon-new-estimate-payment-history:before { content: "\e985"; } .icon-new-estimate-payment-history-for-a-friend:before { content: "\e986"; } .icon-new-education:before { content: "\e987"; } .icon-new-high-low:before { content: "\e988"; } .icon-new-partnership:before { content: "\e989"; } .icon-new-bin:before { content: "\e98a"; } .icon-new-one:before { content: "\e98b"; } .icon-new-awardz:before { content: "\e98c"; } .icon-new-dewa-membership:before { content: "\e98d"; } .icon-new-dewa-projects:before { content: "\e98e"; } .icon-new-dewa-exellence:before { content: "\e98f"; } .icon-new-dewa-vat:before { content: "\e990"; } .icon-b-ddarrow:before { content: "릓"; } .icon-b-ddarrow-rtl:before { content: "릔"; } .icon-new-email:before { content: "豈"; } .icon-new-online-meeting:before { content: "更"; } .icon-new-sms:before { content: "車"; } .icon-new-ev:before { content: "賈"; } .icon-new-global:before { content: "滑"; } .icon-new-easypay:before { content: "串"; } .icon-new-oil-test:before { content: "句"; } .icon-new-jointer:before { content: "龜"; } .icon-new-calibration-connection:before { content: "龜"; } .icon-new-calibration:before { content: "契"; } .icon-new-demineralized:before { content: "金"; } .icon-new-announcement:before { content: "喇"; } .icon-new-info:before { content: "喇"; position: relative; transform: rotateX(180deg); } .icon-new-success-message:before { content: "奈"; } .icon-new-star:before, .form-field--ratingstar .form-field--ratingstar_icon:before { content: "懶"; } .icon-new-malem:before { content: "癩"; } .icon-new-sos:before { content: "羅"; } .icon-new-response:before { content: "蘿"; } .icon-new-edit:before { content: "螺"; } .icon-notif-triangle:before { content: "릒"; } .icon-smartR:before { content: "邏"; } .icon-mute:before { content: "樂"; } .icon-unmute:before { content: "洛"; } .icon-export:before { content: "烙"; } .icon-pod:before { content: "落"; } .icon-new-call:before { content: "珞"; } .icon-new-search:before { content: "酪"; } .icon-new-pod:before { content: "駱"; } .icon-new-arrow-right:before { content: "亂"; } .icon-consumer:before { content: "卵"; } .icon-visitor:before { content: "卵"; } .icon-builder:before { content: "欄"; } .icon-partner:before { content: "爛"; } .icon-supplier:before { content: "蘭"; } .icon-student:before { content: "鸞"; } .icon-new-billing:before { content: "嵐"; } .icon-new-consumption:before { content: "\f0010"; } .icon-new-tools:before { content: "藍"; } .icon-noc-plan:before { content: "襤"; } .icon-partner-list:before { content: "拉"; } .icon-dewa-academy:before { content: "臘"; } .icon-internship:before { content: "蠟"; } .icon-supply-management:before { content: "廊"; } .icon-conservation:before { content: "朗"; } .icon-ev-community:before { content: "浪"; } .icon-general-services:before { content: "狼"; } .icon-project-lifecycle:before { content: "郎"; } .icon-electricity-network:before { content: "來"; } .icon-water-network:before { content: "冷"; } .icon-partnership-management:before { content: "勞"; } .icon-vendor-registration:before { content: "擄"; } .icon-procurement:before { content: "櫓"; } .icon-support-services:before { content: "爐"; } .icon-logout:before { content: "盧"; } .icon-column:before { content: "蘆"; } .icon-line:before { content: "虜"; } .icon-new-set-time:before { content: "路"; } .icon-new-brainstorm:before { content: "露"; } .icon-new-agree:before { content: "魯"; } .icon-medical:before { content: "鷺"; } .icon-happy:before { content: "碌"; } .icon-face4:before, .icon-face5:before { content: "碌"; } .icon-neutral:before { content: "祿"; } .icon-face3:before { content: "祿"; } .icon-sad:before { content: "綠"; } .icon-face1:before, .icon-face2:before { content: "綠"; } .icon-senior:before { content: "菉"; } .icon-download:before, .button--download:before { content: "錄"; } .icon-filter:before { content: "鹿"; } .icon-bell:before { content: "論"; } .icon-dstore:before { content: "壟"; } .icon-saving-plan:before { content: "弄"; } .icon-irrigation:before { content: "籠"; } .icon-green-bill2:before { content: "聾"; } .icon-high-usage2:before { content: "牢"; } .icon-mslp:before { content: "磊"; } .icon-dtmc:before { content: "賂"; } .icon-conversion:before { content: "雷"; } .icon-reasons-high:before { content: "壘"; } .icon-away-mode:before { content: "屢"; } .icon-b-share:before { content: "뤀"; } .icon-b-smart:before { content: "뤁"; } .icon-b-smartar:before { content: "뤂"; } .icon-b-smart-l:before { content: "뤁"; font-size: 150px !important; } .icon-b-smartar-l:before { content: "뤂"; font-size: 150px !important; } .icon-b-electric-appliance:before { content: "뤃"; } .icon-b-lighting:before { content: "뤄"; } .icon-b-cooling:before { content: "뤅"; } .icon-b-water-appliance:before { content: "뤆"; } .icon-b-showers:before { content: "뤇"; } .icon-b-toilet:before { content: "뤈"; } .icon-b-irrigation:before { content: "뤉"; } .icon-b-general-outdoor:before { content: "뤊"; } .icon-b-energy-responsibility:before { content: "뤋"; } .icon-b-clock:before { content: "뤌"; } .icon-b-export:before { content: "뤍"; } .icon-b-videocall:before { content: "뤎"; } .icon-b-upload:before, .button--upload:before { content: "뤏"; } .icon-b-connect-a:before { content: "뤐"; } .icon-b-charge:before { content: "뤑"; } .icon-b-car-charge:before { content: "뤒"; } .icon-b-charging:before { content: "뤓"; } .icon-b-connect-b:before { content: "뤔"; } .icon-b-connect-c:before { content: "뤕"; } .icon-b-car-charge-b:before { content: "뤖"; } .icon-b-car-charge-c:before { content: "뤗"; } .icon-b-phone-card:before { content: "뤘"; } .icon-b-location-signal:before { content: "뤙"; } .icon-b-ev-location:before { content: "뤚"; } .icon-b-ev-reactivate:before { content: "뤛"; } .icon-b-scan-qr:before { content: "뤜"; } .icon-b-led:before { content: "뤝"; } .icon-b-tv:before { content: "뤞"; } .icon-b-computer:before { content: "뤟"; } .icon-b-gaming:before { content: "뤠"; } .icon-b-small-fridge:before { content: "뤡"; } .icon-b-dumbell:before { content: "뤢"; } .icon-b-dishwasher:before { content: "뤣"; } .icon-b-washing-machine:before { content: "뤤"; } .icon-b-estove:before { content: "뤥"; } .icon-b-deep-fridge:before { content: "뤦"; } .icon-b-eoven:before { content: "뤧"; } .icon-b-big-fridge:before { content: "뤨"; } .icon-b-online-support:before { content: "뤩"; } .icon-b-onsite:before { content: "뤪"; } .icon-b-retrofit:before { content: "뤫"; } .icon-b-bookmark-on:before { content: "뤬"; } .icon-b-bookmark-off:before { content: "뤭"; } .icon-b-new-pdf:before { content: "뤮"; } .icon-b-new-dots-menu:before { content: "뤯"; } .icon-b-expo2020:before { content: "뤰"; } .icon-b-expocam:before { content: "뤱"; } .icon-b-expovid:before { content: "뤲"; } .icon-b-cash:before { content: "뤳"; } .icon-b-esearch:before { content: "뤴"; } .icon-b-circlecheck:before { content: "뤵"; } .icon-b-customercenter:before { content: "뤶"; } .icon-b-sshcenter:before { content: "뤷"; } .icon-b-network:before { content: "뤸"; } .icon-b-ribbon:before { content: "뤹"; } .icon-b-fastcash:before { content: "뤺"; } .icon-b-globalcard:before { content: "뤻"; } .icon-b-cheque:before { content: "뤼"; } .icon-b-cashexchange:before { content: "뤽"; } .icon-b-cashcoin:before { content: "뤾"; } .icon-b-ev-faq:before { content: "뤿"; } .icon-b-ev-instructions:before { content: "륀"; } .icon-b-show:before { content: "륁"; } .icon-b-hide:before { content: "륂"; } .icon-b-attach:before { content: "륃"; } .icon-b-view:before { content: "륄"; } .icon-b-pvconverter:before { content: "륅"; } .icon-b-iprotection:before { content: "륆"; } .icon-b-edit:before { content: "륇"; } .icon-b-submit:before { content: "륈"; } .icon-b-resubmit:before { content: "륉"; } .icon-b-sea:before { content: "륊"; } .icon-b-mic:before { content: "륋"; } .icon-b-evhub:before { content: "륌"; } .icon-b-customer-results:before { content: "륍"; } .icon-b-CAT-logo:before { content: "륎"; } .icon-b-wifi:before { content: "륏"; } .icon-b-travel-new:before { content: "륐"; } .icon-b-home-new:before { content: "륑"; } .icon-b-bank:before { content: "륒"; } .icon-b-shopping:before { content: "륓"; } .icon-snapchat:before { content: "륔"; } .icon-linkedin:before { content: "륕"; } .icon-instagram:before { content: "륖"; } .icon-facebook:before { content: "륗"; } .icon-thumbs-up:before { content: "류"; } .icon-thumbs-down:before { content: "류"; transform: rotateX(180deg); -ms-transform: rotate(0deg); } .icon-b-pod-new:before { content: "륙"; } .icon-b-reject:before { content: "륚"; } .icon-b-adduser:before { content: "륛"; } .icon-b-edituser:before { content: "륜"; } .icon-b-slflag-en:before { content: "륝"; } .icon-b-slflag-ar:before { content: "륞"; } .icon-b-dwg:before { content: "륟"; } .icon-b-pdf:before { content: "률"; } .icon-b-pod-sdg:before { content: "륡"; } .icon-b-services-sdg:before { content: "륢"; } .icon-b-email-sdg:before { content: "륣"; } .icon-b-location-sdg:before { content: "륤"; } .icon-b-person-sdg:before { content: "륥"; } .icon-b-smile-sdg:before { content: "륦"; } .icon-b-quote:before { content: "륨"; } .icon-b-irdoc:before { content: "륩"; } .icon-b-dstore-list:before { content: "륪"; } .icon-b-dstore-smartl:before { content: "륫"; } .icon-b-dstore-calendar:before { content: "륬"; } .icon-b-dstore-location:before { content: "륭"; } .icon-b-dstore-discount:before { content: "륮"; } .icon-b-dstore-sort:before { content: "륯"; } .icon-b-d33:before { content: "륰"; } .icon-b-dstore-phone:before { content: "륱"; } .icon-b-dstore-website:before { content: "륲"; } .icon-b-dstore-clock:before { content: "륳"; } .icon-b-stopwatch:before { content: "르"; } .icon-b-section:before { content: "륵"; } .icon-b-circleplay:before { content: "륶"; } .icon-b-exclaim:before { content: "륷"; } .icon-b-eyeclosed:before { content: "른"; } .icon-b-eye:before { content: "륹"; } .icon-b-qmark:before { content: "륺"; } .icon-b-filter2:before { content: "륻"; } .icon-b-evcar:before { content: "를"; } .icon-b-ewdrop:before { content: "륽"; } .icon-b-dstore-tag:before { content: "륾"; } .icon-b-mslp2:before { content: "륿"; } .icon-b-mslpe:before { content: "릀"; } .icon-b-mslpw:before { content: "릁"; } .icon-b-mslpi:before { content: "릂"; } .icon-b-mslphb:before { content: "릃"; } .icon-b-mslphgr:before { content: "름"; } .icon-b-mslphgo:before { content: "릅"; } .icon-b-mslpb:before { content: "릆"; } .icon-b-newbin:before { content: "릍"; } .icon-b-mwh:before { content: "릎"; } .icon-b-area:before { content: "릏"; } .icon-b-dirham:before { content: "D"; } .icon-b-draghandle:before { content: "릐"; } .icon-b-m40success:before { content: "릑"; } .icon-b-m40error:before { content: "릒"; } .icon-b-ddarrow:before { content: "릓"; } .icon-b-ddarrow-rtl:before { content: "릔"; } .icon-b-dirham:before { content: "릕"; } .icon-b-newedit:before { content: "릖"; } .icon-b-shams:before { content: "릗"; } .icon-b-solidclock:before { content: "릘"; } .icon-b-config:before { content: "릙"; } .icon-c-sun:before { content: "준"; } .icon-c-universal-care:before { content: "줁"; } .icon-c-live-inno:before { content: "줂"; } .icon-c-first-aid:before { content: "줃"; } .icon-c-dewa-workplace:before { content: "줄"; } .icon-c-employee:before { content: "줅"; } .icon-c-division:before { content: "줆"; } .icon-c-future-lab:before { content: "줇"; } .icon-c-moro-solar:before { content: "줈"; } .icon-c-mobile-app:before { content: "줉"; } .icon-c-hayyak-lady:before { content: "줊"; } .icon-c-vertual-screen:before { content: "줋"; } .icon-c-whatsapp:before { content: "줌"; } .icon-c-sm-happy:before { content: "줍"; } .icon-c-sm-neutral:before { content: "줎"; } .icon-c-sm-sad:before { content: "줏"; } .icon-c-sm-meet:before { content: "줐"; } .icon-b-receipt:before { content: "중"; } .icon-c-web:before { content: "줒"; } .icon-d-carbonfoot:before { content: "\f0000"; } .icon-d-mslpleaf:before { content: "\f0001"; } .icon-d-mslpsavings:before { content: "\f0002"; } .icon-d-mslphtype:before { content: "\f0003"; } .icon-d-mslpbill:before { content: "\f0004"; } .icon-d-mslpline:before { content: "\f0005"; } .icon-d-downarrow:before { content: "\f0006"; } .icon-d-uparrow:before { content: "\f0007"; } .icon-d-mslpcalendar:before { content: "\f0008"; } .icon-d-column:before { content: "\f0009"; } .icon-d-spline:before { content: "\f000a"; } .icon-d-settings:before { content: "\f000b"; } .icon-d-refund:before { content: "\f000c"; } .icon-d-clearance:before { content: "\f000d"; } .icon-d-movein:before { content: "\f000e"; } .icon-d-moveout:before { content: "\f000f"; } .icon-d-consumption:before { content: "\f0010"; } .icon-d-track:before { content: "\f0011"; } html.js:after { content: "l"; display: none; } @media screen and (max-width: 599px) { html.js:after { content: "s"; } } @media screen and (min-width: 600px) { html.js:after { content: "m"; } } @media screen and (min-width: 1025px) { html.js:after { content: "l"; } } .grid, .m85-dstore-carousel_container, .m31-search--doormat_inner, .service-message__wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m12-bar__wrapper { width: 90%; } @media screen and (max-width: 599px) { .grid, .m85-dstore-carousel_container, .m31-search--doormat_inner, .service-message__wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m12-bar__wrapper { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .grid, .m85-dstore-carousel_container, .m31-search--doormat_inner, .service-message__wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m12-bar__wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .grid, .m85-dstore-carousel_container, .m31-search--doormat_inner, .service-message__wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m12-bar__wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } .grid, .m85-dstore-carousel_container, .m31-search--doormat_inner, .service-message__wrapper, .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m12-bar__wrapper { margin: 0 auto; *zoom: 1; } .grid:before, .m85-dstore-carousel_container:before, .m31-search--doormat_inner:before, .service-message__wrapper:before, .m41-tabs-box--variant5 .m41-tabs-box__tab-items:before, .m41-tabs-box--variant4 .m41-tabs-box__tab-items:before, .m12-bar__wrapper:before, .grid:after, .m85-dstore-carousel_container:after, .m31-search--doormat_inner:after, .service-message__wrapper:after, .m41-tabs-box--variant5 .m41-tabs-box__tab-items:after, .m41-tabs-box--variant4 .m41-tabs-box__tab-items:after, .m12-bar__wrapper:after { content: " "; display: table; } .grid:after, .m85-dstore-carousel_container:after, .m31-search--doormat_inner:after, .service-message__wrapper:after, .m41-tabs-box--variant5 .m41-tabs-box__tab-items:after, .m41-tabs-box--variant4 .m41-tabs-box__tab-items:after, .m12-bar__wrapper:after { clear: both; } .grid .m41-tabs-box .m41-tabs-box__tab-items, .m85-dstore-carousel_container .m41-tabs-box .m41-tabs-box__tab-items, .m31-search--doormat_inner .m41-tabs-box .m41-tabs-box__tab-items, .service-message__wrapper .m41-tabs-box .m41-tabs-box__tab-items, .m41-tabs-box--variant5 .m41-tabs-box__tab-items .m41-tabs-box .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m41-tabs-box__tab-items .m41-tabs-box .m41-tabs-box__tab-items, .m12-bar__wrapper .m41-tabs-box .m41-tabs-box__tab-items { padding-right: 0; padding-left: 0; } .grid__column, .dashboard__account-selector, .dashboard__user-widget { float: left; } @media screen and (max-width: 599px) { .grid__column, .dashboard__account-selector, .dashboard__user-widget { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .grid__column, .dashboard__account-selector, .dashboard__user-widget { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .grid__column, .dashboard__account-selector, .dashboard__user-widget { padding-left: 16px; padding-right: 16px; } } .grid__column, .dashboard__account-selector, .dashboard__user-widget { box-sizing: border-box; position: relative; } .grid__column--1 { width: 8.3333333333%; } .grid__column--2 { width: 16.6666666667%; } .grid__column--3 { width: 25%; } .grid__column--4 { width: 33.3333333333%; } .grid__column--5 { width: 41.6666666667%; } .grid__column--6 { width: 50%; } .grid__column--7 { width: 58.3333333333%; } .grid__column--8 { width: 66.6666666667%; } .grid__column--9 { width: 75%; } .grid__column--10 { width: 83.3333333333%; } .grid__column--11 { width: 91.6666666667%; } .grid__column--12 { width: 100%; } .grid__column--centered { text-align: center !important; } @media screen and (max-width: 599px) { .grid__row, .form-introduction, .grid__row--tight { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .grid__row, .form-introduction, .grid__row--tight { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .grid__row, .form-introduction, .grid__row--tight { margin-left: 16px; margin-right: 16px; } } @media screen and (max-width: 599px) { .grid__row, .form-introduction, .grid__row--tight { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .grid__row, .form-introduction, .grid__row--tight { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .grid__row, .form-introduction, .grid__row--tight { margin-bottom: 56px; } } .grid__row .grid__row, .form-introduction .grid__row, .grid__row .form-introduction, .form-introduction .form-introduction, .grid__row--tight .grid__row, .grid__row--tight .form-introduction, .grid__row .grid__row--tight, .form-introduction .grid__row--tight, .grid__row--tight .grid__row--tight { margin-left: 0; margin-right: 0; margin-bottom: 26px; } .grid__row_small-space.grid__row, .grid__row_small-space.form-introduction, .grid__row_small-space.grid__row--tight { margin-bottom: 10px; } @media screen and (max-width: 599px) { .grid__row--tight { margin-bottom: 12px; } } @media screen and (min-width: 600px) { .grid__row--tight { margin-bottom: 28px; } } @media screen and (min-width: 1025px) { .grid__row--tight { margin-bottom: 28px; } } .grid__row--hidden { display: none; } .grid__column--6:last-child { margin-bottom: 0; } .grid__column .grid__column--12:first-child, .dashboard__account-selector .grid__column--12:first-child, .dashboard__user-widget .grid__column--12:first-child, .grid__column .grid__column--6:first-child, .dashboard__account-selector .grid__column--6:first-child, .dashboard__user-widget .grid__column--6:first-child { padding-left: 0; } .grid__column .grid__column--12:last-child, .dashboard__account-selector .grid__column--12:last-child, .dashboard__user-widget .grid__column--12:last-child, .grid__column .grid__column--6:last-child, .dashboard__account-selector .grid__column--6:last-child, .dashboard__user-widget .grid__column--6:last-child { padding-right: 0; } .grid__column .grid__column--3:nth-child(5), .dashboard__account-selector .grid__column--3:nth-child(5), .dashboard__user-widget .grid__column--3:nth-child(5) { padding-left: 0; } .grid__column .grid__column--3:nth-child(8), .dashboard__account-selector .grid__column--3:nth-child(8), .dashboard__user-widget .grid__column--3:nth-child(8), .grid__column .grid__column--3:nth-child(4), .dashboard__account-selector .grid__column--3:nth-child(4), .dashboard__user-widget .grid__column--3:nth-child(4) { padding-right: 0; } @media screen and (max-width: 599px) { .grid__row--tight { margin-bottom: 0; } .grid__column.grid__column--spacer, .grid__column--spacer.dashboard__account-selector, .grid__column--spacer.dashboard__user-widget { width: 0; padding: 0; } .grid__column--1, .grid__column--4, .grid__column--5, .grid__column--6, .grid__column--7, .grid__column--8, .grid__column--9, .grid__column--10, .grid__column--11, .grid__column--12 { width: 100%; } .grid__column--2 { width: 50%; padding: 0 12px !important; } .grid__column--3 { width: 50%; } .grid__column--3, .grid__column--4, .grid__column--6 { margin-bottom: 8px; } .grid__scroll { overflow: auto; width: 750px; } .grid__scroll .grid__column--3 { width: 33.33333%; } .grid__scroll .grid__column--6 { width: 33.33333%; } .j157-investor-relations .grid__scroll { width: 1200px; } .j157-investor-relations .grid__scroll .grid__column--3 { width: 25%; margin: 0 !important; padding: 0 8px; } .j157-investor-relations .grid__scroll--3 { width: 900px; } .j69-dashboard2 .m41-tabs-box__tab-items--wrapper { display: none; } .j69-dashboard2 .m41-tabs-box__tab-panels .grid__row, .j69-dashboard2 .m41-tabs-box__tab-panels .form-introduction, .j69-dashboard2 .m41-tabs-box__tab-panels .grid__row--tight { margin-right: 0px; margin-left: 0px; } .j69-dashboard2 .m41-tabs-box__tab-panels .grid__column, .j69-dashboard2 .m41-tabs-box__tab-panels .dashboard__account-selector, .j69-dashboard2 .m41-tabs-box__tab-panels .dashboard__user-widget { padding: 0; } .j69-dashboard2 .m41-tabs-box__tab-panels .grid__column:before, .j69-dashboard2 .m41-tabs-box__tab-panels .dashboard__account-selector:before, .j69-dashboard2 .m41-tabs-box__tab-panels .dashboard__user-widget:before, .j69-dashboard2 .m41-tabs-box__tab-panels .grid__column:after, .j69-dashboard2 .m41-tabs-box__tab-panels .dashboard__account-selector:after, .j69-dashboard2 .m41-tabs-box__tab-panels .dashboard__user-widget:after { content: " "; display: table; } .j69-dashboard2 .m41-tabs-box__tab-panels .grid__column:after, .j69-dashboard2 .m41-tabs-box__tab-panels .dashboard__account-selector:after, .j69-dashboard2 .m41-tabs-box__tab-panels .dashboard__user-widget:after { clear: both; } .j69-dashboard2 .grid__row, .j69-dashboard2 .form-introduction, .j69-dashboard2 .grid__row--tight { margin-right: 0px; margin-left: 0px; } .j69-dashboard2 .grid__row.mb32, .j69-dashboard2 .mb32.form-introduction, .j69-dashboard2 .mb32.grid__row--tight { margin-bottom: 15px !important; } .j69-dashboard2 .grid__column.grid__column--2, .j69-dashboard2 .grid__column--2.dashboard__account-selector, .j69-dashboard2 .grid__column--2.dashboard__user-widget { width: 100%; padding: 0 4px !important; } .j69-dashboard2 .m41-tabs-box__tab-items { overflow: scroll; } .j69-dashboard2 .grid__scroll { width: 1200px; } .j69-dashboard2 .grid__scroll .grid__column--3 { width: 25%; margin: 0 !important; padding: 0 8px; } .j69-dashboard2 .m17-sectiontitle { padding: 0 16px; } } @media screen and (min-width: 600px) { .grid__column--form { padding: 0 19%; margin: auto; } .grid__column--form .text-page__intro { padding: 0; } .grid__column--text { padding-right: 15%; padding-bottom: 24px; margin: auto; } .grid__scroll { overflow: auto; width: 1000px; } .grid__scroll .grid__column--3 { width: 25%; } .grid__scroll .grid__column--6 { width: 50%; } .j157-investor-relations .grid__scroll { width: 1200px; } .j157-investor-relations .grid__scroll--3 { width: 900px; } .grid__column--8 { width: 100%; } .grid__column--2 { width: 50%; padding: 0 12px !important; } .m25-tabs .grid__column--8, .m13-footer .grid__column--8 { width: 66.6666666667%; } } @media screen and (min-width: 1025px) { .grid__column--8 { width: 66.6666666667%; } .grid__column--2 { width: 16.6666666667%; } .grid__column--3, .grid__column--6 { margin-bottom: 0; } .grid__column--6 { width: 50%; } .grid__column--form { padding: 0 27.5%; } .grid__column--text { padding-right: 5%; margin: auto; } .grid__scroll { overflow: unset; width: inherit; } .grid__scroll .grid__column--3 { width: 25%; } .grid__scroll .grid__column--6 { width: 50%; } .j157-investor-relations .grid__scroll { width: inherit; } .j157-investor-relations .grid__scroll--3 { width: inherit; } } @media screen and (max-width: 1100px) { .grid__column--form { padding: 0 10%; } .j103-move-in .grid__column--form { padding: 0 16px; } } @media screen and (max-width: 599px) { .j103-move-in .grid__column--form { padding: 0 12px; } } .list__title { font-weight: bold; } .list__item { padding: 3px 0; } .check_list li { position: relative; padding-left: 30px; } .check_list li:before { content: "\f002"; position: absolute; top: -8px; left: -6px; width: 12px; font-family: iconfont; font-size: 30px; } .check_list li + li { margin-top: 15px; } .m62-expand ol { border: 1px solid rgba(151, 151, 151, 0.5); } .m62-expand ol li { border-bottom: 1px solid rgba(151, 151, 151, 0.5); } .m62-expand ol li:last-child { border-bottom: none; } .m62-expand ol li + * { margin-top: 0px; } .m14-richtext ul, .m125-teaser--content ul, .bullet_list { padding-left: 30px; line-height: 1.2; } .m14-richtext ul li, .m125-teaser--content ul li, .bullet_list li { position: relative; } .m14-richtext ul li:before, .m125-teaser--content ul li:before, .bullet_list li:before { content: "•"; position: absolute; top: -4px; left: -24px; font-size: 22px; color: #939598; } .m14-richtext ul li + li, .m125-teaser--content ul li + li, .bullet_list li + li { margin-top: 24px; } .m14-richtext ol, .m125-teaser--content ol { line-height: 1.2; counter-reset: item; position: relative; padding-left: 24px; } .m14-richtext ol > li:before, .m125-teaser--content ol > li:before { content: counter(item) ". "; font-weight: bold; counter-increment: item; position: absolute; left: 0; margin-top: 0px; } .m14-richtext ol li + li, .m125-teaser--content ol li + li { margin-top: 12px; } @media screen and (min-width: 600px) { .check_list li { padding-left: 20px; } .check_list li:before { top: -6px; font-size: 24px; } .check_list li + li { margin-top: 10px; } } /* ========================================================================== $BASE-PICKER ========================================================================== */ /** * Note: the root picker element should *NOT* be styled more than what’s here. */ .picker { font-size: 16px; text-align: left; line-height: 1.2; color: #222222; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * The picker input element. */ .picker__input { cursor: default; } /** * When the picker is opened, the input element is “activated”. */ .picker__input.picker__input--active { border-color: #0089ec; } /** * The holder is the only “scrollable” top-level container element. */ .picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /*! * Classic picker styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ /** * Note: the root picker element should *NOT* be styled more than what’s here. */ .picker { width: 100%; } /** * The holder is the base of the picker. */ .picker__holder { position: absolute; background: white; border: 1px solid #aaaaaa; border-top-width: 0; border-bottom-width: 0; border-radius: 0 0 5px 5px; box-sizing: border-box; min-width: 176px; max-width: 466px; max-height: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg); transform: translateY(-1em) perspective(600px) rotateX(10deg); transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; } /** * The frame and wrap work together to ensure that * clicks within the picker don’t reach the holder. */ .picker__frame { padding: 1px; } .picker__wrap { margin: -1px; } /** * When the picker opens... */ .picker--opened .picker__holder { max-height: 25em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-top-width: 1px; border-bottom-width: 1px; -webkit-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); } /* ========================================================================== $BASE-DATE-PICKER ========================================================================== */ /** * The picker box. */ .picker__box { padding: 0 1em; } /** * The header containing the month and year stuff. */ .picker__header { text-align: center; position: relative; margin-top: 0.75em; } /** * The month and year labels. */ .picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: 0.25em; margin-right: 0.25em; } .picker__year { color: #999999; font-style: italic; } /** * The month and year selectors. */ .picker__select--month, .picker__select--year { border: 1px solid #b7b7b7; height: 2em; padding: 0.5em; margin-left: 0.25em; margin-right: 0.25em; } @media (min-width: 24.5em) { .picker__select--month, .picker__select--year { margin-top: -0.5em; } } .picker__select--month { width: 22.5%; padding: 0px; } .picker__select--year { width: 22.5%; padding: 0px; } .picker__select--month:focus, .picker__select--year:focus { border-color: #0089ec; } /** * The month navigation buttons. */ .picker__nav--prev, .picker__nav--next { position: absolute; padding: 0.5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; } @media (min-width: 24.5em) { .picker__nav--prev, .picker__nav--next { top: -0.33em; } } .picker__nav--prev { left: -1em; padding-right: 1.25em; } @media (min-width: 24.5em) { .picker__nav--prev { padding-right: 1.5em; } } .picker__nav--next { right: -1em; padding-left: 1.25em; } @media (min-width: 24.5em) { .picker__nav--next { padding-left: 1.5em; } } .picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: 0.5em solid transparent; border-bottom: 0.5em solid transparent; border-right: 0.75em solid #000000; width: 0; height: 0; display: block; margin: 0 auto; } .picker__nav--next:before { border-right: 0; border-left: 0.75em solid #000000; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #000000; background: #b1dcfb; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } /** * The calendar table of dates */ .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-top: 0.75em; margin-bottom: 0.5em; } @media (min-height: 33.875em) { .picker__table { margin-bottom: 0.75em; } } .picker__table td { margin: 0; padding: 0; } /** * The weekday labels */ .picker__weekday { width: 14.285714286%; font-size: 0.75em; padding-bottom: 0.25em; color: #222222; font-weight: 500; /* Increase the spacing a tad */ } @media (min-height: 33.875em) { .picker__weekday { padding-bottom: 0.5em; } } /** * The days on the calendar */ .picker__day { padding: 0.3125em 0; font-weight: 200; border: 1px solid transparent; } .picker__day--today { position: relative; } .picker__day--today:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 0.5em solid #0059bc; border-left: 0.5em solid transparent; } .picker__day--disabled:before { border-top-color: #aaaaaa; } .picker__day--outfocus { color: #6F6F6F; } .picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #222222; background: #b1dcfb; } .picker__day--highlighted { border-color: #0089ec; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; color: #222222; background: #b1dcfb; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background: #0089ec; color: white; } .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #6F6F6F; cursor: default; } .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; } /** * The footer containing the "today", "clear", and "close" buttons. */ .picker__footer { text-align: center; } .picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid white; background: white; font-size: 0.8em; padding: 0.66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; } .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #222222; background: #b1dcfb; border-bottom-color: #b1dcfb; } .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { border-color: #0089ec; } .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; } .picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: 0.45em; } .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: 0.66em solid transparent; } .picker__button--clear:before { top: -0.25em; width: 0.66em; border-top: 3px solid #ee2200; } .picker__button--close:before { content: "×"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: 0.35em; color: #777777; } .picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #6F6F6F; cursor: default; } .picker__button--today[disabled]:before { border-top-color: #aaaaaa; } .mha-dark .picker__day--disabled, .mha-dark .picker__day--disabled:hover, .mha-dark .picker--focused .picker__day--disabled { opacity: 0.5; } /* ========================================================================== $CLASSIC-DATE-PICKER ========================================================================== */ .form { position: relative; } .form:before, .form:after { content: " "; display: table; } .form:after { clear: both; } .form + * { margin-top: 36px; } .form .item + .item { margin-top: 24px; } .form:focus { outline: none; } .fieldset { min-inline-size: auto; width: 100%; box-sizing: border-box; line-height: 1.5; } .fieldset + fieldset { margin-top: 20px; } .flex-field { display: flex; flex-direction: column; width: 100%; } .fieldset--hidden { display: none; } .form__title { margin-bottom: 36px; } .legend, .display-section-legend { font-weight: 600; margin-bottom: 10px; white-space: normal; width: 100%; word-wrap: break-word; } .form-field, .field-border { *zoom: 1; } .form-field:before, .field-border:before, .form-field:after, .field-border:after { content: " "; display: table; } .form-field:after, .field-border:after { clear: both; } .form-field + .form-field, .field-border + .form-field, .form-field + .field-border, .field-border + .field-border, .form-field + .fieldset, .field-border + .fieldset { margin-top: 24px; } .form-field--separator { margin: 32px 0; border-top: solid 1px #D7D7DF; } .form-field-section { *zoom: 1; } .form-field-section:before, .form-field-section:after { content: " "; display: table; } .form-field-section:after { clear: both; } .form-field-section + .form-field, .form-field-section + .field-border, .form-field-section + .fieldset { margin-top: 24px; } .form-field--disabled span, .form-field--disabled input, .form-field--disabled label { cursor: default; } .inline-terms .form-field__checkbox label, .inline-terms .field-content--checkbox label { display: flex; align-items: center; justify-content: flex-start; gap: 4px; flex-wrap: wrap; } .form-field--disabled-grey input, .form-field--disabled-grey label { cursor: default; pointer-events: none; } .form-field--disabled-grey .form-field__input, .form-field--disabled-grey .j134-media--filter-input, .form-field--disabled-grey .field-content input, .field-content .form-field--disabled-grey input, .form-field--disabled-grey .field-content textarea, .field-content .form-field--disabled-grey textarea, .form-field--disabled-grey .field-content select, .field-content .form-field--disabled-grey select, .form-field--disabled-grey .j100-expander_input { background-color: #DEDEDE; border-color: #BCBEC0; } .form-field--text:has(.form-field__input-wrapper.readonly, .readonly.m111-content-scroller--nav_mobile-selectwrapper, .readonly.j134-media--filter, .readonly.field-content, .readonly.j100-expander_input) label { pointer-events: none; } .form-field__label, .field-title, .j100-expander_label { display: block; color: #222222; } .form-field__label + *, .field-title + *, .j100-expander_label + * { margin-top: 8px; } .form-field__label + .m76-range-slider, .field-title + .m76-range-slider, .j100-expander_label + .m76-range-slider { margin-top: 32px; } .form-field__label-description { color: #222222; display: block; margin-bottom: 8px; } .form-field__label--optional { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .form-field__label--tooltip { margin: 0 12px; font-weight: 300; position: relative; padding-right: 32px; color: #717173; } .form-field__label--tooltip:before { position: absolute; font-size: 26px; top: -12px; right: 2px; color: #717173; } .form-field__button, .form-submit-border { margin-top: 32px; text-align: center; } .form-field__button + *, .form-submit-border + * { margin-top: 24px; } .form-field__button .button, .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__button a, .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__button a, .form-field__button .form-submit, .form-submit-border .button, .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit-border a, .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit-border a, .form-submit-border .form-submit, .form-field__button .button--centered, .form-submit-border .button--centered { margin: 0 10px; } .form-field__button .button--fullwidth, .form-submit-border .button--fullwidth { margin: 0; } .form-field__footer { margin-top: 50px; padding: 50px 0px; border-top: 1px solid #BCBEC0; } .form-field__input-wrapper, .m111-content-scroller--nav_mobile-selectwrapper, .j134-media--filter, .field-content, .j100-expander_input { position: relative; display: flex; align-items: center; justify-content: flex-start; background-color: white; border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .form-field__input-wrapper:focus, .m111-content-scroller--nav_mobile-selectwrapper:focus, .j134-media--filter:focus, .field-content:focus, .j100-expander_input:focus, .form-field__input-wrapper:focus-within, .m111-content-scroller--nav_mobile-selectwrapper:focus-within, .j134-media--filter:focus-within, .field-content:focus-within, .j100-expander_input:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .form-field__input-wrapper.form-field__input-wrapper--error, .form-field__input-wrapper--error.m111-content-scroller--nav_mobile-selectwrapper, .form-field__input-wrapper--error.j134-media--filter, .form-field__input-wrapper.field-content--error, .field-content--error.m111-content-scroller--nav_mobile-selectwrapper, .field-content--error.j134-media--filter, .form-field__input-wrapper--error.field-content, .field-content.field-content--error, .form-field__input-wrapper--error.j100-expander_input, .j100-expander_input.field-content--error { border-color: #B00020; } .form-field__input-wrapper input.disabled, .m111-content-scroller--nav_mobile-selectwrapper input.disabled, .j134-media--filter input.disabled, .field-content input.disabled, .j100-expander_input input.disabled, .form-field__input-wrapper select.disabled, .m111-content-scroller--nav_mobile-selectwrapper select.disabled, .j134-media--filter select.disabled, .field-content select.disabled, .j100-expander_input select.disabled, .form-field__input-wrapper.disabled, .disabled.m111-content-scroller--nav_mobile-selectwrapper, .disabled.j134-media--filter, .disabled.field-content, .disabled.j100-expander_input, .form-field__input-wrapper input.readonly, .m111-content-scroller--nav_mobile-selectwrapper input.readonly, .j134-media--filter input.readonly, .field-content input.readonly, .j100-expander_input input.readonly, .form-field__input-wrapper select.readonly, .m111-content-scroller--nav_mobile-selectwrapper select.readonly, .j134-media--filter select.readonly, .field-content select.readonly, .j100-expander_input select.readonly, .form-field__input-wrapper.readonly, .readonly.m111-content-scroller--nav_mobile-selectwrapper, .readonly.j134-media--filter, .readonly.field-content, .readonly.j100-expander_input { color: #4f4f4f; background-color: #DEDEDE; opacity: inherit; } .form-field__input-wrapper input.disabled .form-field__input, .m111-content-scroller--nav_mobile-selectwrapper input.disabled .form-field__input, .form-field__input-wrapper input.disabled .j134-media--filter-input, .m111-content-scroller--nav_mobile-selectwrapper input.disabled .j134-media--filter-input, .j134-media--filter input.disabled .form-field__input, .j134-media--filter input.disabled .j134-media--filter-input, .form-field__input-wrapper input.disabled .field-content input, .m111-content-scroller--nav_mobile-selectwrapper input.disabled .field-content input, .j134-media--filter input.disabled .field-content input, .field-content .form-field__input-wrapper input.disabled input, .field-content .m111-content-scroller--nav_mobile-selectwrapper input.disabled input, .field-content .j134-media--filter input.disabled input, .form-field__input-wrapper input.disabled .field-content textarea, .m111-content-scroller--nav_mobile-selectwrapper input.disabled .field-content textarea, .j134-media--filter input.disabled .field-content textarea, .field-content .form-field__input-wrapper input.disabled textarea, .field-content .m111-content-scroller--nav_mobile-selectwrapper input.disabled textarea, .field-content .j134-media--filter input.disabled textarea, .form-field__input-wrapper input.disabled .field-content select, .m111-content-scroller--nav_mobile-selectwrapper input.disabled .field-content select, .j134-media--filter input.disabled .field-content select, .field-content .form-field__input-wrapper input.disabled select, .field-content .m111-content-scroller--nav_mobile-selectwrapper input.disabled select, .field-content .j134-media--filter input.disabled select, .field-content input.disabled .form-field__input, .field-content input.disabled .j134-media--filter-input, .field-content input.disabled input, .field-content input.disabled textarea, .field-content input.disabled select, .j100-expander_input input.disabled .form-field__input, .j100-expander_input input.disabled .j134-media--filter-input, .j100-expander_input input.disabled .field-content input, .field-content .j100-expander_input input.disabled input, .j100-expander_input input.disabled .field-content textarea, .field-content .j100-expander_input input.disabled textarea, .j100-expander_input input.disabled .field-content select, .field-content .j100-expander_input input.disabled select, .form-field__input-wrapper input.disabled .j100-expander_input, .m111-content-scroller--nav_mobile-selectwrapper input.disabled .j100-expander_input, .j134-media--filter input.disabled .j100-expander_input, .field-content input.disabled .j100-expander_input, .j100-expander_input input.disabled .j100-expander_input, .form-field__input-wrapper select.disabled .form-field__input, .m111-content-scroller--nav_mobile-selectwrapper select.disabled .form-field__input, .form-field__input-wrapper select.disabled .j134-media--filter-input, .m111-content-scroller--nav_mobile-selectwrapper select.disabled .j134-media--filter-input, .j134-media--filter select.disabled .form-field__input, .j134-media--filter select.disabled .j134-media--filter-input, .form-field__input-wrapper select.disabled .field-content input, .m111-content-scroller--nav_mobile-selectwrapper select.disabled .field-content input, .j134-media--filter select.disabled .field-content input, .field-content .form-field__input-wrapper select.disabled input, .field-content .m111-content-scroller--nav_mobile-selectwrapper select.disabled input, .field-content .j134-media--filter select.disabled input, .form-field__input-wrapper select.disabled .field-content textarea, .m111-content-scroller--nav_mobile-selectwrapper select.disabled .field-content textarea, .j134-media--filter select.disabled .field-content textarea, .field-content .form-field__input-wrapper select.disabled textarea, .field-content .m111-content-scroller--nav_mobile-selectwrapper select.disabled textarea, .field-content .j134-media--filter select.disabled textarea, .form-field__input-wrapper select.disabled .field-content select, .m111-content-scroller--nav_mobile-selectwrapper select.disabled .field-content select, .j134-media--filter select.disabled .field-content select, .field-content .form-field__input-wrapper select.disabled select, .field-content .m111-content-scroller--nav_mobile-selectwrapper select.disabled select, .field-content .j134-media--filter select.disabled select, .field-content select.disabled .form-field__input, .field-content select.disabled .j134-media--filter-input, .field-content select.disabled input, .field-content select.disabled textarea, .field-content select.disabled select, .j100-expander_input select.disabled .form-field__input, .j100-expander_input select.disabled .j134-media--filter-input, .j100-expander_input select.disabled .field-content input, .field-content .j100-expander_input select.disabled input, .j100-expander_input select.disabled .field-content textarea, .field-content .j100-expander_input select.disabled textarea, .j100-expander_input select.disabled .field-content select, .field-content .j100-expander_input select.disabled select, .form-field__input-wrapper select.disabled .j100-expander_input, .m111-content-scroller--nav_mobile-selectwrapper select.disabled .j100-expander_input, .j134-media--filter select.disabled .j100-expander_input, .field-content select.disabled .j100-expander_input, .j100-expander_input select.disabled .j100-expander_input, .form-field__input-wrapper.disabled .form-field__input, .disabled.m111-content-scroller--nav_mobile-selectwrapper .form-field__input, .form-field__input-wrapper.disabled .j134-media--filter-input, .disabled.m111-content-scroller--nav_mobile-selectwrapper .j134-media--filter-input, .disabled.j134-media--filter .form-field__input, .disabled.j134-media--filter .j134-media--filter-input, .form-field__input-wrapper.disabled .field-content input, .disabled.m111-content-scroller--nav_mobile-selectwrapper .field-content input, .disabled.j134-media--filter .field-content input, .field-content .form-field__input-wrapper.disabled input, .field-content .disabled.m111-content-scroller--nav_mobile-selectwrapper input, .field-content .disabled.j134-media--filter input, .form-field__input-wrapper.disabled .field-content textarea, .disabled.m111-content-scroller--nav_mobile-selectwrapper .field-content textarea, .disabled.j134-media--filter .field-content textarea, .field-content .form-field__input-wrapper.disabled textarea, .field-content .disabled.m111-content-scroller--nav_mobile-selectwrapper textarea, .field-content .disabled.j134-media--filter textarea, .form-field__input-wrapper.disabled .field-content select, .disabled.m111-content-scroller--nav_mobile-selectwrapper .field-content select, .disabled.j134-media--filter .field-content select, .field-content .form-field__input-wrapper.disabled select, .field-content .disabled.m111-content-scroller--nav_mobile-selectwrapper select, .field-content .disabled.j134-media--filter select, .disabled.field-content .form-field__input, .disabled.field-content .j134-media--filter-input, .disabled.field-content input, .disabled.field-content textarea, .disabled.field-content select, .disabled.j100-expander_input .form-field__input, .disabled.j100-expander_input .j134-media--filter-input, .disabled.j100-expander_input .field-content input, .field-content .disabled.j100-expander_input input, .disabled.j100-expander_input .field-content textarea, .field-content .disabled.j100-expander_input textarea, .disabled.j100-expander_input .field-content select, .field-content .disabled.j100-expander_input select, .form-field__input-wrapper.disabled .j100-expander_input, .disabled.m111-content-scroller--nav_mobile-selectwrapper .j100-expander_input, .disabled.j134-media--filter .j100-expander_input, .disabled.field-content .j100-expander_input, .disabled.j100-expander_input .j100-expander_input, .form-field__input-wrapper input.readonly .form-field__input, .m111-content-scroller--nav_mobile-selectwrapper input.readonly .form-field__input, .form-field__input-wrapper input.readonly .j134-media--filter-input, .m111-content-scroller--nav_mobile-selectwrapper input.readonly .j134-media--filter-input, .j134-media--filter input.readonly .form-field__input, .j134-media--filter input.readonly .j134-media--filter-input, .form-field__input-wrapper input.readonly .field-content input, .m111-content-scroller--nav_mobile-selectwrapper input.readonly .field-content input, .j134-media--filter input.readonly .field-content input, .field-content .form-field__input-wrapper input.readonly input, .field-content .m111-content-scroller--nav_mobile-selectwrapper input.readonly input, .field-content .j134-media--filter input.readonly input, .form-field__input-wrapper input.readonly .field-content textarea, .m111-content-scroller--nav_mobile-selectwrapper input.readonly .field-content textarea, .j134-media--filter input.readonly .field-content textarea, .field-content .form-field__input-wrapper input.readonly textarea, .field-content .m111-content-scroller--nav_mobile-selectwrapper input.readonly textarea, .field-content .j134-media--filter input.readonly textarea, .form-field__input-wrapper input.readonly .field-content select, .m111-content-scroller--nav_mobile-selectwrapper input.readonly .field-content select, .j134-media--filter input.readonly .field-content select, .field-content .form-field__input-wrapper input.readonly select, .field-content .m111-content-scroller--nav_mobile-selectwrapper input.readonly select, .field-content .j134-media--filter input.readonly select, .field-content input.readonly .form-field__input, .field-content input.readonly .j134-media--filter-input, .field-content input.readonly input, .field-content input.readonly textarea, .field-content input.readonly select, .j100-expander_input input.readonly .form-field__input, .j100-expander_input input.readonly .j134-media--filter-input, .j100-expander_input input.readonly .field-content input, .field-content .j100-expander_input input.readonly input, .j100-expander_input input.readonly .field-content textarea, .field-content .j100-expander_input input.readonly textarea, .j100-expander_input input.readonly .field-content select, .field-content .j100-expander_input input.readonly select, .form-field__input-wrapper input.readonly .j100-expander_input, .m111-content-scroller--nav_mobile-selectwrapper input.readonly .j100-expander_input, .j134-media--filter input.readonly .j100-expander_input, .field-content input.readonly .j100-expander_input, .j100-expander_input input.readonly .j100-expander_input, .form-field__input-wrapper select.readonly .form-field__input, .m111-content-scroller--nav_mobile-selectwrapper select.readonly .form-field__input, .form-field__input-wrapper select.readonly .j134-media--filter-input, .m111-content-scroller--nav_mobile-selectwrapper select.readonly .j134-media--filter-input, .j134-media--filter select.readonly .form-field__input, .j134-media--filter select.readonly .j134-media--filter-input, .form-field__input-wrapper select.readonly .field-content input, .m111-content-scroller--nav_mobile-selectwrapper select.readonly .field-content input, .j134-media--filter select.readonly .field-content input, .field-content .form-field__input-wrapper select.readonly input, .field-content .m111-content-scroller--nav_mobile-selectwrapper select.readonly input, .field-content .j134-media--filter select.readonly input, .form-field__input-wrapper select.readonly .field-content textarea, .m111-content-scroller--nav_mobile-selectwrapper select.readonly .field-content textarea, .j134-media--filter select.readonly .field-content textarea, .field-content .form-field__input-wrapper select.readonly textarea, .field-content .m111-content-scroller--nav_mobile-selectwrapper select.readonly textarea, .field-content .j134-media--filter select.readonly textarea, .form-field__input-wrapper select.readonly .field-content select, .m111-content-scroller--nav_mobile-selectwrapper select.readonly .field-content select, .j134-media--filter select.readonly .field-content select, .field-content .form-field__input-wrapper select.readonly select, .field-content .m111-content-scroller--nav_mobile-selectwrapper select.readonly select, .field-content .j134-media--filter select.readonly select, .field-content select.readonly .form-field__input, .field-content select.readonly .j134-media--filter-input, .field-content select.readonly input, .field-content select.readonly textarea, .field-content select.readonly select, .j100-expander_input select.readonly .form-field__input, .j100-expander_input select.readonly .j134-media--filter-input, .j100-expander_input select.readonly .field-content input, .field-content .j100-expander_input select.readonly input, .j100-expander_input select.readonly .field-content textarea, .field-content .j100-expander_input select.readonly textarea, .j100-expander_input select.readonly .field-content select, .field-content .j100-expander_input select.readonly select, .form-field__input-wrapper select.readonly .j100-expander_input, .m111-content-scroller--nav_mobile-selectwrapper select.readonly .j100-expander_input, .j134-media--filter select.readonly .j100-expander_input, .field-content select.readonly .j100-expander_input, .j100-expander_input select.readonly .j100-expander_input, .form-field__input-wrapper.readonly .form-field__input, .readonly.m111-content-scroller--nav_mobile-selectwrapper .form-field__input, .form-field__input-wrapper.readonly .j134-media--filter-input, .readonly.m111-content-scroller--nav_mobile-selectwrapper .j134-media--filter-input, .readonly.j134-media--filter .form-field__input, .readonly.j134-media--filter .j134-media--filter-input, .form-field__input-wrapper.readonly .field-content input, .readonly.m111-content-scroller--nav_mobile-selectwrapper .field-content input, .readonly.j134-media--filter .field-content input, .field-content .form-field__input-wrapper.readonly input, .field-content .readonly.m111-content-scroller--nav_mobile-selectwrapper input, .field-content .readonly.j134-media--filter input, .form-field__input-wrapper.readonly .field-content textarea, .readonly.m111-content-scroller--nav_mobile-selectwrapper .field-content textarea, .readonly.j134-media--filter .field-content textarea, .field-content .form-field__input-wrapper.readonly textarea, .field-content .readonly.m111-content-scroller--nav_mobile-selectwrapper textarea, .field-content .readonly.j134-media--filter textarea, .form-field__input-wrapper.readonly .field-content select, .readonly.m111-content-scroller--nav_mobile-selectwrapper .field-content select, .readonly.j134-media--filter .field-content select, .field-content .form-field__input-wrapper.readonly select, .field-content .readonly.m111-content-scroller--nav_mobile-selectwrapper select, .field-content .readonly.j134-media--filter select, .readonly.field-content .form-field__input, .readonly.field-content .j134-media--filter-input, .readonly.field-content input, .readonly.field-content textarea, .readonly.field-content select, .readonly.j100-expander_input .form-field__input, .readonly.j100-expander_input .j134-media--filter-input, .readonly.j100-expander_input .field-content input, .field-content .readonly.j100-expander_input input, .readonly.j100-expander_input .field-content textarea, .field-content .readonly.j100-expander_input textarea, .readonly.j100-expander_input .field-content select, .field-content .readonly.j100-expander_input select, .form-field__input-wrapper.readonly .j100-expander_input, .readonly.m111-content-scroller--nav_mobile-selectwrapper .j100-expander_input, .readonly.j134-media--filter .j100-expander_input, .readonly.field-content .j100-expander_input, .readonly.j100-expander_input .j100-expander_input { color: #4f4f4f; } .form-field__input-wrapper:has([data-el=timepicker]):before, .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]):before, .j134-media--filter:has([data-el=timepicker]):before, .field-content:has([data-el=timepicker]):before, .j100-expander_input:has([data-el=timepicker]):before { content: "뤌" !important; } .form-field__input-wrapper:not(:has(.picker__input)):has(input[type=hidden]), .m111-content-scroller--nav_mobile-selectwrapper:not(:has(.picker__input)):has(input[type=hidden]), .j134-media--filter:not(:has(.picker__input)):has(input[type=hidden]), .field-content:not(:has(.picker__input)):has(input[type=hidden]), .j100-expander_input:not(:has(.picker__input)):has(input[type=hidden]) { border: none; } .disabled, input[disabled] { cursor: default !important; } .disabled + .form-field__fakeradio, .disabled + .form-field__fakecheckbox, input[disabled] + .form-field__fakeradio, input[disabled] + .form-field__fakecheckbox { cursor: default; filter: grayscale(100%); } .disabled + .form-field__fakeradio:before, .disabled + .form-field__fakecheckbox:before, input[disabled] + .form-field__fakeradio:before, input[disabled] + .form-field__fakecheckbox:before { background-color: #F2F3F3 !important; box-shadow: 0 0 0 2px #D7D7DF !important; } .disabled + .form-field__fakeradio:before, input[disabled] + .form-field__fakeradio:before { border-color: #F2F3F3 !important; } .disabled:checked + .form-field__fakeradio:before, input[disabled]:checked + .form-field__fakeradio:before { border-color: white !important; background-color: #D7D7DF !important; } .form-field--upload .form-field__input-wrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select), .form-field--upload .m111-content-scroller--nav_mobile-selectwrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select), .form-field--upload .j134-media--filter:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select), .form-field--upload .field-content:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select), .form-field--upload .j100-expander_input:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select) { background-color: transparent; display: block; border: none; border-radius: 0; *zoom: 1; } .form-field--upload .form-field__input-wrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):before, .form-field--upload .m111-content-scroller--nav_mobile-selectwrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):before, .form-field--upload .j134-media--filter:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):before, .form-field--upload .field-content:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):before, .form-field--upload .j100-expander_input:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):before, .form-field--upload .form-field__input-wrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after, .form-field--upload .m111-content-scroller--nav_mobile-selectwrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after, .form-field--upload .j134-media--filter:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after, .form-field--upload .field-content:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after, .form-field--upload .j100-expander_input:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after { content: " "; display: table; } .form-field--upload .form-field__input-wrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after, .form-field--upload .m111-content-scroller--nav_mobile-selectwrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after, .form-field--upload .j134-media--filter:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after, .form-field--upload .field-content:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after, .form-field--upload .j100-expander_input:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):after { clear: both; } .form-field--upload .form-field__input-wrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):focus-within, .form-field--upload .m111-content-scroller--nav_mobile-selectwrapper:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):focus-within, .form-field--upload .j134-media--filter:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):focus-within, .form-field--upload .field-content:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):focus-within, .form-field--upload .j100-expander_input:not(.form-field__input-wrapper--select):not(.m111-content-scroller--nav_mobile-selectwrapper):not(.j134-media--filter:not(.search)):not(.field-content--select):focus-within { box-shadow: none; } .form-field--psuedolabel { display: block; } .form-field__input-wrapper--prefixed { line-height: 1.5; } .form-field__input-wrapper--prefixed:before { padding: 16px; text-align: center; border-right: 1px solid #D7D7DF; } .form-field__input-wrapper--prefixed.disabled:before, .form-field__input-wrapper--prefixed.readonly:before, .form-field__input-wrapper--prefixed.form-field__input-wrapper--readonly:before { border-color: #BDBDBD; } .j169-cs--container .j141-tracking-anonymous .form-field__input-wrapper--prefixed.form-field__input-wrapper--search { padding: 0 0 0 16px; } .form-field__input-wrapper--currency:before { content: "D"; font-family: "dirhamsymbol"; line-height: 16px; font-size: 14px; z-index: 2; padding: 8px 20px; text-align: center; border-right: 1px solid #D7D7DF; border-left: 0; color: #40484F; } .form-field__input-wrapper--search:before { content: "\e602"; line-height: 1.4em; font-family: iconfont; font-size: 30px; top: -20px; border: none; } .j141-tracking-anonymous .form-field__input-wrapper--search:before { padding: 0 !important; } .j04-drrg-evaluator .form-field__input-wrapper--search:before, .j05-drrg-manager .form-field__input-wrapper--search:before, .j02-drrg-dashboard .form-field__input-wrapper--search:before { content: none; } .form-field__input-wrapper--mobile-number:before { content: "+971"; } .form-field__input-wrapper--tel-number:before { content: "+971"; } .form-field__input-wrapper--iban:before { content: "AE"; } .form-field__input-wrapper--cancel { width: 78%; display: inline-block; } .form-field__input-wrapper--datepicker, .field-content--datepicker, .form-field__input-wrapper:has([data-el=timepicker]), .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]), .j134-media--filter:has([data-el=timepicker]), .field-content:has([data-el=timepicker]), .j100-expander_input:has([data-el=timepicker]), .form-field__input-wrapper--monthpicker { align-items: stretch; } .form-field__input-wrapper--datepicker:before, .field-content--datepicker:before, .form-field__input-wrapper:has([data-el=timepicker]):before, .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]):before, .j134-media--filter:has([data-el=timepicker]):before, .field-content:has([data-el=timepicker]):before, .j100-expander_input:has([data-el=timepicker]):before, .form-field__input-wrapper--monthpicker:before { content: "\e616"; position: absolute; left: 0; right: auto; top: 0; bottom: 0; padding: 0.25em; border-right: 1px solid #BCBEC0; line-height: normal; font-family: iconfont; font-size: 30px; color: #939598; display: flex; align-items: center; } .form-field__input-wrapper--datepicker input.form-field__input, .form-field__input-wrapper--datepicker input.j134-media--filter-input, .field-content--datepicker input.form-field__input, .field-content--datepicker input.j134-media--filter-input, .form-field__input-wrapper--datepicker .field-content input, .field-content--datepicker .field-content input, .field-content .form-field__input-wrapper--datepicker input, .field-content .field-content--datepicker input, .form-field__input-wrapper--datepicker input.j100-expander_input, .field-content--datepicker input.j100-expander_input, .form-field__input-wrapper:has([data-el=timepicker]) input.form-field__input, .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input.form-field__input, .form-field__input-wrapper:has([data-el=timepicker]) input.j134-media--filter-input, .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input.j134-media--filter-input, .j134-media--filter:has([data-el=timepicker]) input.form-field__input, .j134-media--filter:has([data-el=timepicker]) input.j134-media--filter-input, .form-field__input-wrapper:has([data-el=timepicker]) .field-content input, .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) .field-content input, .j134-media--filter:has([data-el=timepicker]) .field-content input, .field-content .form-field__input-wrapper:has([data-el=timepicker]) input, .field-content .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input, .field-content .j134-media--filter:has([data-el=timepicker]) input, .field-content:has([data-el=timepicker]) input, .j100-expander_input:has([data-el=timepicker]) input.form-field__input, .j100-expander_input:has([data-el=timepicker]) input.j134-media--filter-input, .j100-expander_input:has([data-el=timepicker]) .field-content input, .field-content .j100-expander_input:has([data-el=timepicker]) input, .form-field__input-wrapper:has([data-el=timepicker]) input.j100-expander_input, .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input.j100-expander_input, .j134-media--filter:has([data-el=timepicker]) input.j100-expander_input, .j100-expander_input:has([data-el=timepicker]) input.j100-expander_input, .form-field__input-wrapper--monthpicker input.form-field__input, .form-field__input-wrapper--monthpicker input.j134-media--filter-input, .form-field__input-wrapper--monthpicker .field-content input, .field-content .form-field__input-wrapper--monthpicker input, .form-field__input-wrapper--monthpicker input.j100-expander_input { padding-left: 62px; } .form-field__input-wrapper--datepicker .picker, .field-content--datepicker .picker, .form-field__input-wrapper:has([data-el=timepicker]) .picker, .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) .picker, .j134-media--filter:has([data-el=timepicker]) .picker, .field-content:has([data-el=timepicker]) .picker, .j100-expander_input:has([data-el=timepicker]) .picker, .form-field__input-wrapper--monthpicker .picker { top: calc(100% + 4px); } .form-field__input-wrapper--datepicker:has(input.disabled, input[disabled]):before, .field-content--datepicker:has(input.disabled, input[disabled]):before, .form-field__input-wrapper:has(input.disabled, input[disabled]):has([data-el=timepicker]):before, .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, input[disabled]):has([data-el=timepicker]):before, .j134-media--filter:has(input.disabled, input[disabled]):has([data-el=timepicker]):before, .field-content:has(input.disabled, input[disabled]):has([data-el=timepicker]):before, .j100-expander_input:has(input.disabled, input[disabled]):has([data-el=timepicker]):before, .form-field__input-wrapper--monthpicker:has(input.disabled, input[disabled]):before { z-index: 2; } input.form-field__input.form-field__input--text-fix-padding[data-el=timepicker], input.form-field__input--text-fix-padding[data-el=timepicker].j134-media--filter-input, .field-content input.form-field__input--text-fix-padding[data-el=timepicker], input.form-field__input--text-fix-padding[data-el=timepicker].j100-expander_input { padding-left: 62px !important; } .form-field__input-wrapper--hasverify { width: calc(100% - 120px); margin-right: 8px; display: inline-flex; } .form-field-disabled { position: relative; } .form-field-disabled:before { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: 999; } .form-field-disabled .form-field__input-wrapper, .form-field-disabled .m111-content-scroller--nav_mobile-selectwrapper, .form-field-disabled .j134-media--filter, .form-field-disabled .field-content, .form-field-disabled .j100-expander_input { background-color: #DEDEDE; color: #4f4f4f; opacity: inherit; } .form-field-disabled .button, .form-field-disabled .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field-disabled a, .form-field-disabled .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field-disabled a, .form-field-disabled .form-submit, .form-field-disabled .button--centered { opacity: 0.69; } [dir=rtl] .form-field__input--datepicker, [dir=rtl] .field-content--datepicker [type=text], .field-content--datepicker [dir=rtl] [type=text], [dir=rtl] .field-content--datepicker [type=date], .field-content--datepicker [dir=rtl] [type=date] { text-align: right; } [dir=rtl] .form-field__input--monthpicker { text-align: right; } .j120-smart-response--ltr .form-field__input-wrapper--datepicker:before, .j120-smart-response--ltr .field-content--datepicker:before, .j120-smart-response--ltr .form-field__input-wrapper:has([data-el=timepicker]):before, .j120-smart-response--ltr .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]):before, .j120-smart-response--ltr .j134-media--filter:has([data-el=timepicker]):before, .j120-smart-response--ltr .field-content:has([data-el=timepicker]):before, .j120-smart-response--ltr .j100-expander_input:has([data-el=timepicker]):before { left: 0px; right: auto; border-right: 1px solid #BCBEC0; border-left: 0px; } .j120-smart-response--rtl .form-field__input-wrapper--datepicker:before, .j120-smart-response--rtl .field-content--datepicker:before, .j120-smart-response--rtl .form-field__input-wrapper:has([data-el=timepicker]):before, .j120-smart-response--rtl .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]):before, .j120-smart-response--rtl .j134-media--filter:has([data-el=timepicker]):before, .j120-smart-response--rtl .field-content:has([data-el=timepicker]):before, .j120-smart-response--rtl .j100-expander_input:has([data-el=timepicker]):before { right: 0px; left: auto; border-left: 1px solid #BCBEC0; border-right: 0px; } [dir=rtl] .j120-smart-response--ltr .form-field__input--datepicker, [dir=rtl] .j120-smart-response--ltr .field-content--datepicker [type=text], .field-content--datepicker [dir=rtl] .j120-smart-response--ltr [type=text], [dir=rtl] .j120-smart-response--ltr .field-content--datepicker [type=date], .field-content--datepicker [dir=rtl] .j120-smart-response--ltr [type=date] { text-align: left; } [dir=ltr] .j120-smart-response--rtl .form-field__input--datepicker, [dir=ltr] .j120-smart-response--rtl .field-content--datepicker [type=text], .field-content--datepicker [dir=ltr] .j120-smart-response--rtl [type=text], [dir=ltr] .j120-smart-response--rtl .field-content--datepicker [type=date], .field-content--datepicker [dir=ltr] .j120-smart-response--rtl [type=date] { text-align: right; } .form-field__input-wrapper--error-noicon:after { display: none; } .form-field__input-wrapper--select:after, .m111-content-scroller--nav_mobile-selectwrapper:after, .j134-media--filter:not(.search):after, .field-content--select:after { content: "\e604"; color: #222222; font-family: "iconfont"; font-size: 36px; line-height: 36px; position: absolute; top: calc((100% - 36px) / 2); right: 10px; } .form-field__input-wrapper--select2:after { top: 10px; } .fieldset--collapsable { transition: all 0.5s linear; overflow: visible; padding: 0 1px; position: relative; } .fieldset--collapsable .legend, .fieldset--collapsable .display-section-legend { position: relative; cursor: pointer; padding-right: 24px; width: calc(100% - 12px); white-space: break-spaces; } .fieldset--collapsable .legend:before, .fieldset--collapsable .display-section-legend:before { content: "\e605"; font-family: iconfont; position: absolute; right: 10px; top: -12px; font-weight: normal; color: #BCBEC0; font-size: 42px; } .fieldset--collapsable-closed { overflow: hidden; } .fieldset--collapsable-closed .legend, .fieldset--collapsable-closed .display-section-legend { position: relative; } .fieldset--collapsable-closed .legend:before, .fieldset--collapsable-closed .display-section-legend:before { content: "\e604"; } .fieldset_legend-title { font-weight: 300; margin-bottom: 18px; } .form-field_verification-fieldset { display: flex; } .form-field_verification-fieldset .form-field_verification-input { flex-grow: 1; } .form-field_verification-fieldset .form-field_verification-button { margin-top: 26px; } .form-field_verification-fieldset .form-field_verification-button .button, .form-field_verification-fieldset .form-field_verification-button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field_verification-fieldset .form-field_verification-button a, .form-field_verification-fieldset .form-field_verification-button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field_verification-fieldset .form-field_verification-button a, .form-field_verification-fieldset .form-field_verification-button .form-submit, .form-field_verification-fieldset .form-field_verification-button .button--centered { margin-right: 0px; } .form-field_contact-ext-fieldset { display: flex; } .form-field_contact-ext-fieldset .form-field:first-child, .form-field_contact-ext-fieldset .field-border:first-child { flex-grow: 1; } .form-field_contact-ext-fieldset .form-field + .form-field, .form-field_contact-ext-fieldset .field-border + .form-field, .form-field_contact-ext-fieldset .form-field + .field-border, .form-field_contact-ext-fieldset .field-border + .field-border { margin-top: 0px; margin-left: 10px; width: 150px; } .form-field_contact-ext-fieldset.contact-country-code { flex-wrap: wrap; align-items: flex-start; } .form-field_contact-ext-fieldset.contact-country-code .form-field, .form-field_contact-ext-fieldset.contact-country-code .field-border { margin-top: auto; } .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 { width: 100px; flex-grow: inherit; } .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 .form-field__input-wrapper--select, .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 .m111-content-scroller--nav_mobile-selectwrapper, .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 .j134-media--filter:not(.search), .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 .field-content--select { width: 100px; box-sizing: border-box; } .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 .form-field__input--select, .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 .m111-content-scroller--nav_mobile-select, .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 .j134-media--filter-input:not(.j134-media--filter-inputsearch), .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 .field-content select, .field-content .form-field_contact-ext-fieldset.contact-country-code .form-field_select-code-col3 select { border-right: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 { flex-grow: 1; width: calc(100% - 190px); margin-left: 0px; } .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 .form-field__input--text, .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 .j134-media--filter-inputsearch, .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 .field-content textarea, .field-content .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 textarea, .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 input[type=email], .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 input[type=number], .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 input[type=password], .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 input[type=tel], .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 input[type=text], .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 input[type=url], .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 input[type=color], .form-field_contact-ext-fieldset.contact-country-code .form-field_contact-number-col3 input[type=date] { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .form-field_contact-ext-fieldset.contact-country-code .form-field_ext-col3 { width: 100%; margin-left: 0px; margin-top: 0px; flex-grow: 0; } .form-field_fieldset.form-field_fieldset-fullname { display: flex; } .form-field_fieldset.form-field_fieldset-fullname .form-field--select { width: 80px; } .form-field_fieldset.form-field_fieldset-fullname .form-field + .form-field, .form-field_fieldset.form-field_fieldset-fullname .field-border + .form-field, .form-field_fieldset.form-field_fieldset-fullname .form-field + .field-border, .form-field_fieldset.form-field_fieldset-fullname .field-border + .field-border { margin-top: 0px; margin-left: 10px; } .form-field_fieldset.form-field_fieldset-fullname .form-field--text { flex-grow: 1; } .edit-input-wrapper { display: flex; } .edit-input-wrapper .input-edit { float: left; } .edit-input-wrapper .input-action-btn { display: flex; align-items: center; } .edit-input-wrapper .input-action-btn .btn-edit::before { font-size: 20px; } .edit-input-wrapper .input-action-btn .btn-action { display: inline-block; line-height: 20px; height: 20px; cursor: pointer; } .edit-input-wrapper .input-action-btn .btn-reset { display: none; } .edit-input-wrapper .input-action-btn .btn-reset:before { font-size: 25px; } .edit-input-wrapper .input-action-btn .btn-set { display: none; position: relative; } .edit-input-wrapper .input-action-btn .btn-set:before { font-size: 35px; position: absolute; left: -5px; width: 20px; top: -2px; display: inline-block; color: #007560; } .edit-input-wrapper.editmode .input-action-btn .btn-edit { display: none; } .edit-input-wrapper.editmode .input-action-btn .btn-set { display: inline-block; } .edit-input-wrapper.editmode .input-action-btn .btn-reset { display: inline-block; } @media not all and (min-resolution: 0.001dpcm) { .fieldset--collapsable .legend, .fieldset--collapsable .display-section-legend { position: static; } .fieldset--collapsable .legend:before, .fieldset--collapsable .display-section-legend:before { display: none; } .fieldset--collapsable-closed .legend, .fieldset--collapsable-closed .display-section-legend { position: static; } } .form-field--fakecbox2_wrap { padding: 8px 0 0px; border-bottom: 1px solid #BCBEC0; } .form-field--fakecbox2_desc { font-weight: 100; color: #222222; margin-right: 16px; } .form-field--fakecbox2_input { position: relative; display: inline-block; padding: 8px 12px 6px; border-radius: 30px; border: 1px solid #979797; padding-right: 32px; cursor: pointer; margin-bottom: 16px; font-weight: bold; color: #979797; } .form-field--fakecbox2_input:before { content: "+"; position: absolute; top: 1px; right: 8px; z-index: 1; font-size: 1.75em; font-weight: 100; } .form-field--fakecbox2_input + .form-field--fakecbox2_input { margin-left: 12px; } .form-field--fakecbox2_input--active { background-color: #007560; color: white; border: 1px solid #007560; position: relative; } .form-field--fakecbox2_input--active:before { content: "\e620"; font-family: iconfont; position: absolute; top: -2px; right: 2px; z-index: 1; font-size: 28px; } .form-field--label-align-left label { text-align: left; } .form-field--label-align-centre label { text-align: center; } .form-field--label-align-right label { text-align: right; } .form-field__preview-wrapper { width: 120px; height: 120px; background: #F6F6F6; margin-right: 16px; margin-bottom: 8px; border: 1px solid #BCBEC0; background-color: #F6F6F6; } .form-field__preview { width: 120px; height: 120px; } .form-field__input, .j134-media--filter-input, .field-content input, .field-content textarea, .field-content select, .j100-expander_input { position: relative; z-index: 1; color: #222222; } .form-field__input.form-field__input--error, .form-field__input--error.j134-media--filter-input, .field-content .form-field__input.input-validation-error, .field-content .input-validation-error.j134-media--filter-input, .field-content input.form-field__input--error, .field-content input.input-validation-error, .field-content textarea.form-field__input--error, .field-content textarea.input-validation-error, .field-content select.form-field__input--error, .field-content select.input-validation-error, .form-field__input--error.j100-expander_input, .field-content .j100-expander_input.input-validation-error { border-color: #B00020; color: #B00020; } .form-field__input:focus, .j134-media--filter-input:focus, .field-content input:focus, .field-content textarea:focus, .field-content select:focus, .j100-expander_input:focus { border-color: #007560; outline: none; } .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date], .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; padding: 16px; border-radius: 8px; } .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled][type=email], input[disabled][type=number], input[disabled][type=password], input[disabled][type=tel], input[disabled][type=text], input[disabled][type=url], input[disabled][type=color], input[disabled][type=date], .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--select[disabled], [disabled].m111-content-scroller--nav_mobile-select, [disabled].j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select[disabled], .form-field__input--select[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].m111-content-scroller--nav_mobile-select:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-input:not(.picker__input):not(.form-field__input--monthpicker):not(.j134-media--filter-inputsearch), .field-content select[readonly]:not(.picker__input):not(.form-field__input--monthpicker) { background-color: #DEDEDE; color: #4f4f4f; opacity: inherit; } .form-field__input--text[disabled]::placeholder, [disabled].j134-media--filter-inputsearch::placeholder, .field-content textarea[disabled]::placeholder, input[disabled][type=email]::placeholder, input[disabled][type=number]::placeholder, input[disabled][type=password]::placeholder, input[disabled][type=tel]::placeholder, input[disabled][type=text]::placeholder, input[disabled][type=url]::placeholder, input[disabled][type=color]::placeholder, input[disabled][type=date]::placeholder, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, .form-field__input--select[disabled]::placeholder, [disabled].m111-content-scroller--nav_mobile-select::placeholder, [disabled].j134-media--filter-input:not(.j134-media--filter-inputsearch)::placeholder, .field-content select[disabled]::placeholder, .form-field__input--select[readonly]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, [readonly].m111-content-scroller--nav_mobile-select:not(.picker__input):not(.form-field__input--monthpicker)::placeholder, [readonly].j134-media--filter-input:not(.picker__input):not(.form-field__input--monthpicker):not(.j134-media--filter-inputsearch)::placeholder, .field-content select[readonly]:not(.picker__input):not(.form-field__input--monthpicker)::placeholder { color: #4f4f4f; } .form-field__input--text-fix-padding { padding-right: 12px !important; padding-left: 12px !important; } .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid { border: none; padding-right: 54px; } .form-field__input--select option, .m111-content-scroller--nav_mobile-select option, .j134-media--filter-input:not(.j134-media--filter-inputsearch) option, .field-content select option, .field-content select.valid option { padding-left: 16px; } .form-field__input--select option:has(.dirham-symbol), .m111-content-scroller--nav_mobile-select option:has(.dirham-symbol), .j134-media--filter-input:not(.j134-media--filter-inputsearch) option:has(.dirham-symbol), .field-content select option:has(.dirham-symbol) { font-family: "dirhamsymbol"; } .form-field__input--text, .j134-media--filter-inputsearch, .field-content textarea, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=color], input[type=date] { display: block; width: 100%; caret-color: #007560; } .form-field__input--text::-webkit-input-placeholder, .j134-media--filter-inputsearch::-webkit-input-placeholder, .field-content textarea::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder { -webkit-transition: color, 0.3s; -moz-transition: color, 0.3s; transition: color, 0.3s; } .form-field__input--text:-moz-placeholder, .j134-media--filter-inputsearch:-moz-placeholder, .field-content textarea:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=color]:-moz-placeholder, input[type=date]:-moz-placeholder { -webkit-transition: color, 0.3s; -moz-transition: color, 0.3s; transition: color, 0.3s; } .form-field__input--text::-moz-placeholder, .j134-media--filter-inputsearch::-moz-placeholder, .field-content textarea::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder { -webkit-transition: color, 0.3s; -moz-transition: color, 0.3s; transition: color, 0.3s; } .form-field__input--text:-ms-input-placeholder, .j134-media--filter-inputsearch:-ms-input-placeholder, .field-content textarea:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder { -webkit-transition: color, 0.3s; -moz-transition: color, 0.3s; transition: color, 0.3s; } .form-field__input--text:focus::-webkit-input-placeholder, .j134-media--filter-inputsearch:focus::-webkit-input-placeholder, .field-content textarea:focus::-webkit-input-placeholder, input[type=email]:focus::-webkit-input-placeholder, input[type=number]:focus::-webkit-input-placeholder, input[type=password]:focus::-webkit-input-placeholder, input[type=tel]:focus::-webkit-input-placeholder, input[type=text]:focus::-webkit-input-placeholder, input[type=url]:focus::-webkit-input-placeholder, input[type=color]:focus::-webkit-input-placeholder, input[type=date]:focus::-webkit-input-placeholder { color: #6F6F6F; } .form-field__input--text:focus:-moz-placeholder, .j134-media--filter-inputsearch:focus:-moz-placeholder, .field-content textarea:focus:-moz-placeholder, input[type=email]:focus:-moz-placeholder, input[type=number]:focus:-moz-placeholder, input[type=password]:focus:-moz-placeholder, input[type=tel]:focus:-moz-placeholder, input[type=text]:focus:-moz-placeholder, input[type=url]:focus:-moz-placeholder, input[type=color]:focus:-moz-placeholder, input[type=date]:focus:-moz-placeholder { color: #6F6F6F; } .form-field__input--text:focus::-moz-placeholder, .j134-media--filter-inputsearch:focus::-moz-placeholder, .field-content textarea:focus::-moz-placeholder, input[type=email]:focus::-moz-placeholder, input[type=number]:focus::-moz-placeholder, input[type=password]:focus::-moz-placeholder, input[type=tel]:focus::-moz-placeholder, input[type=text]:focus::-moz-placeholder, input[type=url]:focus::-moz-placeholder, input[type=color]:focus::-moz-placeholder, input[type=date]:focus::-moz-placeholder { color: #6F6F6F; } .form-field__input--text:focus:-ms-input-placeholder, .j134-media--filter-inputsearch:focus:-ms-input-placeholder, .field-content textarea:focus:-ms-input-placeholder, input[type=email]:focus:-ms-input-placeholder, input[type=number]:focus:-ms-input-placeholder, input[type=password]:focus:-ms-input-placeholder, input[type=tel]:focus:-ms-input-placeholder, input[type=text]:focus:-ms-input-placeholder, input[type=url]:focus:-ms-input-placeholder, input[type=color]:focus:-ms-input-placeholder, input[type=date]:focus:-ms-input-placeholder { color: #6F6F6F; } .form-field__input-wrapper--search { max-width: 400px; } .form-field__input-wrapper--search .icon-search { position: absolute; margin: 0; top: calc((100% - 36px) / 2); right: 2px; z-index: 9; background-color: #fff; } input[type=email]:-webkit-autofill, input[type=number]:-webkit-autofill, input[type=password]:-webkit-autofill, input[type=tel]:-webkit-autofill, input[type=text]:-webkit-autofill, input[type=url]:-webkit-autofill, input[type=color]:-webkit-autofill, input[type=date]:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #000 !important; /* Optional: override autofill text color */ } input[type=password]::-ms-reveal, input[type=password]::-ms-clear { display: none; } .form-field__input--text[type=number]::-webkit-outer-spin-button, [type=number].j134-media--filter-inputsearch::-webkit-outer-spin-button, .field-content textarea[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-outer-spin-button, .form-field__input--text[type=number]::-webkit-inner-spin-button, [type=number].j134-media--filter-inputsearch::-webkit-inner-spin-button, .field-content textarea[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .form-field__input--text[type=number], [type=number].j134-media--filter-inputsearch, .field-content textarea[type=number], input[type=number] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; } .form-field__number--controls { display: flex; flex-flow: column; align-items: stretch; justify-content: stretch; margin: 0 8px; } .form-field__number { padding: 2px; background-color: #F5F3F7; height: 18px; } .form-field__number.inc { border-radius: 4px 4px 0px 0px; } .form-field__number.inc:before { content: "\e605"; font-family: "iconfont"; } .form-field__number.dec { border-radius: 0px 0px 4px 4px; } .form-field__number.dec:before { content: "\e604"; font-family: "iconfont"; } .form-field__number:focus, .form-field__number:hover { outline: none !important; background-color: #e9e9e9; } .form-field__input--select::-ms-expand, .m111-content-scroller--nav_mobile-select::-ms-expand, .j134-media--filter-input:not(.j134-media--filter-inputsearch)::-ms-expand, .field-content select::-ms-expand, .field-content select.valid::-ms-expand { display: none; } .form-field__input--select:-moz-focusring, .m111-content-scroller--nav_mobile-select:-moz-focusring, .j134-media--filter-input:-moz-focusring:not(.j134-media--filter-inputsearch), .field-content select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } .form-field__radio--two-cal .form-field__radio, .form-field__radio--two-cal .field-content--radio { float: left; width: 50%; margin-top: 0px; } [dir=rtl] .form-field__radio--two-cal .form-field__radio:first-child, [dir=rtl] .form-field__radio--two-cal .field-content--radio:first-child { float: right; } .form-field__radio-row { display: flex; } .form-field__radio-row .form-field__radio + .form-field__radio, .form-field__radio-row .field-content--radio + .form-field__radio, .form-field__radio-row .form-field__radio + .field-content--radio, .form-field__radio-row .field-content--radio + .field-content--radio { margin-top: 0px; margin-left: 20px; } [dir=rtl] .form-field__radio-row .form-field__radio + .form-field__radio, [dir=rtl] .form-field__radio-row .field-content--radio + .form-field__radio, [dir=rtl] .form-field__radio-row .form-field__radio + .field-content--radio, [dir=rtl] .form-field__radio-row .field-content--radio + .field-content--radio { margin-right: 20px; margin-left: 0px; } .form-field__radio--accselector, .form-field__checkbox--accselector { padding-top: 3px; padding-bottom: 3px; } .form-field__radio--accselector.form-field__radio + *, .form-field__radio--accselector.field-content--radio + *, .form-field__checkbox--accselector.form-field__radio + *, .form-field__checkbox--accselector.field-content--radio + * { border-top: 1px solid #BCBEC0; margin-top: 0; } .form-field__radio--accselector + .form-field__messages, .form-field__radio--accselector + .field-error, .form-field__checkbox--accselector + .form-field__messages, .form-field__checkbox--accselector + .field-error { border-top: 0; } .form-field__checkbox--billselector { padding-top: 18px; padding-bottom: 18px; margin-top: 0; border-top: none; border-bottom: 1px solid #BCBEC0; } .form-field__checkbox--billselector + .form-field__messages, .form-field__checkbox--billselector + .field-error { border-top: 0; } .form-field__checkbox--billselector.last { border-bottom: none; } .form-field__checkbox--billselector.last + * { border-bottom: none; } .form-field__checkbox--billselector + .form-field__messages, .form-field__checkbox--billselector + .field-error { border-bottom: none; margin-top: 0; padding-bottom: 0; } .form-field__checkbox--pdf { margin-top: 0; display: inline; margin-bottom: 6px; } .form-field__checkbox--pdf:not(:first-child):after { content: ""; display: inline-block; } .form-field__checkbox--pdf .link--pdf:before { margin-top: -17px; } .form-field__input--readonly, .form-field__input--readonly[type=email], .form-field__input--readonly[type=number], .form-field__input--readonly[type=password], .form-field__input--readonly[type=tel], .form-field__input--readonly[type=text], .form-field__input--readonly[type=url], .form-field__input--readonly[type=color] { width: 100%; min-height: 0; color: #222222; outline: 0; border: none; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .form-field__input--readonly:focus, .form-field__input--readonly[type=email]:focus, .form-field__input--readonly[type=number]:focus, .form-field__input--readonly[type=password]:focus, .form-field__input--readonly[type=tel]:focus, .form-field__input--readonly[type=text]:focus, .form-field__input--readonly[type=url]:focus, .form-field__input--readonly[type=color]:focus { outline: 0; border: none; border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .form-field__input--readonly-currency:after { content: "AED"; line-height: 1.4em; left: 80px; top: 0px; font-family: "DUBAI-REGULAR"; } .form-field__label--readonly { float: none; cursor: default; width: 100%; padding-bottom: 2px; box-sizing: border-box; } .form-field__input-wrapper--readonly { margin-top: 0; width: 100%; box-sizing: border-box; background-color: #DEDEDE; } .form-field__input-wrapper--readonly.font-normal { font-weight: normal; } .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency):before { position: static; width: auto; padding: 0; text-align: left; border-right: 0; } .form-field__input-wrapper--readonly.form-field__input-wrapper--prefixed:not(.form-field__input-wrapper--currency) .form-field__input--readonly { width: auto; display: inline-block; margin-left: 8px; } .form-field__input--dir-ltr { text-align: left; } .form-field__label--account-details { float: none; margin-bottom: 3px; } .form-field__input-wrapper--account-details { float: none; } .form-field__input--account-details { font-weight: bold; color: #222222; } .form-field__label--amount, .form-field__label--total { float: left; color: #222222; width: 65%; } .form-field__input--amount, .form-field__input--total { text-align: right; color: #222222; } .form-field__input-wrapper--amount, .form-field__input-wrapper--total { float: right; width: 30%; } .form-field__input--textarea, .field-content textarea { min-height: 118px; resize: none; } .form-field__input--textarea:focus, .field-content textarea:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .form-field__input--select, .m111-content-scroller--nav_mobile-select, .j134-media--filter-input:not(.j134-media--filter-inputsearch), .field-content select, .field-content select.valid { cursor: pointer; width: 100%; } .form-field__input--error, .field-content .input-validation-error { border-color: #B00020; color: #B00020; } .form-field__input--error + .select2-container--default .select2-selection--single, .field-content .input-validation-error + .select2-container--default .select2-selection--single { border-color: #B00020; } .form-field__input--upload { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .form-field__input--upload-filename { display: none; margin-top: 12px; word-break: break-word; } .form-field--upload_dzfiles .form-field__input--upload-filename { display: block; margin-top: 0; } .form-field--upload_dzfiles-title { font-weight: 700; margin-top: 40px; } .form-field__input--upload-size-error-message, .form-field__input--upload-format-error-message { display: none; padding-top: 5px; color: #B00020; } .form-field__uploader-details { margin-left: 140px; } .form-field__uploader-details .button--next:before, .form-field__uploader-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__uploader-details a:before, .form-field__uploader-details .form-submit:before { content: ""; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .form-field__uploader-details .button--remove:before { top: -2px; font-size: 0.8em; } } .form-field__radio, .field-content--radio, .form-field__checkbox, .field-content--checkbox { display: block; } .form-field__radio + *, .field-content--radio + *, .form-field__checkbox + *, .field-content--checkbox + * { margin-top: 12px; } .form-field__radio.inline, .inline.field-content--radio, .form-field__checkbox.inline, .inline.field-content--checkbox { display: inline-block; } .form-field__radio.inline + *, .inline.field-content--radio + *, .form-field__checkbox.inline + *, .inline.field-content--checkbox + * { margin-top: 0px; margin-left: 24px; } .form-field__radio--inline { display: inline-block; margin-right: 24px; } .form-field__radio--inline:last-child { margin-right: 0; } .form-field__radio--inline + * .form-field__fakeradio:before { margin-top: 0px; top: -2px; } .form-field__checkbox--native { float: left; margin-top: 3px; } .form-field__checkbox-label--native { display: block; line-height: 1.3; margin-left: 25px; } .form-field__radio-button .form-field__fakeradio { padding: 10px 30px; box-shadow: 0 0 0 1px #6F6F6F; } .form-field__radio-button .form-field__fakeradio:before { display: none; } .form-field__radio-button .form-field__input--radio:checked + .form-field__fakeradio, .form-field__radio-button .field-content [type=radio]:checked + .form-field__fakeradio, .field-content .form-field__radio-button [type=radio]:checked + .form-field__fakeradio { color: white; background-color: #007560; box-shadow: 0 0 0 1px #007560; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007560), color-stop(50%, #007560), color-stop(100%, #007560)); background-image: -webkit-linear-gradient(left, #007560, #007560, #007560); background-image: linear, to right, #007560, #007560, #007560; } .form-field__input--radio, .field-content [type=radio] { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .form-field__input--radio + .form-field__fakeradio--error:before, .field-content [type=radio] + .form-field__fakeradio--error:before { box-shadow: 0 0 0 2px #B00020; } .form-field__input--radio:checked + .form-field__fakeradio:before, .field-content [type=radio]:checked + .form-field__fakeradio:before { background-color: #007560; box-shadow: 0 0 0 2px #007560; border-color: #E6F3F1; } .form-field__input--radio:focus + .form-field__fakeradio:before, .field-content [type=radio]:focus + .form-field__fakeradio:before { color: #007560; box-shadow: 0 0 0 2px #007560; } .form-field__fakeradio { position: relative; color: #222222; display: inline-flex; justify-content: flex-start; align-items: center; gap: 14px; } .form-field__fakeradio:before { content: ""; display: inline-block; border-radius: 50%; box-shadow: 0 0 0 2px #6F6F6F; overflow: hidden; flex-shrink: 0; width: 12px; height: 12px; border: solid 5px white; background-color: white; } .form-field__fakeradio .form-field__fakeradio-info { display: block; line-height: 2em; padding-top: 5px; } .form-field__fakeradio--text { display: block; } .form-field__fakeradio--subtext { display: block; } .form-field__fakeradio--right { position: relative; display: block; } @media screen and (max-width: 1024px) { .form-field__fakeradio--right { font-size: 1em; } } @media screen and (min-width: 1025px) { .form-field__fakeradio--right { font-size: 1em; } } .form-field__fakeradio--right:before { position: absolute; top: 4px; right: 4px; left: auto; vertical-align: middle; margin-right: 0; } .form-field__fakeradio--right + * { border-top: 1px solid #222222; } .form-field__input--checkbox, .field-content [type=checkbox] { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .form-field__input--checkbox + .form-field__fakecheckbox--error:before, .field-content [type=checkbox] + .form-field__fakecheckbox--error:before { border: solid 2px #B00020; } .form-field__input--checkbox:checked + .form-field__fakecheckbox:before, .field-content [type=checkbox]:checked + .form-field__fakecheckbox:before { color: white; background-color: #007560; content: "\e620"; font-family: iconfont; border: solid 2px #007560; display: flex; align-items: center; justify-content: center; font-size: 24px; } .form-field__input--checkbox:focus + .form-field__fakecheckbox:before, .field-content [type=checkbox]:focus + .form-field__fakecheckbox:before { box-shadow: 0px 0px 0px 3px #E6F3F1; } .form-field__input--checkbox:checked + .form-field__fakecheckbox--right:after, .field-content [type=checkbox]:checked + .form-field__fakecheckbox--right:after { position: absolute; right: 0; left: auto; margin-right: 0; } .form-field__input--checkbox:focus + .m31-search--filter-checkbox-label, .field-content [type=checkbox]:focus + .m31-search--filter-checkbox-label { outline: 1px solid #007560; } .form-field__fakecheckbox { position: relative; color: #222222; display: inline-flex; justify-content: flex-start; align-items: center; gap: 14px; } .form-field__fakecheckbox:before { content: ""; display: inline-block; border-radius: 6px; border: solid 2px #6F6F6F; overflow: hidden; flex-shrink: 0; } .form-field__fakecheckbox--text { display: block; } .form-field__fakecheckbox--subtext { display: block; } .form-field__fakecheckbox--right { position: relative; display: block; } .form-field__fakecheckbox--right:before, .form-field__fakecheckbox--right:after { right: 1px; left: auto; margin-right: 0; position: absolute; } .form-field__fakecheckbox--right + * { border-top: 1px solid #222222; } .form-field__messages, .field-error { margin-top: 7px; } .form-field--textarea .form-field__messages, .form-field--textarea .field-error { position: relative; } .form-field__messages--before { margin-bottom: 15px; } .form-field__messages-password { margin: 20px 0px; } .form-field__messages-password ul li { line-height: 25px; font-weight: 600; position: relative; } .form-field__messages-password ul li span { display: inline-block; padding-left: 10px; } .form-field__messages-password ul li.valid { color: #007560; } .form-field__messages-password ul li:before { content: "."; line-height: 20px; font-size: 25px; position: absolute; top: -3px; } .form-field--password .form-field__label-password-visibility { float: right; padding: 0px; } .form-field--password .form-field__label, .form-field--password .field-title, .form-field--password .j100-expander_label { display: flex; align-items: center; justify-content: space-between; } .form-field--password .show { display: none !important; } .form-field--password .hide { display: none; } .form-field--password .button--show .show { display: inline-block !important; } .form-field--password .button--show .show.icon-b-show { padding-left: 20px; line-height: 18px; } .form-field--password .button--show .show.icon-b-show:before { top: 0px; font-size: 23px; left: -2px; position: absolute; } .form-field--password .button--hide .hide { display: inline-block; } .form-field--password .button--hide .hide.icon-b-hide { padding-left: 20px; line-height: 18px; } .form-field--password .button--hide .hide.icon-b-hide:before { top: 0px; font-size: 23px; left: -2px; position: absolute; } .form-field__input-passwordwrapper .form-field__input, .form-field__input-passwordwrapper .j134-media--filter-input, .form-field__input-passwordwrapper .field-content input, .field-content .form-field__input-passwordwrapper input, .form-field__input-passwordwrapper .field-content textarea, .field-content .form-field__input-passwordwrapper textarea, .form-field__input-passwordwrapper .field-content select, .field-content .form-field__input-passwordwrapper select, .form-field__input-passwordwrapper .j100-expander_input { padding-right: 66px; } .form-field__input-passwordwrapper:after { right: 40px; } .form-field__passwordtoggle { position: absolute; z-index: 2; padding: 0 !important; margin: 0 !important; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; top: calc((100% - 22px) / 2); right: 12px; } .form-field__passwordtoggle:before { content: "륹"; font-family: "iconfont"; font-size: 38px; position: relative; top: -2px; color: #6F6F6F; } .form-field__passwordtoggle.show:before { content: "른"; } .form-field__error, .field-error, .parsley-errors-list { clear: both; color: #B00020; } .form-field__error + *, .field-error + *, .parsley-errors-list + * { margin-top: 7px; } .form-field__description { clear: both; font-weight: 400; color: #6F6F6F; } .form-field__description + * { margin-top: 7px; } .form-field__description.form-field__description-icon-wrapper { padding-left: 34px; position: relative; line-height: 20px; } .form-field__description.form-field__description-icon-wrapper .form-field__description-icon { position: absolute; left: 0px; } .form-field__description--emphasize { color: #222222; padding-top: 20px; } .form-field--expander + * { margin-top: 24px; } .form-field--expander { margin-bottom: 32px; } .form-field__helplink { clear: both; padding-top: 10px; font-weight: 300; } .form-field__helplink + * { margin-top: 7px; } .form-field__helplink.reverse-align { text-align: right; } .form-field__charcount { clear: both; color: #222222; position: absolute; right: 8px; top: 0; margin: 0; } .form-field__charcount + * { margin-top: 7px; } .form-field.longdesc .form-field__messages, .form-field.longdesc .field-error, .longdesc.field-border .form-field__messages, .longdesc.field-border .field-error { display: flex; flex-flow: column-reverse; gap: 8px; } .form-field.longdesc .form-field__charcount, .longdesc.field-border .form-field__charcount { position: static; } .form__modal-trigger { margin-top: 10px; } @media screen and (max-width: 1024px) { .form__modal-trigger { font-size: 1em; } } @media screen and (min-width: 1025px) { .form__modal-trigger { font-size: 1em; } } .form-links { display: table; width: 100%; } .form-links + * { margin-top: 36px; } .form-links.create { margin-top: 12px; } .form-links__item { width: 50%; display: table-cell; } .form-links__item:nth-child(even) { text-align: right; } .form-links__item:nth-child(odd) { text-align: left; } .form-links__link { display: block; font-weight: 700; position: relative; } .monthpicker--containter { position: absolute; width: calc(100% - 45px); right: 0; z-index: 9; background-color: white; border: 1px solid #BCBEC0; margin-top: 0; } .monthpicker--containter .monthpicker--month { float: left; width: 25%; text-align: center; padding: 5% 0; box-shadow: 0.2px 0.2px 0.2px 0px #5c5c5d; cursor: pointer; } .monthpicker--containter .monthpicker--month:hover { background-color: #F6F6F6; } .picker { z-index: 899; } .picker__input { cursor: pointer; } .picker__input.picker__input--active { border-color: #BCBEC0; } .form-field__input--text + .picker, .j134-media--filter-inputsearch + .picker, .field-content textarea + .picker, input[type=email] + .picker, input[type=number] + .picker, input[type=password] + .picker, input[type=tel] + .picker, input[type=text] + .picker, input[type=url] + .picker, input[type=color] + .picker, input[type=date] + .picker { margin-top: 2px; } .picker--opened .picker__holder { min-height: 27em; } .picker__month, .picker__year { font-weight: bold; font-style: normal; color: #222222; } .picker__weekday { text-align: center; } .picker__nav--prev { left: -1em; } .picker__nav--next { right: -1em; } .picker__nav--next:before, .picker__nav--prev:before { position: absolute; top: -8px; left: 12px; right: auto; border: 0; font-family: iconfont; font-size: 40px; color: #BCBEC0; } .picker__nav--prev:before { content: "\e606"; } [dir=rtl] .picker__nav--prev:before { content: "\e607"; } .picker__nav--next:before { content: "\e607"; } [dir=rtl] .picker__nav--next:before { content: "\e606"; } .picker__table td { border: 1px solid #BCBEC0; } .picker__day { padding: 0.85em 0; border: 2px solid white; } .picker__day--infocus { color: #222222; } .picker__day--today:before { right: 2px; left: auto; border-top-color: #007560; border-left: 0.5em solid transparent; border-right: 0 solid transparent; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted, .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background-color: white; color: #222222; border-color: #007560; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { background-color: #F6F6F6; } .picker__day--infocus:hover, .picker__day--outfocus:hover { background-color: #F6F6F6; } .picker__button { border-width: 2px; } .picker__button--today:before { margin-right: 0.45em; border-top-color: #007560; border-left: 0.5em solid transparent; border-right: 0 solid transparent; } .picker__button--clear:before { display: none; } .picker__button--close:before { content: "\e608"; font-family: iconfont; font-size: 1.3em; color: #BCBEC0; } .picker__button--today, .picker__button--clear, .picker__button--close { width: 31%; margin: 0 1%; } .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { border-color: transparent; } .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { border-color: #007560; } .form-field--6 { width: 50%; float: left; margin-bottom: 24px; clear: none; padding-right: 12px; } .form-field--6:last-child { padding: 0 !important; } .form-field--6:not(.nopadding) + .form-field--6 { padding: 0 !important; } .form-field--6 + :not(.form-field--6) { clear: both; } .form-field--table .form-field--table-list-item.form-field--6 { padding-left: 30px !important; padding-right: 20px !important; position: relative; } .form-field--4 { width: calc((100% - 24px) / 3); float: left; margin-bottom: 24px; clear: none; } .form-field--4 .form-field__label, .form-field--4 .j100-expander_label, .form-field--4 .field-title { white-space: nowrap; } .form-field--4 + .form-field--4 { margin-left: 12px; } .form-field--4:first-child { margin-top: 24px; } .form-field--6-last { width: 50%; } .form-field-col2 { display: flex; } .form-field-col2 .form-field--6 { display: flex; flex-direction: column; margin-bottom: 0px; } .form-field-col2 .form-field + .form-field, .form-field-col2 .field-border + .form-field, .form-field-col2 .form-field + .field-border, .form-field-col2 .field-border + .field-border { margin-top: 0px; } .datepicker--container { clear: both; position: relative; top: -32px; } .form-field__switch-container:before, .form-field__switch-container:after { content: " "; display: table; } .form-field__switch-container:after { clear: both; } .form-field__switch { display: flex; align-items: center; justify-content: flex-start; gap: 16px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .form-field__switch-label { line-height: 30px; font-weight: 600; color: #222222; float: left; } .form-field__switch-checkbox { display: none; } .form-field__switch-main { position: relative; display: block; overflow: hidden; cursor: pointer; border-radius: 16px; width: 40px; flex-shrink: 0; } .form-field__switch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.25s ease-in 0s; -webkit-transition: margin 0.25s ease-in 0s; -o-transition: margin 0.25s ease-in 0s; transition: margin 0.25s ease-in 0s; display: block; box-sizing: border-box; } .form-field__switch-inner:before, .form-field__switch-inner:after { float: left; width: 50%; height: 24px; padding: 0; line-height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-field__switch-inner:before { content: ""; padding-left: 11px; background-color: #007560; border-radius: 16px; } .form-field__switch-inner:after { content: ""; padding-right: 11px; background-color: #DDE2EB; text-align: right; } .form-field__switch-switch { width: 18px; height: 18px; margin: 3px 1px; background: white; border-radius: 20px; position: absolute; bottom: 0; right: 18px; box-shadow: 0px 0.8px 1.6px -0.8px rgba(16, 24, 40, 0.1); -moz-transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; transition: all 0.25s ease-in 0s; display: block; box-sizing: border-box; } .form-field__switch-checkbox:checked + .form-field__switch-main .form-field__switch-inner { margin-left: 0; } .form-field__switch-checkbox:checked + .form-field__switch-main { border-color: #007560; } .form-field__switch-checkbox:checked + .form-field__switch-main .form-field__switch-switch { right: 2px; } .form-field__switch-checkbox:checked + .form-field__switch-main .form-field__switch-switch:before { content: "\e620"; font-family: "iconfont"; font-size: 20px; position: absolute; top: calc((100% - 20px) / 2); left: calc((100% - 20px) / 2); } .form-field__switch-checkbox:focus .form-field__switch-main { box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .form-field__switch--text { display: block; } .form-field__switch--subtext { display: block; } .form--single_line { display: flex; align-items: flex-end; margin-top: 16px; } .form--single_line .form-field, .form--single_line .field-border, .form--single_line .form-field--text_float { float: left; margin: 0; margin-right: 12px; } .form--single_line .form-field__button, .form--single_line .form-submit-border { float: left; margin: 6px 0; } .form--single_line .form-field--text_float { line-height: 55px; } .form--single_line .form-field__input--select, .form--single_line .m111-content-scroller--nav_mobile-select, .form--single_line .j134-media--filter-input:not(.j134-media--filter-inputsearch), .form--single_line .field-content select, .field-content .form--single_line select { min-width: 160px; } .form--single_line .form-field__input-wrapper--search { min-width: 300px; } .form-field--upload_new .form-field__uploader-details { margin: 0; } .form-field--upload_new .form-field__input--upload-filename { color: #303030; font-weight: 300; } .form-field__input--upload-filesize { color: #717173; margin-top: 6px; font-weight: 300; } .form-field__input--upload-filesize_barouter { margin-top: 4px; display: flex; align-items: center; justify-content: flex-start; } .form-field__input--upload-filesize_bar { height: 8px; border-radius: 40px; background-color: #D8D8D8; width: 100%; } .form-field__input--upload-filesize_bar .form-field__input--upload-filesize_green { height: 8px; border-radius: 40px; background-color: #007560; width: 0%; transition: 2s width linear; } .form-field--upload_new--variant .form-field__input--upload-filesize_barouter, .form-field--upload_new--variant .form-field__input--upload-filesize_bar { display: none; } .form-field__input--upload-filesize_rate { margin-left: 4px; min-width: 40px; text-align: right; } .form-field--upload_new-details { border: solid 1px #EFEFF1; border-radius: 5px; max-width: 380px; display: flex; align-items: center; position: relative; height: 56px; margin-top: 12px; overflow: hidden; display: none; } .form-field--upload_new-details .form-field__input--upload-filetype { height: 56px; width: 56px; min-width: 56px; text-align: center; line-height: 56px; text-transform: uppercase; font-weight: bold; color: white; background-color: #BB2C24; display: none; } .form-field--upload_new-details .form-field__input--upload-filetype + * { margin-left: 12px; } .form-field--upload_new-details .form-field__input--upload-filename { color: #303030; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.25em; height: 1.25em; margin: 0; padding-right: 36px; word-break: break-all; } .form-field--upload_new-details .button--upload_remove { top: calc((100% - 24px) / 2); } .form-field--upload_new-details .button--upload_remove:before { background-color: transparent; color: #222222; font-size: 24px; } .form-field--download_new { border: solid 1px #EFEFF1; border-radius: 5px; max-width: 380px; display: flex; align-items: center; position: relative; height: 56px; margin-top: 12px; overflow: hidden; } .form-field--download_new .form-field__download-filetype { height: 56px; width: 56px; min-width: 56px; text-align: center; line-height: 56px; text-transform: uppercase; font-weight: bold; color: white; background: #979797; } .form-field--download_new .form-field__download-filetype + * { margin-left: 12px; } .form-field--download_new .form-field__download-filename { color: #222; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.25em; height: 1.25em; margin: 0; padding-right: 36px; word-break: break-all; } .form-field--download_new .form-field__download-icon { margin-left: auto; margin-right: 10px; fill: #525252; } .form-field__input-wrapper--mobile-numberNEW { width: 100%; position: relative; display: flex; align-items: center; justify-content: flex-start; } .form-field__input-prefix--mn-wrapper { position: relative; } .form-field__input-prefix--mn-wrapper select { opacity: 0; visibility: none; height: 0; width: 0; padding: 0; position: absolute; } .form-field__input-prefix--mn-wrapper:after { content: "\e604"; color: #222222; position: absolute; right: 4px; top: calc((100% - 30px) / 2); z-index: 0; font-family: iconfont; font-size: 30px; line-height: 30px; } .form-field__input-prefix--mobile-number { position: relative; padding: 16px; padding-right: 36px; border-right: 1px solid #D7D7DF; z-index: 3; cursor: pointer; direction: ltr; line-height: 1.5; } .form-field__input-prefix--mn-dropdown { position: absolute; top: calc(100% + 4px); left: 0; right: 0; border: 1px solid #D7D7DF; border-radius: 8px; background-color: white; z-index: 4; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.1); transform-origin: top; transform: rotateX(90deg); transition: 0.25s all; } .form-field__input-prefix--mn-dropdown.top { transform-origin: bottom; transform: rotateX(-90deg); } .form-field__input-prefix--mn-dropdown.opened, .form-field__input-prefix--mn-dropdown:focus-within { transform: rotateX(0deg); } .form-field__input-prefix--mn-dropdown.top { bottom: calc(100% + 4px); top: auto; } .form-field__input-prefix--mn-dropdown { display: block; } .form-field__input-prefix--mnd-search { display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin: 8px 8px 4px; padding: 12px 16px; border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .form-field__input-prefix--mnd-search:focus, .form-field__input-prefix--mnd-search:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .form-field__input-prefix--mnd-search.form-field__input-wrapper--error, .form-field__input-prefix--mnd-search.field-content--error { border-color: #B00020; } .form-field__input-prefix--mnd-search:before { content: "\e602"; font-family: "iconfont"; font-size: 26px; line-height: 24px; } .form-field__input-prefix--mnd-search input { padding: 0; } .form-field__input-prefix--mnd-list { display: block; max-height: 280px; overflow: auto; } .form-field__input-prefix--mnd-list::-webkit-scrollbar { width: 8px; } .form-field__input-prefix--mnd-list::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 12px; } .form-field__input-prefix--mnd-list::-webkit-scrollbar-thumb { background: #BDBDBD; border-radius: 12px; cursor: pointer; } .form-field__input-prefix--mnd-list::-webkit-scrollbar-thumb:hover { background: #9d9d9d; } .form-field__input-prefix--mnd-item { display: block; padding: 12px 16px; line-height: 1.5; cursor: pointer; width: 100%; text-align: left; } .form-field__input-prefix--mnd-item + .form-field__input-prefix--mnd-item { margin-top: 8px; } .form-field__input-prefix--mnd-item:hover { background-color: #E6F3F1; } .form-field__input-prefix--mnd-item.selected, .form-field__input-prefix--mnd-item:focus { background-color: #007560; color: white; } .form-field--buttonradio .form-field__label, .form-field--buttonradio .field-title, .form-field--buttonradio .j100-expander_label { margin-bottom: 8px; } .form-field--buttonradio .form-field__radio, .form-field--buttonradio .field-content--radio { width: calc((100% - 16px) / 2); float: left; margin: 0 0 16px; } .form-field--buttonradio .form-field__radio:nth-child(2n+1), .form-field--buttonradio .field-content--radio:nth-child(2n+1) { margin-left: 16px; } .form-field--buttonradio .form-field__radio:nth-child(2n), .form-field--buttonradio .field-content--radio:nth-child(2n) { clear: both; } .form-field--buttonradio .form-field__fakeradio { display: block; padding: 12px 24px; font-weight: 300; border-radius: 5px; border: solid 1px #B0B0B0; text-align: center; transition: background-color 0.5s, border-color 0.5s; } .form-field--buttonradio .form-field__fakeradio:before { content: none; } .form-field--buttonradio .form-field__fakeradio img { display: block; max-height: 60px; margin: 0 auto; } .form-field--buttonradio .form-field__input--radio:checked + .form-field__fakeradio, .form-field--buttonradio .field-content [type=radio]:checked + .form-field__fakeradio, .field-content .form-field--buttonradio [type=radio]:checked + .form-field__fakeradio { color: #007560; background-color: #f2f8f5; border-color: #007560; } input[type=number].form-field__input--otp { -moz-appearance: textfield; /* Firefox */ border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } input[type=number].form-field__input--otp:focus, input[type=number].form-field__input--otp:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } input[type=number].form-field__input--otp.form-field__input-wrapper--error, input[type=number].form-field__input--otp.field-content--error { border-color: #B00020; } .form-field--buttonradio2 .form-field__label, .form-field--buttonradio2 .field-title, .form-field--buttonradio2 .j100-expander_label { margin-bottom: 8px; } .form-field--buttonradio2 .form-field__label:has(.aria-only), .form-field--buttonradio2 .field-title:has(.aria-only), .form-field--buttonradio2 .j100-expander_label:has(.aria-only) { margin-bottom: 0 !important; } .form-field--buttonradio2 .form-field__radio, .form-field--buttonradio2 .field-content--radio { width: calc((100% - 48px) / 4); float: left; margin: 0 0 16px; margin-right: 16px; } .form-field--buttonradio2 .form-field__radio:nth-child(4n+1), .form-field--buttonradio2 .field-content--radio:nth-child(4n+1) { margin-left: 0px; margin-right: 0px; } .form-field--buttonradio2 .form-field__fakeradio { display: block; padding: 12px 24px; font-weight: 300; border-radius: 8px; border: solid 1px #B0B0B0; text-align: center; transition: background-color 0.5s, border-color 0.5s; } .form-field--buttonradio2 .form-field__fakeradio:before { content: none; } .form-field--buttonradio2 .form-field__fakeradio img { display: block; max-height: 60px; margin: 0 auto; } .form-field--buttonradio2 .form-field__input--radio:checked + .form-field__fakeradio, .form-field--buttonradio2 .field-content [type=radio]:checked + .form-field__fakeradio, .field-content .form-field--buttonradio2 [type=radio]:checked + .form-field__fakeradio { background-color: rgba(0, 117, 96, 0.1); border-color: #007560; } .form-field--buttoncbox .form-field__label, .form-field--buttoncbox .field-title, .form-field--buttoncbox .j100-expander_label { margin-bottom: 8px; } .form-field--buttoncbox .form-field__checkbox, .form-field--buttoncbox .field-content--checkbox { width: calc((100% - 16px) / 2); float: left; margin: 0 0 16px; } .form-field--buttoncbox .form-field__checkbox:nth-child(2n+1), .form-field--buttoncbox .field-content--checkbox:nth-child(2n+1) { margin-left: 16px; } .form-field--buttoncbox .form-field__fakecheckbox { display: block; padding: 12px 24px; font-weight: 300; border-radius: 5px; border: solid 1px #B0B0B0; text-align: center; transition: background-color 0.25s, border-color 0.25s; } .form-field--buttoncbox .form-field__fakecheckbox:before { content: none !important; } .form-field--buttoncbox .form-field__input--checkbox:checked + .form-field__fakecheckbox, .form-field--buttoncbox .field-content [type=checkbox]:checked + .form-field__fakecheckbox, .field-content .form-field--buttoncbox [type=checkbox]:checked + .form-field__fakecheckbox { color: #007560; background-color: #f2f8f5; border-color: #007560; } .form-field--iconcbox .form-field__label, .form-field--iconcbox .field-title, .form-field--iconcbox .j100-expander_label { margin-bottom: 8px; } .form-field--iconcbox .form-field__checkbox, .form-field--iconcbox .field-content--checkbox { width: calc((100% - 32px) / 3); float: left; margin: 0 0 16px; } .form-field--iconcbox .form-field__checkbox:nth-child(3n), .form-field--iconcbox .field-content--checkbox:nth-child(3n), .form-field--iconcbox .form-field__checkbox:nth-child(3n+1), .form-field--iconcbox .field-content--checkbox:nth-child(3n+1) { margin-left: 16px; } .form-field--iconcbox .form-field__checkbox:nth-child(3n+2), .form-field--iconcbox .field-content--checkbox:nth-child(3n+2) { clear: both; } .form-field--iconcbox .form-field__fakeiconcheckbox { position: relative; display: block; padding: 12px 24px; font-weight: 300; border-radius: 5px; border: solid 1px #B0B0B0; text-align: center; transition: background-color 0.25s, border-color 0.25s; padding-top: 74px; min-height: 40px; } .form-field--iconcbox .form-field__fakeiconcheckbox:before { font-family: "iconfont"; position: absolute; font-size: 60px; left: calc((100% - 60px) / 2); top: 4px; } .form-field--iconcbox .form-field__fakeiconcheckbox img { display: block; margin: -48px auto 16px; height: 40px; } .form-field--iconcbox .form-field__input--checkbox:checked + .form-field__fakeiconcheckbox, .form-field--iconcbox .field-content [type=checkbox]:checked + .form-field__fakeiconcheckbox, .field-content .form-field--iconcbox [type=checkbox]:checked + .form-field__fakeiconcheckbox { color: #007560; background-color: #f2f8f5; border-color: #007560; } .form-field--iconradio .form-field__label, .form-field--iconradio .field-title, .form-field--iconradio .j100-expander_label { margin-bottom: 8px; } .form-field--iconradio .form-field__radio, .form-field--iconradio .field-content--radio { width: calc((100% - 32px) / 3); float: left; margin: 0 0 16px; } .form-field--iconradio .form-field__radio:nth-child(3n), .form-field--iconradio .field-content--radio:nth-child(3n), .form-field--iconradio .form-field__radio:nth-child(3n+1), .form-field--iconradio .field-content--radio:nth-child(3n+1) { margin-left: 16px; } .form-field--iconradio .form-field__radio:nth-child(3n+2), .form-field--iconradio .field-content--radio:nth-child(3n+2) { clear: both; } .form-field--iconradio .form-field__fakeiconradio { position: relative; display: block; padding: 12px 24px; font-weight: 300; border-radius: 5px; border: solid 1px #B0B0B0; text-align: center; transition: background-color 0.25s, border-color 0.25s; padding-top: 74px; min-height: 40px; } .form-field--iconradio .form-field__fakeiconradio:before { font-family: "iconfont"; position: absolute; font-size: 60px; left: calc((100% - 60px) / 2); top: 4px; } .form-field--iconradio .form-field__fakeiconradio img { display: block; margin: -48px auto 16px; height: 40px; } .form-field--iconradio .form-field__input--radio:checked + .form-field__fakeiconradio, .form-field--iconradio .field-content [type=radio]:checked + .form-field__fakeiconradio, .field-content .form-field--iconradio [type=radio]:checked + .form-field__fakeiconradio { color: #007560; background-color: #f2f8f5; border-color: #007560; } .form-field--iconradio.form-field--iconradiosmiley .form-field__radio, .form-field--iconradio.form-field--iconradiosmiley .field-content--radio { width: calc((100% - 64px) / 5); clear: none; } .form-field--iconradio.form-field--iconradiosmiley .form-field__radio + .form-field__radio, .form-field--iconradio.form-field--iconradiosmiley .field-content--radio + .form-field__radio, .form-field--iconradio.form-field--iconradiosmiley .form-field__radio + .field-content--radio, .form-field--iconradio.form-field--iconradiosmiley .field-content--radio + .field-content--radio { margin-left: 16px; } .form-field--iconradio.form-field--iconradiosmiley .form-field__fakeiconradio { border: none; background-color: transparent !important; padding: 64px 12px 12px; color: #222222; } .form-field--iconradio.form-field--iconradiosmiley .form-field__fakeiconradio:before { font-size: 80px; left: calc((100% - 80px) / 2); top: -16px; } .form-field--iconradio.form-field--iconradiosmiley .form-field__messages, .form-field--iconradio.form-field--iconradiosmiley .field-error { clear: both; } .form-field--iconradio .form-field__input--radio:checked + .form-field__fakeiconradio, .form-field--iconradio .field-content [type=radio]:checked + .form-field__fakeiconradio, .field-content .form-field--iconradio [type=radio]:checked + .form-field__fakeiconradio { color: #007560; background-color: #f2f8f5; border-color: #007560; } .form-field--iconradio2 .form-field__label, .form-field--iconradio2 .field-title, .form-field--iconradio2 .j100-expander_label { margin-bottom: 8px; } .form-field--iconradio2 .form-field__label:has(.aria-only), .form-field--iconradio2 .field-title:has(.aria-only), .form-field--iconradio2 .j100-expander_label:has(.aria-only) { margin: 0; } .form-field--iconradio2 .form-field__radio, .form-field--iconradio2 .field-content--radio { width: calc((100% - 48px) / 4); float: left; margin: 0 0 16px; margin-right: 16px; } .form-field--iconradio2 .form-field__radio:nth-child(4n+1), .form-field--iconradio2 .field-content--radio:nth-child(4n+1) { margin-left: 0px; margin-right: 0px; } .form-field--iconradio2 .form-field__fakeiconradio { position: relative; display: block; padding: 12px 24px; font-weight: 300; border-radius: 5px; border: solid 1px #B0B0B0; text-align: center; transition: background-color 0.25s, border-color 0.25s; min-height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .form-field--iconradio2 .form-field__fakeiconradio:before { font-family: "iconfont"; position: absolute; font-size: 60px; left: calc((100% - 60px) / 2); top: 4px; } .form-field--iconradio2 .form-field__fakeiconradio img { display: block; margin: 12px auto 16px; height: 40px; } .form-field--iconradio2 .form-field__input--radio:checked + .form-field__fakeiconradio, .form-field--iconradio2 .field-content [type=radio]:checked + .form-field__fakeiconradio, .field-content .form-field--iconradio2 [type=radio]:checked + .form-field__fakeiconradio { background-color: rgba(8, 123, 54, 0.1); border-color: #007560; } .form-field--iconradio3 .fieldset { display: flex; align-items: stretch; justify-content: start; flex-wrap: wrap; gap: 24px; } .form-field--iconradio3 .form-field__radio, .form-field--iconradio3 .field-content--radio { width: 300px; max-width: 100%; margin: 0 !important; } .form-field--iconradio3 .form-field__fakeiconradio { border-color: #E4E2E6; border-radius: 16px; padding: 16px 20px; text-align: start; display: flex; flex-flow: column; align-items: start; gap: 20px; box-sizing: border-box; } .form-field--iconradio3 .form-field__fakeiconradio img { margin: 0; height: 48px; } .form-field--iconradio3 .form-field__input--radio:checked + .form-field__fakeiconradio, .form-field--iconradio3 .field-content [type=radio]:checked + .form-field__fakeiconradio, .field-content .form-field--iconradio3 [type=radio]:checked + .form-field__fakeiconradio { background-color: #e9f2f0; color: #222222; } .radio--teaser_title { font-size: 1.5em; font-weight: 700; text-align: center; margin-bottom: 16px; } .form-field__radio--teaser .form-field__fakeradio { padding: 0; border: solid 1px #d8d8d8; border-radius: 5px; display: flex; align-items: stretch; justify-content: flex-start; overflow: hidden; min-height: 108px; background-color: #fff; } .form-field__radio--teaser .form-field__fakeradio:before { content: none; } .form-field__radio--teaser .form-field__fakeradio--icon { display: flex; align-items: center; justify-content: center; width: 90px; min-width: 90px; background-color: #F2F3F3; } .form-field__radio--teaser .form-field__fakeradio--icon:before { font-size: 48px; color: #007560; } .form-field__radio--teaser .form-field__fakeradio--content { flex-flow: column; display: flex; align-items: stretch; justify-content: center; padding: 16px; line-height: 1.5; } .form-field__radio--teaser .form-field__fakeradio--title { display: block; font-size: 1.125em; font-weight: 600; } .form-field__radio--teaser .form-field__input--radio:checked + .form-field__fakeradio, .form-field__radio--teaser .field-content [type=radio]:checked + .form-field__fakeradio, .field-content .form-field__radio--teaser [type=radio]:checked + .form-field__fakeradio { border-color: #007560; } .form-field__radio--teaser .form-field__input--radio:checked + .form-field__fakeradio .form-field__fakeradio--icon, .form-field__radio--teaser .field-content [type=radio]:checked + .form-field__fakeradio .form-field__fakeradio--icon, .field-content .form-field__radio--teaser [type=radio]:checked + .form-field__fakeradio .form-field__fakeradio--icon { background-color: #007560; } .form-field__radio--teaser .form-field__input--radio:checked + .form-field__fakeradio .form-field__fakeradio--icon:before, .form-field__radio--teaser .field-content [type=radio]:checked + .form-field__fakeradio .form-field__fakeradio--icon:before, .field-content .form-field__radio--teaser [type=radio]:checked + .form-field__fakeradio .form-field__fakeradio--icon:before { color: white; } .box--register .form-field__radio--teaser .form-field__fakeradio--title { font-size: 18px; } .box--register .form-field__radio--teaser .form-field__fakeradio--desc { font-size: 16px; color: #6F6F6F; } a.form-field__radio--teaser { color: inherit; } a.form-field__radio--teaser:hover .form-field__fakeradio { border-color: #007560; } a.form-field__radio--teaser:hover .form-field__fakeradio .form-field__fakeradio--icon { background-color: #007560; } a.form-field__radio--teaser:hover .form-field__fakeradio .form-field__fakeradio--icon:before { color: white; } a.form-field__radio--teaser .form-field__fakeradio { padding-right: 32px; } a.form-field__radio--teaser .form-field__fakeradio:after { content: "\e607"; font-family: "iconfont"; color: #6f6f6f; font-size: 32px; display: flex; align-items: center; justify-content: center; width: auto; height: 100%; vertical-align: unset; position: absolute; right: 0; } .form-field--iconradio3 { display: block; } .form-field--select--big { font-weight: 300; } .form-field--select--big .form-field__input-wrapper:after, .form-field--select--big .m111-content-scroller--nav_mobile-selectwrapper:after, .form-field--select--big .j134-media--filter:after, .form-field--select--big .field-content:after, .form-field--select--big .j100-expander_input:after { font-size: 40px; color: #6F6F6F; top: calc((100% - 40px) / 2); } .form-field--select--big .form-field__input--select, .form-field--select--big .m111-content-scroller--nav_mobile-select, .form-field--select--big .j134-media--filter-input:not(.j134-media--filter-inputsearch), .form-field--select--big .field-content select, .field-content .form-field--select--big select { padding: 12px 20px 12px; padding-right: 44px; } .form-dynamic--inner { max-width: 640px; margin: 24px auto; } .form-dynamic-section { position: relative; } .form-dynamic-section .form-dynamic-section_screen { position: absolute; z-index: 999; left: 0; right: 0; top: 0; bottom: -16px; background-color: white; opacity: 0.85; } .form-dynamic-section + .form-dynamic-section { margin-top: 32px; } .form-dynamic-section.active .form-dynamic-section_screen { display: none; } .form-dynamic-section_title { font-weight: 300; margin-bottom: 12px; line-height: 1.5em; } .form-dynamic-section_title .form-dynamic-tooltip { display: inline-block; line-height: 16px; position: relative; top: 6px; } .form-dynamic-footer { position: relative; font-weight: 300; color: #717173; display: inline-block; padding-right: 28px; } .form-dynamic-footer .form-dynamic-tooltip { position: absolute; top: -8px; right: 0px; transform: rotate(180deg); } .form-dynamic-footer .form-dynamic-tooltip:before { font-family: "iconfont"; font-size: 26px; } .form-dynamic-footer .form-dynamic-tooltip:hover { color: #007560; } .form-field--ratingstar .form-field__input-wrapper, .form-field--ratingstar .m111-content-scroller--nav_mobile-selectwrapper, .form-field--ratingstar .j134-media--filter, .form-field--ratingstar .field-content, .form-field--ratingstar .j100-expander_input { background-color: transparent; border: none; } .form-field--ratingstar .form-field__input--ratingstar { position: absolute; z-index: -1; opacity: 0; } .form-field--ratingstar .form-field__input-wrapper:after, .form-field--ratingstar .m111-content-scroller--nav_mobile-selectwrapper:after, .form-field--ratingstar .j134-media--filter:after, .form-field--ratingstar .field-content:after, .form-field--ratingstar .j100-expander_input:after { top: 14px; } .form-field--ratingstar .form-field__input-wrapper--validated:after { content: none; } .form-field--ratingstar .form-field--ratingstar_icon { cursor: pointer; display: table-cell; } .form-field--ratingstar .form-field--ratingstar_icon:before { font-family: "iconfont"; color: #DDE2EB; font-size: 48px; } .form-field--ratingstar .form-field--ratingstar_icon:hover:before { color: #C78200; } .form-field--ratingstar .form-field--ratingstar_icon.hover:before { color: #C78200; } .form-field--ratingstar .form-field--ratingstar_icon.active:before { color: #C78200; } .required--asterisk { color: #B00020; } .form-field--upload_group + .form-field--upload_group { margin-top: 44px; } .form-field--hasunit { padding-right: 44px; } .form-field--unit { position: absolute; top: calc((100% - 40px) / 2); line-height: 40px; right: 0; margin: 0 !important; font-weight: 300; width: 44px; text-align: center; } .form-field--groupwrapper { border: solid 1px #bcbec0; border-radius: 10px; padding: 20px; } .form-field--groupwrapper .j03-drrg-addinput { top: 0; } .form-field--upload_drop .form-field--upload_dropzone { border: 1px dashed rgba(89, 89, 89, 0.7); border-radius: 10px; padding: 24px 16px; text-align: center; background-color: white; } .form-field--upload_drop .form-field--upload_dropzone img { height: 40px; width: auto; } .form-field--upload_drop .form-field--upload_dropzone.drag { border-color: #007560; background-color: rgba(0, 117, 96, 0.1); } .form-field--upload_drop .form-field--upload--details { position: relative; margin-top: 12px; } .form-field--upload_drop .form-field--upload--details + .form-field--upload--details { border-top: solid 1px #e8e8e8; padding-top: 12px; } .form-field--upload_drop .form-field__input--upload-filename { font-weight: 300; } .form-field--upload_drop .form-field__input--upload-filesize { font-weight: 300; margin-top: 0px; color: #595959; } .form-field--upload_drop .button--upload_remove { position: absolute; right: 0; top: auto; bottom: calc((100% - 39px) / 2); padding: 0; } .form-field--upload_drop .button--upload_remove:before { content: "릍"; background-color: transparent; border-radius: 0; color: #B00020; } .form-field--upload_drop .form-field__input--upload-filesize_barouter { margin-top: 8px; } .form-field--upload_drop .form-field--upload--details:not(:first-child) .button--upload_remove { bottom: calc((100% - 51px) / 2); } .form-field--ud_actionlabel { font-weight: 600; margin: 12px 0; } .form-field__input--upload-filetype { margin-right: 12px; } .form-field__input--upload-filetype img { height: 24px; width: auto; } .form-field__key--text { color: #6F6F6F; } @media screen and (max-width: 1024px) { .form-field--buttonradio2 .form-field__radio, .form-field--buttonradio2 .field-content--radio { width: 100%; float: none; margin: 0 0 16px; } .form-field--iconradio2 .form-field__radio, .form-field--iconradio2 .field-content--radio { width: 100%; float: none; margin: 0 0 16px; } } @media screen and (max-width: 599px) { .form-field--6 .picker { width: 200%; } .form-field--6.form-field--6-mobile_full { width: 100%; padding: 0; margin-bottom: 0px; float: none; } .form-field--6.form-field--6-mobile_full .picker { width: 100%; } .form-field-col2 .form-field + .form-field, .form-field-col2 .field-border + .form-field, .form-field-col2 .form-field + .field-border, .form-field-col2 .field-border + .field-border { margin-top: 12px; } .form-field__checkbox--accselector .form-field__fakecheckbox--right:before { top: 26px !important; position: absolute; } .form-field__checkbox--accselector .form-field__fakecheckbox--right:after { top: 15px !important; position: absolute; } .form-field__radio.grid__column, .grid__column.field-content--radio, .form-field__radio.dashboard__account-selector, .dashboard__account-selector.field-content--radio, .form-field__radio.dashboard__user-widget, .dashboard__user-widget.field-content--radio { margin-top: 8px !important; } .form-field__radio + *, .field-content--radio + *, .form-field__checkbox + *, .field-content--checkbox + * { margin-top: 18px; } .form-field__fakeradio--right { padding-right: 2.75em; } .form-field__fakecheckbox { padding: 5px 0 6px; } .form-field__fakecheckbox:before { width: 19px; height: 19px; } .form-field__fakecheckbox--right { padding-right: 2.75em; padding-left: 0; } .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after { left: -5px; right: auto; top: -11px; font-size: 48px; } .form-field__input--checkbox:checked + .form-field__fakecheckbox--right:after, .field-content [type=checkbox]:checked + .form-field__fakecheckbox--right:after { right: -5px; left: auto; font-size: 48px; } .form--single_line .form-field--text_float { display: none; } .form--single_line .form-field, .form--single_line .field-border, .form--single_line .form-field__button, .form--single_line .form-submit-border { float: none; margin: 0; } .form-field--three.form-field__row .grid__column, .form-field--three.form-field__row .dashboard__account-selector, .form-field--three.form-field__row .dashboard__user-widget { padding-right: 0px; padding-left: 0px; margin-bottom: 0px; } .form-field--three.form-field__row .grid__column + .grid__column, .form-field--three.form-field__row .dashboard__account-selector + .grid__column, .form-field--three.form-field__row .dashboard__user-widget + .grid__column, .form-field--three.form-field__row .grid__column + .dashboard__account-selector, .form-field--three.form-field__row .dashboard__account-selector + .dashboard__account-selector, .form-field--three.form-field__row .dashboard__user-widget + .dashboard__account-selector, .form-field--three.form-field__row .grid__column + .dashboard__user-widget, .form-field--three.form-field__row .dashboard__account-selector + .dashboard__user-widget, .form-field--three.form-field__row .dashboard__user-widget + .dashboard__user-widget { margin-top: 24px; } .form-field--iconcbox .form-field__label, .form-field--iconcbox .field-title, .form-field--iconcbox .j100-expander_label { margin-bottom: 8px; } .form-field--iconcbox .form-field__checkbox, .form-field--iconcbox .field-content--checkbox { width: calc((100% - 16px) / 2); float: left; margin: 0 0 16px; } .form-field--iconcbox .form-field__checkbox:nth-child(3n), .form-field--iconcbox .field-content--checkbox:nth-child(3n), .form-field--iconcbox .form-field__checkbox:nth-child(3n+1), .form-field--iconcbox .field-content--checkbox:nth-child(3n+1) { clear: none; margin-left: 0px; } .form-field--iconcbox .form-field__checkbox:nth-child(2n+1), .form-field--iconcbox .field-content--checkbox:nth-child(2n+1) { margin-left: 16px; } .form-field--iconcbox .form-field__checkbox:nth-child(3n+2), .form-field--iconcbox .field-content--checkbox:nth-child(3n+2) { clear: none; } .form-field--iconcbox .form-field__checkbox:nth-child(2n), .form-field--iconcbox .field-content--checkbox:nth-child(2n) { clear: both; } .form-field--iconcbox .form-field__fakeiconcheckbox { position: relative; display: block; padding: 12px 24px; font-weight: 300; border-radius: 5px; border: solid 1px #B0B0B0; text-align: center; transition: background-color 0.25s, border-color 0.25s; padding-top: 74px; min-height: 40px; } .form-field--iconcbox .form-field__fakeiconcheckbox:before { font-family: "iconfont"; position: absolute; font-size: 60px; left: calc((100% - 60px) / 2); top: 4px; } .form-field--iconcbox .form-field__fakeiconcheckbox img { display: block; margin: -48px auto 16px; height: 40px; } .form-dynamic .form-field__button .button + .button, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-field__button a + .button, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-field__button .button + a, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-field__button a + a, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-field__button a + .button, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-field__button .button + a, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-field__button a + a, .form-dynamic .form-field__button .form-submit + .button, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-field__button .form-submit + a, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-field__button .form-submit + a, .form-dynamic .form-field__button .button + .form-submit, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-field__button a + .form-submit, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-field__button a + .form-submit, .form-dynamic .form-field__button .form-submit + .form-submit, .form-dynamic .form-submit-border .button + .button, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-submit-border a + .button, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-submit-border .button + a, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-submit-border a + a, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-submit-border a + .button, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-submit-border .button + a, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-submit-border a + a, .form-dynamic .form-submit-border .form-submit + .button, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-submit-border .form-submit + a, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-submit-border .form-submit + a, .form-dynamic .form-submit-border .button + .form-submit, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-submit-border a + .form-submit, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-submit-border a + .form-submit, .form-dynamic .form-submit-border .form-submit + .form-submit, .form-dynamic .form-field__button .button--centered + .button, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-field__button .button--centered + a, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-field__button .button--centered + a, .form-dynamic .form-field__button .button--centered + .form-submit, .form-dynamic .form-submit-border .button--centered + .button, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-submit-border .button--centered + a, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-submit-border .button--centered + a, .form-dynamic .form-submit-border .button--centered + .form-submit, .form-dynamic .form-field__button .button + .button--centered, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-field__button a + .button--centered, .form-dynamic .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-field__button a + .button--centered, .form-dynamic .form-field__button .form-submit + .button--centered, .form-dynamic .form-submit-border .button + .button--centered, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-dynamic .form-submit-border a + .button--centered, .form-dynamic .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-dynamic .form-submit-border a + .button--centered, .form-dynamic .form-submit-border .form-submit + .button--centered, .form-dynamic .form-field__button .button--centered + .button--centered, .form-dynamic .form-submit-border .button--centered + .button--centered { margin-top: 12px; } .form-field--iconradio .form-field__radio, .form-field--iconradio .field-content--radio { width: calc((100% - 16px) / 2); float: left; margin: 0 0 16px; } .form-field--iconradio .form-field__radio:nth-child(3n), .form-field--iconradio .field-content--radio:nth-child(3n), .form-field--iconradio .form-field__radio:nth-child(3n+1), .form-field--iconradio .field-content--radio:nth-child(3n+1) { clear: none; margin-left: 0px; } .form-field--iconradio .form-field__radio:nth-child(2n+1), .form-field--iconradio .field-content--radio:nth-child(2n+1) { margin-left: 16px; } .form-field--iconradio .form-field__radio:nth-child(3n+2), .form-field--iconradio .field-content--radio:nth-child(3n+2) { clear: none; } .form-field--iconradio .form-field__radio:nth-child(2n), .form-field--iconradio .field-content--radio:nth-child(2n) { clear: both; } .form-field--iconradio .form-field__fakeiconradio { position: relative; display: block; padding: 12px 24px; font-weight: 300; border-radius: 5px; border: solid 1px #B0B0B0; text-align: center; transition: background-color 0.25s, border-color 0.25s; padding-top: 74px; min-height: 40px; } .form-field--iconradio .form-field__fakeiconradio:before { font-family: "iconfont"; position: absolute; font-size: 60px; left: calc((100% - 60px) / 2); top: 4px; } .form-field--iconradio .form-field__fakeiconradio img { display: block; margin: -48px auto 16px; height: 40px; } .form-field--iconradio3 .fieldset { display: flex; align-items: stretch; justify-content: start; flex-wrap: wrap; gap: 24px; } .form-field--iconradio3 .form-field__radio, .form-field--iconradio3 .field-content--radio { width: 300px; max-width: 100%; margin: 0 !important; } .form-field--iconradio3 .form-field__fakeiconradio { border-color: #E4E2E6; border-radius: 16px; padding: 16px 20px; text-align: start; display: flex; flex-flow: column; align-items: start; gap: 20px; box-sizing: border-box; } .form-field--iconradio3 .form-field__fakeiconradio img { margin: 0; height: 48px; } .form-field--iconradio3 .form-field__input--radio:checked + .form-field__fakeiconradio, .form-field--iconradio3 .field-content [type=radio]:checked + .form-field__fakeiconradio, .field-content .form-field--iconradio3 [type=radio]:checked + .form-field__fakeiconradio { background-color: #e9f2f0; color: #222222; } .form-field__radio--teaser .form-field__fakeradio { flex-flow: column; text-align: center; } .form-field__radio--teaser .form-field__fakeradio--icon { width: 100%; padding: 4px 0; } a.form-field__radio--teaser .form-field__fakeradio { padding: 0; } a.form-field__radio--teaser .form-field__fakeradio:after { content: none; } .form-field--textarea .form-field__messages, .form-field--textarea .field-error { padding-bottom: 24px; } .form-field--textarea .form-field__messages .form-field__charcount, .form-field--textarea .field-error .form-field__charcount { top: auto; bottom: 0; right: auto; left: 0; } } @media screen and (min-width: 600px) { .form-field__checkbox--accselector .form-field__fakecheckbox--right:before { top: 26px !important; position: absolute; } .form-field__checkbox--accselector .form-field__fakecheckbox--right:after { top: 26px !important; } .form-field__radio.grid__column, .grid__column.field-content--radio, .form-field__radio.dashboard__account-selector, .dashboard__account-selector.field-content--radio, .form-field__radio.dashboard__user-widget, .dashboard__user-widget.field-content--radio { margin-top: 8px !important; } .form-field__radio + *, .field-content--radio + * { margin-top: 18px; } .form-field__radio + .form-field__messages, .form-field__radio + .field-error, .field-content--radio + .form-field__messages, .field-content--radio + .field-error { margin-top: 4px; } .form-field__fakeradio--right { padding-right: 2em; } .form-field__fakecheckbox { padding: 0; } .form-field__fakecheckbox:before { top: 1px; width: 22px; height: 22px; background: white; } .form-field__fakecheckbox--right { padding-left: 0; padding-right: 2em; } .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after { left: -3px; right: auto; line-height: 24px; font-size: 30px; font-weight: 700; color: #007560; } .form-field__input--checkbox:checked + .form-field__fakecheckbox--right:after, .field-content [type=checkbox]:checked + .form-field__fakecheckbox--right:after { right: 2px; left: auto; font-size: 30px; } .legend, .display-section-legend { padding-right: 0; } .form-field--select-inline { display: flex; align-items: center; } .form-field--select-inline .form-field__label, .form-field--select-inline .field-title, .form-field--select-inline .j100-expander_label { margin-right: 16px; } .form-field--select-inline .form-field__input-wrapper--select, .form-field--select-inline .m111-content-scroller--nav_mobile-selectwrapper, .form-field--select-inline .j134-media--filter:not(.search), .form-field--select-inline .field-content--select { margin: 0; } .form-field--select-inline .form-field__input--select, .form-field--select-inline .m111-content-scroller--nav_mobile-select, .form-field--select-inline .j134-media--filter-input:not(.j134-media--filter-inputsearch), .form-field--select-inline .field-content select, .field-content .form-field--select-inline select { width: 120px; } .form-field--three.form-field__row .grid__column:first-child, .form-field--three.form-field__row .dashboard__account-selector:first-child, .form-field--three.form-field__row .dashboard__user-widget:first-child { padding-left: 0px; } .form-field--three.form-field__row .grid__column:last-child, .form-field--three.form-field__row .dashboard__account-selector:last-child, .form-field--three.form-field__row .dashboard__user-widget:last-child { padding-right: 0px; } .form-field__messages-password ul li { width: 50%; float: left; } .form-field.clear_both + .form-field--6, .clear_both.field-border + .form-field--6, .form-field.form-field--separator + .form-field--6, .form-field--separator.field-border + .form-field--6 { margin-top: 0; } .form-field.clear_both + .form-field--6 + .form-field--6, .clear_both.field-border + .form-field--6 + .form-field--6, .form-field.form-field--separator + .form-field--6 + .form-field--6, .form-field--separator.field-border + .form-field--6 + .form-field--6 { margin-top: 0; } } @media screen and (min-width: 1025px) { .form-field__checkbox--accselector .form-field__fakecheckbox--right:before { top: 26px !important; position: absolute; } .form-field__checkbox--accselector .form-field__fakecheckbox--right:after { top: 26px !important; } .form-field__radio.grid__column, .grid__column.field-content--radio, .form-field__radio.dashboard__account-selector, .dashboard__account-selector.field-content--radio, .form-field__radio.dashboard__user-widget, .dashboard__user-widget.field-content--radio { margin-top: 8px !important; } .form--inline { padding: 0; } .form-field--6 .picker { width: 200%; } .m25-tabs__content .form { width: 90%; max-width: 640px; } .m25-tabs__content #form-account-selector { max-width: 66.66667%; } .form-field--select-inline { display: flex; align-items: center; } .form-field--select-inline .form-field__label, .form-field--select-inline .field-title, .form-field--select-inline .j100-expander_label { margin-right: 16px; } .form-field--select-inline .form-field__input-wrapper--select, .form-field--select-inline .m111-content-scroller--nav_mobile-selectwrapper, .form-field--select-inline .j134-media--filter:not(.search), .form-field--select-inline .field-content--select { margin: 0; } .form-field--select-inline .form-field__input--select, .form-field--select-inline .m111-content-scroller--nav_mobile-select, .form-field--select-inline .j134-media--filter-input:not(.j134-media--filter-inputsearch), .form-field--select-inline .field-content select, .field-content .form-field--select-inline select { width: 120px; } .form-field__messages-password ul li { width: 33%; float: left; } .form-field_contact-ext-fieldset.contact-country-code .form-field_ext-col3 { width: 80px; margin-left: 10px; } } @media only screen and (max-width: 1300px) { .form-field__messages-password ul li { width: 50%; } } .form-field__label-details { line-height: 1.4; display: inline-block; margin: 5px 0px 15px; } .border-legend { border-radius: 10px; border: 1px solid #ccc; padding: 20px; } .border-legend legend { display: none; } .border-legend .legend-title { margin-bottom: 20px; line-height: 1.3em; } .border-legend .form-field legend, .border-legend .field-border legend { display: inline-block; } .form-field--add_wrapper { width: 79%; display: inline-block; } .form-field--add_button { display: inline-block; width: 17%; margin-left: 2%; margin-top: 8px; padding: 14px 8px; background-color: #007560; color: white; float: right; border-radius: 5px; text-align: center; cursor: pointer; line-height: 14px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .form-field--add_button:disabled { cursor: default; } .form-field--table .form-field--table-row { float: left; width: 100%; } .form-field--table .form-field--table-list-item { padding-left: 30px !important; padding-right: 20px !important; position: relative; } .form-field--table .form-field--table-list-item:before { content: "\e60b"; font-family: "iconfont"; left: 12px; position: absolute; } .form-field--table .form-field--table-list-item .form-field--table-list-item-delete { cursor: pointer; } .form-field--table .form-field--table-list-item .form-field--table-list-item-delete:before { content: "\e608"; font-family: "iconfont"; right: 0px; top: 0px; position: absolute; } .mha-dark .form-field__input, .mha-dark .j134-media--filter-input, .mha-dark .field-content input, .field-content .mha-dark input, .mha-dark .field-content textarea, .field-content .mha-dark textarea, .mha-dark .field-content select, .field-content .mha-dark select, .mha-dark .j100-expander_input, .mha-light .form-field__input, .mha-light .j134-media--filter-input, .mha-light .field-content input, .field-content .mha-light input, .mha-light .field-content textarea, .field-content .mha-light textarea, .mha-light .field-content select, .field-content .mha-light select, .mha-light .j100-expander_input { background-color: transparent !important; } .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-dark .form-field__input-wrapper.readonly, .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper, .mha-dark .readonly.j134-media--filter, .mha-dark .readonly.field-content, .mha-dark .readonly.j100-expander_input, .mha-dark .form-field__input-wrapper.disabled, .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper, .mha-dark .disabled.j134-media--filter, .mha-dark .disabled.field-content, .mha-dark .disabled.j100-expander_input, .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]), .mha-light .form-field__input-wrapper.readonly, .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper, .mha-light .readonly.j134-media--filter, .mha-light .readonly.field-content, .mha-light .readonly.j100-expander_input, .mha-light .form-field__input-wrapper.disabled, .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper, .mha-light .disabled.j134-media--filter, .mha-light .disabled.field-content, .mha-light .disabled.j100-expander_input { opacity: 0.5; } .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-dark .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-dark .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-dark .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-dark .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-dark .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-dark .form-field__input-wrapper.readonly input.disabled, .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper input.disabled, .mha-dark .readonly.j134-media--filter input.disabled, .mha-dark .readonly.field-content input.disabled, .mha-dark .readonly.j100-expander_input input.disabled, .mha-dark .form-field__input-wrapper.readonly select.disabled, .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper select.disabled, .mha-dark .readonly.j134-media--filter select.disabled, .mha-dark .readonly.field-content select.disabled, .mha-dark .readonly.j100-expander_input select.disabled, .mha-dark .form-field__input-wrapper.readonly input.readonly, .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper input.readonly, .mha-dark .readonly.j134-media--filter input.readonly, .mha-dark .readonly.field-content input.readonly, .mha-dark .readonly.j100-expander_input input.readonly, .mha-dark .form-field__input-wrapper.readonly select.readonly, .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper select.readonly, .mha-dark .readonly.j134-media--filter select.readonly, .mha-dark .readonly.field-content select.readonly, .mha-dark .readonly.j100-expander_input select.readonly, .mha-dark .form-field__input-wrapper.readonly input[disabled], .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper input[disabled], .mha-dark .readonly.j134-media--filter input[disabled], .mha-dark .readonly.field-content input[disabled], .mha-dark .readonly.j100-expander_input input[disabled], .mha-dark .form-field__input-wrapper.readonly select[disabled], .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper select[disabled], .mha-dark .readonly.j134-media--filter select[disabled], .mha-dark .readonly.field-content select[disabled], .mha-dark .readonly.j100-expander_input select[disabled], .mha-dark .form-field__input-wrapper.readonly input[readonly], .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper input[readonly], .mha-dark .readonly.j134-media--filter input[readonly], .mha-dark .readonly.field-content input[readonly], .mha-dark .readonly.j100-expander_input input[readonly], .mha-dark .form-field__input-wrapper.readonly select[readonly], .mha-dark .readonly.m111-content-scroller--nav_mobile-selectwrapper select[readonly], .mha-dark .readonly.j134-media--filter select[readonly], .mha-dark .readonly.field-content select[readonly], .mha-dark .readonly.j100-expander_input select[readonly], .mha-dark .form-field__input-wrapper.disabled input.disabled, .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper input.disabled, .mha-dark .disabled.j134-media--filter input.disabled, .mha-dark .disabled.field-content input.disabled, .mha-dark .disabled.j100-expander_input input.disabled, .mha-dark .form-field__input-wrapper.disabled select.disabled, .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper select.disabled, .mha-dark .disabled.j134-media--filter select.disabled, .mha-dark .disabled.field-content select.disabled, .mha-dark .disabled.j100-expander_input select.disabled, .mha-dark .form-field__input-wrapper.disabled input.readonly, .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper input.readonly, .mha-dark .disabled.j134-media--filter input.readonly, .mha-dark .disabled.field-content input.readonly, .mha-dark .disabled.j100-expander_input input.readonly, .mha-dark .form-field__input-wrapper.disabled select.readonly, .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper select.readonly, .mha-dark .disabled.j134-media--filter select.readonly, .mha-dark .disabled.field-content select.readonly, .mha-dark .disabled.j100-expander_input select.readonly, .mha-dark .form-field__input-wrapper.disabled input[disabled], .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper input[disabled], .mha-dark .disabled.j134-media--filter input[disabled], .mha-dark .disabled.field-content input[disabled], .mha-dark .disabled.j100-expander_input input[disabled], .mha-dark .form-field__input-wrapper.disabled select[disabled], .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper select[disabled], .mha-dark .disabled.j134-media--filter select[disabled], .mha-dark .disabled.field-content select[disabled], .mha-dark .disabled.j100-expander_input select[disabled], .mha-dark .form-field__input-wrapper.disabled input[readonly], .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper input[readonly], .mha-dark .disabled.j134-media--filter input[readonly], .mha-dark .disabled.field-content input[readonly], .mha-dark .disabled.j100-expander_input input[readonly], .mha-dark .form-field__input-wrapper.disabled select[readonly], .mha-dark .disabled.m111-content-scroller--nav_mobile-selectwrapper select[readonly], .mha-dark .disabled.j134-media--filter select[readonly], .mha-dark .disabled.field-content select[readonly], .mha-dark .disabled.j100-expander_input select[readonly], .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.disabled, .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.disabled, .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input.readonly, .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select.readonly, .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[disabled], .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[disabled], .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) input[readonly], .mha-light .form-field__input-wrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-light .m111-content-scroller--nav_mobile-selectwrapper:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-light .j134-media--filter:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-light .field-content:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-light .j100-expander_input:has(input.disabled, select.disabled, input.readonly, select.readonly, .form-field__input--text[readonly]:not(.picker__input):not(.form-field__input--monthpicker), [readonly].j134-media--filter-inputsearch:not(.picker__input):not(.form-field__input--monthpicker), .field-content textarea[readonly]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=email]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=number]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=password]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=tel]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=text]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=url]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=color]:not(.picker__input):not(.form-field__input--monthpicker), input[readonly][type=date]:not(.picker__input):not(.form-field__input--monthpicker), .form-field__input--text[disabled], [disabled].j134-media--filter-inputsearch, .field-content textarea[disabled], input[disabled]) select[readonly], .mha-light .form-field__input-wrapper.readonly input.disabled, .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper input.disabled, .mha-light .readonly.j134-media--filter input.disabled, .mha-light .readonly.field-content input.disabled, .mha-light .readonly.j100-expander_input input.disabled, .mha-light .form-field__input-wrapper.readonly select.disabled, .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper select.disabled, .mha-light .readonly.j134-media--filter select.disabled, .mha-light .readonly.field-content select.disabled, .mha-light .readonly.j100-expander_input select.disabled, .mha-light .form-field__input-wrapper.readonly input.readonly, .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper input.readonly, .mha-light .readonly.j134-media--filter input.readonly, .mha-light .readonly.field-content input.readonly, .mha-light .readonly.j100-expander_input input.readonly, .mha-light .form-field__input-wrapper.readonly select.readonly, .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper select.readonly, .mha-light .readonly.j134-media--filter select.readonly, .mha-light .readonly.field-content select.readonly, .mha-light .readonly.j100-expander_input select.readonly, .mha-light .form-field__input-wrapper.readonly input[disabled], .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper input[disabled], .mha-light .readonly.j134-media--filter input[disabled], .mha-light .readonly.field-content input[disabled], .mha-light .readonly.j100-expander_input input[disabled], .mha-light .form-field__input-wrapper.readonly select[disabled], .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper select[disabled], .mha-light .readonly.j134-media--filter select[disabled], .mha-light .readonly.field-content select[disabled], .mha-light .readonly.j100-expander_input select[disabled], .mha-light .form-field__input-wrapper.readonly input[readonly], .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper input[readonly], .mha-light .readonly.j134-media--filter input[readonly], .mha-light .readonly.field-content input[readonly], .mha-light .readonly.j100-expander_input input[readonly], .mha-light .form-field__input-wrapper.readonly select[readonly], .mha-light .readonly.m111-content-scroller--nav_mobile-selectwrapper select[readonly], .mha-light .readonly.j134-media--filter select[readonly], .mha-light .readonly.field-content select[readonly], .mha-light .readonly.j100-expander_input select[readonly], .mha-light .form-field__input-wrapper.disabled input.disabled, .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper input.disabled, .mha-light .disabled.j134-media--filter input.disabled, .mha-light .disabled.field-content input.disabled, .mha-light .disabled.j100-expander_input input.disabled, .mha-light .form-field__input-wrapper.disabled select.disabled, .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper select.disabled, .mha-light .disabled.j134-media--filter select.disabled, .mha-light .disabled.field-content select.disabled, .mha-light .disabled.j100-expander_input select.disabled, .mha-light .form-field__input-wrapper.disabled input.readonly, .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper input.readonly, .mha-light .disabled.j134-media--filter input.readonly, .mha-light .disabled.field-content input.readonly, .mha-light .disabled.j100-expander_input input.readonly, .mha-light .form-field__input-wrapper.disabled select.readonly, .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper select.readonly, .mha-light .disabled.j134-media--filter select.readonly, .mha-light .disabled.field-content select.readonly, .mha-light .disabled.j100-expander_input select.readonly, .mha-light .form-field__input-wrapper.disabled input[disabled], .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper input[disabled], .mha-light .disabled.j134-media--filter input[disabled], .mha-light .disabled.field-content input[disabled], .mha-light .disabled.j100-expander_input input[disabled], .mha-light .form-field__input-wrapper.disabled select[disabled], .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper select[disabled], .mha-light .disabled.j134-media--filter select[disabled], .mha-light .disabled.field-content select[disabled], .mha-light .disabled.j100-expander_input select[disabled], .mha-light .form-field__input-wrapper.disabled input[readonly], .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper input[readonly], .mha-light .disabled.j134-media--filter input[readonly], .mha-light .disabled.field-content input[readonly], .mha-light .disabled.j100-expander_input input[readonly], .mha-light .form-field__input-wrapper.disabled select[readonly], .mha-light .disabled.m111-content-scroller--nav_mobile-selectwrapper select[readonly], .mha-light .disabled.j134-media--filter select[readonly], .mha-light .disabled.field-content select[readonly], .mha-light .disabled.j100-expander_input select[readonly] { opacity: 1; } button { color: #222222; } .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered { border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; -webkit-transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; -moz-transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; background-color: #F3F4F4; color: #222222; position: relative; cursor: pointer; display: inline-block; font-weight: bold; overflow: hidden; vertical-align: middle; margin-top: 0; padding: 10px 32px; white-space: nowrap; box-sizing: border-box; } .button:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover, .form-submit:hover, .button--centered:hover { box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); } .button .relative.icon-EV-Charge, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .relative.icon-EV-Charge, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .relative.icon-EV-Charge, .form-submit .relative.icon-EV-Charge, .button--centered .relative.icon-EV-Charge { padding-left: 36px; } .button .relative.icon-EV-Charge:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .relative.icon-EV-Charge:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .relative.icon-EV-Charge:before, .form-submit .relative.icon-EV-Charge:before, .button--centered .relative.icon-EV-Charge:before { position: absolute; top: -16px; color: #007560; left: 0px; font-size: 36px; } .button + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .form-submit + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .button + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .form-submit + .form-submit, .button--centered + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .button--centered + .form-submit, .button + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .form-submit + .button--centered, .button--centered + .button--centered { margin-left: 25px; } .button--primary, .form-submit { color: white; background-color: #007560; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007560), color-stop(50%, #007560), color-stop(100%, #007560)); background-image: -webkit-linear-gradient(left, #007560, #007560, #007560); background-image: linear, to right, #007560, #007560, #007560; } .button--primary-2 { color: white; background-color: #007560; } .button--primary-2:hover { background-color: #007560; } .button--secondary { color: white; background-color: #0B7BC1; } .button--secondary:hover { background-color: #0B7BC1; } .button--tertiary { color: white; background-color: #0B7BC1; } .button--tertiary:hover { background-color: #0B7BC1; } .button--fithtiary { color: white; background-color: #0B7BC1; } .button--fithtiary:hover { background-color: #0B7BC1; } .button--quaternary { color: #222222; background-color: white; } .button--quaternary:hover { background-color: #F6F6F6; } .button--quaternary { border: 1px solid #222222; } .button--senary { color: #222222; background-color: white; } .button--senary:hover { background-color: #F6F6F6; } .button--senary { box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.24); } .button--senary-add { padding-left: 40px; padding-right: 20px; position: relative; } .button--senary-add .plus:before { content: "+"; font-size: 36px; position: absolute; left: 15px; font-weight: normal; top: -5px; } .button--septenary { color: white; background-color: #B00020; } .button--saffron { background-color: #FFBB54; } .button--outline { color: #222; background-color: white; padding-top: 8px; padding-bottom: 8px; } .button--outline:hover { background-color: #f5f5f5; box-shadow: none; } .button--outline { border: 2px solid #222; } .timer-button--outline { color: #6D6E71; background-color: white; border: 2px solid #6D6E71; cursor: default !important; opacity: 0.5; } .timer-button--outline:hover { box-shadow: none; } .button--greenoutline { color: #007560; background-color: transparent; border: 2px solid #007560; } .button--samsungpay { display: flex; max-width: 170px; background: #000; min-height: 45px; align-items: center; justify-content: center; } .button--samsungpay img { height: 15px; } .button--applepay { display: flex; max-width: 170px; background: #000; min-height: 45px; align-items: center; justify-content: center; } .button--applepay img { height: 22.5px; } .button--text, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .button--text-centered { font-weight: normal; position: relative; color: #222222; padding-left: 0; display: inline-block; background: none; border-radius: 0; text-align: left; padding-top: 10px; padding-bottom: 10px; } .button--text:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a:hover, .button--text-centered:hover { color: #007560; box-shadow: none; } .button--breadcrumb, .button--breadcrumbtext { font-weight: normal; position: relative; color: #007560; padding-left: 0; display: inline-block; background: transparent; border-radius: 0; text-align: left; padding-top: 10px; padding-bottom: 10px; } .button--breadcrumb:hover, .button--breadcrumbtext:hover { text-decoration: underline; box-shadow: none; } .button--breadcrumb:before, .button--breadcrumb:after, .button--breadcrumbtext:before, .button--breadcrumbtext:after { color: #222222; } .button--breadcrumbdot { color: white; } .button--breadcrumbdot:after { content: "\e607"; font-family: "iconfont"; } .button--text-centered { padding-left: 16px !important; padding-right: 16px !important; } .button--centered { margin-left: auto; margin-right: auto; } .button--very_small { padding: 4px 16px 3px; } body .button--small.button--next, body .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--small, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext body a.button--small, body .button--small.form-submit { padding-right: 40px; } body .button--small.button--next:before, body .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--small:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext body a.button--small:before, body .button--small.form-submit:before { right: 5px; left: auto; top: -1px; } body .button--very_small.button--next, body .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--very_small, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext body a.button--very_small, body .button--very_small.form-submit { padding: 4px 16px 3px; padding-right: 32px; } body .button--very_small.button--next:before, body .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--very_small:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext body a.button--very_small:before, body .button--very_small.form-submit:before { right: -4px; left: auto; top: -7px; } body .button--small.button--play { padding-left: 50px; padding-top: 10px; padding-bottom: 12px; } body .button--small.button--play:before { left: 10px; right: auto; font-size: 30px; top: -1px; } .button--fullwidth { width: 100%; text-align: center; } .button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit { padding-right: 60px; } .button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .form-submit:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "亂"; } .button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover:before, .form-submit:hover:before { animation-name: hover_animation_right; animation-duration: 0.75s; } .button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .form-submit:before { top: calc((100% - 42px) / 2); line-height: 40px; } .button--text.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .button--text.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .button--next.button--text-centered, .button--text-centered.form-submit { padding-right: 60px; } .button--text.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .button--text.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .button--next.button--text-centered:before, .button--text-centered.form-submit:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e607"; } .button--text.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .button--text.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .button--next.button--text-centered:before, .button--text-centered.form-submit:before { top: 1px !important; font-size: 30px; color: #BCBEC0; } .m34-pagination .button--text.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .m34-pagination .button--text.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .m34-pagination .button--next.button--text-centered:before, .m34-pagination .button--text-centered.form-submit:before { color: #222222; } .button--nextNEW { font-weight: 300; padding-right: 30px; position: relative; } .button--nextNEW:before { font-family: "iconfont"; content: "亂"; position: absolute; font-size: 24px; right: 0; line-height: 36px; top: calc((100% - 38px) / 2); } .button--nextNEW:hover { text-decoration: underline; } .button--nextNEW:hover:before { animation-name: hover_animation_right_verysmall; animation-duration: 0.75s; } .button--play { padding-left: 60px; } .button--play:before { left: 9px; right: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e614"; } .m17-sectiontitle__cta.button--text.button--nextNEW, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.m17-sectiontitle__cta.button--nextNEW, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle__cta.button--nextNEW, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.m17-sectiontitle__cta.button--nextNEW, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.m17-sectiontitle__cta.button--nextNEW, .m17-sectiontitle__cta.button--nextNEW.button--text-centered { padding-right: 30px; } .m17-sectiontitle__cta.button--text.button--nextNEW:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.m17-sectiontitle__cta.button--nextNEW:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle__cta.button--nextNEW:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.m17-sectiontitle__cta.button--nextNEW:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.m17-sectiontitle__cta.button--nextNEW:before, .m17-sectiontitle__cta.button--nextNEW.button--text-centered:before { top: 0px; } .j120-smart-response--ltr .button--next, .j120-smart-response--ltr .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--ltr a, .j120-smart-response--ltr .form-submit { padding: 10px 32px !important; padding-right: 54px !important; } .j120-smart-response--ltr .button--next:before, .j120-smart-response--ltr .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--ltr a:before, .j120-smart-response--ltr .form-submit:before { content: "\e607"; right: 18px !important; left: auto !important; } .j120-smart-response--ltr .button--next:hover:before, .j120-smart-response--ltr .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--ltr a:hover:before, .j120-smart-response--ltr .form-submit:hover:before { animation-name: hover_animation_right !important; } .j120-smart-response--rtl .button--next, .j120-smart-response--rtl .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--rtl a, .j120-smart-response--rtl .form-submit { padding: 10px 32px !important; padding-left: 54px !important; } .j120-smart-response--rtl .button--next:before, .j120-smart-response--rtl .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--rtl a:before, .j120-smart-response--rtl .form-submit:before { content: "\e606"; left: 18px !important; right: auto !important; } .j120-smart-response--rtl .button--next:hover:before, .j120-smart-response--rtl .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--rtl a:hover:before, .j120-smart-response--rtl .form-submit:hover:before { animation-name: hover_animation_left !important; } .button--next.button--very_small:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--very_small:hover:before, .button--very_small.form-submit:hover:before { animation-name: hover_animation_right_verysmall; animation-duration: 0.75s; } .button--back, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a { padding-left: 60px; } .button--back:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before { left: 9px; right: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "亂"; } .button--back:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before { transform: rotate(180deg); top: 10px; } .button--up { padding-right: 60px; } .button--up:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e605"; } .button--down { padding-right: 60px; } .button--down:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e604"; } .button--down { padding-right: 60px; } .button--down:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e604"; } .button--share { padding-left: 60px; } .button--share:before { left: 9px; right: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e60d"; } .button--printer { padding-right: 60px; } .button--printer:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e619"; } .button--printer { padding-right: 34px; } .button--printer:before { top: -1px; right: -6px; left: auto; font-size: 30px; text-align: center; } .button--edit { padding-right: 60px; } .button--edit:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e61d"; } .button--edit { padding-right: 35px; } .button--edit:before { right: -10px; left: auto; font-size: 22px; top: 3px; } .button--deselect { float: right; display: inline-block; margin-top: 10px; } .button--cancel { padding-left: 60px; } .button--cancel:before { left: 9px; right: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e608"; } .button--cancel:hover:before { animation: none; } .button--cancel[data-edit-toggle-cancel] { padding-left: 40px; } .button--remove { padding-right: 60px; } .button--remove:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e608"; } .button--remove:before { top: 11px; right: 8px; left: auto; } @media screen and (max-width: 1024px) { .button--remove:before { font-size: 1.0625em; } } @media screen and (min-width: 1025px) { .button--remove:before { font-size: 1.0625em; } } .button--remove:before { font-weight: bold; } .button-container--single { margin: 32px 0 0; } .button--small.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--small, .button--small.form-submit { padding-right: 33px; } .button--small.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--small:before, .button--small.form-submit:before { right: 0px; left: auto; top: calc((100% - 42px) / 2); } .button--small.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--small:hover:before, .button--small.form-submit:hover:before { animation-name: hover_animation_right_small; animation-duration: 0.75s; } .button--text.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .button--text.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .button--next.button--text-centered, .button--text-centered.form-submit { padding-right: 18px; } .button--text.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .button--text.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .button--next.button--text-centered:before, .button--text-centered.form-submit:before { right: -14px; left: auto; top: -9px; } .button--text.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:hover:before, .button--text.form-submit:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:hover:before, .button--next.button--text-centered:hover:before, .button--text-centered.form-submit:hover:before { animation-name: hover_animation_right_small_text; animation-duration: 0.75s; } .button--text.button--back, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--back, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--back, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--back, .button--back.button--text-centered { padding-left: 18px; padding-right: 0; } .button--text.button--back:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--back:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--back:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--back:before, .button--back.button--text-centered:before { left: -14px; right: auto; top: -6px; content: "\e606"; transform: rotate(0deg); } .button--text.button--back:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--back:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--back:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--back:hover:before, .button--back.button--text-centered:hover:before { animation-name: hover_animation_back; animation-duration: 0.75s; } .button--text.button--share, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--share, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--share, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--share, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--share, .button--share.button--text-centered { padding-left: 24px; } .button--text.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--share:before, .button--share.button--text-centered:before { left: -6px; right: auto; } @media screen and (max-width: 1024px) { .button--text.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--share:before, .button--share.button--text-centered:before { font-size: 2em; } } @media screen and (min-width: 1025px) { .button--text.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--share:before, .button--share.button--text-centered:before { font-size: 2em; } } .button--text.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--share:before, .button--share.button--text-centered:before { top: -1px; } .button--text.button--up, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--up, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--up, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--up, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--up, .button--up.button--text-centered { padding-right: 18px; color: #222222; } .button--text.button--up:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--up:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--up:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--up:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--up:before, .button--up.button--text-centered:before { right: -14px; left: auto; top: -9px; } .button--text.button--up:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--up:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--up:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--up:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--up:hover, .button--up.button--text-centered:hover { color: #222222; } .button--text.button--up:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--up:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--up:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--up:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--up:hover:before, .button--up.button--text-centered:hover:before { animation: none !important; } .button--text.button--up, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--up, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--up, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--up, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--up, .button--up.button--text-centered { padding-right: 29px; } .button--text.button--up:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--up:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--up:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--up:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--up:before, .button--up.button--text-centered:before { right: -6px; left: auto; top: -9px; } .button--breadcrumb.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--breadcrumb, .button--breadcrumb.form-submit { padding-right: 60px; } .button--breadcrumb.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--breadcrumb:before, .button--breadcrumb.form-submit:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e607"; } .button--breadcrumb.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--breadcrumb, .button--breadcrumb.form-submit { padding-right: 34px; } .button--breadcrumb.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--breadcrumb:before, .button--breadcrumb.form-submit:before { right: -8px; left: auto; top: 0; font-size: 30px; transform: none; } .button--breadcrumb.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--breadcrumb:hover:before, .button--breadcrumb.form-submit:hover:before { -webkit-animation: none; -moz-animation: none; animation: none; } .button.button--breadcrumbtext, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--breadcrumbtext, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--breadcrumbtext, .button--breadcrumbtext.form-submit, .button--breadcrumbtext.button--centered { color: #222222; cursor: default; font-weight: 300; } .button.button--breadcrumbtext:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--breadcrumbtext:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--breadcrumbtext:hover, .button--breadcrumbtext.form-submit:hover, .button--breadcrumbtext.button--centered:hover { text-decoration: none; } .button--cancel { padding-left: 10px; } .button--cancel:before { right: -15px; top: 11px; font-size: inherit; font-weight: bold; } [dir=rtl] .button--cancel:before { right: auto; left: -15px; } .button--inverted { color: white; } .button--inverted:hover { color: white; } .form-field__button .button--myid, .form-submit-border .button--myid { overflow: visible; margin-left: 90px; } .form-field__button .button--myid:after, .form-submit-border .button--myid:after { content: ""; width: 78px; height: 34px; top: 5px; position: absolute; left: -90px; right: auto; background-image: url("images/logo_myid.png"); } .button--myid-menu { overflow: visible; margin-left: 90px; } .button--myid-menu:after { content: ""; width: 78px; height: 34px; top: 5px; position: absolute; left: -90px; right: auto; background-image: url("images/logo_myid-grey.png"); } .button__label--centered { text-align: center; } @media screen and (max-width: 1024px) { .button__label--smaller { font-size: 0.875em; } } @media screen and (min-width: 1025px) { .button__label--smaller { font-size: 0.875em; } } @media screen and (max-width: 1024px) { .button__label--larger { font-size: 1.375em; } } @media screen and (min-width: 1025px) { .button__label--larger { font-size: 1.375em; } } .button--epay { background: url("images/epay.png") no-repeat; padding-left: 138px; padding-bottom: 4px; background-size: cover; } .button--pay { overflow: visible; /*&:after { content: ''; width: 138px; height: 31px; position: absolute; left: 50%; margin-left: -69px; bottom: -45px; background: url('images/epay.png') no-repeat; }*/ } .buttons { margin-top: 36px; } .buttons + * { margin-top: 36px; } .buttons--centred { text-align: center; } .button--calculate { width: auto !important; margin: 0 auto 20px auto !important; display: block; } .button[disabled], .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a[disabled], .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a[disabled], [disabled].form-submit, [disabled].button--centered { opacity: 0.69; cursor: default; } .button[disabled]:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a[disabled]:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a[disabled]:hover:before, [disabled].form-submit:hover:before, [disabled].button--centered:hover:before { -webkit-animation: none; -moz-animation: none; animation: none; } .button[disabled]:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a[disabled]:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a[disabled]:hover, [disabled].form-submit:hover, [disabled].button--centered:hover { box-shadow: none; } @keyframes hover_animation_back { 0% { left: -5px; right: initial; opacity: 0; } 100% { left: -14px; right: initial; opacity: 1; } } @keyframes hover_animation_back_rtl { 0% { right: -5px; left: initial; opacity: 0; } 100% { right: -14px; left: initial; opacity: 1; } } @keyframes br_hover_animation_right { 0% { right: 0px; left: initial; opacity: 0; } 100% { right: -12px; left: initial; opacity: 1; } } @keyframes br_hover_animation_left { 0% { left: 0px; opacity: 0; } 100% { left: -12px; opacity: 1; } } @keyframes hover_animation_right { 0% { right: 19px; left: initial; opacity: 0; } 100% { right: 9px; left: initial; opacity: 1; } } @keyframes hover_animation_left { 0% { left: 19px; opacity: 0; } 100% { left: 9px; opacity: 1; } } @keyframes hover_animation_right_small { 0% { right: 10px; left: initial; opacity: 0; } 100% { right: 0px; left: initial; opacity: 1; } } @keyframes hover_animation_right_verysmall { 0% { right: 4px; left: initial; opacity: 0; } 100% { right: -4px; left: initial; opacity: 1; } } @keyframes hover_animation_right_small_text { 0% { right: 0px; left: initial; opacity: 0; } 100% { right: -14px; left: initial; opacity: 1; } } @keyframes hover_animation_left_small_text { 0% { left: 0px; right: initial; opacity: 0; } 100% { left: -14px; right: initial; opacity: 1; } } @keyframes hover_animation_left_small { 0% { left: 10px; opacity: 0; } 100% { left: 0px; opacity: 1; } } @keyframes hover_animation_left_verysmall { 0% { left: 4px; opacity: 0; } 100% { left: -4px; opacity: 1; } } .pagination--last { position: absolute; right: -32px; } .pagination--last .button--next, .pagination--last .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .pagination--last a, .pagination--last .form-submit { height: 30px; } .pagination--last .button--next:hover, .pagination--last .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .pagination--last a:hover, .pagination--last .form-submit:hover { color: #6D6E71 !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; animation-name: none !important; } .pagination--last .button--next:hover:before, .pagination--last .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .pagination--last a:hover:before, .pagination--last .form-submit:hover:before { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; animation-name: none !important; } .pagination--last .second { margin-right: 5px; } .pagination--first { position: absolute; left: -32px; } .pagination--first .button--back, .pagination--first .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .pagination--first a { height: 30px; } .pagination--first .button--back:hover, .pagination--first .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .pagination--first a:hover { color: #6D6E71 !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; animation-name: none !important; } .pagination--first .button--back:hover:before, .pagination--first .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .pagination--first a:hover:before { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; animation-name: none !important; } .pagination--first .second { margin-left: 5px !important; } .pagination--next:hover { color: #6D6E71 !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; animation-name: none !important; } .pagination--next:hover:before { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; animation-name: none !important; } .pagination--prev:hover { color: #6D6E71 !important; -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; animation-name: none !important; } .pagination--prev:hover:before { -webkit-transition: none !important; -moz-transition: none !important; transition: none !important; animation-name: none !important; } .button--download { font-weight: normal; padding: 10px 20px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: solid 1px #C6C6C6; background-color: white; color: #222222; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); position: relative; } .button--download:before { font-family: iconfont; color: #222222; font-size: 22px; padding: 0; position: relative; top: -2px; } .button--download.button--primary, .button--download.form-submit { color: white; border: none; } .button--download.button--primary:before, .button--download.form-submit:before { color: white; } .button--upload { font-weight: 300; padding: 6px 42px; padding-left: 56px; border: solid 1px #C6C6C6; background-color: white; color: #222222; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); position: relative; } .button--upload:before { font-family: iconfont; position: absolute; color: #222222; font-size: 22px; top: 0px; padding: 0; left: 24px; } .button--upload--variant { font-weight: 300; color: #007560; border: solid 1px #007560; background-color: transparent; } .button--upload_remove { position: absolute; right: 0; top: -16px; } .button--upload_remove:before { font-family: iconfont; background-color: #A0A0A0; border-radius: 50%; color: white; } .button--icon { position: relative; padding-left: 66px; } .button--icon:before { font-family: "iconfont"; position: absolute; left: 20px; font-size: 36px; top: -8px; } .button-2-fit { width: calc(50% - 9px); margin-left: 0px !important; margin-right: 0px !important; } .button-2-fit + .button-2-fit { margin-left: 10px !important; margin-right: 0px !important; } .button--uaepass { background-color: #000000; display: flex; align-items: center; justify-content: center; margin: 0 auto; color: #fff; font-size: 1.25em; font-weight: 600; gap: 8px; white-space: normal; } .button--uaepass .button--img { width: 24px; } @media screen and (max-width: 599px) { .button--fullwidth-mobile { width: 100% !important; text-align: center; margin: 0 !important; padding-right: 32px; } .button--fullwidth-mobile.button--very_small { padding-right: 16px; } .button--text-centered--mobile { font-size: 1em; font-weight: normal; position: relative; color: #222222; padding-left: 0; display: inline-block; background: none; border-radius: 0; text-align: left; padding-top: 10px; padding-bottom: 10px; } .button--text-centered--mobile:hover { color: #007560; box-shadow: none; } .button--text-centered--mobile { padding-left: 16px !important; padding-right: 16px !important; margin-left: 0 !important; } .pagination--last { right: -20px; } .pagination--first { left: -20px; } .pagination--next { right: 20px !important; } .pagination--prev { left: 20px !important; } } @media screen and (min-width: 600px) { .pagination--last { right: -32px; } .pagination--first { left: -32px; } .pagination--next { right: 0px !important; } .pagination--prev { left: 0px !important; } } @media screen and (min-width: 1025px) { .pagination--last { right: -32px; } .pagination--first { left: -32px; } .pagination--next { right: 0px !important; } .pagination--prev { left: 0px !important; } } @media screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .button--epay { background: url("../images/epay@2x.png") no-repeat; background-size: cover; } .button--pay:after { /*background: url('../images/epay@2x.png') no-repeat; background-size: 138px 31px;*/ } .form-field__button .button--myid:after, .form-submit-border .button--myid:after { background-size: 78px 34px; background-image: url("../images/logo_myid@2x.png"); } .button--myid-menu:after { background-size: 78px 34px; background-image: url("../images/logo_myid-grey@2x.png"); } } /* for accessibility */ .invert .button--breadcrumb, .invert .button--breadcrumbtext { color: #222222; font-weight: 500; } .button--dots { cursor: pointer; position: relative; display: inline-block; } .button--dots:before { content: "뤯"; font-family: "iconfont"; font-size: 24px; line-height: 21px; } .button-more--container { position: absolute; top: calc(100% - 2px); right: 0; z-index: 9; text-align: left; min-width: 150px; background-color: white; border: solid 1px #D0D5DD; border-radius: 10px; overflow: hidden; transform-origin: top; transform: rotateX(90deg); transition: 0.25s all; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.33); padding: 8px; } .button-more--container.actions { border: 1px solid #D7D7DF; box-shadow: none; font-weight: 300; display: flex; flex-direction: column; } .button-more--container.actions .actions-item { line-height: 28px; padding: 2px; } .button-more--container.actions .actions-item:hover { opacity: 0.9; } .button-more--container.masar-more { border: none; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25); } .button-more--container.opened { transform: rotateX(0deg); } .button-more--link { display: block; padding: 8px 12px; color: #101828; font-weight: 600; text-align: left; } .button-more--link:hover { background-color: #F0F3FA; } .button-more--link.cancel-link { color: #B00020; } .mha-dark .button--primary *, .mha-dark .form-submit *, .mha-light .button--primary *, .mha-light .form-submit * { background-color: transparent !important; } .mha-dark .button--quaternary, .mha-dark .button--outline, .mha-dark .m116-pagination--cta button, .mha-dark .j134-media--filter-cta .button.button--download, .mha-dark .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--download, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .mha-dark .j134-media--filter-cta a.button--download, .mha-dark .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--download, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .mha-dark .j134-media--filter-cta a.button--download, .mha-dark .j134-media--filter-cta .button--download.form-submit, .mha-dark .j134-media--filter-cta .button--download.button--centered, .mha-dark .m130-teaser--content .button--download { border-color: white; } .mha-light .button--uaepass .button--img { background-color: transparent !important; filter: brightness(0.65); } .link, .m111-cs--content_headinglink, .links-list__link, .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered), .form-links__link { color: #007560; font-size: inherit; text-decoration: underline; } .link:hover, .m111-cs--content_headinglink:hover, .links-list__link:hover, .m14-richtext a:hover:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content a:hover:not(.button):not(.form-submit):not(.button--centered), .form-links__link:hover { text-decoration: underline; } .link:hover:before, .m111-cs--content_headinglink:hover:before, .links-list__link:hover:before, .m14-richtext a:hover:not(.button):not(.form-submit):not(.button--centered):before, .m125-teaser--content a:hover:not(.button):not(.form-submit):not(.button--centered):before, .form-links__link:hover:before { text-decoration: none; } .link--icon { position: relative; padding-left: 35px; } .link--icon:before { position: absolute; top: -8px; left: 0; right: auto; } .link--pdf { font-weight: bold; position: relative; display: inline-block; margin-top: 7px; padding-left: 25px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .link--pdf:before { content: "\e62c"; font-size: 24px; } .link--pdf:before { position: absolute; top: 50%; margin-top: -18px; left: -2px; right: auto; } .link--inactive-tel { cursor: default; color: #222222; } .link--inactive-tel:hover { text-decoration: none; } .link--inactive-tel:focus { outline: none; } a[href^=tel] { direction: ltr; unicode-bidi: bidi-override; } .link-underline { text-decoration: underline; } .teaser__copy { color: #222222; } .teaser__date { color: #222222; } .teaser__link { display: block; padding: 1px; } .teaser__link .teaser__title { color: #007560; font-weight: 300; } .teaser__content { padding: 21px 15px; } .table { width: 100%; } .m23-table__content-table-cell--header, .m23-table__content-table-cell { padding: 15px 8px 16px; } .m23-table__content-table-cell { border-bottom: 1px solid #BCBEC0; vertical-align: middle; } .no-wrap { white-space: nowrap; } .table--cell:first-child { padding-left: 30px; } .table--cell:last-child { padding-right: 30px; } .m23-table__content-table-cell--header { border-bottom: 1px solid #BCBEC0; font-weight: bold; background: #F6F6F6; } .table--cell--note { display: block; padding-top: 15px; font-weight: normal; } @media screen and (min-width: 600px) { .table--cell { padding: 16px; } .table--cell:first-child { padding-left: 32px; } .table--cell:last-child { padding-right: 32px; } } @media screen and (max-width: 599px) { .table--cell { padding: 2.6666666667px; } } .ajax-loader-overlay { position: absolute; top: 0; background: url("../content/images/roller.gif") no-repeat; } .ajax-placeholder { min-height: 100px; position: relative; } .validation-summary-errors ul li { padding-bottom: 5px; } .bidi-override-ltr { direction: ltr; unicode-bidi: bidi-override; } .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } .fancybox-overlay { background: url(../../../images/fancybox/fancybox_overlay.png) !important; } .CustomPositionDialog { display: none !important; } .ui-dialog-titlebar-close { display: none !important; } .ui-button-icon-only.ui-dialog-titlebar-close { display: none; } .ui-dialog .ui-dialog-title { line-height: 24px !important; } body { margin: 0 auto; } #happiness-indicator-wrapper { position: fixed; bottom: 0px; left: 0px; background-color: #007560; padding: 7px; z-index: 998; border-radius: 5px 5px 0px 0px; } #happiness-indicator-wrapper > a { display: block; border: none; } .clearfix:before, .j182-board-members .inner-breadcrumb:before, .j174-dewa-store .inner-breadcrumb:before, .m95-power-outage_card-header:before, .m101-journey-map2 .m101-journey-map--box__row:before, .m100-ev-card--selector .m100-ev-card--selector_wrapper:before, .j154-sea-assessment--tip_content:before, .j154-sea-assessment--grid:before, .m91-teaser:before, .m28-gauge--information:before, .m28-gauge--card_head:before, .m28-gauge--outerwrapper:before, .m87-gauge-alerts--information:before, .m87-gauge-alerts--card_head:before, .m87-gauge-alerts--outerwrapper:before, .m84-bills-compare-modal--item:before, .m84-bills-compare--footer_wrapper:before, .m84-bills-compare--graph_footer:before, .m82-payment-history--card_listitem2:before, .m82-payment-history--card_listitem:before, .m80-my-consumption:before, .m18-quick-tools--info_row:before, .m41-persona-tabs-box__tabs:before, .tender-result__details:before, .m45-estimate-selector__keyvalues:before, .estimate-history__details:before, .m44-bill-selector__account:before, .j69-dashboard--card_filter:before, .dashboard__header:before, .button-box:before, .m43-accountsel__account:before, .m43-accountsel__selected .m43-accountsel__account:before, .m41-tabs-box__tabs:before, .m12-masthead--logos:before, .m2-hero-image__grid-row:before, .m26-page-title__links:before, .m8-teaser:before, .grid__row:before, .form-introduction:before, .grid__row--tight:before, .teaser__link:before, .clearfix:after, .j182-board-members .inner-breadcrumb:after, .j174-dewa-store .inner-breadcrumb:after, .m95-power-outage_card-header:after, .m101-journey-map2 .m101-journey-map--box__row:after, .m100-ev-card--selector .m100-ev-card--selector_wrapper:after, .j154-sea-assessment--tip_content:after, .j154-sea-assessment--grid:after, .m91-teaser:after, .m28-gauge--information:after, .m28-gauge--card_head:after, .m28-gauge--outerwrapper:after, .m87-gauge-alerts--information:after, .m87-gauge-alerts--card_head:after, .m87-gauge-alerts--outerwrapper:after, .m84-bills-compare-modal--item:after, .m84-bills-compare--footer_wrapper:after, .m84-bills-compare--graph_footer:after, .m82-payment-history--card_listitem2:after, .m82-payment-history--card_listitem:after, .m80-my-consumption:after, .m18-quick-tools--info_row:after, .m41-persona-tabs-box__tabs:after, .tender-result__details:after, .m45-estimate-selector__keyvalues:after, .estimate-history__details:after, .m44-bill-selector__account:after, .j69-dashboard--card_filter:after, .dashboard__header:after, .button-box:after, .m43-accountsel__account:after, .m43-accountsel__selected .m43-accountsel__account:after, .m41-tabs-box__tabs:after, .m12-masthead--logos:after, .m2-hero-image__grid-row:after, .m26-page-title__links:after, .m8-teaser:after, .grid__row:after, .form-introduction:after, .grid__row--tight:after, .teaser__link:after { content: " "; display: table; } .clearfix:after, .j182-board-members .inner-breadcrumb:after, .j174-dewa-store .inner-breadcrumb:after, .m95-power-outage_card-header:after, .m101-journey-map2 .m101-journey-map--box__row:after, .m100-ev-card--selector .m100-ev-card--selector_wrapper:after, .j154-sea-assessment--tip_content:after, .j154-sea-assessment--grid:after, .m91-teaser:after, .m28-gauge--information:after, .m28-gauge--card_head:after, .m28-gauge--outerwrapper:after, .m87-gauge-alerts--information:after, .m87-gauge-alerts--card_head:after, .m87-gauge-alerts--outerwrapper:after, .m84-bills-compare-modal--item:after, .m84-bills-compare--footer_wrapper:after, .m84-bills-compare--graph_footer:after, .m82-payment-history--card_listitem2:after, .m82-payment-history--card_listitem:after, .m80-my-consumption:after, .m18-quick-tools--info_row:after, .m41-persona-tabs-box__tabs:after, .tender-result__details:after, .m45-estimate-selector__keyvalues:after, .estimate-history__details:after, .m44-bill-selector__account:after, .j69-dashboard--card_filter:after, .dashboard__header:after, .button-box:after, .m43-accountsel__account:after, .m43-accountsel__selected .m43-accountsel__account:after, .m41-tabs-box__tabs:after, .m12-masthead--logos:after, .m2-hero-image__grid-row:after, .m26-page-title__links:after, .m8-teaser:after, .grid__row:after, .form-introduction:after, .grid__row--tight:after, .teaser__link:after { clear: both; } .font-regular { font-weight: 300; } .font-normal { font-weight: normal; } .font-semi { font-weight: 600; } .secondarytext { color: #6F6F6F; } .status-label { border-radius: 4px; color: white; padding: 0px 10px; font-weight: 400; font-size: 13px; margin: 0px 10px; } .status-label.active-s { background: #007560; } .status-label.cancelled-s { background: #6F6F6F; } .status-label.pending-s { background: #D59E10; } .status-label.rejected-s { background: #B00020; } .grey-seperator { border: 1px solid #EFEFF1; } .close-icon-large { background: #F3D9DE; width: 84px; height: 84px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .close-icon-large:before { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #222222; background-color: #B00020; color: white; content: " "; } .close-icon-large:after { content: "\e608"; font-family: iconfont; position: absolute; font-size: 40px; color: white; } .partial_loading { position: relative; } .partial_loading:before { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(4px); border-radius: 12px; } .partial_loading:after { content: ""; border: 3px solid #b7b7b7; border-radius: 50%; border-top: 4px solid #222; width: 50px; height: 50px; position: absolute; z-index: 3; left: calc((100% - 50px) / 2); top: calc((100% - 50px) / 2); -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .websurvey .form-field__label, .websurvey .field-title, .websurvey .j100-expander_label { font-size: 20px; } .websurvey .m76-range-slider { padding: 0 3%; } .websurvey .m76-range-slider .ticks-inner-text { font-size: 14px; line-height: 18px; white-space: nowrap; } .websurvey .m76-range-slider .ticks-inner-text:before { top: 0px; } .websurvey .m76-range-slider .sliderticks .ticks-active { top: 0px !important; } .websurvey .legend, .websurvey .display-section-legend { font-size: 1.65em; padding: 4px 4px; background-color: #f1f1f1; } .rot180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .line-h0 { line-height: 0px; } .clear_both, .form-field--separator { clear: both; } .mask { opacity: 0; } .flex { display: flex; } .flex-column { display: flex; flex-direction: column; } .flex-row { display: flex; flex-direction: row; } .flex-center { display: flex; align-items: center; } .flex-between { display: flex; justify-content: space-between; } .flex-stretch { display: flex; align-items: stretch; } .flex-space { display: flex; align-items: center; justify-content: space-between; } .moveinModalPay { display: table; margin: 0 auto; } .moveinModalPay .moveinModalPay--cell { display: table-cell; } .moveinModalPay .moveinModalPay--img { display: inline; height: 25px; margin: 0 4px; } .moveinModalPay .moveinModalPay--powered { display: flex; align-items: center; justify-content: center; font-size: 14px; } .moveinTotal { padding: 16px 5%; border-top: 1px solid #BCBEC0; border-bottom: 1px solid #BCBEC0; width: 110%; margin-left: -5%; } .moveinTotal h3 { display: inline; margin-top: 0px !important; font-size: 1.6em; } .moveinTotal p { margin-top: 0px !important; } .moveinul { margin: 0px !important; width: 70%; } .p0 { padding: 0px !important; } .pt24 { padding-top: 24px !important; } .floatRight { float: right !important; } .floatRight + * { clear: both; } .floatLeft, .m29v3-chart--EV .m29v3-chart--titlewrapper { float: left !important; } .floatLeft + *, .m29v3-chart--EV .m29v3-chart--titlewrapper + * { clear: both; } .aspcaptcha { text-align: left; } .forceEN { direction: ltr !important; text-align: left !important; } .forceEN input { padding: 5px 12px 8px !important; padding-right: 44px !important; } .forceAR { direction: rtl !important; text-align: right !important; } .red { color: #B00020 !important; } .red.icon:before, .red.m95-power-outage_card-status:before, .m19-ql-carousel__container .red.slick-next:before, .m19-ql-carousel__container .red.slick-prev:before, .m85-dstore-carousel_container .red.slick-next:before, .m85-dstore-carousel_container .red.slick-prev:before, .survey_wrapper .survey-button-wrapper .red.button--survey-active:before, .m3-teaser-carousel__container .red.slick-next:before, .m3-teaser-carousel__container .red.slick-prev:before, .red.toggle-menu__trigger:before, .toggle-menu--active .red.toggle-menu__title[class*=icon-]:before { color: #B00020; } .green { color: #007560 !important; } .black { color: black !important; } .darkgrey { color: #717173 !important; } .centered { text-align: center !important; } .b0 { border: none !important; } .bt0 { border-top: none !important; } .br0 { border-right: none !important; } .bl0 { border-left: none !important; } .bb0 { border-bottom: none !important; } .mb0 { margin-bottom: 0px !important; } .mb24 { margin-bottom: 24px !important; } .mb32 { margin-bottom: 32px !important; } .mb12 { margin-bottom: 12px !important; } .upload-required { font-size: 1em; color: black; } .mr-cont-tooltip-window { bottom: 60px !important; } #DeafTranslate img { width: 21px; } #DeafTranslate .m12-tools__link { padding-left: 8px !important; } .bes-wrapper { margin: 0px; } .bes-cta { position: absolute; right: 0px; top: -45px; } .mt12 { margin-top: 12px; } .mt24 { margin-top: 24px !important; } .mt48 { margin-top: 48px; } .mt56 { margin-top: 56px !important; } .mb48 { margin-bottom: 48px; } .mt0 { margin-top: 0px !important; } .hide { display: none; } .earth_hour--dark .m2-hero-image { margin-bottom: 0px !important; } .earth_hour--dark #rs_area { background-color: #1F2024; color: white !important; } .earth_hour--dark .teaser__title, .earth_hour--dark .teaser__copy { color: white !important; } .earth_hour--dark .m9-teaser .teaser__link:hover, .earth_hour--dark .m9-teaser .teaser__link:focus { background: transparent !important; } .earth_hour--dark .link, .earth_hour--dark .m111-cs--content_headinglink, .earth_hour--dark .links-list__link, .earth_hour--dark .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .earth_hour--dark .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .earth_hour--dark a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .earth_hour--dark a:not(.button):not(.form-submit):not(.button--centered), .earth_hour--dark .form-links__link, .earth_hour--dark .m26-page-title.title_message { color: #7ECB84; } .highcharts-exporting-group { display: none; } .ps16 { padding: 0 16px; } .rsbtn { min-width: 215px; } .border-1 { border: 1px solid #BCBEC0; } .radius-1 { border-radius: 1px; } .radius-3 { border-radius: 3px; } .radius-15 { border-radius: 15px !important; } .radius-10 { border-radius: 10px !important; } .radius-0 { border-radius: 0px !important; } .p20 { padding: 20px !important; } .padding .p5 { padding: 5px !important; } .padding .p10 { padding: 10px !important; } .padding .p20 { padding: 20px !important; } .padding .p30 { padding: 30px !important; } .padding .p40 { padding: 40px !important; } .padding .p50 { padding: 50px !important; } .padding .p0 { padding: 0px !important; } .padding.p-t-5 { padding-top: 5px !important; } .padding.p-t-10 { padding-top: 10px !important; } .padding.p-t-20 { padding-top: 20px !important; } .padding.p-t-30 { padding-top: 30px !important; } .padding.p-t-40 { padding-top: 40px !important; } .padding.p-t-50 { padding-top: 50px !important; } .padding.p-t-0 { padding-top: 0px !important; } .padding.p-b-5 { padding-top: 5px !important; } .padding.p-b-10 { padding-top: 10px !important; } .padding.p-b-20 { padding-top: 20px !important; } .padding.p-b-30 { padding-top: 30px !important; } .padding.p-b-40 { padding-top: 40px !important; } .padding.p-b-50 { padding-top: 50px !important; } .padding.p-b-0 { padding-top: 0px !important; } .padding.p-r-5 { padding-right: 5px !important; } .padding.p-r-10 { padding-right: 10px !important; } .padding.p-r-20 { padding-right: 20px !important; } .padding.p-r-30 { padding-right: 30px !important; } .padding.p-r-40 { padding-right: 40px !important; } .padding.p-r-50 { padding-right: 50px !important; } .padding.p-l-5 { padding-left: 5px !important; } .padding.p-l-10 { padding-left: 10px !important; } .padding.p-l-20 { padding-left: 20px !important; } .padding.p-l-30 { padding-left: 30px !important; } .padding.p-l-40 { padding-left: 40px !important; } .padding.p-l-50 { padding-left: 50px !important; } .padding.p-r-0 { padding-right: 0px !important; } .padding.p-l-0 { padding-left: 0px !important; } .margin.m5 { margin: 5px !important; } .margin.m10 { margin: 10px !important; } .margin.m20 { margin: 20px !important; } .margin.m30 { margin: 30px !important; } .margin.m40 { margin: 40px !important; } .margin.m50 { margin: 50px !important; } .margin.m0 { margin: 0px !important; } .margin.mt-5 { margin-top: 5px !important; } .margin.mt-10 { margin-top: 10px !important; } .margin.mt-20 { margin-top: 20px !important; } .margin.mt-30 { margin-top: 30px !important; } .margin.mt-40 { margin-top: 40px !important; } .margin.mt-50 { margin-top: 50px !important; } .margin.mt-0 { margin-top: 0px !important; } .margin.mb-5 { margin-top: 5px !important; } .margin.mb-10 { margin-top: 10px !important; } .margin.mb-20 { margin-top: 20px !important; } .margin.mb-30 { margin-top: 30px !important; } .margin.mb-40 { margin-top: 40px !important; } .margin.mb-50 { margin-top: 50px !important; } .margin.mb-0 { margin-top: 0px !important; } .margin.mr-5 { margin-right: 5px !important; } .margin.m-r-10 { margin-right: 10px !important; } .margin.m-r-20 { margin-right: 20px !important; } .margin.m-r-30 { margin-right: 30px !important; } .margin.m-r-40 { margin-right: 40px !important; } .margin.m-r-50 { margin-right: 50px !important; } .margin.m-l-5 { margin-left: 5px !important; } .margin.m-l-10 { margin-left: 10px !important; } .margin.m-l-20 { margin-left: 20px !important; } .margin.m-l-30 { margin-left: 30px !important; } .margin.m-l-40 { margin-left: 40px !important; } .margin.m-l-50 { margin-left: 50px !important; } .margin.m-l-0 { margin-left: 0px !important; } .status.available { color: Green; } .status.busy { color: orange; } .status.offline { color: red; } .status.faulted { color: red; } .status.occupied { color: red; } .status.unknown { color: red; } .status.unavailable { color: red; } .color.blue { color: #0B7BC1; } .no-visilibility { visibility: hidden; } .payment-banklist { height: calc(100% - 190px); overflow: auto; } .payment-banklist-title { color: #222222 !important; } .payment-banklist-icon { width: 30px; height: 30px; border-radius: 50%; background-color: #D7D7DF; margin: 0 8px; background-position: center center; background-size: cover; } .m39-model__payment-option-list.second .form-field__input-wrapper, .m39-model__payment-option-list.second .m111-content-scroller--nav_mobile-selectwrapper, .m39-model__payment-option-list.second .j134-media--filter, .m39-model__payment-option-list.second .field-content, .m39-model__payment-option-list.second .j100-expander_input { position: relative; } .m39-model__payment-option-list.second .form-field__input-wrapper:before, .m39-model__payment-option-list.second .m111-content-scroller--nav_mobile-selectwrapper:before, .m39-model__payment-option-list.second .j134-media--filter:before, .m39-model__payment-option-list.second .field-content:before, .m39-model__payment-option-list.second .j100-expander_input:before { content: "\e602"; font-family: "iconfont"; font-size: 32px; color: #737371; position: absolute; right: 6px; top: calc((100% - 32px) / 2); } .m39-model__payment-option-list.second .form-field__input-wrapper:after, .m39-model__payment-option-list.second .m111-content-scroller--nav_mobile-selectwrapper:after, .m39-model__payment-option-list.second .j134-media--filter:after, .m39-model__payment-option-list.second .field-content:after, .m39-model__payment-option-list.second .j100-expander_input:after { content: none !important; } .otp--content { text-align: center; font-weight: 300; width: 100%; max-width: 500px; margin: 0 auto; } .otp--content img { height: 90px; width: auto; } .otp--content .otp--content-title { font-size: 28px; margin: 16px 0; } .otp--content .otp--content-details { color: #222222; line-height: 1.5; } .otp--content .otp--content-details + .otp--content-details { margin-top: 8px; } .otp--content .otp--content-text { color: #222222; line-height: 1.25; margin: 16px 0; } .otp--content .m40v2-status-message--security { padding: 24px 52px; } .otp--content .m40v2-status-message--security .m40v2-status-message__text { line-height: 22px; } .otp--content .m40v2-status-message--security .m40v2-status-message__text .m40v2-status-message-security-icon { left: -33px; } .min-height-190 { min-height: 190px; } .media-play-section { display: flex; margin-bottom: 20px; } .media-play-section .media-play-section_title { display: flex; align-items: center; } .media-play-section .icon-play { height: 40px; width: 40px; border: 1px solid #ccc; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .media-play-section .icon-play:before { margin-left: 3px; } .media-play-section .icon-play + .media-play-section_title-txt { margin-left: 10px; font-weight: 300; } .media-play-section .media-play-section_share { margin-left: auto; } .media-play-section .button--share { padding-left: 45px; padding-right: 20px; background: none; border: 1px solid #ccc; font-weight: 300; font-size: 15px; } .info-section-media { display: flex; align-items: center; font-size: 16px; color: #6F6F6F; margin-bottom: 36px; } .info-section-media svg + .info-section-media_copy { width: 100%; margin-left: 5px; line-height: 20px; } .info-section-media_wrapper { border: solid 1px #D7D7DF; border-radius: 8px; overflow: hidden; margin-bottom: 12px; } .info-section-media_wrapper iframe { height: 127px; } @media screen and (max-width: 740px) { .info-section-media_wrapper iframe { height: 152px; } } @media screen and (max-width: 599px) { .xscroll { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .xscroll { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .xscroll { padding-left: 16px; padding-right: 16px; } } .xscroll .grid__column:first-child, .xscroll .dashboard__account-selector:first-child, .xscroll .dashboard__user-widget:first-child { padding-left: 0; } .xscroll .grid__column:last-child, .xscroll .dashboard__account-selector:last-child, .xscroll .dashboard__user-widget:last-child { padding-right: 0; } .dirham-symbol { font-family: "dirhamsymbol"; display: inline-block; position: relative; font-size: 0.63em; top: -0.08em; } #CalibrationProjects .button--outline.button--outline-add, .update-details-form.miscellaneousform .button--outline.button--outline-add { padding: 8px 12px; } #CalibrationProjects .button--outline.button--outline-add .calib-add-icon, .update-details-form.miscellaneousform .button--outline.button--outline-add .calib-add-icon { font-size: 24px; line-height: 16px; font-weight: 300; } @media screen and (max-width: 599px) { .mobile-hide { display: none !important; } .desktop-hide { display: block !important; } .websurvey .m76-range-slider .ticks-inner-text { white-space: normal; } .moveinModalPay { display: block; } .moveinModalPay .button--primary, .moveinModalPay .form-submit { width: 100%; margin: 0 0 12px; } .moveinModalPay .moveinModalPay--cell { margin-bottom: 24px; } .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + .button, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .button, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + a, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + a, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .button, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + a, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + a, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + .button, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + a, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + a, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + .form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + .form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + .button, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + a, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + a, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + .form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + .button--centered, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .button--centered, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .button--centered, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + .button--centered, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + .button--centered { margin: 0px; } .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + .button.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .button.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + a.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + a.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .button.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + a.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + a.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + .button.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + a.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + a.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + .moveinModalPay--cell.form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .moveinModalPay--cell.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .moveinModalPay--cell.form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .moveinModalPay--cell.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .moveinModalPay--cell.form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + .moveinModalPay--cell.form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + .button.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + a.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a.moveinModalPay--cell, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + a.moveinModalPay--cell, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + .moveinModalPay--cell.form-submit, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button + .moveinModalPay--cell.button--centered, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .moveinModalPay--cell.button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .moveinModalPay--cell.button--centered, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .moveinModalPay--cell.button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded a + .moveinModalPay--cell.button--centered, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .form-submit + .moveinModalPay--cell.button--centered, .moveinModalPay.m39-modal.m39-modal--new.m39-modal--form_binded .button--centered + .moveinModalPay--cell.button--centered { margin-bottom: 24px; } .rsexpanded { position: relative !important; left: auto !important; white-space: initial !important; } .mobile-flex_direct { display: flex; flex-direction: column; } .mobile-flex_direct .first { order: 1; } .mobile-flex_direct .second { order: 2; } .mobile-flex_direct .third { order: 3; } .mobile-flex_direct .fourth { order: 4; } .rammas-chat-iframe { height: calc(100vh - 130px) !important; } .info-section-media { align-items: flex-start; margin: 12px 5px 36px; } #CalibrationProjects .flex-space, .update-details-form.miscellaneousform .flex-space { flex-flow: column; gap: 12px; } } @media screen and (min-width: 600px) { .mobile-hide { display: block !important; } .desktop-hide { display: none !important; } .rsexpanded { position: relative !important; left: auto !important; white-space: initial !important; } .mobile-flex_direct { display: flex; flex-direction: column; } .mobile-flex_direct .grid__column--4 { width: 50%; } .mobile-flex_direct .first { order: 1; margin-bottom: 8px; } .mobile-flex_direct .second { order: 2; } .mobile-flex_direct .third { order: 3; } .mobile-flex_direct .fourth { order: 4; } } @media screen and (min-width: 1025px) { .rsexpanded { position: relative !important; left: -170px !important; white-space: nowrap !important; width: 260px !important; } .mobile-flex_direct { display: block; } .mobile-flex_direct .grid__column--4 { width: 33.33333%; } .info-section-media_wrapper { width: 70%; min-width: 620px; } } @media screen and (min-width: 600px) and (max-width: 799px) { .websurvey .m76-range-slider .ticks-inner-text { white-space: normal; } } .float_left, .form-field__preview-wrapper { float: left; } .forcefloat_left { float: left !important; } .float_right { float: right; } .clear_right { clear: right; } .clear_left { clear: left; } .float_none { float: none; } .align_left, .m45-estimate-selector__trigger, .m45-estimate-friend, .m44-bill-selector__selected, .m43-accountsel__selected, .m30-share__panel li, .m39-modal__title, .m33-thumbnail-gallery__share-panel li { text-align: left !important; } .align_right { text-align: right !important; } .fix_left, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious, .gallery__button--back, .m34-pagination__button--prev, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .m15-social-media-feed__icon, .toggle-menu--active .toggle-menu__title:before { position: absolute; left: 0; } .fix_right { position: absolute; right: 0; } .border_left { border-left-style: solid; } .border_right { border-right-style: solid; } .transparent { background-color: transparent; } .relative { position: relative; } .inline-block { display: inline-block; } .transition-hover, .m9-new-teaser .teaser__link .teaser__title, .m60-teaser .teaser__link .teaser__title, .m9-teaser .teaser__link .teaser__title, .teaser__link, .teaser__link .teaser__title { -webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1); } .fullwidth { width: 100%; } :focus-visible:not(div), :focus-visible:not(div) + .focus-enabled { outline: 2px solid #222222; color: #222222 !important; background-color: #F9DC4A; } :focus-visible:not(div) *, :focus-visible:not(div) + .focus-enabled * { color: #222222 !important; } :focus-visible:not(div).button--primary, .form-submit:focus-visible:not(div), :focus-visible:not(div) + .focus-enabled.button--primary, :focus-visible:not(div) + .focus-enabled.form-submit { background: none; background-color: #F9DC4A; outline: 2px solid #222222; } :focus-visible:not(div).m6-teaser--dashboard2.MSLP15-grid, :focus-visible:not(div) + .focus-enabled.m6-teaser--dashboard2.MSLP15-grid { background-color: #F9DC4A; color: #222222; } :focus-visible:not(div).form-field__input, .j134-media--filter-input:focus-visible:not(div), .field-content input:focus-visible:not(div), .field-content textarea:focus-visible:not(div), .field-content select:focus-visible:not(div), .j100-expander_input:focus-visible:not(div), :focus-visible:not(div) + .focus-enabled.form-field__input, :focus-visible:not(div) + .focus-enabled.j134-media--filter-input, .field-content :focus-visible:not(div) + input.focus-enabled, .field-content :focus-visible:not(div) + textarea.focus-enabled, .field-content :focus-visible:not(div) + select.focus-enabled, :focus-visible:not(div) + .focus-enabled.j100-expander_input { background-color: transparent; outline: none; } :focus-visible:not(div).form-field__input + .form-field__fakeradio, .j134-media--filter-input:focus-visible:not(div) + .form-field__fakeradio, .field-content input:focus-visible:not(div) + .form-field__fakeradio, .field-content textarea:focus-visible:not(div) + .form-field__fakeradio, .field-content select:focus-visible:not(div) + .form-field__fakeradio, .j100-expander_input:focus-visible:not(div) + .form-field__fakeradio, :focus-visible:not(div).form-field__input + .form-field__fakecheckbox, .j134-media--filter-input:focus-visible:not(div) + .form-field__fakecheckbox, .field-content input:focus-visible:not(div) + .form-field__fakecheckbox, .field-content textarea:focus-visible:not(div) + .form-field__fakecheckbox, .field-content select:focus-visible:not(div) + .form-field__fakecheckbox, .j100-expander_input:focus-visible:not(div) + .form-field__fakecheckbox, :focus-visible:not(div) + .focus-enabled.form-field__input + .form-field__fakeradio, :focus-visible:not(div) + .focus-enabled.j134-media--filter-input + .form-field__fakeradio, .field-content :focus-visible:not(div) + input.focus-enabled + .form-field__fakeradio, .field-content :focus-visible:not(div) + textarea.focus-enabled + .form-field__fakeradio, .field-content :focus-visible:not(div) + select.focus-enabled + .form-field__fakeradio, :focus-visible:not(div) + .focus-enabled.j100-expander_input + .form-field__fakeradio, :focus-visible:not(div) + .focus-enabled.form-field__input + .form-field__fakecheckbox, :focus-visible:not(div) + .focus-enabled.j134-media--filter-input + .form-field__fakecheckbox, .field-content :focus-visible:not(div) + input.focus-enabled + .form-field__fakecheckbox, .field-content :focus-visible:not(div) + textarea.focus-enabled + .form-field__fakecheckbox, .field-content :focus-visible:not(div) + select.focus-enabled + .form-field__fakecheckbox, :focus-visible:not(div) + .focus-enabled.j100-expander_input + .form-field__fakecheckbox { background-color: transparent; color: inherit !important; outline: none; } :focus-visible:not(div).m49-list-filter--input, :focus-visible:not(div) + .focus-enabled.m49-list-filter--input { background-color: transparent; outline: none; color: inherit; } :focus-visible:not(div).m13-footer--medialinks_item a, :focus-visible:not(div) + .focus-enabled.m13-footer--medialinks_item a { background-color: transparent; } :focus-visible:not(div).board-modal-close, :focus-visible:not(div) + .focus-enabled.board-modal-close { background-color: #F9DC4A; } :focus-visible:not(div).m49-list-filter--input, :focus-visible:not(div) + .focus-enabled.m49-list-filter--input { color: white !important; } .c17-skipto--button:focus-visible { outline: 2px solid #222222; color: #222222; background-color: #F9DC4A !important; } .m13-footer--medialinks_item a:focus-visible { background-color: transparent; } .m13-footer--medialinks_item:focus-within:before { background-color: #F9DC4A; } .m13-footer--medialinks_item:focus-within.twitter:before, .m13-footer--medialinks_item:focus-within.linkedin:before { background-color: #F9DC4A !important; color: #222222 !important; } input:focus-visible:not(div), input:focus-visible:not(div) + .focus-enabled { outline: none; } .button--outline:focus-visible, .timer-button--outline:focus-visible, .button--greenoutline:focus-visible, .button--download:focus-visible, .button--upload:focus-visible, .button--upload--variant:focus-visible, .m12-menuover-footer--link .button--very_small:focus-visible, .button--quaternary:focus-visible { border-color: #F9DC4A; } .m16-smart-app--link:focus-visible, .m12-main__logos a:focus-visible, .m19-ql-carousel__slide--inner a:focus-visible, .m13-footer--floating_link:has(img):focus-visible, .m12-menuover-footer--link:has(img):focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { background-color: transparent; } a:hover, a:hover + .focus-enabled, a:active, a:active + .focus-enabled { outline: none; } .scroll { -webkit-overflow-scrolling: touch; overflow-y: scroll; } .unscrollable { height: 100%; width: 100%; overflow: hidden; } .aria-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .hidden { display: none; } .nowrap { white-space: nowrap; } header + .box { padding-top: 0; } .box--1 { background: none; padding-bottom: 24px; } @media screen and (max-width: 599px) { .box--1 { padding-top: 24px !important; } } @media screen and (min-width: 600px) { .box--1 { padding-top: 56px; } } @media screen and (min-width: 1025px) { .box--1 { padding-top: 56px; } } .box--1 .grid__row, .box--1 .form-introduction, .box--1 .grid__row--tight { margin-bottom: 32px; } .box--1 .grid__row:first-child, .box--1 .form-introduction:first-child, .box--1 .grid__row--tight:first-child { margin-bottom: 16px; } .box--1 .m17-sectiontitle { margin-bottom: 0; } .box--register { padding-top: 40px; background: #f5f5f5; } .register--columnbottom_desc { color: #6f6f6f; font-size: 16px !important; font-weight: 300; } .box--8 { background: #F7F7F7; padding: 24px 0px; text-align: center; } .box--7 { background: #FCFCFC; margin-bottom: -60px; } .box--7 .grid__row, .box--7 .form-introduction, .box--7 .grid__row--tight { margin-bottom: 0px; } .box--9 { background: #F2F3F3; } .box--2 { background-color: #007560; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007560), color-stop(50%, #065F29), color-stop(100%, #007560)); background-image: -webkit-linear-gradient(left, #007560, #065F29, #007560); background-image: linear-gradient(to right,#007560, #065F29, #007560); margin-bottom: 128px; } .box--2 .grid__row, .box--2 .form-introduction, .box--2 .grid__row--tight { margin-bottom: 0; } footer .grid__row, footer .form-introduction, footer .grid__row--tight { margin-bottom: 0; } @media screen and (max-width: 599px) { .box--3 { padding-top: 24px !important; } } @media screen and (min-width: 600px) { .box--3 { padding-top: 56px; } } @media screen and (min-width: 1025px) { .box--3 { padding-top: 56px; } } .box--3 { position: relative; z-index: 2; background-color: #F6F6F6; box-shadow: 0px 2px 10px 0px #c8c8c8; } @media screen and (max-width: 599px) { .box--5 { padding-top: 24px !important; } } @media screen and (min-width: 600px) { .box--5 { padding-top: 56px; } } @media screen and (min-width: 1025px) { .box--5 { padding-top: 56px; } } .box--5 { background: #F6F6F6; margin-bottom: 54px; } @media screen and (max-width: 599px) { .box--pod { padding-top: 24px !important; } } @media screen and (min-width: 600px) { .box--pod { padding-top: 56px; } } @media screen and (min-width: 1025px) { .box--pod { padding-top: 56px; } } .box--pod { background: url("images/pod-bg.png"); background-repeat: no-repeat; background-size: cover; } #load_img { margin: 15px auto; } .box--ipo { background-color: #FAFAFC; background-size: cover; background-position: center center; background-repeat: no-repeat; } .box--ipo:has(.j157-ir-km-title) { background-color: #0469A8; } .show-flex { display: flex !important; } .show { display: block !important; } .ltr_show { display: block; } .ltr_show img { display: inline; } .rtl_show { display: none; } .box--strategy { background: #F9F9F9; padding-top: 30px; } @media screen and (max-width: 599px) { .box--1 { background: none; padding-bottom: 10px; } .xscroll { -webkit-overflow-scrolling: touch; overflow-x: scroll; } .xscroll.grid__row, .xscroll.form-introduction, .xscroll.grid__row--tight { padding-bottom: 14px; margin-bottom: 10px; } .box--2 { margin-bottom: 12px; } .box--news { padding-top: 24px; background: #f1f1f1; } .box--ipo { margin-bottom: 40px; padding-top: 24px; } .box--service { background: #f2f2f2; padding-top: 0px; } .s-tcenter { text-align: center; } } @media screen and (min-width: 600px) { .box--1 { padding-bottom: 24px; } .xscroll { -webkit-overflow-scrolling: touch; overflow-x: scroll; } .xscroll.grid__row, .xscroll.form-introduction, .xscroll.grid__row--tight { padding-bottom: 16px; margin-bottom: 50px; } .box--2 { margin-bottom: 24px; } .box--news { padding-top: 56px; background: #f1f1f1; } .box--ipo { margin-bottom: 24px; padding-top: 24px; } .box--service { padding-top: 24px; } } @media screen and (min-width: 1025px) { .xscroll { overflow: hidden; } .box--2 { margin-bottom: 128px; } .box--news { padding-top: 56px; background: #f1f1f1; } .box--service { padding-top: 24px; } .box--ipo { padding-top: 30px; margin-bottom: 56px; background-color: #FAFAFC; } .s-center { text-align: left; } .sm-center { text-align: left; } .status-label { margin: 0px 0px; } } .ajax-loader-overlay { position: absolute; top: 0; background: url("../../images/roller.gif") no-repeat; } .ajax-placeholder { min-height: 100px; position: relative; } .validation-summary-errors ul li { padding-bottom: 5px; } .bidi-override-ltr { direction: ltr; unicode-bidi: bidi-override; } .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } body { margin: 0 auto; } body.mha-dark { background-color: #000000; } #happiness-indicator-wrapper { position: fixed; bottom: 0px; left: 0px; /*background-color: #34B233;*/ padding: 7px; z-index: 998; border-radius: 5px 5px 0px 0px; } #happiness-indicator-wrapper > a { display: block; border: none; } .mha-dark :focus-visible:not(div), .mha-dark :focus-visible:not(div) + .focus-enabled, .mha-dark .c17-skipto--button:focus-visible { outline-color: #fff !important; } .mha-dark .m13-footer--medialinks_item:focus-within:before { background-color: transparent !important; } .mha-dark .m13-footer--medialinks_item:focus-within.twitter:before, .mha-dark .m13-footer--medialinks_item:focus-within.linkedin:before { background-color: transparent !important; color: #fff !important; } .mha-dark .m12-menu_expandable:focus-visible { background-color: transparent !important; } .mha-dark .button--outline:focus-visible, .mha-dark .timer-button--outline:focus-visible, .mha-dark .button--greenoutline:focus-visible, .mha-dark .button--download:focus-visible, .mha-dark .button--upload:focus-visible, .mha-dark .button--upload--variant:focus-visible, .mha-dark .m12-menuover-footer--link .button--very_small:focus-visible, .mha-dark .button--quaternary:focus-visible { border-color: transparent !important; } .mha-dark .highcharts-tooltip-container * { color: #222222 !important; } .logo-myid { text-align: center; } .subtitle__h3 { display: inline-block; margin-bottom: 30px; } .subtitle__h2 { margin-bottom: 30px; } .j14_3-epay__container { background-color: #ebebeb; padding-bottom: 100%; width: 100%; } .epay-button__container { margin-top: 25px; text-align: center; } .epay_desktop { display: block; margin: 0 auto; border: none; } .epay_mobile { display: none; margin: 0 auto; border: none; } .verification--value { padding-left: 32px; } .update_account_details__block { *zoom: 1; } .update_account_details__block:before, .update_account_details__block:after { content: " "; display: table; } .update_account_details__block:after { clear: both; } .update_account_details__block, .update_account_details__item--divider, .update_account_details__item { display: inline-block; } .update_account_details__item, .update_account_details__item--divider { float: left; } .update_account_details__block { padding-right: 20px; } .update_account_details__block:last-child { padding-right: 0; } .update_account_details__block + * { margin-top: 0; } .update_account_details__item--active { padding-left: 20px; margin-top: -3px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .update_account_details__item--active:before { content: "\e60b"; font-size: 16px; } .update_account_details__item--active:before { color: #007560; position: relative; top: 3px; left: -3px; } .chat_container { position: fixed; bottom: 5px; right: 15px; z-index: 100; text-align: center; background-color: transparent; } @media screen and (max-width: 599px) { .epay_desktop { display: none; } .epay_mobile { display: block; } .update_account_details__block { display: block; } } @media screen and (min-width: 600px) { .epay_desktop { display: block; } .epay_mobile { display: none; } } [dir=rtl] .float_left, [dir=rtl] .form-field__preview-wrapper { float: right; } [dir=rtl] .float_right { float: left; } [dir=rtl] .float_none { float: none; } [dir=rtl] .align_left, [dir=rtl] .m45-estimate-selector__trigger, [dir=rtl] .m45-estimate-friend, [dir=rtl] .m44-bill-selector__selected, [dir=rtl] .m43-accountsel__selected, [dir=rtl] .m30-share__panel li, .m30-share__panel [dir=rtl] li, [dir=rtl] .m39-modal__title, [dir=rtl] .m33-thumbnail-gallery__share-panel li, .m33-thumbnail-gallery__share-panel [dir=rtl] li { text-align: right; } [dir=rtl] .align_right { text-align: left; } [dir=rtl] .fix_left, [dir=rtl] .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list [dir=rtl] .PagedList-skipToPrevious, [dir=rtl] .gallery__button--back, [dir=rtl] .m34-pagination__button--prev, [dir=rtl] .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious [dir=rtl] a, [dir=rtl] .m15-social-media-feed__icon, [dir=rtl] .toggle-menu--active .toggle-menu__title:before, .toggle-menu--active [dir=rtl] .toggle-menu__title:before { right: 0; left: auto; } [dir=rtl] .fix_right { right: auto; left: 0; } [dir=rtl] .clear_right { clear: left; } [dir=rtl] .clear_left { clear: right; } [dir=rtl] .border_left { border-left: none; border-right-style: solid; } [dir=rtl] .border_right { border-right: none; border-left-style: solid; } [dir=rtl] .bullet_list--item { padding-right: 15px; padding-left: 0; } [dir=rtl] .bullet_list--item:before { right: 0; left: auto; } [dir=rtl] .check_list--item { padding-right: 30px; padding-left: 0; } [dir=rtl] .check_list--item:before { right: -6px; left: auto; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: none !important; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; z-index: 100; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .slick-prev, .slick-next { position: static; } } .slick-prev:before, .slick-next:before { font-family: "DUBAI-REGULAR"; font-size: 20px; line-height: 1; color: #BCBEC0; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: 25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: 25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: " "; width: 20px; height: 20px; font-family: "DUBAI-REGULAR"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .m14-richtext img, .m125-teaser--content img, .img--responsive { max-width: 100%; height: auto; } .img--stretch { width: 100%; height: auto; } .spinner { position: absolute; top: 0; right: 0; left: 0; height: 100%; display: none; } .spinner:after { content: ""; position: relative; top: 50%; display: block; width: 60px; height: 60px; margin: auto; margin-top: -30px; border-top: 2px solid #545a6a; border-right: 2px solid #d4d4db; border-bottom: 2px solid #d4d4db; border-left: 2px solid #545a6a; border-radius: 100%; opacity: 0.5; -webkit-animation: spinner_rotate 0.6s linear infinite; -moz-animation: spinner_rotate 0.6s linear infinite; animation: spinner_rotate 0.6s linear infinite; } @-webkit-keyframes spinner_rotate { 0% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @-moz-keyframes spinner_rotate { 0% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @-o-keyframes spinner_rotate { 0% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @keyframes spinner_rotate { 0% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @media screen and (max-width: 599px) { .spinner { display: block; } } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; z-index: 3; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; outline: none !important; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding: 16px; padding-right: 54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; outline: none !important; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 56px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { position: relative; top: -6px; padding: 14px; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 6px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #e4e2e6; border-radius: 8px; box-sizing: border-box; display: block; margin: 4px 0; position: absolute; left: -100000px; width: 100%; z-index: 999999999; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 12px 16px; line-height: 1.5; user-select: none; -webkit-user-select: none; } .select2-results__option:hover { background-color: #007560; color: white; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-search--dropdown { display: block; padding: 8px; } .select2-search--dropdown .select2-search__field { padding: 4px 6px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: white; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: transparent; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #222222; line-height: 1.5; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #222222; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: transparent; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { position: relative; top: -10px; padding: 10px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { outline: 0; } .select2-container--focus { outline: none !important; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .select2-container--default .select2-search--dropdown .select2-search__field:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .select2-container--default .select2-search--dropdown .select2-search__field.form-field__input-wrapper--error, .select2-container--default .select2-search--dropdown .select2-search__field.field-content--error { border-color: #B00020; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; width: 270px !important; line-height: 1.5; -webkit-appearance: none; } .select2-container--default .select2-search--inline .select2-search__field::placeholder { color: #6F6F6F; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option.select2-results__option--selected { background-color: #007560; color: white; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted { background-color: #E6F3F1; color: #222222; } .select2-container--default .select2-results__option--highlighted:hover { background-color: #007560; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #007560; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #222222; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#B000201a', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #007560; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='$whiteFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #007560; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #979797; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-selection__choice { line-height: 1; font-weight: bold; color: #979797 !important; margin-top: 6px !important; border-radius: 30px !important; background-color: white !important; padding: 4px 12px !important; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #007560; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #0B7BC1; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #007560; } @media screen and (max-width: 599px) { .select2-container .select2-selection--single .select2-selection__rendered { white-space: normal; } } /* for accessibility */ .invert .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #000; } /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: flex; pointer-events: none; height: auto !important; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: white; border: 1px solid #D7D7DF; border-radius: 6px; } .tooltipster-sidetip.m77-understand-bill--tooltip .tooltipster-box { border: none; border-radius: 5px; background: #007560; box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.1); } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 12px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 12px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 12px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 12px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: #222222; line-height: 1.5; padding: 8px 12px; } .tooltipster-sidetip.m77-understand-bill--tooltip .tooltipster-content { color: white; padding: 6px 14px; font-size: 16px; line-height: normal; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 24px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 24px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 24px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 24px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 24px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 24px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 24px; margin-left: -10px; width: 24px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 12px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: white; left: 0; top: 0px; } .tooltipster-sidetip.tooltipster-bottom.m77-understand-bill--tooltip .tooltipster-arrow-background { border-bottom-color: #007560; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: white; left: 9px; top: -1px; } .tooltipster-sidetip.tooltipster-left.m77-understand-bill--tooltip .tooltipster-arrow-background { border-left-color: #007560; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: white; left: 1px; top: -1px; } .tooltipster-sidetip.tooltipster-right.m77-understand-bill--tooltip .tooltipster-arrow-background { border-right-color: #007560; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: white; left: 0; top: 10px; } .tooltipster-sidetip.tooltipster-top.m77-understand-bill--tooltip .tooltipster-arrow-background { border-top-color: #007560; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 12px solid transparent; left: 0; top: 1px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #D7D7DF; top: -1px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #D7D7DF; left: 11px; top: -1px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #D7D7DF; left: -1px; top: -1px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #D7D7DF; left: 0; top: 11px; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .mha-dark .tooltipster-base * { background-color: transparent !important; } .mha-dark .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #131313; } .mha-dark .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #131313; } .mha-light .tooltipster-base * { background-color: transparent !important; } .legend-color { color: #000; background-color: #fff; height: 0; overflow: hidden; } .ExternalLink { display: none; } .m39-modal__header_v2 { background-color: #007560; color: white; font-weight: 700; min-height: 50px !important; height: 50px !important; padding: 20px 15px 10px !important; text-align: center !important; } .m39-modal__content_v2 { top: 55px !important; bottom: 5px !important; min-height: 200px !important; height: 200px !important; padding-top: 20px; padding-left: 20px; text-align: center !important; } .align-radio-desc, .j131-scrap-sales_modal .form-field--modalamount { padding: 5px 0px 0px 32px; display: block; line-height: 1.25; } .form-field__fakeradio focus-enabled { font-weight: bold !important; } .js-hayak-popupy { cursor: pointer; } .rammasbutton { height: 30px; cursor: pointer; } #CaptchaInputText { margin-top: 12px; } .mapfields { max-width: 50%; } .mapfields.grid__column-3 { max-width: none; width: 25%; } @media screen and (max-width: 599px) { .align-radio-desc--6 { display: block; padding: 5px 40px 0px 40px; } .form-field__radio.grid__column--6, .grid__column--6.field-content--radio { padding: 0px !important; } } @media screen and (min-width: 600px) { .align-radio-desc--6 { display: block; padding: 5px 40px 0px 40px; } .form-field__radio.grid__column--6, .grid__column--6.field-content--radio { padding: 0px !important; } } @media screen and (min-width: 1025px) { .align-radio-desc--6 { display: block; padding: 5px 0px 0px 40px; } .form-field__radio.grid__column--6, .grid__column--6.field-content--radio { padding: 0px 8px !important; position: relative; z-index: 2; } } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: white; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Datepicker cells ------------------------------------------------- */ .datepicker--cells { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .datepicker--cell { border-radius: 4px; box-sizing: border-box; cursor: pointer; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 32px; z-index: 1; } .datepicker--cell.-focus- { background: #f0f0f0; } .datepicker--cell.-current- { color: #0B7BC1; } .datepicker--cell.-current-.-focus- { color: #4a4a4a; } .datepicker--cell.-current-.-in-range- { color: #0B7BC1; } .datepicker--cell.-in-range- { background: rgba(92, 196, 239, 0.1); color: #4a4a4a; border-radius: 0; } .datepicker--cell.-in-range-.-focus- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell.-disabled- { cursor: default; color: #aeaeae; } .datepicker--cell.-disabled-.-focus- { color: #aeaeae; } .datepicker--cell.-disabled-.-in-range- { color: #9b9b9b; } .datepicker--cell.-disabled-.-current-.-focus- { color: #aeaeae; } .datepicker--cell.-range-from- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 4px 0 0 4px; } .datepicker--cell.-range-to- { border: 1px solid rgba(92, 196, 239, 0.5); background-color: rgba(92, 196, 239, 0.1); border-radius: 0 4px 4px 0; } .datepicker--cell.-range-from-.-range-to- { border-radius: 4px; } .datepicker--cell.-selected- { color: white; border: none; background: #0B7BC1; } .datepicker--cell.-selected-.-current- { color: white; background: #0B7BC1; } .datepicker--cell.-selected-.-focus- { background: #0B7BC1; } .datepicker--cell:empty { cursor: default; } .datepicker--days-names { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 8px 0 3px; } .datepicker--day-name { color: #f5a623; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; text-transform: uppercase; font-size: 0.8em; } .datepicker--cell-day { width: 14.28571%; } .datepicker--cells-months { height: 170px; } .datepicker--cell-month { width: 33.33%; height: 25%; } .datepicker--years { height: 170px; } .datepicker--cells-years { height: 170px; } .datepicker--cell-year { width: 25%; height: 33.33%; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: white; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Datepicker ------------------------------------------------- */ .datepickers-container { position: absolute; left: 0; top: 0; } @media print { .datepickers-container { display: none; } } .datepicker { background: white; border: 1px solid #dbdbdb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; box-sizing: content-box; font-family: "DUBAI-REGULAR", sans-serif; font-size: 14px; color: #4a4a4a; width: 250px; position: absolute; left: -100000px; opacity: 0; transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease; z-index: 100000000000; } .datepicker.-from-top- { -webkit-transform: translateY(-8px); transform: translateY(-8px); } .datepicker.-from-right- { -webkit-transform: translateX(8px); transform: translateX(8px); } .datepicker.-from-bottom- { -webkit-transform: translateY(8px); transform: translateY(8px); } .datepicker.-from-left- { -webkit-transform: translateX(-8px); transform: translateX(-8px); } .datepicker.active { opacity: 1; -webkit-transform: translate(0); transform: translate(0); transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; } .datepicker-inline .datepicker { border-color: #9b9b9b; box-shadow: none; position: static; left: auto; right: auto; opacity: 1; -webkit-transform: none; transform: none; } .datepicker-inline .datepicker--pointer { display: none; } .datepicker--content { box-sizing: content-box; padding: 4px; } .-only-timepicker- .datepicker--content { display: none; } .datepicker--pointer { position: absolute; background: white; border-top: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; width: 10px; height: 10px; z-index: -1; } .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer { top: calc(100% - 4px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer { right: calc(100% - 4px); -webkit-transform: rotate(225deg); transform: rotate(225deg); } .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer { bottom: calc(100% - 4px); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer { left: calc(100% - 4px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer { left: 10px; } .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer { right: 10px; } .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer { left: calc(50% - 5px); } .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer { top: 10px; } .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer { bottom: 10px; } .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer { top: calc(50% - 5px); } .datepicker--body { display: none; } .datepicker--body.active { display: block; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: white; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Navigation ------------------------------------------------- */ .datepicker--nav { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #efefef; min-height: 32px; padding: 4px; } .-only-timepicker- .datepicker--nav { display: none; } .datepicker--nav-title, .datepicker--nav-action { display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .datepicker--nav-action { width: 32px; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker--nav-action:hover { background: #f0f0f0; } .datepicker--nav-action.-disabled- { visibility: hidden; } .datepicker--nav-action svg { width: 32px; height: 32px; } .datepicker--nav-action path { fill: none; stroke: #9b9b9b; stroke-width: 2px; } .datepicker--nav-title { border-radius: 4px; padding: 0 8px; } .datepicker--nav-title i { font-style: normal; color: #9b9b9b; margin-left: 5px; } .datepicker--nav-title:hover { background: #f0f0f0; } .datepicker--nav-title.-disabled- { cursor: default; background: none; } .datepicker--buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 4px; border-top: 1px solid #efefef; } .datepicker--button { color: #0B7BC1; cursor: pointer; border-radius: 4px; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 32px; } .datepicker--button:hover { color: #4a4a4a; background: #f0f0f0; } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: white; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } /* ------------------------------------------------- Timepicker ------------------------------------------------- */ .datepicker--time { border-top: 1px solid #efefef; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4px; position: relative; } .datepicker--time.-am-pm- .datepicker--time-sliders { -webkit-flex: 0 1 138px; -ms-flex: 0 1 138px; flex: 0 1 138px; max-width: 138px; } .-only-timepicker- .datepicker--time { border-top: none; } .datepicker--time-sliders { -webkit-flex: 0 1 153px; -ms-flex: 0 1 153px; flex: 0 1 153px; margin-right: 10px; max-width: 153px; } .datepicker--time-label { display: none; font-size: 12px; } .datepicker--time-current { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 14px; text-align: center; margin: 0 0 0 10px; } .datepicker--time-current-colon { margin: 0 2px 3px; line-height: 1; } .datepicker--time-current-hours, .datepicker--time-current-minutes { line-height: 1; font-size: 19px; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; position: relative; z-index: 1; } .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after { content: ""; background: #f0f0f0; border-radius: 4px; position: absolute; left: -2px; top: -3px; right: -2px; bottom: -2px; z-index: -1; opacity: 0; } .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after { opacity: 1; } .datepicker--time-current-ampm { text-transform: uppercase; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; color: #9b9b9b; margin-left: 6px; font-size: 11px; margin-bottom: 1px; } .datepicker--time-row { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 11px; height: 17px; background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; } .datepicker--time-row:first-child { margin-bottom: 4px; } .datepicker--time-row input[type=range] { background: none; cursor: pointer; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; padding: 0; margin: 0; -webkit-appearance: none; } .datepicker--time-row input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; } .datepicker--time-row input[type=range]::-ms-tooltip { display: none; } .datepicker--time-row input[type=range]:hover::-webkit-slider-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type=range]:hover::-moz-range-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type=range]:hover::-ms-thumb { border-color: #b8b8b8; } .datepicker--time-row input[type=range]:focus { outline: none; } .datepicker--time-row input[type=range]:focus::-webkit-slider-thumb { background: #0B7BC1; border-color: #0B7BC1; } .datepicker--time-row input[type=range]:focus::-moz-range-thumb { background: #0B7BC1; border-color: #0B7BC1; } .datepicker--time-row input[type=range]:focus::-ms-thumb { background: #0B7BC1; border-color: #0B7BC1; } .datepicker--time-row input[type=range]::-webkit-slider-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: white; cursor: pointer; transition: background 0.2s; } .datepicker--time-row input[type=range]::-moz-range-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: white; cursor: pointer; transition: background 0.2s; } .datepicker--time-row input[type=range]::-ms-thumb { box-sizing: border-box; height: 12px; width: 12px; border-radius: 3px; border: 1px solid #dedede; background: white; cursor: pointer; transition: background 0.2s; } .datepicker--time-row input[type=range]::-webkit-slider-thumb { margin-top: -6px; } .datepicker--time-row input[type=range]::-webkit-slider-runnable-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type=range]::-moz-range-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type=range]::-ms-track { border: none; height: 1px; cursor: pointer; color: transparent; background: transparent; } .datepicker--time-row input[type=range]::-ms-fill-lower { background: transparent; } .datepicker--time-row input[type=range]::-ms-fill-upper { background: transparent; } .datepicker--time-row span { padding: 0 12px; } .datepicker--time-icon { color: #9b9b9b; border: 1px solid; border-radius: 50%; font-size: 16px; position: relative; margin: 0 5px -1px 0; width: 1em; height: 1em; } .datepicker--time-icon:after, .datepicker--time-icon:before { content: ""; background: currentColor; position: absolute; } .datepicker--time-icon:after { height: 0.4em; width: 1px; left: calc(50% - 1px); top: calc(50% + 1px); -webkit-transform: translateY(-100%); transform: translateY(-100%); } .datepicker--time-icon:before { width: 0.4em; height: 1px; top: calc(50% + 1px); left: calc(50% - 1px); } .datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- { color: #dedede; } .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover { color: #c5c5c5; } .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- { color: #dedede; } .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- { color: white; background: #a2ddf6; } .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- { background: #8ad5f4; } .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.1); color: #cccccc; } .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- { background-color: rgba(92, 196, 239, 0.2); } .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty { background: none; border: none; } .time { width: 50%; min-width: 200px; margin: 25px auto; } .time__heading { text-align: center; color: white; text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.2); } .time__input { width: 100%; } .time__input .timepicker { width: 100%; font-size: 25px; padding: 10px; font-weight: 300; text-align: center; border: solid 2px #303233; color: #303233; outline: none; box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.1); } div[id^=tp_].timepicker__wrapper { opacity: 0; height: auto; min-width: 150px; max-height: 0px; overflow: hidden; position: absolute; top: calc(100% + 2px); transition: max-height 0.1s ease-in-out; background-color: white; border-radius: 0px 0px 5px 5px; border: 1px solid #bcbec0; border-top: transparent; text-align: center; margin: 0; z-index: 9; direction: ltr; } div[id^=tp_].timepicker__wrapper * { box-shadow: border-box; } div[id^=tp_].timepicker__wrapper-active { opacity: 1; max-height: 150px; padding: 15px; } div[id^=tp_].timepicker__wrapper-full > div { width: 33%; } div[id^=tp_].timepicker__wrapper > div { margin: 0px; padding: 0px; display: inline-block; text-align: center; width: 33.333%; max-width: 75px; } div[id^=tp_].timepicker__wrapper > div .display { color: #303233; font-size: 30px; font-weight: 100; line-height: 35px; margin: 0px; text-transform: uppercase; user-select: none; } div[id^=tp_].timepicker__wrapper > div .timepicker__button { margin: 15px auto; padding: 0px; background: white; cursor: pointer; background: transparent; border: solid 5px transparent; } div[id^=tp_].timepicker__wrapper > div .timepicker__button__up > div { width: 0px; height: 0px; margin: auto; border-left: solid 5px transparent; border-right: solid 5px transparent; border-bottom: solid 5px #303233; } div[id^=tp_].timepicker__wrapper > div .timepicker__button__down > div { width: 0px; height: 0px; margin: auto; border-left: solid 5px transparent; border-right: solid 5px transparent; border-top: solid 5px #303233; } .timepicker--close { position: absolute; bottom: 4px; right: 4px; cursor: pointer; padding: 5px 10px !important; border-radius: 10px; line-height: 10px; color: white; width: auto !important; background: #007560; font-weight: 600; font-size: 12px; } .timepicker--close .aria-only { position: static; } html { background-color: white; } body { font-family: "DUBAI-REGULAR", serif; font-weight: 400; background-color: white; color: #222222; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: left; direction: ltr; outline: none !important; } body.modal-open { overflow: hidden; } div { box-sizing: border-box; } a { text-decoration: none; } button { cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } strong { font-weight: bold; } .no-list { padding-right: 0px !important; padding-left: 0px !important; } .no-list li:before { content: "" !important; } .ui-dialog { font-family: "DUBAI-REGULAR" !important; background: white !important; position: fixed !important; } .ui-dialog .ui-widget-header { background: #007560 !important; border-radius: 5px !important; border: none !important; } .ui-dialog .ui-dialog-title { font-size: 13px !important; font-weight: 600 !important; } .ui-dialog .status-image { display: none !important; } .ui-dialog .ui-dialog-content { font-size: 15px !important; } .ui-dialog .ui-dialog-buttonset .ui-button { background: #007560 !important; color: white !important; padding: 4px 16px 3px !important; border-top-right-radius: 40px !important; border-bottom-right-radius: 40px !important; border-top-left-radius: 40px !important; border-bottom-left-radius: 40px !important; font-family: "DUBAI-REGULAR" !important; font-size: 16px !important; border: none !important; } em { font-style: italic; } /* homemodule */ /* globalmodule */ .m17-sectiontitle { position: relative; text-align: center; line-height: 1.5; } @media screen and (max-width: 599px) { .m17-sectiontitle + * { padding-top: 24px !important; } } @media screen and (min-width: 600px) { .m17-sectiontitle + * { padding-top: 56px; } } @media screen and (min-width: 1025px) { .m17-sectiontitle + * { padding-top: 56px; } } .m17-sectiontitle .m17-sectiontitle__colors { text-align: left; } .m17-sectiontitle .m17-sectiontitle__colors span { display: inline-block; width: 15px; height: 25px; margin: 0px 1px; } .m17-sectiontitle .m17-sectiontitle__colors .title-colors-green { background: #b5d7c2; } .m17-sectiontitle .m17-sectiontitle__colors .title-colors-red { background: #f1b9c6; } .m17-sectiontitle .m17-sectiontitle__colors .title-colors-blue { background: #b5d8ec; } .m17-sectiontitle .m17-sectiontitle__colors .title-colors-purple { background: #cfc2fd; } .m17-sectiontitle .m17-sectiontitle__colors .title-colors-brown { background: #e5d0bb; } .m17-sectiontitle.flex-between, .m17-sectiontitle.flex-center { flex-wrap: wrap; column-gap: 36px; } .m17-sectiontitle-bes.m17-sectiontitle__cta { color: #717173; } .m17-sectiontitle-bes.m17-sectiontitle__cta.button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.m17-sectiontitle-bes.m17-sectiontitle__cta, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle-bes.m17-sectiontitle__cta, .m17-sectiontitle-bes.m17-sectiontitle__cta.form-submit, .m17-sectiontitle-bes.m17-sectiontitle__cta.button--centered { background: none; } .m17-sectiontitle-bes.m17-sectiontitle__cta.button:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.m17-sectiontitle-bes.m17-sectiontitle__cta:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle-bes.m17-sectiontitle__cta:hover, .m17-sectiontitle-bes.m17-sectiontitle__cta.form-submit:hover, .m17-sectiontitle-bes.m17-sectiontitle__cta.button--centered:hover { box-shadow: none; } .m17-sectiontitle-bes.m17-sectiontitle__cta.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle-bes.m17-sectiontitle__cta:before, .m17-sectiontitle-bes.m17-sectiontitle__cta.form-submit:before { font-size: 40px; color: #007560; } .m17-sectiontitle-bes.m17-sectiontitle__cta.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle-bes.m17-sectiontitle__cta:hover:before, .m17-sectiontitle-bes.m17-sectiontitle__cta.form-submit:hover:before { color: #5a5a5a; } .m17-sectiontitle__cta.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle__cta:before, .m17-sectiontitle__cta.form-submit:before { content: "릓"; font-size: 20px; right: -24px; color: #007560; top: 2px !important; } .m17-sectiontitle__cta.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle__cta:hover:before, .m17-sectiontitle__cta.form-submit:hover:before { animation-name: none !important; } .m17-sectiontitle__cta.white { color: white !important; } .m17-sectiontitle--headcta { display: flex; align-items: center; justify-content: flex-start; } .m17-sectiontitle__title--nw { width: unset; } .m17-sectiontitle__title { text-align: left; font-weight: bold; } .m17-sectiontitle__title.m17-sectiontitle__title_center { text-align: center; margin-left: auto; margin-right: auto; } .m17-sectiontitle__title.white { color: white !important; } .m17-sectiontitle-centerlined .m17-sectiontitle__title { text-align: center !important; text-transform: none; margin-left: auto; margin-right: auto; position: relative; z-index: 1; } .m17-sectiontitle-centerlined .m17-sectiontitle__title:before { border-bottom: 1px solid #c8c8c8; -webkit-box-shadow: 0 1px 0 0 #505050; -moz-box-shadow: 0 1px 0 0 #505050; box-shadow: 0 1px 0 0 #505050; content: ""; margin: 0 auto; /* this centers the line to the full width specified */ position: absolute; top: 45%; left: 0; right: 0; width: 95%; z-index: -1; } .m17-sectiontitle-centerlined .m17-sectiontitle__title .color_ver { color: #222222; } .m17-sectiontitle-centerlined .m17-sectiontitle__title .m17-center_lined_block { background: white; padding: 0 15px; background: white; display: block; margin: auto; } .m17-sectiontitle-centerlined .m17-sectiontitle__subtitle { text-align: center !important; margin-left: auto; margin-right: auto; font-weight: 500; color: #BCBEC0; } .m17-sectiontitle__subtitle { text-align: left; margin-top: 0px; margin-bottom: 0px; color: #222222; margin-top: 16px; } .m17-sectiontitle__title--green { color: #007560; } .m17-sectiontitle__text { color: #222222; font-weight: 300; text-align: left; } .m17-sectiontitle--daterange { margin: 0; font-weight: 700; } @media screen and (max-width: 599px) { .m17-sectiontitle.flex-center, .m17-sectiontitle.flex-between { flex-flow: column; align-items: flex-start; } .m17-sectiontitle-bes.m17-sectiontitle__cta.button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.m17-sectiontitle-bes.m17-sectiontitle__cta, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle-bes.m17-sectiontitle__cta, .m17-sectiontitle-bes.m17-sectiontitle__cta.form-submit, .m17-sectiontitle-bes.m17-sectiontitle__cta.button--centered { padding-left: 0px; } .m17-sectiontitle__cta { position: absolute; top: -10px; line-height: 47px; font-size: 1em; color: #007560; right: 0; left: auto; padding: 0; } .m17-sectiontitle__cta:hover { color: #5a5a5a; } .m17-sectiontitle__title.dashboard__section { font-size: 21px !important; width: 66%; } .m17-sectiontitle__title.dashboard__section + .m17-sectiontitle__cta { right: 20px; } } @media screen and (min-width: 600px) { .m17-sectiontitle__cta { position: absolute; top: 0; line-height: 47px; font-size: 1em; color: #007560; right: 0; left: auto; padding: 0; } .m17-sectiontitle__cta:hover { color: #5a5a5a; } .m17-sectiontitle { margin-bottom: -24px; } .m17-sectiontitle__title { max-width: 83.3333333333%; } .m17-sectiontitle-bes.m17-sectiontitle__cta { position: absolute; top: 50%; margin-top: -25px; right: -22px; left: auto; } .m17-sectiontitle-bes.m17-sectiontitle__cta.button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.m17-sectiontitle-bes.m17-sectiontitle__cta, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle-bes.m17-sectiontitle__cta, .m17-sectiontitle-bes.m17-sectiontitle__cta.form-submit, .m17-sectiontitle-bes.m17-sectiontitle__cta.button--centered { background: none; } .m17-sectiontitle-bes.m17-sectiontitle__cta.button:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.m17-sectiontitle-bes.m17-sectiontitle__cta:hover, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m17-sectiontitle-bes.m17-sectiontitle__cta:hover, .m17-sectiontitle-bes.m17-sectiontitle__cta.form-submit:hover, .m17-sectiontitle-bes.m17-sectiontitle__cta.button--centered:hover { box-shadow: none; } .m17-sectiontitle__title.dashboard__section { font-size: 21px !important; width: 66%; } } @media screen and (min-width: 1025px) { .m17-sectiontitle__title { max-width: 66.6666666667%; } .m17-sectiontitle__title--green { max-width: none; } .m17-sectiontitle-centerlined .m17-sectiontitle__title { max-width: 100%; } .m17-sectiontitle-centerlined .m17-sectiontitle__title .m17-center_lined_block { max-width: 50%; } .m17-sectiontitle__cta { position: absolute; top: 0; line-height: 47px; font-size: 1em; color: #007560; right: 0; left: auto; padding: 0; } .m17-sectiontitle__cta:hover { color: #5a5a5a; } .m17-sectiontitle__strong-cta { margin-bottom: 24px; } .m17-sectiontitle__title.dashboard__section { font-size: 34px !important; } } /* globalmodule */ /* homemodule */ .m13-back-to-top { margin-top: 3px; float: right; } .m13-footer-back-to-top__link { color: #222222 !important; font-weight: 300 !important; } .m13-footer { background-color: white; } .m13-footer .grid, .m13-footer .m85-dstore-carousel_container, .m13-footer .m31-search--doormat_inner, .m13-footer .service-message__wrapper, .m13-footer .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant5 .m13-footer .m41-tabs-box__tab-items, .m13-footer .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m13-footer .m41-tabs-box__tab-items, .m13-footer .m12-bar__wrapper { position: relative; padding: 64px 0; } .m13-footer .grid:before, .m13-footer .m85-dstore-carousel_container:before, .m13-footer .m31-search--doormat_inner:before, .m13-footer .service-message__wrapper:before, .m13-footer .m41-tabs-box--variant5 .m41-tabs-box__tab-items:before, .m41-tabs-box--variant5 .m13-footer .m41-tabs-box__tab-items:before, .m13-footer .m41-tabs-box--variant4 .m41-tabs-box__tab-items:before, .m41-tabs-box--variant4 .m13-footer .m41-tabs-box__tab-items:before, .m13-footer .m12-bar__wrapper:before { border-top: solid 1px #D7D7DF; display: block; position: absolute; right: 32px; left: 32px; top: 0; } .m13-footer .grid__row, .m13-footer .form-introduction, .m13-footer .grid__row--tight { position: relative; margin-bottom: 0px; } .m13-footer .grid__row + .grid__row, .m13-footer .form-introduction + .grid__row, .m13-footer .grid__row + .form-introduction, .m13-footer .form-introduction + .form-introduction, .m13-footer .grid__row--tight + .grid__row, .m13-footer .grid__row--tight + .form-introduction, .m13-footer .grid__row + .grid__row--tight, .m13-footer .form-introduction + .grid__row--tight, .m13-footer .grid__row--tight + .grid__row--tight { margin-top: 24px; padding-top: 32px; } .m13-footer .grid__row + .grid__row:before, .m13-footer .form-introduction + .grid__row:before, .m13-footer .grid__row + .form-introduction:before, .m13-footer .form-introduction + .form-introduction:before, .m13-footer .grid__row--tight + .grid__row:before, .m13-footer .grid__row--tight + .form-introduction:before, .m13-footer .grid__row + .grid__row--tight:before, .m13-footer .form-introduction + .grid__row--tight:before, .m13-footer .grid__row--tight + .grid__row--tight:before { content: " "; border-top: solid 1px #D7D7DF; position: absolute; top: 0; } @media screen and (max-width: 599px) { .m13-footer .grid__row + .grid__row:before, .m13-footer .form-introduction + .grid__row:before, .m13-footer .grid__row + .form-introduction:before, .m13-footer .form-introduction + .form-introduction:before, .m13-footer .grid__row--tight + .grid__row:before, .m13-footer .grid__row--tight + .form-introduction:before, .m13-footer .grid__row + .grid__row--tight:before, .m13-footer .form-introduction + .grid__row--tight:before, .m13-footer .grid__row--tight + .grid__row--tight:before { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .m13-footer .grid__row + .grid__row:before, .m13-footer .form-introduction + .grid__row:before, .m13-footer .grid__row + .form-introduction:before, .m13-footer .form-introduction + .form-introduction:before, .m13-footer .grid__row--tight + .grid__row:before, .m13-footer .grid__row--tight + .form-introduction:before, .m13-footer .grid__row + .grid__row--tight:before, .m13-footer .form-introduction + .grid__row--tight:before, .m13-footer .grid__row--tight + .grid__row--tight:before { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .m13-footer .grid__row + .grid__row:before, .m13-footer .form-introduction + .grid__row:before, .m13-footer .grid__row + .form-introduction:before, .m13-footer .form-introduction + .form-introduction:before, .m13-footer .grid__row--tight + .grid__row:before, .m13-footer .grid__row--tight + .form-introduction:before, .m13-footer .grid__row + .grid__row--tight:before, .m13-footer .form-introduction + .grid__row--tight:before, .m13-footer .grid__row--tight + .grid__row--tight:before { margin-left: 16px; margin-right: 16px; } } .m13-footer .grid__row + .grid__row:before, .m13-footer .form-introduction + .grid__row:before, .m13-footer .grid__row + .form-introduction:before, .m13-footer .form-introduction + .form-introduction:before, .m13-footer .grid__row--tight + .grid__row:before, .m13-footer .grid__row--tight + .form-introduction:before, .m13-footer .grid__row + .grid__row--tight:before, .m13-footer .form-introduction + .grid__row--tight:before, .m13-footer .grid__row--tight + .grid__row--tight:before { width: calc(100% - 32px); } .m13-footer .grid__column, .m13-footer .dashboard__account-selector, .m13-footer .dashboard__user-widget { position: relative; } .m13-footer--medialinks_item { display: inline-block; width: 33px; height: 33px; padding: 2px 2px; overflow: hidden; } .m13-footer--medialinks_item a { z-index: 2; position: relative; display: block; width: 100%; height: 100%; text-indent: 10000px; white-space: nowrap; color: #222222; } .m13-footer--medialinks_item:before { position: absolute; top: 0px; left: 0; width: 33px; height: 33px; border-radius: 3px; color: #222222; display: table; text-align: center; line-height: 33px; transition: 0.25s all; } .m13-footer--medialinks_item:hover:before { background-color: white; color: #007560; } .m13-footer--medialinks_item.twitter { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m13-footer--medialinks_item.twitter:before { content: "륧"; font-size: 18px; } .m13-footer--medialinks_item.twitter { width: 20px; height: 20px; top: -5px; right: 6px; } .m13-footer--medialinks_item.twitter:before { color: white; background-color: #222222; border-radius: 50%; height: 20px; width: 20px; line-height: 20px; display: flex; align-items: center; justify-content: center; } .m13-footer--medialinks_item.facebook { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m13-footer--medialinks_item.facebook:before { content: "륗"; font-size: 32px; } .m13-footer--medialinks_item.instagram { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m13-footer--medialinks_item.instagram:before { content: "륖"; font-size: 30px; } .m13-footer--medialinks_item.youtube { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m13-footer--medialinks_item.youtube:before { content: "\e60f"; font-size: 28px; } .m13-footer--medialinks_item.youtube { position: relative; top: 1px; } .m13-footer--medialinks_item.linkedin { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m13-footer--medialinks_item.linkedin:before { content: "륕"; font-size: 18px; } .m13-footer--medialinks_item.linkedin a { top: -18px; } .m13-footer--medialinks_item.linkedin:before { position: relative; top: 8px; color: white; background-color: #222222; height: 18px; width: 18px; line-height: 18px; display: flex; align-items: center; justify-content: center; font-size: 18px; left: 4px; } .m13-footer--medialinks_item.snapchat { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m13-footer--medialinks_item.snapchat:before { content: "륔"; font-size: 28px; } .m13-footer--links_list { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; column-gap: 48px; row-gap: 16px; } .align_right .m13-footer--links_list { justify-content: flex-end; } .m13-footer--links_item a { color: #222222; } .m13-footer--links_item a:hover { text-decoration: underline; color: #007560; } .m13-footer--msg-list { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; } .m13-footer--msg { display: inline-flex; gap: 24px; color: #6F6F6F; } .m13-footer--floating { background-color: rgb(255, 255, 255); box-shadow: 0px -4px 20px 4px rgba(0, 0, 0, 0.04); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); position: fixed; height: 64px; left: 0; right: 0; bottom: 0; z-index: 9992; display: flex; align-items: center; justify-content: space-between; transition: bottom 0.4s ease-in-out; } .m13-footer--floating.scroll { bottom: -72px; transition: bottom 0.2s ease-in-out; overflow: visible; } .m13-footer--floating_inner { padding-left: 24px; padding-right: 24px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .m13-footer--floating_item { display: flex; align-items: center; } .m13-footer--floating_link { display: flex; align-items: center; justify-content: space-between; color: #222222; font-weight: 600; position: relative; height: 32px; padding-left: 28px; } .m13-footer--floating_link:before { font-size: 32px; position: absolute; top: calc((100% - 50px) / 2); left: -4px; } .m13-footer--floating_link:not(.green):before { color: #6F6F6F; } .m13-footer--floating_link.m13-footer--floating_link--2 { border-left: solid 1px #dcdcdc; padding-left: 48px; margin-left: 16px; } .m13-footer--floating_link.m13-footer--floating_link--2:before { left: 12px; } .m13-footer--floating_link.happiness { color: #007560; padding: 0; } .m13-footer--floating_link.happiness:before { font-size: 44px; position: static; margin-top: -6px; margin-right: -6px; } .m13-footer--floating_link.rammas { padding-left: 16px; padding-right: 16px; } .m13-footer--floating_link.rammas:not(.gpt-link).has-notif { position: relative; } .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before { content: attr(data-hasnotif); width: 16px; height: 16px; background-color: #B00020; border-radius: 50%; border: solid 2px white; position: absolute; display: flex; align-items: center; justify-content: center; color: white; left: 40px; top: -6px; } .m13-footer--floating_link.rammas img { height: 40px; } .m13-footer--floating_link.rammas img + * { margin-left: 8px; } .rammas-text-small { color: #222222; } .rammas-text-large { font-weight: 400; color: #6F6F6F; } .m13-footer--floating_link.rammas.gpt-link { height: 64px; background-color: #F2F3F3; padding: 0 24px; padding-left: 6px; box-sizing: border-box; border: none; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-large { color: #222222; font-weight: bold; display: flex; align-items: center; justify-content: flex-start; margin-bottom: 3px; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-large .rammas-text-large__img { height: 16px; margin-right: 4px; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-small { color: #222222; padding-left: 22px; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span { padding: 0px 8px; background-color: #0B7BC1; color: white; font-weight: 300; border-radius: 20px; line-height: 24px; margin: 0 0px 0 4px; } .m13-footer--floating_link.m13-footer_linktrigger--mobile { display: none; } .m13-footer--floating_link--o4, .m13-footer--floating_link--ai { padding-left: 16px !important; } .m13-footer--floating_link--o4 img, .m13-footer--floating_link--ai img { width: 36px; height: auto; } .m13-footer--floating_link--dubaiae { padding-left: 16px !important; } .m13-footer--floating_link--dubaiae img { width: auto; height: 16px; } .mha-tr .m13-footer--floating, .mha-lh .m13-footer--floating { height: unset; } .mha-tr .m13-footer--floating.scroll, .mha-lh .m13-footer--floating.scroll { bottom: -150px; } .mha-tr .m13-footer--floating_link, .mha-lh .m13-footer--floating_link { height: unset; } .mha-tr .m13-footer--floating_link.rammas.gpt-link, .mha-lh .m13-footer--floating_link.rammas.gpt-link { height: unset; } @media screen and (min-width: 600px) { .m13-back-to-top { margin-top: 2px; margin-left: 20px; margin-right: -5px; } .m13-footer .grid, .m13-footer .m85-dstore-carousel_container, .m13-footer .m31-search--doormat_inner, .m13-footer .service-message__wrapper, .m13-footer .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant5 .m13-footer .m41-tabs-box__tab-items, .m13-footer .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m13-footer .m41-tabs-box__tab-items, .m13-footer .m12-bar__wrapper { padding: 64px 0 75px; } .m13-footer .align_right { text-align: right; } .m13-footer--medialinks_list { margin: 0; } } @media screen and (max-width: 1024px) { .m13-footer--floating { background-color: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; height: auto; bottom: 24px; } .m13-footer--floating .mobile-hide { display: none !important; } .m13-footer--floating_inner { width: 100%; padding-left: 16px; padding-right: 16px; } .m13-footer--floating_link { padding: 0 !important; margin: 0 !important; width: 48px; height: 48px !important; background-color: white; border: none !important; border-radius: 50%; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; } .m13-footer--floating_link:before { position: static; font-size: 24px; } .m13-footer--floating_link + .m13-footer--floating_link { margin-left: 8px !important; } .m13-footer--floating_link.happiness:before { font-size: 36px; margin: -4px 0 0; } .m13-footer--floating_link.icon-b-qmark:before { font-size: 36px; margin-top: -4px; } .m13-footer--floating_link.icon-b-services-sdg:before { font-size: 30px; margin-top: -4px; } .m13-footer--floating_link.rammas img { height: 24px; } .m13-footer--floating_linkmobile-hide { display: none; } .m13-footer--floating_linkmobile-hide.m13-footer--floating_link--o4 { display: flex; align-items: center; justify-content: center; } .m13-footer--floating_linkmobile-hide.m13-footer--floating_link--o4 img { width: 24px; } .m13-footer--floating_link--ai img { width: 24px; } .m13-footer--floating_link.rammas { border-radius: 50%; } .m13-footer--floating_link.rammas .m13-footer--floating_rammastext { display: none; } .m13-footer--floating_link.rammas.gpt-link { height: 48px; width: auto; border-radius: 50px; background-color: white; padding: 0 14px 0 6px !important; } .m13-footer--floating_link.rammas.gpt-link .m13-footer--floating_rammastext { display: block; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-small { font-size: 10px; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span { box-shadow: 0px -4px 20px 4px rgba(0, 0, 0, 0.1); position: absolute; top: -10px; right: -10px; } .m13-footer--floating_link--dubaiae img.desktop-hide { display: block !important; height: 30px; } } @media screen and (max-width: 599px) { .m13-footer .grid, .m13-footer .m85-dstore-carousel_container, .m13-footer .m31-search--doormat_inner, .m13-footer .service-message__wrapper, .m13-footer .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant5 .m13-footer .m41-tabs-box__tab-items, .m13-footer .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m13-footer .m41-tabs-box__tab-items, .m13-footer .m12-bar__wrapper { padding: 40px 0 78px; } .m13-footer .grid:before, .m13-footer .m85-dstore-carousel_container:before, .m13-footer .m31-search--doormat_inner:before, .m13-footer .service-message__wrapper:before, .m13-footer .m41-tabs-box--variant5 .m41-tabs-box__tab-items:before, .m41-tabs-box--variant5 .m13-footer .m41-tabs-box__tab-items:before, .m13-footer .m41-tabs-box--variant4 .m41-tabs-box__tab-items:before, .m41-tabs-box--variant4 .m13-footer .m41-tabs-box__tab-items:before, .m13-footer .m12-bar__wrapper:before { left: 0; right: 0; } .m13-footer .grid__row + .grid__row, .m13-footer .form-introduction + .grid__row, .m13-footer .grid__row + .form-introduction, .m13-footer .form-introduction + .form-introduction, .m13-footer .grid__row--tight + .grid__row, .m13-footer .grid__row--tight + .form-introduction, .m13-footer .grid__row + .grid__row--tight, .m13-footer .form-introduction + .grid__row--tight, .m13-footer .grid__row--tight + .grid__row--tight { display: flex; flex-flow: column-reverse; padding-top: 24px; } .m13-footer .grid__row + .grid__row:before, .m13-footer .form-introduction + .grid__row:before, .m13-footer .grid__row + .form-introduction:before, .m13-footer .form-introduction + .form-introduction:before, .m13-footer .grid__row--tight + .grid__row:before, .m13-footer .grid__row--tight + .form-introduction:before, .m13-footer .grid__row + .grid__row--tight:before, .m13-footer .form-introduction + .grid__row--tight:before, .m13-footer .grid__row--tight + .grid__row--tight:before { width: 100%; } .m13-footer .grid__row .grid__column--4 .m13-footer--links_list, .m13-footer .form-introduction .grid__column--4 .m13-footer--links_list, .m13-footer .grid__row--tight .grid__column--4 .m13-footer--links_list { justify-content: space-between; } .m13-footer .grid__column, .m13-footer .dashboard__account-selector, .m13-footer .dashboard__user-widget { height: auto; } .m13-footer .grid__column--4 { width: 100%; } .m13-footer .align_right { text-align: center !important; } .m13-footer--links_list { row-gap: 24px; column-gap: 10px; flex-flow: column; align-items: flex-start; } .m13-footer--msg-list { align-items: flex-start; margin-top: 24px; gap: 1.5em; } .m13-footer--msg { flex-flow: column; gap: 24px; } .m13-footer--medialinks_list { margin: 32px 0 0px; text-align: left; } .m13-footer--medialinks-desc { margin-bottom: 16px; } .m13-footer--floating_link--o4 { padding: 0 !important; justify-content: center; } .m13-footer--floating_inner { align-items: flex-end; } .m13-footer--floating_link.rammas { border-radius: 50%; } .m13-footer--floating_link.rammas .m13-footer--floating_rammastext { display: none; } .m13-footer--floating_link.rammas img { height: 24px; } .m13-footer--floating_link.rammas.gpt-link { height: 48px; width: 48px; border-radius: 50%; background-color: white; transition-delay: 0.125s; padding: 0 !important; } .m13-footer--floating_link.rammas.gpt-link .m13-footer--floating_rammastext { display: none; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-small { font-size: 12px; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-small span { box-shadow: 0px -4px 20px 4px rgba(0, 0, 0, 0.1); position: absolute; top: -10px; right: -10px; } .m13-footer--floating_link.rammas:not(.gpt-link).has-notif:before { left: 26px; top: 6px; } .m13-footer--floating_link.m13-footer_linktrigger--mobile { display: flex; align-items: center; justify-content: center; color: #007560; } .m13-footer--floating_link.m13-footer_linktrigger--mobile:before { content: "뤯"; font-family: "iconfont"; font-size: 36px; position: relative; left: auto; right: auto; top: -2px; font-weight: 400; } .m13-footer--floating_link--dubaiae img { height: 30px; } .m13-footer--floating_item.m13-footer--floating_itemmobile { position: relative; flex-flow: column; gap: 0px; padding: 12px; border-radius: 50px; background-color: transparent; bottom: -12px; right: -12px; } .m13-footer--floating_item.m13-footer--floating_itemmobile .m13-footer--floating_link + .m13-footer--floating_link { margin: 0 !important; } .m13-footer--floating_item.m13-footer--floating_itemmobile .m13-footer--floating_link:not(.m13-footer_linktrigger--mobile) { transform: scale(0); transform-origin: center; width: 0; height: 0 !important; transition: 0.25s all ease-in-out; } .m13-footer--floating_item.m13-footer--floating_itemmobile.active { gap: 8px; background-color: white; box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2); } .m13-footer--floating_item.m13-footer--floating_itemmobile.active .m13-footer--floating_link:not(.m13-footer_linktrigger--mobile) { transform: scale(1); width: 48px; height: 48px !important; } .m13-footer--floating_item.m13-footer--floating_itemmobile.active .m13-footer_linktrigger--mobile { box-shadow: none; background-color: transparent; } .m13-footer--floating_item.m13-footer--floating_itemmobile.active .m13-footer_linktrigger--mobile:before { content: "\e608"; top: 0; } } @media screen and (min-width: 1025px) { .m13-footer .grid, .m13-footer .m85-dstore-carousel_container, .m13-footer .m31-search--doormat_inner, .m13-footer .service-message__wrapper, .m13-footer .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant5 .m13-footer .m41-tabs-box__tab-items, .m13-footer .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m13-footer .m41-tabs-box__tab-items, .m13-footer .m12-bar__wrapper { padding: 64px 0 75px; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-large { margin-top: -2px; } .m13-footer--floating_link.rammas.gpt-link .rammas-text-small { line-height: 1em; display: inline-block; } } /* for accessibility */ .invert #happiness-indicator-wrapper { background-color: #000000; border: 1px solid; border-bottom: none; } .mha-hlink .m13-footer--medialinks_item:before { color: yellow !important; z-index: 3; } .mha-dark .m13-footer--medialinks_item:hover:before { background-color: transparent !important; } .mha-light .m13-footer--medialinks_item.twitter:before, .mha-light .m13-footer--medialinks_item.linkedin:before { color: #fff !important; } /* homemodule */ .m5-teaser--grey { background-color: #F6F6F6; } /* for accessibility */ .invert .m5-teaser { background-color: white; } .invert .m5-teaser .teaser__link .teaser__title, .invert .m5-teaser .teaser__link:hover .teaser__title, .invert .m5-teaser .teaser__link:focus .teaser__title { color: #222222; } /* homemodule */ .m6-teaser { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; line-height: 24px; text-align: center; background-color: white; box-shadow: 0 1px 6px 0 #9B9B9B; border-radius: 3px; } .m6-teaser.m6-teaser--spacer { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; background: none; box-shadow: none !important; } .m6-teaser .icon, .m6-teaser .m95-power-outage_card-status:before, .m6-teaser .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .m6-teaser .slick-next:before, .m6-teaser .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .m6-teaser .slick-prev:before, .m6-teaser .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .m6-teaser .slick-next:before, .m6-teaser .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .m6-teaser .slick-prev:before, .m6-teaser .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .m6-teaser .button--survey-active:before, .m6-teaser .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .m6-teaser .slick-next:before, .m6-teaser .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .m6-teaser .slick-prev:before, .m6-teaser .toggle-menu__trigger, .m6-teaser .toggle-menu--active .toggle-menu__title[class*=icon-], .toggle-menu--active .m6-teaser .toggle-menu__title[class*=icon-] { padding-top: 45px; } .m6-teaser .icon:before, .m6-teaser .m95-power-outage_card-status:before, .m6-teaser .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .m6-teaser .slick-next:before, .m6-teaser .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .m6-teaser .slick-prev:before, .m6-teaser .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .m6-teaser .slick-next:before, .m6-teaser .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .m6-teaser .slick-prev:before, .m6-teaser .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .m6-teaser .button--survey-active:before, .m6-teaser .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .m6-teaser .slick-next:before, .m6-teaser .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .m6-teaser .slick-prev:before, .m6-teaser .toggle-menu__trigger:before, .m6-teaser .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .m6-teaser .toggle-menu__title[class*=icon-]:before { font-size: 80px; color: #007560; } .m6-teaser:hover, .m6-teaser:focus { box-shadow: 0 1px 10px 0 #9B9B9B; } .m6-teaser.m6-teaser--spacer:hover, .m6-teaser.m6-teaser--spacer:focus { background: white; box-shadow: none; } .m6-teaser__image { max-width: 80px; } .m6-teaser__title { font-weight: bold; color: #222222; vertical-align: top; margin: 10px 0; max-height: 4.4em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m6-teaser__date { font-weight: bold; } .m6-teaser.teaser__link + [id*=unyco] { display: none; } .m6-teaser__text { font-weight: 600; max-height: 6em; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .m6-teaser--background { background-size: cover !important; position: relative; background-color: #000 !important; } .m6-teaser--background .m6-teaser__content { position: relative; z-index: 1; } .m6-teaser--background .m6-teaser__btext, .m6-teaser--background .m6-teaser__title { color: #777779; } .m6-teaser--background:after { content: ""; } .m6-teaser--background-gradient-1 { background: rgb(245, 245, 245) !important; background: -moz-linear-gradient(left, rgb(245, 245, 245) 0%, rgba(95, 168, 144, 0.3) 100%) !important; background: -webkit-linear-gradient(left, rgb(245, 245, 245) 0%, rgba(95, 168, 144, 0.3) 100%) !important; background: linear-gradient(to right, rgb(245, 245, 245) 0%, rgba(95, 168, 144, 0.3) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#5fa890', GradientType=1) !important; } .m6-teaser--background-gradient-2 { background: rgb(245, 245, 245) !important; background: -moz-linear-gradient(14.33deg, #BDF3F9 -2.15%, #FAF9DF 94.65%, #FAF9DF 94.65%) !important; background: -webkit-linear-gradient(14.33deg, #BDF3F9 -2.15%, #FAF9DF 94.65%, #FAF9DF 94.65%) !important; background: linear-gradient(14.33deg, #BDF3F9 -2.15%, #FAF9DF 94.65%, #FAF9DF 94.65%) !important; } .m6-teaser__title-img { padding-top: 60px; margin-bottom: 16px; max-width: 100%; } .m6-teaser__title-img.m6-teaser__title-img-large { padding-top: 30px; height: 50px; } .m6-teaser__title-img.m6-teaser__title-img-large-2 { padding-top: 55px; height: auto; max-width: 170px; } .m6-teaser__btext { color: #222222; } .m6-teaser--dashboard { min-height: 202px !important; color: #222222 !important; margin-bottom: 32px; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); } .m6-teaser--dashboard .icon, .m6-teaser--dashboard .m95-power-outage_card-status:before, .m6-teaser--dashboard .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .m6-teaser--dashboard .button--survey-active:before, .m6-teaser--dashboard .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .toggle-menu__trigger, .m6-teaser--dashboard .toggle-menu--active .toggle-menu__title[class*=icon-], .toggle-menu--active .m6-teaser--dashboard .toggle-menu__title[class*=icon-] { padding-top: 55px !important; } .m6-teaser--dashboard .icon:before, .m6-teaser--dashboard .m95-power-outage_card-status:before, .m6-teaser--dashboard .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .m6-teaser--dashboard .button--survey-active:before, .m6-teaser--dashboard .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .toggle-menu__trigger:before, .m6-teaser--dashboard .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .m6-teaser--dashboard .toggle-menu__title[class*=icon-]:before { font-size: 50px !important; } .m6-teaser--dashboard img { max-height: 50px; } .m6-teaser--dashboard .m6-teaser__title { font-size: 16px !important; margin: 4px 0 !important; } .m6-teaser--dashboard .m6-teaser__text { padding: 0 !important; -webkit-line-clamp: 2; max-height: 2.5em; } .m6-teaser--dashboard:last-child { margin: 0; } .m6-teaser--dashboard2 { min-height: 0px !important; margin-bottom: 15px; padding: 0 8px; } .m6-teaser--dashboard2 .m6-teaser__content { padding: 12px; position: relative; } .m6-teaser--dashboard2 .m6-teaser__content:before { position: absolute; left: 30px; font-size: 32px; } .m6-teaser--dashboard2 .m6-teaser__content.icon-b-shams:before { font-size: 36px; } .m6-teaser--dashboard2 .m6-teaser__title { padding-left: 60px; text-align: left; margin: 4px 0; } .m6-teaser--dashboard2.MSLP15-grid { background-color: #007560; } .m6-teaser--dashboard2.MSLP15-grid .m6-teaser__title { color: white; } .m6-teaser--dashboard2.MSLP15-grid .m6-teaser__content:before { color: white; } body.invert .m6-teaser--dashboard2.MSLP15-grid .m6-teaser__title { color: #000; } body.invert .m6-teaser--dashboard2.MSLP15-grid .m6-teaser__content:before { color: #000; } .m6-teaser--variant { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); border: 0.5px solid #DADADA; } .m6-teaser--variant:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .m6-teaser--variant .m6-teaser__content.icon:before, .m6-teaser--variant .m6-teaser__content.m95-power-outage_card-status:before, .m6-teaser--variant .m19-ql-carousel__container .m6-teaser__content.slick-next:before, .m19-ql-carousel__container .m6-teaser--variant .m6-teaser__content.slick-next:before, .m6-teaser--variant .m19-ql-carousel__container .m6-teaser__content.slick-prev:before, .m19-ql-carousel__container .m6-teaser--variant .m6-teaser__content.slick-prev:before, .m6-teaser--variant .m85-dstore-carousel_container .m6-teaser__content.slick-next:before, .m85-dstore-carousel_container .m6-teaser--variant .m6-teaser__content.slick-next:before, .m6-teaser--variant .m85-dstore-carousel_container .m6-teaser__content.slick-prev:before, .m85-dstore-carousel_container .m6-teaser--variant .m6-teaser__content.slick-prev:before, .m6-teaser--variant .survey_wrapper .survey-button-wrapper .m6-teaser__content.button--survey-active:before, .survey_wrapper .survey-button-wrapper .m6-teaser--variant .m6-teaser__content.button--survey-active:before, .m6-teaser--variant .m3-teaser-carousel__container .m6-teaser__content.slick-next:before, .m3-teaser-carousel__container .m6-teaser--variant .m6-teaser__content.slick-next:before, .m6-teaser--variant .m3-teaser-carousel__container .m6-teaser__content.slick-prev:before, .m3-teaser-carousel__container .m6-teaser--variant .m6-teaser__content.slick-prev:before, .m6-teaser--variant .m6-teaser__content.toggle-menu__trigger:before, .m6-teaser--variant .toggle-menu--active .m6-teaser__content.toggle-menu__title[class*=icon-]:before, .toggle-menu--active .m6-teaser--variant .m6-teaser__content.toggle-menu__title[class*=icon-]:before { font-size: 160px; } .m6-teaser--variant .m6-teaser__title { font-weight: 600; } .m6-teaser--variant .m6-teaser__text { font-weight: 300; color: #717173; line-height: 1.5em; max-height: 4.5em; height: 4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding: 0; } .m6-teaser--variant .m6-teaser--footer_link { display: block; margin: 16px auto; background-color: #E8F3EC; border-radius: 5px; font-weight: 600; color: #222222; padding: 16px; transition: 0.25s all; } .m6-teaser--variant .m6-teaser--footer_link:hover { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .m6-teaser2 { color: #222222; float: left; text-align: center; border: solid 1px #D2D2D7; border-radius: 10px; box-sizing: border-box; padding: 24px; } .m6-teaser2:nth-child(3n+1) { clear: left; } .m6-teaser2.m6-teaser--cs { width: calc((100% - 48px) / 3); margin-right: 24px; margin-bottom: 24px; } .m6-teaser2.m6-teaser--cs:nth-child(3n) { margin-right: 0px; margin-left: 0px; } .m6-teaser2.m6-teaser--cs:nth-last-child(-n+3) { margin-bottom: 0px; } .m6-teaser2 .m6-teaser2--icon { height: 55px; width: auto; } .m6-teaser2 .m6-teaser2--title { font-weight: 300; margin-top: 12px; } .m6-teaser2 .m6-teaser2--desc { color: #595959; line-height: 1.25; margin-top: 12px; height: 5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } a.m6-teaser2:hover { border-color: #007560; } .j169-cs--sectioncontent.contactsupport { display: flex; align-items: stretch; justify-content: space-between; gap: 24px; } .j169-cs--sectioncontent.contactsupport:before, .j169-cs--sectioncontent.contactsupport:after { content: none; } .j169-cs--sectioncontent.contactsupport .m6-teaser2 { aspect-ratio: 5/6; } .j169-cs--sectioncontent.contactsupport .m6-teaser2 .m6-teaser2--desc, .j169-cs--sectioncontent.contactsupport .m6-teaser2 .m6-teaser2--title { margin-top: 24px; } .j169-cs--sectioncontent.contactsupport .m6-teaser2 .m6-teaser2--desc { max-height: 7.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; height: 6.25em; } .j169-cs--sectioncontent.contactsupport .m6-teaser2:nth-child(3n+1) { clear: none; } .j169-cs--sectioncontent.contactsupport .m6-teaser2:nth-child(4n+1) { clear: left; } .j169-cs--sectioncontent.contactsupport .m6-teaser2.m6-teaser--cs { width: auto; flex: 1; margin-right: 0px; margin-bottom: 0px; justify-content: start; } .j169-cs--sectioncontent.contactsupport .m6-teaser2.m6-teaser--cs:nth-child(4n) { margin-right: 0px; margin-left: 0px; } .j169-cs--sectioncontent.contactsupport .m6-teaser2.m6-teaser--cs:nth-last-child(-n+4) { margin-bottom: 0px; } .m6-teaser--red { border-color: #B00020; background-color: #fcf8f9; } .m6-teaser--red:hover { border-color: #B00020 !important; } .m6-teaser3 { color: #222222; float: left; border: solid 1px #D2D2D7; border-radius: 10px; box-sizing: border-box; padding: 24px 16px; display: flex; } .m6-teaser3:hover { border-color: #007560; } .m6-teaser3:nth-child(3n+1) { clear: left; } .m6-teaser3.m6-teaser--cs { width: 100%; margin-right: 24px; margin-bottom: 24px; } .m6-teaser3.m6-teaser--cs:last-child { margin-right: 0px; margin-left: 0px; } .m6-teaser3.m6-teaser--cs .m6-teaser3--icon + .m6-teaser3--content { margin-left: 16px; } .m6-teaser3 .m6-teaser3--content { margin-left: 16px; } .m6-teaser3 .m6-teaser3--title { font-weight: 600; } .m6-teaser3--desc { color: #595959; font-weight: 300; line-height: 1.25; margin-top: 4px; } .m6-teaser--backgroundcentered { background-size: cover; } .m6-teaser--backgroundcentered:hover { background-size: cover; } .m6-teaser--dashboard_wrapper { display: flex; flex-flow: column; align-items: stretch; justify-content: flex-start; height: 100%; } .m6-teaser--nav { display: flex; align-items: center; justify-content: flex-start; gap: 20px; padding: 20px; text-align: left; margin: 0; font-weight: 700; } .m6-teaser--nav:after { content: "亂"; font-family: "iconfont"; transform: rotateZ(90deg); font-size: 32px; font-weight: normal; } .m6-teaser--nav_icon { display: flex; align-items: center; justify-content: center; padding: 8px; aspect-ratio: 1; font-weight: normal; color: #007560; background-color: #d3e5e1; border-radius: 10px; } .m6-teaser--nav_icon:before { font-size: 36px; } @media screen and (max-width: 1024px) { .m6-teaser2 { padding: 8px; min-height: 120px; } .m6-teaser2 .m6-teaser2--icon { max-width: 45px; } .m6-teaser2 .m6-teaser2--title { font-size: 1em; } .m6-teaser2.m6-teaser2--fullwidthmobile { width: 100%; margin: 0; } .m6-teaser2.m6-teaser2--fullwidthmobile + .m6-teaser2--fullwidthmobile { margin-top: 16px; } .m6-teaser2-variant .m6-teaser2--content { position: relative; padding-left: 54px; text-align: left; } .m6-teaser2-variant .m6-teaser2--icon { position: absolute; left: 0px; } .m6-teaser2-variant .m6-teaser2--title { font-size: 1.5em; } .m6-teaser3.m6-teaser--cs { width: 100%; margin: 0px; } .m6-teaser3.m6-teaser--cs + .m6-teaser--cs { margin-top: 16px; } .m6-teaser3.m6-teaser--cs:last-child { margin-bottom: 0px; } .j169-cs--sectioncontent.contactsupport { flex-flow: column; } .j169-cs--sectioncontent.contactsupport .m6-teaser2.m6-teaser--cs { width: 100%; aspect-ratio: unset; } .j169-cs--sectioncontent.contactsupport .m6-teaser2 .m6-teaser2--title { margin-top: 12px; } .j169-cs--sectioncontent.contactsupport .m6-teaser2 .m6-teaser2--desc { margin-top: 8px; } .m6-teaser--dashboard_wrapper { flex-flow: row; column-gap: 16px; flex-wrap: wrap; } .m6-teaser--dashboard_wrapper .m6-teaser--dashboard2 { width: calc((100% - 16px) / 2); box-sizing: border-box; } .m6-teaser--dashboard_wrapper .m6-teaser--nav { width: 100%; } } @media screen and (max-width: 1024px) { .m6-teaser__title-img.m6-teaser__title-img-large-2 { max-width: 100% !important; } } @media screen and (max-width: 599px) { .m6-teaser { min-height: 280px; padding: 0 8px; } .m6-teaser--nav { padding: 4px 40px; } .m6-teaser__image { width: 30%; margin: 32px 0 0; } .m6-teaser__title-img { max-width: 120px; } .m6-teaser__text { font-size: 0.875em; line-height: 18px; } .m6-teaser.m6-teaser--spacer { display: none; } .m6-teaser--dashboard { min-height: 0px !important; margin-bottom: 15px !important; } .m6-teaser--dashboard .icon, .m6-teaser--dashboard .m95-power-outage_card-status:before, .m6-teaser--dashboard .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .m6-teaser--dashboard .button--survey-active:before, .m6-teaser--dashboard .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .toggle-menu__trigger, .m6-teaser--dashboard .toggle-menu--active .toggle-menu__title[class*=icon-], .toggle-menu--active .m6-teaser--dashboard .toggle-menu__title[class*=icon-] { padding: 12px !important; position: relative; } .m6-teaser--dashboard .icon:before, .m6-teaser--dashboard .m95-power-outage_card-status:before, .m6-teaser--dashboard .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .m6-teaser--dashboard .button--survey-active:before, .m6-teaser--dashboard .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .m6-teaser--dashboard .slick-next:before, .m6-teaser--dashboard .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .m6-teaser--dashboard .slick-prev:before, .m6-teaser--dashboard .toggle-menu__trigger:before, .m6-teaser--dashboard .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .m6-teaser--dashboard .toggle-menu__title[class*=icon-]:before { position: absolute; position: absolute; left: 30px; font-size: 2em !important; } .m6-teaser--dashboard .m6-teaser__title { padding-left: 60px; text-align: left; } .m6-teaser--dashboard img { position: absolute; left: 36px; max-height: 24px; top: 16px; } .m6-mobilelink { pointer-events: auto; } .m6-teaser--dashboard_wrapper { flex-flow: column; } .m6-teaser--dashboard_wrapper .m6-teaser--dashboard2 { width: 100%; } } @media screen and (min-width: 600px) { .m6-teaser { min-height: 300px; padding: 0 16px; } .m6-teaser--nav { padding: 4px 48px; } .m6-teaser__image { width: 60%; margin: 32px 0 0; } .m6-teaser__title { margin: 16px 0; } .m6-mobilelink { pointer-events: none; } .m6-teaser__content.m6-title-height .m6-teaser__title { max-height: none; -webkit-line-clamp: 6; } .m6-teaser__content.m6-title-height-image + .m6-teaser__title { max-height: none; -webkit-line-clamp: 6; } } @media screen and (min-width: 1025px) { .m6-teaser { min-height: 300px; padding: 0 22px; } .m6-teaser__image { margin: 32px 0 0; } .m6-teaser__title-img.m6-teaser__title-img-large { height: 80px; } .m6-mobilelink { pointer-events: none; } .m6-teaser--nav { padding: 20px; } } /* homemodule */ .m7-teaser { position: relative; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .m7-teaser.m7-teaser-withlogo { padding: 15px 20px; } .m7-teaser.m7-teaser-withlogo .m7-teaser__image { display: block; float: left; width: 75px; background: none; position: static; } .m7-teaser.m7-teaser-withlogo .m7-teaser__image .m7-teaser__image-item { height: 100%; width: 75px; } .m7-teaser.m7-teaser-withlogo .m7-teaser__content { float: left; padding: 0px; padding-left: 20px; width: calc(100% - 75px); } .m7-teaser.m7-teaser-withlogo .m7-teaser__content p { line-height: 24px; } .m7-teaser__content .m7-teaser_large_number { font-weight: 700; color: #076B2E; } .m7-teaser__content { padding-top: 24px; padding-bottom: 10px; padding-right: 15px; } .m7-teaser__content .teaser__title { line-height: 1; } .m7-teaser__copy { color: inherit; } .m7-teaser__content--featured { background: #007560; color: white; } .m7-teaser__content--featured-2 { background: #0068BD; color: white; } .m7-teaser__image { height: 100%; background: #F6F6F6; width: 234px; } .m7-teaser__image a { display: inline-block; } .m7-teaser__image-item { height: 234px; width: 234px; } .m7-teaser__copy + * { margin-top: 0; } .m7-teaser--variant { border-radius: 5px; overflow: hidden; display: inline-block; color: #222222; float: left; width: calc((100% - 51px) / 3); background-color: white; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .m7-teaser--variant:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m7-teaser--variant + .m7-teaser--variant { margin-left: 25px; } .m7-teaser--variant .m7-teaser__image { text-align: center; display: flex; align-items: center; vertical-align: middle; width: 40%; float: left; background-color: #f8f8f8; border-radius: 5px 0px 0px 5px; } .m7-teaser--variant .m7-teaser__image-item_wrapper { display: block; margin: 0 auto; } .m7-teaser--variant .m7-teaser__image-item { width: 90%; height: auto; margin: 0 auto; } .m7-teaser--variant .m7-teaser__content { width: 60%; float: right; padding: 12px; display: flex; align-items: center; min-height: 150px; } .m7-teaser--variant .teaser__title { font-weight: bold; color: #222222; } .m7-teaser--variant .m7-teaser__copy { line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m7-teaser-row { display: flex; flex-wrap: wrap; } .m7-teaser-row .m7-teaser__image { position: absolute; left: 0; right: auto; top: 0; max-width: 50%; width: 142px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; display: flex; align-items: center; justify-content: center; } .m7-teaser-row .m7-teaser__content { padding-left: 160px; min-height: 120px; } .m7-teaser-row .m7-teaser__content .teaser__title { font-weight: bold; } .m7-teaser-row .m7-teaser__content .m7-teaser__copy { line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .m7-teaser-row .m7-teaser { margin: 0px 0px; width: 100%; margin-top: 10px; box-shadow: none; border-radius: 5px; border: 1px solid rgba(34, 34, 34, 0.2); } .m7-teaser-row .m7-teaser + .m7-teaser { margin-left: 0px; } @media screen and (max-width: 599px) { .m7-teaser { padding: 5px; } .m7-teaser__content { padding-left: 24px; } .m7-teaser__image { display: none; } .m7-teaser--variant { width: calc((100% - 46px) / 3); } .m7-teaser--variant + .m7-teaser--variant { margin-left: 8px; } .m7-teaser--variant .m7-teaser__image { background-color: transparent; width: 100%; min-height: 80px; } .m7-teaser--variant .m7-teaser__content { display: none; } } @media screen and (min-width: 600px) { .m7-teaser { margin-left: auto; margin-right: auto; } .m7-teaser.m7-teaser-withlogo .m7-teaser__content { min-height: 200px; } .m7-teaser.m7-teaser-withlogo .m7-teaser__content .m7-teaser__content-vertical { display: table; height: 110px; } .m7-teaser.m7-teaser-withlogo .m7-teaser__content .m7-teaser__content-vertical .m7-teaser__copy { display: table-cell; vertical-align: middle; } .m7-teaser__image { position: absolute; left: 0; right: auto; top: 0; max-width: 50%; display: flex; align-items: center; overflow: hidden; } .m7-teaser__image-item { max-width: 100%; height: auto; } .m7-teaser__content { padding-left: calc(50% + 12px); } .m7-teaser--variant .m7-teaser__content { min-height: 135px; } } @media screen and (max-width: 750px) { .m7-teaser { max-width: 100%; } } @media screen and (min-width: 1025px) { .m7-teaser { max-width: none; } .m7-teaser__image { height: 100%; background-size: cover; background-position: 50% 50%; display: block; } .m7-teaser--variant { width: calc((100% - 65px) / 3); } .m7-teaser--variant .m7-teaser__content { min-height: 150px; } .m7-teaser--variant + .m7-teaser--variant { margin-left: 32px; } .m7-teaser__image { height: 100%; background: #F6F6F6; width: 234px; } .m7-teaser__image a { display: inline-block; } .m7-teaser__image-item { height: 234px; width: 234px; } .m7-teaser__content { min-height: 234px; padding-left: 259px; } .m7-teaser.m7-teaser-withlogo { padding: 25px 30px; } .m7-teaser.m7-teaser-withlogo .m7-teaser__image { width: 128px; } .m7-teaser.m7-teaser-withlogo .m7-teaser__image .m7-teaser__image-item { width: 128px; } .m7-teaser.m7-teaser-withlogo .m7-teaser__content { padding-left: 30px; min-height: 200px; width: calc(100% - 128px); } .m7-teaser-row { display: flex; align-items: stretch; flex-wrap: nowrap; } .m7-teaser-row .m7-teaser { box-shadow: none; border-radius: 5px; border: 1px solid rgba(34, 34, 34, 0.2); } .m7-teaser-row .m7-teaser + .m7-teaser { margin-left: 20px; } } /* for accessibility */ .invert .m7-teaser__content--featured-2 { background-color: #000; } /* homemodule */ .m1-hero { display: block; position: relative; margin: 0 auto; width: 100%; background: #020202; cursor: -webkit-grab; } .m1-hero:active { cursor: -webkit-grabbing; } .m1-hero .button--text, .m1-hero .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero a, .m1-hero .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero a, .m1-hero .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m1-hero a, .m1-hero .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m1-hero a, .m1-hero .button--text-centered { color: white; font-weight: 700; } .m1-hero__sub { width: 100vw; min-height: 640px; max-width: 100%; } .button + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .form-submit + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .button + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .form-submit + .form-submit, .button--centered + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .button--centered + .form-submit, .button + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .form-submit + .button--centered, .button--centered + .button--centered { margin-left: 12px; } .m1-hero .slick-list, .m1-hero .slick-track { width: 100%; height: 100%; } .m1-hero .slick-disabled { opacity: 0.1; } .m1-hero .slick-dots { display: inline; z-index: 91; width: auto; position: absolute; bottom: 156px; left: 0; right: 0; margin-left: 24px; line-height: 16px; } .m1-hero .slick-dots li { margin: 0 8px; vertical-align: middle; width: 10px; height: 10px; } .m1-hero .slick-dots li button { border: 0; background: rgba(255, 255, 255, 0.5); border-radius: 50%; height: 8px; width: 8px; color: #000; font-weight: 500; text-indent: -9999px; } .m1-hero .slick-dots li button:focus { outline: solid 2px #007560; } .m1-hero .slick-dots li.slick-active button { color: #000; background: white; opacity: 1; transform: scale(1.2); } .m1-hero__container { max-width: none; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0; background-color: #222222; } .m1-hero__carousel { width: 100%; height: 100%; opacity: 0.01; filter: alpha(opacity=1); margin-bottom: 0px; background-color: #222222; } .m1-hero__carousel-slide { position: relative; height: 100%; min-height: 400px; background-size: cover; background-position: center center; display: flex !important; align-items: flex-end; justify-content: flex-start; background-color: rgba(0, 0, 0, 0.25); background-blend-mode: overlay; padding-bottom: 132px; } .m1-hero__carousel-slide:before { content: ""; position: absolute; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%); top: 0; left: 0; right: 0; height: 250px; max-height: 25vh; } .m1-hero__carousel-slide:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 725px; max-height: 75vh; background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 9.98%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0) 100%); } .m1-hero__carousel-slide-inner { position: relative; } @media screen and (max-width: 599px) { .m1-hero__carousel-slide-inner { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m1-hero__carousel-slide-inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m1-hero__carousel-slide-inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (max-width: 599px) { .m1-hero__carousel-slide-inner { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m1-hero__carousel-slide-inner { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m1-hero__carousel-slide-inner { padding-left: 32px; padding-right: 32px; } } .m1-hero__carousel-slide-inner { margin: 0 auto; max-height: calc(100% - 160px); overflow: hidden; margin-bottom: 36px !important; z-index: 2; } .mha-tr .m1-hero__carousel-slide-inner, .mha-lh .m1-hero__carousel-slide-inner { overflow: visible; } .m1-hero__carousel-slide-gradient { position: absolute; width: 100%; height: 100%; background: transparent; background-repeat: repeat-x; background-position: bottom left; z-index: 2; top: 0; } .m1-hero__carousel-slide-image { width: 100%; max-width: 668px; float: right; margin-bottom: 12px; border-radius: 16px; } .m1-hero__carousel-slide-panel { margin: 0 auto; z-index: 3; } .m1-hero__carousel-slide-panel .button--secondary { margin-right: 34px; margin-left: 0; } .m1-hero__carousel-slide-panel-title { color: white; margin: 0px auto 4px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m1-hero__carousel-slide-panel-title + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel-title + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel-title + a, .m1-hero__carousel-slide-panel-title + .form-submit, .m1-hero__carousel-slide-panel-title + .button--centered { margin-top: 32px; } .m1-hero__carousel-slide-panel-title + .button + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel-title + a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel-title + .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel-title + a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel-title + a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel-title + .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel-title + a + a, .m1-hero__carousel-slide-panel-title + .form-submit + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel-title + .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel-title + .form-submit + a, .m1-hero__carousel-slide-panel-title + .button + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel-title + a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel-title + a + .form-submit, .m1-hero__carousel-slide-panel-title + .form-submit + .form-submit, .m1-hero__carousel-slide-panel-title + .button--centered + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel-title + .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel-title + .button--centered + a, .m1-hero__carousel-slide-panel-title + .button--centered + .form-submit, .m1-hero__carousel-slide-panel-title + .button + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel-title + a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel-title + a + .button--centered, .m1-hero__carousel-slide-panel-title + .form-submit + .button--centered, .m1-hero__carousel-slide-panel-title + .button--centered + .button--centered { margin-top: 32px; } .m1-hero__carousel-slide-panel-subtitle { color: white; margin: 8px auto 32px; font-weight: 300; line-height: 1.5; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .m1-hero__carousel-slide-panel-title.dark { color: #222222; } .m1-hero__carousel-slide-panel-text { font-weight: normal; line-height: 1.5; color: #222222; } .m1-hero__carousel-slide-panel-text--dark { color: #222222; } .m1-hero__nav-button, .m1-hero__carousel-button--next, .m1-hero__carousel-button--prev { width: 13px; height: 22px; cursor: pointer; line-height: 18px; } .m1-hero__nav-button:before, .m1-hero__carousel-button--next:before, .m1-hero__carousel-button--prev:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; color: white; font-size: 34px; position: relative; top: 11px; } .m1-hero__carousel-nav { position: absolute; bottom: 18px; z-index: 99; height: 0; width: 100%; } .m1-hero__carousel-nav-outer { text-align: center; text-align: center; display: flex; align-items: center; justify-content: space-between; height: 0; } .m1-hero__carousel-nav-inner { display: inline-block; width: 98%; } .m1-hero__carousel-button--prev { margin-right: 10px; } .m1-hero__carousel-button--prev:before { content: "\e609"; font-size: 16px; font-weight: bold; } .m1-hero__carousel-button--next { margin-left: 10px; } .m1-hero__carousel-button--next:before { content: "\e60c"; font-size: 16px; font-weight: bold; } .m1-hero__carousel-button-play-pause { display: none; bottom: 22px; margin: 0 4px; position: relative; line-height: 17px; } .m1-hero__carousel-button-play-pause svg { position: relative; top: -23px; left: -2px; transform: rotate(-90deg); } .m1-hero__carousel-button--play { border-radius: 50%; height: 8px; width: 8px; } .m1-hero__carousel-button--pause { border-radius: 50%; height: 8px; width: 8px; position: relative; } .m1-hero__carousel-button--pause svg circle { animation: revealCircle 3750ms ease infinite; } @media (hover: hover) and (pointer: fine) { .m1-hero:hover .m1-hero__carousel-button--pause svg circle { animation: unset; } } @keyframes m1-hero__hover_animation_right { 0% { right: 6px; left: initial; opacity: 0; } 100% { right: -10px; left: initial; opacity: 1; } } @keyframes m1-hero__hover_animation_left { 0% { left: 6px; opacity: 0; } 100% { left: -10px; opacity: 1; } } @keyframes revealCircle { from { stroke-dasharray: 0, 56.5; /* 56.5 is the circumference of the circle */ } to { stroke-dasharray: 56.5, 56.5; /* fully reveal the circle */ } } .m1-hero__carousel-slide-panel--inner .button, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .form-submit, .m1-hero__carousel-slide-panel--inner .button--centered { margin-bottom: 8px; max-width: 100%; text-overflow: ellipsis; } .m1-hero--variant { background: none; background-color: transparent; } .m1-hero--variant .m1-hero__carousel-slide { background-size: cover; background-position: center center; background-repeat: no-repeat; background-blend-mode: overlay; position: relative; } .m1-hero--variant .m1-hero__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0) 70%); } .m1-hero--variant .m1-hero__carousel-slide-panel--inner { text-align: left; position: absolute; bottom: 64px; } .m1-hero--variant .m1-hero__carousel-slide-panel-title { color: white; } .m1-hero--variant .m1-hero__carousel-slide-panel-subtitle { color: white; font-weight: 300; } .m1-hero--variant .m1-hero__carousel-nav { bottom: 42px; width: auto; } .m1-hero--variant .slick-dots { margin-left: 36px; } .m1-hero--variant .slick-dots li { height: 16px; width: 16px; } .m1-hero--variant .slick-dots li.slick-active button { background-color: #007560; } .m1-hero--variant .slick-dots li button { height: 16px; width: 16px; font-size: 0; } .m1-hero--variant .slick-dots li button:before { height: 16px; width: 16px; } .m1-hero--variant .slick-slider { margin-bottom: 0px; } .m1-hero--stock .m1-hero__container { background-color: #000; } .m1-hero--stock .m1-hero__carousel-slide:after { background: none; } @media screen and (max-width: 599px) { .m1-hero-stock--cardouter { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m1-hero-stock--cardouter { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m1-hero-stock--cardouter { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (max-width: 599px) { .m1-hero-stock--cardouter { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m1-hero-stock--cardouter { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m1-hero-stock--cardouter { padding-left: 32px; padding-right: 32px; } } .m1-hero-stock--cardouter { position: relative; margin: 0 auto; bottom: 60px; } .m1-hero-stock--card { background-color: rgba(255, 255, 255, 0.85); border-radius: 10px; padding: 16px; display: flex; cursor: default; } .m1-hero-stock--card_details { padding-right: 12px; border-right: solid 1px rgba(0, 0, 0, 0.2); text-align: left; } .m1-hero-stock--card_graph { position: relative; text-align: right; padding-left: 12px; } .m1-hero-stock--card_graph--update { font-weight: 300; } .m1-hero-stock--graph { width: calc(100% - 16px); position: absolute; bottom: -12px; height: 175px; } .m1-hero-stock--card_text { font-weight: 300; } .m1-hero-stock--card_text + * { margin-top: 12px; } .m1-hero-stock--card_price { font-weight: bold; } .m1-hero-stock--card_price + * { margin-top: 12px; } .m1-hero-stock--card_change { display: inline-flex; align-items: center; font-weight: 600; padding: 4px 8px; border-radius: 5px; color: white; } .m1-hero-stock--card_change + * { margin-top: 12px; } .m1-hero-stock--card_change.positive { background-color: #007560; } .m1-hero-stock--card_change.positive .icon-play { transform: rotate(-90deg); } .m1-hero-stock--card_change.negative { background-color: #B00020; } .m1-hero-stock--card_change.negative .icon-play { transform: rotate(90deg); } .m1-hero-stock--card_volume { font-weight: 600; } .m1-hero-stock--card_volume + * { margin-top: 12px; } .m1-hero__carousel-mouse { width: 16px; height: 24px; border-radius: 8px; border: 2px solid white; opacity: 0.6; position: absolute; z-index: 1; padding: 2px; left: calc((100% - 16px) / 2); } .m1-hero__carousel-mouse:before { content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; top: 0px; left: calc(50% - 3px); background: white; -webkit-animation: m-1-ball 2s cubic-bezier(0.54, 0, 0.15, 0.98) infinite; animation: m-1-ball 2s cubic-bezier(0.54, 0, 0.15, 0.98) infinite; } .m1-hero__carousel-mouse:after { content: ""; display: block; position: absolute; } @media screen and (max-width: 599px) { .m1-hero { background-color: #000; content: ""; } .m1-hero .slick-dots { bottom: 294px; } .m1-hero__carousel-slide { padding-bottom: 320px; } .m1-hero__carousel-slide-gradient { display: none; } .m1-hero .slick-dots { display: inline; z-index: 91; width: auto; position: absolute; bottom: 285px; margin-left: 24px; } .m1-hero .slick-dots li { margin: 0 3px; vertical-align: middle; width: 17px; } .m1-hero__carousel-slide-panel { position: relative; z-index: 3; bottom: auto; } .m1-hero__carousel-slide-panel .cta--red { margin: 24px 0 3px; } .m1-hero__carousel-slide-panel .m1-hero__login { display: block; } .m1-hero__carousel-slide-panel .button--secondary { margin-right: 0; margin-left: 0; } .m1-hero__carousel-slide-panel .button--text.button--next, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel a.button--next, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel a, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m1-hero__carousel-slide-panel a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m1-hero__carousel-slide-panel .PagedList-skipToNext a, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m1-hero__carousel-slide-panel a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m1-hero__carousel-slide-panel .PagedList-skipToNext a, .m1-hero__carousel-slide-panel .button--text.form-submit, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel a.form-submit, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m1-hero__carousel-slide-panel a.form-submit, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m1-hero__carousel-slide-panel a.form-submit, .m1-hero__carousel-slide-panel .button--next.button--text-centered, .m1-hero__carousel-slide-panel .button--text-centered.form-submit { padding-right: 27px; } .m1-hero__carousel-slide-panel .button--text.button--next:hover:before, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel a.button--next:hover:before, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel a:hover:before, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m1-hero__carousel-slide-panel a.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m1-hero__carousel-slide-panel .PagedList-skipToNext a:hover:before, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m1-hero__carousel-slide-panel a.button--next:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m1-hero__carousel-slide-panel .PagedList-skipToNext a:hover:before, .m1-hero__carousel-slide-panel .button--text.form-submit:hover:before, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel a.form-submit:hover:before, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m1-hero__carousel-slide-panel a.form-submit:hover:before, .m1-hero__carousel-slide-panel .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m1-hero__carousel-slide-panel a.form-submit:hover:before, .m1-hero__carousel-slide-panel .button--next.button--text-centered:hover:before, .m1-hero__carousel-slide-panel .button--text-centered.form-submit:hover:before { animation-name: m1-hero__hover_animation_right; animation-duration: 0.75s; } .m1-hero__carousel-slide-panel-text { margin-top: 0; margin-bottom: 24px; } .m1-hero__carousel-slide-panel-text, .m1-hero__carousel-slide-panel-title { color: white; text-shadow: none; } .m1-hero__carousel-slide-panel--inner { width: 100%; } .m1-hero__carousel-slide-panel--inner .button--text, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .button--text-centered { color: white; } .m1-hero__carousel-nav { bottom: 300px; } .m1-hero__carousel-slide-imagepanel { padding: 32px 0 24px; } .m1-hero__carousel-slide-panel-title, .m1-hero__carousel-slide-panel-subtitle { color: white; font-weight: 300; } .m1-hero__carousel-slide-panel-title + .m1-hero__carousel-slide-panel-text, .m1-hero__carousel-slide-panel-subtitle + .m1-hero__carousel-slide-panel-text { margin-top: 16px; } .m1-hero__carousel-slide-panel-subtitle { margin: 8px auto 24px; } .m1-hero__carousel-slide-panel-text { font-size: 1.125em; } .m1-hero__carousel-button-play-pause { cursor: pointer; height: 16px; margin: 0 4px; width: 12px; z-index: 92; bottom: 2px; } .m1-hero__carousel-button-play-pause:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; line-height: 21px; font-size: 17px; position: relative; } .m1-hero__carousel-button--play { background-position: -12px 0; border-radius: 50%; height: 17px; width: 17px; color: white; } .m1-hero__carousel-button--play:before { content: "\e614"; line-height: 21px; font-size: 17px; left: 1px; } .m1-hero__carousel-button--pause { border-radius: 50%; height: 17px; width: 17px; color: white; } .m1-hero__carousel-button--pause:before { content: "\e615"; } .m1-hero__carousel-slide-inner { width: 100%; } .m1-hero__carousel-slide-image { width: 90%; max-width: 585px; float: none; margin: 0 auto; margin-bottom: 12px; } .m1-hero--variant .m1-hero__carousel-button--pause { height: 12px; width: 12px; } .m1-hero--variant .m1-hero__carousel-button--pause, .m1-hero--variant .m1-hero__carousel-button--play { height: 16px; width: 16px; } .m1-hero--variant .m1-hero__carousel-button--pause:before, .m1-hero--variant .m1-hero__carousel-button--play:before { line-height: 16px; left: 0px; } .m1-hero--variant .m1-hero__carousel-slide-inner { height: 300px; } .m1-hero--variant .m1-hero__carousel-slide-panel--inner { bottom: 48px; left: 16px; max-width: calc(100% - 32px); } .m1-hero--variant .m1-hero__carousel-nav { left: 16px; } .m1-hero--variant .m1-hero__carousel-slide-panel-title, .m1-hero--variant .m1-hero__carousel-slide-panel-subtitle { text-align: left !important; } .m1-hero--variant .m1-hero__carousel-slide-panel-subtitle { margin-top: 12px; } .m1-hero--variant .slick-dots { bottom: 36px; right: calc(50% - 85px); } .m1-hero--variant.m1-hero--stock .m1-hero__carousel-slide-inner { height: unset; width: 100%; } .m1-hero--variant.m1-hero--stock .m1-hero__carousel-slide-panel--inner { bottom: 16px; } .m1-hero--variant.m1-hero--stock .slick-dots { bottom: 366px; } .m1-hero--variant.m1-hero--stock .m1-hero__carousel-nav { bottom: 372px; } .m1-hero--variant.m1-hero--stock .m1-hero__overlay { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.25) 75%, rgba(0, 0, 0, 0) 100%); } .m1-hero-stock--card { position: absolute; width: calc(100% - 24px); top: -290px; max-width: 621px; display: block; } .m1-hero-stock--card .m1-hero-stock--card_details { width: 100%; border: none; } .m1-hero-stock--card .m1-hero-stock--card_graph { width: 100%; padding: 12px 0 0; text-align: left; } .m1-hero-stock--card .m1-hero-stock--graph { display: none; } .m1-hero__carousel-mouse { display: none; } } @media screen and (min-width: 600px) { .m1-hero .slick-dots { bottom: 320px; } .m1-hero { height: auto; } .m1-hero__carousel-slide { padding-bottom: 322px; min-height: 500px; } .m1-hero__carousel-slide-imagepanel { height: 100%; width: 50%; float: right; } .m1-hero__carousel-slide-panel-text { margin-bottom: 24px; overflow: hidden; } .m1-hero__carousel-slide-panel-text + * { margin-top: 0; } .m1-hero__carousel-slide-panel { bottom: 56px; float: left; width: 80%; text-align: left; } .m1-hero__carousel-nav { bottom: 332px; } .m1-hero__carousel-slide-inner { padding-top: 24px; } .m1-hero__carousel-button-play-pause { cursor: pointer; height: 16px; margin: 0 4px; width: 12px; z-index: 92; bottom: 6px; } .m1-hero__carousel-button-play-pause:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; line-height: 21px; font-size: 17px; position: relative; } .m1-hero__carousel-button--play { background-position: -12px 0; border-radius: 50%; height: 17px; width: 17px; color: white; } .m1-hero__carousel-button--play:before { content: "\e614"; line-height: 21px; font-size: 17px; left: 1px; } .m1-hero__carousel-button--pause { border-radius: 50%; height: 17px; width: 17px; color: white; } .m1-hero__carousel-button--pause:before { content: "\e615"; } .m1-hero__carousel-slide-panel--inner .button, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .form-submit, .m1-hero__carousel-slide-panel--inner .button--centered { margin-bottom: 8px; padding: 8px 14px; } .m1-hero__carousel-slide-panel--inner .button:before, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel--inner a:before, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel--inner a:before, .m1-hero__carousel-slide-panel--inner .form-submit:before, .m1-hero__carousel-slide-panel--inner .button--centered:before { right: -6px; font-size: 28px; } .m1-hero--variant .m1-hero__carousel-button--pause, .m1-hero--variant .m1-hero__carousel-button--play { height: 16px; width: 16px; } .m1-hero--variant .m1-hero__carousel-button--pause:before, .m1-hero--variant .m1-hero__carousel-button--play:before { line-height: 16px; left: 0px; } .m1-hero--variant .m1-hero__carousel-slide-inner { height: 300px; } .m1-hero--variant .m1-hero__carousel-button--play:before { left: 0px; } .m1-hero--variant .m1-hero__carousel-nav { left: calc(5% + 15px); } .m1-hero--variant .slick-dots { bottom: 40px; right: calc(45% - 81px); } .m1-hero--variant .m1-hero__carousel-slide-panel--inner { bottom: 30px; max-width: calc(50% - 16px); } .m1-hero--variant .m1-hero__carousel-slide-panel-title { margin-bottom: 16px; } .m1-hero--variant.m1-hero--stock .m1-hero__carousel-slide-inner { height: 440px; overflow: visible; } .m1-hero-stock--card { width: 621px; position: absolute; bottom: 0; right: 16px; max-width: 50%; margin-top: 0; } .m1-hero-stock--card .m1-hero-stock--card_details { width: 40%; } .m1-hero-stock--card .m1-hero-stock--card_graph { width: 60%; } .m1-hero__nav-button:before, .m1-hero__carousel-button--prev:before, .m1-hero__carousel-button--next:before { top: 7px; } .m1-hero__carousel-mouse { bottom: 256px; } } .m1-hero__carousel-nav-inner-btn { display: inline-block; height: 0; } @media screen and (max-width: 1024px) { .m1-hero__carousel-slide { padding-bottom: 160px; } .m1-hero__carousel-nav { bottom: 56px; } .m1-hero .slick-dots { bottom: 44px; } .m1-hero__carousel-mouse { bottom: 8px; } } @media screen and (max-width: 559px) { .m1-hero__carousel-slide { padding-bottom: 120px; } } @media screen and (max-device-width: 1024px) { .m1-hero__carousel-slide { padding-bottom: 320px; } .m1-hero__carousel-nav { bottom: 332px; } .m1-hero .slick-dots { bottom: 320px; } .m1-hero__carousel-mouse { bottom: 290px; } } @media screen and (max-device-width: 599px) { .m1-hero__carousel-slide { padding-bottom: 320px; } .m1-hero .slick-dots { bottom: 294px; } .m1-hero__carousel-nav { bottom: 310px; } } @media screen and (min-width: 1025px) { .m1-hero__carousel-slide { padding-bottom: 292px; } .m1-hero__carousel-slide-panel-title { color: white; font-weight: bold; margin-top: 30px; } .m1-hero .slick-dots { bottom: 304px; } .m1-hero__carousel-slide-imagepanel { height: 100%; width: 50%; float: right; } .m1-hero__carousel-slide-panel-text { margin-bottom: 30px; } .m1-hero__carousel-slide-panel-text + * { margin-top: 0; } .m1-hero__carousel-slide-panel { padding: 0 32px 0px 0px; bottom: 56px; float: left; width: 50%; } .m1-hero__carousel-nav { bottom: 312px; } .m1-hero__carousel-slide-inner { padding-top: 50px; } .m1-hero__carousel-button-play-pause { bottom: 10px; } .m1-hero__carousel-slide-panel--inner .button, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel--inner a, .m1-hero__carousel-slide-panel--inner .form-submit, .m1-hero__carousel-slide-panel--inner .button--centered { margin-bottom: 8px; padding: 10px 32px; } .m1-hero__carousel-slide-panel--inner .button:before, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m1-hero__carousel-slide-panel--inner a:before, .m1-hero__carousel-slide-panel--inner .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m1-hero__carousel-slide-panel--inner a:before, .m1-hero__carousel-slide-panel--inner .form-submit:before, .m1-hero__carousel-slide-panel--inner .button--centered:before { right: 9px; font-size: 36px; } .m1-hero--variant { padding: 0; } .m1-hero--variant .m1-hero__carousel-slide-inner { height: 400px; } .m1-hero--variant .m1-hero__carousel-slide-panel-title { margin-bottom: 16px; } .m1-hero--variant .m1-hero__carousel-slide-panel-subtitle { margin-bottom: 12px; } .m1-hero--variant .slick-dots { bottom: 44px; right: calc(45% - 81px); } .m1-hero--variant .m1-hero__carousel-nav { left: calc(5% + 15px); } .m1-hero--variant .m1-hero__carousel-slide-panel--inner { bottom: 64px; max-width: calc(100% - 621px - 16px); } .m1-hero--variant.m1-hero--stock .m1-hero__carousel-slide-inner { height: 440px; overflow: visible; } .m1-hero-stock--card { width: 621px; position: absolute; bottom: 54px; right: 0; max-width: 50%; margin-top: 0; } .m1-hero-stock--card .m1-hero-stock--card_details { width: 40%; } .m1-hero-stock--card .m1-hero-stock--card_graph { width: 60%; } .m1-hero__nav-button:before, .m1-hero__carousel-button--prev:before, .m1-hero__carousel-button--next:before { top: 3px; } .m1-hero__carousel-mouse { display: block; bottom: 260px; } } @media screen and (min-width: 1540px) { .m1-hero--variant .slick-dots { bottom: 44px; right: 559px; } .m1-hero--variant .m1-hero__carousel-nav { width: auto; bottom: 42px; left: calc((100% - 1250px) / 2); } } @keyframes m-1-ball { 0%, 65%, 100% { opacity: 0; } 10%, 40% { opacity: 1; } 0% { transform: translateY(5px) scale(0.7); } 5% { transform: scale(0.7); } 15%, 100% { transform: scale(1); } 45%, 65% { transform: translateY(14px) scale(0.7); } } /* globalmodule */ /* homemodule */ .m14-richtext .green, .m125-teaser--content .green { color: #007560; } .m14-richtext .bold, .m125-teaser--content .bold { font-weight: 700; } .m14-richtext .uppercase, .m125-teaser--content .uppercase { text-transform: uppercase; } .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered) { word-break: break-word; } .m14-richtext a:not(.button):not(.form-submit):not(.button--centered):visited, .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered):visited { color: #007560; } .m14-richtext h6, .m125-teaser--content h6 { font-weight: 600; } .m14-richtext p + *, .m125-teaser--content p + *, .m14-richtext blockquote + *, .m125-teaser--content blockquote + * { margin-top: 16px; } .m14-richtext .m14-underline-list li, .m125-teaser--content .m14-underline-list li { border-bottom: 1px solid #ccc; } .m14-richtext .m14-richtext-border_box, .m125-teaser--content .m14-richtext-border_box { border-radius: 10px; border: 1px solid #ccc; } .m14-richtext .m14-richtext-border_box .border_box_title, .m125-teaser--content .m14-richtext-border_box .border_box_title { padding: 25px 20px; } .m14-richtext .m14-richtext-border_box .border_box_title .summary-footer__title, .m125-teaser--content .m14-richtext-border_box .border_box_title .summary-footer__title { font-weight: 600; line-height: 35px; margin-bottom: 10px; } .m14-richtext .m14-richtext-border_box .border_box_title .summary-footer__text, .m125-teaser--content .m14-richtext-border_box .border_box_title .summary-footer__text { padding-left: 20px; padding-right: 20px; } .m14-richtext .m14-richtext-border_box .border_box_title .summary-footer__text span.light, .m125-teaser--content .m14-richtext-border_box .border_box_title .summary-footer__text span.light { color: #6D6E71; } .m14-richtext .m14-richtext-border_box .border_box_img, .m125-teaser--content .m14-richtext-border_box .border_box_img { height: auto; } .m14-richtext .m14-richtext-border_box .border_box_footer, .m125-teaser--content .m14-richtext-border_box .border_box_footer { padding: 20px 5px; text-align: center; } .m14-richtext .m14-richtext-border_box + .m14-richtext-border_box, .m125-teaser--content .m14-richtext-border_box + .m14-richtext-border_box { margin-top: 20px; } .m14-richtext .m14-richtext-border_box .border_box-padding, .m125-teaser--content .m14-richtext-border_box .border_box-padding { padding: 25px 20px; padding-bottom: 50px; } .m14-richtext .pod-icon-span, .m125-teaser--content .pod-icon-span { position: relative; } .m14-richtext .pod-icon-span::before, .m125-teaser--content .pod-icon-span::before { position: absolute; top: -10px; } .m14-richtext .pod-icon-span.icon-c-vertual-screen:before, .m125-teaser--content .pod-icon-span.icon-c-vertual-screen:before { top: -4px; left: -3px; } .m14-richtext .m14-richtext-success_section, .m125-teaser--content .m14-richtext-success_section { margin-bottom: 30px; margin-top: 50px; } .m14-richtext .m14-richtext-success_section .success_section-title, .m125-teaser--content .m14-richtext-success_section .success_section-title { position: relative; padding-right: 160px; } .m14-richtext .m14-richtext-success_section .success_section-title .success_section-title-text, .m125-teaser--content .m14-richtext-success_section .success_section-title .success_section-title-text { text-align: left; } .m14-richtext .m14-richtext-success_section .success_section-title .success_download, .m125-teaser--content .m14-richtext-success_section .success_section-title .success_download { margin-top: 0px; color: #007560; border: 1px solid; position: absolute; right: 0; top: 0; font-weight: 100; padding-left: 36px; background: none; cursor: pointer; } .m14-richtext .m14-richtext-success_section .success_section-title .success_download:before, .m125-teaser--content .m14-richtext-success_section .success_section-title .success_download:before { position: absolute; top: -2px; left: 8px; font-size: 24px; color: #007560; } .m14-richtext .m14-richtext-success_section .success_section-title .success_download:hover, .m125-teaser--content .m14-richtext-success_section .success_section-title .success_download:hover { background: none; cursor: pointer; } .m14-richtext.otp-richtext p, .otp-richtext.m125-teaser--content p { line-height: 22px; } .default-table { width: 100%; } .default-table td { border: solid 1px #9B9B9B; padding: 15px 8px 16px; line-height: 1.25em; } .default-table + * { margin-top: 16px; } @media screen and (max-width: 599px) { .m14-richtext + *, .m125-teaser--content + * { margin-bottom: 24px; } .m14-richtext ul, .m125-teaser--content ul { padding-top: 8px; } .m14-richtext ul + *, .m125-teaser--content ul + * { margin-top: 24px; } .m14-richtext p, .m125-teaser--content p { word-break: break-word; } .m14-richtext--img40, .m14-richtext--img30 { float: none; width: 100%; padding: 0; margin-bottom: 16px; } .m14-richtext--img40 img, .m14-richtext--img30 img { display: block; } .m14-richtext--text60, .m14-richtext--text70 { float: none; width: 100%; padding: 0; } } @media screen and (min-width: 600px) { .m14-richtext + *, .m125-teaser--content + * { margin-bottom: 40px; } .m14-richtext ul, .m125-teaser--content ul { padding-top: 16px; } .m14-richtext ul + *, .m125-teaser--content ul + * { margin-top: 32px; } .m14-richtext--img40, .m14-richtext--img30 { float: none; width: 100%; padding: 0; margin-bottom: 16px; } .m14-richtext--img40 img, .m14-richtext--img30 img { display: block; } .m14-richtext--text60, .m14-richtext--text70 { float: none; width: 100%; padding: 0; } } @media screen and (min-width: 1025px) { .m14-richtext--img40 { float: left; width: 40%; padding-right: 12px; } .m14-richtext--img30 { float: left; width: 30%; padding-right: 12px; } .m14-richtext--text60 { float: left; width: 60%; padding-right: 12px; } .m14-richtext--text80 { float: left; width: 70%; padding-right: 12px; } .m14-richtext-border_box .border_box_title { padding: 25px 50px; } .m14-richtext-border_box .border_box_title .summary-footer__title { line-height: 60px; } .m14-richtext-border_box .border_box_footer { padding: 40px 50px; } .m14-richtext-border_box .border_box-padding { padding: 25px 50px; } } .m22-image-with-caption__caption { line-height: 44px; background-color: #F6F6F6; font-size: 14px; padding: 0 16px; } .m22-image-with-caption__image { width: 100%; background-position: center center; background-size: 100% auto; } .m22-image-with-caption__image img { width: 100%; height: auto; } @media screen and (max-width: 599px) { .m22-image-with-caption__caption { line-height: 44px; font-size: 12px; } } @media screen and (min-width: 600px) { .m22-image-with-caption__caption { line-height: 50px; } } /* homemodule */ .m8-teaser { margin-bottom: 28px; } .m8-teaser__url { color: #535353; } .m8-teaser__url + * { margin-top: 8px; } .m8-teaser__content { padding: 5px; } @media screen and (max-width: 599px) { .m8-teaser .teaser__title { max-height: 3.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m8-teaser .teaser__copy { max-height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m8-teaser__image { display: none; } } @media screen and (min-width: 600px) { .m8-teaser .teaser__title { max-height: 3.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m8-teaser .teaser__copy { max-height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m8-teaser__image { width: 220px; height: auto; float: left; } .m8-teaser__content--image { padding-left: 246px; } } @media screen and (min-width: 1025px) { .m8-teaser .teaser__title { max-height: 3.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m8-teaser .teaser__copy { max-height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m8-teaser__content--image { padding-left: 252px; min-height: 166px; } } /* homemodule */ .m26-page-title { position: relative; text-align: center; } .m26-page-title__links .m30-share { display: none; } .m26-page-title__links .m30-share .m30-share__button { position: relative; padding-right: 17px; } .m26-page-title__links .m30-share .m30-share__panel { left: calc(50% - 140px); } .m26-page-title__links .m30-share .m30-share__panel li:first-child:before { left: 50%; } .m26-page-title__backlink { float: left; clear: both; } .m26-page-title__share { float: right; } .m26-page-title__date { direction: ltr; unicode-bidi: bidi-override; } .page-title__button { display: flex; flex-direction: column; align-items: center; } .page-title__button .text__page-title + .button, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .text__page-title + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .page-title__button .text__page-title + a, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .text__page-title + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .page-title__button .text__page-title + a, .page-title__button .text__page-title + .form-submit, .page-title__button .text__page-title + .button--centered { margin: 10px 0px 0px; } .page-title__button .text__page-title + .button + .button, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .text__page-title + a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .page-title__button .text__page-title + a + .button, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .text__page-title + .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .page-title__button .text__page-title + .button + a, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .text__page-title + a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .page-title__button .text__page-title + a + a, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .text__page-title + a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .page-title__button .text__page-title + a + .button, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .text__page-title + .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .page-title__button .text__page-title + .button + a, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .text__page-title + a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .page-title__button .text__page-title + a + a, .page-title__button .text__page-title + .form-submit + .button, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .text__page-title + .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .page-title__button .text__page-title + .form-submit + a, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .text__page-title + .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .page-title__button .text__page-title + .form-submit + a, .page-title__button .text__page-title + .button + .form-submit, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .text__page-title + a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .page-title__button .text__page-title + a + .form-submit, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .text__page-title + a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .page-title__button .text__page-title + a + .form-submit, .page-title__button .text__page-title + .form-submit + .form-submit, .page-title__button .text__page-title + .button--centered + .button, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .text__page-title + .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .page-title__button .text__page-title + .button--centered + a, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .text__page-title + .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .page-title__button .text__page-title + .button--centered + a, .page-title__button .text__page-title + .button--centered + .form-submit, .page-title__button .text__page-title + .button + .button--centered, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .text__page-title + a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .page-title__button .text__page-title + a + .button--centered, .page-title__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .text__page-title + a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .page-title__button .text__page-title + a + .button--centered, .page-title__button .text__page-title + .form-submit + .button--centered, .page-title__button .text__page-title + .button--centered + .button--centered { margin: 10px 0px 0px; } @media screen and (max-width: 599px) { .m26-page-title__date + * { margin-top: 8px; } .m26-page-title.title_message h1 { margin: 0 5%; } } @media screen and (max-width: 599px) { .m26-page-title { padding-top: 24px; } } @media screen and (min-width: 600px) { .m26-page-title { padding-top: 38px; } .box .m26-page-title { margin-bottom: -24px; } .m26-page-title__links { left: 0; right: 0; } } @media screen and (min-width: 1025px) { .m26-page-title { padding-top: 41px; } .text-page__intro { padding: 0 10%; } .m26-page-title__links .m30-share { display: block; } .m26-page-title__links .m30-share .m30-share__button { float: right; } .m26-page-title__links .m30-share .m30-share__panel { left: auto; } .m26-page-title__links .m30-share .m30-share__panel li:first-child:before { left: auto; right: 30px; } } /* globalmodule */ .mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9993; visibility: hidden; background: #222222; opacity: 0; -webkit-transition: opacity 0.5s, visibility 0.5s; -moz-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; } .mask-show { visibility: visible; opacity: 0.8; } .spinner { position: absolute; top: 0; right: 0; left: 0; height: 100%; } .spinner:after { content: ""; position: relative; top: 50%; display: block; width: 60px; height: 60px; margin: auto; margin-top: -30px; border-top: 2px solid #545a6a; border-right: 2px solid #d4d4db; border-bottom: 2px solid #d4d4db; border-left: 2px solid #545a6a; border-radius: 100%; opacity: 0.5; -webkit-animation: spinner_rotate 0.6s linear infinite; -moz-animation: spinner_rotate 0.6s linear infinite; animation: spinner_rotate 0.6s linear infinite; } @-webkit-keyframes spinner_rotate { 0% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @-moz-keyframes spinner_rotate { 0% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @-o-keyframes spinner_rotate { 0% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } } @keyframes spinner_rotate { 0% { -webkit-transform: rotateZ(-360deg); -moz-transform: rotateZ(-360deg); -ms-transform: rotateZ(-360deg); -o-transform: rotateZ(-360deg); transform: rotateZ(-360deg); } 100% { -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } } /* homemodule */ .m9-teaser-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 165px; } .m9-teaser-image.m9-teaser-image_bod { height: 225px; } .m9-teaser-image--modified { min-height: 300px; } .m9-teaser-image--modified .m9-teaser-image { background-size: initial; } .m9-teaser-image--modified .teaser__content { text-align: center; } .m9-teaser .teaser__title { height: 3.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m9-teaser .teaser__copy { height: 5.72em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .m9-teaser .teaser__link .teaser__title { color: #222222; } .m9-teaser .teaser__link:hover, .m9-teaser .teaser__link:focus { box-shadow: none; } .m9-teaser .teaser__link:hover .teaser__title, .m9-teaser .teaser__link:focus .teaser__title { color: #007560; } .m9-teaser .teaser__content { padding: 15px 0px; } .m9-teaser .teaser__content .teaser__date { font-weight: 300; } .m9-teaser .teaser__content .teaser__date + * { margin-top: 5px; } .m9-teaser--news .teaser__link .teaser__title { color: #007560; } .m9-teaser--news .teaser__copy { max-height: 4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m9-teaser--news.teaser__content .teaser__title { color: #007560; } @media screen and (max-width: 599px) { .m9-teaser { min-height: 340px; } .m9-teaser .teaser__title { max-height: 3.2em; } .m9-teaser .teaser__copy { max-height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m9-teaser--news.m9-teaser--news_all { min-height: 0px; } .m9-teaser--news.m9-teaser--news_all .teaser__link .teaser__title { height: unset; } .m9-teaser--news.m9-teaser--news_all .teaser__link .m9-teaser-image { display: none; } } .photogallery-wrapper .m9-teaser { min-height: 0px !important; } .photogallery-wrapper .m9-teaser .teaser__title { height: auto !important; } @media screen and (min-width: 600px) { .m9-teaser--news { margin-bottom: 12px; } } /* dewamodule */ /* careermodule */ /* epassmodule */ .m23-table__content-table { border-collapse: separate; } .m23-table + .m23-table { margin-top: 36px; } .m23-table + .m17-sectiontitle { margin-top: 36px; } .m23-table + p { margin-top: 24px; } .table-header-icon:before { top: 7px; position: absolute; left: 0px; font-size: 38px; } .table-header-icon.green-icon:before { color: #007560; } .m23-table__title--icon { position: relative; padding-left: 23px; } .m23-table__title--icon:before { font-size: 27px; position: absolute; top: -1px; left: -5px; right: auto; } .m23-table__title--electricity:before { content: "\e648"; } .m23-table__title--water:before { content: "\e649"; } .m23-table__content { position: relative; } .m23-table__content-table { padding: 2px; display: table; width: 100%; } .m23-table__content-table-row { display: table-row; color: #222222; } .m23-table__content-table-row:focus-visible .m23-table__content-table-cell--header { background-color: #F9DC4A; } .m23-table__content-table-cell--header { border-top: 1px solid #BCBEC0; border-right: 1px solid #BCBEC0; text-align: left; } .m23-table__content-table-cell--header:first-child { border-left: 1px solid #BCBEC0; } .m23-table__content-table-cell--header:last-child { border-right: 1px solid #BCBEC0; } .m23-table__content-table-cell--header { display: table-cell; } .center-text { text-align: center !important; } .m23-table__content-table-cell { vertical-align: top; border-right: 1px solid #BCBEC0; display: table-cell; word-break: keep-all; } .m23-table__content-table-cell:first-child { border-left: 1px solid #BCBEC0; } .m23-table__content-table-cell:last-child { border-right: 1px solid #BCBEC0; } .m23-table__content-table-cell + * { margin-top: 0px; } .m23-table__content-table-cell[data-label=Description] { word-break: break-all; } .m23-table__content-table-cell--total { font-weight: bold; } .m23-table__content--value { display: inline-block; width: 58%; } .m23-table--green .m23-table__content-table-cell { vertical-align: middle; } .m23-table__content-table-th-mobile { font-weight: bold; position: absolute; left: 0; z-index: 1; width: 48%; padding: 15px 8px 16px; top: 0; display: none; word-break: break-word; margin: 0 !important; } .m23-table--asymetric-40 .m23-table__content-table-th-mobile { width: 38%; } .m23-table--asymetric-30 .m23-table__content-table-th-mobile { width: 28%; } .m23-table--variant { overflow: auto; } .m23-table--variant .m23-table__content-table-cell--header { border: none; background: transparent; border-bottom: 2px solid #BCBEC0; vertical-align: middle; } .m23-table--variant .m23-table__content-table-cell { border: none; background: transparent; border-bottom: 1px solid #BCBEC0; vertical-align: middle; } .m23-table--variant .m23-table--mobile { width: 100%; display: none; } .m23-table--variant .m23-table--mobile-header { display: table-row; } .m23-table--variant .m23-table--mobile-header .m23-table--mobile-headercell { color: #717173; font-weight: 600; padding: 8px 4px; display: table-cell; vertical-align: middle; } .m23-table--variant .m23-table--mobile-row .m23-table--mobile-row_head { display: table-row; border-bottom: solid 1px #BCBEC0; } .m23-table--variant .m23-table--mobile-row .m23-table--mobile-row_head .m23-table--mobile-headercell { display: table-cell; vertical-align: middle; padding: 8px 4px; } .m23-table--variant .m23-table--mobile-row .m23-table--mobile-row_head .m23-table--mobile-headercell:last-child { padding-right: 24px; position: relative; } .m23-table--variant .m23-table--mobile-row_body { background-color: #F1F1F1; display: none; } .m23-table--variant .m23-table--mobile-row_cellwrapper { padding-right: 24px; position: relative; } .m23-table--variant .m23-table--mobile-row_cell { padding: 8px 4px; display: flex; } .m23-table--variant .m23-table--mobile-row_cell:first-child { padding-top: 16px; } .m23-table--variant .m23-table--mobile-row_cell:last-child { padding-bottom: 16px; } .m23-table--variant .m23-table--mobile-row_cellkey, .m23-table--variant .m23-table--mobile-row_cellvalue { width: 50%; display: inline-block; } .m23-table--variant .m23-table--mobile-row.active .m23-table--mobile-row_head { display: none; } .m23-table--variant .m23-table--mobile-row.active .m23-table--mobile-row_body { display: table-row; } .m23-table--variant .m23-table--mobile-open { position: absolute; right: -8px; top: calc((100% - 34px) / 2); cursor: pointer; color: #A7A7A7; } .m23-table--variant .m23-table--mobile-open:before { font-family: "iconfont"; } .m23-table--variant .m23-table--mobile-close { position: absolute; right: -8px; top: 8px; cursor: pointer; color: #A7A7A7; } .m23-table--variant .m23-table--mobile-close:before { font-family: "iconfont"; } .m23-table--variant2 .m23-table__content-table-cell--header { border: none; background: transparent; border-bottom: 2px solid #BCBEC0; vertical-align: middle; } .m23-table--variant2 .m23-table__content-table-cell { border: none; background: transparent; vertical-align: middle; } .m23-table--variant2 .m23-table__content-table-cell::before { display: none; } .m23-table--variant2 .m23-table__content-table-cell::after { display: none; } .m23-table--variant2 .m23-table__content-table-cell { padding-top: 3px; padding-left: 10px; padding-right: 10px; padding-bottom: 3px; margin-top: 0px; } .m23-table--variant2 .m23-table__content-table-cell:first-child { font-weight: bold; border-top: none; } .m23-table--variant2 .m23-table__content-table-cell:first-child .m23-table__content-table-th-mobile { display: none; } .m23-table--variant2 .m23-table__content-table-cell:last-child { position: static; } .m23-table--variant2 .m23-table__content-table-cell:last-child .m23-table__content-table-th-mobile { display: none; } .m23-table--variant2 .m23-table__content-table-th-mobile { display: inline-block; position: static; padding: 0px; float: left; width: auto; font-weight: normal; } .m23-table--variant2 .m23-table__content-table-row { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 4px; position: relative; padding: 14px; margin-top: 20px; } .m23-table--variant2 .m23-table--mobile { width: 100%; display: none; } .m23-table--variant2 .m23-table--mobile-header { display: table-row; } .m23-table--variant2 .m23-table--mobile-header .m23-table--mobile-headercell { color: #717173; font-weight: 600; padding: 8px 4px; display: table-cell; vertical-align: middle; } .m23-table--variant2 .m23-table--mobile-row .m23-table--mobile-row_head { display: table-row; border-bottom: solid 1px #BCBEC0; } .m23-table--variant2 .m23-table--mobile-row .m23-table--mobile-row_head .m23-table--mobile-headercell { display: table-cell; vertical-align: middle; padding: 8px 4px; } .m23-table--variant2 .m23-table--mobile-row .m23-table--mobile-row_head .m23-table--mobile-headercell:last-child { padding-right: 24px; position: relative; } .m23-table--variant2 .m23-table--mobile-row_body { background-color: #F1F1F1; display: none; } .m23-table--variant2 .m23-table--mobile-row_cellwrapper { padding-right: 24px; position: relative; } .m23-table--variant2 .m23-table--mobile-row_cell { padding: 8px 4px; display: flex; } .m23-table--variant2 .m23-table--mobile-row_cell:first-child { padding-top: 16px; } .m23-table--variant2 .m23-table--mobile-row_cell:last-child { padding-bottom: 16px; } .m23-table--variant2 .m23-table--mobile-row_cellkey, .m23-table--variant2 .m23-table--mobile-row_cellvalue { width: 50%; display: inline-block; } .m23-table--variant2 .m23-table--mobile-row.active .m23-table--mobile-row_head { display: none; } .m23-table--variant2 .m23-table--mobile-row.active .m23-table--mobile-row_body { display: table-row; } .m23-table--variant2 .m23-table--mobile-open { position: absolute; right: -8px; top: calc((100% - 34px) / 2); cursor: pointer; color: #A7A7A7; } .m23-table--variant2 .m23-table--mobile-open:before { font-family: "iconfont"; } .m23-table--variant2 .m23-table--mobile-close { position: absolute; right: -8px; top: 8px; cursor: pointer; color: #A7A7A7; } .m23-table--variant2 .m23-table--mobile-close:before { font-family: "iconfont"; } .m23-table--variant2 .button--dots { position: absolute; top: 16px; right: 16px; display: flex; justify-content: center; } .m23-table--variant2.m23-table--masar .status-label { min-width: 50px; display: inline-block; text-align: center; height: 21px; line-height: 21px; padding: 0px 5px; } @media screen and (max-width: 599px) { .m23-table__content-table-th-mobile { display: block; } .m23-table__content-table { border-collapse: separate; } .m23-table__content-table, .m23-table__content-table-header, .m23-table__content-table-body, .m23-table__content-table-cell--header, .m23-table__content-table-cell, .m23-table__content-table-cell--center, .m23-table__content-table-row { display: block; } .m23-table__content-table-header .m23-table__content-table-row { position: absolute; display: block; top: -9999px; left: -9999px; right: auto; } .m23-table__content-table-row { margin-bottom: 7px; } .m23-table__content-table-cell { /* Behave like a "row" */ border: 1px solid #BCBEC0; border-bottom: 1px solid #BCBEC0; border-top: none; position: relative; padding-left: 51%; padding-right: 10%; word-break: break-word; } .m23-table__content-table-cell:first-child { border-top: 1px solid #BCBEC0; border-spacing: 10px; } .m23-table__content-table-cell a[href^="mailto:"] { word-wrap: break-word; } .m23-table--asymetric-40 .m23-table__content-table-cell { padding-left: 41%; } .m23-table--asymetric-30 .m23-table__content-table-cell { padding-left: 31%; } .m23-table__content-table-cell:before { left: 0; right: auto; padding-left: 8px; position: absolute; content: attr(data-label); display: table-cell; width: 43%; padding-top: 17px; padding-right: 12%; font-weight: bold; height: 100%; top: 0; line-height: normal; border-bottom: #BCBEC0; z-index: 2; } .m23-table--asymetric-40 .m23-table__content-table-cell:before { width: 33%; } .m23-table--asymetric-30 .m23-table__content-table-cell:before { width: 23%; } .m23-table__content-table-cell.initialized:before { content: ""; } .m23-table__content-table-cell--total:first-child { display: none; } .m23-table__content-table-cell--total { border-top: 1px solid #BCBEC0; } .m23-table__content-table-cell:after { content: " "; left: 0; right: auto; border-right: 1px solid #BCBEC0; background-color: #F6F6F6; position: absolute; width: 48%; height: 100%; top: 0; } .m23-table--asymetric-40 .m23-table__content-table-cell:after { width: 38%; } .m23-table--asymetric-30 .m23-table__content-table-cell:after { width: 28%; } .m23-table--green .m23-table__content-table-cell { border-bottom: 1px solid #BCBEC0; padding-left: 58% !important; padding-right: 8px; } .m23-table--green .m23-table__content-table-cell:before { width: 50%; padding: 12px 8px 0px; } .m23-table--green .m23-table__content-table-cell:after { width: 55%; } .m23-table--green .m23-table__content-table-cell .button, .m23-table--green .m23-table__content-table-cell .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m23-table--green .m23-table__content-table-cell a, .m23-table--green .m23-table__content-table-cell .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m23-table--green .m23-table__content-table-cell a, .m23-table--green .m23-table__content-table-cell .form-submit, .m23-table--green .m23-table__content-table-cell .button--centered { margin: 0 -10px; } .m23-table--variant .m23-table__content-table { display: none; } .m23-table--variant .m23-table__content-table-cell--header { border: none; background: transparent; border-bottom: none; vertical-align: middle; } .m23-table--variant .m23-table__content-table-row { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; border: 1px solid #BCBEC0; padding: 8px 0; } .m23-table--variant .m23-table__content-table-cell { border: none; background: transparent; border-bottom: none; vertical-align: middle; padding-top: 7px; padding-bottom: 8px; } .m23-table--variant .m23-table__content-table-cell:after { border: none; background-color: white; } .m23-table--variant .m23-table__content-table-th-mobile { padding-top: 7px; padding-bottom: 8px; } .m23-table--variant .m23-table--mobile { display: table; } } @media screen and (min-width: 1025px) { .m23-table__content-table-header, .m23-table__content-table-row { position: relative; } tbody:first-child tr:first-child .m23-table__content-table-cell { border-top: 1px solid #BCBEC0; } .m23-table__content-table-cell--center { text-align: center; } .m23-table--green { overflow-x: auto; overflow-y: hidden; } .m23-table--green .m23-table__content-table-cell, .m23-table--green .m23-table__content-table-cell--header { border-right: none; } .m23-table--green .m23-table__content-table-cell:last-child, .m23-table--green .m23-table__content-table-cell--header:last-child { border-right: 1px solid #BCBEC0; } .m23-table--green .m23-table__content-table-cell--header { border-color: #007560; background: #007560; color: white; vertical-align: middle; } .m23-table--green .m23-table__content-table-cell { border-bottom: none; } .m23-table--green .m23-table__content-table-row:last-child .m23-table__content-table-cell { border-bottom: 1px solid #BCBEC0; } .m23-table--masar .m23-table__content-table-header { display: none; } } @media screen and (max-width: 599px) { .mha-dark .m23-table__content-table-cell:after { background-color: transparent !important; } } /* homemodule */ .m3-carousel { height: auto; max-width: 1366px; position: relative; width: 100%; } .m3-carousel .slick-slider { margin-bottom: 0; } .m3-carousel__container { margin: 0 auto; width: 100%; } .m3-carousel__carousel { *zoom: 1; } .m3-carousel__carousel:before, .m3-carousel__carousel:after { content: " "; display: table; } .m3-carousel__carousel:after { clear: both; } .m3-carousel__carousel { opacity: 0.01; filter: alpha(opacity=1); background-color: white; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.12); margin: 0 auto; position: absolute; top: -99999px; width: 100%; } .m3-carousel__image { height: auto; width: 100%; } .m3-carousel__slide { padding: 24px; outline: none; overflow: hidden; } .m3-carousel__slide-panel { margin: 0 auto; width: 90%; } @media screen and (max-width: 599px) { .m3-carousel__slide-panel { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m3-carousel__slide-panel { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m3-carousel__slide-panel { width: 90%; max-width: 1400px; margin: 0 auto; } } .m3-carousel__slide-panel { position: relative; top: auto; } .m3-carousel__slide-panel-title { color: white; margin-bottom: 16px; } .m3-carousel__slide-panel-title * { font-size: 1em; } .m3-carousel__slide-panel-text { color: #222222; } .m3-carousel__slide-panel-title.dark { color: #222222; margin-bottom: 16px; } .m3-carousel__cta-button-label i { margin-right: -16px; margin-left: 0; } .m3-carousel__cta-button-container { margin: 24px 0; text-align: center; } .m3-carousel__carousel-nav { bottom: 0; display: block; position: absolute; width: 100%; } .m3-carousel .slick-dots { bottom: -44px; } .m3-carousel .slick-dots { display: inline; z-index: 91; width: auto; position: absolute; bottom: -20px; left: 50%; transform: translate(-50%, 0); white-space: nowrap; } .m3-carousel .slick-dots li { margin: 0; vertical-align: middle; width: 17px; } .m3-carousel .slick-dots li button:before { opacity: 1; filter: alpha(opacity=100); color: #BCBEC0; font-size: 27px; content: "\e60a"; line-height: 22px; left: -3px; } .m3-carousel .slick-dots li.slick-active button:before { font-size: 27px; content: "\e60b"; left: -3px; } .m3-carousel__image-container { float: none; } @media screen and (max-width: 599px) { .m3-carousel__container { margin-bottom: 40px; } .m3-carousel__image { -webkit-background-size: 150% auto; background-size: 166% auto; } .m3-carousel__carousel-slide-panel-title { color: #222222; } .m3-carousel__image-container { float: none; } .m3-carousel__cta-button-container { text-align: center; margin: 24px 0; } .slick-prev, .slick-next { display: none !important; } .m3-carousel__slide-panel { width: auto; } } @media screen and (min-width: 600px) { .m3-carousel__slide { padding: 32px 1.7%; } .m3-carousel__slide-inner { position: relative; } .m3-carousel__slide-panel-title, .m3-carousel__slide-panel-title.dark { margin-bottom: 24px; } .m3-carousel__image-container { *zoom: 1; } .m3-carousel__image-container:before, .m3-carousel__image-container:after { content: " "; display: table; } .m3-carousel__image-container:after { clear: both; } .m3-carousel__image-container { width: 45%; float: right; } .m3-carousel__image { float: right; height: auto; min-width: 220px; max-width: 285px; width: 100%; } .m3-carousel__slide-panel { float: left; width: 45%; } .m3-carousel__cta-button-container { margin: 24px 0 0; text-align: left; } .slick-prev, .slick-next { display: none !important; } } @media screen and (min-width: 1025px) { .m3-carousel__container { position: relative; } .m3-carousel__slide { padding: 32px 60px; } .m3-carousel__image-container { position: relative; width: auto; float: right; } .m3-carousel__image { height: 289px; max-width: none; width: 386px; } .m3-carousel__carousel-nav { margin: 0 auto; width: 100%; } .m3-carousel__nav-button, .m3-carousel__container .slick-next, .m3-carousel__container .slick-prev { width: 19px; height: 31px; z-index: 100; cursor: pointer; position: absolute; top: 50%; margin-top: -32px; } .m3-carousel__container .slick-prev { display: block !important; } .m3-carousel__container .slick-prev:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; content: "\e609"; font-family: iconfont; font-size: 40px; position: absolute; top: -12%; left: -50%; color: #222222; } .m3-carousel__container .slick-prev { left: 22px; right: auto; } .m3-carousel__container .slick-next { display: block !important; } .m3-carousel__container .slick-next:before { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; content: "\e60c"; font-family: iconfont; font-size: 40px; position: absolute; top: -12%; left: -50%; color: #222222; } .m3-carousel__container .slick-next { right: 22px; left: auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .m3-teaser-carousel__container .slick-prev { overflow: visible; } .m3-teaser-carousel__container .slick-next { overflow: visible; } } .m11-contact .grid__column, .m11-contact .dashboard__account-selector, .m11-contact .dashboard__user-widget { margin-bottom: 0; } .m11-contact .toggle-menu__item { background: white; display: block; } .m11-contact .toggle-menu__trigger { display: block; } @media screen and (max-width: 1024px) { .m11-contact__title { font-size: 1em; } } @media screen and (min-width: 1025px) { .m11-contact__title { font-size: 1em; } } .m11-contact__title { position: relative; } .m11-contact__icon { float: left; width: 34px; height: 34px; margin-top: -5px; } .m11-contact__subtitle { word-wrap: break-word; } .m11-contact__content { display: none; padding-top: 20px; } .m11-contact__row { margin-bottom: 16px; text-align: center; } .m11-contact__address, .m1-contact__address { line-height: 1.5; } .m11-contact__notes { color: #222222; } .m11-contact__cta { margin-top: 20px; } @media screen and (max-width: 599px) { .m11-contact__title { display: none; left: 0; right: auto; padding-left: 50px; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m11-contact__title { font-size: 1em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m11-contact__title { font-size: 1em; } } @media screen and (min-width: 600px) { .m11-contact .toggle-menu__item { padding: 15px 15px 5px 15px; min-height: 400px; } .m11-contact__icon { display: block; float: none; width: 92px; height: 92px; margin: 0 auto 15px; } .m11-contact__title { font-family: "DUBAI-REGULAR"; line-height: 1.325; } .m11-contact__title + * { margin-top: 18px; } .m11-contact__title { text-align: center; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m11-contact__title { font-size: 1.375em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m11-contact__title { font-size: 1.375em; } } @media screen and (min-width: 600px) { .m11-contact__content { display: block; } } @media screen and (min-width: 1025px) { .m11-contact .toggle-menu__item { padding: 15px 15px 5px 15px; min-height: 365px; } } .m25-tabs .grid, .m25-tabs .m85-dstore-carousel_container, .m25-tabs .m31-search--doormat_inner, .m25-tabs .service-message__wrapper, .m25-tabs .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant5 .m25-tabs .m41-tabs-box__tab-items, .m25-tabs .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m25-tabs .m41-tabs-box__tab-items, .m25-tabs .m12-bar__wrapper { width: auto; } @media screen and (max-width: 599px) { .m25-tabs .grid__column--form { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m25-tabs .grid__column--form { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .m25-tabs .grid__column--form { padding-left: 16px; padding-right: 16px; } } .m25-tabs__content .form-field__button, .m25-tabs__content .form-submit-border { text-align: left; } .m25-tabs__content .form-field__button .button, .m25-tabs__content .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m25-tabs__content .form-field__button a, .m25-tabs__content .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m25-tabs__content .form-field__button a, .m25-tabs__content .form-field__button .form-submit, .m25-tabs__content .form-submit-border .button, .m25-tabs__content .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m25-tabs__content .form-submit-border a, .m25-tabs__content .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m25-tabs__content .form-submit-border a, .m25-tabs__content .form-submit-border .form-submit, .m25-tabs__content .form-field__button .button--centered, .m25-tabs__content .form-submit-border .button--centered { margin: 0px; } .m25-tab_button--mobile { background: #007560; color: white; padding: 12px; padding-right: 44px; display: block; font-weight: 600; margin: 0; margin-bottom: 8px; border-bottom: 1px solid white; position: relative; } .m25-tab_button--mobile + .m25-tab_button--mobile { margin-top: -4px; } .m25-tabs--container-mobile { margin-top: 36px; } @media screen and (max-width: 599px) { .m15-tabs--mobile { display: block; margin-bottom: 24px; } .m25-tabs--title-mobile { display: none; padding: 12px; border: 1px solid #cdcdcd; font-weight: 600; border-bottom: 0; color: #007560; } .m25-tabs__menu { display: none; } .m25-tabs__title { color: #007560; display: none; } .m25-tabs__title:before { color: #939598; margin-top: 3px; } .m25-tabs__body { width: 100%; } .toggle-menu__trigger .m25-tabs__title { padding: 0px !important; } .m25-content--mobile { display: none; } .m25-content--mobile--active { display: block; } .m25-tabs--select-mobile { border-radius: 0px; } .m25-tabs--select-mobile--wrapper { display: block; } .box--news .m25-tabs--select-mobile--wrapper { border-radius: 5px; } .box--news .m25-tabs--select-mobile { border: none; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); font-weight: bold; padding: 10px 14px 13px; padding-right: 44px; } .box--news .m25-tabs--select-mobile:after { top: 9px; } .m25-tabs .toggle-menu__trigger { display: none !important; } .m25-tabs .toggle-menu__itemactive .toggle-menu__content { display: block !important; } } @media screen and (min-width: 600px) { .m15-tabs--mobile { display: none; } .m25-tabs .toggle-menu__trigger { display: none !important; } .m25-tabs .toggle-menu__item { display: none; } .m25-tabs .toggle-menu__itemactive { display: block; } .m25-tabs .toggle-menu__trigger { display: none; } .m25-tabs__title { display: none; } .js .m25-tabs__content { display: none; } .js .m25-tabs__content--active { display: block !important; } .m25-tabs__menu ul li .m25-tab_button { margin-bottom: 8px; } .m25-tabs__menu ul li + li .m25-tab_button { margin-top: -4px; } .m25-tabs__menu ul li.m25-tabs__title { display: block; font-weight: 700; padding: 12px 16px; color: #007560; position: relative; } .m25-tabs__menu ul li .m25-tabs__tab { display: block; padding: 12px 16px; color: #222222; position: relative; } .m25-tabs__menu ul li .m25-tabs__tab:not(.m25-tab_button) { border: solid 1px #D7D7DF; border-bottom: none; } .m25-tabs__menu ul li .m25-tabs__tab:before { position: absolute; top: calc((100% - 40px) / 2); right: 4px; line-height: 40px; } .m25-tabs__menu ul li .m25-tabs__tab.button--next, .m25-tabs__menu ul li .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m25-tabs__tab, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m25-tabs__menu ul li a.m25-tabs__tab, .m25-tabs__menu ul li .m25-tabs__tab.form-submit { padding-right: 40px; } .m25-tabs__menu ul li .m25-tabs__tab.icon-open:before, .m25-tabs__menu ul li .m25-tabs__tab.j100-expander_input.closed:before { top: 10px; } .m25-tabs__menu ul li .m25-tabs__tab:hover { background: #EBF4F2; } .m25-tabs__menu ul li:last-child .m25-tabs__tab { border-bottom: solid 1px #D7D7DF; } .m25-tabs__menu ul li .m25-tabs__tab ul:not(.empty) + .m25-tabs__tab { font-weight: 300; } .m25-tabs__menu ul li ul { height: 0; overflow: hidden; padding: 0 10px 0px 20px; border: none; margin-top: 0px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m25-tabs__menu ul li ul li .m25-tabs_subtab { display: block; font-weight: 300; color: #222222; position: relative; line-height: 27px; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .m25-tabs__menu ul li ul li .m25-tabs_subtab { font-size: 0.875em; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m25-tabs__menu ul li ul li .m25-tabs_subtab { font-size: 0.875em; } } @media screen and (min-width: 600px) { .m25-tabs__menu ul li ul li .m25-tabs_subtab:hover { color: #007560; } .m25-tabs__menu ul li ul li .m25-tabs_subtab--active { color: #007560; } .m25-tabs__menu ul li .ul--m25-active { height: auto; padding: 12px 16px; margin-top: 0px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m25-tabs__menu ul li .m25-tabs__tab--active { background: #E5F1EF; color: #007560; } .m25-tabs__menu ul li .m25-tabs__tab--active:before { content: ""; width: 4px; background-color: #007560; border-radius: 0 8px 8px 0; position: absolute; left: 0; top: 8px; bottom: 8px; } .m25-tabs__menu ul li .m25-tabs__tab--active:focus-visible { background-color: #F9DC4A; } .m25-tabs__tab--active { background-color: #E5F1EF; color: #007560; } .m25-tabs__tab--active:before { content: ""; width: 4px; background-color: #007560; border-radius: 0 8px 8px 0; position: absolute; left: 0; top: 8px; bottom: 8px; } .m25-tabs__tab--active:focus-visible { background-color: #F9DC4A; } a.m25-tabs__tab.m25-tab_button.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m25-tabs__tab.m25-tab_button, a.m25-tabs__tab.m25-tab_button.form-submit, a.m25-tabs__tab.m25-tab_button.button--next:hover { background-color: #007560; color: white; border-bottom-color: white; } a.m25-tabs__tab.m25-tab_button.button--next:focus-visible, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m25-tabs__tab.m25-tab_button:focus-visible, a.m25-tabs__tab.m25-tab_button.form-submit:focus-visible, a.m25-tabs__tab.m25-tab_button.button--next:hover:focus-visible { background-color: #F9DC4A; color: #222222; } .m25-tabs--variant .m25-tabs__menu { border: none; } .m25-tabs--variant .m25-tabs__menu ul li .m25-tabs__tab:hover { color: #007560; background: transparent; } .m25-tabs--variant .m25-tabs__menu ul li .m25-tabs__tab--active { background: white !important; border: none; transform: scale(1.05); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); color: #222222; border-radius: 5px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } } @media screen and (min-width: 1025px) { .m15-tabs--mobile { display: none; } .ul_scrollable { height: 400px; overflow: scroll; } .m25-tabs .toggle-menu__item { display: none; } .m25-tabs .toggle-menu__itemactive { display: block; } .m25-tabs .toggle-menu__trigger { display: none; } .m25-tabs__title { display: none; } .js .m25-tabs__content { display: none; } .js .m25-tabs__content--active { display: block; } a.m25-tabs__tab.m25-tab_button.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m25-tabs__tab.m25-tab_button, a.m25-tabs__tab.m25-tab_button.form-submit, a.m25-tabs__tab.m25-tab_button.button--next:hover { background-color: #007560; color: white; border-bottom-color: white; } a.m25-tabs__tab.m25-tab_button.button--next:focus-visible, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m25-tabs__tab.m25-tab_button:focus-visible, a.m25-tabs__tab.m25-tab_button.form-submit:focus-visible, a.m25-tabs__tab.m25-tab_button.button--next:hover:focus-visible { background-color: #F9DC4A; color: #222222; } .m25-tabs__menu ul li .m25-tab_button { margin-bottom: 8px; } .m25-tabs__menu ul li + li .m25-tab_button { margin-top: -4px; } .m25-tabs__menu ul li.m25-tabs__title { display: block; font-weight: 700; padding: 12px 16px; color: #007560; position: relative; } .m25-tabs__menu ul li .m25-tabs__tab { display: block; padding: 12px 16px; color: #222222; position: relative; } .m25-tabs__menu ul li .m25-tabs__tab:not(.m25-tab_button) { border: solid 1px #D7D7DF; border-bottom: none; } .m25-tabs__menu ul li .m25-tabs__tab:before { position: absolute; top: calc((100% - 40px) / 2); right: 4px; line-height: 40px; } .m25-tabs__menu ul li .m25-tabs__tab.icon-open:before, .m25-tabs__menu ul li .m25-tabs__tab.j100-expander_input.closed:before { top: 10px; } .m25-tabs__menu ul li .m25-tabs__tab:hover { background: #EBF4F2; } .m25-tabs__menu ul li:last-child .m25-tabs__tab { border-bottom: solid 1px #D7D7DF; } .m25-tabs__menu ul li .m25-tabs__tab ul:not(.empty) + .m25-tabs__tab { font-weight: 300; } .m25-tabs__menu ul li ul { height: 0; overflow: hidden; padding: 0 10px 0px 20px; border: none; margin-top: 0px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m25-tabs__menu ul li ul li .m25-tabs_subtab { display: block; font-weight: 300; color: #222222; position: relative; line-height: 27px; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m25-tabs__menu ul li ul li .m25-tabs_subtab { font-size: 0.875em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m25-tabs__menu ul li ul li .m25-tabs_subtab { font-size: 0.875em; } } @media screen and (min-width: 1025px) { .m25-tabs__menu ul li ul li .m25-tabs_subtab:hover { color: #007560; } .m25-tabs__menu ul li ul li .m25-tabs_subtab--active { color: #007560; } .m25-tabs__menu ul li .ul--m25-active { height: auto; padding: 12px 16px; margin-top: 0px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m25-tabs__menu ul li .m25-tabs__tab--active { background: #E5F1EF; color: #007560; } .m25-tabs__menu ul li .m25-tabs__tab--active:before { content: ""; width: 4px; background-color: #007560; border-radius: 0 8px 8px 0; position: absolute; left: 0; top: 8px; bottom: 8px; } .m25-tabs__menu ul li .m25-tabs__tab--active:focus-visible { background-color: #F9DC4A; } .m25-tabs__tab--active { background-color: #E5F1EF; color: #007560; } .m25-tabs__tab--active:before { content: ""; width: 4px; background-color: #007560; border-radius: 0 8px 8px 0; position: absolute; left: 0; top: 8px; bottom: 8px; } .m25-tabs__tab--active:focus-visible { background-color: #F9DC4A; } .m25-tabs--variant .m25-tabs__menu { border: none; } .m25-tabs--variant .m25-tabs__menu ul li .m25-tabs__tab { border-bottom: 1px solid #B0B0B0; } .m25-tabs--variant .m25-tabs__menu ul li .m25-tabs__tab:hover { color: #007560; background: transparent; } .m25-tabs--variant .m25-tabs__menu ul li .m25-tabs__tab--active { background: white !important; border: none; transform: scale(1.05); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); color: #222222; border-radius: 5px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } } /* for accessibility */ .invert .m25-tabs__menu ul li:last-child .m25-tab_button { background-color: white; color: #222222 !important; } .invert .m25-tabs__menu ul li:last-child .m25-tab_button:before { color: #222222 !important; } .toggle-menu--active .toggle-menu__item { position: relative; } .toggle-menu--active .toggle-menu__trigger { position: relative; display: block; padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 20px; text-align: left; line-height: 1; width: 100%; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .toggle-menu--active .toggle-menu__trigger:before { position: absolute; color: #222222; right: 0; left: auto; content: "\e604"; top: 50%; margin-top: -18px; } .toggle-menu__trigger--empty:before { display: none; } .toggle-menu__trigger--empty:focus { outline: none; } .toggle-menu__trigger--empty:hover { cursor: initial; } .js .toggle-menu__trigger--active:before { content: "\e605"; right: 0; left: auto; } .toggle-menu--active .toggle-menu__title { display: block; position: relative; } .toggle-menu--active .toggle-menu__title[class*=icon-] { padding-left: 50px; } .toggle-menu--active .toggle-menu__title:before { top: -11px; } .toggle-menu__trigger { position: relative; } .toggle-menu__content { display: none; padding-bottom: 25px; } /* homemodule */ /* globalmodule */ @media screen and (max-width: 599px) { .m2-hero-image { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .m2-hero-image { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .m2-hero-image { margin-bottom: 56px; } } .m2-hero-image .inner-breadcrumb { position: relative; } .m2-hero-image__image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background-color: #000; -webkit-backface-visibility: hidden; border-bottom: solid 1px #D7D7DF; } @media screen and (max-width: 599px) { .m2-hero-image__grid-row { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .m2-hero-image__grid-row { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .m2-hero-image__grid-row { margin-left: 16px; margin-right: 16px; } } @media screen and (max-width: 599px) { .m2-hero-image__grid-row { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .m2-hero-image__grid-row { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .m2-hero-image__grid-row { margin-bottom: 56px; } } .m2-hero-text { background: #007560; } .m2-hero-text.m2-hero-image__inner { background-image: none; } .m2-text.m2-hero-image { max-height: 225px; } .m2-hero-image--stock { margin-bottom: 0px !important; } .m2-hero-image--stock .m2-hero-image__inner { display: flex; } .m2-hero-image--stock__title { font-weight: bold; } .m2-hero-image--stock__subtitle { margin-top: 12px; font-weight: 300; } @media screen and (max-width: 599px) { .m2-hero-image__image { width: 100%; height: 180px; margin-bottom: 20px; } .text__innerhero-title { text-shadow: none; word-break: break-word; } .m2-hero-image__content { text-align: center; } .m2-hero-image { box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15); } .inner-breadcrumb { z-index: 1; padding: 0px 16px; display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap; } .inner-breadcrumb li .button--breadcrumbdot { padding: 0; display: flex; align-items: center; justify-content: flex-start; gap: 4px; color: #007560; word-break: break-word; white-space: normal; } .inner-breadcrumb li .button--breadcrumbdot:after { color: #007560; font-size: 28px; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; } .inner-breadcrumb li .button--breadcrumbdot:hover { text-decoration: none; } .inner-breadcrumb li:last-child .button--breadcrumbdot { color: #222222; } .inner-breadcrumb li:last-child .button--breadcrumbdot:after { content: none; } .inner-breadcrumb li:last-child .button--breadcrumbdot:hover { cursor: text; text-decoration: none; } .m2-hero-image--card { position: relative; margin-top: 48px; max-width: 600px; display: block; } .m2-hero-image--card .m2-hero-image--card_details { width: 100%; border: none; } .m2-hero-image--card .m2-hero-image--card_graph { width: 100%; padding: 12px 0 0; text-align: left; } .m2-hero-image--card .m2-hero-image--graph { display: none; } .m2-hero-image--stock { color: white; position: relative; } .m2-hero-image--stock .m2-hero-image__image { height: 500px; margin-bottom: 0px; } .m2-hero-image--stock .m2-hero-image__inner { position: absolute; bottom: 0; left: 0; right: 0; top: 0px; padding-top: 90px; background: rgba(0, 0, 0, 0.4); } .m2-hero-image--stock .m2-hero-image__content { text-align: left; } .m2-hero-image--stock .grid, .m2-hero-image--stock .m85-dstore-carousel_container, .m2-hero-image--stock .m31-search--doormat_inner, .m2-hero-image--stock .service-message__wrapper, .m2-hero-image--stock .m41-tabs-box--variant5 .m41-tabs-box__tab-items, .m41-tabs-box--variant5 .m2-hero-image--stock .m41-tabs-box__tab-items, .m2-hero-image--stock .m41-tabs-box--variant4 .m41-tabs-box__tab-items, .m41-tabs-box--variant4 .m2-hero-image--stock .m41-tabs-box__tab-items, .m2-hero-image--stock .m12-bar__wrapper { width: 100%; } .m2-hero-image--stock__title { font-size: 1.875em; } .m2-hero-image--stock__subtitle { font-size: 1em; } } @media screen and (min-width: 600px) { .m2-hero-image { position: relative; color: white; height: 450px; max-height: 400px; background-color: white; } .m2-hero-image--stock { height: 500px; max-height: 450px; } .m2-hero-image__image { height: 100%; } .m2-hero-image__inner { position: absolute; bottom: 0; left: 0; right: 0; top: 0px; padding-top: 70px; background: rgba(0, 0, 0, 0.4); } .m2-hero-image__grid-row { margin-bottom: 56px; } .m2-hero-image__content { bottom: 0; } .m2-hero-image__content :last-child { margin-bottom: 0; } .inner-breadcrumb { top: 20px; z-index: 1; padding: 0px 16px; display: flex; align-items: center; justify-content: flex-start; gap: 4px; flex-wrap: wrap; } .inner-breadcrumb li .button--breadcrumbdot { padding: 0; display: flex; align-items: center; justify-content: flex-start; gap: 4px; color: #007560; word-break: break-word; white-space: normal; } .inner-breadcrumb li .button--breadcrumbdot:after { color: #007560; font-size: 28px; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; } .inner-breadcrumb li .button--breadcrumbdot:hover { text-decoration: none; } .inner-breadcrumb li:last-child .button--breadcrumbdot { color: #222222; } .inner-breadcrumb li:last-child .button--breadcrumbdot:after { content: none; } .inner-breadcrumb li:last-child .button--breadcrumbdot:hover { cursor: text; text-decoration: none; } .m2-hero-image--card { position: relative; margin-top: 24px; max-width: 600px; } .m2-hero-image--card .m2-hero-image--card_details { width: 40%; } .m2-hero-image--card .m2-hero-image--card_graph { width: 60%; } .m2-hero-image--stock .m2-hero-image__inner { align-items: flex-start; } .m2-hero-image--stock .m2-hero-image__content { bottom: auto; top: 0; } } @media screen and (min-width: 1025px) { .m2-hero-image { max-height: 450px; background-color: white; } .m2-hero-image--stock { max-height: 500px; } .m2-hero-image__content { width: 60%; } .inner-breadcrumb { top: 20px; z-index: 1; padding: 0px 16px; } .m2-hero-image--stock .m2-hero-image__content { width: 50%; } .m2-hero-image--card { width: 600px; position: absolute; bottom: 0; right: 0; max-width: 50%; margin-top: 0; } .m2-hero-image--card .m2-hero-image--card_details { width: 40%; } .m2-hero-image--card .m2-hero-image--card_graph { width: 60%; } .m2-hero-image--stock .m2-hero-image__inner { align-items: flex-end; } .m2-hero-image--stock .m2-hero-image__content { bottom: 0; } } /* globalmodule */ /* homemodule */ .m12-masthead input[type=text]::-ms-clear { display: none; width: 0; height: 0; } .m12-masthead input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } .m12-masthead input[type=search]::-webkit-search-decoration, .m12-masthead input[type=search]::-webkit-search-cancel-button, .m12-masthead input[type=search]::-webkit-search-results-button, .m12-masthead input[type=search]::-webkit-search-results-decoration { display: none; } .m12-masthead { z-index: 1; } .m12-masthead.loggedin_active { position: relative; z-index: 9999; overflow: visible; } .m12-bar__breadcrumbs--toggle .m30-share { z-index: 999; } .m12-bar .m13-footer-back-to-top__link { display: none; } .m12-bar.m12-bar--fixed-new .m13-footer-back-to-top__link { display: block; } .m12-bar.m12-bar--fixed-new .m12-lang-switch_mobile a { border-right: solid 1px #C3C3C3; } .m12-bar.m12-bar--fixed-new .m12-bar--investor__wrapper { position: static; background: rgba(2, 2, 22, 0.9); } .m12-bar.m12-bar--fixed .m13-footer-back-to-top__link { display: block; } .m12-bar.m12-bar--fixed .m12-lang-switch_mobile a { border-right: solid 1px #C3C3C3; } .m12-bar.m12-bar--fixed .m12-bar--investor__wrapper { position: static; background: rgba(2, 2, 22, 0.9); } .email_suggest-list { position: absolute; margin: 0px; z-index: 10; background: white; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12); width: 100%; border-radius: 3px; } .email_suggest-list .email_suggest { border-bottom: 1px solid #BCBEC0; padding: 8px 12px; display: block; color: #222222; line-height: 24px; } .email_suggest-list .email_suggest:last-child { border: none; } .email_suggest-list .email_suggest:hover { cursor: pointer; background: #e2e2e2; } .email_suggest-list .email_suggest:focus { outline: none; background: #e2e2e2; } .email_suggest-list img { right: 16px; position: absolute; height: 24px; } .m12-masthead--logos { margin-bottom: 15px; } .nav-up { top: -40px; } .m12-bar__breadcrumb--tools__fontSizeRange { width: 100px; margin-left: 10px; } .m12-UAEpass--wrapper { width: 60%; min-width: 500px; margin: 0 auto; } .m12-UAEpass--wrapper .button--uaepass { margin: 0px auto; background-color: white; color: #222222; border: 1.5px solid #222222; border-radius: 12px; min-width: 300px; padding: 10px 30px; } .m12-UAEpass--wrapper .button--uaepass:focus { outline: none; box-shadow: 0px 1px 8px 0px rgba(7, 109, 47, 0.5); } .m12-UAEpass--wrapper .button--uaepass:hover { background-color: #F6F6F6; } .m12-UAEpass--wrapper .m12-UAEpass--button { margin: 0px 6px; } .m12-UAEpass--wrapper .m12-UAEpass--button:before { background-image: url(../../images/pass_iconwhite.png); height: 24px; width: 24px; background-size: contain; background-repeat: no-repeat; background-position: center center; content: ""; padding: 0px 12px; direction: ltr; } .m12-UAEpass--wrapper .dsg-service { padding-right: 0px; padding-top: 4px; display: inline-block; } .m12-UAEpass--wrapper .m12-UAEpass--button-text { margin-bottom: 18px; margin-top: 18px; padding: 0px 50px; font-weight: 600; } .m12-UAEpass--wrapper .m12-UAEpass--button-link { font-weight: 100; } .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring { display: flex; align-items: center; margin-bottom: 18px; margin-top: 18px; margin: 0px auto; width: 100%; padding: 20px; font-weight: 600; text-align: left; line-height: 1.9em; background-color: #007560; } .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-img { height: 70px; } .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-text { display: inline-block; color: white; font-weight: 100; padding: 0 12px; } .m12-UAEpass--wrapper .m12-UAEpass--rool { display: none; } .m12-bar__breadcrumb--tools { float: right; } [dir=rtl] .m12-bar__breadcrumb--tools { float: left; } .m12-bar__breadcrumb--tools { padding: 10px 0; } .m12-bar__breadcrumb--tools li { display: inline; padding: 10px 0; padding-right: 25px; color: #6D6E71 !important; padding-left: 40px; } .m12-bar__breadcrumb--tools .m12-bar__breadcrumb--toolsPrint { display: none; cursor: pointer; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m12-bar__breadcrumb--tools .m12-bar__breadcrumb--toolsPrint:before { content: "\e619"; font-size: 30px; } .m12-bar__breadcrumb--tools .m12-bar__breadcrumb--toolsPrint:before { font-size: 20px; position: absolute; top: 10px; right: -23px; } .m12-bar__breadcrumb--tools .m12-bar__breadcrumb--toolsPrint:hover { text-decoration: underline; } .m12-bar__breadcrumb--tools .m12-bar__breadcrumb--toolsPrint a { color: #222222; } .m12-bar__breadcrumb--tools .m12-bar__breadcrumb--toolsShare { cursor: pointer; } .m12-bar__breadcrumb--tools .m12-bar__breadcrumb--toolsShare:hover { text-decoration: underline; } .m12-main__navs--inner { width: 90%; } @media screen and (max-width: 599px) { .m12-main__navs--inner { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m12-main__navs--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m12-main__navs--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } .m12-main__navs--inner { margin: 0 auto; } @media screen and (max-width: 599px) { .m12-main__navs--inner .m12-main__navs--content { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .m12-main__navs--inner .m12-main__navs--content { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .m12-main__navs--inner .m12-main__navs--content { margin-left: 16px; margin-right: 16px; } } .m12-main { width: 100%; position: fixed; z-index: 9993; background-color: white; } .m12-main--offscreen { margin-bottom: 60px; } .m12-main__content { padding-left: 16px; padding-right: 16px; width: 90%; } @media screen and (max-width: 599px) { .m12-main__content { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m12-main__content { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m12-main__content { width: 90%; max-width: 1400px; margin: 0 auto; } } .m12-main__content { margin: 0 auto; } .m12-main__content:before, .m12-main__content:after { content: " "; display: table; } .m12-main__content:after { clear: both; } .m12-main__logos { display: flex; align-items: center; justify-content: space-between; padding: 24px 0 8px; min-height: 98.5px; } @media screen and (max-width: 599px) { .m12-main__logos { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m12-main__logos { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .m12-main__logos { padding-left: 16px; padding-right: 16px; } } .m12-bar { position: relative; height: 60px; top: 97.5px; transition: top 0.4s ease-in-out; box-shadow: 0px 6px 6px rgba(34, 34, 34, 0.1); z-index: 9993; } .m12-bar--fixed { position: fixed; top: 89; width: 100%; z-index: 9993; transition: top 0.2s ease-in-out; } .m12-bar--fixed-new { position: fixed; top: 30px; width: 100%; z-index: 9992; transition: top 0.4s ease-in-out; } @media screen and (max-width: 599px) { .m12-bar__wrapper { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m12-bar__wrapper { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .m12-bar__wrapper { padding-left: 16px; padding-right: 16px; } } .m12-mobile-menu-button { padding: 0; } .m12-bar__breadcrumbs { display: none; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } @media screen and (max-width: 599px) { .m12-bar__content { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .m12-bar__content { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .m12-bar__content { margin-left: 16px; margin-right: 16px; } } .m12-bar--investor__wrapper { position: relative; width: 100%; background: white; z-index: 1; color: #222222; transition: 0.2s ease-in-out all; z-index: 99; border-bottom: solid 1px #DEDEDE; } .m12-bar--investor__wrapper + .m12-bar__breadcrumbs { display: none !important; } .m12-bar--investor__wrapper.fixed { position: fixed; z-index: 9999; top: 0px; background: white; } .m12-bar--investor__wrapper.fixed-new { position: fixed; z-index: 9991; background: white; } @media screen and (max-width: 599px) { .m12-bar--investor__innerwrapper { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m12-bar--investor__innerwrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m12-bar--investor__innerwrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } .m12-bar--investor__innerwrapper { margin: 0 auto; padding: 10px 0; } @media screen and (max-width: 599px) { .m12-bar--investor__innerwrapper { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m12-bar--investor__innerwrapper { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m12-bar--investor__innerwrapper { padding-left: 32px; padding-right: 32px; } } .m12-bar--investor__innerwrapper { width: 90% !important; justify-content: space-between; align-items: center; position: relative; } .m12-bar--investor__toggle { position: absolute; right: -12px; top: 0; cursor: pointer; outline: none !important; } .m12-bar--investor__toggle:before { font-family: "iconfont"; content: "\e604"; font-size: 52px; color: #222222; } .m12-bar--investor__toggle.active:before { content: "\e605"; } .m12-bar--investor__title { font-weight: bold; } .m12-bar--investor__link { color: #222222; font-weight: 300; position: relative; } .m12-bar--investor__link:hover { cursor: pointer; } .m12-bar--investor__link:hover:before { width: 100%; } .m12-bar--investor__link.active { font-weight: bold; color: #007560; } .m12-bar--investor__link.active:hover { cursor: default; } .m12-bar--investor__link.active:before { width: 100%; } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper { position: absolute; width: 100%; background: rgba(2, 2, 22, 0.9); z-index: 1; color: white; transition: 0.2s ease-in-out all; z-index: 99; border-bottom: none; } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper + .m12-bar__breadcrumbs { display: none !important; } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper.fixed { position: fixed; z-index: 9999; background: rgba(2, 2, 22, 0.9) !important; } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper.fixed-new { position: fixed; z-index: 9991; background: rgba(2, 2, 22, 0.9) !important; } @media screen and (max-width: 599px) { .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { margin: 0 auto; padding: 16px 0; } @media screen and (max-width: 599px) { .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { padding-left: 32px; padding-right: 32px; } } .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { width: 90% !important; justify-content: space-between; align-items: center; position: relative; } .m12-bar--investor__wrapper_dark .m12-bar--investor__toggle { position: absolute; right: -12px; top: 0; cursor: pointer; outline: none !important; } .m12-bar--investor__wrapper_dark .m12-bar--investor__toggle:before { font-family: "iconfont"; content: "\e604"; font-size: 52px; color: white; } .m12-bar--investor__wrapper_dark .m12-bar--investor__toggle.active:before { content: "\e605"; } .m12-bar--investor__wrapper_dark .m12-bar--investor__title { font-weight: bold; } .m12-bar--investor__wrapper_dark .m12-bar--investor__link { color: white; font-weight: 300; position: relative; } .m12-bar--investor__wrapper_dark .m12-bar--investor__link:before { position: absolute; bottom: 0; left: 0; overflow: hidden; padding: 2px 0; width: 0; border-bottom: 1.5px solid white; color: white; content: ""; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .m12-bar--investor__wrapper_dark .m12-bar--investor__link:hover { cursor: pointer; } .m12-bar--investor__wrapper_dark .m12-bar--investor__link:hover:before { width: 100%; } .m12-bar--investor__wrapper_dark .m12-bar--investor__link.active { font-weight: bold; color: white; } .m12-bar--investor__wrapper_dark .m12-bar--investor__link.active:hover { cursor: default; } .m12-bar--investor__wrapper_dark .m12-bar--investor__link.active:before { width: 100%; } @media screen and (max-width: 599px) { .m12-main__navs--inner { width: auto; } .m12-UAEpass--wrapper { width: 100%; min-width: 100%; } .m12-UAEpass--wrapper .button--uaepass { width: 260px; } .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring { margin-top: 32px; padding: 17px; } .m12-UAEpass--wrapper .m12-UAEpass--dubaiid-retiring .m12-UAEpass--dubaiid-img { height: 40px; display: inherit; } .m12-UAEpass--wrapper .m12-UAEpass--button-text { padding: 0px 30px; font-weight: normal; line-height: 1.5em; } .m12-UAEpass--wrapper .form-field__button, .m12-UAEpass--wrapper .form-submit-border { margin-top: 20px; } .m12-UAEpass--wrapper .m12-UAEpass--rool { display: block; margin: 30px 15px; text-align: center; position: relative; line-height: 1.2em; font-weight: 600; } .m12-UAEpass--wrapper .m12-UAEpass--rool:before { content: ""; display: block; position: absolute; left: 0; width: calc(50% - 30px); height: 1px; background: #000; top: 10px; } .m12-UAEpass--wrapper .m12-UAEpass--rool:after { content: ""; display: block; position: absolute; right: 0; width: calc(50% - 30px); height: 1px; background: #000; top: 10px; } .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { padding-left: 12px; padding-right: 12px; width: 100% !important; } .m12-bar--investor__innerwrapper { padding: 16px 0px; padding-left: 12px; padding-right: 12px; width: 100% !important; } .m12-bar--investor__wrapper_dark .m12-bar--investor__toggle { position: absolute; right: 0; top: 4px; cursor: pointer; outline: none !important; } .m12-bar--investor__toggle { position: absolute; right: 0; top: 4px; cursor: pointer; outline: none !important; } } .m12-lang-switch_mobile { float: right; line-height: 38px; margin-top: 3px; font-weight: 100; } .m12-lang-switch_mobile a { padding-right: 8px; margin-right: 8px; color: #222222; } .m12-bar--logo_mobile { position: absolute; left: 50px; right: 50px; text-align: center; } .m12-bar--logo_mobile img { height: 36px; } .m12-bar--logo_mobile .mha-img-alt-text { max-width: calc(100vw - 175px); } .m12-bar--logo_mobile.loggedin { text-align: left; padding: 0 14px; padding-right: 54px; } .search-active-wrapper .m12-bar--logo_mobile { display: none; } .m12-bar--investor__list2 { display: inline-block; } .m12-bar--investor__list--more { display: none; height: 27px; } .m12-bar--investor__list--more:before { content: "\e604"; font-family: "iconfont"; color: #222222; font-size: 32px; line-height: 16px; position: relative; top: 10px; } .m12-bar--investor__list--more.opened:before { content: "\e605"; } .m12-bar--investor__list--more.opened + .m12-bar--investor__list2 { transform: rotateX(0deg); } .m12-bar--investor__wrapper_dark .m12-bar--investor__list--more:before { color: white; } @media screen and (max-width: 599px) { .m12-masthead { height: auto !important; } .m12-bar--substitute { height: 65px; display: none; } .m12-main__navs, .m12-section-navs, .m12-bar__content .m12-search { display: none; } .m12-bar__content { display: inline-block; } .m12-main { z-index: 949; background: white; position: relative; } .m12-main--offscreen { margin-bottom: 0; } .m12-bar { height: auto; top: 0; z-index: 9999999; } .m12-bar--fixed-new { top: -65px; } .m12-UAEpass--wrapper .button--uaepass { padding: 12px 24px 12px; margin: 0px; } .m12-bar__breadcrumbs--fixed { display: none; opacity: 1; background-color: white; border-bottom: 1px solid #e6e6e6; } .m12-bar__breadcrumbs-wrapper ul { display: none; } .m12-bar__breadcrumbs-wrapper .m30-share { float: left !important; padding-left: 20px; padding-top: 3px; } .m12-bar__breadcrumbs-wrapper .m30-share__panel--visible ul { display: block; } .m12-bar__breadcrumbs-wrapper .button--up { margin-right: 8px; } .m12-bar__wrapper { height: 65px; } .m12-lang-switch_mobile { display: block; } .m12-bar--investor__innerwrapper { display: block; } .m12-bar--investor__list { white-space: unset; height: 0px; transition: 0.5s all; overflow: hidden; position: absolute; top: 100%; left: 0px; right: 0px; padding: 0 16px; background-color: #EFEFF1; box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.13); } .m12-bar--investor__list.active { height: auto; border-top: solid 1px rgba(255, 255, 255, 0.2); } .m12-bar--investor__wrapper_dark .m12-bar--investor__list { background-color: #222222; } .m12-bar--investor__link { display: table; margin: 10px 0; padding: 10px 0 8px; width: 100%; border-bottom: solid 1px #EFEFF1; } .m12-bar--investor__wrapper_dark .m12-bar--investor__link { border-bottom: solid 1px rgba(239, 239, 241, 0.2); } .m12-bar--investor__list2 { width: 100%; } .m12-bar--investor__list2 .m12-bar--investor__link:first-child { margin-top: 0; } .m12-bar--investor__list2 .m12-bar--investor__link:last-child { border-bottom: none; } .m12-bar--investor__toggle { display: block; } .m12-bar--investor__wrapper.fixed-new { top: 65px; } .m12-bar--investor__wrapper.fixed-new.m20marquee { top: 250px; } .m12-bar--investor__wrapper.fixed { top: 0px; } .m12-bar--investor__wrapper.fixed.m20marquee { top: 185px; } .m12-main { display: none; } } @media screen and (min-width: 600px) { .m12-masthead { height: 150px; } .m12-section-navs { display: none; } .m12-bar--substitute { height: 60px; display: none; } .m12-bar__content { align-items: center; display: flex; position: relative; float: left; margin-top: 15px; } .m12-main__navs { display: block; height: 50px; background: #007560; } .m12-bar__breadcrumbs--fixed { display: none; opacity: 1; background-color: white; border-bottom: 1px solid #e6e6e6; } .m12-bar__breadcrumbs-wrapper { width: 90%; margin: 0 auto; *zoom: 1; padding: 0 16px; } } @media screen and (min-width: 600px) and (max-width: 599px) { .m12-bar__breadcrumbs-wrapper { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) and (min-width: 600px) { .m12-bar__breadcrumbs-wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m12-bar__breadcrumbs-wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 600px) { .m12-bar__crumb { float: left; } .m12-lang-switch_mobile { display: none; } .m12-bar--investor__wrapper { background: white; } .m12-bar--investor__wrapper.fill { background: white; } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper { background: rgb(0, 0, 0); background: linear-gradient(180deg, rgba(2, 2, 22, 0.85) 0%, rgba(2, 2, 22, 0.35) 50%, rgba(2, 2, 22, 0) 100%); } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper.fill { background: rgb(0, 0, 0); } .m12-bar--investor__innerwrapper { display: flex; } .m12-bar--investor__list { white-space: nowrap; height: auto; margin-top: 0; max-width: 100%; overflow: hidden; padding: 10px 0; margin-top: -6px; margin-bottom: 5px; } .m12-bar--investor__list.active { height: auto; } .mha-tr .m12-bar--investor__list, .mha-lh .m12-bar--investor__list { overflow: auto; } .m12-bar--investor__link { margin: 0 10px; padding: 0; border: none; display: inline; } .m12-bar--investor__toggle { display: none; } .m31-search--expanded .m12-quicklinks { display: none; } .m31-search--expanded .m12-tools { width: calc(100% - 270px); } .m31-search--expanded .m12-tools__item:first-child { width: 100%; } .m12-bar--investor__wrapper.fixed-new { top: 156px; } .m12-bar--investor__wrapper.fixed-new.m20marquee { top: 216px; } .m12-bar--investor__wrapper.fixed { top: 98.5px; } .m12-bar--investor__wrapper.fixed.m20marquee { top: 155.5px; } .m12-bar--logo_mobile { display: none; } } @media screen and (min-width: 800px) and (max-width: 1350px) { .m12-bar--investor__list { margin-top: -6px !important; margin-bottom: 5px !important; display: block !important; } .m12-bar--investor__list2 { position: absolute; top: calc(100% + 2px); background-color: white; margin: 0 32px; left: 0; right: 0; transition: 0.25s all ease; transform-origin: top; transform: rotateX(90deg); box-shadow: 0px 4px 12px rgba(34, 34, 34, 0.1); } .m12-bar--investor__list2 .m12-bar--investor__link { display: block; color: #222222; padding: 16px; margin: 0; } .m12-bar--investor__list2 .m12-bar--investor__link + .m12-bar--investor__link { border-top: solid 1px #EFEFF1; } .m12-bar--investor__list2:focus-within { transform: rotateX(0deg); } .m12-bar--investor__list--more { display: inline-block; } } @media screen and (max-width: 799px) and (min-width: 600px) { .m12-bar--investor__innerwrapper { display: block; } .m12-bar--investor__list { white-space: unset; height: 0px; transition: 0.5s all; overflow: hidden; } .m12-bar--investor__list.active { height: auto; margin-top: 12px; border-top: solid 1px rgba(255, 255, 255, 0.2); } .m12-bar--investor__link { display: table; margin: 8px 0; padding: 4px 0 8px; width: 100%; border-bottom: solid 1px #EFEFF1; } .m12-bar--investor__list2 { width: 100%; } .m12-bar--investor__list2 .m12-bar--investor__link:first-child { margin-top: 0; padding-top: 4px; } .m12-bar--investor__list2 .m12-bar--investor__link:last-child { border-bottom: none; } .m12-bar--investor__toggle { display: block; } .m12-bar--investor__wrapper.fixed-new { top: 156px; } .m12-bar--investor__wrapper.fixed { top: 98.5px; } .m12-bar--investor__wrapper_dark .m12-bar--investor__innerwrapper { display: block; } .m12-bar--investor__wrapper_dark .m12-bar--investor__list { white-space: unset; height: 0px; transition: 0.5s all; overflow: hidden; } .m12-bar--investor__wrapper_dark .m12-bar--investor__list.active { height: auto; margin-top: 12px; border-top: solid 1px rgba(255, 255, 255, 0.2); } .m12-bar--investor__wrapper_dark .m12-bar--investor__link { display: table; margin: 8px 0; padding: 4px 0 8px; width: 100%; border-bottom: solid 1px #EFEFF1; } .m12-bar--investor__wrapper_dark .m12-bar--investor__list2 { width: 100%; } .m12-bar--investor__wrapper_dark .m12-bar--investor__list2 .m12-bar--investor__link:first-child { margin-top: 0; padding-top: 4px; } .m12-bar--investor__wrapper_dark .m12-bar--investor__list2 .m12-bar--investor__link:last-child { border-bottom: none; } .m12-bar--investor__wrapper_dark .m12-bar--investor__toggle { display: block; top: 8px; right: 16px; } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper { background: rgba(2, 2, 22, 0.9) !important; } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper.fixed-new { top: 156px; } .m12-bar--investor__wrapper_dark.m12-bar--investor__wrapper.fixed { top: 98.5px; } } @media screen and (min-width: 1025px) { .m12-bar--investor__list { position: static; margin-top: 0px; margin-bottom: 0px; display: flex; flex-wrap: wrap; } .rs_addtools .rsbtn_toolpanel.vertical, .rsbtn .rsbtn_toolpanel.vertical { top: -18em !important; } } li.rsbtn_tool_enlarge, li.rsbtn_tool_pagemask { display: none !important; } .m12-CL-en { width: 300px; } [dir=rtl] .m12-CL-en { width: 300px; } .m12-CL-ar { width: 200px; margin-bottom: 10px; } [dir=rtl] .m12-CL-ar { width: 200px; margin-bottom: 10px; } .theme--a .m12-bar__outerwrapper { color: #222222; background-color: white; } @media screen and (min-width: 1025px) { .theme--a .m12-segment-nav__link--active { color: #007560; } .theme--a .m12-segment-nav__link--active:before { border-bottom: 8px solid #007560; } .theme--a .m12-section-nav__link { color: white; background: #007560; } .theme--a .m12-section-nav__link--active { background: #F6F6F6; color: #222222; } } @media screen and (max-width: 1024px) { .theme--a .m12-segment-nav__item { background: #007560; } } .theme--b .m12-bar__outerwrapper { color: #222222; background-color: white; } @media screen and (min-width: 1025px) { .theme--b .m12-segment-nav__link--active { color: #007560; } .theme--b .m12-segment-nav__link--active:before { border-bottom: 8px solid #007560; } .theme--b .m12-section-nav__link { color: white; background: #007560; } .theme--b .m12-section-nav__link--active { background: #F6F6F6; color: #222222; } } @media screen and (max-width: 1024px) { .theme--b .m12-segment-nav__item { background: #007560; } } .theme--c .m12-bar__outerwrapper { color: #222222; background-color: white; } @media screen and (min-width: 1025px) { .theme--c .m12-segment-nav__link--active { color: #007560; } .theme--c .m12-segment-nav__link--active:before { border-bottom: 8px solid #222222; } .theme--c .m12-section-nav__link { color: white; background: #222222; } .theme--c .m12-section-nav__link--active { background: #F6F6F6; color: #222222; } } @media screen and (max-width: 1024px) { .theme--c .m12-segment-nav__item { background: #222222; } } .m12-masthead--dark { background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #000000, #000000); background: transparent; } .m12-masthead--dark.investor_relations { background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, #000000, #000000); } .m12-masthead--dark .m12-bar { box-shadow: none; } .m12-masthead--dark .m12-main, .m12-masthead--dark.theme--a .m12-bar__outerwrapper { background-color: transparent; } .m12-masthead--dark .m12-quicklinks-item_link, .m12-masthead--dark .m12-quicklinks-item_link.active, .m12-masthead--dark .m12-tools__link-lang, .m12-masthead--dark .m12-myaccount__item, .m12-masthead--dark .m12-myaccount__link--logout, .m12-masthead--dark .m31-search--mic:before, .m12-masthead--dark .m31-search--button:before, .m12-masthead--dark .m31-search--expand:hover, .m12-masthead--dark .m31-search--expand:hover:before, .m12-masthead--dark .m12-tools__link--accessibility:hover:before, .m12-masthead--dark .m31-search.m31-search__mobile .m31-search--button:before, .m12-masthead--dark .m31-search.m31-search__mobile .m31-search--mic:before, .m12-masthead--dark .m12-myaccount__link.m12-myaccount__loggedin:before, .m12-masthead--dark .m31-search--back:before { color: white; } .m12-masthead--dark .m12-quicklinks-item .m12-quicklinks-item_link { background-color: rgba(0, 0, 0, 0.01); } .m12-masthead--dark input.mr-switch:checked { border-color: #7FC9BB !important; box-shadow: inset 20px 0 0 0 #7FC9BB !important; } .m12-masthead--dark .m12-menu_bar--wrapper span, .m12-masthead--dark .m31-search--expand:after, .m12-masthead--dark .invisible--hover:before, .m12-masthead--dark .m12-tools__link-lang:before, .m12-masthead--dark .m12-myaccount__item:before { background: white; } .m12-masthead--dark .m12-quicklinks-item_link:before { background: white; } .m12-masthead--dark .m12-quicklinks-item_link:hover { color: white; } .m12-masthead--dark .m31-search--expand, .m12-masthead--dark .m27-accessibility-overlay__cta, .m12-masthead--dark .m12-tools__item .m12-tools__link-lang, .m12-masthead--dark .m12-myaccount__link, .m12-masthead--dark .m12-myaccount__link--logout, .m12-masthead--dark .m12-myaccount__link--avatar { background-color: rgba(0, 0, 0, 0.12); color: white; } .m12-masthead--dark .m12-myaccount__link--avatar { border-color: #3a3a3a; } .m12-masthead--dark :focus-visible:not(div), .m12-masthead--dark :focus-visible:not(div) + .focus-enabled { outline-color: white; color: white !important; } .m12-masthead--dark .m12-menu_expandable:focus-visible { background-color: transparent; } .m12-masthead--dark .m12-menuover :focus-visible:not(div), .m12-masthead--dark .m12-menuover :focus-visible:not(div) + .focus-enabled { outline-color: #222222; } .m12-masthead--dark .m31-search--expand:before, .m12-masthead--dark .m12-tools__link--accessibility:before { color: white; } .m12-masthead--dark .m31-search--input, .m12-masthead--dark .m31-search.m31-search__mobile.active .m31-search--input { background-color: #3a3a3a; border-color: white; color: white; } .m12-masthead--dark .m31-search--input::placeholder, .m12-masthead--dark .m31-search.m31-search__mobile.active .m31-search--input::placeholder { color: white; } .m12-masthead--dark .m12-myaccount__link.m12-myaccount__loggedin { border-color: white; } @media screen and (max-width: 599px) { .m12-masthead--dark .m12-myaccount__link, .m12-masthead--dark .m12-myaccount__link.m12-myaccount__loggedin { background-color: transparent; color: transparent; } .m12-masthead--dark .m12-myaccount__link:before, .m12-masthead--dark .m12-myaccount__link.m12-myaccount__loggedin:before { color: white; } } .mha-hlink .m12-masthead:not(.m12-masthead--dark) .m12-logo a, .mha-hlink .m12-masthead:not(.m12-masthead--dark) .m12-bar--logo_mobile a { display: inline-block; } .mha-hlink .m12-masthead:not(.m12-masthead--dark) .m12-logo img, .mha-hlink .m12-masthead:not(.m12-masthead--dark) .m12-bar--logo_mobile img { filter: grayscale(1) invert(1); } .mha-hlink .m12-menuover-footer--link .invisible--hover { z-index: -99; } .mha-dark .m12-masthead:not(.m12-masthead--dark) .m12-logo img { filter: saturate(0) invert(1); background-color: #fff !important; } .mha-dark .m12-tools__link--accessibility .invisible--hover { z-index: -1; } .mha-dark .m12-menu_bar--wrapper span { background: white; } .mha-dark .mobile-menu__tool-button--accessibility:before, .mha-dark .m12-menuover-footer--link .m27-accessibility-overlay__cta:before { color: #000 !important; } .mha-light .m12-masthead--dark .m12-logo img { filter: saturate(0) invert(1); background-color: #000 !important; } .mha-light .m12-tools__link--accessibility .invisible--hover { z-index: -1; } .mha-light .m12-masthead--dark .m12-menu_bar--wrapper span { background: #000; } .m10-download { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; line-height: 24px; text-align: center; background: white; box-shadow: 0 1px 4px 0 #9B9B9B; border-radius: 3px; } .m10-download .m10-download__title { font-weight: bold; color: #222222; vertical-align: top; margin: 10px 0; } .m10-download .button, .m10-download .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m10-download a, .m10-download .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m10-download a, .m10-download .form-submit, .m10-download .button--centered { margin-top: 10px; } .m10-download .button.button--small.button--next:before, .m10-download .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--small.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m10-download a.button--small.button--next:before, .m10-download .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--small:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m10-download a.button--small:before, .m10-download .button--small.form-submit:before, .m10-download .button--small.button--next.button--centered:before { top: -2px; } .m10-download:hover { background: white; box-shadow: 0 1px 10px 0 #9B9B9B; border-radius: 3px; } .m10-download__content.icon, .m10-download__content.m95-power-outage_card-status:before, .m19-ql-carousel__container .m10-download__content.slick-next:before, .m19-ql-carousel__container .m10-download__content.slick-prev:before, .m85-dstore-carousel_container .m10-download__content.slick-next:before, .m85-dstore-carousel_container .m10-download__content.slick-prev:before, .survey_wrapper .survey-button-wrapper .m10-download__content.button--survey-active:before, .m3-teaser-carousel__container .m10-download__content.slick-next:before, .m3-teaser-carousel__container .m10-download__content.slick-prev:before, .toggle-menu--active .m10-download__content.toggle-menu__title[class*=icon-], .m10-download__content.toggle-menu__trigger { padding-top: 45px; } .m10-download__content.icon:before, .m10-download__content.m95-power-outage_card-status:before, .m19-ql-carousel__container .m10-download__content.slick-next:before, .m19-ql-carousel__container .m10-download__content.slick-prev:before, .m85-dstore-carousel_container .m10-download__content.slick-next:before, .m85-dstore-carousel_container .m10-download__content.slick-prev:before, .survey_wrapper .survey-button-wrapper .m10-download__content.button--survey-active:before, .m3-teaser-carousel__container .m10-download__content.slick-next:before, .m3-teaser-carousel__container .m10-download__content.slick-prev:before, .toggle-menu--active .m10-download__content.toggle-menu__title[class*=icon-]:before, .m10-download__content.toggle-menu__trigger:before { font-size: 80px; color: #007560; } .m10-download__horiz.m10-download { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; line-height: 24px; text-align: left; min-height: 150px; padding: 0 25px; } .m10-download__horiz.m10-download .m10-download__title { font-weight: bold; color: #222222; vertical-align: top; margin: 10px 0; } .m10-download__horiz.m10-download .icon, .m10-download__horiz.m10-download .m95-power-outage_card-status:before, .m10-download__horiz.m10-download .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .m10-download__horiz.m10-download .slick-next:before, .m10-download__horiz.m10-download .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .m10-download__horiz.m10-download .slick-prev:before, .m10-download__horiz.m10-download .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .m10-download__horiz.m10-download .slick-next:before, .m10-download__horiz.m10-download .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .m10-download__horiz.m10-download .slick-prev:before, .m10-download__horiz.m10-download .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .m10-download__horiz.m10-download .button--survey-active:before, .m10-download__horiz.m10-download .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .m10-download__horiz.m10-download .slick-next:before, .m10-download__horiz.m10-download .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .m10-download__horiz.m10-download .slick-prev:before, .m10-download__horiz.m10-download .toggle-menu--active .toggle-menu__title[class*=icon-], .toggle-menu--active .m10-download__horiz.m10-download .toggle-menu__title[class*=icon-], .m10-download__horiz.m10-download .toggle-menu__trigger { padding-top: 0px; } .m10-download__horiz.m10-download .m10-download__content { padding: 16px 0px; } .m10-download__horiz.m10-download .m10-download__content:before { float: left; line-height: 100px; } .m10-download__horiz.m10-download .m10-download__content .m10-download__largecontent { float: left; padding-left: 25px; } @media screen and (max-width: 599px) { .m10-download { margin-bottom: 8px; min-height: 300px; } } @media screen and (min-width: 600px) { .m10-download { margin-bottom: 16px; min-height: 300px; padding: 0 16px; } } @media screen and (min-width: 1025px) { .m10-download { margin-bottom: 32px; min-height: 300px; padding: 0 32px; } } /* globalmodule */ /* homemodule */ .m20-notification { position: relative; } .new-notification.shown { max-height: 80px; } .new-notification { width: 100%; max-height: 0px; display: block; line-height: 0; overflow: hidden; transition: max-height 0.35s ease-out; } .new-notification .m20-notification__cta { padding: 0px; font-weight: 300; color: #6D6E71; } .new-notification .grid__row, .new-notification .form-introduction, .new-notification .grid__row--tight { margin-bottom: 7px; } .new-notification .link:hover, .new-notification .m111-cs--content_headinglink:hover, .new-notification .links-list__link:hover, .new-notification .form-links__link:hover, .new-notification .m14-richtext a:hover:not(.button):not(.form-submit):not(.button--centered), .new-notification .m125-teaser--content a:hover:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .new-notification a:hover:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .new-notification a:hover:not(.button):not(.form-submit):not(.button--centered) { text-decoration: none; } .new-notification .iconfont_item_icon:before { color: #E98535; left: 20px; position: absolute; top: 5px; } .m20-new-notification { position: relative; background: #f6f6f6; text-align: center; } .m20-new-notification .teaser__copy { font-weight: bold; text-align: left; } .m20-new-notification .teaser__copy:hover { text-decoration: none; } .m20-new-notification .teaser__copy .m20-notification__cta { padding-left: 65px; padding-right: 20px; margin-right: 19px; } .m20-new-notification .teaser__copy .m20-notification__dismiss { color: #E98535; } .m20-new-notification .m20-notification__dismiss { top: 25px; } .m20-notification__cta { display: block; margin-right: 56px; padding-top: 18px; padding-bottom: 19px; padding-left: 19px; } .m20-notification__dismiss { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; left: auto; top: 50%; min-width: 40px; min-height: 40px; padding: 10px 0; vertical-align: middle; text-align: center; cursor: pointer; color: #222222; } .m20-notification__dismiss:before { font-size: 20px; content: "\e608"; } .m20-new-close { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; left: auto; top: 50%; min-width: 40px; min-height: 40px; padding: 10px 0; vertical-align: middle; text-align: center; cursor: pointer; color: #222222; } .m20-new-close:before { font-size: 20px; content: "\e608"; } .fixed { position: fixed; top: 0px; z-index: 1000; } .notification-newstyle { font-family: "DUBAI-REGULAR", serif; font-weight: 400; } .notification-newstyle .m20-notification-2 { position: relative; } .notification-newstyle .m20-notification-2.shown { min-height: 60px; } .notification-newstyle .icon-new-announcement:before { top: 3px !important; } .notification-newstyle { width: 100%; } .notification-newstyle .teaser__copy { font-weight: 600; padding-top: 18px; padding-bottom: 10px; } .notification-newstyle .teaser__copy .uppercase { text-transform: uppercase; } .notification-newstyle .teaser__copy { padding-left: 50px; padding-right: 100px; } .notification-newstyle .teaser__copy .link, .notification-newstyle .teaser__copy .m111-cs--content_headinglink, .notification-newstyle .teaser__copy .links-list__link, .notification-newstyle .teaser__copy .form-links__link, .notification-newstyle .teaser__copy .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .notification-newstyle .teaser__copy .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered) { text-decoration: underline; } .notification-newstyle .teaser__copy .link:hover, .notification-newstyle .teaser__copy .m111-cs--content_headinglink:hover, .notification-newstyle .teaser__copy .links-list__link:hover, .notification-newstyle .teaser__copy .form-links__link:hover, .notification-newstyle .teaser__copy .m14-richtext a:hover:not(.button):not(.form-submit):not(.button--centered), .notification-newstyle .teaser__copy .m125-teaser--content a:hover:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .notification-newstyle .teaser__copy a:hover:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .notification-newstyle .teaser__copy a:hover:not(.button):not(.form-submit):not(.button--centered) { text-decoration: none; } .notification-newstyle .iconfont_item_icon:before { position: absolute; top: 5px; left: 15px; } .notification-newstyle .m20-newstyle-close { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; text-transform: uppercase; right: 0; left: auto; top: 50%; min-width: 40px; min-height: 27px; padding: 6px 20px; vertical-align: middle; text-align: center; cursor: pointer; } .notification-newstyle.fixed { z-index: 9999999; } .sap-maintenance-notification { position: static !important; background-color: #F8CD51; display: none; } .sap-maintenance-notification .grid__row, .sap-maintenance-notification .form-introduction, .sap-maintenance-notification .grid__row--tight { margin-bottom: 0px; } .sap-maintenance-notification .notification_copy { color: #000; line-height: 28px; padding-bottom: 10px; display: block; } .sap-maintenance-notification .m20-newstyle-readmore { background: #000; color: white; border: 1px solid #222222; text-transform: capitalize; position: static; transform: none; padding: 6px 20px; } .sap-maintenance-notification .m20-newstyle-close { background: none; border: 1px solid #222222; min-width: 100px; color: #222222; position: static; transform: none; text-transform: capitalize; } .sap-maintenance-notification .teaser__copy { padding-right: 50px; padding-bottom: 20px; } .sap-maintenance-notification .notification_title { position: absolute; left: 4px; } .m20-notification--marquee { position: static; background-color: #F8CD51; width: 100%; overflow: hidden; white-space: nowrap; min-height: 58px; } .m20-notification--marquee .grid__row, .m20-notification--marquee .form-introduction, .m20-notification--marquee .grid__row--tight { margin-bottom: 0; } .m20-notification--marquee .m20-notification-2 { display: flex; align-items: center; justify-content: space-between; padding: 5px 0; } .m20-notification--marquee .teaser__copy { display: flex; align-items: center; font-weight: 300; } .m20-notification--marquee .teaser__copy a { color: #222222; } .m20-notification--marquee .notification_title { display: flex; align-items: center; justify-content: center; padding: 8px 0px; } .m20-notification--marquee .notification_copy { margin: 0 12px; white-space: normal; } .m20-notification--marquee .teaser__cta { display: flex; align-items: center; font-weight: 300; margin: 0; } .m20-notification--marquee .button--primary, .m20-notification--marquee .form-submit { background-color: #222222; color: white; background-image: none; } .m20-notification--marquee .button--quaternary { background-color: transparent; } .m20marquee .m12-bar--fixed-new { top: 38px; } @media screen and (max-width: 1024px) { .m20-notification--marquee .m20-notification-2 { display: block; } .m20-notification--marquee .teaser__cta { justify-content: flex-end; margin-top: 4px; flex-flow: column; align-items: start; padding-left: 32px; } .m20-notification--marquee .teaser__cta .button, .m20-notification--marquee .teaser__cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m20-notification--marquee .teaser__cta a, .m20-notification--marquee .teaser__cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m20-notification--marquee .teaser__cta a, .m20-notification--marquee .teaser__cta .form-submit, .m20-notification--marquee .teaser__cta .button--centered { text-align: center; min-width: 100px; margin: 12px 0 0; } .m20marquee .m12-bar--fixed-new { top: -65px; } [m20marquee].mobile-menu--active { z-index: 9999999; } } @media screen and (max-width: 599px) { .notification-newstyle .teaser__copy { padding: 10px 0px !important; text-align: center; } .notification-newstyle .m20-newstyle-close { position: static !important; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } .notification-newstyle .notification_title { display: block; } .notification-newstyle .notification_copy { padding-bottom: 10px; display: block; } .notification-newstyle .iconfont_item_icon:before { position: static !important; vertical-align: middle !important; } .sap-maintenance-notification .teaser__copy { padding-left: 50px !important; padding-right: 0px !important; text-align: left; } .m20-notification--marquee .teaser__copy { align-items: start; } .m20-notification--marquee .notification_title { padding: 0; } .m20-notification--marquee .button--very_small { padding: 8px 16px 7px; } .m20-notification--marquee .m20-notification-2 { padding: 16px 0; } .m20-notification--marquee { min-height: 185px; } } .warning-dark.notification-newstyle { background-color: #ab6326; } .warning-dark.notification-newstyle .teaser__copy { color: white; } .warning-dark.notification-newstyle .teaser__copy .link, .warning-dark.notification-newstyle .teaser__copy .m111-cs--content_headinglink, .warning-dark.notification-newstyle .teaser__copy .links-list__link, .warning-dark.notification-newstyle .teaser__copy .form-links__link, .warning-dark.notification-newstyle .teaser__copy .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .warning-dark.notification-newstyle .teaser__copy .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .warning-dark.notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .warning-dark.notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered) { color: white; } .warning-dark.notification-newstyle .m20-newstyle-close { background-color: white; color: #222222; } .warning-dark.notification-newstyle .icon-new-announcement:before { color: white; top: 6px !important; } .warning.notification-newstyle { background: #f6f6f6; } .warning.notification-newstyle .teaser__copy { color: #e50720; } .warning.notification-newstyle .teaser__copy .link, .warning.notification-newstyle .teaser__copy .m111-cs--content_headinglink, .warning.notification-newstyle .teaser__copy .links-list__link, .warning.notification-newstyle .teaser__copy .form-links__link, .warning.notification-newstyle .teaser__copy .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .warning.notification-newstyle .teaser__copy .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .warning.notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .warning.notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered) { color: #e50720; } .warning.notification-newstyle .m20-newstyle-close { background-color: #e50720; color: white; } .warning.notification-newstyle .icon-new-announcement:before { color: #e50720; } .info.notification-newstyle { background-color: #f7deda; } .info.notification-newstyle .teaser__copy { color: #464646; } .info.notification-newstyle .teaser__copy .link, .info.notification-newstyle .teaser__copy .m111-cs--content_headinglink, .info.notification-newstyle .teaser__copy .links-list__link, .info.notification-newstyle .teaser__copy .form-links__link, .info.notification-newstyle .teaser__copy .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .info.notification-newstyle .teaser__copy .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .info.notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .info.notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered) { color: #464646; } .info.notification-newstyle .m20-newstyle-close { background-color: #e50720; color: white; } /* for accessibility */ .invert .warning.notification-newstyle { background-color: white; } .invert .warning.notification-newstyle .teaser__copy { color: #222222; } .invert .warning.notification-newstyle .teaser__copy .link, .invert .warning.notification-newstyle .teaser__copy .m111-cs--content_headinglink, .invert .warning.notification-newstyle .teaser__copy .links-list__link, .invert .warning.notification-newstyle .teaser__copy .form-links__link, .invert .warning.notification-newstyle .teaser__copy .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .invert .warning.notification-newstyle .teaser__copy .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .invert .warning.notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .invert .warning.notification-newstyle .teaser__copy a:not(.button):not(.form-submit):not(.button--centered) { color: #222222 !important; } .invert .warning.notification-newstyle .m20-newstyle-close { background-color: #000000; color: white; } .invert .warning.notification-newstyle .icon-new-announcement:before { color: #222222; } .invert .new-notification .iconfont_item_icon:before { color: #222222; } @media screen and (min-width: 1025px) { .sap-maintenance-notification .teaser__copy { padding-right: 250px; } .sap-maintenance-notification .notification_copy { padding-bottom: 0px; } .sap-maintenance-notification .m20-newstyle-readmore { position: absolute; right: 114px; background: #000; color: white; border: 1px solid #222222; text-transform: capitalize; position: absolute; top: calc(50% - 19px); padding: 6px 20px; vertical-align: middle; text-align: center; cursor: pointer; } .sap-maintenance-notification .m20-newstyle-close { right: 0px; background: none; border: 1px solid #222222; min-width: 100px; color: #222222; position: absolute; top: calc(50% - 19px); } } .mha-dark .m20-notification--marquee .notification_title svg path { fill: white; } .mha-dark .m20-notification--marquee .button--quaternary { border-color: white; } .m15-social-media-feed { *zoom: 1; } .m15-social-media-feed:before, .m15-social-media-feed:after { content: " "; display: table; } .m15-social-media-feed:after { clear: both; } .m15-social-media-feed { position: relative; background: white; height: 288px; margin: 0; } .m15-social-media-feed__clickthrough { position: absolute; top: 0; left: 0; height: 243px; width: 100%; } .m15-social-media-feed__clickthrough img { height: 243px; width: 100%; } .m15-social-media-feed__image { background-position: center center; background-repeat: no-repeat; background-size: auto 100%; width: 100%; } .m15-social-media-feed__image--facebook { padding-bottom: 56.25%; /* 16:9 */ } .m15-social-media-feed__image--youtube { padding-bottom: 56.25%; /* 16:9 */ } .m15-social-media-feed__image--instagram { padding-bottom: 100%; /* square */ } .m15-social-media-feed__text { padding: 16px; } .m15-social-media-feed__text--twitter { word-wrap: break-word; } .m15-social-media-feed__text--twitter:before { content: "“"; } .m15-social-media-feed__text--twitter:after { content: "”"; } .m15-social-media-feed__timestamp { position: absolute; right: 0; padding-right: 16px; position: absolute; bottom: 16px; } .m15-social-media-feed__icon { position: absolute; padding-left: 3px; bottom: 3px; } .m15-social-media-feed__icon--facebook { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m15-social-media-feed__icon--facebook:before { content: "륗"; font-size: 30px; } .m15-social-media-feed__icon--facebook { position: absolute; } .m15-social-media-feed__icon--facebook:before { font-size: 40px; color: #939598; } .m15-social-media-feed__icon--instagram { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m15-social-media-feed__icon--instagram:before { content: "륖"; font-size: 30px; } .m15-social-media-feed__icon--instagram { position: absolute; } .m15-social-media-feed__icon--instagram:before { font-size: 40px; color: #939598; } .m15-social-media-feed__icon--youtube { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m15-social-media-feed__icon--youtube:before { content: "\e60f"; font-size: 30px; } .m15-social-media-feed__icon--youtube { position: absolute; } .m15-social-media-feed__icon--youtube:before { font-size: 40px; color: #939598; } .m15-social-media-feed__icon--twitter { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m15-social-media-feed__icon--twitter:before { content: "륧"; font-size: 30px; } .m15-social-media-feed__icon--twitter { position: absolute; } .m15-social-media-feed__icon--twitter:before { font-size: 40px; color: #939598; } @media screen and (max-width: 599px) { .m15-social-media-feed { height: 243px; margin: 0 0 8px; } .m15-social-media-feed__image { background-size: cover; } .m15-social-media-feed__text { line-height: 22px; padding: 12px; } .m15-social-media-feed__timestamp { position: absolute; right: 0; padding-right: 10px; position: absolute; bottom: 10px; } .m15-social-media-feed__icon--facebook:before { font-size: 34px; } .m15-social-media-feed__icon--instagram:before { font-size: 34px; } .m15-social-media-feed__icon--youtube:before { font-size: 34px; } .m15-social-media-feed__icon--twitter:before { font-size: 34px; } } @media screen and (max-width: 599px) and (orientation: portrait) { .m15-social-media-feed__image--instagram { padding-bottom: 110%; /* square */ } } @media screen and (max-width: 599px) and (orientation: landscape) { .m15-social-media-feed__image--instagram { padding-bottom: 56.25%; /* square */ } } @media screen and (min-width: 600px) { .m15-social-media-feed { height: 288px; } .m15-social-media-feed__clickthrough { height: 288px; } .m15-social-media-feed__clickthrough img { height: 288px; } .m15-social-media-feed__image { background-size: cover; } .m15-social-media-feed__image--instagram { padding-bottom: 110%; /* square */ } .m15-social-media-feed__text { padding: 16px; line-height: 22px; } } @media screen and (min-width: 600px) and (orientation: landscape) { .m15-social-media-feed__text { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m15-social-media-feed__text + * { margin-top: 16px; } .m15-social-media-feed__text { padding: 16px; line-height: 22px; } } @media screen and (min-width: 600px) and (orientation: landscape) and (max-width: 1024px) { .m15-social-media-feed__text { font-size: 1em; } } @media screen and (min-width: 600px) and (orientation: landscape) and (min-width: 1025px) { .m15-social-media-feed__text { font-size: 1em; } } @media screen and (min-width: 1025px) { .m15-social-media-feed { height: 288px; margin: 0; } .m15-social-media-feed__image--instagram { padding-bottom: 100%; /* square */ } } /* globalmodule */ /* homemodule */ .cpage_body .m27-accessibility-overlay { display: block; } .m27-accessibility-overlay__cta { line-height: 44px; cursor: pointer; border-radius: 0px; } .m27-accessibility-overlay { margin-top: 0px !important; border-top: 1px solid #E5E5E5; display: none; position: absolute; width: 100%; left: 0; top: 60px; z-index: 101; background-color: #F6F6F6; padding: 32px 0; box-shadow: 0 1px 2px 0 rgba(109, 110, 113, 0.3); } .m27-accessibility-overlay .button--next, .m27-accessibility-overlay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m27-accessibility-overlay a, .m27-accessibility-overlay .form-submit { font-weight: bold; } .m27-accessibility-overlay .button--next + .button--next, .m27-accessibility-overlay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m27-accessibility-overlay a + .button--next, .m27-accessibility-overlay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--next + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m27-accessibility-overlay .button--next + a, .m27-accessibility-overlay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m27-accessibility-overlay a + a, .m27-accessibility-overlay .form-submit + .button--next, .m27-accessibility-overlay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m27-accessibility-overlay .form-submit + a, .m27-accessibility-overlay .button--next + .form-submit, .m27-accessibility-overlay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m27-accessibility-overlay a + .form-submit, .m27-accessibility-overlay .form-submit + .form-submit { margin: 0; } .m27-accessibility-overlay--visible { display: block; } .m27-accessibility-overlay--menuover { z-index: 9999; position: fixed; top: auto; bottom: 70px; } .m27-accessibility-overlay__content { position: relative; z-index: 101; } .m27-accessibility-overlay__content .grid__row, .m27-accessibility-overlay__content .form-introduction, .m27-accessibility-overlay__content .grid__row--tight { margin-bottom: 0; } .m27-accessibility-overlay__content .m27-accessibility-overlay__header { *zoom: 1; } .m27-accessibility-overlay__content .m27-accessibility-overlay__header:before, .m27-accessibility-overlay__content .m27-accessibility-overlay__header:after { content: " "; display: table; } .m27-accessibility-overlay__content .m27-accessibility-overlay__header:after { clear: both; } .m27-accessibility-overlay__content .m27-accessibility-overlay__header { margin-bottom: 32px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle { margin-bottom: 0px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle + * { margin-top: 16px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__title { display: inline-block; float: left; } .m27-accessibility-overlay__content .m27-accessibility-overlay__title + * { margin-top: 0; } .m27-accessibility-overlay__content .m27-accessibility-overlay__intro { display: none; } .m27-accessibility-overlay__content .m27-accessibility-overlay__button--print { float: right; line-height: 30px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__button--print.button--mobile { display: none; } .m27-accessibility-overlay__content .m27-accessibility-overlay__column--learn-more .m27-accessibility-overlay__subtitle { margin-bottom: -12px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle { display: none; } .m27-accessibility-overlay__content .form_field--container-toggle { width: 100%; } .m27-accessibility-overlay__content .form_field--container-toggle:first-child { margin: 0; } .m27-accessibility-overlay__content .form_field--container-toggle:last-child { margin: 20px 0 0; } .m27-accessibility-overlay__content .form_field--toggle_label, .m27-accessibility-overlay__content .form_field--styled_toggle { display: inline-block; } .m27-accessibility-overlay__content .form_field--toggle_label { vertical-align: top; margin-top: 2px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch .form-field p.form-field__radio, .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch .form-field p.field-content--radio, .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch .field-border p.form-field__radio, .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch .field-border p.field-content--radio { margin-top: 0; } .m27-accessibility-overlay__content .m27-accessibility-overlay__text-larger, .m27-accessibility-overlay__content .m27-accessibility-overlay__text-smaller { margin-top: 0; line-height: 22px; vertical-align: top; } .m27-accessibility-overlay__content .submenu__title { font-weight: bold; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column { width: 100%; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .button--text.button--next:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column a.button--next:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column a:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .PagedList-skipToNext a:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .PagedList-skipToNext a:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .button--text.form-submit:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column a.form-submit:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column a.form-submit:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column a.form-submit:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .button--next.button--text-centered:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .button--text-centered.form-submit:before { top: 0px !important; } .mobile-menu .m27-accessibility-overlay__content .grid__column--3.m27-accessibility-overlay__column--text-size, .mobile-menu .m27-accessibility-overlay__content .grid__column--3.m27-accessibility-overlay__column--contrast-switch, .mobile-menu .m27-accessibility-overlay__content .grid__column--3.m27-accessibility-overlay__column--learn-more, .mobile-menu .m27-accessibility-overlay__content .grid__column--3.m27-accessibility-overlay__column--readspeaker { width: 100%; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro { margin-bottom: 15px; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__title { display: none; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__header { margin-bottom: 0; } .mobile-menu .m27-accessibility-overlay__content .submenu__title { margin-bottom: 12px; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__intro { display: block; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column { width: 100%; margin-bottom: 0; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column + * { margin-top: 20px; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .m67-confirmation-message__content .button, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .m67-confirmation-message__content a, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .m67-confirmation-message__content a, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .m67-confirmation-message__content .form-submit, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column .m67-confirmation-message__content .button--centered { white-space: normal; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--learn-more .m27-accessibility-overlay__link { display: none; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__button--print { display: none; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__button--print.button--mobile { display: block; margin-top: 0px; float: left; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__button--print.button--mobile:before { top: 10px !important; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__learn-more-subttitle { margin-top: 0; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch p.form-field__radio, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch p.field-content--radio { margin-top: 7px; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch p.form-field__radio .form-field__fakeradio:before, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch p.field-content--radio .form-field__fakeradio:before { top: -1px; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--readspeaker .mt24 { margin-bottom: 0px; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch .submenu__title { margin-bottom: 0px; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch .form-field__button, .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch .form-submit-border { display: none; } .mobile-menu .m27-accessibility-overlay__content .m27-accessibility-overlay__subtitle + * { margin-top: 0px; } .mobile-menu .m27-accessibility-overlay__content .grid__column--8 { margin-top: 0px; } .m27-accessibility-overlay__column .m67-confirmation-message { line-height: normal !important; } .m27-accessibility-overlay__column .m67-confirmation-message--success { border: none !important; } .m27-accessibility-overlay__column .m67-confirmation-message__message { font-weight: normal; } .m27-accessibility-overlay__column .m67-confirmation-message__title { text-align: left; font-weight: bold; padding: 4px 12px !important; } .m27-accessibility-overlay__column .m67-confirmation-message__content { padding: 12px; } .m27-accessibility-overlay__column .button--next, .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m27-accessibility-overlay__column a, .m27-accessibility-overlay__column .form-submit { padding-bottom: 0; font-weight: bold; } .m27-accessibility-overlay__column .button--next:before, .m27-accessibility-overlay__column .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m27-accessibility-overlay__column a:before, .m27-accessibility-overlay__column .form-submit:before { color: #737373; } .m27-accessibility-overlay__column--text-size .m27-accessibility-overlay__subtitle { margin-bottom: 20px; } @media screen and (min-width: 600px) { .m27-accessibility-overlay__content .grid__column--8 { width: 66.6666666667%; } .m27-accessibility-overlay__content .m27-accessibility-overlay__column--text-size { margin-top: 10px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__column--text-size .m27-accessibility-overlay__subtitle { margin-top: 20px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch { margin-top: 10px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__column--contrast-switch .m27-accessibility-overlay__subtitle { margin-top: 20px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__column--readspeaker { margin-top: 10px; } .m27-accessibility-overlay__content .m27-accessibility-overlay__column--readspeaker .m27-accessibility-overlay__subtitle { margin-top: 20px; } } /* dewamodule */ /* epassmodule */ /* careermodule */ .m34-pagination { position: relative; width: 100%; max-width: 83.3333333333%; margin: 35px auto 80px; text-align: center; } .m34-pagination__button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a { position: absolute; right: 0; } .m34-pagination__button--page { padding-right: 12px; padding-left: 12px; } .m34-pagination__page-list { display: inline-block; margin: 0 auto; } .m34-pagination__page-list-item, .m34-pagination__page-list-item--active { display: inline-block; margin: 0; } .m34-pagination__page-list-item:first-child, .m34-pagination__page-list-item--active:first-child { margin-left: 0; } .m34-pagination__page-list-item:last-child, .m34-pagination__page-list-item--active:last-child { margin-right: 0; } .m34-pagination__page-list-item--active { position: relative; top: -0.6px; } .m34-pagination__page-list-item--active .button, .m34-pagination__page-list-item--active .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m34-pagination__page-list-item--active a, .m34-pagination__page-list-item--active .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m34-pagination__page-list-item--active a, .m34-pagination__page-list-item--active .form-submit, .m34-pagination__page-list-item--active .button--centered { font-weight: normal; } @media screen and (max-width: 599px) { .m34-pagination { margin: 10px auto 56px; text-align: center; max-width: none; } .m34-pagination__button--page { padding-right: 8px; padding-left: 8px; } .m34-pagination__page-list { max-width: 60%; } } .m33-thumbnail-gallery { display: block; position: relative; text-align: center; } .m33-thumbnail-gallery .slick-slider { margin-bottom: 0; } .m33-thumbnail-gallery .slick-slide img { margin: 0 auto; } .gallery__title-bar { position: relative; } .gallery__title-container { padding-top: 10px; text-align: left; } .m33-thumbnail-gallery__caption { margin-top: 16px; margin: 16px 0 16px; min-height: 16px; } .gallery__title { display: inline-block; color: #007560; font-weight: 600; } .m33-thumbnail-gallery__pagination { text-align: center; line-height: 50px; display: block; } .gallery__button--back { padding-left: 60px; } .gallery__button--back:before { left: 9px; right: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e606"; } .m33-thumbnail-gallery__button--share { padding-right: 60px; } .m33-thumbnail-gallery__button--share:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e60d"; } .m33-thumbnail-gallery__button--share { position: absolute; right: 0; padding-right: 24px; margin-top: 0; top: 0; } .m33-thumbnail-gallery__button--share:before { right: -12px !important; } .m33-thumbnail-gallery__share-panel { display: none; box-shadow: 0 0 3px 0px rgba(109, 110, 113, 0.25); position: absolute; top: 45px; right: 0; z-index: 10; } .m33-thumbnail-gallery__share-panel li { width: 280px; line-height: 50px; background-color: white; border-right: 1px solid #BCBEC0; border-left: 1px solid #BCBEC0; cursor: pointer; } .m33-thumbnail-gallery__share-panel li:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #BCBEC0; } .m33-thumbnail-gallery__share-panel li:first-child:before { content: ""; background-image: url("../../images/share-panel-arrow.png"); background-size: 15px 11px; width: 15px; height: 11px; position: absolute; top: -10px; right: 30px; z-index: 1; } .m33-thumbnail-gallery__share-panel li:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 1px solid #BCBEC0; } .m33-thumbnail-gallery__share-panel li:hover { background-color: #F6F6F6; } .m33-thumbnail-gallery__share-item-link { color: #222222; } .m33-thumbnail-gallery__main-carousel-container, .m33-thumbnail-gallery__thumb-carousel-container { position: relative; width: 100%; } .m33-thumbnail-gallery__main-carousel-container { margin-bottom: 48px; } .m33-thumbnail-gallery__main-carousel, .m33-thumbnail-gallery__thumb-carousel { width: 100%; position: absolute; top: -99999px; } .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--googleplus, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--twitter { vertical-align: middle; } .m30-share__link--googleplus:before, .m30-share__link--email:before, .m30-share__link--linkedin:before, .m30-share__link--facebook:before, .m30-share__link--twitter:before, .m33-thumbnail-gallery__share--googleplus:before, .m33-thumbnail-gallery__share--linkedin:before, .m33-thumbnail-gallery__share--facebook:before, .m33-thumbnail-gallery__share--twitter:before { position: relative; line-height: 0; top: -2px; margin: 0 5px; font-size: 37px; vertical-align: middle; } .m33-thumbnail-gallery__share--twitter { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m33-thumbnail-gallery__share--twitter:before { content: "\e60a"; font-size: left; } .m33-thumbnail-gallery__share--twitter:before { color: #00ACED; } .m33-thumbnail-gallery__share--facebook { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m33-thumbnail-gallery__share--facebook:before { content: "\e606"; font-size: left; } .m33-thumbnail-gallery__share--facebook:before { color: #3B5998; } .m33-thumbnail-gallery__share--linkedin { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m33-thumbnail-gallery__share--linkedin:before { content: "\e603"; font-size: left; } .m33-thumbnail-gallery__share--linkedin:before { color: #007BB5; } .m33-thumbnail-gallery__share--googleplus { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m33-thumbnail-gallery__share--googleplus:before { content: "\e602"; font-size: left; } .m33-thumbnail-gallery__share--googleplus:before { color: #DD4B39; } .m33-thumbnail-gallery__main-carousel-slide-inner { position: relative; padding: 0 2px; } .m33-thumbnail-gallery__main-carousel-slide-image { height: auto; width: 100%; border-radius: 10px; } .m33-thumbnail-gallery__main-carousel-slide-panel { position: absolute; bottom: 56px; left: 0; right: 0; padding: 0 39px 0; width: 90%; } @media screen and (max-width: 599px) { .m33-thumbnail-gallery__main-carousel-slide-panel { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m33-thumbnail-gallery__main-carousel-slide-panel { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m33-thumbnail-gallery__main-carousel-slide-panel { width: 90%; max-width: 1400px; margin: 0 auto; } } .m33-thumbnail-gallery__main-carousel-slide-panel { margin: 0 auto; } .m33-thumbnail-gallery__main-carousel-slide-panel .button--secondary { margin-right: 34px; margin-left: 0; } .m33-thumbnail-gallery__main-carousel-slide-panel--inner { width: 50%; max-width: none; } .m33-thumbnail-gallery__nav-button { width: 13px; height: 22px; cursor: pointer; } .m33-thumbnail-gallery__main-carousel-nav { position: absolute; bottom: 18px; z-index: 90; display: table; width: 100%; } .m33-thumbnail-gallery__main-carousel-nav-outer { display: table-cell; text-align: center; } .m33-thumbnail-gallery__main-carousel-nav-inner { display: inline-block; } .m33-thumbnail-gallery__thumb-carousel-slide { display: inline-block; padding: 0; } .m33-thumbnail-gallery__thumb-carousel-slide-image { background-color: white; height: 100%; margin: 0 auto; aspect-ratio: 16/9; } .current .m33-thumbnail-gallery__thumb-carousel-slide-image .m33-thumbnail-gallery__thumb-carousel-slide-image_img { opacity: 1; filter: alpha(opacity=100); } .m33-thumbnail-gallery__thumb-carousel-slide-image .m33-thumbnail-gallery__thumb-carousel-slide-image_img { cursor: pointer; opacity: 0.6; filter: alpha(opacity=60); } .m33-thumbnail-gallery__thumb-carousel-slide-image .m33-thumbnail-gallery__thumb-carousel-slide-image_img:hover { opacity: 1; filter: alpha(opacity=100); } .m33-thumbnail-gallery__thumb-carousel-slide-image_img { width: 100%; height: 100%; background-size: cover; background-position: center; border-radius: 10px; } .m33-thumbnail-gallery__thumb-carousel .slick-list { width: 100%; border-radius: 10px; } .m33-thumbnail-gallery__thumb-carousel-nav { position: absolute; bottom: 18px; z-index: 90; display: table; width: 100%; } .m33-thumbnail-gallery__main-carousel-button--prev, .m33-thumbnail-gallery__thumb-carousel-button--prev { cursor: pointer; position: absolute; left: 0; top: calc((100% - 32px) / 2); height: 32px; width: 20px; display: flex; align-items: center; justify-content: center; } .m33-thumbnail-gallery__main-carousel-button--prev:before, .m33-thumbnail-gallery__thumb-carousel-button--prev:before { content: "\e609"; font-family: "iconfont"; color: #BDBDBD; font-size: 44px; font-weight: 700; } .m33-thumbnail-gallery__main-carousel-button--next, .m33-thumbnail-gallery__thumb-carousel-button--next { cursor: pointer; position: absolute; right: 0; top: calc((100% - 32px) / 2); height: 32px; width: 20px; display: flex; align-items: center; justify-content: center; } .m33-thumbnail-gallery__main-carousel-button--next:before, .m33-thumbnail-gallery__thumb-carousel-button--next:before { content: "\e60c"; font-family: "iconfont"; color: #BDBDBD; font-size: 44px; font-weight: 700; } @media screen and (max-width: 599px) { .m33-thumbnail-gallery__main-carousel, .m33-thumbnail-gallery__thumb-carousel { position: static; } .gallery__title-container { margin-bottom: 36px; } .m33-thumbnail-gallery__info-bar { display: none; } .m33-thumbnail-gallery__main-carousel { position: static; } .m33-thumbnail-gallery__main-carousel-slide-image { height: auto; background-size: cover; } .m33-thumbnail-gallery__main-carousel-nav { display: none; } .m33-thumbnail-gallery__main-carousel-slide-panel { width: auto; } .m33-thumbnail-gallery__main-carousel-button--prev, .m33-thumbnail-gallery__main-carousel-button--next { display: none !important; } .m33-thumbnail-gallery__main-carousel-container { padding-bottom: 24px; border-bottom: solid 1px #E4E2E6; margin-bottom: 24px; } .m33-thumbnail-gallery__thumb-carousel { display: flex; flex-wrap: wrap; column-gap: 16px; row-gap: 24px; } .m33-thumbnail-gallery__thumb-carousel-slide { width: calc((100% - 16px) / 2); } .m33-thumbnail-gallery__thumb-carousel-slide-image_img { border-radius: 8px; } .current .m33-thumbnail-gallery__thumb-carousel-slide-image .m33-thumbnail-gallery__thumb-carousel-slide-image_img { opacity: 1 !important; } .m33-thumbnail-gallery__thumb-carousel-button--prev, .m33-thumbnail-gallery__thumb-carousel-button--next { display: none; } .m33-thumbnail-gallery__thumb-carousel-slide-image .m33-thumbnail-gallery__thumb-carousel-slide-image_img:hover { opacity: 0.6; } } @media screen and (min-width: 600px) { .gallery__title-container { margin-bottom: 48px; } .m33-thumbnail-gallery__info-bar { display: none; } .m33-thumbnail-gallery__caption { margin: 16px 0 32px; } .m33-thumbnail-gallery__thumb-carousel-button--next { margin-right: 58px; } .m33-thumbnail-gallery__thumb-carousel-button--prev { margin-left: 58px; } .m33-thumbnail-gallery, .m33-thumbnail-gallery__main-carousel-slide-image { height: auto; background-size: cover; } .m33-thumbnail-gallery__thumb-carousel-container { padding: 0px; } .m33-thumbnail-gallery__main-carousel-nav { bottom: 15px; display: none; } } @media screen and (min-width: 1025px) { .m33-thumbnail-gallery__info-bar { display: none; } .gallery__button--back { margin-top: 36px; } .gallery__title-container { margin-bottom: 48px; } .m33-thumbnail-gallery, .m33-thumbnail-gallery__main-carousel-slide-image { height: auto; } .m33-thumbnail-gallery__main-carousel-slide-image { width: 100%; } .m33-thumbnail-gallery__thumb-carousel-container { padding: 0; } .m33-thumbnail-gallery__main-carousel-nav { display: table; } .m33-thumbnail-gallery__main-carousel-button--prev, .m33-thumbnail-gallery__main-carousel-button--next { display: none !important; } .m33-thumbnail-gallery__main-carousel { width: calc(100% - 200px); margin: 0 auto; } .m33-thumbnail-gallery__thumb-carousel { position: relative; left: -8px; width: calc(100% - 184px); margin: 0 auto; } } .touch-scroller-wrapper { position: relative; z-index: 10; overflow: scroll; } .touch-scroller-content { position: relative; z-index: 10; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; text-size-adjust: none; } .touch-scroller-overflow { overflow-y: auto; } /* globalmodule */ /* homemodule */ .m12-main__logos a { display: inline-block; } .m12-logo--government { float: left; width: 30%; text-align: left; } .m12-logo-image--government { height: 62.5px; } .skip-content { padding: 0; margin: 0; list-style-type: none; } .skip-content a { position: absolute; top: -30em; left: 0; background-color: #000; color: white; padding: 0.5em 0.75em; z-index: 100000000000000000; } .skip-content a:focus { top: 0px; } .m12-logo--yoi { width: 36%; float: left; text-align: center; } .m12-logo-image--yoi { height: 50px; } .m12-logo--dewa { float: right; width: 33%; text-align: right; } .m12-logo-image--dewa { height: 50px; margin-top: 8px; } @media screen and (max-width: 599px) { .m12-logo--government { width: 27%; } .m12-logo--yoi { width: 25%; } .m12-logo--dewa { width: 45%; float: right; } .m12-logo-image--government { width: unset; height: 28px; } .m12-logo-image--dewa { width: unset; height: 34px; margin-top: 1px; } .m12-logo-image--yoi { height: 30px; } .mha-dark .m12-logo-image--dewa { background-color: transparent !important; filter: grayscale(1) invert(1); } } @media screen and (device-aspect-ratio: 40/71) { .m12-logo-image--yoi { height: 22px; padding-top: 10px; } } @media screen and (min-width: 600px) { .m12-logo-image--dewa { height: 50px; max-width: 100%; margin-top: 8px; } } @media screen and (min-width: 1025px) { .m12-logo--yoi { left: 240px; } .m12-logo-image--dewa { height: 50px; margin-top: 8px; } } /* globalmodule */ /* homemodule */ .mobile-menu { display: none; } .mobile-menu--inner { position: relative; height: calc(100% - 207px); min-height: 100px; overflow: auto; } @media screen and (max-width: 1024px) { .mobile-menu { display: block; opacity: 0; position: fixed; top: 64px; bottom: 0; background: white; z-index: 999; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .mobile-menu--active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); z-index: 999999; opacity: 1; } .mobile-menu-navs { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; position: relative; margin-top: 40px; } .mobile-menu-navs .m12-menuover-main_item { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mobile-menu-navs .m12-menuover-main_itemlink { display: block; padding: 8px 0px; line-height: 1.5; width: calc(100% - 48px); margin: 0 24px; border-bottom: solid 1px #EFEFF1; height: auto !important; } .mobile-menu-navs .m12-menuover-main_itemlink:before { content: none; right: -8px; } .mobile-menu-navstitle { padding: 8px 0px; margin: 0 24px; font-weight: bold; text-transform: capitalize; color: #007560; line-height: 1.5; } .mobile-menu-panel__content { background: white; } .mobile-menu-panel { width: 100%; background: white; position: absolute; z-index: 100; top: 0; } .mobile-menu__accessibility { z-index: 1000000; background-color: white; position: absolute; top: 0; height: 100%; width: 100%; overflow: scroll; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .mobile-menu--accessibility-open .mobile-menu__accessibility { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mobile-menu__accessibilityheader { background: #f2f3f3; height: 50px; font-weight: bold; color: #222222; text-align: center; padding: 15px; font-weight: white; display: inline-block; width: 100%; outline: none; border-bottom: 1px solid #E5E5E5; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mobile-menu__accessibilityheader:before { content: "\e606"; font-size: 40px; font-family: "iconfont"; position: absolute; left: 0; right: auto; top: calc((100% - 40px) / 2); } .mobile-menu__footer { position: absolute; bottom: 0; text-align: center; right: 0; left: 0; background-color: white; padding: 24px 0; max-height: calc(100vh - 100px); overflow: auto; } .mobile-menu__footer img { width: 200px; margin: 4px auto 0; display: block; } .mobile-menu-closebtn { top: 0px; width: 40px; height: 40px; position: fixed; z-index: 999999; right: 16px; left: auto; outline: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity, 0.3s; -moz-transition: opacity, 0.3s; transition: opacity, 0.3s; } .mobile-menu-closebtn:before { font-size: 30px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; } .mobile-menu-closebtn { font-weight: 300; color: #222222; } .mobile-menu-closebtn:before { content: "\e608"; color: #222222; position: absolute; left: 4px; right: auto; top: 8px; font-size: 40px; } .mobile-menu-closebtn--active { opacity: 1; filter: alpha(opacity=100); } .mobile-menu__myaccount .m12-segment-nav__link { padding: 9px 15px 4px 15px !important; float: left; } .mobile-menu__myaccount .m12-segment-nav__link img { height: 30px; } .mobile-menu__myaccount .m12-myaccount-mobile__link { float: right; margin-top: 0px; font-size: 1.2em; } .mobile-menu__myaccount .m12-myaccount-mobile__link:before { font-size: 23px; } .mobile-menu__tools { padding: 16px; display: flex; align-items: center; justify-content: space-between; } .mobile-menu__tool .m12-tools__link { color: #6D6E71; } .mobile-menu__tool .m12-tools__link .m12-search__init:before { content: "\e602"; font-size: 30px; color: #007560; } .mobile-menu__tool { float: left; width: 33.33%; outline: none; height: 50px; border-right: 1px solid #939598; } .mobile-menu__tool:last-child { border: none; } .mobile-menu__tool-button { display: inline-block; margin: 0px; margin-right: 16px; } .mobile-menu__tool-button:last-child { margin: 0px; } .mobile-menu__tool-button:before { color: #222222; content: none; } .mobile-menu__tool-button--language { font-weight: 600; color: #222222; background-color: #f2f3f3; border-radius: 30px; padding: 13px 16px; } .mobile-menu__tool-button--accessibility { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .mobile-menu__tool-button--accessibility:before { content: "落"; font-size: 34px; } .mobile-menu__tool-button--o4 { background-color: #f2f3f3; border-radius: 50%; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; } .mobile-menu__tool-button--o4 img { height: 32px; } .mobile-menu__tool-button--search { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .mobile-menu__tool-button--search:before { content: "\e602"; font-size: 34px; } .mobile-menu-search { position: absolute; bottom: 0; height: 100%; background: rgba(238, 238, 238, 0.975); left: 0; right: 0; display: none; } .mobile-menu-search--active { display: block; z-index: 10000001; opacity: 1; filter: alpha(opacity=100); } } @media screen and (min-width: 1025px) { .mobile-menu-closebtn { display: none; } } .mobile-menu__tool-button--accessibility { padding: 0px !important; } /* globalmodule */ /* homemodule */ .m12-myaccount { float: right; } .m12-myaccount .form-links { margin-top: -95px !important; } .m12-myaccount .create.form-links { margin-top: -30px !important; float: left; padding-left: 140px; color: #6D6E71; } .m12-myaccount .create.form-links .form-links__link { display: inline; } .m12-myaccount .create.form-links.create--active { padding-left: 180px; } .m12-myaccount .text__section-title { text-align: left; color: #6D6E71; } .m12-myaccount .text__section-title h2 { font-weight: bold; } .dsg-service { line-height: 12px; padding-left: 100px; padding-right: 80px; text-align: left; position: relative; } .dsg-service:before { content: ""; width: 89px; height: 35px; top: 0px; position: absolute; left: 0px; right: auto; background-image: url(../../images/dubai-id@2x.png); background-size: 89px 35px; background-repeat: no-repeat; } .dsg-service b { color: #0B7BC1; font-weight: 700; } .help-text { color: #222222; } .m12-myaccount__item { display: inline-block; margin: 0; padding: 0; } .m12-myaccount__item .form-links__item { width: 100%; text-align: left; } .m12-myaccount-mobile__link { line-height: 1.5; font-weight: bold; color: inherit; position: relative; padding: 8px 15px 5px 15px; display: block; } .m12-myaccount-mobile__link:before { position: absolute; top: 0; text-align: center; font-size: 20px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .m12-myaccount-mobile__link:before { top: 2px !important; left: 6px !important; } } .m12-myaccount-mobile__link { display: inline-block; background: transparent; border: 2px solid #007560; color: #222222; } .m12-myaccount-mobile__link:before { left: calc((100% - 35px) / 2); font-size: 35px; line-height: 35px; align-items: center; color: #007560; } .m12-myaccount__link--avatar { height: 36px; width: 36px; position: absolute; top: calc((100% - 36px) / 2); left: calc((100% - 36px) / 2); background-size: contain; background-position: center center; background-repeat: no-repeat; border-radius: 50%; border: solid 2px white; } .m12-myaccount__link--logout { display: inline-flex; color: #222222; margin-left: 16px; padding: 10px 16px 8px; background-color: #f3f3f3; border-radius: 30px; align-items: center; font-weight: bold; position: relative; } .m12-myaccount__link--logout:before { left: 4px; font-size: 35px; line-height: 35px; align-items: center; position: absolute; } .m12-myaccount--dropdown { position: absolute; top: 48px; right: 0; color: #222222; max-height: auto; line-height: 1.25; width: 360px; border-radius: 10px; background-color: white; box-shadow: 0px 4px 20px 0px rgba(183, 183, 183, 0.3); z-index: 2; transform-origin: top; transform: rotateX(90deg); transition: 0.25s all; } .m12-myaccount--dropdown .m12-myaccount--dropdown_item { display: none; } .m12-myaccount--dropdown.active { transform: rotateX(0deg); } .m12-myaccount--dropdown.active .m12-myaccount--dropdown_item { display: block; } .m12-myaccount--dropdown_user { position: relative; padding: 16px 16px 8px; padding-left: 44px; font-weight: 700; } .m12-myaccount--dropdown_user:before { content: "륥"; font-family: "iconfont"; font-size: 32px; font-weight: 400; position: absolute; left: 10px; top: calc((100% - 40px) / 2); } .m12-myaccount--dropdown_section { padding: 0 16px; } .m12-myaccount--dropdown_section + .m12-myaccount--dropdown_section { border-top: solid 1px #EFEFF1; } .m12-myaccount--dropdown_sectiontitle { font-weight: 700; color: #BDBDBD; padding: 6px 16px; line-height: 1.5; } .m12-myaccount--dropdown_item { padding: 10px 16px; } .m12-myaccount--dropdown_link { color: #6F6F6F; font-weight: 300; line-height: 1.5; } .m12-myaccount--dropdown_link:hover { color: #007560; } .m12-myaccount--dropdown_close { display: none; } .m12-myaccount--dropdown_closebtn:before { content: "\e608"; font-family: "iconfont"; font-size: 28px; } .m12-myaccount--dropdown_overlay { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.5; } @media screen and (max-width: 599px) { .m12-myaccount { margin: 0px; position: absolute; right: 12px; top: calc((100% - 44px) / 2); } .m12-myaccount__login-form .form-field__fakecheckbox { padding-left: 2.5em; } .m12-myaccount__login-form .form-field__fakecheckbox:before { width: 10px; height: 10px; } .m12-myaccount__login-form .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .m12-myaccount__login-form .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .m12-myaccount__login-form [type=checkbox]:checked + .form-field__fakecheckbox:after { top: -16px; left: -7px; } .m12-myaccount__link { max-width: 100px !important; padding: 0px !important; width: 40px; height: 40px; color: transparent; background-color: transparent; box-shadow: none !important; text-indent: -9999px; overflow: hidden; top: 2px; } .m12-myaccount__link:before { color: #222222; position: absolute; top: calc((100% - 52px) / 2); left: 4px; font-size: 32px; text-indent: initial; } .m12-myaccount--dropdown { width: calc(100vw - 24px); top: 24px; z-index: 3; } .m12-myaccount--dropdown.active + .m12-myaccount--dropdown_overlay { display: block; } .m12-myaccount--dropdown_close { display: flex; align-items: center; justify-content: flex-end; padding: 16px 16px 0; margin-bottom: -8px; } .loggedin_active { overflow: hidden; } } @media screen and (orientation: landscape) and (max-width: 1023px) { .m12-myaccount--dropdown { width: 100%; top: 0; position: fixed; margin-top: 0; bottom: 0; overflow: auto; z-index: 9; } .m12-myaccount--dropdown_close { display: flex; align-items: center; justify-content: flex-end; padding: 16px 16px 0; margin-bottom: -12px; } .loggedin_active { overflow: hidden; } } @media screen and (min-width: 600px) { .m12-myaccount { display: flex; margin-top: 0; align-items: center; padding-right: 16px; height: 60px; } .m12-myaccount__item { float: left; color: #007560; } .m12-myaccount_register-button { margin-top: 18px; text-align: left; } .m12-myaccount_register-button .button, .m12-myaccount_register-button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m12-myaccount_register-button a, .m12-myaccount_register-button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m12-myaccount_register-button a, .m12-myaccount_register-button .form-submit, .m12-myaccount_register-button .button--centered { margin: 0px; } .m12-myaccount_register-or { margin-top: 15px; color: #222222; } .m12-myaccount__button { margin-bottom: 40px; } .m12-myaccount__register { color: #222222; } .m12-myaccount__link { padding: 12px 16px 10px; padding-left: 36px; position: relative; font-weight: 400; } .m12-myaccount__link:before { position: absolute; top: calc((100% - 47px) / 2); left: 4px; line-height: 1.5; } .m12-myaccount__loggedin { padding-right: 24px; font-weight: 400; max-width: 112px; text-overflow: ellipsis; line-height: 1.75; } .m12-myaccount__loggedin:after { content: "\e604"; font-family: "iconfont"; font-size: 30px; position: absolute; right: 0; top: calc((100% - 43px) / 2); line-height: 1.5; } .m12-subsection_login-wrapper { padding-left: 40px; border-right: 1px solid #bcbec0; padding-right: 32px; } .m12-subsection_login-wrapper .form-field__button, .m12-subsection_login-wrapper .form-submit-border { margin-top: 20px; } .m12-subsection_login-wrapper .form-field__button .button, .m12-subsection_login-wrapper .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m12-subsection_login-wrapper .form-field__button a, .m12-subsection_login-wrapper .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m12-subsection_login-wrapper .form-field__button a, .m12-subsection_login-wrapper .form-field__button .form-submit, .m12-subsection_login-wrapper .form-submit-border .button, .m12-subsection_login-wrapper .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m12-subsection_login-wrapper .form-submit-border a, .m12-subsection_login-wrapper .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m12-subsection_login-wrapper .form-submit-border a, .m12-subsection_login-wrapper .form-submit-border .form-submit, .m12-subsection_login-wrapper .form-field__button .button--centered, .m12-subsection_login-wrapper .form-submit-border .button--centered { margin: 0px; } .m12-masthead__login { padding-right: 70px; border-right: 1px solid #BCBEC0; } .m12-masthead__register { padding-left: 70px; } .m12-myaccount__login-form { margin: 24px auto 0; } .m12-myaccount__login-form .button--primary, .m12-myaccount__login-form .form-submit { float: left; } .m12-myaccount__login-form .form-links { width: auto; float: right; margin-top: -44px; } .m12-myaccount__login-form .form-links__item { display: block; margin: 0; padding: 0; } .m12-myaccount__login-form .seperator { margin: 25px 0 10px 0; } .m12-myaccount__login-form .seperator__text { background: #F6F6F6; } } @media screen and (min-width: 1025px) { .m12-myaccount--dropdown { max-height: calc(100vh - 158px - 90px); overflow: auto; } } /* globalmodule */ /* homemodule */ .m12-search { position: relative; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m12-search:before { content: "\e607"; font-size: 62px; } .m12-search:before { display: none; position: absolute; top: 20px; border-radius: 30px; height: 60px; width: 60px; color: white; background: #007560; box-shadow: 0px 19px 18px 0px rgba(0, 0, 0, 0.22); line-height: 60px; right: 0; left: auto; } .m12-search__panel--close { position: relative; text-align: center; width: 39px; height: 0px; float: right; top: -36px; cursor: pointer; margin: 0px auto; color: transparent; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m12-search__panel--close:before { content: "\e608"; font-size: 40px; } .m12-search__panel--close:before { position: absolute; right: 0; left: auto; top: 0px; color: #717173; } @media screen and (max-width: 599px) { .m12-search__launcher { display: none; } .m12-search__submit { vertical-align: middle; margin-top: 0px; width: 62px; height: 60px; top: 14px; color: #007560; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m12-search__submit:before { content: "\e602"; font-size: 40px; } .m12-search__submit { position: absolute; right: 15px; display: inline-block; opacity: 1; } .m12-search__item { padding: 15px; position: relative; } .m12-search__item { padding-bottom: 0; } .m12-search { z-index: 9999; position: absolute; bottom: 0; top: 60px; background: none; left: 0; right: 0; padding-bottom: 5px; } .m12-search:before { top: 18px; line-height: 40px; font-size: 40px; width: 40px; height: 40px; z-index: 1; right: 15px; left: auto; } .m12-search__input { width: 100%; padding-bottom: 3px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; height: 50px; border-radius: 5px; color: #222222; background: white; font-weight: lighter; vertical-align: middle; text-align: left; padding-left: 14px; } .m12-search__input:focus { outline: none; } .m12-search__submit { top: 13px; height: 56px; margin-top: 0; z-index: 2 !important; } .touch .m12-search__submit { top: 17px; z-index: 2 !important; } .m12-search__submit { z-index: 2 !important; } } @media screen and (min-width: 600px) { .m12-search__submit { color: white; opacity: 0; } .m12-search__launcher { display: block; } .m12-search { font-weight: bold; color: #222222; margin-top: 60px; } .m12-search:before { padding: 0 !important; top: 8px; } .m12-search__item { line-height: 15px; } .m12-search:before { padding: 0 !important; } .m12-search__input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100%; height: 70px; border-radius: 5px; color: #222222; background: white; font-weight: lighter; vertical-align: middle; text-align: left; -webkit-transition: width, 0.3s; -moz-transition: width, 0.3s; transition: width, 0.3s; padding-left: 30px; } .m12-search__input:focus { text-align: left; outline: none; } .m12-search__input + .m12-search__submit { vertical-align: middle; margin-top: 0px; width: 62px; height: 60px; top: 50px; color: #007560; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m12-search__input + .m12-search__submit:before { content: "\e602"; font-size: 40px; } .m12-search__input + .m12-search__submit { position: absolute; right: 15px; display: inline-block; opacity: 1; } .m12-search__input::-webkit-input-placeholder { color: #BCBEC0; } .m12-search__input:-ms-input-placeholder { color: #BCBEC0; } } /* for accessibility */ .invert .m12-search__input + .m12-search__submit { color: #222222; } .m12-menuover-main_item, .m12-menuover-primary_item, .m12-menuover-secondary_item { text-align: left; box-sizing: border-box; } .m12-menuover-content { padding-top: 2px; } @media screen and (max-width: 599px) { .m12-menuover-content, .m12-menuover-footer { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m12-menuover-content, .m12-menuover-footer { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m12-menuover-content, .m12-menuover-footer { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (max-width: 599px) { .m12-menuover-content, .m12-menuover-footer { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m12-menuover-content, .m12-menuover-footer { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m12-menuover-content, .m12-menuover-footer { padding-left: 32px; padding-right: 32px; } } .m12-menuover-1, .m12-menuover-2, .m12-menuover-3 { overflow: auto; padding-top: 2px; } .m12-menuover-1::-webkit-scrollbar, .m12-menuover-2::-webkit-scrollbar, .m12-menuover-3::-webkit-scrollbar { width: 8px; } .m12-menuover-1::-webkit-scrollbar-track, .m12-menuover-2::-webkit-scrollbar-track, .m12-menuover-3::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 12px; } .m12-menuover-1::-webkit-scrollbar-thumb, .m12-menuover-2::-webkit-scrollbar-thumb, .m12-menuover-3::-webkit-scrollbar-thumb { background: #BDBDBD; border-radius: 12px; cursor: pointer; } .m12-menuover-1::-webkit-scrollbar-thumb:hover, .m12-menuover-2::-webkit-scrollbar-thumb:hover, .m12-menuover-3::-webkit-scrollbar-thumb:hover { background: #9d9d9d; } .m12-quicklinks--mobile { margin-top: 16px; } @media screen and (max-width: 1024px) { .mobile-menu { top: 0px; } .mobile-menu .m12-quicklinks-item_link:before { content: none; } .mobile-menu__header { display: none; } .m12-menuover-main_itemactive.m12-menuover-main_item .m12-menuover-main_item--label { border-bottom: solid 2px #007560; } } @media screen and (max-width: 599px) { .mobile-menu { top: 64px; } .m12-section-nav { margin: 0; } .m12-section__toggle { display: none; } .m12-subsection-menu { margin-top: 0; } .m12-section-nav__item, .m12-subsection-menu__item, .m12-subsection__title { display: block; margin: 0; box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); } .m12-subsection__title { background: #F6F6F6; padding: 12px 15px; font-weight: bold; box-shadow: none; margin-top: -1px; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m12-subsection__title { font-size: 0.875em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m12-subsection__title { font-size: 0.875em; } } @media screen and (max-width: 599px) { .m12-subsection__title--login { padding: 12px 15px; font-weight: bold; box-shadow: none; margin-top: -1px; } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m12-subsection__title--login { font-size: 0.875em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m12-subsection__title--login { font-size: 0.875em; } } @media screen and (max-width: 599px) { .m12-section-nav__item .button, .m12-section-nav__item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m12-section-nav__item a, .m12-section-nav__item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m12-section-nav__item a, .m12-section-nav__item .form-submit, .m12-section-nav__item .button--centered { display: none; } .m12-section-nav__link, .m12-subsection-menu__link { color: #222222; display: block; padding: 20px 15px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } } @media screen and (max-width: 599px) and (max-width: 1024px) { .m12-section-nav__link, .m12-subsection-menu__link { font-size: 0.875em; } } @media screen and (max-width: 599px) and (min-width: 1025px) { .m12-section-nav__link, .m12-subsection-menu__link { font-size: 0.875em; } } @media screen and (max-width: 599px) { .m12-section-nav__link--next:before { font-size: 30px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; } .m12-section-nav__link--next:before { content: "\e607"; color: #222222; position: absolute; font-size: 40px; top: 50%; margin-top: -20px; right: 8px; left: auto; } .m12-subsection__content { margin: 0; } .m12-subsection__column { margin: 0; padding: 0; float: none; width: 100%; } .m12-bar__content { display: flex; align-items: center; } .m12-quicklinks-item { display: none; } .m12-quicklinks-item_home { display: none; font-size: 1em; font-weight: bold; padding-left: 8px; } .m12-quicklinks-item_home .m12-quicklinks-item_link { color: white; } .m12-menu_expandable { display: flex; padding: 0; height: 30px; width: 32px; align-items: center; color: white; top: -10px; cursor: pointer; overflow: visible; } .m12-menu_bar--wrapper { height: 18px; width: 26px; position: relative; } .m12-menu_bar--wrapper span { height: 2px; position: absolute; left: 0; display: block; background: #222222; border-radius: 5px; } .m12-menu_bar--wrapper .top-bar { top: 0; width: 100%; transition: 0.25s all; } .m12-menu_bar--wrapper .mid-bar { top: 50%; width: 100%; transition: 0.25s all; } .m12-menu_bar--wrapper .bot-bar { top: 100%; width: 100%; transition: 0.25s all; } .m12-menu_bar--wrapper.active .top-bar { transform: rotate(45deg); transform-origin: left; width: 100%; } .m12-menu_bar--wrapper.active .mid-bar { opacity: 0; } .m12-menu_bar--wrapper.active .bot-bar { transform: rotate(-45deg); transition: 0.25s all; transform-origin: left; width: 100%; } .m12-menu_label { display: none; position: absolute; top: 34px; left: -2px; font-weight: bold; font-size: 0.75em; } .m12-bar__wrapper { display: flex; align-items: center; position: relative; } .m12-menuover-main { max-height: unset !important; overflow: scroll; padding-bottom: 24px; } .m12-menuover-main_item { position: relative; color: #222222; font-weight: 600; cursor: pointer; height: 41px; padding: 0px; overflow: hidden; transition: 0.5s all; display: list-item; list-style: none; text-align: -webkit-match-parent; width: 100%; } .m12-menuover-main_item:focus { outline: none; } .m12-menuover-main_item:before { font-size: 30px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; content: "\e604"; position: absolute; font-size: 40px; color: #BDBDBD; top: -8px; padding: 0; right: 16px; z-index: -1; } .m12-menuover-main_item .m12-menuover-main_item--label { display: block; padding: 16px 0px; margin: 0 24px; border-bottom: solid 1px #EFEFF1; } .m12-menuover-main_itemactive { color: #007560; } .m12-menuover-main_itemactive.m12-menuover-main_item .m12-menuover-main_item--label { border-color: #007560; } .m12-menuover-main_itemactive:before { content: "\e605"; color: #007560; } .m12-menuover-primary_item { color: #222222; font-size: 16px; height: 40px; overflow: hidden; transition: 0.5s all; text-align: left; padding: 0; width: 100%; display: list-item; font-weight: 300; } .m12-menuover-primary_item:focus { outline: 2px solid #007560; } .m12-menuover-primary_item .m12-menuover-primary_item--label { display: block; padding: 8px; margin: 0 24px; line-height: 1.5; } .m12-menuover-primary_itemactive .m12-menuover-primary_item--label { color: white; background-color: #007560; } .m12-menuover-secondary { background-color: #f5f5f5; } .m12-menuover-secondary_item { font-weight: 300; padding: 12px 0; } .m12-menuover-secondary_item a { color: #222222; } .m12-quicklinks--mobile .m12-quicklinks-item { display: block; padding: 8px 0px; margin: 0 24px; border-bottom: solid 1px #EFEFF1; font-weight: 400; } .m12-quicklinks--mobile .m12-quicklinks-item .m12-quicklinks-item_link { color: #222222; padding-left: 0px; text-transform: capitalize; line-height: 1.5; } .m12-quicklinks--mobiletitle { padding: 8px 0px; margin: 0 24px; font-weight: 600; text-transform: uppercase; } .mobile-menu__tools--group { margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; } .mobile-menu--close_tablet { display: none; } .mobile-menu__header { display: block; } } @media screen and (min-width: 600px) { .m12-subsection { display: none; position: absolute; background: #F6F6F6; left: 0; right: 0; margin-top: 16px; width: 100%; z-index: 99; box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2); } .m12-menu_expandable { display: flex; padding: 0; height: 30px; align-items: center; color: white; top: -10px; cursor: pointer; overflow: visible; } .m12-menu_bar--wrapper { height: 18px; width: 26px; position: relative; } .m12-menu_bar--wrapper span { height: 2px; position: absolute; left: 0; display: block; background: #222222; border-radius: 5px; } .m12-menu_bar--wrapper .top-bar { top: 0; width: 100%; transition: 0.25s all; } .m12-menu_bar--wrapper .mid-bar { top: 50%; width: 100%; transition: 0.25s all; } .m12-menu_bar--wrapper .bot-bar { top: 100%; width: 100%; transition: 0.25s all; } .m12-menu_label { position: absolute; top: 32px; left: -2px; font-weight: bold; font-size: 0.75em; display: none; } .m12-menu_expandable:hover .top-bar, .m12-menu_expandable:hover .mid-bar, .m12-menu_expandable:hover .bot-bar { width: 100%; transition: 0.25s all; } .m12-menu_expandable:hover .m12-menu_label { transition: 0.25s all; } .m12-quicklinks { display: inline-block; } .m12-quicklinks-item { display: none; } .m12-tools__link-lang { padding: 10px 16px; background-color: #f3f3f3; border-radius: 30px; } .m12-quicklinks-item_link, .m12-tools__link-lang, .m12-myaccount__item, .m12-myaccount__link--logout { color: #222222; position: relative; } .m12-quicklinks-item_link:before, .m12-tools__link-lang:before, .m12-myaccount__item:before, .m12-myaccount__link--logout:before { position: absolute; content: ""; display: block; width: 0%; top: calc(100% + 12px); right: 0; left: 0; height: 5px; background: #007560; border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .m12-quicklinks-item_link:hover, .m12-quicklinks-item_link.active, .m12-tools__link-lang:hover, .m12-tools__link-lang.active, .m12-myaccount__item:hover, .m12-myaccount__item.active, .m12-myaccount__link--logout:hover, .m12-myaccount__link--logout.active { color: #007560; } .m12-quicklinks-item_link:hover:before, .m12-quicklinks-item_link.active:before, .m12-tools__link-lang:hover:before, .m12-tools__link-lang.active:before, .m12-myaccount__item:hover:before, .m12-myaccount__item.active:before, .m12-myaccount__link--logout:hover:before, .m12-myaccount__link--logout.active:before { width: 100%; } .m12-tools__link-lang:before { top: calc(100% + 7px); } .m12-myaccount__link--logout:before { top: calc(100% + 8px); } .m12-myaccount__item:before { top: calc(100% + 5px); } .m12-myaccount__item + .m12-myaccount__item:last-child:before { content: none; } .m12-tools__item-search:before { content: none; } .invisible--hover { display: inline-block !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; visibility: visible !important; } .invisible--hover:before { position: absolute; content: ""; display: block; width: 0%; top: calc(100% + 5px); right: 0; left: 0; height: 5px; background: #007560; border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .invisible--hover:hover { color: #007560; } .invisible--hover:hover:before { width: 100%; } .m12-menuover { position: fixed; top: 0; left: 0; width: 0px; height: 0px; max-width: 100%; max-height: 100%; background-color: white; z-index: 9999; transition: all 0.45s; overflow: hidden; } .m12-menuover--m24 { top: 70px; } .m12-menuover--m24 .m12-menuover-content { height: calc(100% - 210px) !important; } .m12-menuover--active { width: 5000px; height: 3000px; transition: all 1.75s; } .m12-menuover--active .m12-menuover-close, .m12-menuover--active .m12-menuover-content, .m12-menuover--active .m12-menuover-footer--outer { transition: all 1.25s; opacity: 1; } .m12-menuover-close { position: absolute; top: 30px; right: 0; left: 0; display: flex; justify-content: flex-end; opacity: 0; transition: all 0.5s; } } @media screen and (min-width: 600px) and (max-width: 599px) { .m12-menuover-close { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) and (min-width: 600px) { .m12-menuover-close { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m12-menuover-close { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 600px) and (max-width: 599px) { .m12-menuover-close { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) and (min-width: 600px) { .m12-menuover-close { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 600px) and (min-width: 1025px) { .m12-menuover-close { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 600px) { .m12-menuover-closebutton { color: #4f4f4f; display: flex; flex-flow: row-reverse; align-items: center; justify-content: flex-start; gap: 4px; } .m12-menuover-closebutton:before { color: #222222; font-size: 18px; } .m12-menuover-content { overflow: auto; height: calc(100% - 140px); opacity: 0; transition: all 0.5s; margin-top: 70px; } .m12-menuover-footer--outer { border-top: 1px solid #D7D7DF; opacity: 0; transition: all 0.5s; } .m12-menuover-footer--outer .m12-tools__link--accessibility:before { color: #222222; } .m12-menuover-footer { overflow: auto; height: 70px; } .m12-menuover-footer--link { font-weight: bold; color: #222222; margin: 0 4px; } .m12-menuover-footer--link img { width: 56px; margin-right: 12px; } .m12-menuover-footer--link + .m12-menuover-footer--link { padding-left: 32px; } .m12-menuover-footer--link:hover { color: #007560; } .m12-menuover-footer--link .button--very_small { font-size: 16px; padding: 4px 20px; color: #222222; border-color: #222222; } .m12-menuover-footer--link .button--very_small:hover { box-shadow: none; background-color: #007560; color: white; border-color: #007560; } .m12-menuover-footer--link .m31-search__button:before { color: #222222 !important; } .m12-menuover-footer--link .m31-search__button:hover:before { color: #007560 !important; } .m12-menuover-footer--link .m27-accessibility-overlay__cta { background-color: #f2f3f3 !important; height: 40px; margin-top: 6px; } .m12-menuover-footer--link .m27-accessibility-overlay__cta:before { color: #222222; top: -3px; right: -1px; font-size: 36px; } .m12-menuover-footer--link_lang { color: #222222; font-weight: 600; } .m12-menuover-footer--link_lang:hover { color: #007560; } .mobile-menu--close_tablet { display: block; padding: 24px; display: flex; justify-content: flex-end; } .mobile-menu--close_tabletbtn:before { content: "\e608"; font-family: "iconfont"; font-size: 36px; font-weight: 600; color: #AEAEAE; } } @media screen and (max-width: 1024px) { .m12-menu_bar--wrapper { height: 18px; width: 26px; position: relative; } .m12-menu_bar--wrapper span { height: 2px; position: absolute; left: 0; display: block; background: #222222; border-radius: 5px; } .m12-menu_bar--wrapper .top-bar { top: 0; width: 100%; transition: 0.25s all; } .m12-menu_bar--wrapper .mid-bar { top: 50%; width: 100%; transition: 0.25s all; } .m12-menu_bar--wrapper .bot-bar { top: 100%; width: 100%; transition: 0.25s all; } .m12-menu_bar--wrapper.active .top-bar { transform: rotate(45deg); transform-origin: left; width: 100%; } .m12-menu_bar--wrapper.active .mid-bar { opacity: 0; } .m12-menu_bar--wrapper.active .bot-bar { transform: rotate(-45deg); transition: 0.25s all; transform-origin: left; width: 100%; } .m12-menuover-main { max-height: unset !important; overflow: scroll; padding-bottom: 24px; } .m12-menuover-main_item { position: relative; color: #222222; font-weight: 400; cursor: pointer; height: 41px; padding: 0px; overflow: hidden; transition: 0.5s all; display: list-item; list-style: none; width: 100%; } .m12-menuover-main_item:focus { outline: none; } .m12-menuover-main_item:before { font-size: 30px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; content: "\e604"; position: absolute; font-size: 40px; color: #BDBDBD; top: -8px; padding: 0; right: 16px; z-index: -1; } .m12-menuover-main_item .m12-menuover-main_item--label { display: block; padding: 8px 0px; margin: 0 24px; border-bottom: solid 1px #efeff1; line-height: 1.5; padding-right: 24px; } .m12-menuover-main_item + .m12-menuover-main_item { margin-top: 0; } .m12-menuover-main_itemactive { color: #007560; } .m12-menuover-main_itemactive:before { content: "\e605"; color: #007560; } .m12-menuover-primary_item { color: #222222; font-size: 16px; height: 40px; overflow: hidden; transition: 0.5s all; text-align: left; padding: 0; width: 100%; display: list-item; font-weight: 300; outline: none !important; } .m12-menuover-primary_item:focus { outline: 2px solid #007560; } .m12-menuover-primary_item .m12-menuover-primary_item--label { position: relative; display: block; padding: 8px; padding-right: 24px; margin: 0 24px; } .m12-menuover-primary_item .m12-menuover-primary_item--label:before { font-size: 30px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; content: "\e604"; position: absolute; font-size: 40px; color: #BDBDBD; top: -10px; padding: 0; right: -8px; } .m12-menuover-primary_itemactive .m12-menuover-primary_item--label { color: white; background-color: #007560; } .m12-menuover-primary_itemactive .m12-menuover-primary_item--label:before { content: "\e605"; color: white; } .m12-menuover-secondary { background-color: #f5f5f5; margin: 0 24px; } .m12-menuover-secondary_item { font-weight: 300; padding: 8px 10px; font-size: 14px; line-height: 1.5; } .m12-menuover-secondary_item a { color: #222222; } .m12-quicklinks--mobile .m12-quicklinks-item { display: block; padding: 8px 0px; margin: 0 24px; border-bottom: solid 1px #EFEFF1; font-weight: 400; } .m12-quicklinks--mobile .m12-quicklinks-item .m12-quicklinks-item_link { color: #222222; padding-left: 0px; text-transform: capitalize; display: block; } .m12-quicklinks--mobiletitle { padding: 8px 0px; margin: 0 24px; font-weight: 600; text-transform: uppercase; } .mobile-menu__tools--group { margin: 0; display: flex; align-items: center; justify-content: center; width: 100%; } .m12-menuover-main_item--about { margin: 0px !important; border-top: none; } } @media screen and (min-width: 1025px) { .m12-menuover-1, .m12-menuover-2 { border-right: 1px solid #D7D7DF; height: 100%; } .m12-menuover-3 { height: 100%; } .m12-menuover-main_item { color: #222222; cursor: pointer; padding: 12px 16px; border-radius: 8px; display: block; width: 100%; } .m12-menuover-main_item + .m12-menuover-main_item { margin-top: 4px; } .m12-menuover-main_item.m12-menuover-main_itemactive, .m12-menuover-main_item:hover { color: white; background-color: #007560; } .m12-menuover-main_item--about { margin-top: 36px !important; position: relative; } .m12-menuover-main_item--about:before { content: " "; position: absolute; top: -24px; left: 0; right: 0; border-top: solid 1px #D7D7DF; } .m12-menuover-main_login { position: absolute; bottom: 24px; left: 12px; width: 100%; } .m12-menuover-primaryactive { display: block; } .m12-menuover-primary_item { color: #222222; padding: 12px 8px; cursor: pointer; width: 100%; border-radius: 8px; display: flex; align-items: center; justify-content: space-between; } .m12-menuover-primary_item.m12-menuover-primary_itemactive, .m12-menuover-primary_item:hover { color: #007560; background-color: #E6F3F1; } .m12-menuover-primary_item.m12-menuover-primary_itemactive:after, .m12-menuover-primary_item:hover:after { content: "\e607"; font-family: "iconfont"; font-size: 36px; line-height: 24px; } .m12-menuover-primary_item + .m12-menuover-primary_item { margin-top: 4px; } .m12-menuover-secondaryactive { display: block; } .m12-menuover-secondary_item a { color: #222222; display: block; padding: 12px 8px; width: 100%; border-radius: 8px; box-sizing: border-box; } .m12-menuover-secondary_item.m12-menuover-secondary_item--active a, .m12-menuover-secondary_item:hover a { color: #007560; background-color: #E6F3F1; } .m12-menuover-secondary_item + .m12-menuover-secondary_item { margin-top: 4px; } .m12-menuover-primary { display: none; } .m12-section-navs { display: inline-block; } .m12-quicklinks-item { display: inline-block; font-size: 1em; font-weight: bold; padding-left: 32px; } .m12-quicklinks-item .m12-quicklinks-item_link { text-transform: capitalize; font-weight: 600; } .m12-mobile-menu-button, .mobile-menu--close_tablet { display: none; } .m12-menuover-secondary { display: none; } .m12-menuover-primaryactive, .m12-menuover-secondaryactive { display: block; } } .links-list__link { color: #222222; } /* globalmodule */ /* homemodule */ @media screen and (max-width: 1024px) { .mobile-menu .m12-segment-nav { width: 100%; } .mobile-menu .m12-segment-nav__item:first-child { display: none; } .mobile-menu .m12-segment-nav__link { color: white; display: block; padding: 20px 15px; font-weight: bold; position: relative; min-height: 15px; box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); font-size: 30px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mobile-menu .m12-segment-nav__link:before { content: "\e607"; color: white; position: absolute; font-size: 40px; top: 50%; margin-top: -25px; right: 8px; left: auto; } .mobile-menu .m12-segment-nav__link--Home:before { content: none; } } @media screen and (min-width: 1025px) { .m12-segment-nav { float: left; margin-top: 13px; } .m12-segment-nav__item { display: inline-block; float: left; margin-right: 3px; } .m12-segment-nav__item:first-child a { background: url(images/home@2x.png) no-repeat center center; background-size: 22px; width: 30px; text-indent: -90000px; border-radius: 0; } .m12-segment-nav__link { font-family: "DUBAI-REGULAR"; line-height: 1.333; } .m12-segment-nav__link + * { margin-top: 16px; } .m12-segment-nav__link { display: inline-block; padding: 4px 10px 4px 10px; min-height: 15px; color: #222222; font-weight: bold; border-radius: 20px; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m12-segment-nav__link { font-size: 0.75em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m12-segment-nav__link { font-size: 0.75em; } } @media screen and (min-width: 1025px) { .m12-segment-nav__link--active { position: relative; color: white; } .m12-segment-nav__link--active:before { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; bottom: -14px; left: 50%; margin-left: -8px; } .m12-segment-nav__link--active:hover { text-decoration: none; } } @media screen and (max-width: 599px) { .m12-tools { position: absolute; right: 16px; } .m12-tools.m12-tools__search .m12-tools__item.m12-tools__item-search { display: block; } .m12-tools .m12-tools__item { display: none; } .m12-tools .m12-tools__item.m12-tools__item-promotional { display: block; z-index: 999; position: absolute; top: -58px; } .m12-tools .m12-tools__item.m12-tools__item-promotional img { width: 120px; } .m12-tools__link { font-weight: 400; display: block; text-align: center; padding: 17px; } .theme--c .m12-segment-nav__link--c { color: white; font-size: 1em; display: block; padding: 20px 15px; font-weight: bold; position: relative; min-height: 15px; box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .theme--c .mobile-menu__tool-button--search, .theme--c .mobile-menu__tool-button--accessibility { display: none !important; } .mobile-menu__tool-button--accessibility { background-color: #f2f3f3 !important; width: 42px; height: 42px; border-radius: 50%; } .mobile-menu__tool-button--accessibility:before { color: #222222; } } @media screen and (min-width: 600px) { .m12-tools { display: flex; align-items: center; float: right; height: 60px; } .m12-tools__item { display: inline-block; line-height: 44px; margin-right: 16px; } .m12-tools__item .m12-search__init:before { content: "\e602"; font-size: 30px; color: white; } .m12-tools__item.m12-tools__item-promotional { position: absolute; left: -180px; top: -64px; z-index: 9; } .m12-tools__item.m12-tools__item-promotional img { height: 180px; } .theme--c .m12-main__navs { display: none !important; } .theme--c .m12-tools { margin-top: 0; } .theme--c .m12-tools__item { margin-top: 7px; } .m12-tools__link { font-family: "DUBAI-REGULAR"; line-height: 1.5; } .m12-tools__link + * { margin-top: 16px; } .m12-tools__link { font-weight: 400; display: inline-block; position: relative; color: #222222; font-size: 1em; } .m12-tools__link:hover { text-decoration: none; } .m12-tools__link:hover:before { text-decoration: none; } .m12-tools__link:after { line-height: 46px; } .m12-tools__link--accessibility { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m12-tools__link--accessibility:before { content: "落"; font-size: 30px; } .m12-tools__link--accessibility { padding-left: 0px; bottom: 4px; overflow: visible; } .m12-tools__link--accessibility:before { position: absolute; left: inherit; right: 0; color: #222222; visibility: visible; top: -1px; } .m12-tools__link--accessibility:hover:before { color: #007560; } .m27-accessibility-overlay__cta { line-height: 40px; text-indent: -40px; border: none; width: 40px; height: 40px; padding: 0; background-color: #F2F3F3; border-radius: 50%; box-shadow: none !important; bottom: 0; } .m27-accessibility-overlay__cta span { display: none; } } @media screen and (max-width: 599px) { .m12-tools.m12-tools__search { right: 48px !important; } } .touch-scroller-wrapper { position: relative; z-index: 10; overflow: scroll; } .touch-scroller-content { position: relative; z-index: 10; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; text-size-adjust: none; } .touch-scroller-overflow { overflow-y: auto; } /* homemodule */ .m36-video-player { position: relative; width: 100%; padding-bottom: 350px; /* 16:9 */ } .m36-video-player iframe { border-radius: 5px; position: absolute; top: 0; left: 0; } .box--news .xscroll .m36-videoplayer--variant { min-height: 340px; } .m36-videoplayer--variant { border-radius: 5px; overflow: hidden; position: relative; background-color: #000; } .m36-videoplayer--variant .m36-videoplayer--details { position: absolute; z-index: 1; top: 28px; left: 24px; right: 24px; } .m36-videoplayer--variant .m36-videoplayer--date { color: white; font-weight: bold; text-transform: uppercase; } .m36-videoplayer--variant .m36-videoplayer--date + .m36-videoplayer--title { margin-top: 24px; } .m36-videoplayer--variant .m36-videoplayer--title { color: white; max-height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: bold; } .m36-videoplayer--variant .m36-videoplayer--title + .m36-videoplayer--description { margin-top: 16px; } .m36-videoplayer--variant .m36-videoplayer--description { color: white; font-weight: 300; height: 7.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; margin-bottom: 24px; } .m36-videoplayer--variant .m36-videoplayer--image { background-size: cover; background-position: center center; min-height: 350px; position: relative; background-color: rgba(0, 0, 0, 0.75); background-blend-mode: color; } .m36-videoplayer--variant .m36-videoplayer--image:before { position: absolute; color: #464646; font-size: 60px; text-indent: 9px; line-height: 72px; background-color: white; width: 72px; height: 72px; border-radius: 50%; left: calc((100% - 72px) / 2); top: calc((100% - 72px) / 2); opacity: 0.9; transition: 0.25s all; } .m36-videoplayer--variant .m36-videoplayer--image:hover:before { opacity: 1; } .m36-videoplayer--variant .m39-modal__videotrigger { width: 100%; } .m36-videoplayer--variant.m36-videoplayer--investor { max-width: 640px; } .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--details { top: 16px; left: 20px; right: 20px; } .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description { line-height: 1.375; height: 8.25em; } .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description + .button, .m36-videoplayer--variant.m36-videoplayer--investor .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m36-videoplayer--description + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description + a, .m36-videoplayer--variant.m36-videoplayer--investor .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m36-videoplayer--description + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description + a, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description + .form-submit, .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--description + .button--centered { margin-top: 26px; } .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--icon:before { font-family: "iconfont"; content: "\e614"; color: #222222; background-color: white; border-radius: 50%; font-size: 64px; position: absolute; top: calc((100% - 64px) / 2); right: calc((100% - 64px) / 2); z-index: 9; cursor: pointer; } .m36-videoplayer-teaser .m39-modal__button--close:before { top: -12px; } .m36-videoplayer-teaser--img { width: 100%; height: 400px; background-position: center center; background-size: cover; } .m36-videoplayer-teaser--title { margin: 16px 0 12px; } .m36-videoplayer-teaser--video { position: relative; width: 100%; height: 150px; background-size: cover; background-position: center center; border-radius: 5px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); border: 0.5px solid #c6c6c6; background-color: rgba(0, 0, 0, 0.25); background-blend-mode: color; cursor: pointer; } .m36-videoplayer-teaser--video:before { font-family: "iconfont"; content: "\e614"; color: white; font-size: 64px; position: absolute; top: calc((100% - 64px) / 2); right: calc((100% - 64px) / 2); } .m36-videoplayer-teaser--video:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m36-videoplayer-teaser--vidDetails { display: flex; align-items: center; justify-content: space-between; font-weight: 300; margin: 12px 0 4px; } .m36-videoplayer-teaser--vidDetails .m36-videoplayer-teaser--vidName { max-width: 50%; height: 1em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .m36-videoplayer-teaser--vidDesc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5em; height: 4.5em; margin-bottom: 12px; } @media screen and (max-width: 599px) { .m36-video-player { padding-bottom: 335px; } .m36-videoplayer--variant .m36-videoplayer--image { min-height: 340px; } .m36-videoplayer--variant .m36-videoplayer--description { text-align: justify; } .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--image { min-height: 340px; } .m36-videoplayer-teaser--column { margin-bottom: 32px; } } @media screen and (min-width: 600px) { .box--news .xscroll .m36-videoplayer--variant { min-height: 354px; } .m36-videoplayer--variant .m36-videoplayer--image { min-height: 335px; } .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--image { min-height: 360px; } .m36-videoplayer-teaser--column { float: left; margin-bottom: 24px; } .m36-videoplayer-teaser--column:nth-child(odd) { margin-right: 24px; } .m36-videoplayer-teaser--3 { width: calc((100% - 24px) / 2); } } @media screen and (min-width: 1025px) { .m36-videoplayer--variant .m36-videoplayer--image { min-height: 354px; } .m36-videoplayer--variant.m36-videoplayer--investor .m36-videoplayer--image { min-height: 360px; } .m36-videoplayer-teaser--column { float: left; margin-bottom: 0px; margin-right: 24px; } .m36-videoplayer-teaser--column:last-child { margin: 0; } .m36-videoplayer-teaser--3 { width: calc((100% - 72px) / 4); } } .m32-map { position: relative; width: 100%; height: 460px; *zoom: 1; } .m32-map:before, .m32-map:after { content: " "; display: table; } .m32-map:after { clear: both; } .m32-map #map { height: 460px; } .m32-map .m66-preloader { display: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.85); z-index: 9; } .m32-map .m66-preloader .loader { top: auto; } .m32-map--overlay-img { height: 20px; margin-right: 4px; } .gm-style-iw i { line-height: 0; position: absolute; right: -4px; top: 12px; } .m32-map__infowindow-container { line-height: 16px; max-width: 200px; min-width: 180px; } .m32-map__btn { z-index: 100; position: absolute; right: 0px; bottom: 0px; width: 100%; padding: 15px 20px; background: white; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25); color: #007560; height: 54px; line-height: 25px; } .m32-map__btn .view-link { display: flex; align-items: center; gap: 8px; } .m32-map__overlay { opacity: 0; filter: alpha(opacity=0); max-width: 355px; min-width: 250px; background-color: white; position: absolute; top: 95px; left: 20px; } .m32-map__overlay .m32-map__overlay-title { font-weight: bold; line-height: 1; vertical-align: top; padding: 15px 20px; border-bottom: 1px solid #D7D7DF; } .m32-map__overlay .m32-map__overlay-title img { vertical-align: inherit; margin-right: 10px; float: left; } .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--image, .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--text { display: block; vertical-align: inherit; font-weight: 600; } .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--classification { border-radius: 13px; font-weight: 300; background: #D9EAE7; display: inline-flex; padding: 0px 10px; align-items: center; color: #007560; height: 26px; margin-bottom: 10px; } .m32-map__overlay .m32-map__overlay-title .classification-evnormalicon, .m32-map__overlay .m32-map__overlay-title .classification-evfasticon { height: 16px; margin-right: 5px; } .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head { display: inline-grid; } .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-title--text { line-height: 23px; } .m32-map__overlay .m32-map__overlay-title .m32-map__overlay-title--head .m32-map__overlay-subtitle--text { font-weight: 300; display: flex; align-items: center; margin-top: 10px; } .m32-map__overlay .m32-map__overlay-address { font-weight: 300; line-height: 23px; } .m32-map__overlay .m32-map__rating { margin-top: 10px; line-height: 1; color: #e7711b; display: inline-block; font-weight: bold; } .m32-map__overlay .m32-map__rating-stars { line-height: 1; margin-top: 10px; background-image: url("../../images/map_rating_star_bg.png"); background-size: 13px 13px; height: 13px; width: 64px; background-repeat: repeat-x; display: inline-block; } .m32-map__overlay .m32-map__rating-stars--foreground { background-image: url("../../images/map_rating_star_full.png"); background-size: 13px 13px; height: 13px; background-repeat: repeat-x; display: block; } .m32-map__overlay .m32-map__rating-reviews { margin-top: 10px; line-height: 1; display: inline-block; } .m32-map__overlay .m32-map__larger-map { line-height: 1; display: inline-block; } .m32-map__overlay .m32-map__overlay-address--inner strong { float: left; padding: 0px; } .m32-map__overlay .m32-map__overlay-address--inner + .m32-map__overlay-address--inner { margin-top: 12px; } @media screen and (max-width: 1024px) { .m32-map__overlay .m32-map__button--close { font-size: 0.875em; } } @media screen and (min-width: 1025px) { .m32-map__overlay .m32-map__button--close { font-size: 0.875em; } } .m32-map__overlay .m32-map__button--close { position: relative; height: 24px; color: #000; cursor: pointer; font-weight: bold; } .m32-map__overlay .m32-map__button--close:before { height: 24px; font-family: iconfont; position: absolute; top: 8px; right: 5px; font-size: 20px; content: "\e608"; } .m32-map__overlay .m32-map__overlay-address .m32-map__overlay-address--inner { display: flex; line-height: 23px; font-weight: 300; } .m32-map__overlay .m32-map--overlay-img { height: 15px; } .m32-map__overlay-title-section { display: flex; margin-bottom: 5px; padding-right: 10px; } input[name=map_search_desktop] { background-color: rgba(189, 189, 189, 0.1); border: none; } .m32-map { overflow: hidden; } .m32-map__list { opacity: 1; filter: alpha(opacity=100); background-color: white; position: absolute; top: 100%; width: 100%; height: 100%; transition: top 0.5s ease 0s; z-index: 99; overflow: hidden; } .m32-map__list.m32-map__list-map { top: 100px; } .m32-map__list .m32-map__list-section { height: 100%; overflow-y: scroll; margin-top: 12px; } .m32-map__list .m32-map__list-item { padding: 10px 20px; } .m32-map__list .m32-map__list-item + .m32-map__list-item { border-top: 1px solid #D7D7DF; } .m32-map__list .m32-map__list-item-title { font-weight: bold; line-height: 1; vertical-align: top; display: flex; } .m32-map__list .m32-map__list-item-title img { vertical-align: inherit; margin-right: 10px; width: 30px; float: left; margin-bottom: 10px; } .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--image, .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--text { display: block; vertical-align: inherit; font-weight: 600; } .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head { display: inline-grid; } .m32-map__list .m32-map__list-item-title .m32-map__list-item-title--head .m32-map__list-item-subtitle--text { font-weight: 300; color: #6F6F6F; } .m32-map__list .m32-map__list-item-address { margin-top: 10px; line-height: 1; } .m32-map__list .m32-map__list-item-address .m32-map__list-item-address--inner { display: flex; } .m32-map__search-mobile { padding: 0px 20px; } .m32-map__search-mobile .form-field__input, .m32-map__search-mobile .j134-media--filter-input, .m32-map__search-mobile .field-content input, .field-content .m32-map__search-mobile input, .m32-map__search-mobile .field-content textarea, .field-content .m32-map__search-mobile textarea, .m32-map__search-mobile .field-content select, .field-content .m32-map__search-mobile select, .m32-map__search-mobile .j100-expander_input { background-color: rgba(189, 189, 189, 0.1); border: none; } .form-field__input-wrapper-search { position: relative; } .form-field__input-wrapper-search:before { content: "\e602"; font-family: "iconfont"; font-size: 32px; line-height: 32px; color: #222222; position: absolute; top: calc((100% - 32px) / 2); left: 5px; } .form-field__input-wrapper-search .form-field__input, .form-field__input-wrapper-search .j134-media--filter-input, .form-field__input-wrapper-search .field-content input, .field-content .form-field__input-wrapper-search input, .form-field__input-wrapper-search .field-content textarea, .field-content .form-field__input-wrapper-search textarea, .form-field__input-wrapper-search .field-content select, .field-content .form-field__input-wrapper-search select, .form-field__input-wrapper-search .j100-expander_input { padding-left: 44px; padding-right: 44px; } .m32-map__search-mobile { position: relative; z-index: 99; margin-bottom: 6px; } .m32-map__list-item-status { font-weight: 600; } .m32-map__list-item-status.green { color: #007560; } .m32-map__list-item-status.red { color: #B00020; } .m32-map__list-item-status.orange { color: #D66600; } .thumbMap { left: calc(20% + 50px); } .m32-map__list-item { cursor: pointer; } .m32-map__list-item:hover, .m32-map__list-item.active { background-color: #F8F8F8; } .m32-map__directions-link { border-radius: 20px; background: #007560; padding: 7px 10px; display: inline-block; display: flex; align-items: center; color: white; } .m32-map__phone { margin-top: 0px; } .m32-map__phone .m32-map__directions-link { background-color: transparent; border: 1px solid #222222; padding: 6px 9px; color: #222222; text-decoration: none; } .m32-map__phone .link, .m32-map__phone .m111-cs--content_headinglink, .m32-map__phone .links-list__link, .m32-map__phone .form-links__link, .m32-map__phone .m14-richtext a:not(.button):not(.form-submit):not(.button--centered), .m32-map__phone .m125-teaser--content a:not(.button):not(.form-submit):not(.button--centered), .m14-richtext .m32-map__phone a:not(.button):not(.form-submit):not(.button--centered), .m125-teaser--content .m32-map__phone a:not(.button):not(.form-submit):not(.button--centered) { text-decoration: none; } .m32-map__links { display: flex; gap: 10px; padding-top: 10px; } .m32-map__overlay-status { margin-top: 10px; } .m32-map__overlay-body { padding: 15px 20px 20px; max-height: 553px; overflow-y: auto; font-weight: 300; } .m32-map__overlay-body .m32-map__overlay-address--inner-title { color: #6F6F6F; font-weight: 300; } .m32-map__overlay-body .m32-map__overlay-address--inner { font-weight: 300; } .m32-map__overlay-body .m32-map__overlay-address--inner + .m32-map__overlay-address--inner { margin-top: 10px; } .thumbMap { display: none; } .link-path { fill: #007560; } .endoflist { padding-bottom: 200px; padding: 20px; text-align: center; padding-bottom: 150px; border-top: 1px solid #D7D7DF; } .m32-map__controlls { display: flex; position: absolute; bottom: 20px; right: 8px; gap: 8px; flex-direction: column; } .m32-map__controlls-item { border: 1px solid rgb(215, 215, 223); background-color: white; border-radius: 3px; display: flex; cursor: pointer; padding: 7px; flex-direction: column; gap: 18px; } .map-type-control { display: none; } .m32-map__overlay { left: 0; width: 100%; max-width: 100%; z-index: 101; bottom: 0; } .m32-map__list { height: calc(100% - 155px); } @media screen and (max-width: 599px) { .m32-map { margin-top: 32px; } .m32-map .m66-preloader { padding: 24px 0; } .m32-map { height: 600px; } .m32-map #map { height: 500px; } .m32-map__search-desktop { display: none; } } @media screen and (min-width: 600px) { .m32-map { height: 890px; } .m32-map #map { height: 790px; } .m32-map__search-desktop { display: none; } } @media screen and (min-width: 1025px) { .m32-map { height: 860px; } .m32-map #map { height: 860px; } .m32-map__list { width: 20%; left: 30px; top: 20px; height: calc(100% - 40px); border: 1px solid #D7D7DF; border-radius: 4px; } .m32-map__list.m32-map__list-map { top: 20px; } .m32-map__overlay { left: calc(20% + 50px); top: 75px; border-radius: 5px; border: 1.21px solid rgb(215, 215, 223); min-width: 350px; max-width: 355px; bottom: 20px; } .m32-map__overlay .m32-map__button--close { padding-right: 23px; right: 3px; left: auto; top: 2px; position: absolute; height: 24px; margin: 0; } .m32-map__search { padding: 20px 16px 0px; } .m32-map__btn { display: none; } .m32-map__search-mobile { display: none; } .m32-map__search-desktop { display: block; } .thumbMap { display: block; } .map-type-control { position: absolute; bottom: 18px; left: calc(20% + 170px); display: flex; flex-direction: row; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); border-radius: 4px; background: white; padding: 9px 25px; gap: 13px; opacity: 0; visibility: hidden; } .map-type-visible { opacity: 1; visibility: visible; } .map-type-button { display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; transition: background-color 0.3s ease; } .map-type-button.active span { font-weight: 600; color: #007560; } .map-type-button.active img { border: 2px solid #007560; } .map-type-button img { width: 64px; height: 64px; border-radius: 10px; border: 2px solid white; } .map-type-button span { font-family: Arial, sans-serif; font-size: 12px; color: #555; padding-top: 4px; display: block; } .m32-map__list .m32-map__list-section { height: calc(100% - 86px); } } /* homemodule */ .m39-modal__trigger { color: #007560; padding: 0; text-align: left; } .m39-modal__trigger:hover { text-decoration: underline; } .m39-modal__footer .button--samsungpay { min-height: 45.5px; margin: 0px auto 12px; } .m39-modal__footer .button--applepay { min-height: 45.5px; margin: 0px auto 12px; } .m39-modal.away-mode-modal .m39-modal__button--close { display: none; } .m39-modal.away-mode-modal .m39-modal__title { display: none; } .m39-modal.away-mode-modal .m39-modal__subtitle { text-align: center; } .m39-modal.away-mode-modal .m39-modal__content { top: 40px !important; padding: 50px; } .m39-modal.away-mode-modal .m39-modal__content ol { list-style: decimal; } .m39-modal.away-mode-modal .m39-modal__content ol li { margin-bottom: 10px; padding-left: 15px; } .m39-modal.away-mode-modal .m39-modal__footer { height: 100px; box-shadow: none; } .m39-modal.away-mode-modal .m14-richtext ol > li:before, .m39-modal.away-mode-modal .m125-teaser--content ol > li:before { content: "" !important; } .m39-modal.m39-modal-fixed .m39-modal__container { margin-top: 10px; } .m39-modal.m39-modal-fixed .m39-modal__container .m39-modal__dialog { top: 0px; bottom: unset; max-height: unset; } .m39-modal.m39-modal-fixed .m39-modal__container .m39-modal__dialog .m39-modal__header { padding-bottom: 5px; } .m39-modal.m39-modal-fixed .m39-modal__container .m39-modal__dialog .m39-modal__content { position: static; padding: 10px; } .m39-modal.m39-modal-fixed .m39-modal__container .m39-modal__dialog .m39-modal__content .grid__row, .m39-modal.m39-modal-fixed .m39-modal__container .m39-modal__dialog .m39-modal__content .form-introduction, .m39-modal.m39-modal-fixed .m39-modal__container .m39-modal__dialog .m39-modal__content .grid__row--tight { margin-bottom: 0px; } .m39-modal.m39-modal-fixed .m39-modal__container .m39-modal__dialog .m39-modal__footer { position: static; height: auto; padding-top: 0px; } .m39-modal.m39-modal--feedback .m39-modal__button--close { top: -4px; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog { max-height: 350px; max-width: 500px; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content { top: 15px !important; bottom: 15px !important; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title { position: relative; line-height: 45px; font-weight: 600; margin-bottom: 10px; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .modal-feedback-title #feedbackTitle { display: inline-block; line-height: 18px; padding-right: 30px; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .parsley-errors-list { float: left; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-field__charcount { float: right; margin-top: 0px; clear: none; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-field__button, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-submit-border { margin-top: 40px; text-align: center; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-field__button button, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-submit-border button { border-radius: 6px !important; font-weight: normal; padding-left: 20px; padding-right: 20px; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-field__button button:first-child, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-submit-border button:first-child { margin-left: 0px; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-field__button button:last-child, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-submit-border button:last-child { margin-right: 0px; } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-field__button button.button--outline, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-submit-border button.button--outline { width: calc(33% - 14px); } .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-field__button button.button--primary, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-field__button button.form-submit, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-submit-border button.button--primary, .m39-modal.m39-modal--feedback .m39-modal__container .m39-modal__dialog .m39-modal__content .form-submit-border button.form-submit { width: calc(67% - 14px); } .m39-modal.m39-modal--new-equipment .m39-modal__header { font-size: 24px; min-height: auto; font-weight: 300; padding: 20px 30px 30px; } .m39-modal.m39-modal--new-equipment .m39-modal__content { bottom: 20px; padding: 0 30px; } .m39-modal.m39-modal--new-equipment .m39-modal__button--close { right: 20px; font-weight: normal; } .m39-modal.m39-modal--new-equipment .m39-modal__button--close::before { font-size: 30px; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm { max-height: 320px; max-width: 650px; border-radius: 6px; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content { top: 40px; bottom: 40px; padding: 0 40px; text-align: center; display: flex; flex-direction: column; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-icons { min-height: 84px; display: flex; justify-content: center; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-icons + .process-modal-title { margin-top: 20px; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-title { font-size: 24px; font-weight: 700; margin-bottom: 8px; margin-top: 10px; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-txt { font-size: 16px; line-height: 24px; font-weight: 300; margin: 0px 5px; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-txt + .process-modal-txt { margin-top: 20px; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons { margin-top: auto; display: flex; align-items: center; justify-content: center; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons .button, .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons a, .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons a, .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons .form-submit, .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons .button--centered { font-size: 16px; line-height: 18px; width: 160px; max-width: 50%; padding-top: 14px; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons .button--outline { border: 1px solid #222; color: #222; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons .button--outline:hover { border-color: #0B7BC1; color: #fff; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content .process-modal-buttons .button--outline + .button--septenary { padding-top: 15px; } .m39-modal__tabs { margin: 0px auto; } .m39-modal__tabs ul { display: table; margin: 0 auto; } .m39-modal__tabs ul li { display: table-cell; padding: 10px 20px; border-top: 1px solid #0f7b30; border-bottom: 1px solid #0f7b30; color: #0f7b30; cursor: pointer; width: 50%; text-align: center; vertical-align: middle; } .m39-modal__tabs ul li.active { color: white; background: #0f7b30; } .m39-modal__tabs ul li:first-child { border-left: 1px solid #0f7b30; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .m39-modal__tabs ul li:last-child { border-right: 1px solid #0f7b30; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .m39-modal__tabs-content { padding: 20px 50px; } .m39-modal__tabs-content .tabs-content-comments .readonly-text { border: 1px solid #ccc; border-radius: 5px; padding: 10px; min-height: 100px; color: #3a3a3a; } .m39-modal__tabs-content .tabs-content-status .tabs-content-status-list-item { display: block; position: relative; margin-left: 20px; padding-bottom: 20px; } .m39-modal__tabs-content .tabs-content-status .tabs-content-status-list-item:before { color: #37a832; background-color: #e3e3e3; background-image: none; left: -25px; z-index: 1; top: 10px; bottom: 0px; padding-bottom: 13px; height: 100%; width: 2px; content: " "; position: absolute; background-size: 1px 10px; } .m39-modal__tabs-content .tabs-content-status .tabs-content-status-list-item .status-title { font-weight: bold; } .m39-modal__tabs-content .tabs-content-status .tabs-content-status-list-item .status-text { display: block; } .m39-modal__tabs-content .tabs-content-status .tabs-content-status-list-item:after { content: " "; border-radius: 50%; width: 25px; height: 25px; border: none; position: absolute; left: -37px; z-index: 1; top: 0px; display: block; } .m39-modal__tabs-content .tabs-content-status .tabs-content-status-list-item-tick .icon-tick { position: absolute; left: -39px; top: -2px; z-index: 100; color: white; } .m39-modal__tabs-content .tabs-content-status .tabs-content-status-list-item:last-child:before { content: none; } .m39-modal__tabs-content .tabs-content-status .list-item-disable.tabs-content-status-list-item:after { background-color: #e3e3e3; } .m39-modal__tabs-content .tabs-content-status .list-item-disable .status-title { color: #e3e3e3; } .m39-modal__tabs-content .tabs-content-status .list-item-success.tabs-content-status-list-item:after { background-color: #097b36; } .m39-modal__tabs-content .tabs-content-status .list-item-success .status-title { color: #097b36; } .m39-modal__tabs-content .tabs-content-status .list-item-green.tabs-content-status-list-item:after { background-color: #097b36; } .m39-modal__tabs-content .tabs-content-status .list-item-green .status-title { color: #097b36; } .m39-modal__tabs-content .tabs-content-status .list-item-fail.tabs-content-status-list-item:after { background-color: #f20f49; } .m39-modal__tabs-content .tabs-content-status .list-item-fail .status-title { color: #f20f49; } .m39-modal__tabs-content .tabs-content-status .list-item-blue.tabs-content-status-list-item:after { background-color: #0B7BC1; } .m39-modal__tabs-content .tabs-content-status .list-item-blue .status-title { color: #0B7BC1; } .inline-terms .m39-modal { display: inline; } .m39-modal__container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; margin-top: 0; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; } .m39-modal__container #innerdiv { display: none; } .m39-modal__container--active { visibility: visible; z-index: 99999999; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .m39-modal__container--active #innerdiv { display: block; } .m39-modal__dialog { position: absolute; top: 5%; bottom: 5%; left: 5%; margin: auto; width: 90%; max-height: 90%; overflow: hidden; margin-left: -300px; background-color: white; opacity: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.1s; -moz-transition: all 0.1s; transition: all 0.1s; } .m39-modal__container--active .m39-modal__dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease 0.1s; -moz-transition: all 0.4s ease 0.1s; transition: all 0.4s ease 0.1s; } .m39-modal__header { position: relative; min-height: 120px; padding: 40px 15px 10px; box-sizing: border-box; } .m39-modal__dialog--payment .m39-modal__header { height: auto; padding: 0; } .m39-modal__dialog--payment .m39-modal__header .m39-modal__title { padding: 15px 15px 2px; font-weight: bold; } .m39-modal__dialog--payment .m39-modal__header .m39-modal__subtitle { color: white; background-color: #007560; height: 48px; line-height: 2.4em; padding: 0px 15px; } .m39-modal__dialog--payment .m39-modal__header .m39-modal__button--close { padding-right: 35px; } .m39-modal__dialog--payment .m39-modal__header .m39-modal__button--close:before { font-weight: normal; font-size: 30px; top: 3px; } .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-name { display: block; font-weight: bold; } .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-text { display: block; padding-bottom: 5px; } .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-wrapper img { height: 30px; display: block; } .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-wrapper .payment-option-thumbs { display: block; margin-top: 5px; } .m39-modal__dialog--payment .m39-model__payment-option-list .payment-option-wrapper .payment-option-thumbs img { display: inline-block; } .m39-modal__dialog--payment .m39-model__payment-option-list .form-field__radio--accselector { border-bottom: none; padding-bottom: 10px; } .m39-modal__dialog--payment .m39-modal__footer { height: auto; } .m39-modal__suqia--donation { border: 1px solid #E0E0E0; padding: 12px; border-radius: 10px; margin-top: 24px; margin-bottom: 48px; } .m39-modal__suqia--donation .m39-modal__suqia--donation-title { display: flex; } .m39-modal__suqia--donation .m39-modal__suqia--donation-img { width: 48px; height: 48px; } .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt { margin-left: 12px; font-weight: 500; } .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large { line-height: 30px; font-weight: 600px; } .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-small { line-height: 22px; font-weight: 300; } .m39-modal__suqia--donation .m39-modal__suqia--donation-list { margin-top: 15px; } .m39-modal__suqia--donation .m39-modal__suqia--donation-list-items { display: flex; gap: 8px; flex-wrap: wrap; } .m39-modal__suqia--donation .m39-modal__suqia--donation-list-items .form-field__checkbox label, .m39-modal__suqia--donation .m39-modal__suqia--donation-list-items .field-content--checkbox label { border-radius: 20px; display: inline-block; } .m39-modal__suqia--donation .m39-modal__suqia--donation-list-items .form-field__checkbox + .form-field__checkbox, .m39-modal__suqia--donation .m39-modal__suqia--donation-list-items .field-content--checkbox + .form-field__checkbox, .m39-modal__suqia--donation .m39-modal__suqia--donation-list-items .form-field__checkbox + .field-content--checkbox, .m39-modal__suqia--donation .m39-modal__suqia--donation-list-items .field-content--checkbox + .field-content--checkbox { margin-top: 0px; } .m39-modal__suqia--donation .form-field__fakecheckbox_donation { border: 1px solid #BDBDBD; border-radius: 20px; padding: 8px 10px; position: relative; } .m39-modal__suqia--donation .form-field__input--checkbox:checked + .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .field-content [type=checkbox]:checked + .form-field__fakecheckbox_donation, .field-content .m39-modal__suqia--donation [type=checkbox]:checked + .form-field__fakecheckbox_donation { background: #007560; border: 1px solid #007560; color: white; padding: 8px 27px 8px 10px; } .m39-modal__suqia--donation .form-field__input--checkbox:checked + .form-field__fakecheckbox_donation:after, .m39-modal__suqia--donation .field-content [type=checkbox]:checked + .form-field__fakecheckbox_donation:after, .field-content .m39-modal__suqia--donation [type=checkbox]:checked + .form-field__fakecheckbox_donation:after { content: "\e608"; font-family: "iconfont"; position: absolute; top: 5px; font-size: 20px; } .m39-modal__suqia--donation .m39-modal__suqia--donation-input { margin-top: 15px; } .m39-modal__suqia--donation .m39-modal__suqia--donation-input-title { font-weight: 700; } .m39-modal__suqia--donation .m39-modal__suqia--donation-info { margin-top: 13px; margin-bottom: 5px; } .m39-modal__suqia--donation .m39-modal__suqia--donation-info-icon { display: flex; align-items: center; margin-top: 3px; color: #007560; font-weight: 300; } .m39-modal__suqia--donation .m39-modal__suqia--donation-info-icon svg { width: 18px; min-width: 18px; height: 18px; fill: #007560; margin: 0px 5px; } .m39-modal__suqia--donation .form-field__checkbox_custom-enter .form-field__fakecheckbox_donation { padding-left: 30px; } .m39-modal__suqia--donation .form-field__checkbox_custom-enter .form-field__input--checkbox:checked + .form-field__fakecheckbox_donation, .m39-modal__suqia--donation .form-field__checkbox_custom-enter .field-content [type=checkbox]:checked + .form-field__fakecheckbox_donation, .field-content .m39-modal__suqia--donation .form-field__checkbox_custom-enter [type=checkbox]:checked + .form-field__fakecheckbox_donation { padding-left: 30px; } .m39-modal__suqia--donation .form-field__checkbox_custom-enter .form-field__input--checkbox:checked + .form-field__fakecheckbox_donation .edit-svg, .m39-modal__suqia--donation .form-field__checkbox_custom-enter .field-content [type=checkbox]:checked + .form-field__fakecheckbox_donation .edit-svg, .field-content .m39-modal__suqia--donation .form-field__checkbox_custom-enter [type=checkbox]:checked + .form-field__fakecheckbox_donation .edit-svg { fill: white; } .m39-modal__suqia--donation .edit-svg { fill: #222222; position: absolute; left: 10px; top: 9px; } .m39-modal__dialog--payment_2 .m39-modal__header { min-height: 63px; border-bottom: 1px solid #E0E0E0; } .m39-modal__dialog--payment_2 .m39-modal__content { bottom: 112px; } .m39-modal__header--tabs { padding-top: 55px; padding-bottom: 2px; } .m39-modal__title { color: #222222; } @media screen and (max-width: 1024px) { .m39-modal__button--close { font-size: 0.875em; } } @media screen and (min-width: 1025px) { .m39-modal__button--close { font-size: 0.875em; } } .m39-modal__button--close { padding-right: 28px; padding-left: 11px; right: 6px; left: auto; position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; z-index: 999999; top: 9px; padding-top: 10px; padding-bottom: 10px; margin: 0; color: #6f6f6f; cursor: pointer; font-weight: bold; min-height: 34px; } .m39-modal__button--close:before { height: 24px; font-family: iconfont; position: absolute; top: 7px; right: 8px; left: auto; font-size: 20px; content: "\e608"; } .m39-modal__content { position: absolute; top: 140px; left: 0; right: 0; bottom: 65px; overflow: auto; padding: 0 15px; -webkit-overflow-scrolling: touch; } .m39-modal__content::-webkit-scrollbar-thumb { visibility: visible; display: block; } .m39-modal__footer { position: absolute; bottom: 0; left: 0; right: 0; height: 65px; text-align: center; padding: 10px 0; box-shadow: 0px -2px 5px 0px #E5E5E5; background-color: white; } .m39-modal__accsel-error { padding: 10px; font-weight: bold; } .m39-modal__accsel-error:before { font-family: iconfont; content: "\e61f"; margin-right: 5px; font-weight: normal; font-size: 17px; vertical-align: bottom; color: #B00020; } .m39-modal--new .m39-modal__header { position: relative; min-height: unset; padding: 0; box-sizing: border-box; padding-bottom: 16px; } .m39-modal--new .status__text { font-weight: 600; color: #9B9B9B; margin-top: 80px; } .m39-modal--new .status__subtext { font-weight: 600; color: #9B9B9B; margin-top: 4px; } .m39-modal--new .m39-modal__title { color: #222222; font-weight: 600; padding: 14px 15px 10px; padding-right: 72px; box-shadow: 0px -1px 1px 1px rgba(0, 0, 0, 0.5); } .m39-modal--new .m39-modal__subtitle { padding: 16px; background: #007560; color: white; font-weight: 600; } .m39-modal--otp { text-align: center !important; } .m39-modal--otp .m39-modal__title { text-align: center !important; padding-right: 15px; } .m39-modal--otp .m39-modal__dialog { max-width: 500px; max-height: 420px !important; } .m39-modal--profile .otp--modalcontent { text-align: center; font-weight: 300; width: 100%; max-width: 500px; margin: 0 auto; } .m39-modal--profile .otp--modalcontent img { height: 90px; width: auto; } .m39-modal--profile .otp--modalcontent-title { margin: 16px 0; } .m39-modal--profile .otp--modalcontent-details { color: #222222; line-height: 1.5; } .m39-modal--profile .otp--modalcontent-details + .otp-modalcontent-details { margin-top: 8px; } .m39-modal--profile .otp--modalcontent-text { color: #222222; line-height: 1.25; margin: 16px 0; } @-webkit-keyframes modal_loader { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes modal_loader { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes modal_loader { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes modal_loader { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .m39-modal--video .m39-modal__dialog { background-color: transparent; overflow: visible; } .m39-modal--video .m39-modal__title { color: transparent; } .m39-modal--video .m39-modal__button--close { color: white; } .m39-modal--video .m39-modal__content { bottom: 20px !important; overflow: hidden; border-radius: 5px; } .m39-modal--video .m39-modal--video_alt { position: absolute; color: white; font-weight: 100; } .m39-modal--video .m39-modal__button--close:before { font-size: 32px; } .m39-modal--video .m39-modal__trigger { width: 100%; text-decoration: none !important; outline: none !important; } .m39-modal__content--list { padding: 16px 0; border-bottom: 1px solid #d9d9d9; } .m39-modal__content--list:before, .m39-modal__content--list:after { content: " "; display: table; } .m39-modal__content--list:after { clear: both; } .m39-modal__content--list { display: flex; align-items: center; position: relative; } .m39-modal__content--list .m39-modal__content--list_button { position: absolute; right: 0; } .m39-modal__content--list .m39-modal__content--list_text { float: left; font-weight: 300; width: calc(100% - 175px); word-break: break-word; } .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_texthead { margin-bottom: 8px; } .m39-modal__content--list .m39-modal__content--list_text .m39-modal__content--list_textdate { color: #222222; } .m39-modal__content--list:last-child { border: none; } .m39-modal__content--list span { line-height: 33px; } .m39-modal__content--separator { margin: 12px 0; padding: 12px; background: #F3F4F4; text-align: left; font-weight: 100; } .m39-modal--cs .m39-modal__dialog { max-width: 650px; max-height: 420px; } .m39-modal--cs .m39-modal__dialog.otp { max-height: 540px; } .m39-modal--cs .m39-modal__header { min-height: unset; } .m39-modal--cs .m39-modal__button--close:before { font-size: 32px; } .m39-modal--cs .m39-modal__content { bottom: 42px; } .m39-modal--profile .m39-modal__dialog { max-width: 650px; max-height: 420px; } .m39-modal--profile .m39-modal__dialog.otp { max-height: 570px; } .m39-modal--profile .m39-modal__header { min-height: unset; } .m39-modal--profile .m39-modal__button--close:before { font-size: 32px; } .m39-modal--profile .m39-modal__content { bottom: 42px; display: flex; align-items: center; } .m39-modal--longform .m39-modal__dialog { max-width: 800px; } .m39-modal--longform .m39-modal__header { min-height: unset; padding: 0; } .m39-modal--longform .m39-modal__title { text-align: center !important; padding: 14px 72px; color: #222222; font-weight: 600; box-shadow: 0px -1px 1px 1px rgba(0, 0, 0, 0.5); text-align: center; } .m39-modal--longform .m39-modal__button--close:before { font-size: 28px; font-weight: normal; top: 2px; } .m39-modal--longform .m39-modal__content { bottom: 42px; align-items: center; padding: 0px 35px; } @media screen and (max-width: 599px) { .m39-modal__dialog { top: 5%; bottom: 5%; left: 5%; margin: auto; width: 90%; max-height: 90%; } .m39-modal.m39-modal-confirm .m39-modal__dialog-remove-confirm .m39-modal__content { top: 20px; bottom: 20px; padding: 0 20px; } .m39-modal--new .m39-modal__dialog { max-height: 80%; } .m39-modal__dialog--account { top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; max-height: 100%; margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .m39-modal__dialog--payment { top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; max-height: 100%; margin: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .m39-modal__content { top: 103px; } .m39-modal__content--tabs { top: 190px; } .m39-modal__tnc .text { line-height: 1.5; } .m39-modal__tnc { position: relative; top: -28px; right: -36px; height: 0px; margin: 0; width: calc(100% - 40px); } .m39-modal__tncev .m39-modal { display: inline-block; } .m39-modal--video .m39-modal__dialog { max-height: 360px; } .m39-modal--video .m39-modal--video_alt { top: 340px; } .m39-modal__suqia--donation .m39-modal__suqia--donation-title-txt .m39-modal__suqia--donation-title-txt-large { line-height: 1.25em; } .m39-modal--new-equipment .m39-modal__content .form-field__button, .m39-modal--new-equipment .m39-modal__content .form-submit-border { display: flex; flex-flow: column-reverse; align-items: stretch; justify-content: center; gap: 16px; } .m39-modal--new-equipment .m39-modal__content .form-field__button .button, .m39-modal--new-equipment .m39-modal__content .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--new-equipment .m39-modal__content .form-field__button a, .m39-modal--new-equipment .m39-modal__content .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--new-equipment .m39-modal__content .form-field__button a, .m39-modal--new-equipment .m39-modal__content .form-field__button .form-submit, .m39-modal--new-equipment .m39-modal__content .form-submit-border .button, .m39-modal--new-equipment .m39-modal__content .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--new-equipment .m39-modal__content .form-submit-border a, .m39-modal--new-equipment .m39-modal__content .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--new-equipment .m39-modal__content .form-submit-border a, .m39-modal--new-equipment .m39-modal__content .form-submit-border .form-submit, .m39-modal--new-equipment .m39-modal__content .form-field__button .button--centered, .m39-modal--new-equipment .m39-modal__content .form-submit-border .button--centered { margin: 0 !important; } } @media screen and (max-width: 1024px) { .m39-modal__dialog--payment_2 { max-height: 98% !important; } } @media screen and (max-width: 599px) { .m39-modal__dialog--payment_2 { max-height: 100% !important; } .m39-modal__suqia--donation .m39-modal__suqia--donation-info-icon { align-items: flex-start; } } @media screen and (min-width: 600px) { .m39-modal__dialog { top: 5%; bottom: 5%; left: 0; right: 0; margin: auto; width: 90%; max-width: 584px; max-height: 90%; } .m39-modal__dialog--payment_2 { max-width: 604px; height: 820px; } .m39-modal__dialog--payment_2 .m42-keyvalue.m42-keyvalue-payment .m42-keyvalue__value, .m39-modal__dialog--payment_2 .m42-keyvalue__key.m42-keyvalue--justified-dt { margin: 2px 0px; } .m39-modal--new .m39-modal__dialog { max-height: 80%; } .m39-modal--new .m39-modal__dialog.mh600 { max-height: 600px; } .m39-modal__content--tabs { top: 190px; } .m39-modal__tnc .text { line-height: 1.5; } .m39-modal__tnc { position: relative; top: -24px; right: -36px; height: 0px; margin: 0; width: calc(100% - 40px); } .m39-modal__tncev .m39-modal { display: inline-block; } .m39-modal--video .m39-modal__dialog { max-height: 450px; } .m39-modal--video .m39-modal--video_alt { top: 430px; } } @media screen and (max-width: 1024px) { .m39-modal__dialog--payment .m39-modal__title { padding: 40px 15px 21px; } .m39-modal--cs .m39-modal__dialog { max-width: 650px; max-height: 500px; } .m39-modal--profile .m39-modal__dialog { max-width: 650px; max-height: 500px; } } @media screen and (min-width: 1025px) { .m39-modal__dialog { max-width: 800px; } .m39-modal__dialog.m39-modal__dialog-scrap-sale { max-width: 1200px; } .m39-modal__dialog--account { max-width: 600px; } .m39-modal__dialog--payment { max-width: 600px; } .m39-modal__dialog--slim { max-width: 500px; } .m39-modal__tnc .text { line-height: 1.5; } .m39-modal__tnc { position: relative; top: -24px; right: -36px; height: 0px; margin: 0; width: calc(100% - 40px); } .m39-modal__tncev .m39-modal { display: inline-block; } .m39-modal--video .m39-modal__dialog { max-height: 500px; } .m39-modal--video .m39-modal--video_alt { top: 480px; } .m39-modal--cs .m39-modal__dialog { max-width: 650px; max-height: 430px; } .m39-modal--profile .m39-modal__dialog { max-width: 650px; max-height: 420px; } .m39-modal--new-equipment .m39-modal__dialog { max-width: 700px; max-height: 650px; } } /*for j102*/ .j102-tayseer-service .language-switch .m39-modal__dialog { max-height: 170px; } .j102-tayseer-service .language-switch .m39-modal__dialog .grid__row, .j102-tayseer-service .language-switch .m39-modal__dialog .form-introduction, .j102-tayseer-service .language-switch .m39-modal__dialog .grid__row--tight { margin-bottom: 16px; } .j102-tayseer-service .m39-modal__header { background: #007560; padding: 5px !important; min-height: 0 !important; } .j102-tayseer-service .m39-modal__title { text-align: center; color: white; } .j102-tayseer-service .m39-modal__dialog { max-height: 200px; max-width: 400px; } .j102-tayseer-service .m39-modal__dialog.j102-tayseer-service--cheque-ins { max-height: 410px; max-width: 675px; } .j102-tayseer-service .m39-modal__dialog.j102-tayseer-service--cheque-ins ul { text-align: left; } .j102-tayseer-service .m39-modal__content { text-align: center; margin-top: 3%; height: 100%; } .j102-tayseer-service .m39-modal__content p { font-weight: normal; } .j102-tayseer-service .m39-modal__trigger { color: black; cursor: pointer; } @media screen and (max-width: 599px) { .j102-tayseer-service .m39-modal__content { margin-top: 2%; } .j102-tayseer-service .m39-modal__dialog.j102-tayseer-service--cheque-ins { max-height: 540px; } } @media screen and (max-width: 1024px) { .j102-tayseer-service .m39-modal__content { margin-top: 3%; } .j102-tayseer-service .m39-modal__dialog { max-height: 200px; max-width: 400px; } .j102-tayseer-service .m39-modal__title { font-size: 0.85em; } } .cpo-modal .m39-modal__header { padding: 20px !important; min-height: 0 !important; } .cpo-modal .m39-modal__title { text-align: center; font-size: 19px; font-weight: 600; } .cpo-modal .m39-modal__dialog { max-height: 180px; max-width: 400px; } .cpo-modal .m39-modal__footer { padding: 20px; height: auto; box-shadow: none; text-align: right; } .cpo-modal .m39-modal__trigger { color: black; cursor: pointer; } .cpo-modal .m39-modal__content { padding: 0 20px; } @media screen and (max-width: 599px) { .cpo-modal .m39-modal__content { margin-top: 2%; } } @media screen and (max-width: 1024px) { .cpo-modal .m39-modal__content { margin-top: 3%; } .cpo-modal .m39-modal__dialog { max-height: 200px; max-width: 400px; } .cpo-modal .m39-modal__title { font-size: 19px; } } .cpo-modal.cpo-modal_2 .m39-modal__dialog { max-height: 300px; max-width: 480px; } @media screen and (max-width: 1024px) { .cpo-modal.cpo-modal_2 .m39-modal__dialog { max-height: 400px; } } .m39-modal--confirm .m39-modal__dialog { max-height: 290px; } .m39-modal--confirm .m39-modal__header { background: #007560; padding: 5px !important; min-height: 0 !important; } .m39-modal--confirm .m39-modal__title { text-align: center; color: white; font-weight: 600; } .m39-modal--confirm .m39-modal__dialog { max-height: 200px; max-width: 400px; } .m39-modal--confirm .m39-modal__content { text-align: center; margin-top: 8%; height: 100%; } .m39-modal--confirm .m39-modal__content p { font-weight: normal; } .m39-modal--confirm .m39-modal__button--close:before { top: -2px; color: white; } @media screen and (max-width: 599px) { .m39-modal--confirm .m39-modal__content { margin-top: 2%; } } @media screen and (max-width: 1024px) { .m39-modal--confirm .m39-modal__content { margin-top: 3%; } .m39-modal--confirm .m39-modal__dialog { max-height: 200px; max-width: 400px; } .m39-modal--confirm .m39-modal__title { font-size: 0.85em; } } .m39-modal--confirm2 .m39-modal__dialog { max-height: 400px; max-width: 600px; } .m39-modal--confirm2 .m39-modal__header { min-height: unset; } .m39-modal--confirm2 .m39-modal__content { display: flex; align-items: center; justify-content: center; } .m39-modal--confirm2 .m39-modal__content img { height: auto; width: auto; max-height: 80px; max-width: 80px; } .m39-modal--confirm2 .m39-modal__content img + * { margin-top: 16px; } .m39-modal--medium .m39-modal__dialog { max-height: 450px; } .m39-modal--dstore .m39-modal__dialog { max-width: 500px; max-height: 620px; } .m39-modal--dstore .m39-modal__trigger { display: none; } .m39-modal--dstore .m39-modal__header { padding: 30px 15px 20px; } .m39-modal--dstore .m39-modal__discount { color: #007560; font-weight: bold; } .m39-modal--dstore .m39-modal__title { font-weight: 600; margin: 12px 0 12px; color: #222222; } .m39-modal--dstore .m39-modal__store { line-height: 30px; color: #222222; font-weight: 600; position: relative; padding-left: 40px; margin-top: 0; } .m39-modal--dstore .m39-modal__store img { position: absolute; height: 30px; width: auto; left: 0; top: 0; } .m39-modal--dstore .m39-modal__content { bottom: 0; overflow: auto; } .m39-modal--dstore .m39-modal__dstore-img { height: 250px; background-size: cover !important; background-position: center center !important; } .m39-modal--dstore .m39-modal__dstore-txt { line-height: 1.25; margin: 16px 0; } @media screen and (max-width: 599px) { .m39-modal--dstore .m39-modal__dstore-img { height: 150px; } .m39-modal--dstore .m39-modal__dstore-txt { max-height: 200px; overflow: auto; } } @media screen and (min-width: 600px) { .m39-modal--dstore .m39-modal__dstore-img { height: 150px; } .m39-modal--dstore .m39-modal__dstore-txt { max-height: 200px; overflow: auto; } } @media screen and (min-width: 1025px) { .m39-modal--dstore .m39-modal__dstore-img { height: 250px; } .m39-modal--dstore .m39-modal__dstore-txt { max-height: 220px; overflow: auto; } } .m39-modal--disclaimer .m39-modal__dialog { max-height: 420px; max-width: 640px; } .m39-modal--disclaimer .m39-modal__dialog.expanded { max-height: 600px; } .m39-modal--disclaimer .m39-modal__content { top: 16px; bottom: 90px; } .m39-modal--disclaimer .m39-modal__content--inner { display: none; } .m39-modal--disclaimer .m39-modal__content--inner strong { line-height: 1.75em; } .m39-modal--disclaimer .m39-modal__content--inner p { margin-top: 12px; line-height: 1.25em; } .m39-modal--disclaimer .m39-modal__content--inner.active { display: block; } .m39-modal--disclaimer .form-field, .m39-modal--disclaimer .field-border { max-width: 450px; } .m39-modal--disclaimer .m39-modal__footer { bottom: 24px; padding: 10px 16px; text-align: left; box-shadow: none; } .m39-modal--disclaimer .m39-modal__footer--inner { display: none; } .m39-modal--disclaimer .m39-modal__footer--inner.active { display: block; } .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang { border-radius: 40px; -webkit-transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; -moz-transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; position: relative; cursor: pointer; display: inline-block; font-weight: bold; overflow: hidden; vertical-align: middle; margin-top: 0; white-space: nowrap; box-sizing: border-box; color: #6D6E71; background-color: white; border: 2px solid #6D6E71; padding: 4px 16px 3px; } .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang:hover { background-color: #0B7BC1; border-color: #0B7BC1; color: white; } .m39-modal--disclaimer .m12-tools__link.m12-tools__link-lang:before { content: none; } .m39-modal--img .m39-modal__trigger { display: none; } .m39-modal--img .m39-modal__content { overflow: visible; } @media screen and (max-width: 599px) { .m39-modal--disclaimer .m39-modal__dialog { max-height: 560px; } .m39-modal--disclaimer .m39-modal__dialog.expanded .m39-modal__content { bottom: 120px; } .m39-modal--disclaimer .m39-modal__dialog.expanded .m39-modal__footer { bottom: 64px; } .m39-modal--disclaimer .m39-modal__footer .button + .button, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--disclaimer .m39-modal__footer a + .button, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--disclaimer .m39-modal__footer .button + a, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--disclaimer .m39-modal__footer a + a, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--disclaimer .m39-modal__footer a + .button, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--disclaimer .m39-modal__footer .button + a, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--disclaimer .m39-modal__footer a + a, .m39-modal--disclaimer .m39-modal__footer .form-submit + .button, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--disclaimer .m39-modal__footer .form-submit + a, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--disclaimer .m39-modal__footer .form-submit + a, .m39-modal--disclaimer .m39-modal__footer .button + .form-submit, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--disclaimer .m39-modal__footer a + .form-submit, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--disclaimer .m39-modal__footer a + .form-submit, .m39-modal--disclaimer .m39-modal__footer .form-submit + .form-submit, .m39-modal--disclaimer .m39-modal__footer .button--centered + .button, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--disclaimer .m39-modal__footer .button--centered + a, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--disclaimer .m39-modal__footer .button--centered + a, .m39-modal--disclaimer .m39-modal__footer .button--centered + .form-submit, .m39-modal--disclaimer .m39-modal__footer .button + .button--centered, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--disclaimer .m39-modal__footer a + .button--centered, .m39-modal--disclaimer .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--disclaimer .m39-modal__footer a + .button--centered, .m39-modal--disclaimer .m39-modal__footer .form-submit + .button--centered, .m39-modal--disclaimer .m39-modal__footer .button--centered + .button--centered { margin-top: 12px !important; } .m39-modal--img .m39-modal__trigger { display: block; float: right; padding: 0 12px; } .m39-modal--img .m39-modal__dialog { max-height: 450px; } } /* for accessibility */ .invert .m39-modal--new .m39-modal__subtitle { background: #000000; } .invert .m39-modal__content { color: #222222; } .mha-dark .m39-modal__container--active, .mha-light .m39-modal__container--active { background-color: transparent !important; } .mha-dark .m39-modal__dialog, .mha-light .m39-modal__dialog { border: solid 1px; } /* globalmodule */ .m40-status-message { margin: 0 auto; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid; padding: 16px 8px; position: relative; text-align: center; } .grid__column--form .m40-status-message { width: 100%; } .m40-status-message + * { margin-top: 36px; } .m40-status-message.icon-new-success-message:before { content: "릑"; } .m40-status-message.icon-caution:before { content: "릒"; } .m40-status-message--success { border: none; background-color: rgba(0, 133, 111, 0.1); } .m40-status-message--success .m40-status-message__title { color: #007560; font-weight: normal; } .m40-status-message--success .m40-status-message__title:before { color: #007560; font-size: 38px; line-height: 0; margin-top: 11px; } .m40-status-message--success.icon:before, .m40-status-message--success.m95-power-outage_card-status:before, .m19-ql-carousel__container .m40-status-message--success.slick-next:before, .m19-ql-carousel__container .m40-status-message--success.slick-prev:before, .m85-dstore-carousel_container .m40-status-message--success.slick-next:before, .m85-dstore-carousel_container .m40-status-message--success.slick-prev:before, .survey_wrapper .survey-button-wrapper .m40-status-message--success.button--survey-active:before, .m3-teaser-carousel__container .m40-status-message--success.slick-next:before, .m3-teaser-carousel__container .m40-status-message--success.slick-prev:before, .toggle-menu--active .m40-status-message--success.toggle-menu__title[class*=icon-]:before, .m40-status-message--success.toggle-menu__trigger:before { font-size: 64px; color: #007560; } .m40-status-message--error { border: none; background-color: rgba(225, 14, 73, 0.08); } .m40-status-message--error .m40-status-message__title { color: #c70808; font-weight: normal; } .m40-status-message--error .m40-status-message__title:before { color: #c70808; font-size: 38px; line-height: 0; margin-top: 11px; } .m40-status-message--error.icon:before, .m40-status-message--error.m95-power-outage_card-status:before, .m19-ql-carousel__container .m40-status-message--error.slick-next:before, .m19-ql-carousel__container .m40-status-message--error.slick-prev:before, .m85-dstore-carousel_container .m40-status-message--error.slick-next:before, .m85-dstore-carousel_container .m40-status-message--error.slick-prev:before, .survey_wrapper .survey-button-wrapper .m40-status-message--error.button--survey-active:before, .m3-teaser-carousel__container .m40-status-message--error.slick-next:before, .m3-teaser-carousel__container .m40-status-message--error.slick-prev:before, .toggle-menu--active .m40-status-message--error.toggle-menu__title[class*=icon-]:before, .m40-status-message--error.toggle-menu__trigger:before { color: #c70808; font-size: 56px; } .m40-status-message-regular { background-color: rgba(34, 34, 34, 0.05); border: none; } .m40-status-message__title { text-align: center; font-weight: bold; } .m40-status-message__referance { margin-bottom: 16px; margin-top: 0; color: #141414; } .m40-status-message__text { text-align: center; } .m40-status-message__text p { margin-bottom: 16px; } .m40-status-message__text p:last-child { margin-bottom: 0; } .whatsnext { padding: 20px; background: #F4F4F4; border-radius: 4px; } .whatsnext .text__section-title { font-weight: bold; } .m40-status-message--separator { margin: 20px 0 62px; border-top: solid 1px #D7D7DF; } @media screen and (max-width: 599px) { .m40-status-message { width: 100%; } .m40-status-message--success .m40-status-message__title { margin-left: -14px; margin-right: 14px; } } @media screen and (min-width: 600px) { .m40-status-message { padding: 24px 32px; } } /* for accessibility */ .invert .m40-status-message--success .m40-status-message__title, .invert .m40-status-message--error .m40-status-message__title { color: white; } .invert .m40-status-message--success:before, .invert .m40-status-message--error:before { color: white !important; } .m35-filter { position: relative; text-align: center; } .m35-filter.m35-filter--left { text-align: left; } .m35-filter.m35-filter--right { text-align: right; } .m35-filter-sap .form-field__input--select, .m35-filter-sap .m111-content-scroller--nav_mobile-select, .m35-filter-sap .j134-media--filter-input:not(.j134-media--filter-inputsearch), .m35-filter-sap .field-content select, .field-content .m35-filter-sap select { padding: 13px 12px 13px; } .m35-filter-sap .form-field__input-wrapper:after, .m35-filter-sap .m111-content-scroller--nav_mobile-selectwrapper:after, .m35-filter-sap .j134-media--filter:after, .m35-filter-sap .j100-expander_input:after, .m35-filter-sap .field-content:after { top: 10px; } .m35-filter__column--combination { display: inline-block; position: relative; padding-right: 40px; background-color: #EFEFEF; border-radius: 5px; border: 2px solid #efefef; } .m35-filter__column--combination .form-field__input-wrapper--select, .m35-filter__column--combination .m111-content-scroller--nav_mobile-selectwrapper, .m35-filter__column--combination .j134-media--filter:not(.search), .m35-filter__column--combination .field-content--select { background-color: #EFEFEF; } .m35-filter__column--combination .form-field__input-wrapper--select:after, .m35-filter__column--combination .m111-content-scroller--nav_mobile-selectwrapper:after, .m35-filter__column--combination .j134-media--filter:not(.search):after, .m35-filter__column--combination .field-content--select:after { color: #222222; } .m35-filter__column--combination .form-field__input--select, .m35-filter__column--combination .m111-content-scroller--nav_mobile-select, .m35-filter__column--combination .j134-media--filter-input:not(.j134-media--filter-inputsearch), .m35-filter__column--combination .field-content select, .field-content .m35-filter__column--combination select { max-width: 150px; border: none; box-shadow: none !important; } .m35-filter__column--combination .form-field__input--text, .m35-filter__column--combination .j134-media--filter-inputsearch, .m35-filter__column--combination .field-content textarea, .field-content .m35-filter__column--combination textarea, .m35-filter__column--combination input[type=email], .m35-filter__column--combination input[type=number], .m35-filter__column--combination input[type=password], .m35-filter__column--combination input[type=tel], .m35-filter__column--combination input[type=text], .m35-filter__column--combination input[type=url], .m35-filter__column--combination input[type=color], .m35-filter__column--combination input[type=date] { border: none; padding: 5px 12px 8px; width: 250px; box-shadow: none !important; } .m35-filter__column--combination button.icon-search { position: absolute; height: 40px; } .m35-filter__column--combination button.icon-search:before { line-height: 40px; } .m35-filter__column--combination .form-field, .m35-filter__column--combination .field-border { display: inline-block; } .m35-filter__column--combination .form-field + .form-field, .m35-filter__column--combination .field-border + .form-field, .m35-filter__column--combination .form-field + .field-border, .m35-filter__column--combination .field-border + .field-border { margin: 0; } @media screen and (max-width: 599px) { .m35-filter__label { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .m35-filter__column--left, .m35-filter__column--right { float: left; width: 48%; } .m35-filter__column--left { margin-right: 2%; } .m35-filter__column--right { margin-left: 2%; } .m35-filter__column--combination .form-field__input--text, .m35-filter__column--combination .j134-media--filter-inputsearch, .m35-filter__column--combination .field-content textarea, .field-content .m35-filter__column--combination textarea, .m35-filter__column--combination input[type=email], .m35-filter__column--combination input[type=number], .m35-filter__column--combination input[type=password], .m35-filter__column--combination input[type=tel], .m35-filter__column--combination input[type=text], .m35-filter__column--combination input[type=url], .m35-filter__column--combination input[type=color], .m35-filter__column--combination input[type=date] { width: 100%; } .m35-filter__column--combination .form-field, .m35-filter__column--combination .field-border { max-width: calc(50% - 4px); } .m35-filter__column--combination.input-only .form-field, .m35-filter__column--combination.input-only .field-border { max-width: 100%; width: 230px; } .m35-filter__column--stick .m35-filter__column--left, .m35-filter__column--stick .m35-filter__column--right { display: inline-block; float: none; width: 48%; } .m35-filter__column--stick .m35-filter__column--left { margin-right: 1%; margin-left: 0; } .m35-filter__column--stick .m35-filter__column--right { margin-left: 1%; margin-right: 0; } } @media screen and (min-width: 600px) { .m35-filter__label { display: inline-block; } .m35-filter__label { margin-right: 32px; } .m35-filter__column--left, .m35-filter__column--right { width: 202px; display: inline-block; } .m35-filter__column--left { margin-right: 24px; } .m35-filter__column--stick { display: inline-block; } .m35-filter__column--stick .m35-filter__column--left .form-field__input--select, .m35-filter__column--stick .m35-filter__column--left .m111-content-scroller--nav_mobile-select, .m35-filter__column--stick .m35-filter__column--left .j134-media--filter-input:not(.j134-media--filter-inputsearch), .m35-filter__column--stick .m35-filter__column--left .field-content select, .field-content .m35-filter__column--stick .m35-filter__column--left select { border-radius: 5px; } .m35-filter__column--stick .m35-filter__column--right .form-field__input--select, .m35-filter__column--stick .m35-filter__column--right .m111-content-scroller--nav_mobile-select, .m35-filter__column--stick .m35-filter__column--right .j134-media--filter-input:not(.j134-media--filter-inputsearch), .m35-filter__column--stick .m35-filter__column--right .field-content select, .field-content .m35-filter__column--stick .m35-filter__column--right select { border-radius: 5px; } } @media screen and (min-width: 1025px) { .m35-filter-sap .m35-filter__column--left, .m35-filter-sap .m35-filter__column--right { width: 320px; display: inline-block; } } .m42-keyvalue + * { margin-top: 36px; } .m42-keyvalue { *zoom: 1; } .m42-keyvalue:before, .m42-keyvalue:after { content: " "; display: table; } .m42-keyvalue:after { clear: both; } .m42-keyvalue.m42-keyvalue-payment { padding: 5px 15px; } .m42-keyvalue.m42-keyvalue-payment .m42-keyvalue__value { font-weight: bold; } .m42-keyvalue__key { color: #222222; vertical-align: middle; } .m42-keyvalue__value { margin-top: 0; vertical-align: middle; } .m42-keyvalue--total_green { padding: 8px; background-color: #ecf7ec; border-radius: 5px; } .m42-keyvalue__value--totalmovein { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding-top: 8px; padding-bottom: 8px; font-weight: bold; min-height: 24px; margin-top: 0px !important; } .m42-keyvalue__key--totalmovein { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding-top: 8px; padding-bottom: 8px; min-height: 24px; margin-top: 0px !important; } .m42-keyvalue__value--totalev { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding-top: 8px; padding-bottom: 8px; font-weight: bold; min-height: 24px; margin-top: 0px !important; } .m42-keyvalue__key--totalev { border-top: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding-top: 8px; padding-bottom: 8px; min-height: 24px; margin-top: 0px !important; } .m42-keyvalue__key--summary, .m42-keyvalue__value--summary { font-weight: bold; color: #222222; } .m42-keyvalue__key--stacked { color: #222222; } .m42-keyvalue__value--stacked { color: #222222; font-weight: bold; margin: 4px 0; word-break: break-word; } .m42-keyvalue__value--stacked.tran-details { color: #007560; } .m42-keyvalue__value.m42-keyvalue__value--justified { font-weight: bold; margin: 4px 0; } .m42-keyvalue__key.m42-keyvalue--justified-dt { margin: 8px 0; width: 50%; float: left; text-align: left; clear: left; padding-right: 0; margin-right: 0; } .m42-keyvalue__value.m42-keyvalue--justified-dd { margin: 8px 0; width: 50%; float: right; text-align: right; padding-left: 0; margin-left: 0; } .m42-keyvalue__value-img-container { display: block; margin-bottom: 32px; } .m42-keyvalue--summary { font-weight: bold; color: #222222; } .m42-keyvalue__value--currency--suffix { margin-left: 10px; } .m42-keyvalue--reset { color: #222222; } dt.m42-keyvalue--reset { font-weight: bold; } @media screen and (max-width: 599px) { .m42-keyvalue__key { margin-top: 8px; } .m42-keyvalue__value.align_right { text-align: left !important; } } @media screen and (min-width: 600px) { .m42-keyvalue__key { float: left; clear: left; width: 50%; margin-top: 4px; text-align: right; } .m42-keyvalue__key:first-child:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary { line-height: 2.2; margin-top: 16px; } .m42-keyvalue__key:first-child:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary.m42-keyvalue--reset, .m42-keyvalue__key:first-child:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary.m42-keyvalue--inline-dd, .m42-keyvalue__key:first-child:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary.m42-keyvalue--justified-dd { line-height: 1.4; } .m42-keyvalue__key:first-child:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary.m42-keyvalue--justified-dd { margin-top: 0; } .m42-keyvalue__key:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary { margin-top: 20px; } .m42-keyvalue__key.m42-keyvalue__key--secondary { margin-top: 0; text-align: left; } .m42-keyvalue__value { margin-left: 50%; margin-bottom: 16px; padding-left: 16px; } .m42-keyvalue__value + *:not(.m42-keyvalue__key--secondary) { margin-top: 4px; } .m42-keyvalue--inline-dt, .m42-keyvalue--inline-dd, dt.m42-keyvalue--reset, dd.m42-keyvalue--reset { text-align: left; width: auto; margin-left: 0; } .m42-keyvalue--inline-dt, dt.m42-keyvalue--reset { margin-right: 0.5em; } .m42-keyvalue--inline-dd, dd.m42-keyvalue--reset { float: none; } .m42-keyvalue__value:last-child { margin-bottom: 0; } .m42-keyvalue__key--summary { margin-top: 0; } .m42-keyvalue__value--secondary { margin-top: 0; } .m42-keyvalue__value.m42-keyvalue__value--justified { font-weight: bold; margin: 4px 0; } .m42-keyvalue__key.m42-keyvalue--justified-dt { margin: 8px 0; width: 50%; float: left; text-align: left; padding-right: 0; margin-right: 0; } .m42-keyvalue__value.m42-keyvalue--justified-dd { margin: 8px 0; width: 50%; float: right; text-align: right; padding-left: 0; margin-left: 0; } .m42-keyvalue__value.align_right { text-align: right !important; } } @media screen and (max-width: 599px) { .m41-tabs-box { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m41-tabs-box { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .m41-tabs-box { padding-left: 16px; padding-right: 16px; } } .m41-tabs-box__tabs { background: #F6F6F6; padding-top: 1px; margin-bottom: 54px; } .m41-tabs-box__tabs--modal { padding-top: 10px; margin-bottom: 20px; } .m41-tabs-box__tab-panel { display: none; } .m41-tabs-box__tab-items { display: table; margin: auto; } .m41-tabs-box__tab-item { display: table-cell; vertical-align: bottom; } .m41-tabs-box__tab-panel .bill-img { width: 100%; } .m41-tabs-box__tab-link { display: block; padding: 23px 16px 21px 16px; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #007560; font-weight: bold; margin-left: 9px; margin-right: 9px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .m41-tabs-box__tab-link:hover, .m41-tabs-box__tab-link--active { background: white; color: #222222; } .m41-tabs-box__panel { visibility: hidden; z-index: 0; position: absolute; } .m41-tabs-box__panel--active { visibility: visible; z-index: 1; position: relative; } .m41-tabs-box__tabs--modal { margin-top: 20px; margin-left: -15px; margin-right: -15px; } .m41-tabs-box--select-mobile { border-radius: 0px; } .m41-tabs-box--variant .m41-tabs-box__tabs { margin: 0; background: white; } .m41-tabs-box--variant .m41-tabs-box__tab-items--wrapper { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .m41-tabs-box--variant .m41-tabs-box__tab-items { display: block; margin: auto; } @media screen and (max-width: 599px) { .m41-tabs-box--variant .m41-tabs-box__tab-items { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m41-tabs-box--variant .m41-tabs-box__tab-items { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m41-tabs-box--variant .m41-tabs-box__tab-items { width: 90%; max-width: 1400px; margin: 0 auto; } } .m41-tabs-box--variant .m41-tabs-box__tab-items { width: 90%; } .m41-tabs-box--variant .m41-tabs-box__tab-link { border-bottom: 2px solid white; color: #717173; } .m41-tabs-box--variant .m41-tabs-box__tab-link:hover { color: #007560; } .m41-tabs-box--variant .m41-tabs-box__tab-link--active { color: #007560; border-bottom: 2px solid; outline: none !important; } .m41-tabs-box--variant.m41-tabs-box--variantcentered .m41-tabs-box__tab-item { display: inline-block; } .m41-tabs-box--variant2 .m41-tabs-box__tabs { background: none; } .m41-tabs-box--variant2 .m41-tabs-box__tab-items { width: 100%; text-align: center; } .m41-tabs-box--variant2 .m41-tabs-box__tab-items .m41-tabs-box__tab-item:focus, .m41-tabs-box--variant2 .m41-tabs-box__tab-items .m41-tabs-box__tab-link:focus { outline: 2px solid #007560 !important; } .m41-tabs-box--variant2 .m41-tabs-box__tab-items .m41-tabs-box__tab-item:before { content: "" !important; } .m41-tabs-box--variant2 .m41-tabs-box__tab-items .m41-tabs-box__tab-link { margin: 0; border-radius: 0; border: 1px solid #BCBEC0; color: #222222; padding: 16px; } .m41-tabs-box--variant2 .m41-tabs-box__tab-items .m41-tabs-box__tab-link--active { background: rgb(246, 246, 246); } .m41-tabs-box--variant3 .m41-tabs-box__tabs { background: none; } .m41-tabs-box--variant3 .m41-tabs-box__tab-items { width: 70%; min-width: 250px; text-align: center; background: #E0E1E3; border-radius: 14px; margin-bottom: 36px; } .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-item:focus, .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link:focus { outline: none !important; } .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-item:before { content: "" !important; } .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link { margin: 0; border-radius: 0; color: #222222; padding: 16px; } .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link:hover { background: transparent; text-decoration: underline; } .m41-tabs-box--variant3 .m41-tabs-box__tab-items .m41-tabs-box__tab-link--active { background-color: #007560 !important; color: white; border-radius: 14px; } .m41-tabs-box--variant3 .m41-tabs-box--desktop { display: block !important; } .m41-tabs-box--variant3 .m41-tabs-box--mobile { display: none !important; } .m41-tabs-box--variant4 .m41-tabs-box__tab-items { margin-bottom: 36px; margin-top: 36px; text-align: center; } .m41-tabs-box--variant4 .m41-tabs-box__tab-item { display: inline-block; background: white; border-right: solid 0.5px rgba(0, 0, 0, 0.1); overflow: hidden; } .m41-tabs-box--variant4 .m41-tabs-box__tab-item:first-child { border-radius: 5px 0px 0 5px; } .m41-tabs-box--variant4 .m41-tabs-box__tab-item:last-child { border-radius: 0px 5px 5px 0px; border: none; } .m41-tabs-box--variant4 .m41-tabs-box__tab-link { color: #222222; padding: 12px 24px; margin: 0; } .m41-tabs-box--variant4 .m41-tabs-box__tab-link.m41-tabs-box__tab-link--active { color: white; background: #007560; border-radius: 0; } .m41-tabs-box--variant4 .form-field--select { margin-bottom: 24px; } .m41-tabs-box--variant4.m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-item { border: none; margin-right: 5px; } .m41-tabs-box--variant4.m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-item:last-child { margin: 0; margin-bottom: 5px; } .m41-tabs-box--variant4.m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-link { color: #6F6F6F; } .m41-tabs-box--variant5 .m41-tabs-box__tabs { background: none; } .m41-tabs-box--variant5 .m41-tabs-box__tab-items { margin-bottom: 36px; margin-top: 36px; text-align: center; display: table; } .m41-tabs-box--variant5 .m41-tabs-box__tab-item { display: table-cell; vertical-align: middle; } .m41-tabs-box--variant5 .m41-tabs-box__tab-link { color: #737371; padding: 12px 24px; margin: 0; font-weight: 300; background: white; border: solid 0.5px #E0E0E0; overflow: hidden; border-radius: 5px; margin: 0 12px; } .m41-tabs-box--variant5 .m41-tabs-box__tab-link.m41-tabs-box__tab-link--active, .m41-tabs-box--variant5 .m41-tabs-box__tab-link:hover { color: white; background: #007560; } .m41-tabs-box--variant5 .form-field--select { margin-bottom: 24px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tabs { margin-bottom: 0px; background: transparent; overflow: auto; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items { width: calc(100vw - 10px); overflow-x: scroll; display: block; white-space: nowrap; padding: 0px 5px; -ms-overflow-style: none; scrollbar-width: none; background-color: white; margin-top: 0px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items::-webkit-scrollbar { display: none; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item { margin: 0px !important; position: relative; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item:first-child .m41-tabs-box__tab-link:before { display: none; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link { font-weight: 600; padding: 17px 24px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link:before { content: ""; width: 1px; height: 32px; background-color: #DCDCDC; position: absolute; left: 0px; top: 8px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link--active { position: relative; background-color: transparent; color: #007560; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link--active:after { content: ""; display: inline-block !important; height: 4px; background-color: #007560; width: calc(100% - 24px); position: absolute; left: 12px; bottom: 0px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items--mobile { display: none; margin: 24px 2px 36px; } .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link { border-top-right-radius: 0px; border-top-left-radius: 0px; background: #E9E9E9; margin-left: 0px; margin-right: 0px; border-top: 4px solid #E9E9E9; color: #4F4F4F; margin-left: 0px; margin-right: 0px; } .m41-tabs-box--variant6.m41-tabs-box--scripted .m41-tabs-box__tab-link.m41-tabs-box__tab-link--active { border-top: 4px solid #007560; color: #007560; background: #EBF4F2; } .m41-tabs-box--variant6 .m41-tabs-box__tabs { background: none; margin-top: 0px; position: relative; } .m41-tabs-box--variant6 .m41-tabs-box__tab-items { margin: 0px; } .m41-tabs-box--variant6 .add-link { cursor: pointer; font-weight: 600; line-height: 18px; color: #007560; margin-bottom: 20px; text-align: right; } .m41-tabs-box--variant6 .add-link.btnAddbank { display: flex; align-items: center; gap: 8px; text-decoration: underline; } .m41-tabs-box--variant6 .add-link.btnAddbank .add-svg { width: 14px; height: 14px; fill: #037560; margin-top: 2px; } .m41-tabs-box--variant6 .m23-table__content-table-row:focus { outline: none; } .m41-tabs-box--variant6 .m23-table__content-table-row { display: flex; flex-direction: column; } .m41-tabs-box--variant7 .m41-tabs-box__tabs { background-color: transparent; margin-top: 0px; } .m41-tabs-box--variant7 .m41-tabs-box__tab-items { display: flex; align-items: stretch; justify-content: space-between; gap: 4px; } .m41-tabs-box--variant7 .m41-tabs-box__tab-item { display: block; width: 100%; text-align: center; } .m41-tabs-box--variant7 .m41-tabs-box__tab-link { border-radius: 4px; background-color: #f1f1f1; margin: 0 !important; color: #222222; } .m41-tabs-box--variant7 .m41-tabs-box__tab-link:hover, .m41-tabs-box--variant7 .m41-tabs-box__tab-link.m41-tabs-box__tab-link--active { background-color: #e7e7e7; } .m41-tabs-box--variant7 .m41-tabs-box__tab-panel { padding-top: 24px; } @media screen and (max-width: 1024px) { .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items--mobile { display: block; width: calc(90% - 32px); margin: 24px auto 36px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items { display: none; } } @media screen and (max-device-width: 1024px) { .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items--mobile { display: none; width: auto; margin: 24px 2px 36px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items { display: block; } } @media screen and (max-width: 599px) { .m41-tabs-box--mobile { display: block; margin-bottom: 32px; } .m41-tabs-box--desktop { display: none; } .m41-tabs-box--variant .m41-tabs-box__tab-items { width: auto; overflow: auto; } .m41-tabs-box--select-padding .m41-tabs-box--mobile .form-field--select { margin-left: 12px; margin-right: 12px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box--desktop { display: block; } .m41-tabs-box--variant4_service-guide .m41-tabs-box--mobile { display: none; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items { display: none; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items--mobile { display: block; width: auto; margin: 24px 2px 36px; } } @media screen and (min-width: 600px) { .m41-tabs-box__tabs { margin-top: -24px; } .m41-tabs-box__tabs--modal { margin-top: 20px; } .m41-tabs-box--mobile { display: none; } .m41-tabs-box--variant4 .m41-tabs-box__tab-item { margin-bottom: 5px; } .m41-tabs-box--scripted .m41-tabs-box__tab-link { padding: 23px 5px 21px 5px; margin-left: 4px; margin-right: 4px; } .m41-tabs-box--variant4_masar .m41-tabs-box__tab-items { width: calc(100vw - 10px); overflow-x: scroll; display: block; white-space: nowrap; padding: 0 5px; -ms-overflow-style: none; scrollbar-width: none; background-color: white; margin-top: 0; } } @media screen and (max-width: 1024px) { .m41-tabs-box--variant4_masar .m41-tabs-box__tab-items { width: calc(100vw - 10px); overflow-x: scroll; display: block; white-space: nowrap; padding: 0 5px; -ms-overflow-style: none; scrollbar-width: none; background-color: white; margin-top: 0; } .m41-tabs-box--variant4_masar .m41-tabs-box__tab-item { margin: 0px !important; position: relative; } .m41-tabs-box--variant4_masar .m41-tabs-box__tab-item:first-child .m41-tabs-box__tab-link:before { display: none; } .m41-tabs-box--variant4_masar .m41-tabs-box__tab-item .m41-tabs-box__tab-link { font-size: 1em; font-weight: 600; padding: 17px 24px; border-bottom: none; } .m41-tabs-box--variant4_masar .m41-tabs-box__tab-item .m41-tabs-box__tab-link:before { content: ""; width: 1px; height: 32px; background-color: #DCDCDC; position: absolute; left: 0px; top: 8px; } .m41-tabs-box--variant4_masar .m41-tabs-box__tab-item .m41-tabs-box__tab-link--active { position: relative; background-color: transparent; border-bottom: none; } .m41-tabs-box--variant4_masar .m41-tabs-box__tab-item .m41-tabs-box__tab-link--active:after { content: ""; display: inline-block !important; height: 4px; background-color: #007560; width: calc(100% - 24px); position: absolute; left: 12px; bottom: 0px; } } @media screen and (min-width: 1025px) { .m41-tabs-box--mobile { display: none; } .m41-tabs-box--desktop { display: block; } .m41-tabs-box--variant4_service-guide { margin-top: 30px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items { width: auto; display: table; border-radius: 5px; padding: 5px 5px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link--active { background-color: #007560; color: white; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link--active:after { display: none; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link--active:before { display: none; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link { padding: 12px 24px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link:before { top: 5px; } .m41-tabs-box--scripted .m41-tabs-box__tab-link { padding: 23px 16px 21px 16px; margin-left: 9px; margin-right: 9px; } .m41-tabs-box--variant4_service-guide .m41-tabs-box__tab-link { margin: 4px 8px; } .m41-tabs-box--variant6 .add-link { position: absolute; top: 25px; right: 0px; margin-bottom: 0px; } .m41-tabs-box--variant6 .m23-table__content-table-row { display: table-row; } } /* globalmodule */ .m38-step-tracker { height: auto; } .m38-step-tracker + * { margin-top: 36px; } .m38-step-tracker__progressbar { height: 4px; width: 0; display: table; width: 100%; padding: 4px; } .m38-steptracker__step { height: 4px; background: #F6F6F6; display: table-cell; border-right: 2px solid white; } .m38-steptracker__step--active { background: #007560; } .m38-steptracker__info-wrapper { text-align: center; margin: 12px 0px; font-weight: 300; color: #007560; } .m38-steptracker__info-value { color: #6D6E71; } /* for accessibility */ .invert .m38-steptracker__info-wrapper { color: white; } /* globalmodule */ .m30-share { position: relative; } .theme--a .m30-share { float: right; } .theme--a .m30-share .m30-share__button { position: relative; font-weight: 100; padding-right: 26px; } .m30-share__button { position: absolute; right: 0; margin-top: 0; top: 0; } .m30-share__button.button--text.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.m30-share__button.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m30-share__button.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.m30-share__button.button--share:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.m30-share__button.button--share:before, .m30-share__button.button--share.button--text-centered:before { left: -5px; right: auto; content: "뤀"; top: -4px; font-size: 28px; } .m30-share__panel { opacity: 0; visibility: hidden; box-shadow: 0 0 3px 0px rgba(109, 110, 113, 0.25); position: absolute; top: 40px; right: 0; z-index: 10; } .m30-share__panel li { position: relative; width: 280px; line-height: 50px; background-color: white; border-right: 1px solid #BCBEC0; border-left: 1px solid #BCBEC0; cursor: pointer; } .m30-share__panel li:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #BCBEC0; } .m30-share__panel li:first-child:before { content: ""; background-image: url("../../images/share-panel-arrow.png"); background-size: 15px 11px; width: 15px; height: 11px; position: absolute; top: -10px; right: 30px; z-index: 1; } .m30-share__panel li:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: 1px solid #BCBEC0; } .m30-share__panel li:hover { background-color: #F6F6F6; } .m30-share__panel { -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; transition: opacity 300ms linear; } .m30-share__panel--top { top: -225px; } .m30-share__panel--top li:first-child:before { background-image: none; } .m30-share__panel--top li:last-child:after { content: ""; background-size: 15px 11px; width: 15px; height: 11px; position: absolute; top: 50px; right: 30px; z-index: 1; } .m30-share__panel--visible { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .m30-share__link { color: #222222; } .m30-share__link--googleplus, .m30-share__link--email, .m30-share__link--linkedin, .m30-share__link--facebook, .m30-share__link--twitter, .m33-thumbnail-gallery__share--twitter, .m33-thumbnail-gallery__share--facebook, .m33-thumbnail-gallery__share--linkedin, .m33-thumbnail-gallery__share--googleplus { vertical-align: middle; } .m30-share__link--googleplus:before, .m30-share__link--email:before, .m30-share__link--linkedin:before, .m30-share__link--facebook:before, .m30-share__link--twitter:before, .m33-thumbnail-gallery__share--twitter:before, .m33-thumbnail-gallery__share--facebook:before, .m33-thumbnail-gallery__share--linkedin:before, .m33-thumbnail-gallery__share--googleplus:before { left: 0; right: auto; position: relative; line-height: 0; top: -2px; margin: 0 5px; vertical-align: middle; font-size: 37px; } .m30-share__link--twitter { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m30-share__link--twitter:before { content: "륧"; font-size: 37px; } .m30-share__link--twitter:before { color: #00ACED; } .m30-share__link--facebook { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m30-share__link--facebook:before { content: "륗"; font-size: 37px; } .m30-share__link--facebook:before { color: #3B5998; } .m30-share__link--linkedin { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m30-share__link--linkedin:before { content: "륕"; font-size: 37px; } .m30-share__link--linkedin:before { color: #007BB5; } .m30-share__link--email { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m30-share__link--email:before { content: "\e617"; font-size: 37px; } .m30-share__link--email:before { color: #DD4B39; } .m30-share__link--googleplus { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m30-share__link--googleplus:before { content: "\e613"; font-size: 37px; } .m30-share__link--googleplus:before { color: #DD4B39; } @media screen and (max-width: 1024px) { .m30-share__panel { left: 0px; right: auto; } .m30-share__panel li:first-child:before { left: 30px; } } /* for accessibility */ .invert .m30-share__link--twitter:before, .invert .m30-share__link--facebook:before, .invert .m30-share__link--linkedin:before, .invert .m30-share__link--googleplus:before { color: #222222; } .m37-expander + * { margin-top: 32px; } .m37-expander--terms { margin-top: 22px; } .m37-expander__trigger { padding: 0; font-weight: bold; display: inline-block; color: #222222; text-align: left; padding-right: 34px; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m37-expander__trigger:before { content: "\e604"; font-size: 36px; } .m37-expander__trigger:before { position: absolute; height: 24px; display: flex; align-items: center; justify-content: center; top: calc((100% - 18px) / 2); right: 0; left: auto; color: #939598; } .m37-expander__trigger--themed { font-weight: normal; color: #007560; } .m37-expander__trigger--open:before { content: "\e605"; top: calc((100% - 20px) / 2); } .m37-expander__trigger--open { margin-bottom: 7px; } .m37-expander__content { display: none; margin-top: 5px; } .m37-expander__content--open { display: block; } .edit-toggle { position: relative; } .edit-toggle__field { display: block; position: relative; height: 0; overflow: hidden; } .edit-toggle__input-wrapper { position: relative; padding-right: 115px; } .edit-toggle__field--open { height: auto; } .edit-toggle__cancel { position: absolute; top: 4px; right: 0; left: auto; } @media screen and (min-width: 1025px) { .edit-toggle__trigger { position: absolute; top: -11px; right: -5px; left: auto; } } .m43-accountsel #myPager { transform: translate3d(0px, 0px, 0px); position: fixed; bottom: 75px; margin: 0px auto; align-content: center; background: white; width: 100%; } .m43-accountsel .m66-preloader.small { min-width: 200px; min-height: 100px; } .m43-accountsel .m66-preloader.small .loader-small { top: 26px; } .m43-accountsel .m39-modal__header { height: auto; padding: 0; } .m43-accountsel .m39-modal__title { padding: 15px 15px 2px; text-transform: uppercase; font-weight: 600; } .m43-accountsel .m39-modal__content { top: 120px; } .m43-accountsel .m39-modal__button--close { margin-top: 6px; color: #6D6E71; top: 0px; } .m43-accountsel .m39-modal__button--close:before { top: 6px; } .m43-accountsel + .m43-accountsel { margin-top: 24px; } .accountselector-moveoutreference { float: left; font-weight: normal; color: red; } .moveout_account--wrapper { background: #f6f6f6; padding: 8px 12px; border-radius: 5px; margin-bottom: 12px; } .moveout_account--wrapper .m43-accountsel__labelstyle { font-weight: 600; text-transform: uppercase; } .m43-accountsel__selected .accountselector-ownertype { display: none; } .m43-accountsel__selected .accountselector-moveoutreference { display: none; } .accountselector-ownertype { float: right; font-weight: normal; color: #6D6E71; margin-right: 36px; } #accountselector-bp { padding: 0px 16px; } #clear-link { text-transform: uppercase; } .m43-accountsel__accounts-list { padding-top: 3px; } .m43-accountsel__labelstyle { font-weight: bold; color: #222222; min-height: 1.5em; } .m43-accountsel__labelstyle + * { margin-top: 8px; } .m43-accountsel__selected { box-sizing: border-box; display: block; width: 100%; border-radius: 4px; border: 0.5px solid #c6c6c6; padding: 15px 12px; background-color: white; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); transition: 0.25s all; min-height: 155px; } .m43-accountsel__selected:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m43-accountsel__selected + * { margin-top: 8px; } .m43-accountsel__selected.no-min-height { min-height: unset; } .m43-accountsel__selected .m43-accountsel__account { display: flex; margin-bottom: 2px; align-items: center; width: 100%; } .m43-accountsel__selected--dropdown { position: relative; padding-right: 32px; vertical-align: middle; cursor: pointer; } .m43-accountsel__selected--dropdown:after { content: "\e604"; position: absolute; top: 24px; right: 4px; left: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: iconfont; font-size: 40px; color: #9b9b9b; } .m43-accountsel__account { display: block; margin-bottom: 2px; } .m43-accountsel__image { float: left; width: 50px; height: 50px; border-radius: 50%; } .m43-accountsel__image + .m43-accountsel__header { margin-left: 62px; width: calc(100% - 62px); } .m43-accountsel__header { display: block; width: 100%; } .m43-accountsel__name { display: block; font-weight: 300; color: #222222; } .m43-accountsel__name + * { margin-top: 2px; } .m43-accountsel__status { font-weight: initial; color: #222222; } .m43-accountsel__status:before { font-size: 18px; content: "\e60b"; vertical-align: sub; font-family: iconfont; } .m43-accountsel__status--active:before { color: #007560; } .m43-accountsel__status--warning:before { color: #E98535; } .m43-accountsel__status--inactive:before { color: #B00020; } .m43-accountsel__accounts-listheader { margin-left: -15px; margin-right: -15px; padding: 5px 15px; background-color: #F6F6F6; } .m43-accountsel__accounts-listheader + .m43-accountsel__accounts-list { margin-top: 0; } .m43-accountsel__accounts-number { font-weight: bold; } .m43-accountsel__message { line-height: 2em; } .m43-accountsel__message--multiselected { font-weight: bold; } .m43-accountsel__message--error { color: #B00020; } .m43-accountsel__details { display: block; margin-right: 16px; color: #222222; } .m43-accountsel__details.hidden { display: none !important; } .m43-accountsel__details + .m43-accountsel__details { margin-top: 0; } .m43-accountsel__details + .m43-accountsel__secondarydetails { margin-top: 4px; } .m43-accountsel__tabpanel--hidden { display: none; } .m43-accountsel__group_wrap { position: absolute; top: 0; left: 0; right: 0; padding: 0 15px; bottom: 45px; overflow: auto; -webkit-overflow-scrolling: touch; } .clear-container { position: fixed; bottom: 5px; right: 3%; left: auto; width: auto; } .m43-accountsel__nickname { color: #222222; margin-top: 0; margin-bottom: 4px; padding-right: 24px; } .m43-accountsel__selected { box-sizing: border-box; display: block; width: 100%; border-radius: 4px; padding: 15px 12px; background-color: white; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); transition: 0.25s all; } .m43-accountsel__selected:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m43-accountsel__selected + * { margin-top: 8px; } .m43-accountsel__selected .m43-accountsel__account { display: flex; margin-bottom: 2px; align-items: center; } .m43-accountsel__selected .m43-accountsel__name { display: block; font-weight: 300; color: #222222; } .m43-accountsel__selected .m43-accountsel__name + * { margin-top: 2px; } .m43-accountsel__selected .m43-accountsel__details { display: block; font-weight: 400; color: #222222; } .m43-accountsel__selected .m43-accountsel__details.hidden { display: none !important; } .m43-accountsel__selected .m43-accountsel__secondarydetails { font-weight: 400; color: #717173; margin: 0; display: block; white-space: nowrap; overflow: hidden; margin-top: 4px; text-overflow: ellipsis; } .m43-accountsel__selected .m43-accountsel__secondarydetails.hidden { display: none !important; } .m43-accountsel__selected .m43-accountsel__secondarydetails + .m43-accountsel__secondarydetails--link { margin-top: 8px; } .m43-accountsel__selected .m43-accountsel__secondarydetails + .m43-accountsel__secondarydetails { margin-top: 4px; } .m43-accountsel__selected .m43-accountsel__nickname { color: #222222; margin-top: 0; margin-bottom: 4px; padding-right: 24px; } .m43-accountsel__secondarydetails--link { margin-top: 8px; } .centerpage .fix { position: fixed; bottom: 0; width: 100%; background: white; } ul.pagination { display: inline-block; padding: 0; margin: 0; direction: ltr; } ul.pagination li { display: inline; } ul.pagination li a { color: black; float: left; padding: 5px 7px; text-decoration: none; transition: background-color 0.3s; border: 1px solid #ddd; } ul.pagination li a:hover:not(.active) { background-color: #ddd; } ul.pagination li span { color: black; float: left; padding: 5px 7px; text-decoration: none; transition: background-color 0.3s; border: 1px solid #ddd; } ul.pagination li.active span { background-color: #007560; color: white; border: 1px solid #007560; } div.centerpage { text-align: center; } .m43-accountsel__medpod { position: absolute; top: 8px; right: 32px; } .m43-accountsel__medpod .icon-medical, .m43-accountsel__medpod .icon-pod, .m43-accountsel__medpod .icon-senior { float: left; } .m43-accountsel__medpod .icon-senior:before { font-size: 32px; } .m39-modal .m43-accountsel__medpod { top: -10px; right: 32px; } .m43-accountsel--670 { max-width: 670px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .m43-accountsel #myPager { width: 570px !important; bottom: 15px !important; position: absolute; } .centerpage .fix { position: static !important; } .clear-container { bottom: 125px !important; right: 33% !important; height: 0px !important; width: 0px !important; } } .m43accountdetailslink { color: #007560; margin-top: 12px; display: inline-block; } .m43accountdetailslink:hover { text-decoration: underline; } .m43-accountsel__selected .m43-accountsel__header { padding-top: 16px; } .m43-accountsel--singleacct .m43-accountsel__selected--dropdown { cursor: default; } .m43-accountsel--singleacct .m43-accountsel__selected--dropdown:after { content: none; } .m43-accountsel--singleacct .m43-accountsel__selected--dropdown:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .m43-accountsel__shams-listing { font-weight: 300; line-height: 1.5; margin-top: 32px; } .m43-accountsel__shams-listing_msg { padding: 16px; border-radius: 10px; background-color: #F2F3F3; margin-bottom: 28px; display: flex; gap: 8px; } .m43-accountsel__shams-listing_msg:before { content: "릂"; font-family: "iconfont"; font-size: 30px; color: #6F6F6F; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; position: relative; top: 2px; } .m43-shamsli--handle { cursor: -webkit-grab; } .m43-accountsel__shams-listitem { position: relative; display: flex; align-items: flex-start; justify-content: space-between; padding: 20px; border-radius: 10px; border: solid 1px #D7D7DF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); } .m43-accountsel__shams-listitem + .m43-accountsel__shams-listitem { margin-top: 28px; } .m43-accountsel__shams-listitem:first-child .m43-shamsli--index:before { content: none !important; } .m43-accountsel__shams-listitem:last-child .m43-shamsli--index:after { content: none !important; } .m43-accountsel__shams-listitem.m43-dragging { background-color: white; } .m43-accountsel__shams-listitem.m43-dragging .m43-shamsli--index:before, .m43-accountsel__shams-listitem.m43-dragging .m43-shamsli--index:after { content: none !important; } .m43-accountsel__shams-listitem.m43-dragging .m43-shamsli--handle { cursor: -webkit-grabbing; } .m43-accountsel__shams-listitem.m43-ghost { border-color: #007560; } .m43-shamsli--content { display: flex; align-items: center; justify-content: flex-start; gap: 16px; } .m43-shamsli--handle { flex-shrink: 0; } .m43-shamsli--handle:before { content: "릐"; font-family: "iconfont"; font-size: 32px; color: #959595; width: 12px; display: flex; align-items: center; justify-content: center; position: relative; top: -2px; } .m43-shamsli--index { height: 32px; width: 32px; flex-shrink: 0; border-radius: 50%; background-color: #007560; color: white; display: flex; justify-content: center; font-size: 1.125em; font-weight: 600; line-height: 34px; } .m43-shamsli--index:before, .m43-shamsli--index:after { content: ""; position: absolute; border-left: dashed 1px #007560; } .m43-shamsli--index:before { top: -28px; bottom: calc(50% + 16px); } .m43-shamsli--index:after { bottom: 0px; top: calc(50% + 16px); } .m43-shamsli--name { font-weight: 600; } .m43-shamsli--delete:before { content: "\e608"; font-family: "iconfont"; font-size: 30px; color: #959595; } .m43-accountsel__shamsadd { display: flex; align-items: center; gap: 8px; padding: 10px 12px; } .m43-accountsel__shamsadd:before { content: "+"; line-height: 16px; position: relative; top: -1px; font-size: 30px; font-weight: 300; } @media screen and (max-width: 1024px) { .m43-accountsel .m39-modal__title { padding: 40px 15px 21px; } .m43-accountsel #myPager { width: 100%; } .m43-accountsel__selected .m43-accountsel__image { display: none; } .m43-accountsel__selected .m43-accountsel__image + .m43-accountsel__header { margin-left: 0px; } .m43-accountsel__selected .m43-accountsel__header { margin: 0; width: 100%; } .m43-accountsel__selected .m43-accountsel__secondarydetails { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .m43-accountsel__selected .m43-accountsel__secondarydetails--link { margin: 8px 0 0; } } @media screen and (max-width: 599px) { .m43-shamsli--name { font-weight: 400; } } @media screen and (min-width: 1025px) { .m43-accountsel #myPager { width: 570px; } .m43-accountsel__selected .m43-accountsel__image { width: 75px; height: 75px; border-radius: 50%; position: absolute; top: 20px; left: 12px; right: auto; left: 12px; right: auto; } .m43-accountsel__selected .m43-accountsel__image + .m43-accountsel__header { margin-left: 86px; width: calc(100% - 86px); } .m43-accountsel__status { position: absolute; left: 60px; top: 48px; } .m43-accountsel__status:before { font-size: 40px; color: white; } .m43-accountsel__status:after { font-size: 30px; content: "\e60b"; vertical-align: sub; font-family: iconfont; position: absolute; left: 4.5px; top: 7px; } .form-field__fakeradio .m43-accountsel__status { left: 26px; top: 8px; } .form-field__fakecheckbox .m43-accountsel__status { top: -20px; left: 26px; } .m43-accountsel__status--active:after { color: #007560; } .m43-accountsel__status--warning:after { color: #E98535; } .m43-accountsel__status--inactive:after { color: #B00020; } } /* for accessibility */ .invert .m43-accountsel__status--active:before, .invert .m43-accountsel__status--warning:before, .invert .m43-accountsel__status--inactive:before, .invert .m43-accountsel__group { color: #222222; } .mha-dark .m43-accountsel__status, .mha-light .m43-accountsel__status { background-color: transparent !important; } .seperator { border-top: 1px solid #BCBEC0; text-align: center; margin: 40px 0 50px 0; height: 1px; } .seperator-btn { text-align: center; margin: 30px 0 30px 0; } .new_register_link { margin-top: 0px; } .seperator__text { text-transform: uppercase; position: relative; top: -12px; background: white; padding: 0 8px; display: inline-block; } .button-box { position: relative; background: #F6F6F6; padding: 15px; } .button-box + * { margin-top: 36px; } .button-box__text { float: left; width: 50%; font-weight: bold; } .button-box__button { position: absolute; top: 50%; right: 15px; left: auto; width: 50%; text-align: right; } .button-box__text + .button-box__button { margin-top: -22px; } @media screen and (max-width: 599px) { .button-box { margin-left: -20px; margin-right: -20px; } } .links-list__title { font-weight: bold; margin-bottom: 3px; } .links-list__link { display: block; padding: 3px 0; } .service-message { background: #007560; color: white; } @media screen and (max-width: 599px) { .service-message__content { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .service-message__content { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .service-message__content { margin-left: 16px; margin-right: 16px; } } .service-message__message { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .service-message__message:before { content: "\e632"; font-size: 22px; } .service-message__message { padding-left: 38px; } .service-message__message:before { color: white; position: absolute; top: 9px; left: 10px; right: auto; } .service-message__message .button--text, .service-message__message .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .service-message__message a, .service-message__message .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .service-message__message a, .service-message__message .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .service-message__message a, .service-message__message .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .service-message__message a, .service-message__message .button--text-centered { color: white; white-space: normal; } .user-widget { padding-left: 60px; position: relative; } .user-widget + * { margin-top: 20px; } .user-widget__image { position: absolute; top: 0; left: 0; right: auto; } .user-widget__name { display: block; margin-bottom: 4px; } .user-widget__link-item { display: inline-block; } .user-widget__link { color: #222222; font-weight: bold; } .user-widget__link:hover { text-decoration: underline; } .user-widget__link--profile { padding-right: 30px; position: relative; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .user-widget__link--profile:before { content: "\e601"; font-size: 24px; } .user-widget__link--profile { padding-left: 25px; } .user-widget__link--profile:before { position: absolute; top: -8px; left: 0; right: auto; } .request-tracker { box-sizing: border-box; } .request-tracker + * { margin-top: 24px; } .request-tracker__items { position: relative; } .request-tracker__item { background: white; border-radius: 5px; border: 1px solid #BCBEC0 !important; padding: 12px; display: block; transition: 0.25s all; } .request-tracker__item:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .request-tracker__item p { overflow: hidden; } .request-tracker__item .toggle-menu__trigger { padding-right: 42px; } .request-tracker__item + .request-tracker__item { margin-top: 8px; } .request-tracker__trigger { padding: 0; } .request-tracker__type { text-align: left; float: left; padding: 0; color: #222222; border-bottom: none !important; font-weight: 300; } .request-tracker__state { font-weight: 400; float: right; margin: 0; } .request-tracker__state--inprogress, .request-tracker__state--closed { color: #007560; } .request-tracker__date { color: #222222; float: left; } .request-tracker__notifnum { font-weight: 400; color: #222222; float: right; margin: 0; line-height: 20px; } .request-tracker__content { padding-bottom: 10px; } .request-tracker__summary { padding: 0 10px; } .request-tracker__link { text-align: center; color: #222222; margin-top: 0; } .request-tracker__link .button--text, .request-tracker__link .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .request-tracker__link a, .request-tracker__link .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .request-tracker__link a, .request-tracker__link .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .request-tracker__link a, .request-tracker__link .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .request-tracker__link a, .request-tracker__link .button--text-centered { padding-bottom: 0px; } @media screen and (max-width: 599px) { .request-tracker__type { max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media screen and (min-width: 600px) { .request-tracker__type { max-width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media screen and (min-width: 1025px) { .request-tracker__type { max-width: 100%; } } .footprint__result .footprint__key { margin-top: 5px; } .footprint__key { width: 22px; height: 22px; display: inline-block; border-radius: 4px; margin-right: 7px; float: left; } .footprint__key--1 { background: #007560; } .footprint__key--2 { background: #BCBEC0; } .footprint__key--3 { background: #939598; } .footprint__key--4 { background: #222222; } .footprint__key-value { float: left; margin-right: 20px; } .m29-chart__container { box-sizing: border-box; } .m29-chart__container + * { margin-top: 24px; } .m29-chart__container { background-color: white; overflow: visible !important; } .m29-chart__key { position: relative; padding: 8px; vertical-align: top; line-height: 20px; background: white; display: block; } .m29-chart__legend { *zoom: 1; } .m29-chart__legend:before, .m29-chart__legend:after { content: " "; display: table; } .m29-chart__legend:after { clear: both; } .m29-chart__legend { right: 8px; left: auto; float: right; margin-right: -5px; display: block; max-width: 70%; } @media screen and (max-width: 1024px) { .m29-chart__label { font-size: 0.75em; } } @media screen and (min-width: 1025px) { .m29-chart__label { font-size: 0.75em; } } .m29-chart__label { float: left; margin-left: 2px; display: inline-block; font-weight: initial; } .m29-chart__legend--item { float: right; } @media screen and (max-width: 1024px) { .m29-chart__legend--item { font-size: 0.875em; } } @media screen and (min-width: 1025px) { .m29-chart__legend--item { font-size: 0.875em; } } .m29-chart__legend--item { color: #222222; display: inline-block; font-weight: initial; } .m29-chart__legend--item-text { float: right; } .m29-chart__legend--item-icon { float: right; color: transparent; } .m29-chart__legend--item-icon:after { font-size: 20px; content: "\e60b"; line-height: inherit; font-family: iconfont; color: inherit; -webkit-transition: color, 0.3s; -moz-transition: color, 0.3s; transition: color, 0.3s; } @media screen and (max-width: 599px) { .m29-chart__container { height: 320px; margin-bottom: 68px; } } @media screen and (min-width: 600px) { .m29-chart__container { height: 280px; } } @media screen and (min-width: 1025px) { .m29-chart__container { height: 240px; } } .chart-header { margin-bottom: 26px; } .chart-header__title { font-weight: bold; position: relative; padding-left: 32px; } .chart-header__title:before { position: absolute; left: -4px; right: auto; top: 50%; margin-top: -16px; } .chart-header__title--electricity:before { content: "\e648"; } .chart-header__title--water:before { content: "\e649"; } .chart-header__title--footprint:before { content: "\e64a"; } .j34-tariff__results { display: none; } .j34-tariff-calculator__slab { position: relative; padding-left: 20px; } .j34-tariff-calculator__slab:before { content: ""; width: 16px; height: 16px; border-radius: 8px; display: inline-block; position: absolute; left: 0; right: auto; top: 4px; } .j34-tariff-calculator__slab--g:before { background: #007560; } .j34-tariff-calculator__slab--y:before { background: #F8E81F; } .j34-tariff-calculator__slab--o:before { background: #E98535; } .j34-tariff-calculator__slab--r:before { background: #B00020; } .j34-tariff__form .button--primary, .j34-tariff__form .form-submit, .j34-tariff__results .button--primary, .j34-tariff__results .form-submit { margin-bottom: 36px; } @media screen and (max-width: 599px) { .j34-tariff__results .m23-table__content-table-cell { padding-left: 63% !important; } .j34-tariff__results .m23-table__content-table-cell:before { width: 56%; } .j34-tariff__results .m23-table__content-table-cell:after { width: 60%; } .j34-tariff-calculator__slab .m23-table__content-table-cell { /* Behave like a "row" */ border: 1px solid #BCBEC0; border-bottom: 1px solid #BCBEC0; border-top: none; position: relative; padding-left: 51%; padding-right: 25%; } .j34-tariff-calculator__slab .m23-table__content-table-cell:first-child { border-top: 1px solid #BCBEC0; border-spacing: 10px; } .j34-tariff-calculator__slab .m23-table__content-table-cell:before { left: 0; right: auto; padding-left: 8px; position: absolute; content: attr(data-label); display: table-cell; width: 43%; padding-top: 17px; padding-right: 12%; font-weight: bold; height: 100%; top: 0; line-height: normal; border-bottom: #BCBEC0; z-index: 2; } .j34-tariff-calculator__slab .m23-table__content-table-cell--total:first-child { display: none; } .j34-tariff-calculator__slab .m23-table__content-table-cell--total { border-top: 1px solid #BCBEC0; } .j34-tariff-calculator__slab .m23-table__content-table-cell:after { content: " "; left: 0; right: auto; border-right: 1px solid #BCBEC0; background-color: #F6F6F6; position: absolute; width: 48%; height: 100%; top: 0; } } @media screen and (max-width: 321px) { .j34-tariff__results .m23-table__content-table-cell { min-height: 55px !important; } } .j34-tariff-calculator--slab { display: flex; align-items: center; justify-content: center; gap: 8px; } .j34-tariff-calculator--slab_dot { width: 16px; height: 16px; border-radius: 50%; display: block; position: relative; top: -1px; background-color: gray; } .j34-tariff-calculator--slab_dot.slab_green { background-color: #05B050; } .j34-tariff-calculator--slab_dot.slab_yellow { background-color: #FEFF04; } .j34-tariff-calculator--slab_dot.slab_orange { background-color: #F79747; } .j34-tariff-calculator--slab_dot.slab_red { background-color: #FF0200; } .j34-table__content-table { padding: 2px; display: table; width: 100%; } .j34-table__content-table-body:first-child .j34-table__content-table-row:first-child .j34-table__content-table-cell { border-top: 1px solid #BCBEC0; } .j34-table__content-table-cell { vertical-align: top; border-right: 1px solid #BCBEC0; border-bottom: 1px solid #BCBEC0; display: table-cell; word-break: keep-all; padding: 15px 8px 16px; } .j34-table__content-table-cell:first-child { border-left: 1px solid #BCBEC0; } .j34-table__content-table-row.strong .j34-table__content-table-cell { font-weight: 700; background-color: #F6F6F6; } .dashboard__header { margin: 25px 0; position: relative; } @media screen and (max-width: 599px) { .dashboard__header { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .dashboard__header { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .dashboard__header { margin-left: 16px; margin-right: 16px; } } .j69-dashboard--card { padding: 16px 24px; border-radius: 5px; overflow: hidden; background-color: white; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); position: relative; } .j69-dashboard--card_title { font-weight: bold; margin-bottom: 32px; } .m17-sectiontitle + * { padding-top: 50px; } .dashboard__request-tracker { background: #F6F6F6; padding: 10px; } .dashboard__request-tracker .request-tracker__title { padding: 0 10px; } .dashboard__request-tracker .request-tracker__trigger { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; } .dashboard__request-tracker .request-tracker__content { padding: 0 10px 10px 10px; } .j69-dashboard--card-paynow__amount { margin-bottom: 24px; } .j69-dashboard--card-paynow__amount span { font-size: 0.35em; } .j69-dashboard--card_link { position: absolute; right: 20px; } .j69-customer--details_title { padding: 12px 24px; background-color: white; border-radius: 5px; position: relative; padding-right: 42px; cursor: pointer; } .j69-customer--details_title:before { content: "\e605"; font-family: iconfont; position: absolute; right: 8px; font-size: 42px; color: #BCBEC0; top: calc((100% - 42px) / 2); } .j69-customer--details_title.collapsed:before { content: "\e604"; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item { margin-bottom: 50px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .fieldset-edit-beneficiary-item-button-delete { width: 19px; height: 23px; position: absolute; left: 0px; top: auto; bottom: -25px; cursor: pointer; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .fieldset-edit-beneficiary-item-button-delete:after { content: ""; background: url(../../../images/delete-icon.png); background-size: 19px 23px; width: 19px; height: 23px; display: block; margin: 0 8px; } .j69-customer--details_name { font-weight: 100; } .j69-customer--details_account { margin-top: 8px; color: #717173; } .j69-customer--details_forms { padding: 24px 16px; background-color: #EBEBEB; margin-top: -8px; } .j69-customer--add_fam { font-weight: 100; position: relative; padding-left: 16px; cursor: pointer; } .j69-customer--add_fam:before { content: "+"; position: absolute; left: 0; top: -6px; font-size: 24px; } .j69-customer--details_selector .form-field__checkbox--billselector .m37-expander { display: none; } .j69-customer--details_selector .m44-bill-selector__total .m42-keyvalue__value { display: none; } .j69-customer--details_field:focus, .fieldset:focus { outline: none !important; } .j69-customer--details_field--remove { position: absolute; right: -32px; margin-top: 14px; cursor: pointer; color: #737371; } .j69-customer--details_field--remove + * { margin-bottom: 24px; } .fieldset-edit-beneficiary-item { position: relative; } .fieldset-edit-beneficiary-item .form-field--6 { width: 100%; float: none; padding-right: 0px; } .fieldset-edit-beneficiary-item .fieldset-edit-beneficiary-item-button { width: 20px; height: 20px; float: left; position: absolute; right: -20px; top: 40px; } .fieldset-edit-beneficiary-item .form-field__button, .fieldset-edit-beneficiary-item .form-submit-border { clear: both; } .m39-modal--beneficiary .m39-modal__dialog { max-width: 550px; max-height: 450px; padding: 25px; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__header { padding-top: 20px; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title { text-align: center !important; font-weight: bold; line-height: 1.5; box-shadow: none; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__content { bottom: 120px; } .m39-modal--beneficiary .m39-modal__dialog .m42-keyvalue { margin-top: 20px; } .m39-modal--beneficiary .m39-modal__dialog .m42-keyvalue .m42-keyvalue__key:first-child:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary { line-height: 1.9em; padding-left: 30px; margin-bottom: 5px; } .m39-modal--beneficiary .m39-modal__dialog .m42-keyvalue .m42-keyvalue__key:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary { margin-top: 0px; padding-left: 30px; line-height: 1.9em; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer { box-shadow: none; margin: 40px 0 50px; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .button, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer a, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer a, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .form-submit, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .button--centered { margin-bottom: 5px; } .j69-dashboard--card_header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .j69-dashboard--card_header .j69-dashboard--card_title { margin: 0; } .j69-dashboard--card_header .j69-dashboard--card_title + .j69-dashboard--card_filter { margin-left: 16px; } .j69-dashboard--card_header .button--download { margin-right: 12px; } .j69-dashboard--card_header .header-charging-transactions-flex { width: 100%; } .j69-dashboard--card_header .header-charging-transactions-flex .j69-dashboard--card_title { margin-right: auto; } .j69-dashboard--card_header .form-field__input--select, .j69-dashboard--card_header .m111-content-scroller--nav_mobile-select, .j69-dashboard--card_header .j134-media--filter-input:not(.j134-media--filter-inputsearch), .j69-dashboard--card_header .field-content select, .field-content .j69-dashboard--card_header select { border: 1px solid #222222; } .j69-dashboard--card_header .form-field__input-wrapper--select:after, .j69-dashboard--card_header .m111-content-scroller--nav_mobile-selectwrapper:after, .j69-dashboard--card_header .j134-media--filter:not(.search):after, .j69-dashboard--card_header .field-content--select:after { color: #222222; } .j69-dashboard--card_filter .form-field__label, .j69-dashboard--card_filter .field-title, .j69-dashboard--card_filter .j100-expander_label { font-weight: 300; } .j69-dashboard--card_filter .form-field__label, .j69-dashboard--card_filter .field-title, .j69-dashboard--card_filter .j100-expander_label, .j69-dashboard--card_filter .form-field__input-wrapper--select, .j69-dashboard--card_filter .m111-content-scroller--nav_mobile-selectwrapper, .j69-dashboard--card_filter .j134-media--filter:not(.search), .j69-dashboard--card_filter .field-content--select { display: inline-block; } .j69-dashboard--card_filter .form-field__input-wrapper--select, .j69-dashboard--card_filter .m111-content-scroller--nav_mobile-selectwrapper, .j69-dashboard--card_filter .j134-media--filter:not(.search), .j69-dashboard--card_filter .field-content--select { margin-top: 0px; max-width: 200px; border: none; } .j69-dashboard--card_filter .form-field__input-wrapper--select:after, .j69-dashboard--card_filter .m111-content-scroller--nav_mobile-selectwrapper:after, .j69-dashboard--card_filter .j134-media--filter:not(.search):after, .j69-dashboard--card_filter .field-content--select:after { top: calc((100% - 30px) / 2); } .j69-dashboard--card_filter .form-field__input--select, .j69-dashboard--card_filter .m111-content-scroller--nav_mobile-select, .j69-dashboard--card_filter .j134-media--filter-input:not(.j134-media--filter-inputsearch), .j69-dashboard--card_filter .field-content select, .field-content .j69-dashboard--card_filter select { border-radius: 30px; padding-top: 0; padding-bottom: 0; min-height: 0; } .j69-dashboard--card_filter .form-field__input--select.input-charging-transactions, .j69-dashboard--card_filter .input-charging-transactions.m111-content-scroller--nav_mobile-select, .j69-dashboard--card_filter .input-charging-transactions.j134-media--filter-input:not(.j134-media--filter-inputsearch), .j69-dashboard--card_filter .field-content select.input-charging-transactions, .field-content .j69-dashboard--card_filter select.input-charging-transactions { padding-top: 5px; padding-bottom: 5px; } .j69-dashboard--card_filter .form-field__input--text, .j69-dashboard--card_filter .j134-media--filter-inputsearch, .j69-dashboard--card_filter .field-content textarea, .field-content .j69-dashboard--card_filter textarea, .j69-dashboard--card_filter input[type=email], .j69-dashboard--card_filter input[type=number], .j69-dashboard--card_filter input[type=password], .j69-dashboard--card_filter input[type=tel], .j69-dashboard--card_filter input[type=text], .j69-dashboard--card_filter input[type=url], .j69-dashboard--card_filter input[type=color], .j69-dashboard--card_filter input[type=date] { min-width: 240px; padding-left: 40px; } .j69-dashboard--card_filter .icon-search { position: absolute; margin: 0; top: 4px; left: 0; z-index: 9; } .j69-dashboard--card_filter + .j69-dashboard--card_filter { margin-left: 16px; } .j69-dashboard--card_filter .download-transation-button { appearance: none; padding: 5px 15px 3px; padding-left: 40px; border: 1px solid #222222; border-radius: 30px; line-height: normal; color: #222222; font-weight: 300; position: relative; } .j69-dashboard--card_filter .download-transation-button:before { position: absolute; left: 10px; font-size: 25px; top: 3px; } .j69-dashboardEV--total + .j69-dashboardEV--total { margin-left: 48px; } .j69-dashboardEV--total:last-child { margin-left: 16px; } .j69-dashboardEV--total .j69-dashboardEV--total_text { font-weight: 300; min-height: 16px; } .j69-dashboardEV--total .j69-dashboardEV--total_numeral { font-weight: 700; margin-top: 8px; } .evdashboard-tran-no { font-size: 16px; font-weight: 300; } .evdashboard-tran-date { font-size: 16px; font-weight: 700; } .evdashboard-tran-time { font-size: 14px; font-weight: 300; } .j69-dashboardEV--footer_flex { display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 1024px) { .j69-dashboard2 .flex-stretch { flex-wrap: wrap; } .j69-dashboard2 .flex-stretch .grid__column--4 { width: 100%; } .j69-dashboard--card-head { padding: 14px 0 6px; } } @media screen and (max-width: 599px) { .j69-dashboard--card-paynow { text-align: center; margin-bottom: 16px; } .j69-dashboard--card_title { margin-bottom: 0px; } .j69-dashboard--card { min-height: 250px; } .j69-dashboard--card-quicklinks { text-align: center; } .j69-dashboard--card-quicklinks .button, .j69-dashboard--card-quicklinks .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j69-dashboard--card-quicklinks a, .j69-dashboard--card-quicklinks .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j69-dashboard--card-quicklinks a, .j69-dashboard--card-quicklinks .form-submit, .j69-dashboard--card-quicklinks .button--centered { display: block; width: fit-content; margin: 0 auto; } .j69-dashboard--card_link { top: 28px; } .grid__column--6:first-child .j69-dashboard--card { margin-bottom: 24px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item { position: relative; margin-bottom: 50px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .form-field--6 { width: 100%; float: none; padding-right: 0px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .fieldset-edit-beneficiary-item-button { width: 20px; height: 20px; float: left; position: absolute; right: -20px; top: 40px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .form-field__button, .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .form-submit-border { clear: both; } .j69-dashboard .form-field.add-family, .j69-dashboard .add-family.field-border { padding-right: 20px; } .j69-customer--details_field--remove { right: -12px; } .m39-modal--beneficiary .m39-modal__dialog .m42-keyvalue .m42-keyvalue__key:first-child:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary { padding-left: 0px; } .m39-modal--beneficiary .m39-modal__dialog .m42-keyvalue .m42-keyvalue__key:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary { padding-left: 0px; } .j69-dashboard--card_header { display: block; overflow: hidden; } .j69-dashboard--card_header .flex-center { display: block; } .j69-dashboard--card_header .j69-dashboard--card_title { text-align: center; } .j69-dashboard--card_header .j69-dashboard--card_filter { margin: 0 !important; float: left; width: calc((100% - 8px) / 2); padding-top: 12px; } .j69-dashboard--card_header .j69-dashboard--card_filter:nth-child(2n+1) { padding-left: 8px; } .j69-dashboard--card_header .button--download { float: right; width: 50%; margin: 16px 0; } .j69-dashboardEV--footer_flex { display: block; } } @media screen and (min-width: 600px) { .dashboard__account-selector { float: none; max-width: 400px; clear: both; } .j69-dashboard--card { min-height: 300px; } .j69-dashboard--card_link { top: 28px; } .j69-dashboard--card-paynow { width: 50%; float: left; padding-right: 12px; border-right: 1px solid #BCBEC0; text-align: center; } .j69-dashboard--card-quicklinks { width: 50%; float: left; padding-left: 40px; } .j69-dashboard--card-quicklinks .button, .j69-dashboard--card-quicklinks .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j69-dashboard--card-quicklinks a, .j69-dashboard--card-quicklinks .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j69-dashboard--card-quicklinks a, .j69-dashboard--card-quicklinks .form-submit, .j69-dashboard--card-quicklinks .button--centered { margin: 0; } } @media screen and (min-width: 767px) and (max-width: 1024px) { .j69-dashboard--card-paynow { text-align: center; margin-bottom: 16px; width: 100%; float: none; padding: 0; border: none; } .j69-dashboard--card-quicklinks { text-align: center; width: 100%; float: none; padding: 0; } .j69-dashboard--card-quicklinks .button, .j69-dashboard--card-quicklinks .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j69-dashboard--card-quicklinks a, .j69-dashboard--card-quicklinks .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j69-dashboard--card-quicklinks a, .j69-dashboard--card-quicklinks .form-submit, .j69-dashboard--card-quicklinks .button--centered { display: block; width: fit-content; margin: 0 auto; } .grid__column--6:first-child .j69-dashboard--card { margin-bottom: 24px; } } @media screen and (min-width: 600px) and (max-width: 1024px) { .j69-dashboard--card-head { position: relative; } .j69-dashboard--card-head_link { text-align: right; position: absolute; right: 0px; top: 2px; } } @media screen and (min-width: 1025px) { .fieldset-add-beneficiary { width: 66.66667%; max-width: 450px; } .dashboard__account-selector { max-width: none; } .fieldset-edit-beneficiary { width: 620px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item { margin-bottom: 30px; width: 100%; position: relative; height: auto; float: left; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .form-field--6 { width: 50%; float: left; padding-right: 20px; margin-bottom: 0px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .form-field--6 + .form-field--6 { margin-top: 0px; padding-right: 20px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .fieldset-edit-beneficiary-item-button { width: 20px; height: 20px; float: left; position: absolute; right: -20px; top: 40px; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .form-field__button, .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .form-submit-border { clear: both; } .fieldset-edit-beneficiary-wrapper .fieldset-edit-beneficiary-item .fieldset-edit-beneficiary-item-button-delete { right: -15px; left: auto; top: 35px; bottom: auto; } .m39-modal--beneficiary .m39-modal__dialog { max-width: 550px; max-height: 450px; padding: 25px; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__title { text-align: center !important; padding-right: 15px; padding-top: 50px; font-weight: bold; line-height: 1.5; font-size: 1.6em; box-shadow: none; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__content { bottom: 120px; } .m39-modal--beneficiary .m39-modal__dialog .m42-keyvalue { margin-top: 50px; } .m39-modal--beneficiary .m39-modal__dialog .m42-keyvalue .m42-keyvalue__key:first-child:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary { line-height: 1.9em; padding-left: 30px; margin-bottom: 5px; } .m39-modal--beneficiary .m39-modal__dialog .m42-keyvalue .m42-keyvalue__key:not(.m42-keyvalue__key--secondary) + .m42-keyvalue__value--secondary { margin-top: 0px; padding-left: 30px; line-height: 1.9em; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer { box-shadow: none; margin: 40px 0 50px; } .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .button, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer a, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer a, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .form-submit, .m39-modal--beneficiary .m39-modal__dialog .m39-modal__footer .button--centered { margin-bottom: 0px; } .j69-dashboard--card-paynow { width: 50%; float: left; padding-right: 12px; border-right: 1px solid #BCBEC0; text-align: center; margin-top: 16px; } .j69-dashboard--card_link { top: 20px; } .j69-dashboard--card { min-height: 280px; padding: 30px 24px; } .j69-dashboard--card-head { position: relative; } .j69-dashboard--card-head_link { text-align: right; position: absolute; right: 0px; top: -10px; } .j69-dashboard--bes_6 { width: 50%; float: right; } .j69-dashboard--bes_6:nth-child(2) { padding: 0 36px; border-left: 1px solid #BCBEC0; height: -webkit-fill-available; } .j69-dashboard--card-quicklinks { width: 50%; float: left; padding-left: 40px; margin-top: 16px; } .j69-dashboard--card-quicklinks .button, .j69-dashboard--card-quicklinks .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j69-dashboard--card-quicklinks a, .j69-dashboard--card-quicklinks .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j69-dashboard--card-quicklinks a, .j69-dashboard--card-quicklinks .form-submit, .j69-dashboard--card-quicklinks .button--centered { margin: 0; } } @media screen and (min-width: 750px) { .dashboard__account-selector { float: left; } } .text-block { text-align: left; } .grid__column--centered .text-block { text-align: center; } .journey-intro + * { margin-top: 24px; } .journey-intro__subtitle { font-weight: bold; } .journey-intro__buttons { margin-top: 25px; } @media screen and (max-width: 599px) { .journey-intro__buttons { text-align: center; } .journey-intro__buttons a:first-child + a { margin-top: 24px; } } .summary-footer__title { text-align: center; margin-bottom: 36px; } .summary-footer__buttons { text-align: center; } .summary-footer__button { display: inline-block; } .summary-footer__text { text-align: center; margin-bottom: 30px; } .summary-footer__button--stacked { display: block; } .summary-footer__button--stacked + * { margin-top: 16px; } .m44-bill-selector { position: relative; } .m44-bill-selector .m49-list-filter { width: 110%; margin-left: -5%; } .m44-bill-selector .m49-list-filter--input { padding-left: 3.4%; } .m44-bill-selector:has(.m44-bill-selector__deselect) .text__section-subtitle { padding-right: 96px; } .m44-bill-selector__account_confirmation--detail-new { display: block; } .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__account--confirm-new { border-bottom: 1px solid #BCBEC0; padding: 17px 0px; } .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__name-new { display: block; font-weight: 600; } .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__details-new { display: inline-block; margin-right: 16px; float: right; color: #6D6E71; font-weight: 600; margin-top: 6px; } .m44-bill-selector__account_confirmation--detail-new .m44-bill-selector__confirmation-details-new { margin-top: 6px; font-weight: 600; color: #6D6E71; float: left; } .text__section-subtitle + #receiptsaccounts { margin-top: -16px; } .m44-bill-selector--total-accounts-EN { display: block; } .m44-bill-selector--total-accounts-AR { display: none; } .m44-bill-selector__deselect { position: absolute; right: 0; top: 10px; } .m44-bill-selector__accounts-list { padding-top: 3px; } .m44-bill-selector__labelstyle { color: #222222; } .m44-bill-selector__selected { box-sizing: border-box; display: block; width: 100%; border: 1px solid #BCBEC0; border-radius: 4px; padding: 15px 12px; background-color: white; } .m44-bill-selector__selected + * { margin-top: 8px; } .m44-bill-selector__selected--dropdown { position: relative; padding-right: 52px; vertical-align: middle; cursor: pointer; } .m44-bill-selector__selected--dropdown:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: auto; min-width: 1em; border-left: 1px solid #BCBEC0; border-radius: 0 4px 4px 0; font-size: 34px; background-color: white; } .m44-bill-selector__selected--dropdown:after { content: "\e604"; position: absolute; top: 50%; right: -3px; left: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: iconfont; font-size: 40px; color: #BCBEC0; } .m44-bill-selector__account { display: block; margin-bottom: 2px; overflow: hidden; } .m44-bill-selector__image { float: left; width: 50px; height: 50px; } .m44-bill-selector__image + .m44-bill-selector__header { margin-left: 62px; } .m44-bill-selector__header { display: block; } .m44-bill-selector__name { display: block; font-weight: bold; } .m44-bill-selector__name + * { margin-top: 2px; } .m44-bill-selector__status { font-weight: initial; color: #222222; } .m44-bill-selector__status:before { font-size: 18px; content: "\e60b"; vertical-align: sub; font-family: iconfont; } .m44-bill-selector__status--active:before { color: #007560; } .m44-bill-selector__status--warning:before { color: #E98535; } .m44-bill-selector__status--inactive:before { color: #B00020; } .m44-bill-selector__partner-title { padding: 5px 10px; background-color: #F6F6F6; width: 110%; margin-left: -5%; padding-left: 5%; } .m44-bill-selector__partner-title + .m44-bill-selector__accounts-list { margin-top: 0; } .m44-bill-selector__accounts-number { font-weight: bold; } .m44-bill-selector__message { line-height: 2em; } .m44-bill-selector__message--multiselected { font-weight: bold; } .m44-bill-selector__message--error { color: #B00020; } .m44-bill-selector__details { display: inline-block; margin-right: 16px; color: #222222; } .m44-bill-selector__details + .m44-bill-selector__details { margin-top: 0; } .m44-bill-selector__total { font-weight: bold; } .m44-bill-selector__account--review, .m44-bill-selector__account--review-details { position: relative; padding: 6px 0; } .m44-bill-selector__account--review .m37-expander, .m44-bill-selector__account--review-details .m37-expander { padding-top: 6px; } .m44-bill-selector__account--review:last-child { margin-bottom: 16px; } .m44-bill-selector__header { position: relative; } .m44-bill-selector__review-details--final { font-weight: bold; color: #222222; display: inline; bottom: -26px; } .m44-bill-selector__review-details--edit { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m44-bill-selector__review-details--edit:before { content: "\e645"; font-size: 18px; } .m44-bill-selector__review-details--edit:before { position: absolute; top: -3px; right: 0; color: #939598; } .m44-bill-selector__review-details--edit { position: absolute; font-weight: bold; color: #222222; display: inline; bottom: -26px; right: 0px; padding-right: 30px; position: absolute; } .m44-bill-selector__review-form { *zoom: 1; } .m44-bill-selector__review-form:before, .m44-bill-selector__review-form:after { content: " "; display: table; } .m44-bill-selector__review-form:after { clear: both; } .m44-bill-selector__review-form { margin-top: 16px; overflow: hidden; height: 0; -webkit-transition: height, 0.5s; -moz-transition: height, 0.5s; transition: height, 0.5s; } .m44-bill-selector__review-form--input { float: left; width: 70%; } .m44-bill-selector__review-form--input .form-field.form-field-text, .m44-bill-selector__review-form--input .form-field-text.field-border { width: 100%; } .m44-bill-selector__review-form-button--cancel { float: right; margin-top: 30px; } .m44-bill-selector__review-form-button--cancel .button--cancel { padding-right: 20px; } .m44-bill-selector__review-form-button--cancel .button--cancel:before { margin-left: 46px; } [dir=rtl] .m44-bill-selector__review-form-button--cancel .button--cancel:before { left: -25px; } .m44-bill-selector__checkbox-wrapper { position: relative; } .m44-bill-selector__submit { text-align: center; margin-top: 43px; } .m44-bill-selector__submit .form-field__messages, .m44-bill-selector__submit .field-error { text-align: left; } .m44-bill-selector__account--confirm { *zoom: 1; } .m44-bill-selector__account--confirm:before, .m44-bill-selector__account--confirm:after { content: " "; display: table; } .m44-bill-selector__account--confirm:after { clear: both; } .m44-bill-selector__account--confirm { border: 1px solid #BCBEC0; border-radius: 4px; padding: 17px 12px; } .m44-bill-selector__confirmation-details { font-weight: bold; padding-left: 12px; padding-top: 8px; } .m44-bill-selector__account_confirmation--detail { display: block; padding-bottom: 24px; } .m42-keyvalue__value--currency--suffix { display: inline; } .building-detail { line-height: 22px; } .building-detail + * { margin-top: 32px; } .building-detail__area, .building-detail__account { *zoom: 1; } .building-detail__area:before, .building-detail__area:after, .building-detail__account:before, .building-detail__account:after { content: " "; display: table; } .building-detail__area:after, .building-detail__account:after { clear: both; } .building-detail__area, .building-detail__account { display: block; } .building-detail__value, .building-detail__fuel, .building-detail__name { font-weight: bold; } .building-detail__value, .building-detail__key { display: inline; } .building-detail__divider { margin-right: 2px; } .building-detail__divider:before { content: ":"; } .building-detail__divider, .building-detail__value, .building-detail__key { float: left; } .building-detail__fuel + * { margin-top: 16px; } .estimate-history__item { border-bottom: 1px solid #E5E5E5; padding-bottom: 15px; margin-bottom: 15px; } .estimate-history__details { margin-bottom: 15px; } .estimate-history__key, .estimate-history__value { display: inline; margin-top: 0; float: left; } .estimate-history__key { margin-right: 4px; clear: left; } .estimate-history__id { font-weight: bold; margin-bottom: 3px; } .m45-estimate-selector { margin-bottom: 36px; } @media screen and (max-width: 1024px) { .m45-estimate-selector .m39-modal__title { font-size: 1.25em; } } @media screen and (min-width: 1025px) { .m45-estimate-selector .m39-modal__title { font-size: 1.25em; } } .m45-estimate-selector .m39-modal__title { padding: 20px 15px; } .m45-estimate-selector .m39-modal__dialog { max-width: 450px; } .m45-estimate-selector .m39-modal__header { height: auto; padding: 0; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form { display: none; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form-active { display: block; } .m45-estimate-selector .m39-modal__button--close { margin-top: 8px; } .m45-estimate-selector .m39-modal__content { position: absolute; top: 48px; left: 0; right: 0; bottom: 65px; overflow: auto; padding: 0; border-bottom: 1px solid #BCBEC0; } .m45-estimate-selector .form-field__radio, .m45-estimate-selector .field-content--radio { padding: 15px; } .m45-estimate-selector-trigger__label { color: #222222; margin-bottom: 3px; } .m45-estimate-friend { position: relative; padding-right: 52px; vertical-align: middle; cursor: pointer; box-sizing: border-box; display: block; width: 100%; margin-top: 4px; border: 1px solid #BCBEC0; border-radius: 4px; padding: 15px 12px; background-color: white; } .m45-estimate-selector__trigger { position: relative; padding-right: 52px; vertical-align: middle; cursor: pointer; box-sizing: border-box; display: block; width: 100%; margin-top: 4px; border: 1px solid #BCBEC0; border-radius: 4px; padding: 15px 12px; background-color: white; } .m45-estimate-selector__trigger + * { margin-top: 8px; } .m45-estimate-selector__trigger:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: auto; min-width: 1em; border-left: 1px solid #BCBEC0; border-radius: 0 4px 4px 0; font-size: 34px; background-color: white; } .m45-estimate-selector__trigger:after { content: "\e604"; position: absolute; top: 50%; right: -3px; left: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-family: iconfont; font-size: 40px; color: #BCBEC0; } .m45-estimate-selector__trigger .m45-estimate-selector__summary--selectable { display: block; border: none; padding: 0; } .m45-estimate-selector__summary { margin-bottom: 10px; } .m45-estimate-selector__summary--selectable { display: none; margin-bottom: 0; } .m45-estimate-selector__estimate { margin-top: 0; } .m45-estimate-selector__estimate--selectable { display: none; } .m45-estimate-selector__active { display: block; } .m45-estimate-selector__id { font-weight: bold; display: block; margin-top: 0; margin-bottom: 2px; } .m45-estimate-selector__description { color: #222222; margin-bottom: 2px; display: block; margin-top: 0; } .m45-estimate-selector__amount { color: #222222; display: block; margin-top: 0; } .m45-estimate-selector__keyvalues { margin-bottom: 20px; } .m45-estimate-selector__key, .m45-estimate-selector__value { color: #222222; float: left; } .m45-estimate-selector__key:nth-child(1), .m45-estimate-selector__key:nth-child(2), .m45-estimate-selector__value:nth-child(1), .m45-estimate-selector__value:nth-child(2) { margin-top: 4px; } .m45-estimate-selector__key { clear: left; margin-right: 4px; } .m45-estimate-selector--error { display: none; } .m45-estimate-selector--error.on { display: block; } .m45-estimate-selector--amount-pay-form-input { width: 70%; float: left; } .m45-estimate-selector--amount-pay-form-input .form-field__button, .m45-estimate-selector--amount-pay-form-input .form-submit-border { display: none; } .m45-estimate-selector--amount-utils-hide { display: none; } .m45-estimate-selector--amount-pay-form-button--cancel { width: auto; float: right; margin-top: 30px; } .m45-estimate-selector--amount-pay-form-button--cancel .button--cancel:before { left: 58px; } .m45-estimate-selector--amount-pay-form-button--set { width: auto; float: right; margin-top: 30px; } .m45-estimate-selector--amount-pay-form-button--set a { padding-right: 10px; } .m45-estimate-selector--edit-amount { float: right; padding-right: 0; } @media screen and (max-width: 599px) { .m45-estimate-selector .m45-estimate-selector--amount-pay-form-input { width: 100%; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form-button--cancel { width: auto; float: right; margin-top: 0px; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form-button--cancel .button--cancel:before { left: 58px; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form-button--set { margin-top: 0px; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form-button--cancel { width: auto; float: right; } } @media screen and (min-width: 1025px) { .m45-estimate-selector .m45-estimate-selector--amount-pay-form-input { width: 70%; float: left; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form-button--cancel { width: auto; float: right; margin-top: 30px; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form-button--cancel .button--cancel:before { left: 58px; } .m45-estimate-selector .m45-estimate-selector--amount-pay-form-button--cancel { width: auto; float: right; margin-top: 30px; } } .aside__maintitle { margin-bottom: 36px; } .aside__title { margin-bottom: 28px; } @media screen and (min-width: 600px) { .aside { padding-right: 20%; } } .g-recaptcha .error { border: 1px solid #B00020; } .g-recaptcha .error { border: 1px solid #B00020; } .tender-result { margin-bottom: 36px; } .tender-result__title { font-weight: bold; } .tender-result__details { margin-bottom: 24px; } .tender-result__key, .tender-result__value { margin-top: 0; display: inline; } .tender-result__key { padding-top: 10px; font-weight: bold; padding-right: 5px; } .tender-result__value { margin-bottom: 6px; } .tender-result__value .link--pdf { display: inline-block; margin-left: 10px; } .tender-result__key:not(:first-child):before { content: ""; display: block; margin-top: 15px; } .tender-result__value:not(:first-child):after { content: ""; display: inline-block; } @media screen and (max-width: 599px) { .tender-result__value a { display: block; margin-top: 5px; } } .g-recaptcha .error { border: 1px solid #B00020; } .g-recaptcha .error { border: 1px solid #B00020; } .g-recaptcha .error { border: 1px solid #B00020; } .inline-nav__item { margin-bottom: 36px; } .inline-nav__link { font-weight: bold; display: block; color: #007560; } .inline-nav__description { color: #222222; margin-top: 0; } .g-recaptcha .error { border: 1px solid #B00020; } .sitemap .sitemap_item + .sitemap_item { margin-top: 48px; } .sitemap .sitemap_item--title { font-weight: bold; display: inline-block; } .sitemap .m37-expander__trigger { height: 48px; width: 36px; text-indent: 10000px; overflow: hidden; } .sitemap .m37-expander__trigger:before { top: calc((100% - 24px) / 2); } .sitemap .sitemap_item-link:before { content: none; } .sitemap .m37-expander__trigger--open:before { top: calc((100% - 30px) / 2); } .sitemap .m37-expander__content--open { padding: 24px 28px; background-color: #f1f1f1; overflow: hidden; } .sitemap .sitemap_secondaryitem--wrapper { overflow: hidden; } .sitemap .sitemap_secondaryitem--wrapper + .sitemap_secondaryitem--wrapper { margin-top: 24px; } .sitemap .sitemap_secondaryitem { float: left; padding-left: 16px; padding-bottom: 4px; } .sitemap .sitemap_secondaryitem:first-child { padding: 0; padding-bottom: 4px; } .sitemap .sitemap_secondaryitem--title { color: #222222; font-weight: bold; margin-bottom: 16px; } .sitemap .sitemap_secondaryitem--item { margin-bottom: 8px; } .sitemap .sitemap_secondaryitem--item a { color: #222222; position: relative; } .sitemap .sitemap_secondaryitem--item a:before { position: absolute; bottom: 2px; left: 0; overflow: hidden; padding: 2px 0; width: 0; border-bottom: 2px solid #007560; color: #007560; content: ""; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .sitemap .sitemap_secondaryitem--item a:hover { color: #007560; } .sitemap .sitemap_secondaryitem--item a:hover:before { color: #007560; width: 100%; } .sitemap .sitemap_secondaryitem--item:last-child { margin: 0; } .sitemap .sitemap_secondaryitem--item ul { padding-left: 12px; margin-top: 4px; } .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem { margin-bottom: 2px; position: relative; } .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem:before { content: "•"; position: absolute; top: -6px; left: -10px; color: #939598; } .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem a { color: #222222; } .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem a:before { content: none; } .sitemap .sitemap_secondaryitem--item ul .sitemap_secondarysubitem a:hover { color: #007560; cursor: pointer; text-decoration: underline; } @media screen and (max-width: 599px) { .sitemap .sitemap_secondaryitem { width: 100%; padding: 0 0 16px; margin-top: 24px; } .sitemap .sitemap_secondaryitem:first-child { margin-top: 0; } } @media screen and (min-width: 600px) { .sitemap .sitemap_secondaryitem { width: calc((100% - 48px) / 2); } .sitemap .sitemap_secondaryitem:nth-child(3) { margin-top: 24px; padding: 0 0 16px; } .sitemap .sitemap_secondaryitem:nth-child(4) { margin-top: 24px; } } @media screen and (min-width: 1025px) { .sitemap .sitemap_secondaryitem { width: calc((100% - 48px) / 4); } .sitemap .sitemap_secondaryitem:nth-child(3) { margin-top: 0px; padding-left: 16px; padding-bottom: 4px; } .sitemap .sitemap_secondaryitem:nth-child(4) { margin-top: 0px; } } .j43-chat-panel { position: absolute; right: 0; bottom: 0; width: 180px; height: 217px; border-top-right-radius: 0; border-top-left-radius: 2px; background-color: white; } .j43-chat-panel__button--close { position: absolute; padding: 15px; top: 0; right: 0; } .j43-chat-panel__button--close:before { content: url("images/icon_close.png"); } .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .form-submit, .button--centered { cursor: pointer; } .j43-chat-panel__icon { margin-top: 32px; } .j43-chat-panel__icon, .j43-chat-panel__button { display: block; text-align: center; } .j43-chat-panel__icon + * { margin-top: 16px; } .j43-chat-panel__button + * { margin-top: 8px; } .j43-chat-panel__button--live-chat:before { width: 72px; height: 72px; content: url("images/live_chat_icon.png"); } .j43-chat-panel__button--primary { border-radius: 22px; background-color: #007560; line-height: 44px; text-decoration: none; color: white; font-family: "DUBAI-REGULAR"; padding: 0 26px; font-weight: 700; } .j43-chat-icon__text { text-align: center; color: #939598; font-family: sans-serif; font-family: "DUBAI-REGULAR"; font-weight: 400; line-height: 15px; } .j100-services-map .m32-map__overlay { display: none; } .j100-services-map .j100-services-map__filters--desktop .grid__row, .j100-services-map .j100-services-map__filters--desktop .form-introduction, .j100-services-map .j100-services-map__filters--desktop .grid__row--tight { margin-left: 0; margin-right: 0; } .j100-services-map .j100-services-map__filters--desktop .grid__row .grid__column.grid__column--6, .j100-services-map .j100-services-map__filters--desktop .form-introduction .grid__column.grid__column--6, .j100-services-map .j100-services-map__filters--desktop .grid__row--tight .grid__column.grid__column--6, .j100-services-map .j100-services-map__filters--desktop .grid__row .grid__column--6.dashboard__account-selector, .j100-services-map .j100-services-map__filters--desktop .form-introduction .grid__column--6.dashboard__account-selector, .j100-services-map .j100-services-map__filters--desktop .grid__row--tight .grid__column--6.dashboard__account-selector, .j100-services-map .j100-services-map__filters--desktop .grid__row .grid__column--6.dashboard__user-widget, .j100-services-map .j100-services-map__filters--desktop .form-introduction .grid__column--6.dashboard__user-widget, .j100-services-map .j100-services-map__filters--desktop .grid__row--tight .grid__column--6.dashboard__user-widget { padding-right: 10px; } .j100-services-map .j100-services-map__filters--desktop .grid__column:first-child, .j100-services-map .j100-services-map__filters--desktop .dashboard__account-selector:first-child, .j100-services-map .j100-services-map__filters--desktop .dashboard__user-widget:first-child { padding-left: 0; } .j100-services-map .j100-services-map__filters--desktop .grid__column:last-child, .j100-services-map .j100-services-map__filters--desktop .dashboard__account-selector:last-child, .j100-services-map .j100-services-map__filters--desktop .dashboard__user-widget:last-child { padding-right: 0; } .j100-services-map .j100-services-map__filters--mobile { display: block; } .j100-services-map .m32-map__overlay-address br { line-height: 1.5em; } .j100-services-map .form-field__fakecheckbox { word-wrap: unset !important; } .j100-services-map .location-map-title-grid__row { margin-bottom: 20px; } .j100-services-map .location-map-title-grid__row .m26-page-title { padding-top: 20px; } .disable-mouse { pointer-events: none; } .disable-mouse .downarrow { display: none; } .evcomponentsdiv .j100-services-map { margin-bottom: 40px; } .form-field--map-filter { display: flex; gap: 10px; white-space: nowrap; -webkit-overflow-scrolling: touch; } .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox:before, .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox:after { display: none; } .form-field--map-filter .form-field__checkbox-filter-input .form-field__input--checkbox:checked + .form-field__fakecheckbox, .form-field--map-filter .form-field__checkbox-filter-input .field-content [type=checkbox]:checked + .form-field__fakecheckbox, .field-content .form-field--map-filter .form-field__checkbox-filter-input [type=checkbox]:checked + .form-field__fakecheckbox { background-color: #007560; color: white; } .form-field--map-filter .form-field__checkbox-filter-input .form-field__input--checkbox:checked + .form-field__fakecheckbox svg, .form-field--map-filter .form-field__checkbox-filter-input .field-content [type=checkbox]:checked + .form-field__fakecheckbox svg, .field-content .form-field--map-filter .form-field__checkbox-filter-input [type=checkbox]:checked + .form-field__fakecheckbox svg { fill: white; } .form-field--map-filter .form-field__checkbox-filter-input .form-field__input--checkbox:checked + .form-field__fakecheckbox .downarrow, .form-field--map-filter .form-field__checkbox-filter-input .field-content [type=checkbox]:checked + .form-field__fakecheckbox .downarrow, .field-content .form-field--map-filter .form-field__checkbox-filter-input [type=checkbox]:checked + .form-field__fakecheckbox .downarrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid white; } .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox { padding: 5px 12px; border-radius: 20px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); background-color: white; color: #222222; display: flex; gap: 5px; align-items: center; font-weight: 600; } .form-field--map-filter .form-field__checkbox-filter-input .form-field__fakecheckbox svg { fill: #222222; } .form-field--map-filter .form-field__checkbox-filter { display: flex; } .form-field--map-filter .form-field__checkbox-filter.hidden { display: none; } .form-field--map-filter .form-field__checkbox + *, .form-field--map-filter .field-content--checkbox + * { margin-top: 0px; } .form-field--map-filter .form-field__checkbox-filter-details { display: flex; padding: 0px 10px; } .form-field--map-filter .form-field__checkbox-filter-details.hidden { display: none; } .form-field--map-filter .form-field__checkbox-filter-details .button .downarrow, .form-field--map-filter .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .downarrow, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter .form-field__checkbox-filter-details a .downarrow, .form-field--map-filter .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .downarrow, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter .form-field__checkbox-filter-details a .downarrow, .form-field--map-filter .form-field__checkbox-filter-details .form-submit .downarrow, .form-field--map-filter .form-field__checkbox-filter-details .button--centered .downarrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #222222; } .form-field--map-filter .form-field__checkbox-filter-details .button.btn-active .downarrow, .form-field--map-filter .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.btn-active .downarrow, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter .form-field__checkbox-filter-details a.btn-active .downarrow, .form-field--map-filter .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.btn-active .downarrow, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter .form-field__checkbox-filter-details a.btn-active .downarrow, .form-field--map-filter .form-field__checkbox-filter-details .btn-active.form-submit .downarrow, .form-field--map-filter .form-field__checkbox-filter-details .btn-active.button--centered .downarrow { border-top-color: white; } .form-field--map-filter .button, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field--map-filter a, .form-field--map-filter .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field--map-filter a, .form-field--map-filter .form-submit, .form-field--map-filter .button--centered { font-weight: 600; padding: 5px 12px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25); background-color: white; } .form-field--map-filter .btn-active { background-color: #007560; color: white; } .form-field__checkbox-filter-details .button, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a, .form-field__checkbox-filter-details .form-submit, .form-field__checkbox-filter-details .button--centered { display: flex; gap: 5px; align-items: center; } .form-field__checkbox-filter-details .button .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a .fl-count, .form-field__checkbox-filter-details .form-submit .fl-count, .form-field__checkbox-filter-details .button--centered .fl-count { display: none; width: 19px; height: 19px; border-radius: 10px; color: #007560; background-color: white; } .form-field__checkbox-filter-details .button.btn-active .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.btn-active .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__checkbox-filter-details a.btn-active .fl-count, .form-field__checkbox-filter-details .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.btn-active .fl-count, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__checkbox-filter-details a.btn-active .fl-count, .form-field__checkbox-filter-details .btn-active.form-submit .fl-count, .form-field__checkbox-filter-details .btn-active.button--centered .fl-count { display: flex; align-items: center; text-align: center; justify-content: center; } .j100-services-map__filters-modal { border-radius: 10px; border: 1px solid rgba(151, 151, 151, 0.5); background: white; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19); position: absolute; width: 278px; top: 55px; margin-top: 0px; z-index: 111; } .j100-services-map__filters-modal .filters-modal-title { border-bottom: 1px solid #E8E8E8; padding: 16px; display: flex; align-content: baseline; font-weight: 600; } .j100-services-map__filters-modal .filters-modal-title .filters-modal-close { display: inline-block; margin-left: auto; } .j100-services-map__filters-modal .filters-modal-title .filters-modal-close svg { fill: #6F6F6F; } .j100-services-map__filters-modal .fieldset { min-inline-size: auto; } .j100-services-map__filters-modal .form-field--toggles { padding: 12px 15px; } .j100-services-map__filters-modal .form-field--toggles .form-field__fakecheckbox { font-weight: 300; } .j100-services-map__filters-modal .filters-modal-footer { border-top: 1px solid #E8E8E8; padding: 25px 16px; display: flex; align-items: baseline; } .j100-services-map__filters-modal .filters-modal-footer .show-location.disabled { cursor: default; opacity: 0.65; pointer-events: none; } .j100-services-map__filters-modal .form-field__checkbox + *, .j100-services-map__filters-modal .field-content--checkbox + * { margin-top: 12px; } .j100-services-map__filters-modal .select-all { padding: 10px 16px; cursor: pointer; font-weight: 600; display: inline-block; } .j100-services-map__filters-modal .select-clear, .j100-services-map__filters-modal .select-cancel, .j100-services-map__filters-modal .filters-modal-close { cursor: pointer; } .j100-services-map__filters-modal .select-clear, .j100-services-map__filters-modal .select-cancel { margin-left: auto; margin-right: 20px; font-weight: 600; } .j100-services-map__filters-modal.charger-type-modal { width: 331px; } .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox { flex-wrap: wrap; } .j100-services-map__filters-modal.charger-type-modal .form-field__countcheckbox .evtariff-txt { float: right; display: inline-block; } .j100-services-map__cat-modal { border-radius: 10px; border: 1px solid rgba(151, 151, 151, 0.5); background: white; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.19); position: absolute; width: 220px; top: 55px; margin-top: 0px; z-index: 111; } .j100-services-map__cat-modal .filters-modal-title { padding: 16px 16px 0px; display: flex; align-content: baseline; font-weight: 600; } .j100-services-map__cat-modal .filters-modal-title .filters-modal-cat-close { display: inline-block; margin-left: auto; cursor: pointer; } .j100-services-map__cat-modal .filters-modal-title .filters-modal-cat-close svg { fill: #6F6F6F; } .j100-services-map__cat-modal .modal-cat-items { padding-bottom: 5px; } .j100-services-map__cat-modal .modal-cat-items .modal-cat-item { padding: 5px 15px; line-height: 22px; cursor: pointer; } .j100-services-map__cat-modal .modal-cat-items .modal-cat-item.active { background-color: #007560; color: white; } .j100-services-map__cat-modal .modal-cat-items .modal-cat-item:hover:not(.active) { background-color: #F8F8F8; } .j100-services-map__mapandfilter { position: relative; background-color: white; } .j100-services-map__mapandfilter .j100-services-map__filters--desktop { position: absolute; z-index: 110; width: 100%; top: 54px; } .j100-services-map__mapandfilter.bgwhite .j100-services-map__filters--desktop { background-color: white; } .j100-services-map__mapandfilter.mapdetail .j100-services-map__filters--desktop { display: none; } .j100-services-map__mapandfilter.mapdetail .m32-map__search-mobile { display: none; } .j100-services-map__mapandfilter.mapdetail .m32-map { height: auto !important; } .j100-services-map__mapandfilter.mapdetail .m32-map__overlay { position: static; } .j100-services-map__mapandfilter.mapdetail #map { height: 250px !important; } .j100-services-map__mapandfilter.mapdetail .m32-map__list.m32-map__list-map { top: 100%; } .j100-services-map__mapandfilter.mapdetail .m32-map__btn { display: none; } .j100-services-map__mapandfilter.mapdetail .m32-map__overlay-body { max-height: none; } .j100-services-map__mapandfilter.mapdetail .gm-style .gm-bundled-control { display: none; } .j100-services-map__mapandfilter.mapdetail .gm-style .gm-fullscreen-control { display: none; } .j100-services-map_legend { margin-top: 16px; } .j100-services-map_legend-item { display: inline-block; position: relative; padding-left: 28px; margin-right: 16px; font-weight: 300; } .j100-services-map_legend-item:before { width: 20px; height: 20px; position: absolute; left: 0; top: -3px; content: " "; } .j100-services-map_legend-item.available:before { background-color: #007560; } .j100-services-map_legend-item.maintenance:before { background-color: #E98535; } .j100-services-map_legend-item.busy:before { background-color: #B00020; } .j100-expander_input { padding: 5px 12px 8px; border: 1px solid #BCBEC0; border-radius: 4px; line-height: normal; position: relative; z-index: 1; min-height: 39px; color: #222222; background-color: white; padding-left: 60px; padding-right: 44px; margin-top: 8px; color: #757575; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .j100-expander_input:before { font-family: iconfont; position: absolute; right: 4px; top: 1px; font-size: 36px; } .j100-expander_icon { position: absolute; left: 18px; top: 12px; } .j100-filters_desktop.loading, .j100-services-map__filters--mobile.loading { position: relative; } .j100-filters_desktop.loading:before, .j100-services-map__filters--mobile.loading:before { content: " "; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; z-index: 99; width: 100%; min-height: 100px; background-color: rgba(255, 255, 255, 0.05); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .j100-filters_desktop { width: 100%; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; padding-bottom: 20px; padding-top: 10px; } .j100-filters_desktop::-webkit-scrollbar { display: none; } .j100-services-map__filters--desktop .j100-filters_desktop { margin-top: 0px !important; margin-bottom: 0px !important; } .j100-services-map__filters-modal .form-field__fakecheckbox:before { width: 22px; height: 22px; margin-top: 5px; } .j100-services-map__filters-modal .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .j100-services-map__filters-modal .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .j100-services-map__filters-modal [type=checkbox]:checked + .form-field__fakecheckbox:after { left: -2px; right: auto; top: 0px; font-size: 25px; line-height: 24px; color: white; font-weight: normal; } .j100-services-map__filters-modal .form-field__input--checkbox:checked + .form-field__fakecheckbox::before, .j100-services-map__filters-modal .field-content [type=checkbox]:checked + .form-field__fakecheckbox::before, .field-content .j100-services-map__filters-modal [type=checkbox]:checked + .form-field__fakecheckbox::before { box-shadow: none; background-color: #007560; } .j100-services-map__filters-modal .form-field__fakecheckbox:after { width: 22px; height: 22px; margin-top: 5px; } .m32-map__list-item-title--direction { display: flex; align-items: center; margin-left: auto; } .m32-map__list-item-title--direction .m32-map__list-item-title--direction-link { width: 30px; height: 30px; display: inline-block; } .j100-services-map_mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 110; visibility: hidden; background: #222222; opacity: 0; -webkit-transition: opacity 0.5s, visibility 0.5s; -moz-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; } .j100-services-map_mask.show-mask { opacity: 0.6; visibility: visible; } .gm-bundled-control div { -webkit-tap-highlight-color: transparent; } @media screen and (max-width: 599px) { .j100-services-map .m32-map__overlay { display: none; border-top: 1px solid #D7D7DF; } .j100-services-map .j100-services-map__filters--mobile { display: block; } .j100-services-map .j100-services-map__filters--mobile .grid__column, .j100-services-map .j100-services-map__filters--mobile .dashboard__account-selector, .j100-services-map .j100-services-map__filters--mobile .dashboard__user-widget { padding-left: 18px; padding-right: 18px; } .j100-services-map .j100-services-map__filters--mobile .form-field__button, .j100-services-map .j100-services-map__filters--mobile .form-submit-border { margin-top: 0px; } .j100-services-map .j100-services-map__filters--mobile .form + * { margin-top: 0px; } .j100-services-map_legend-item { display: block; margin-bottom: 16px; } .j100-services-map__filters-modal { left: calc(50% - 139px); top: -10px; } .j100-services-map__cat-modal { left: calc(50% - 139px); } } @media screen and (min-width: 600px) { .j100-services-map .m32-map__overlay { display: none; border-top: 1px solid #D7D7DF; opacity: 0; filter: alpha(opacity=0); } .j100-services-map .j100-services-map__filters--desktop { display: block; } .j100-services-map .j100-services-map__filters--desktop .grid__column--4, .j100-services-map .j100-services-map__filters--desktop .grid__column--8 { width: 100%; padding: 0; } .j100-services-map .j100-services-map__filters--desktop .grid__column--4 + .grid__column--8 { margin-top: 24px; } .j100-services-map .j100-services-map__filters--mobile { display: none; } .j100-services-map .grid__column.grid__column--filter, .j100-services-map .grid__column--filter.dashboard__account-selector, .j100-services-map .grid__column--filter.dashboard__user-widget { width: 50%; padding: 0; margin-bottom: 12px; } .j100-services-map__filters-modal { left: 200px; } .j100-services-map__cat-modal { left: 10px; } } @media screen and (min-width: 1025px) { .j100-services-map .m32-map__overlay { display: none; } .j100-services-map .j100-services-map__filters--desktop { display: block; } .j100-services-map .j100-services-map__filters--desktop .grid__row--tight { margin-bottom: 0; } .j100-services-map .j100-services-map__filters--desktop .grid__row--tight:last-child { margin-bottom: 32px; } .j100-services-map .j100-services-map__filters--desktop .m37-expander .form-field__button, .j100-services-map .j100-services-map__filters--desktop .m37-expander .form-submit-border { margin-top: 0; } .j100-services-map .j100-services-map__filters--desktop .m37-expander .grid__row, .j100-services-map .j100-services-map__filters--desktop .m37-expander .form-introduction, .j100-services-map .j100-services-map__filters--desktop .m37-expander .grid__row--tight { margin-left: 0; margin-right: 0; margin-bottom: 0; } .j100-services-map .j100-services-map__filters--desktop .m37-expander .grid__row .grid__column, .j100-services-map .j100-services-map__filters--desktop .m37-expander .form-introduction .grid__column, .j100-services-map .j100-services-map__filters--desktop .m37-expander .grid__row--tight .grid__column, .j100-services-map .j100-services-map__filters--desktop .m37-expander .grid__row .dashboard__account-selector, .j100-services-map .j100-services-map__filters--desktop .m37-expander .form-introduction .dashboard__account-selector, .j100-services-map .j100-services-map__filters--desktop .m37-expander .grid__row--tight .dashboard__account-selector, .j100-services-map .j100-services-map__filters--desktop .m37-expander .grid__row .dashboard__user-widget, .j100-services-map .j100-services-map__filters--desktop .m37-expander .form-introduction .dashboard__user-widget, .j100-services-map .j100-services-map__filters--desktop .m37-expander .grid__row--tight .dashboard__user-widget { padding-right: 5px; } .j100-services-map .j100-services-map__filters--desktop .grid__column--4 { width: 33.333333%; padding-right: 16px; } .j100-services-map .j100-services-map__filters--desktop .grid__column--4 + .grid__column--8 { margin-top: 0px; } .j100-services-map .j100-services-map__filters--desktop .grid__column--8 { width: 66.666667%; padding-left: 16px; } .j100-services-map .j100-services-map__filters--mobile { display: none; } .j100-services-map .grid__column.grid__column--filter, .j100-services-map .grid__column--filter.dashboard__account-selector, .j100-services-map .grid__column--filter.dashboard__user-widget { width: 20%; padding: 0 16px; margin-bottom: 12px; } .j100-services-map__mapandfilter .j100-services-map__filters--desktop { left: calc(20% + 40px); top: 0px; } .j100-services-map__mapandfilter.bgwhite .j100-services-map__filters--desktop { background-color: transparent; } .j100-filters_desktop { width: auto; overflow-x: auto; padding-top: 20px; } .j100-services-map__filters-modal { top: 65px; } .j100-services-map__filters-modal.sc-status-modal { left: 275px; } .j100-services-map__filters-modal.payment-type-modal { left: 215px; } .j100-services-map__filters-modal.charger-type-modal { left: 215px; } .j100-services-map__filters-modal.charger-status-modal { left: 415px; } .j100-services-map__cat-modal { top: 65px; } .form-field__checkbox-filter-details { border-left: 2px solid #6F6F6F; margin-left: 10px; } .j100-services-map__mapandfilter .j100-services-map__filters--desktop { width: auto; } .j100-services-map__filters-modal .form-field__fakecheckbox:before { margin-top: 0px; } .j100-services-map__filters-modal .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .j100-services-map__filters-modal .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .j100-services-map__filters-modal [type=checkbox]:checked + .form-field__fakecheckbox:after { top: -5px; } .j100-services-map__mapandfilter.mapdetail .j100-services-map__filters--desktop { display: block; } .j100-services-map__mapandfilter.mapdetail .m32-map { height: 600 !important; } .j100-services-map__mapandfilter.mapdetail .m32-map__overlay { position: absolute; } .j100-services-map__mapandfilter.mapdetail #map { height: 860px !important; } .j100-services-map__mapandfilter.mapdetail .m32-map__list.m32-map__list-map { top: 20px; } .j100-services-map__mapandfilter.mapdetail .m32-map__overlay-body { max-height: 553px; } .j100-services-map__mapandfilter.mapdetail .gm-style .gm-bundled-control { display: block; } .j100-services-map__mapandfilter.mapdetail .gm-style .gm-fullscreen-control { display: block; } .m32-map__list-item-title--direction { display: none; } .j100-services-map_mask { display: none; } } .transaction-history { margin-top: 0 !important; margin-left: -5%; width: 110%; padding: 16px 5%; } .transaction-history + .transaction-history { border-top: 1px solid #BCBEC0; } .transaction-history .button--very_small { margin-top: 12px; } .no-transaction--wrapper { margin: 12px 0px; } .refund_history_status_button { float: left; } .transaction-history--wrapper .m39-modal__trigger { padding: 10px 32px; color: white; text-align: center; } .transaction-history--wrapper .m39-modal__trigger:hover { text-decoration: none; } .transaction-history--wrapper .m34-pagination { margin-bottom: 24px; } .transaction-history--wrapper .m39-modal__title { background: #007560; padding: 16px 32px; color: white; font-weight: 600; } .transaction-history--wrapper .m39-modal__header { padding: 54px 0px 10px; } .transaction-history--wrapper .form-field__radio + *, .transaction-history--wrapper .field-content--radio + * { margin-top: 32px; } .transaction-history--wrapper .form-field, .transaction-history--wrapper .field-border { padding: 32px 22px 12px; } .transaction-history__detail-item + .transaction-history__detail-item { margin-top: 8px; } .j01-transaction-history-selectdate .form-field--text { float: left; margin-top: 0px; padding-top: 0px; } .transaction-history__title { font-weight: 600; width: 65%; float: left; } .transaction-history__detail { margin-top: 40px; } .transaction-history__detail-refund { margin-top: 32px; clear: both; } .transaction-history__detail-amount--bill { float: right; font-weight: 600; color: #007560; margin-top: 0px; max-width: 35%; } .transaction-history__detail-amount--reciept { float: right; font-weight: 600; color: #0068BD; margin-top: 0px; } .transaction-history__item { *zoom: 1; } .transaction-history__item:before, .transaction-history__item:after { content: " "; display: table; } .transaction-history__item:after { clear: both; } .transaction-history__item dl { width: 100%; } .transaction-history__detail-item { float: left; } .transaction-history__detail-item + * { margin-top: 0; } .transaction-history__detail-item { width: 100%; font-weight: 600; color: #717173; } .transaction-history__detail-item-refund { float: left; } .transaction-history__detail-item-refund + * { margin-top: 0; } .transaction-history__detail-item-refund { width: 100%; font-weight: 400; color: #222222; } .transaction-history__detail-item--divider, .transaction-history__detail-item--content { float: left; } .transaction-history__detail-item--divider { padding-right: 2px; } .form-field-refundfilter { padding: 32px 0px 12px !important; } .refund_detail-card { display: block; max-width: 550px; border-radius: 4px; padding: 15px 12px; background-color: white; box-shadow: 0px 2px 3px 4px rgb(238, 238, 238); margin-top: 12px; position: relative; } .refund_detail-card .refund_detail-name { color: #717173; font-weight: 600; margin-bottom: 8px; } .refund_detail-card .refund_detail-status { color: #3A3A39; font-weight: 400; padding-left: 16px; margin-left: 8px; position: relative; } .refund_detail-card .refund_detail-status:before { font-size: 30px; content: "\e60b"; vertical-align: sub; font-family: iconfont; position: absolute; color: #F5A623; top: -4px; left: -8px; } .refund_detail-card .refund_detail-details { color: #717173; margin-bottom: 8px; font-weight: 100; } .refund_detail-card .refund_detail-amount { position: absolute; color: #717173; font-weight: 100; top: 20px; right: 40px; } @media screen and (max-width: 599px) { .j01-transaction-history-selectdate { width: auto; } .j01-transaction-history-selectdate .form-field--text { display: block; } .j01-transaction-history-selectdate .form-field__label, .j01-transaction-history-selectdate .field-title, .j01-transaction-history-selectdate .j100-expander_label { display: block; position: sticky; } .j01-transaction-history-selectdate .form-field__input-wrapper--datepicker, .j01-transaction-history-selectdate .field-content--datepicker, .j01-transaction-history-selectdate .form-field__input-wrapper:has([data-el=timepicker]), .j01-transaction-history-selectdate .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]), .j01-transaction-history-selectdate .j134-media--filter:has([data-el=timepicker]), .j01-transaction-history-selectdate .field-content:has([data-el=timepicker]), .j01-transaction-history-selectdate .j100-expander_input:has([data-el=timepicker]) { display: block; } .refund_detail-card .refund_detail-name, .refund_detail-card .refund_detail-details, .refund_detail-card .refund_detail-amount { font-size: 10px; } .refund_detail-card .refund_detail-name.static-bold-s, .refund_detail-card .refund_detail-details.static-bold-s, .refund_detail-card .refund_detail-amount.static-bold-s { position: static; font-weight: bold; } .refund_detail-card .refund_detail-status { font-size: 8px; } .refund_detail-card .refund_detail-status:before { font-size: 20px; left: -2px; } .refund_detail-card .refund_detail-amount { right: 10px; } } @media screen and (min-width: 600px) { .j01-transaction-history-selectdate { width: auto; } .j01-transaction-history-selectdate .form-field--text { display: block; } .j01-transaction-history-selectdate .form-field__label, .j01-transaction-history-selectdate .field-title, .j01-transaction-history-selectdate .j100-expander_label { display: block; } .j01-transaction-history-selectdate .form-field__input-wrapper--datepicker, .j01-transaction-history-selectdate .field-content--datepicker, .j01-transaction-history-selectdate .form-field__input-wrapper:has([data-el=timepicker]), .j01-transaction-history-selectdate .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]), .j01-transaction-history-selectdate .j134-media--filter:has([data-el=timepicker]), .j01-transaction-history-selectdate .field-content:has([data-el=timepicker]), .j01-transaction-history-selectdate .j100-expander_input:has([data-el=timepicker]) { display: block; } .refund_detail-card .refund_detail-amount.static-bold-s { position: absolute; font-weight: bold; } } @media screen and (min-width: 1025px) { .j01-transaction-history-selectdate .form-field--text { display: inline; } .j01-transaction-history-selectdate .form-field__label, .j01-transaction-history-selectdate .field-title, .j01-transaction-history-selectdate .j100-expander_label { display: inline; } .j01-transaction-history-selectdate .form-field__input-wrapper--datepicker, .j01-transaction-history-selectdate .field-content--datepicker, .j01-transaction-history-selectdate .form-field__input-wrapper:has([data-el=timepicker]), .j01-transaction-history-selectdate .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]), .j01-transaction-history-selectdate .j134-media--filter:has([data-el=timepicker]), .j01-transaction-history-selectdate .field-content:has([data-el=timepicker]), .j01-transaction-history-selectdate .j100-expander_input:has([data-el=timepicker]) { display: inline-block; } } .display-section-fieldset + .display-section-fieldset { margin-top: 24px; } .field-border { display: block; margin-top: 24px; } .field-border:first-child { margin-top: 0; } .field-title { margin-bottom: 8px; } .field-content [type=radio]:checked + .form-field__fakeradio:before { background: #007560; } .field-content .selector-field-captcha-refresh, .field-content .selector-field-captcha-play { min-height: 0; } .field-content--radio + .field-content--radio { margin-top: 10px; } .field-content--radio.field-content { border: none; } .field-content--radio.field-content:focus-within { box-shadow: none; } .wffm .validation-summary-errors, .wffm .validation-summary-valid { display: none; } .field-error { display: block; } .browserupgrade { font-weight: bold; color: white; background-color: #B00020; } .browserupgrade__grid-row { padding-top: 16px; padding-bottom: 20px; } .browserupgrade__link { font-size: inherit; color: white; text-decoration: underline; } .browserupgrade__link:hover { text-decoration: none; } .j87-partnership-services__modal { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1000; display: none; } .j87-partnership-services__modal-content { position: absolute; width: 90%; max-width: 300px; left: 50%; margin-left: -150px; top: 50%; margin-top: -98px; bottom: 0; background-color: #F6F6F6; border: 1px solid #BCBEC0; text-align: center; padding: 32px; max-height: 196px; } .j87-partnership-services__modal--title { margin-bottom: 32px; } .j87-partnership-services__modal--button-cancel { margin-top: 8px; } .partner-document-list__item { margin-bottom: 32px; } .partner-document-list__item-title { font-weight: 700; } .partner-document-list__item-datetime { font-weight: 700; } .partner-document-list__item-document, .partner-document-list__item-document--view, .partner-document-list__item-document--size, .partner-document-list__item-document--delete { display: inline-block; margin-top: 0; } .partner-document-list__item-document--view { padding-right: 8px; } .partner-document-list__item-document--size { padding-right: 24px; } .partner-document-list__item-document--view { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .partner-document-list__item-document--view:before { content: "\e62c"; font-size: 24px; } .partner-document-list__item-document--view:before { top: 4px; position: relative; } .partner-document-list__item-document--view { font-weight: 700; color: #007560; } .j92-roadwork-locations .m42-keyvalue__key, .j92-roadwork-locations .m42-keyvalue__key .m42-keyvalue__key--secondary { margin-top: 0 !important; } .j92-roadwork-locations .m42-keyvalue__key .m42-keyvalue__value .m42-keyvalue__value--secondary + *, .j92-roadwork-locations .m42-keyvalue__key .m42-keyvalue__key--secondary .m42-keyvalue__value .m42-keyvalue__value--secondary + * { margin-top: 0 !important; } .j92-roadwork-locations .gm-style-iw { cursor: pointer; } @media screen and (max-width: 599px) { .j92-roadwork-locations .m42-keyvalue__key + .m42-keyvalue__value--secondary, .j92-roadwork-locations .m42-keyvalue__key--secondary + .m42-keyvalue__value--secondary { margin-top: 0 !important; } .j92-roadwork-locations .m42-keyvalue__value--secondary + .m42-keyvalue__key--secondary { margin-top: 16px !important; } } @media screen and (min-width: 600px) { .j92-roadwork-locations .m42-keyvalue__key, .j92-roadwork-locations .m42-keyvalue__key .m42-keyvalue__key--secondary { margin-top: 0 !important; } .j92-roadwork-locations .m42-keyvalue__value .m42-keyvalue__value--secondary + * { margin-top: 0 !important; } } .m48-payment-total-submit { text-align: center; margin-top: 43px; } .m48-payment-total-submit .form-field__messages, .m48-payment-total-submit .field-error { text-align: left; } /* globalmodule */ .m49-list-filter { position: relative; z-index: 1; height: 48px; background-color: #007560; } .m49-list-filter--input { width: 100%; height: 48px; padding-top: 5px; padding-bottom: 10px; float: left; padding-right: 94px; padding-left: 15px; line-height: 1.6; color: white; -webkit-appearance: none; } .m49-list-filter--input::-webkit-input-placeholder { color: white; } .m49-list-filter--input:-ms-input-placeholder { color: white; } .m49-list-filter--input::-ms-input-placeholder { color: white; } .m49-list-filter--input::-moz-placeholder { color: white; opacity: 1; } .m49-list-filter--input::-webkit-search-cancel-button { display: none; } .m49-list-filter--input::-ms-clear { display: none; } .m49-list-filter--button { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m49-list-filter--button:before { content: "\e602"; font-size: 32px; } .m49-list-filter--button:before { position: absolute; right: 0; left: auto; color: white; } .m49-list-filter--button { vertical-align: middle; margin-top: 0px; width: 48px; height: 48px; position: absolute; top: 0; right: 0; left: auto; } .m49-list-filter--button:before { top: 50%; left: 0; margin-top: -16px; } .m49-list-filter-reset-button { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m49-list-filter-reset-button:before { content: "\e608"; font-size: 32px; } .m49-list-filter-reset-button:before { position: absolute; right: 0; left: auto; color: white; } .m49-list-filter-reset-button { vertical-align: middle; margin-top: 0px; width: 48px; height: 48px; position: absolute; top: 0; right: 48px; left: auto; } .m49-list-filter-reset-button:before { top: 50%; left: 0; margin-top: -16px; } .m49-no-matches { display: none; padding: 18px 0; font-weight: bold; } .m39-modal .m49-no-matches { margin: 0; padding: 19px 0 0; border-top: 1px solid #BCBEC0; } .m45-estimate-selector .m49-no-matches { padding: 15px 15px 0; } /* for accessibility */ .invert .m49-list-filter { background-color: #6D6E71; } /* globalmodule */ /* homemodule */ .m31-search { display: none; } .m31-search.m31-search__mobile { display: block; } .m31-search--input { background-color: white; border-radius: 20px !important; padding: 8px 44px 8px !important; color: #595959; font-weight: 600; position: relative; z-index: 1; min-height: 39px; line-height: 1 !important; border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .m31-search--input:focus, .m31-search--input:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .m31-search--input.form-field__input-wrapper--error, .m31-search--input.field-content--error { border-color: #B00020; } .m31-search--tools { position: relative; width: 100%; } .m31-search--button { position: absolute; z-index: 2; top: 6px; right: 3px; outline: none !important; background-color: transparent !important; } .m31-search--button:before { content: "\e602"; font-family: "iconfont"; font-size: 32px; color: #007560; } .m31-search--mic { position: absolute; z-index: 2; top: 2px; left: 3px; outline: none !important; background-color: transparent !important; } .m31-search--mic:before { content: "륋"; font-family: "iconfont"; font-size: 32px; color: #007560; } .m31-search--back { position: absolute; z-index: 2; top: 4px; left: 0px; display: none; outline: none !important; } .m31-search--back:before { content: "\e609"; font-family: "iconfont"; font-size: 32px; color: #222222; } .preload-wrapper { min-height: 250px; position: relative; top: calc(-50% - 150px); } .preload-wrapper .loader { top: 40px; } .m31-search--doormat { margin-top: 0px; position: absolute; width: 100%; left: 0; top: 70px; background: white; z-index: 10001; padding: 22px 0 32px; box-shadow: 0 2px 3px 2px rgba(109, 110, 113, 0.4); display: none; } .m31-search--doormat.active { display: block; } .m31-search--doormat .m31-search--dm_title { text-transform: uppercase; margin-bottom: 10px; } .m31-search--doormat .preload-wrapper { top: calc(50% - 150px); } .m31-search--dm_close, .m31-search--dm_close-word { position: absolute; top: 8px; right: 4px; display: flex; align-items: center; justify-content: flex-start; color: #4f4f4f; gap: 8px; } .m31-search--dm_close:after, .m31-search--dm_close-word:after { content: "\e608"; font-family: "iconfont"; font-size: 20px; color: #696969; line-height: 24px; } .m31-search--dm_close-word { display: none; z-index: 2; top: calc((100% - 28px) / 2); outline: none !important; } .m31-search--doormat_inner { padding: 40px 16px 0; } .m31-search--dm_column { float: left; width: calc((100% - 64px) / 3); margin-right: 32px; } .m31-search--dm_column:last-child { margin: 0; } .m31-search--dm_title { font-weight: bold; } .m31-search--dm_arrow { width: 34px; height: 21px; position: absolute; top: 40px; z-index: 10002; left: 24px; display: none; background-image: url(images/search-arrow.png); background-size: 34px 25px; } .m12-masthead--dark .m31-search--dm_arrow { filter: grayscale(1) invert(0.78); } .m31-search--dm_item { line-height: 1.25em; } .m31-search--dm_item + .m31-search--dm_item { margin-top: 16px; } .m31-search--dm_item.popular a { position: relative; display: inline-block; color: #717173; padding-left: 32px; } .m31-search--dm_item.popular a:before { content: "뤑"; font-family: "iconfont"; position: absolute; font-size: 30px; left: 0; top: -2px; } .m31-search--dm_item .m31-search--dm_linkTitle { color: #007560; font-weight: bold; line-height: 1.5em; max-height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m31-search--dm_item .m31-search--dm_linkTitle + .m31-search--dm_linkDesc { margin-top: 4px; } .m31-search--dm_item .m31-search--dm_linkTitle .highlight { background-color: #DBEAFF !important; } .m31-search--dm_item .m31-search--dm_linkDesc { color: #222222; max-height: 3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m31-search--dm_item a:hover .m31-search--dm_linkTitle { text-decoration: underline; } .m31-search--dm_item a:hover .m31-search--dm_linkDesc { text-decoration: none; } .m31-search--dm_link { display: block; } @media screen and (max-width: 599px) { .search-active-wrapper { display: block; } .search-active-wrapper .m12-bar__content { display: none; } .search-active-wrapper .m12-myaccount { display: none; } .search-active-wrapper .m12-tools__search .m12-tools__item { display: none; } .search-active-wrapper .m12-tools__search .m12-tools__item.m12-tools__item-search { display: block; } .search-active-wrapper .m12-tools__search.search-active { right: 0px !important; width: 100%; display: block; margin-top: 0px; position: static; } .search-active-wrapper .m12-tools__search.search-active .m31-search__icon--only { width: 100%; } .m31-search.m31-search__mobile { position: relative; } .m31-search.m31-search__mobile .m31-search--mic { display: none; } .m31-search.m31-search__mobile .m31-search--mic:before { color: #222222; } .m31-search.m31-search__mobile .m31-search--button { top: 4px; } .m31-search.m31-search__mobile .m31-search--button:before { color: #222222; } .m31-search.m31-search__mobile .m31-search--dm_close-word { top: 8px; } .m31-search.m31-search__mobile .m31-search--dm_close-word:after { color: white; } .m31-search.m31-search__mobile .m31-search--dm_close-word:before { color: #222222; } .m31-search.m31-search__mobile .m31-search--input { width: 0px; padding: 8px 12px 8px 40px !important; float: right; background: none; border: none; color: #222222; font-size: 1em; } .m31-search.m31-search__mobile .m31-search--input::-webkit-input-placeholder { color: white; } .m31-search.m31-search__mobile .m31-search--input:-ms-input-placeholder { color: white; } .m31-search.m31-search__mobile .m31-search--input::placeholder { color: white; } .m31-search.m31-search__mobile .m31-search--input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: white !important; } .m31-search.m31-search__mobile .m31-search--input:-webkit-autofill:hover { transition: background-color 5000s ease-in-out 0s; } .m31-search.m31-search__mobile .m31-search--input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; } .m31-search.m31-search__mobile .m31-search--input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; } .m31-search.m31-search__mobile .m31-search--input:focus { font-size: 1em; } .m31-search.m31-search__mobile.active { height: 65px; position: static; padding: 12px 21px 0px 0px; } .m31-search.m31-search__mobile.active .m31-search--mic { display: block; left: 43px; } .m31-search.m31-search__mobile.active .m31-search--back { display: block; } .m31-search.m31-search__mobile.active .m31-search--input { width: calc(100% - 41px); float: right; padding: 8px 44px 8px !important; border: 1.5px solid #222222; } .m31-search--dm_column { width: 100%; margin-bottom: 20px; } .m31-search--dm_column .m31-search--dm_title { margin-bottom: 20px; } .m31-search--doormat { top: 65px; } .m31-search--doormat .m31-search--dm_close { display: none; } .m31-search--dm_arrow.active { display: none; } .m31-search--doormat_inner { max-height: none; overflow-y: scroll; height: 100%; overflow-x: hidden; } .m31-search--back { width: 44px; } .m31-search--back:before { position: absolute; left: 6px; } .m31-search--mic { width: 44px; } .m31-search--mic:before { position: absolute; left: 6px; } .m31-search--button { width: 44px; } .m31-search--button:before { position: absolute; right: 16px; } .m31-search--doormat { height: calc(100vh - 134px); } .m31-search--doormat .m31-search--doormat_inner { height: 100%; max-height: none; overflow-x: hidden; } .m31-search--tools-wrapper { display: block; } .m31-search--expand { display: none; } } @media screen and (min-width: 600px) { .m31-search--doormat { height: calc(100vh - 149px); } .m31-search--doormat .m31-search--doormat_inner { height: 100%; max-height: none; overflow-x: hidden; } .m31-search--tools-wrapper { display: block; } .m31-search--doormat { height: auto; min-height: 445px; } .m31-search--doormat .m31-search--doormat_inner { height: 100%; position: relative; } .m31-search--doormat .m31-search--doormat_inner .m31-search--dm_close { right: 8px; top: 0px; } .search-active-wrapper .m12-tools__search.search-active { margin-top: 0px; height: 60px; } .m31-search { display: block; transition: 0.5s; width: 100%; float: right; } .m31-search.active .m31-search--expand { display: none !important; } .m31-search.m31-search__icon--only { width: 10px; height: 40px; transition: none; } .m31-search.m31-search__icon--only .m31-search--tools-wrapper { position: relative; } .m31-search.m31-search__icon--only .m31-search--mic { display: none; } .m31-search.m31-search__icon--only .m31-search--tools { right: 0px; } .m31-search.m31-search__icon--only .m31-search--input { width: 0px; float: right; background: none; border: none; padding: 0px !important; } .m31-search.m31-search__icon--only .m31-search--button:before { color: white; } .m31-search.m31-search__icon--only.active { margin-top: 20px; } .m31-search.m31-search__icon--only.active .m31-search--mic { display: block; } .m31-search.m31-search__icon--only.active .m31-search--tools { width: 100%; } .m31-search.m31-search__icon--only.active .m31-search--input { background: #222222; border: 1px solid #BCBEC0; width: calc(100% - 44px); padding: 8px 44px 8px !important; } .m31-search.m31-search__icon--only.active .m31-search--button:before { color: #007560; } .m31-search.m31-search__icon--only.active .m31-search--back { display: block; } .m31-search.m31-search__icon--only.active .m31-search--mic { left: 43px; } .m31-search.m31-search__icon--only .m31-search--dm_arrow.active { display: none; } .m31-search.m31-search__icon--only .m31-search--doormat { top: 80px; } .m31-search .m31-search--dm_arrow.active { display: block; } .m31-search--tools-wrapper { display: none; } .m31-search--expand { height: 40px; width: 40px; background-color: #f2f3f3; border-radius: 50%; text-align: center; cursor: pointer; position: relative; padding: 0; display: flex !important; align-items: center; justify-content: center; } .m31-search--expand:before { content: "\e602"; font-family: "iconfont"; font-size: 32px; color: #222222; } .m31-search--expand:after { position: absolute; content: ""; display: block; width: 0%; top: calc(100% + 5px); right: 0; left: 0; height: 5px; background: #007560; border-top-right-radius: 0.5rem; border-top-left-radius: 0.5rem; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .m31-search--expand:hover { color: #007560; } .m31-search--expand:hover:before { color: #007560; } .m31-search--expand:hover:after { width: 100%; } button.m31-search--expand { padding: 0; display: flex !important; align-items: center; justify-content: center; } } @media screen and (min-width: 1025px) { .search-active-wrapper .m12-tools__search.search-active { margin-top: 0px; height: 60px; } } .j103-move-in .form-field .form-field__input-wrapper--prefixed:before, .j103-move-in .field-border .form-field__input-wrapper--prefixed:before { position: absolute; display: block; right: 0; top: 0; bottom: 0; z-index: 2; padding: 0.625em 0; text-align: center; width: 50px; border-right: 1px solid #BCBEC0; line-height: normal; display: none; } .j103-move-in .form-field .form-field__input-wrapper--prefixed:before, .j103-move-in .field-border .form-field__input-wrapper--prefixed:before { content: "+"; cursor: pointer; } .j103-move-in .m23-table__content-table-cell, .j103-move-in .m23-table__content-table-cell--header { padding: 5px 8px 6px; } .j103-move-in .add-button { z-index: 100; cursor: pointer; color: #BCBEC0; left: 0; top: 0; border-right: 1px solid #BCBEC0; height: 20px; padding: 10px 14px 10px; line-height: 20px; color: #717173; } .j103-move-in .non-add-button { z-index: 100; cursor: pointer; position: absolute; color: #BCBEC0; left: 0; top: 0; border-right: 1px solid #BCBEC0; height: 20px; padding: 10px 14px 10px; line-height: 20px; color: #717173; } .j103-move-in .icon-cancel, .j103-move-in .m70-status-tracker-vertical-title.rejected:before, .j103-move-in .button--upload_remove:before { line-height: 20px; height: 20px; width: 20px; display: block; font-family: iconfont; padding: 0px; } .j103-move-in .icon-cancel:before, .j103-move-in .m70-status-tracker-vertical-title.rejected:before, .j103-move-in .button--upload_remove:before { font-size: 20px; } .j103-move-in .tab_content { display: none; } .j103-move-in .tab_content_active { display: block; } .j103-move-in--redeem { padding: 20px; border-radius: 10px; background-color: #F4F4F4; display: flex; align-items: flex-start; justify-content: space-between; margin-top: 32px; } .j103-move-in--redeem_img { width: 57px; margin-right: 12px; } .j103-move-in--redeem_title { font-weight: 600; line-height: 1.25; } .j103-move-in--redeem_text { line-height: 1.25; } .j103-move-in--redeem_check { margin-left: 24px; } @media screen and (max-width: 599px) { .j103-move-in .m23-table__content-table-cell:before { width: 30%; padding: 5px 0px; padding-left: 3%; } .j103-move-in .m23-table__content-table-cell { padding-left: 55%; } } @media screen and (min-width: 600px) { .j103-move-in .m42-keyvalue__key { margin-top: 0px !important; } } .m55-rammas { height: 440px; min-height: 200px !important; } .m55-rammas--controls { position: absolute; bottom: 20px; right: 10%; } .form-field__messages-recaptcha { display: none; position: absolute; width: 100%; left: 0; } .m55-rammas--share { display: inline-block; cursor: pointer; color: #717173; position: absolute; top: -24px; width: 28px; height: 36px; right: 60px; } .m55-rammas--share:hover { color: #007560; } .m55-rammas--share:before { position: absolute; top: -6px; left: -4px; font-size: 36px; } .m55-rammas--mute { display: inline-block; cursor: pointer; color: #007560; padding: 0; top: -24px; right: 70px; position: absolute; } .m55-rammas--mute:before { position: absolute; top: -8px; left: -16px; font-size: 40px; } .m55-rammas--mute.voice_muted { color: #717173; } .m55-rammas--mute.voice_muted:before { content: "樂"; } .m55-rammas--input-bg { height: 60px; position: fixed; width: 100%; bottom: 0px; background: #eeeeee; border-top: 1px solid #aaa; box-shadow: 0 1px 5px 0 #9B9B9B; } .m55-rammas--welcome_icon { width: auto; height: 100%; } .m55-rammas--input-bg--wrapper { max-width: 800px; margin: 0 auto; } .m55-rammas--back-button { float: left; padding: 15px 0px; font-weight: 500; color: #6D6E71; } .m55-rammas--back-button:before { position: relative; top: 9px; line-height: 10px; } .m55-rammas--close-button { float: right; margin: 0 auto; height: 100%; text-align: right; padding: 15px 0px; font-weight: 500; color: #6D6E71; padding-right: 40px; cursor: pointer; } .m55-rammas--close-button:before { font-size: 1.1em; font-weight: bold; position: relative; top: 4px; } .wc-app button { background-color: #0B7BC1; border: 1px solid #ccc; border-radius: 1px; color: white; cursor: pointer; outline: none; transition: color 0.2s ease, background-color 0.2s ease; } .wc-app h1, .wc-app h2, .wc-app h3, .wc-app h4, .wc-app p, .wc-app ul, .wc-app ol { margin: 0; padding: 0; } .format-plain { font-weight: 300; } .wc-app p { font-weight: 300; } .wc-app audio, .wc-app video { display: block; } /* docking */ .wc-hidden { visibility: hidden; } .wc-header { display: none; } .wc-time { color: #999; margin-bottom: 10px; } .wc-message-groups { bottom: 0px; left: 0; transform: translateY(0); overflow-x: hidden; overflow-y: scroll; padding: 10px; position: absolute; right: 0; top: 0px; background: #FCFCFC; transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); } .wc-message-group-content { overflow: hidden; } .wc-suggested-actions { background-color: #f9f9f9; bottom: 50px; height: 0; left: 0; overflow: hidden; position: absolute; right: 0; transition: height 0.2s cubic-bezier(0, 0, 0.5, 1); } .wc-suggested-actions .wc-hscroll > ul { height: 40px; padding: 2px 3px; } .wc-suggested-actions .wc-hscroll > ul > li { display: inline-block; margin: 2px; max-width: 40%; } .wc-suggested-actions .wc-hscroll > ul > li button { background-color: white; color: #007560; min-height: 32px; overflow: hidden; padding: 0 16px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .wc-suggested-actions .wc-hscroll > ul > li button:hover { background-color: white; border-color: #007560; color: #007560; } .wc-suggested-actions .wc-hscroll > ul > li button:active { background-color: #007560; border-color: #007560; color: white; } .wc-suggested-actions button.scroll { background-color: #d2dde5; height: 40px; overflow: hidden; padding: 0; position: absolute; top: 0; width: 28px; } .wc-suggested-actions button.scroll:disabled { display: none; } .wc-suggested-actions button.scroll:hover { background-color: #808c95; } .wc-suggested-actions button.scroll svg { fill: white; } .wc-suggested-actions button.scroll svg path { transform: translateY(6px); } .wc-suggested-actions button.scroll.previous { left: 0; } .wc-suggested-actions button.scroll.next { right: 0; } .wc-message-pane.show-actions .wc-message-groups { transform: translateY(-40px); } .wc-message-pane.show-actions .wc-suggested-actions { height: 40px; } .wc-console { border: 1px solid #dbdee1; bottom: 0px; border-radius: 30px; box-sizing: border-box; height: 50px; background: white; width: 60%; left: 20%; position: fixed; z-index: 9; margin-bottom: 5px; } /* views */ .wc-chatview-panel { overflow: hidden; } /* messages */ .wc-message-wrapper { animation: animationFrames 2s; animation-iteration-count: 1; clear: both; margin-bottom: 10px; overflow: hidden; position: relative; margin-top: -24px; /*transition: max-height 2s ease-in-out;*/ } @keyframes animationFrames { 0% { /*max-height: 0;*/ opacity: 0; } 20% { opacity: 1; } 100% { /*max-height: 2000px;*/ } } .wc-message { position: relative; } .wc-message-wrapper.carousel .wc-message { padding-right: 8px; } .wc-message svg.wc-message-callout { height: 22px; position: absolute; stroke: none; top: 12px; width: 6px; } .wc-message-content { border-radius: 5px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); padding: 12px; word-break: break-word; } .wc-message-content.clickable { cursor: pointer; } .wc-message-content.selected { box-shadow: 0px 1px 1px 0px #f5a623; } .wc-message-content img { max-height: 320px; max-width: 100%; } .wc-message-content .video iframe { border: 0; } .wc-message-content audio, .wc-message-content video { max-width: 100%; } .wc-message-content audio + h1, .wc-message-content video + h1 { margin-top: 11px; } .wc-message-from { clear: both; color: #999; margin-top: 5px; opacity: 0; } /* cards */ .wc-card { background-color: white; } .wc-card button { background-color: #d3eed3; color: #007560; min-height: 32px; width: 300px; padding: 8px 16px; font-weight: 600; border-radius: 35px; white-space: unset !important; line-height: 1.25; border-color: transparent; } .wc-carousel .wc-card button { width: auto; } .wc-card button:hover { background-color: transparent; border-color: #007560; border: solid 1px; color: #007560; } .wc-card button:active { background-color: #007560; border-color: #007560; color: white; } .wc-card h1 { font-weight: 700; } .wc-card h2 { color: #808c95; font-size: inherit; font-weight: normal; margin-bottom: 8px; } .wc-card p { padding-bottom: 10px; font-weight: 600; text-align: left; } .wc-card ul li { text-align: left; } .wc-card p h2 { /* don't double indent */ margin-left: 0; } .wc-card ul.wc-card-buttons { clear: both; display: table; } .wc-card ul.wc-card-buttons li { list-style-type: none; text-align: center; float: left; margin: 2px; } .wc-card.hero img { display: block; margin-bottom: 11px; } .wc-card.receipt table { border-collapse: collapse; width: 100%; } .wc-card.receipt th, .wc-card.receipt td { text-align: right; vertical-align: top; } .wc-card.receipt th:first-child, .wc-card.receipt td:first-child { text-align: left; } .wc-card.receipt th { color: #808c95; font-size: inherit; font-weight: normal; line-height: 1.75; } .wc-card.receipt thead tr:last-child th { padding-bottom: 16px; } .wc-card.receipt th[colspan="2"] { color: inherit; font-weight: 700; } .wc-card.receipt td { padding: 4px 8px 0 8px; } .wc-card.receipt td img { float: left; margin: 5px 8px 8px 0; max-height: 50px; max-width: 50px; } .wc-card.receipt div.title { font-weight: bolder; } .wc-card.receipt div.subtitle { font-weight: lighter; } .wc-card.receipt tbody tr, .wc-card.receipt tfoot tr { border-top: 1px solid #d2dde5; } .wc-card.receipt tbody tr:first-child, .wc-card.receipt tfoot tr:first-child { border-top-width: 2px; } .wc-card.receipt tfoot td { line-height: 2.25; } .wc-card.receipt tfoot .total { font-weight: bold; } .wc-card.thumbnail img { float: right; margin-bottom: 10px; margin-left: 10px; width: 100px; } .wc-card.signin h1 { margin: 10px 24px 16px 14px; } /* alternate chat sizes */ .wc-message { max-width: 500px; } .wc-message-group-welcome { height: 200px; text-align: center; color: #9B9B9B; } .m55-rammas--loading-icon { height: 10px; } .m55-rammas--welcome_FL { color: #4e4e4e; margin: 0 auto; margin-bottom: 54px; position: relative; bottom: -50px; } .m55-rammas--welcome_TL { font-weight: 300; margin-top: 12px; } .wc-message-wrapper.carousel .wc-message { max-width: none; } .m55-rammas--disclaimer_content { display: none; height: 100%; } .m55-rammas--disclaimer_contentactive { display: block; } .m55-rammas--disclaimer_prev { position: absolute; transform: rotate(180deg); top: 10px; left: 10px; cursor: pointer; color: #c3c3c3; display: none; } .m55-rammas--disclaimer_text { padding: 12px; border: 1px solid #d9d9d9; border-radius: 5px; background-color: #f3f3f3; font-weight: 100; line-height: 1.5; margin-top: 32px; } @media screen and (max-width: 599px) { .m55-rammas--share { position: absolute; bottom: 70px; right: 10px; cursor: pointer; color: #007560; } .m55-rammas--controls { right: 0; top: -16px; } .wc-hscroll { /* allow horizontal scrolling but hide the scrollbar */ overflow-x: scroll; overflow-y: hidden; } .wc-card { width: 100%; } .wc-message { max-width: 100%; } .wc-carousel button.scroll { display: none; } .wc-message-group-welcome { height: 200px; font-size: 1.15em; text-align: center; color: #9B9B9B; } .m55-rammas--welcome_icon { width: auto; height: 100%; } .wc-card { padding: 8px 0px; } .wc-hscroll > ul { white-space: nowrap; } .m55-rammas--disclaimer_text { margin-top: 0px; } } @media screen and (min-width: 1025px) { .wc-hscroll > ul { white-space: normal; } .carousel + .carousel { margin-top: -48px; } .wc-hscroll > ul { white-space: normal; } .m55-rammas--welcome_icon { width: auto; height: 100%; } .wc-carousel button.scroll { display: none; } .wc-message { max-width: 500px; } .wc-message-group-welcome { height: 200px; font-size: 1.75em; text-align: center; color: #9B9B9B; } } .wc-wide .wc-card { border: 1px solid #d2dde5; padding: 8px; width: 398px; } .wc-narrow .wc-card { border: 1px solid #d2dde5; padding: 8px; width: 198px; } /* list */ .wc-list > .wc-card { margin-top: 8px; } .wc-list > .wc-card:first-child { margin-top: 0; } /* horizontal scroll */ .wc-hscroll-outer { /* allow horizontal scrolling but hide the scrollbar */ overflow: hidden; } .wc-hscroll > ul > li { display: inline-block; vertical-align: top; white-space: normal; } /* carousel */ .wc-carousel { position: relative; } .wc-carousel button.scroll { background-color: white; height: 38px; overflow: hidden; padding: 0; position: absolute; top: 25%; width: 38px; border-radius: 50%; } .wc-carousel button.scroll:disabled { display: none; } .wc-carousel button.scroll:hover { box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); } .wc-carousel button.scroll svg { fill: #9b9b9b; } .wc-carousel button.scroll.previous { left: -16px; padding-left: 3px; padding-top: 3px; direction: ltr; } .wc-carousel button.scroll.next { right: -16px; padding-left: 5px; padding-top: 3px; direction: ltr; } .wc-carousel .wc-hscroll > ul { margin-left: -4px; } .wc-carousel .wc-hscroll > ul > li { padding: 0 4px; } .wc-carousel .wc-hscroll > ul > li:last-child { padding-right: 0; } .wc-carousel li p { min-height: 4em; white-space: normal; } /* from me */ .wc-message-from-me { float: right; margin-right: 43px; } .wc-message-from-me .wc-message-from-me_icon { background-image: url(../../../images/user.png); width: 35px; height: 35px; position: absolute; font-size: 1em; background-size: contain; right: -40px; background-repeat: no-repeat; } .wc-message-from-me:before { background-image: url(../../../images/user.png); width: 35px; height: 35px; position: absolute; font-size: 1em; content: ""; background-size: contain; right: -40px; background-repeat: no-repeat; } .wc-message-from-me.wc-message-from { text-align: right; } .wc-message-from-me .wc-message-content { background-color: #007560; color: white; border-radius: 20px 0px 20px 20px; } .wc-message-from-me svg.wc-message-callout path { fill: #007560; } .wc-message-from-me svg.wc-message-callout path.point-left { display: none; } .wc-message-from-me svg.wc-message-callout { right: -6px; display: none; } /* from bot */ .wc-message-from-bot { float: left; margin-left: 43px; } .wc-message-from-bot .wc-message-from-me_icon { background-image: url(../../../images/rammas_avatar.png); width: 35px; height: 35px; position: absolute; font-size: 1em; background-size: contain; left: -40px; background-repeat: no-repeat; } .wc-message-from-bot:before { background-image: url(../../../images/rammas_avatar.png); width: 35px; height: 35px; position: absolute; font-size: 1em; content: ""; background-size: contain; left: -40px; background-repeat: no-repeat; } .wc-message-from-bot .wc-message-content { background-color: white; color: #4e4e4e; border-radius: 0px 20px 20px 20px; } .wc-message-wrapper.carousel { text-align: left !important; } .ac-pushButton { font-size: 14px; } .carousel .wc-message-content { padding: 12px 0px; } .carousel { margin-top: -36px; } .carousel .wc-message-from-bot:before { content: none; } .carousel .wc-message-from-bot .wc-message-content { background-color: transparent; box-shadow: none; border: none; } .carousel .wc-message-from-bot .wc-message-content .ac-pushButton { background: transparent; border: solid 1px #007560; color: #007560; border-radius: 10px; } .carousel .wc-message-from-bot .wc-message-content .ac-pushButton:hover { background: #007560; color: white; } .carousel .wc-message-from-bot .wc-message-content .ac-container { padding: 0px !important; } .carousel .wc-message-from-bot .wc-message-content .wc-card { background-color: transparent; } .carousel + .carousel { margin-top: -48px; } .wc-message-from-bot svg.wc-message-callout path { fill: #eceff1; } .wc-message-from-bot svg.wc-message-callout path.point-right { display: none; } .wc-message-from-bot svg.wc-message-callout { left: -6px; display: none; } /* console */ .wc-console > * { position: absolute; top: 0; vertical-align: middle; } .wc-console label { cursor: pointer; display: inline-block; height: 50px; } .wc-console svg { fill: #717173; margin: 11px; } .wc-console textarea, .wc-console input[type=text] { border: none; height: 100%; outline: none; padding: 0; resize: none; width: 100%; } .wc-send svg { height: 18px; width: 27px; display: none; } .wc-upload svg { height: 18px; width: 26px; } #wc-upload-input { display: none; } .wc-textbox { bottom: 0; left: 16px; right: 53px; } .wc-send { right: 4px; background-image: url("../../../images/send-icon.png"); height: 50px; width: 50px; background-repeat: no-repeat; background-position: center center; transform: rotate(45deg); } .wc-send.active { background-image: url("../../../images/send-icon-active.png"); } .wc-console.has-text .wc-send svg { fill: #007560; } /* animation */ .wc-typing { background-image: url("../../../images/wc-typing.gif"); background-repeat: no-repeat; height: 20px; width: 64px; } .wc-animate-scroll { left: 0; position: absolute; transition: left 0.8s ease; } .wc-animate-scroll-rapid { left: 0; position: absolute; transition: left 0.4s ease; } .wc-animate-scroll-near { left: 0; position: absolute; transition: left 0.3s ease-in-out; } /* text formats */ .format-markdown > p { margin-bottom: 0px; } .format-markdown code { white-space: pre-wrap; } .format-markdown + div { margin-top: 8px; } .format-markdown ol { padding-left: 30px; /* numbers are right-aligned to the period */ } .format-markdown ul { padding-left: 33px; } /* browser scrollbar customization */ .wc-app::-webkit-scrollbar { width: 8px; } .wc-app::-webkit-scrollbar * { background-color: transparent; } .wc-app::-webkit-scrollbar-thumb { background-color: #dbdee1; } @media screen and (max-width: 599px) { .m55-rammas--close-button { padding-right: 16px; } .m55-rammas { height: 390px; } .wc-card button { width: 100%; } .wc-console { width: 100%; left: 0; } } @media screen and (max-width: 336px) { .wc-carousel { max-width: 240px; } } .m55-rammas--shareModal .m39-modal__title { padding: 14px 72px 10px !important; text-align: center; } .m55-rammas--shareModal .m39-modal__dialog { max-width: 540px; max-height: 600px !important; } .m55-rammas--shareModal .m39-modal__content { overflow: hidden; } .m55-rammas--shareModal .form { position: static; } .m55-rammas--shareModal .fieldset { border-bottom: 1px solid #c3c3c3; padding-bottom: 12px; margin-top: 0px !important; } .m55-rammas--shareModal .m55-rammas--shareModal_clone { overflow: scroll; max-height: 120px; padding: 12px 0; border-bottom: 1px solid #c3c3c3; overflow-x: hidden; } .j102-tayseer-service .m49-list-filter--input { border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .j102-tayseer-service .m49-list-filter--input:focus, .j102-tayseer-service .m49-list-filter--input:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .j102-tayseer-service .m49-list-filter--input.form-field__input-wrapper--error, .j102-tayseer-service .m49-list-filter--input.field-content--error { border-color: #B00020; } .j102-tayseer-service .m49-list-filter--input::placeholder { color: #6F6F6F; } .j102-tayseer-service .m49-list-filter--input.parsley-error { border-color: #B00020; } .j102-tayseer-service .payment-list { position: relative; } .j102-tayseer-service .payment-list:before { content: "喇"; font-family: "iconfont"; font-weight: normal; font-size: 26px; left: -28px; top: -6px; } .j102-tayseer-service .payment-list .list-icon { top: -8px; left: -35px; position: absolute; } .j102-tayseer-service .caution-message { position: relative; padding-left: 30px; } .j102-tayseer-service .caution-message .icon-caution { position: absolute; left: 0px; top: -6px; } .j102-tayseer-service .caution-message .icon-caution:before { font-size: 25px; } .j102-tayseer-service .instrustions-modal .m39-modal__trigger { margin-top: 10px; } .j102-tayseer-service .instrustions-modal .m39-modal__header { padding: 20px 35px 13px; border-bottom: 1px solid #ccc; min-height: auto; } .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__title { font-weight: 600; } .j102-tayseer-service .instrustions-modal .m39-modal__header .m39-modal__button--close { top: 16px; right: 30px; } .j102-tayseer-service .instrustions-modal .m39-modal__content { padding: 0px 35px; } .j102-tayseer-service .instrustions-list { padding: 10px 0px; } .j102-tayseer-service .instrustions-list .instrustions-list-item { padding-top: 20px; padding-left: 30px; position: relative; } .j102-tayseer-service .instrustions-list .instrustions-list-item.icon-tick:before { position: absolute; top: 10px; left: 0px; } .j102-tayseer-service .j102-tayseer-service--chckbx { border-top: 1px solid #BCBEC0; padding-top: 16px; } .j102-tayseer-service .fieldset .j102-tayseer-service--chckbx:first-of-type { border-top: none; } .j102-tayseer-service .fieldset .j102-tayseer-service--chckbx.line-search-content:first-of-type { border-top: none; margin-top: 0px; } .j102-tayseer-service .fieldset .j102-tayseer-service--chckbx[style="display: none;"] + .line-content { border-top: none; margin-top: 0px; } .j102-tayseer-service .count-tayseer strong { color: #007560; } .j102-tayseer-service .box--1 { padding-top: 0px; } .j102-tayseer-service .j102-tayseer-service--acc { line-height: 24px; border-top: 1px solid #BCBEC0; padding-top: 16px; } .j102-tayseer-service .j102-tayseer-service--add-form { overflow: hidden; max-height: 0; margin-bottom: 24px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .j102-tayseer-service .j102-tayseer-service--add-form .form-field__button, .j102-tayseer-service .j102-tayseer-service--add-form .form-submit-border { margin: 0px; } .j102-tayseer-service .j102-tayseer-service--add { color: #007560; font-weight: bold; cursor: pointer; } .j102-tayseer-service:hover.j102-tayseer-service--add { color: #007560; } .j102-tayseer-service:hover.j102-tayseer-service--add strong { text-decoration: none; } .j102-tayseer-service .j102-tayseer-service--edit-amount { font-weight: bold; z-index: 99; color: #6D6E71; display: inline; position: absolute; line-height: 24px; background-color: transparent !important; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .j102-tayseer-service .j102-tayseer-service--edit-amount:before { content: "\e645"; font-size: 18px; } .j102-tayseer-service .j102-tayseer-service--edit-amount:before { position: absolute; top: 9px; right: 8px; color: #939598; } .j102-tayseer-service .j102-tayseer-service--amount-pay { font-weight: bold; text-decoration: underline; } .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set { float: right; margin-top: 36px; } .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set .button--text, .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set a, .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set a, .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set a, .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set a, .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--set .button--text-centered { padding-right: 16px; } .j102-tayseer-service .edit-set { float: right; margin-top: 30px; } .j102-tayseer-service .edit-set .button--text, .j102-tayseer-service .edit-set .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .edit-set a, .j102-tayseer-service .edit-set .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .edit-set a, .j102-tayseer-service .edit-set .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j102-tayseer-service .edit-set a, .j102-tayseer-service .edit-set .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j102-tayseer-service .edit-set a, .j102-tayseer-service .edit-set .button--text-centered { padding-right: 16px; } .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--cancel { margin-top: 36px; float: right; } .j102-tayseer-service .j102-tayseer-service--amount-pay-form-button--cancel .button--cancel:before { margin-left: 46px; top: 10px; } .j102-tayseer-service .edit-cancel { margin-top: 30px; float: right; } .j102-tayseer-service .edit-cancel .button--cancel { padding-right: 20px; } .j102-tayseer-service .edit-cancel .button--cancel:before { margin-left: 40px; } .j102-tayseer-service .j102-tayseer-service--amount-pay-form { margin-bottom: 16px; max-height: 0px; overflow: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .j102-tayseer-service .j102-tayseer-service--amount-pay-form .form-field__button, .j102-tayseer-service .j102-tayseer-service--amount-pay-form .form-submit-border { margin: 0px; } .j102-tayseer-service .j102-tayseer-service--amount-pay-form-input { float: left; } .j102-tayseer-service .j102-tayseer-service--amount-pay-form-input .txtAmountPay { padding-right: 30px; } .j102-tayseer-service .button--cancel { padding-right: 20px; } .j102-tayseer-service .button--cancel:before { margin-left: 40px; } .j102-tayseer-service .j102-tayseer-service--total-wrapper { text-align: center; margin-top: 24px; font-weight: 700; } .j102-tayseer-service .j102-tayseer-service--add-form-active, .j102-tayseer-service .j102-tayseer-service--amount-pay-form-active { max-height: 500px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .j102-tayseer-service .j102-tayseer-service--add-form-active .form-field__button, .j102-tayseer-service .j102-tayseer-service--add-form-active .form-submit-border, .j102-tayseer-service .j102-tayseer-service--amount-pay-form-active .form-field__button, .j102-tayseer-service .j102-tayseer-service--amount-pay-form-active .form-submit-border { margin: 0px; } .j102-tayseer-service .j102-tayseer-service--add-form-buttons { margin: 0px; text-align: center; padding-bottom: 8px; } .j102-tayseer-service .j102-tayseer-service--acc-num { font-weight: 600; } .j102-tayseer-service .j102-tayseer-service--out-amount { color: #6D6E71; } .j102-tayseer-service .j102-tayseer-service--custom-pay { position: relative; border-top: none; margin-top: 5px; } .j102-tayseer-service .j102-tayseer-service--custom-pay:after { content: ""; display: block; clear: both; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--pay-amount { width: 100%; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--pay-amount .topay { font-weight: 600; color: #007560; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a { padding-right: 30px; bottom: 0px; cursor: pointer; position: relative; font-weight: bold; z-index: 99; color: #6D6E71; display: inline; line-height: 24px; left: auto; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a:before { top: 0px; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a.j102-tayseer-en-service--edit-amount { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a.j102-tayseer-en-service--edit-amount:before { content: "\e645"; font-size: 18px; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a.j102-tayseer-en-service--edit-amount:before { position: absolute; right: 8px; color: #939598; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a.j102-tayseer-en-service--delete-amount { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a.j102-tayseer-en-service--delete-amount:before { content: "\e98a"; font-size: 24px; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a.j102-tayseer-en-service--delete-amount:before { position: absolute; right: 8px; top: -2px; color: #939598; } .j102-tayseer-service .j102-tayseer-service--amount-edit-wrapper { display: none; } .j102-tayseer-service .j102-tayseer-service--amount-edit-wrapper.active { display: block; } .j102-tayseer-service .j102-tayseer-service--amount-edit-wrapper:after { display: block; content: ""; clear: both; } .j102-tayseer-service .j102-tayseer-service-account-head .head-numbers { margin-bottom: 20px; } .j102-tayseer-service .j102-tayseer-service-account-head .head-numbers .total-ac { float: left; } .j102-tayseer-service .j102-tayseer-service-account-head .head-numbers .total-ac .total-ac-num { font-weight: 600; color: #007560; } .j102-tayseer-service .j102-tayseer-service-account-head .head-numbers .total-am { float: right; } .j102-tayseer-service .j102-tayseer-service-account-head .head-numbers .total-am .total-am-num { font-weight: 600; color: #007560; } .j102-tayseer-service .j102-tayseer-service-account-head .head-numbers:after { content: ""; display: block; clear: both; } .j102-tayseer-service .j102-tayseer-service-account-head .head-actions { margin-bottom: 10px; } .j102-tayseer-service .j102-tayseer-service-account-head .head-actions .total-page .total-page-num { font-weight: 600; color: #007560; } .j102-tayseer-service .j102-tayseer-service--remarks { color: #6D6E71; } .j102-tayseer-service .j102-tayseer-service--select { position: absolute; } .j102-tayseer-service .j102-tayseer-service--edit-amount-input { height: 0; overflow: hidden; } .j102-tayseer-service .j102-tayseer-service--edit-amount-input-active { height: auto; } .j102-tayseer-service .easypay-logo { display: inline-block; font-weight: bold; color: #007560; } .j102-tayseer-service .easypay-logo span { color: #000; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history { margin-bottom: 15px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--acc-num { margin-bottom: 7px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--easypay { margin-bottom: 7px; font-weight: 600; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--date { color: #6D6E71; margin-bottom: 7px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service--ac-number { color: #6D6E71; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col .j102-tayseer-service--to-amount { margin-bottom: 10px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col .j102-tayseer-service--payment-status { margin-bottom: 10px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay { margin-bottom: 20px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons { width: 65%; float: left; flex-direction: column; align-items: flex-start; display: flex; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + .form-submit, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .form-submit, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .form-submit, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + .form-submit, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + .form-submit { margin-left: 0px; margin-top: 5px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--outline { padding: 7px 15px; color: #007560; border-color: #007560; float: left; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--outline:hover { background: #007560; color: white; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--primary, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit { padding: 10px 17px; float: left; color: white; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links { width: 35%; float: right; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links .button--text, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links .button--text-centered { padding-right: 0px; padding-left: 0px; } .j102-tayseer-service .m49-list-filter { background-color: transparent; border-radius: 5px; } .j102-tayseer-service .m49-list-filter .m49-list-filter--input { color: #222222; } .j102-tayseer-service .m49-list-filter .m49-list-filter--button:before { color: #222222; } .j102-tayseer-service .m49-list-filter .m49-list-filter-reset-button:before { color: #222222; } @media screen and (max-width: 599px) { .j102-tayseer-service--select { right: 0; } .j102-tayseer-service .j102-tayseer-service--edit-amount { bottom: 0px; left: 0px; } .j102-tayseer-service--amount-pay-form-input { width: 60%; } } @media screen and (min-width: 600px) { .j102-tayseer-service--select { right: 18.5%; } .j102-tayseer-service .j102-tayseer-service--edit-amount { bottom: 84px; left: calc(100% - 110px); } .j102-tayseer-service--amount-pay-form-input { width: 65%; } } @media screen and (min-width: 1025px) { .j102-tayseer-service--select { right: 27.5%; } .j102-tayseer-service .j102-tayseer-service--edit-amount { bottom: 84px; left: calc(100% - 110px); } .j102-tayseer-service--amount-pay-form-input { width: 65%; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--pay-amount { width: 50%; float: left; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons { width: 50%; float: right; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons a { float: right; } .j102-tayseer-service .j102-tayseer-service--custom-pay .j102-tayseer-service--custom-pay-buttons .j102-tayseer-service--custom-pay-buttons { float: right; padding-right: 0px; } .j102-tayseer-service .j102-tayseer-service-history-rows { padding-bottom: 16px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history { display: flex; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history:after { content: ""; display: inline-block; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_left-col { width: 50%; float: left; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service-history .j102-tayseer-service-history_right-col { float: right; width: 50%; text-align: right; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons { width: 65%; display: block; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + .button, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + a, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + .button--centered, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button + .form-submit, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .form-submit, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons a + .form-submit, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .button--centered + .form-submit, .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-pay-buttons .form-submit + .form-submit { margin-left: 12px; margin-top: 0px; } .j102-tayseer-service .j102-tayseer-service-history-rows .j102-tayseer-service--custom-links { width: 35%; text-align: right; } } /* homemodule */ @keyframes hover_animation_right { 0% { right: 19px; left: initial; opacity: 0; } 100% { right: 9px; left: initial; opacity: 1; } } .m60-teaser-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; background-color: rgba(0, 0, 0, 0.05); background-blend-mode: color-burn; height: 140px; } .m60-teaser { text-align: center; border-radius: 5px; overflow: hidden; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .m60-teaser:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m60-teaser .m9-teaser-image { height: 115px; margin-top: 24px; } .m60-teaser .teaser__link { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 3px 3px; padding: 0px; } .m60-teaser .teaser__link:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m60-teaser .teaser__link .teaser__title { color: #222222; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m60-teaser .teaser__link .teaser__copy { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-align: left; } .m60-teaser .teaser__link:hover .teaser__title, .m60-teaser .teaser__link:focus .teaser__title { color: #007560; } .m60-teaser--dstore { position: relative; } .m60-teaser--dstore .m60-teaser-image { height: 170px; } .m60-teaser--dstore .teaser__link { cursor: pointer; } .m60-teaser--dstore .teaser__link .teaser__content { background: white; min-height: 160px; } .m60-teaser--dstore .teaser__link .teaser__discount { color: #007560; font-weight: bold; text-align: left; } .m60-teaser--dstore .teaser__link .teaser__title { color: #222222 !important; font-weight: 600 !important; text-align: left; margin: 12px 0 16px; } .m60-teaser--dstore .teaser__link .teaser__copy { display: none; } .m60-teaser--dstore .teaser__link .teaser__content { padding: 20px; } .m60-teaser--dstore .teaser__link .teaser__storelogo { position: absolute; line-height: 32px; color: #222222; text-align: left; padding-left: 40px; bottom: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height: 32px; } .m60-teaser--dstore .teaser__link .teaser__storelogo img { border-radius: 50%; border: 0.5px solid #c9c9c9; position: absolute; height: 30px; width: auto; left: 0; top: 0; } .m60-teaser--download .teaser__content { min-height: 190px !important; } .m60-teaser--download .teaser__copy { text-align: left; } .m60-teaser--download .teaser__copy .link, .m60-teaser--download .teaser__copy .m111-cs--content_headinglink, .m60-teaser--download .teaser__copy .form-links__link, .m60-teaser--download .teaser__copy .m14-richtext a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m125-teaser--content .m60-teaser--download .teaser__copy a:not(.button):not(.button--centered), .m60-teaser--download .teaser__copy .links-list__link { font-weight: 100; } .m60-teaser--investor { text-align: left; } .m60-teaser--investor:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .m60-teaser--investor .teaser__link .teaser__title { color: white; } .m60-teaser--investor .teaser__link:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .m60-teaser--investor .teaser__link:hover .teaser__title { color: white; } .m60-teaser--investor .teaser__content { position: relative; } .m60-teaser--investor .m60-teaser-image { height: 100px; padding: 21px 15px; display: flex; align-items: end; } .m60-teaser--investor .m60-teaser--investor_link { padding: 12px 0; border-top: solid 1px #e0e0e0; } .m60-teaser--investor .m60-teaser--investor_link:first-child { border-top: none; padding-top: 0; } .m60-teaser--investor .m60-teaser--investor_link a { color: #222222; font-weight: 300; } .m60-teaser--investor .m60-teaser--investor_link a.icon-new-arrow-right { display: block; position: relative; } .m60-teaser--investor .m60-teaser--investor_link a.icon-new-arrow-right:before { position: absolute; top: -7px; right: 0; color: #9b9b9b; } .m60-teaser--investor .m60-teaser--investor_link a.icon-new-arrow-right:hover { color: #007560; text-decoration: underline; } .m60-teaser--investor .m60-teaser--investor_link a.icon-new-arrow-right:hover:before { color: #007560; animation-name: hover_animation_right_small; animation-duration: 0.5s; } .m60-teaser--investor .m60-teaser--investor_link a.icon-b-new-pdf { position: relative; padding-left: 28px; } .m60-teaser--investor .m60-teaser--investor_link a.icon-b-new-pdf:before { color: #C0134C; position: absolute; top: -3px; left: -4px; } .m60-teaser--investor .m60-teaser--investor_link a.icon-b-new-pdf:hover { color: #007560; text-decoration: underline; } .m60-teaser--investor .m60-teaser--investor_link a.icon-b-new-pdf:hover:before { color: #007560; } .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.25; } .m60-teaser--investor .m60-teaser--investor_link a.report .m60-teaser--investor_report-date { color: #717173; margin-top: 4px; } .m60-teaser--investor .m60-teaser--investor_link a.report:hover { color: #007560; } .m60-teaser--investor .m60-teaser--investor_link a.report:hover .m60-teaser--investor_report-title { text-decoration: underline; } .m60-teaser--investor .m60-teaser--investor_viewall { text-align: center; position: absolute; width: calc(100% - 30px); bottom: 12px; } .m60-teaser--investor .m60-teaser--investor_viewall a { color: #717173; } .m60-teaser--investor .m60-teaser--investor_viewall a:hover { color: #007560; } .m60-teaser-strategy { text-align: left; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); } .m60-teaser-strategy .teaser__title { font-weight: bold; } .m60-teaser-strategy .teaser__copy { line-height: 25px; } .m60-teaser-strategy .m60-teaser-image { background-color: #F8F8F8; display: flex; justify-content: center; align-items: center; } .m60-teaser-strategy .teaser__content { background-color: white; } @media screen and (max-width: 599px) { .m60-teaser { margin-bottom: 0px; } .m60-teaser .teaser__content { min-height: 160px; } .m60-teaser .m60-small .teaser__content { min-height: 160px; } .m60-teaser { margin-bottom: 24px; } .m60-teaser--investor .teaser__content { min-height: 240px; } } @media screen and (min-width: 600px) { .m60-teaser { margin-bottom: 0px; } .m60-teaser .teaser__content { min-height: 245px; } .m60-teaser .m60-small .teaser__content { min-height: 180px; } .m60-teaser { margin-bottom: 24px; } } @media screen and (min-width: 1025px) { .m60-teaser { margin-bottom: 24px; } .m60-teaser .teaser__content { min-height: 245px; } .m60-teaser .m60-teaser--dstore { margin-bottom: 32px; } .m60-small .teaser__content { min-height: 140px; } } /* for accessibility */ .invert .m60-teaser .teaser__title, .invert .m60-teaser .teaser__copy { color: white !important; } .m61-subsection h4 { font-weight: 300; } .m61-subsection .m16-subsection-item { padding-bottom: 30px; } .m61-subsection .m16-subsection-item ul { display: table-row; } .m61-subsection .m16-subsection-item ul li:first-child { padding-top: 10px; } .m61-subsection .m16-subsection-item ul li:first-child:before { top: 18px; } .m61-subsection .m16-subsection-item ul li { font-weight: 300; border-bottom: 1px solid #BCBEC0; line-height: 32px; margin-top: 0px; color: #222222; padding-right: 60px; } .m61-subsection .m16-subsection-item ul li:before { right: 9px; left: auto; position: absolute; font-size: 36px; width: 40px; height: 40px; font-weight: normal; top: -6px; content: "\e607"; } .m61-subsection .m16-subsection-item ul li { cursor: pointer; position: relative; } .m61-subsection .m16-subsection-item ul li:before { right: -20px; top: 0px; color: #007560; } .m61-subsection .m16-subsection-item ul li:hover { color: #007560; } .m62-expand ol { list-style-type: decimal; list-style-position: inside; } .m62-expand ol li { padding: 20px 25px; font-weight: 700; cursor: pointer; } .m62-expand ol li .m62-expand-title { color: #222222; } .m62-expand ol li a { color: #222222; } .m62-expand .m62-expand-content { height: 0px; overflow: hidden; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; font-weight: 400; } .m62-expand .m62-tabs--content--active { height: auto; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; margin-top: 24px; } .m62-expand .m62-expand-tab:before { content: "+"; float: right; color: #0B7BC1; font-weight: 600; } .m62-expand .m62-expand-tab.m62-expand--active:before { content: "-"; float: right; color: #0B7BC1; font-weight: 600; } .m62-expand-variant ul li { position: relative; padding: 16px 20px; padding-right: 48px; font-weight: 300; cursor: pointer; border: 1px solid #D7D7DF; border-radius: 8px; background-color: white; } .m62-expand-variant ul li .m62-expand-title { color: #222222; line-height: 1.25em; } .m62-expand-variant ul li + li { margin-top: 16px; } .m62-expand-variant .m62-expand-tab:before { font-family: "iconfont"; content: "\e60c"; color: #BDBDBD; position: absolute; right: 12px; top: 16px; font-size: 24px; transform: rotate(90deg); } .m62-expand-variant .m62-expand-tab.m62-expand--active:before { font-family: "iconfont"; content: "\e609"; color: #BDBDBD; position: absolute; right: 12px; top: 16px; font-size: 24px; transform: rotate(90deg); } .m62-expand-variant .m62-expand-content { line-height: 1.75em; } .m62-expand--footnote { font-weight: 300; margin-top: 16px; color: #007560; } @media screen and (max-width: 599px) { .m62-expand ol { border: none; } .m62-expand ol li:last-child { border-bottom: 1px solid rgba(151, 151, 151, 0.5); } .m62-expand-variant ul li .m62-expand-title { font-size: 1.125em; } } .m63-search-results .result-text { clear: both; } .m63-search-results .result-text h4 { padding-top: 30px; } .m63-search-results .m63-search-results__result-query { color: #007560; } .m63-search-results .form-field__fakecheckbox { line-height: 18px; } .m63-search-results .form-field__fakecheckbox:before { border-radius: 0px; box-shadow: 0px 0px 0px 1px #939598; } .m63-search-results .m63-search-results__result-item:first-child { border-top: 1px solid rgba(151, 151, 151, 0.5); } .m63-search-results .m63-search-results__result-item { border-bottom: 1px solid rgba(151, 151, 151, 0.5); } .m63-search-results .m63-search-results__result-item h5 { color: #007560; font-weight: 700; } .m63-search-results .m63-search-results__result-item p { margin-top: 0px; } .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category { margin-top: 20px; display: inline-block; padding-right: 10px; text-transform: uppercase; color: #007560; } .m63-search-results .m63-search-results__filter-count { float: right; margin-top: 0px; } .m63-search-results .m63-search-results__result-views { font-weight: 300; color: #222222; text-align: center; } .m63-search-results .m63-search-results__result-views a { text-decoration: underline; color: #007560; cursor: pointer; } .m63-search-results .m63-search-results__result-views a:hover { text-decoration: none; } .m63-search-results .m63-search-results__fieldset-title { color: #007560; font-weight: 700; padding-left: 23px; } .m63-search-results .form-field__checkbox:first-child, .m63-search-results .field-content--checkbox:first-child { border-top: 1px solid rgba(151, 151, 151, 0.5); } .m63-search-results .form-field__checkbox, .m63-search-results .field-content--checkbox { border-bottom: 1px solid rgba(151, 151, 151, 0.5); margin-top: 0px; } .m63-search-results .form-field__checkbox:before, .m63-search-results .field-content--checkbox:before { border-radius: 0px; width: 16px; height: 16px; box-shadow: 0px 0px 0px 1px #939598; } .m63-search-results .form-field__checkbox:after, .m63-search-results .field-content--checkbox:after { background: #ccc; content: none; } .m63-search-results .form-field__checkbox:checked, .m63-search-results .field-content--checkbox:checked { content: none; } .m63-search-results .field-content .form-field__input--checkbox:checked + [type=checkbox]:checked, .m63-search-results .field-content [type=checkbox]:checked + [type=checkbox]:checked, .m63-search-results .form-field__input--checkbox:checked + .field-content [type=checkbox]:checked, .m63-search-results .field-content [type=checkbox]:checked + .field-content [type=checkbox]:checked, .field-content .m63-search-results [type=checkbox]:checked + .field-content [type=checkbox]:checked, .m63-search-results .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .m63-search-results .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .m63-search-results [type=checkbox]:checked + .form-field__fakecheckbox:after { background: #007560; content: " "; border-radius: 0px; width: 16px; left: 0px; height: 16px; } .m63-search-results .m63-search-results--modify { float: right; } .m63-search-results--display { float: left; position: relative; bottom: -8px; font-weight: 300; } .m63-search-results--display .form-field--select { display: inline-block; } @media screen and (max-width: 321px) { .m63-search-results--display .form-field--select { display: block; } .m63-search-results__results { clear: both; margin-top: 90px !important; } } @media screen and (max-width: 599px) { .m63-search-results--modify, .m63-search-results__fieldset-title--mob-close { padding: 4px 16px; top: 12px; } .m63-search-results__fieldset-title--mob-close { opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; float: right; } .m63-search-results__results { clear: both; margin-top: 72px; } .m63-search-results__fieldset-title--mob-close--active { opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .m63-search-results--filter-wrapper { height: 0; overflow: hidden; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m63-search-results--filter-wrapper--active { margin: 10px 0px 24px; height: auto; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m63-search-results__filter-count { line-height: 32px; } .sor-mob { display: none; } .sor-desktop { display: block; } .sor-desktop .m63-search-results__fieldset-title { padding: 8px 23px 0px 0px; float: left; } .sor-desktop .form-field__checkbox, .sor-desktop .field-content--checkbox { padding: 8px 8px; } .sor-desktop .form-field__fakecheckbox:before { width: 0px; height: 0px; border: 8px solid white; top: 5px; } .sor-desktop .field-content .form-field__input--checkbox:checked + [type=checkbox]:checked, .sor-desktop .field-content [type=checkbox]:checked + [type=checkbox]:checked, .sor-desktop .form-field__input--checkbox:checked + .field-content [type=checkbox]:checked, .sor-desktop .field-content [type=checkbox]:checked + .field-content [type=checkbox]:checked, .field-content .sor-desktop [type=checkbox]:checked + .field-content [type=checkbox]:checked, .sor-desktop .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .sor-desktop .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .sor-desktop [type=checkbox]:checked + .form-field__fakecheckbox:after { top: 5px; } .m63-search-results__result-item { padding: 20px 0px; } } @media screen and (min-width: 600px) { .sor-desktop { display: none; } .m63-search-results__result-item { padding: 20px 42px; } } @media screen and (min-width: 1025px) { .m63-search-results__filter-count { line-height: inherit; } .sor-desktop { display: none; } .m63-search-results__result-item { padding: 20px 42px; } .m63-search-results .form-field__fakecheckbox { line-height: 18px; } .m63-search-results .form-field__fakecheckbox:before { width: 16px; height: 16px; } .m63-search-results .form-field__checkbox, .m63-search-results .field-content--checkbox { padding: 18px 23px; } .m63-search-results .field-content .form-field__input--checkbox:checked + [type=checkbox]:checked, .m63-search-results .field-content [type=checkbox]:checked + [type=checkbox]:checked, .m63-search-results .form-field__input--checkbox:checked + .field-content [type=checkbox]:checked, .m63-search-results .field-content [type=checkbox]:checked + .field-content [type=checkbox]:checked, .field-content .m63-search-results [type=checkbox]:checked + .field-content [type=checkbox]:checked, .m63-search-results .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .m63-search-results .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .m63-search-results [type=checkbox]:checked + .form-field__fakecheckbox:after { top: 1px; } } /* for accessibility */ .invert .m63-search-results__result-query { color: white !important; text-decoration: underline; } .grid__column--8 .m65-gallery__thumbnail, .grid__column--6 .m65-gallery__thumbnail { width: 49.5%; margin: 0.25%; } .m65-gallery__thumbnail { height: 180px; width: 24.5%; float: left; margin: 0.25%; background-color: rgba(0, 0, 0, 0.25); background-blend-mode: overlay; background-repeat: no-repeat; background-size: cover; } .m65-gallery__thumbnail:hover { background-color: rgba(0, 0, 0, 0.75); } .m65-gallery__thumbnail--icon { width: 35px; height: 35px; background-size: contain; background-repeat: no-repeat; margin: 8px; float: right; } .m65-gallery__date { margin: 24px; color: white; font-weight: bold; display: none; } .m65-gallery__caption { position: relative; bottom: -60px; margin: 24px; color: white; display: none; } @media screen and (max-width: 599px) { .m65-gallery__thumbnail { height: 140px; width: 49.5%; float: left; margin: 0.25%; } .m65-gallery__caption { bottom: -24px; } } .m63-search-results .result-text { clear: both; } .m63-search-results .result-text h4 { padding-top: 30px; } .m63-search-results .m63-search-results__result-query { color: #007560; } .m63-search-results .form-field__fakecheckbox { line-height: 18px; } .m63-search-results .form-field__fakecheckbox:before { border-radius: 0px; box-shadow: 0px 0px 0px 1px #939598; } .m63-search-results .m63-search-results__result-item:first-child { border-top: 1px solid rgba(151, 151, 151, 0.5); } .m63-search-results .m63-search-results__result-item { border-bottom: 1px solid rgba(151, 151, 151, 0.5); } .m63-search-results .m63-search-results__result-item h5 { color: #007560; font-weight: 700; } .m63-search-results .m63-search-results__result-item p { margin-top: 0px; } .m63-search-results .m63-search-results__result-item .data-m63-search-results-result-category { margin-top: 20px; display: inline-block; padding-right: 10px; text-transform: uppercase; color: #007560; } .m63-search-results .m63-search-results__filter-count { float: right; margin-top: 0px; } .m63-search-results .m63-search-results__result-views { font-weight: 300; color: #222222; text-align: center; } .m63-search-results .m63-search-results__result-views a { text-decoration: underline; color: #007560; cursor: pointer; } .m63-search-results .m63-search-results__result-views a:hover { text-decoration: none; } .m63-search-results .m63-search-results__fieldset-title { color: #007560; font-weight: 700; padding-left: 23px; } .m63-search-results .form-field__checkbox:first-child, .m63-search-results .field-content--checkbox:first-child { border-top: 1px solid rgba(151, 151, 151, 0.5); } .m63-search-results .form-field__checkbox, .m63-search-results .field-content--checkbox { border-bottom: 1px solid rgba(151, 151, 151, 0.5); margin-top: 0px; } .m63-search-results .form-field__checkbox:before, .m63-search-results .field-content--checkbox:before { border-radius: 0px; width: 16px; height: 16px; box-shadow: 0px 0px 0px 1px #939598; } .m63-search-results .form-field__checkbox:after, .m63-search-results .field-content--checkbox:after { background: #ccc; content: none; } .m63-search-results .form-field__checkbox:checked, .m63-search-results .field-content--checkbox:checked { content: none; } .m63-search-results .field-content .form-field__input--checkbox:checked + [type=checkbox]:checked, .m63-search-results .field-content [type=checkbox]:checked + [type=checkbox]:checked, .m63-search-results .form-field__input--checkbox:checked + .field-content [type=checkbox]:checked, .m63-search-results .field-content [type=checkbox]:checked + .field-content [type=checkbox]:checked, .field-content .m63-search-results [type=checkbox]:checked + .field-content [type=checkbox]:checked, .m63-search-results .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .m63-search-results .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .m63-search-results [type=checkbox]:checked + .form-field__fakecheckbox:after { background: #007560; content: " "; border-radius: 0px; width: 16px; left: 0px; height: 16px; } .m63-search-results .m63-search-results--modify { float: right; } .m63-search-results--display { float: left; position: relative; bottom: -8px; font-weight: 300; } .m63-search-results--display .form-field--select { display: inline-block; } @media screen and (max-width: 321px) { .m63-search-results--display .form-field--select { display: block; } .m63-search-results__results { clear: both; margin-top: 90px !important; } } @media screen and (max-width: 599px) { .m63-search-results--modify, .m63-search-results__fieldset-title--mob-close { padding: 4px 16px; top: 12px; } .m63-search-results__fieldset-title--mob-close { opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; float: right; } .m63-search-results__results { clear: both; margin-top: 72px; } .m63-search-results__fieldset-title--mob-close--active { opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .m63-search-results--filter-wrapper { height: 0; overflow: hidden; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m63-search-results--filter-wrapper--active { margin: 10px 0px 24px; height: auto; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m63-search-results__filter-count { line-height: 32px; } .sor-mob { display: none; } .sor-desktop { display: block; } .sor-desktop .m63-search-results__fieldset-title { padding: 8px 23px 0px 0px; float: left; } .sor-desktop .form-field__checkbox, .sor-desktop .field-content--checkbox { padding: 8px 8px; } .sor-desktop .form-field__fakecheckbox:before { width: 0px; height: 0px; border: 8px solid white; top: 5px; } .sor-desktop .field-content .form-field__input--checkbox:checked + [type=checkbox]:checked, .sor-desktop .field-content [type=checkbox]:checked + [type=checkbox]:checked, .sor-desktop .form-field__input--checkbox:checked + .field-content [type=checkbox]:checked, .sor-desktop .field-content [type=checkbox]:checked + .field-content [type=checkbox]:checked, .field-content .sor-desktop [type=checkbox]:checked + .field-content [type=checkbox]:checked, .sor-desktop .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .sor-desktop .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .sor-desktop [type=checkbox]:checked + .form-field__fakecheckbox:after { top: 5px; } .m63-search-results__result-item { padding: 20px 0px; } } @media screen and (min-width: 600px) { .sor-desktop { display: none; } .m63-search-results__result-item { padding: 20px 42px; } } @media screen and (min-width: 1025px) { .m63-search-results__filter-count { line-height: inherit; } .sor-desktop { display: none; } .m63-search-results__result-item { padding: 20px 42px; } .m63-search-results .form-field__fakecheckbox { line-height: 18px; } .m63-search-results .form-field__fakecheckbox:before { width: 16px; height: 16px; } .m63-search-results .form-field__checkbox, .m63-search-results .field-content--checkbox { padding: 18px 23px; } .m63-search-results .field-content .form-field__input--checkbox:checked + [type=checkbox]:checked, .m63-search-results .field-content [type=checkbox]:checked + [type=checkbox]:checked, .m63-search-results .form-field__input--checkbox:checked + .field-content [type=checkbox]:checked, .m63-search-results .field-content [type=checkbox]:checked + .field-content [type=checkbox]:checked, .field-content .m63-search-results [type=checkbox]:checked + .field-content [type=checkbox]:checked, .m63-search-results .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .m63-search-results .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .m63-search-results [type=checkbox]:checked + .form-field__fakecheckbox:after { top: 1px; } } /* for accessibility */ .invert .m63-search-results__result-query { color: white !important; text-decoration: underline; } /* homemodule */ /* globalmodule */ .m66-preloader h2 { text-align: center; } .m66-preloader { padding: 66px 0px; } .m66-preloader.small { padding: 0px; text-align: center; position: relative; } .m66-preloader-fullpage.mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9992; visibility: hidden; background: #000000; opacity: 0; -webkit-transition: opacity 0.5s, visibility 0.5s; -moz-transition: opacity 0.5s, visibility 0.5s; transition: opacity 0.5s, visibility 0.5s; } .m66-preloader-fullpage.mask .loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #007560; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } [dir=rtl] .m66-preloader-fullpage.mask .loader { right: 50%; top: 50%; margin: -75px -75px 0 0; } .m66-preloader-fullpage.mask .text__section-subtitle { position: absolute; width: 100%; color: white; margin-top: -125px; text-align: center; top: 50%; } .m66-preloader-fullpage.mask-show { visibility: visible; opacity: 0.8; } .loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: 30px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #007560; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } [dir=rtl] .loader { right: 50%; top: 50%; margin: 30px -75px 0 0; } .loader-small { border: 3px solid #f3f3f3; border-radius: 50%; border-top: 3px solid #9b9b9b; width: 50px; height: 50px; position: absolute; left: 45%; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: 30px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #007560; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } .loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #007560; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } .loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #007560; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(0deg); /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ -ms-transform: rotate(360deg); /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } .j105-drrg--loader { position: absolute; padding: 150px 0; height: 100%; right: 0; z-index: 99999999999999; background: rgba(255, 255, 255, 0.75); width: 100%; } .m66-preloader-per_title { font-weight: 700; color: #222222; } .m66-preloader-per_wrapper { margin-top: 40px; } .m66-preloader-per_number { color: #007560; font-weight: 300; } .m66-preloader-per_bar { width: 100%; height: 12px; background-color: #EFEFEF; margin-top: 8px; position: relative; } .m66-preloader-per_green { height: 12px; background-color: #007560; /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $green), color-stop(50%, $green), color-stop(100%, $green)); background-image: -webkit-linear-gradient(left, $green, #37AA33, $green, $green, $green, #37AA33, $green); background-image: linear, to right, $green, #37AA33, $green, $green, $green, #37AA33, $green; background-size: 300% 100%; animation: progress-animation 2s linear infinite;*/ position: absolute; left: 0; top: 0; width: 0px; transition: 1s width ease; } @keyframes progress-animation { 0% { background-position: 100%; } 100% { background-position: 0; } } /* for accessibility */ .invert .loader { border-top-color: white; } .invert .loader:before { border-top-color: white; } .invert .loader:after { border-top-color: white; } .m67-confirmation-message { margin: 0 auto; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid; position: relative; text-align: center; } .grid__column--form .m67-confirmation-message { width: 100%; } .m67-confirmation-message + * { margin-top: 36px; } .j108-np { padding: 10px 0px !important; } .m67-confirmation-message--success { border-color: #007560; } .m67-confirmation-message--success .m67-confirmation-message__title { padding: 12px 24px; background-color: #007560; color: white; } .m67-confirmation-message--error { border-color: #B00020; } .m67-confirmation-message--error .m67-confirmation-message__title { padding: 12px 24px; background-color: #B00020; color: white; } .m67-confirmation-message--error .m67-confirmation-message__message { text-align: center; } .m67-confirmation-message--expired { border-color: #F3A536; } .m67-confirmation-message--expired .m67-confirmation-message__title { padding: 12px 24px; background-color: #F3A536; color: white; } .m67-confirmation-message--expired .m67-confirmation-message__message { text-align: center; } .m67-confirmation-message__title { text-align: center; font-weight: 600; } .m67-confirmation-message__title .m67-confirmation-message__title-invalid { font-weight: bold; } .m67-confirmation-message__content { padding: 24px; text-align: left; } .m67-confirmation-message__content .button.button--text.button--next, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m67-confirmation-message__content a.button--next, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m67-confirmation-message__content a, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m67-confirmation-message__content a.button.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m67-confirmation-message__content .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m67-confirmation-message__content .PagedList-skipToNext a, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m67-confirmation-message__content a.button.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m67-confirmation-message__content .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m67-confirmation-message__content .PagedList-skipToNext a, .m67-confirmation-message__content .button--text.button--next.button--centered, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next.button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m67-confirmation-message__content a.button--next.button--centered, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next.button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m67-confirmation-message__content a.button--next.button--centered, .m67-confirmation-message__content .button.button--next.button--text-centered, .m67-confirmation-message__content .button--next.button--centered.button--text-centered, .m67-confirmation-message__content .button--text.form-submit, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m67-confirmation-message__content a.form-submit, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m67-confirmation-message__content a.form-submit, .m67-confirmation-message__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m67-confirmation-message__content a.form-submit, .m67-confirmation-message__content .form-submit.button--text-centered { max-width: 100%; text-overflow: ellipsis; } .m67-confirmation-message__detail--wrapper { margin-bottom: 12px; } .m67-confirmation-message__detail--detail { font-weight: 600; color: #777; } .m67-confirmation-message__detail--value { font-weight: 600; } .m67-confirmation-message__message { font-weight: 300; } @media screen and (max-width: 599px) { .m67-confirmation-message { width: 100%; } } /* for accessibility */ .invert .m67-confirmation-message__title { background-color: white !important; color: #222222 !important; } .invert .m67-confirmation-message { border-color: white !important; } .j106-ideal-home__certificate--logo-wrapper { position: relative; height: 0px; text-align: center; top: -72px; } .j106-ideal-home__certificate--logo-wrapper .j106-ideal-home__certificate--logo { width: 80px; } .j106-ideal-home__certificate--logo-wrapper .j106-ideal-home__certificate--ribbon { display: block; height: 40px; width: auto; margin: 0 auto; margin-top: 8px; } .certificate { width: 100%; background-size: 100%; background-repeat: no-repeat; background-position: top; padding-top: 70%; height: 0px; position: relative; } .certificate .certificate_name { top: 0; padding-top: 33%; position: absolute; width: 100%; } .certificate .certificate_name .certificate_name_align { width: 50%; padding-left: 23%; display: block; text-align: left; margin: 0px auto; } .j106-ideal-home-ra { text-align: right; } .j106-ideal-home__survey-section--results { text-align: left; font-size: 1.75em !important; color: #3DA83B; } .j106-ideal-home__survey-section--results-query { font-weight: 300; } .j106-ideal-home__survey-section--results-query + p { padding-left: 16px; margin-top: 4px; } .j106-ideal-home__score-subtitle { text-align: center; font-weight: 300; color: #777; } .j106-ideal-home__certificate--text { text-align: center; margin-top: 80px; } .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-text2 { margin: 0 auto; width: 75%; margin-bottom: 24px; } .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-text { margin-bottom: 24px; } .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-title { margin-bottom: 48px; font-weight: 600; } .j106-ideal-home__certificate--text .j106-ideal-home__certificate--text-name { margin-bottom: 48px; font-weight: 300; } .j106-ideal-home__certificate--link { margin-bottom: 24px; display: block; font-weight: 600; } .j106-ideal-home__certificate--footer { margin-top: 72px; margin-bottom: 24px; } .j106-ideal-home__certificate--footer .j106-ideal-home__certificate--footer-date { display: inline-block; font-weight: bold; } .j106-ideal-home__certificate--footer .j106-ideal-home__certificate--footer-MD { float: right; text-align: right; } .j106-ideal-home__certificate { padding: 32px 24px 32px; background-color: #FFF0CB; border-radius: 5px; box-shadow: 0 3px 6px 0 #9B9B9B; min-height: 250px; margin-bottom: 64px; } .j106-ideal-home__congratulations { text-align: center; color: #007560; margin-bottom: 12px; } .j106-ideal-home__appreciation { text-align: center; color: #007560; font-weight: 600; margin-bottom: 96px; } .j106-ideal-home__stat-card { padding: 16px 32px; background-color: white; border-radius: 5px; box-shadow: 0 1px 4px 0 #9B9B9B; min-height: 250px; margin-bottom: 32px; } .j106-ideal-home__stat-step { color: #9E9E9E; font-weight: 600; margin-bottom: 8px; } .j106-ideal-home__stat-title { font-weight: 600; margin-bottom: 32px; } .j106-ideal-home__stat-progress { min-height: 90px; text-align: center; font-weight: 600; color: #9e9e9e; } .j106-ideal-home__stat-progress--progress { float: left; } .j106-ideal-home__stat-progress--correct { color: #3DA83B; } .j106-ideal-home__stat-progress--wrong { float: right; color: #B00020; } .j106-ideal-home__buttons { text-align: center; } .j106-ideal-home__score { text-align: center; font-weight: 600; color: #777; } .j106-ideal-home__survey-section { color: #3DA83B; text-align: center; } .j106-ideal-home__video-section { color: #3DA83B; margin-bottom: 16px; font-weight: 600; } .j106-ideal-home__questionnaires .form-field__fakeradio { display: flex; } .j106-ideal-home__questionnaires .form-field__radio, .j106-ideal-home__questionnaires .field-content--radio { margin-left: 24px; } .j106-ideal-home__questionnaires .form-field__label, .j106-ideal-home__questionnaires .j100-expander_label, .j106-ideal-home__questionnaires .field-title { font-weight: 600; margin-bottom: 16px; } .j106-ideal-home__questionnaires .form-field__fakeradio:before { display: table; } .video-js { margin: 0 auto; margin-bottom: 56px; } .j106-ideal-home__video--required { position: absolute; background-color: #B00020; padding: 8px; z-index: 98; color: white; left: 164px; } .j106-ideal-home__video--done { background-color: #3DA83B; } @media screen and (max-width: 599px) { .certificate_name { font-size: 0.6em; } .video-js { width: 340px !important; height: 191.25px !important; } .video-js .vjs-big-play-button { top: 72.5px !important; left: 125px !important; } .j106-ideal-home__video--required { position: unset; display: inline-block; } .button + .button.button-long, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button.button-long, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a.button-long, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a.button-long, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button.button-long, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a.button-long, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a.button-long, .button-long { margin-left: 0px; margin-right: 0px; margin-top: 5px; width: 100%; } .j106-ideal-home__stat-progress--progress { display: block; width: 100%; float: none; } .j106-ideal-home__stat-progress--correct { color: #3DA83B; display: block; float: left; width: 50%; padding-top: 10px; } .j106-ideal-home__stat-progress--wrong { display: block; float: left; width: 50%; padding-top: 10px; color: #B00020; } } @media screen and (min-width: 600px) { .video-js { width: 480px !important; height: 270px !important; } .video-js .vjs-big-play-button { top: 112.5px !important; left: 195px !important; } .j106-ideal-home__video--required { position: unset; display: inline-block; } } @media screen and (min-width: 1025px) { .video-js { width: 640px !important; height: 360px !important; } .video-js .vjs-big-play-button { top: 162.5px !important; left: 275px !important; } .j106-ideal-home__video--required { position: absolute; left: 164px; } } .j109-ev-charger .hidden { display: none; } .j109-ev-charger .j109-ev-charger-action { display: none; } .j109-ev-charger .add-plate-form label { text-align: left; } .j109-ev-charger .maxerror { color: #B00020; padding: 10px 0px; } .j109-ev-charger .j109-ev-charger__platetable .j109-ev-charger__platetable--body .m23-table__content-table-cell { line-height: 40px; border-right: none; font-weight: 600; } .j109-ev-charger .j109-ev-charger__platetable .j109-ev-charger__platetable--body .m23-table__content-table-cell:last-child { border-right: 1px solid #BCBEC0; } .j109-ev-charger .j109-ev-charger__platetable .j109-ev-charger__platetable--body .m23-table__content-table-cell:first-child { font-weight: bold; } .j109-ev-charger .j109-ev-charger-actionBtn .button, .j109-ev-charger .j109-ev-charger-actionBtn .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j109-ev-charger .j109-ev-charger-actionBtn a, .j109-ev-charger .j109-ev-charger-actionBtn .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j109-ev-charger .j109-ev-charger-actionBtn a, .j109-ev-charger .j109-ev-charger-actionBtn .button--centered, .j109-ev-charger .j109-ev-charger-actionBtn .form-submit { font-weight: 600; color: #066e30; } .j109-ev-charger .add-plate-form { text-align: center; } .j109-ev-charger .numthis { display: none; color: #B00020; } .j109-ev-charger .m39-modal__button--lose { top: 0px; } .j109-ev-charger .j109-ev-charger__reference_wrapper { position: relative; } .j109-ev-charger .j109-ev-charger__reference_wrapper .form-field__input-wrapper, .j109-ev-charger .j109-ev-charger__reference_wrapper .m111-content-scroller--nav_mobile-selectwrapper, .j109-ev-charger .j109-ev-charger__reference_wrapper .j134-media--filter, .j109-ev-charger .j109-ev-charger__reference_wrapper .j100-expander_input, .j109-ev-charger .j109-ev-charger__reference_wrapper .field-content { margin-top: 0px; } .j109-ev-charger .j109-ev-charger__reference_wrapper .form-field__label, .j109-ev-charger .j109-ev-charger__reference_wrapper .j100-expander_label, .j109-ev-charger .j109-ev-charger__reference_wrapper .field-title { min-height: 43px; } .j109-ev-charger .j109-ev-charger__reference_wrapper input { padding-left: 60px; } .j109-ev-charger .add-button { z-index: 100; cursor: pointer; position: absolute; color: #BCBEC0; left: 0; top: 55px; border-right: 1px solid #BCBEC0; height: 20px; padding: 10px 14px 10px; line-height: 20px; color: #717173; } .j109-ev-charger .icon-Add_To_Collective_Billing:before { position: absolute; width: 40px; height: 40px; font-weight: normal; left: -5px; right: auto; font-size: 2.0625em; top: -1px; } .j109-ev-charger .icon-Add_To_Collective_Billing { padding-left: 30px; } .j109-ev-charger .totalentry { color: #B00020; } .j109-ev-charger .j109-ev-charger__ref-error-mes { display: none; } .j109-ev-charger .j109-ev-charger__ref-error-mes-active { display: block; } .j109-ev-charger .j109-ev-charger__show-contact { padding-right: 0px; width: 100%; } .j109-ev-charger .j109-ev-charger__add-contact--wrapper { margin-top: 0px; text-align: left; margin-bottom: 0px; } .j109-ev-charger .m23-table__content-table { margin-bottom: 60px; } .j109-ev-charger .j109-ev-charger-register { text-align: center; } .j109-ev-charger .j109-ev-charger-register p { margin-bottom: 16px; } .j109-ev-charger .j109-ev-charger__reference--wrapper { border: solid 1px #BCBEC0; padding: 8px; border-radius: 5px; } .j109-ev-charger .j109-ev-charger__reference--title { margin-top: 32px; font-weight: 600; color: #6D6E71; } .j109-ev-charger .form-links__link { text-align: right; } .j109-ev-charger .mt12 { margin-top: 12px !important; } .j109-ev-charger .mt12 .form-field__label, .j109-ev-charger .mt12 .j100-expander_label, .j109-ev-charger .mt12 .field-title { margin-top: 12px; } .j109-ev-charger .j109-ev-charger__table--inactive { display: none; } .j109-ev-charger .j109-ev-charger__table--inactive .m23-table__content-table-cell { text-align: left; } .j109-ev-charger .j109-ev-charger-tabs__menu { border: 1px solid rgba(155, 155, 155, 0.5); } .j109-ev-charger .j109-ev-charger-tabs__tab { display: block; font-weight: 700; padding: 19px 10px 19px 20px; color: #6D6E71; border-bottom: 1px solid rgba(155, 155, 155, 0.5); position: relative; } .j109-ev-charger .j109-ev-charger-tabs__tab--active { background: #F6F6F6; } .j109-ev-charger .j109-ev-charger__table--cancel-wrapper { position: relative; width: 0; display: block; top: 6px; left: 6px; } .j109-ev-charger .m23-table__content-table-cell, .j109-ev-charger .m23-table__content-table-cell--header { padding: 10px 8px; } .j109-ev-charger .j109-ev-charger__reference-error, .j109-ev-charger .j109-ev-charger__reference-limit, .j109-ev-charger .j109-ev-charger__email-error { text-align: left; color: #B00020; display: none; } .j109-ev-charger .j109-ev-charger__reference-error { margin-bottom: 24px; } .j109-ev-charger .j109-ev-charger__reference-error--active, .j109-ev-charger .j109-ev-charger__reference-limit--active, .j109-ev-charger .j109-ev-charger__email-error--active { display: block; } .j109-ev-charger .j109-ev-charger__table--cancel { cursor: pointer; } .j109-ev-charger .j109-ev-charger__table--active { display: table; } .j109-ev-charger .j109-ev-charger--profile__wrapper { width: fit-content; padding: 12px; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } .j109-ev-charger .j109-ev-charger--profile__wrapper h4 { color: #007560; } .j109-ev-charger .form-field__label-optional { display: none; } .j109-ev-charger .j109-ev-charger__datepicker--inactive { display: none; } .j109-ev-charger .j109-ev-charger__datepicker--active { display: block; margin-bottom: 64px; } .j109-ev-charger .j109-ev-charger__logic--check { padding: 8px 16px; width: 30%; margin: 0 auto; border: 2px solid #ddd; text-align: center; margin-bottom: 4px; } .j109-ev-charger .j109-ev-charger__logic--check-active:before { font-size: 2em; color: #38a934; display: block; position: relative; top: -24px; right: 60px; width: 0; height: 0; } .j109-ev-charger .j109-ev-charger__status--rejected { color: #B00020; font-weight: 600; } .j109-ev-charger .j109-ev-charger__status--rejected:before { color: #6D6E71; } .j109-ev-charger .j109-ev-charger__status--approved { color: #007560; font-weight: 600; } .j109-ev-charger .j109-ev-charger__status--approved:before { color: #6D6E71; } .j109-ev-charger .j109-ev-charger__status--evaluation { font-weight: 600; } .j109-ev-charger .mb24 { margin-bottom: 24px; } .j109-ev-charger .j109-ev-charger__mprofile--query { font-weight: 300; } .j109-ev-charger .language-switch .j109-ev-charger--delete, .j109-ev-charger .language-switch .j109-ev-charger--delete-all { display: none; } .j109-ev-charger .language-switch .m39-modal__dialog .grid__row, .j109-ev-charger .language-switch .m39-modal__dialog .grid__row--tight, .j109-ev-charger .language-switch .m39-modal__dialog .form-introduction { margin-bottom: 16px; } .j109-ev-charger .language-switch .m39-modal__header { background: #007560; padding: 5px !important; min-height: 0 !important; } .j109-ev-charger .language-switch .m39-modal__title { text-align: center; color: white; } .j109-ev-charger .language-switch .m39-modal__dialog { max-height: 200px; max-width: 400px; } .j109-ev-charger .language-switch .terms .m39-modal__dialog { position: absolute; top: 5%; bottom: 5%; left: 5%; margin: auto; width: 90%; max-height: 90%; } .j109-ev-charger .language-switch .m39-modal__content { text-align: center; margin-top: 3%; height: 100%; } .j109-ev-charger .language-switch .m39-modal__content p { font-weight: normal; } .j109-ev-charger .language-switch .m39-modal__trigger { color: black; cursor: pointer; } @media screen and (max-width: 599px) { .j109-ev-charger .language-switch .m39-modal__content { margin-top: 2%; } .j109-ev-charger .language-switch .j109-ev-charger__show-contact { float: none; } .j109-ev-charger .language-switch .m23-table__content-table { margin-top: 0px; } } @media screen and (max-width: 1024px) { .j109-ev-charger .language-switch .m39-modal__content { margin-top: 3%; } .j109-ev-charger .language-switch .m39-modal__dialog { max-height: 200px; max-width: 400px; } .j109-ev-charger .language-switch .m39-modal__title { font-size: 0.85em; } } @media screen and (min-width: 600px) { .j109-ev-charger .language-switch .j109-ev-charger__table--cancel-wrapper { position: relative; width: 0; display: block; top: 2px; left: -30px; } } .j109-ev-charger-radiobuttons .form-field__radio, .j109-ev-charger-radiobuttons .field-content--radio { text-align: left; } .form-field + .onlyIndividual, .field-border + .onlyIndividual { margin-top: 24px; } @media screen and (max-width: 599px) { .j109-ev-charger .m23-table__content-table-cell { padding-left: 50% !important; } .j109-ev-charger .m23-table__content-table-cell:before { width: 34%; } .j109-ev-charger-radiobuttons { text-align: left; } } @media screen and (min-width: 1025px) { .j109-ev-charger-radiobuttons { text-align: initial; } .j109-ev-charger-radiobuttons .form-field__radio, .j109-ev-charger-radiobuttons .field-content--radio { display: inline-block; width: 32.5%; } .j109-ev-charger-radiobuttons .form-field__fakeradio { padding: 0; position: relative; padding-left: 32px; } .j109-ev-charger__platetable .m23-table__content-table-header { display: table-row-group !important; background: #066e30; font-weight: 600; } .j109-ev-charger__platetable .m23-table__content-table-header .m23-table__content-table-row { color: white !important; } .j109-ev-charger__platetable .m23-table__content-table-header .m23-table__content-table-row .m23-table__content-platetable-cell--header { padding: 15px 10px; } .add-plate-wrapper { position: absolute; top: 26px; margin: 0 !important; right: 0; } .add-plate-btn { margin-left: 100%; padding-left: 20px; font-weight: bold; } } /*for j102*/ .j109-ev-charger .language-switch .m39-modal__dialog { max-height: 170px; } .j109-ev-charger .language-switch .m39-modal__dialog .grid__row, .j109-ev-charger .language-switch .m39-modal__dialog .grid__row--tight, .j109-ev-charger .language-switch .m39-modal__dialog .form-introduction { margin-bottom: 16px; } .j109-ev-charger .language-switch .m39-modal__header { background: #007560; padding: 5px !important; min-height: 0 !important; } .j109-ev-charger .language-switch .m39-modal__title { text-align: center; color: white; } .j109-ev-charger .language-switch .m39-modal__dialog { max-height: 200px; max-width: 400px; } .j109-ev-charger .language-switch .terms .m39-modal__dialog { position: absolute; top: 5%; bottom: 5%; left: 5%; margin: auto; width: 90%; max-height: 90%; } .j109-ev-charger .language-switch .m39-modal__content { text-align: center; margin-top: 3%; height: 100%; } .j109-ev-charger .language-switch .m39-modal__content p { font-weight: normal; } .j109-ev-charger .language-switch .m39-modal__trigger { color: black; cursor: pointer; } @media screen and (max-width: 599px) { .j109-ev-charger .language-switch .m39-modal__content { margin-top: 2%; } } @media screen and (max-width: 1024px) { .j109-ev-charger .language-switch .m39-modal__content { margin-top: 3%; } .j109-ev-charger .language-switch .m39-modal__dialog { max-height: 200px; max-width: 400px; } .j109-ev-charger .language-switch .m39-modal__title { font-size: 0.85em; } } .m69-helpsupport--wrapper { background-color: #007560; padding: 24px 36px; border-radius: 10px; overflow: hidden; } .m69-helpsupport--wrapper img { float: left; } .m69-helpsupport--intro { float: left; padding-left: 20px; width: 53%; margin-top: 12px; } .m69-helpsupport--intro-ideas { color: white; font-weight: bold; margin-bottom: 10px; } .m69-helpsupport--intro-esuggest { color: #7FC79F; } .m69-helpsupport--submit--wrapper { float: right; margin-top: 12px; } .m69-helpsupport--submit--button { background: white; color: #00942A; } .m69-helpsupport { background-color: white; content: ""; } @media screen and (max-width: 599px) { .m69-helpsupport--wrapper { margin: unset; border-radius: 0px; } .m69-helpsupport--intro { float: unset; width: unset; margin-bottom: 12px; padding-left: 72px; } .m69-helpsupport--submit--wrapper { float: unset; padding-left: 54px; } } @media screen and (min-width: 600px) { .m69-helpsupport--wrapper { margin: unset; border-radius: 0px; } } @media screen and (min-width: 1025px) { .m69-helpsupport { padding: 0 0 24px; } .m69-helpsupport--wrapper { margin: 12px 2.5%; border-radius: 10px; } } /* globalmodule */ .m70-status-tracker + * { margin-top: 36px; } .m70-wu-key { font-weight: 600 !important; color: #aaaaaa; } .m70-wu-value { font-weight: 600; margin-bottom: 0px !important; } .m70-wu-pair { margin-bottom: 24px; } .m70-status-tracker__progressbar { width: 0; display: table; width: 100%; padding: 4px; padding-top: 16px; } .m70-status-tracker__step-aesth { border-top: 5px solid #DBDBDB; } .m70-status-tracker__step-aesth:before { color: white; background: #DBDBDB; border-radius: 50%; position: absolute; top: 4px; } .m70-status-tracker__step-wrapper { display: inline-block; } .m70-status-tracker__step-wrapper:last-child .m70-status-tracker__step-aesth { border: none !important; } .m70-status-tracker__step-text { position: relative; text-align: center; top: -10px; margin: 0 auto; width: 95px; right: 42%; text-transform: uppercase; font-weight: 600; color: #9b9b9b; display: table; } .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-aesth { border-top: 5px solid #007560; } .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-aesth:before { background: #007560; } .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-text { color: #007560; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-aesth { border-top: 5px solid #E10E49; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-aesth:before { background: #E10E49; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-text { color: #E10E49; } .m70-status-tracker__step-wrapper--active:last-child .m70-status-tracker__step-aesth { border-top: 5px solid #DBDBDB; } .m70-status-tracker__step-wrapper--error:last-child .m70-status-tracker__step-aesth { border-top: 5px solid #DBDBDB; } .m70-status-tracker--item_icon { line-height: 1; } .m70-status-tracker-vertical { padding: 8px 16px; text-align: left; } .m70-status-tracker-vertical .m70-status-tracker--item { border-left: solid 2px #939598; padding-left: 12px; padding-bottom: 24px; } .m70-status-tracker-vertical .m70-status-tracker--item.m70-status-tracker--dashed { border-left: dashed 2px #939598; } .m70-status-tracker-vertical .m70-status-tracker--item.m70-status-tracker--green { border-color: #007560; } .m70-status-tracker-vertical .m70-status-tracker--item.m70-status-tracker--red { border-color: #B00020; } .m70-status-tracker-vertical .m70-status-tracker--item.m70-status-tracker--orange { border-color: #FFBB54; } .m70-status-tracker-vertical .m70-status-tracker--item:last-child { border-color: transparent; } .m70-status-tracker-vertical .m70-status-tracker--item_inner { position: relative; top: -8px; } .m70-status-tracker-vertical .m70-status-tracker--item_title { position: relative; } .m70-status-tracker-vertical .m70-status-tracker--item_icon { position: absolute; top: calc((100% - 34px) / 2); left: -28.25px; } .m70-status-tracker-vertical .m70-status-tracker--item_icon.m70-status-tracker--item_icon_glow:after { width: 5px; height: 5px; content: " "; position: absolute; background: #007560; border-radius: 50%; left: calc((100% - 6px) / 2); top: calc((100% - 11px) / 2); animation-name: orb_animation; animation-duration: 2s; animation-delay: 0s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .m70-status-tracker-vertical .m70-status-tracker--item_desc { color: #939598; } .m70-status-tracker-vertical .m70-status-tracker--item_links { margin-top: 4px; } .m70-status-tracker-vertical .m70-status-tracker--item_links .link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m111-cs--content_headinglink, .m70-status-tracker-vertical .m70-status-tracker--item_links .form-links__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .links-list__link { font-weight: 300; } .m70-status-tracker-vertical .m70-status-tracker--item_links .link + .link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m111-cs--content_headinglink + .link, .m70-status-tracker-vertical .m70-status-tracker--item_links .link + .m111-cs--content_headinglink, .m70-status-tracker-vertical .m70-status-tracker--item_links .m111-cs--content_headinglink + .m111-cs--content_headinglink, .m70-status-tracker-vertical .m70-status-tracker--item_links .form-links__link + .link, .m70-status-tracker-vertical .m70-status-tracker--item_links .form-links__link + .m111-cs--content_headinglink, .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + .link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + .link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + .m111-cs--content_headinglink, .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + .m111-cs--content_headinglink, .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .link, .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .link, .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .m111-cs--content_headinglink, .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .m111-cs--content_headinglink, .m70-status-tracker-vertical .m70-status-tracker--item_links .links-list__link + .link, .m70-status-tracker-vertical .m70-status-tracker--item_links .links-list__link + .m111-cs--content_headinglink, .m70-status-tracker-vertical .m70-status-tracker--item_links .link + .form-links__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m111-cs--content_headinglink + .form-links__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .form-links__link + .form-links__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + .form-links__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + .form-links__link, .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .form-links__link, .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .form-links__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .links-list__link + .form-links__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext .link + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content .link + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext .m111-cs--content_headinglink + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content .m111-cs--content_headinglink + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links .link + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links .link + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links .m111-cs--content_headinglink + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links .m111-cs--content_headinglink + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext .form-links__link + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content .form-links__link + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links .form-links__link + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links .form-links__link + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext .links-list__link + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content .links-list__link + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links .links-list__link + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links .links-list__link + a:not(.button):not(.button--centered), .m70-status-tracker-vertical .m70-status-tracker--item_links .link + .links-list__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m111-cs--content_headinglink + .links-list__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .form-links__link + .links-list__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + .links-list__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + .links-list__link, .m14-richtext .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .links-list__link, .m125-teaser--content .m70-status-tracker-vertical .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .links-list__link, .m70-status-tracker-vertical .m70-status-tracker--item_links .links-list__link + .links-list__link { margin-left: 8px; } .m70-status-tracker-vertical-title { font-size: 1.5em !important; margin: 0px 0px 24px !important; position: relative !important; } .m70-status-tracker-vertical-title.rejected { padding-left: 36px; } .m70-status-tracker-vertical-title.rejected:before { font-family: iconfont; color: white; background: #E10E49; border-radius: 50%; width: 30px; height: 30px; position: absolute; line-height: 30px; text-align: center; font-weight: bold; top: calc((100% - 30px) / 2); left: 0; } .m70-status-tracker-new { padding: 12px 16px; text-align: left; white-space: nowrap; overflow: auto; } .m70-status-tracker-new .m70-status-tracker--item { border-top: solid 2px #939598; padding-left: 12px; padding-bottom: 24px; display: inline-grid; white-space: normal; min-width: 10%; } .m70-status-tracker-new .m70-status-tracker--item.m70-status-tracker--dashed { border-top: dashed 2px #939598; } .m70-status-tracker-new .m70-status-tracker--item.m70-status-tracker--green { border-color: #007560; } .m70-status-tracker-new .m70-status-tracker--item.m70-status-tracker--red { border-color: #B00020; } .m70-status-tracker-new .m70-status-tracker--item.m70-status-tracker--orange { border-color: #FFBB54; } .m70-status-tracker-new .m70-status-tracker--item:last-child { border-color: transparent; } .m70-status-tracker-new .m70-status-tracker--item_inner { position: relative; top: 12px; left: -12px; padding-right: 16px; } .m70-status-tracker-new .m70-status-tracker--item_title { position: relative; margin-bottom: 8px; } .m70-status-tracker-new .m70-status-tracker--item_icon { position: absolute; top: -28px; left: -14.25px; } .m70-status-tracker-new .m70-status-tracker--item_icon.m70-status-tracker--item_icon_glow:after { width: 5px; height: 5px; content: " "; position: absolute; background: #007560; border-radius: 50%; left: calc((100% - 6px) / 2); top: calc((100% - 11px) / 2); animation-name: orb_animation; animation-duration: 2s; animation-delay: 0s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .m70-status-tracker-new .m70-status-tracker--item_desc { color: #939598; } .m70-status-tracker-verticalnew { overflow: visible; padding: 8px 16px; text-align: left; } .m70-status-tracker-verticalnew .m70-status-tracker--item { border-left: solid 2px #007560; padding-left: 32px; padding-bottom: 32px; } .m70-status-tracker-verticalnew .m70-status-tracker--item.m70-status-tracker--dashed { border-left: dashed 2px #007560; } .m70-status-tracker-verticalnew .m70-status-tracker--item.m70-status-tracker--green { border-color: #007560; } .m70-status-tracker-verticalnew .m70-status-tracker--item.m70-status-tracker--red { border-color: #B00020; } .m70-status-tracker-verticalnew .m70-status-tracker--item.m70-status-tracker--orange { border-color: #D78100; } .m70-status-tracker-verticalnew .m70-status-tracker--item:last-child { border-color: transparent; padding-bottom: 0; } .m70-status-tracker-verticalnew .m70-status-tracker--item_inner { position: relative; } .m70-status-tracker-verticalnew .m70-status-tracker--item_title { position: relative; font-weight: bold; color: #344054; } .m70-status-tracker-verticalnew .m70-status-tracker--item_title.warning { color: #A06308; } .m70-status-tracker-verticalnew .m70-status-tracker--item_title.warning + .m70-status-tracker--item_desc { color: #A06308; } .m70-status-tracker-verticalnew .m70-status-tracker--item_icon { position: absolute; top: calc((100% - 28px) / 2); left: -49.25px; } .m70-status-tracker-verticalnew .m70-status-tracker--item_icon:before { color: white; background-color: #007560; border-radius: 50%; font-size: 32px; position: relative; z-index: 2; } .m70-status-tracker-verticalnew .m70-status-tracker--item_icon.m70-status-tracker--item_icon_glow:after { width: 40px; height: 40px; content: " "; position: absolute; background: #707E7C; border-radius: 50%; left: calc((100% - 40px) / 2); top: calc((100% - 44px) / 2); opacity: 0.2; } .m70-status-tracker-verticalnew .m70-status-tracker--item_icon.m70-status-tracker--item_rejected:before { background-color: #B00020; } .m70-status-tracker-verticalnew .m70-status-tracker--item_icon.m70-status-tracker--item_warn::before { background-color: #D78100; } .m70-status-tracker-verticalnew .m70-status-tracker--item_desc { color: #475467; margin-top: 4px; } .m70-status-tracker-verticalnew .m70-status-tracker--item_links { margin-top: 4px; } .m70-status-tracker-verticalnew .m70-status-tracker--item_links .link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m111-cs--content_headinglink, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .form-links__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .links-list__link { font-weight: 300; } .m70-status-tracker-verticalnew .m70-status-tracker--item_links .link + .link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m111-cs--content_headinglink + .link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .link + .m111-cs--content_headinglink, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m111-cs--content_headinglink + .m111-cs--content_headinglink, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .form-links__link + .link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .form-links__link + .m111-cs--content_headinglink, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + .link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + .link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + .m111-cs--content_headinglink, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + .m111-cs--content_headinglink, .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .link, .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .link, .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .m111-cs--content_headinglink, .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .m111-cs--content_headinglink, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .links-list__link + .link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .links-list__link + .m111-cs--content_headinglink, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .link + .form-links__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m111-cs--content_headinglink + .form-links__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .form-links__link + .form-links__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + .form-links__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + .form-links__link, .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .form-links__link, .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .form-links__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .links-list__link + .form-links__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext .link + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content .link + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext .m111-cs--content_headinglink + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content .m111-cs--content_headinglink + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links .link + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links .link + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m111-cs--content_headinglink + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m111-cs--content_headinglink + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext .form-links__link + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content .form-links__link + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links .form-links__link + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links .form-links__link + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext .links-list__link + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content .links-list__link + a:not(.button):not(.button--centered), .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links .links-list__link + a:not(.button):not(.button--centered), .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links .links-list__link + a:not(.button):not(.button--centered), .m70-status-tracker-verticalnew .m70-status-tracker--item_links .link + .links-list__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m111-cs--content_headinglink + .links-list__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .form-links__link + .links-list__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m14-richtext a:not(.button):not(.button--centered) + .links-list__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .m125-teaser--content a:not(.button):not(.button--centered) + .links-list__link, .m14-richtext .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .links-list__link, .m125-teaser--content .m70-status-tracker-verticalnew .m70-status-tracker--item_links a:not(.button):not(.button--centered) + .links-list__link, .m70-status-tracker-verticalnew .m70-status-tracker--item_links .links-list__link + .links-list__link { margin-left: 8px; } .m70-status-cs--sectiontrack { padding: 20px 24px; border: solid 1px #BCBEC0; border-radius: 10px; } .m70-status-cs--sectiontrack .m70-status-tracker + * { margin-top: 24px; } .m70-status-cs--sectiontrack + .m70-status-cs--sectiontrack { margin-top: 24px; } .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle { position: absolute; right: -12px; color: #6F6F6F; top: -12px; } .m70-status-cs--sectiontrack .m70-status-cs--sectiontrack-toggle:before { content: "\e605"; cursor: pointer; font-family: "iconfont"; } .m70-status-cs--sectiontrack.closed .m70-status-tracker, .m70-status-cs--sectiontrack.closed .m70-status-cs--sectiontrack-footnote, .m70-status-cs--sectiontrack.closed .m70-status-cs--sectiontrack-action { display: none; } .m70-status-cs--sectiontrack.closed .m70-status-cs--sectiontrack-toggle:before { content: "\e604"; } .m70-status-cs--sectiontrack-heading { display: flex; align-items: flex-start; justify-content: flex-start; position: relative; padding-right: 32px; } .m70-status-cs--sectiontrack-heading + * { margin-top: 24px; } .m70-status-cs--sectiontrack-icon { position: relative; border: solid 1px #6F6F6F; border-radius: 50%; height: 32px; width: 32px; min-width: 32px; text-align: center; color: #007560; } .m70-status-cs--sectiontrack-icon:before { font-size: 28px; position: absolute; top: calc((100% - 30px) / 2); left: calc((100% - 28px) / 2); } .m70-status-cs--sectiontrack-icon + .m70-status-cs--sectiontrack-headingdetails { margin-left: 12px; } .m70-status-cs--sectiontrack-headingdetails + .m70-status-cs--sectiontrack-headingstatus { margin-left: 12px; } .m70-status-cs--sectiontrack-headingtitle { font-weight: bold; line-height: 24px; } .m70-status-cs--sectiontrack-headingsubtitle { color: #6F6F6F; margin-bottom: 4px; } .m70-status-cs--sectiontrack-headingstatus { background-color: #222222; color: white; font-weight: 300; padding: 4px 8px; border-radius: 5px; } .m70-status-cs--sectiontrack-headingstatus.closed { background-color: #007560; } .m70-status-cs--sectiontrack-headingstatus.rejected { background-color: #B00020; } .m70-status-cs--sectiontrack-headingstatus.returned { background-color: #D78100; } .m70-status-cs--sectiontrack-footnote { background-color: #F1F2F2; padding: 12px 16px; border-radius: 10px; font-weight: 300; display: flex; line-height: 1.5em; align-items: flex-start; } .m70-status-cs--sectiontrack-footnote:before { position: relative; top: 4px; } .m70-status-cs--sectiontrack-footnote + * { margin-top: 24px; } .m70-status-cs--sectiontrack-footnote-icon { display: flex; align-items: center; margin-top: 3px; } .m70-status-cs--sectiontrack-footnote-icon svg { width: 18px; height: 18px; fill: #222222; } .m70-status-cs--sectiontrack-footnotetext { margin: 0px 8px; } .m70-status-cs--sectiontrack-action { text-align: right; } @media screen and (max-width: 1024px) { .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-aesth { border-top: 5px solid #007560; } .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-aesth:before { background: #007560; } .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-text { color: #007560; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-aesth { border-top: 5px solid #E10E49; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-aesth:before { background: #E10E49; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-text { color: #E10E49; } .m70-status-tracker__step-aesth { border-top: 5px solid #DBDBDB; } .m70-status-tracker__step-aesth:before { color: white; background: #DBDBDB; border-radius: 50%; position: relative; top: -19px; left: -4px; } .m70-status-tracker__step-wrapper { width: 100px !important; } .m70-status-tracker__progressbar { padding-left: 32px !important; width: max-content; } .m70-status-tracker { overflow: scroll; } .m70-status-tracker-new { padding: 8px 16px; } .m70-status-tracker-new .m70-status-tracker--item { border-top: none; display: block; min-width: 0; border-left: solid 2px #939598; padding-left: 12px; padding-bottom: 24px; } .m70-status-tracker-new .m70-status-tracker--item.m70-status-tracker--dashed { border-top: none; border-left: dashed 2px #939598; } .m70-status-tracker-new .m70-status-tracker--item.m70-status-tracker--green { border-color: #007560; } .m70-status-tracker-new .m70-status-tracker--item.m70-status-tracker--red { border-color: #B00020; } .m70-status-tracker-new .m70-status-tracker--item.m70-status-tracker--orange { border-color: #FFBB54; } .m70-status-tracker-new .m70-status-tracker--item:last-child { border-color: transparent; } .m70-status-tracker-new .m70-status-tracker--item_inner { position: relative; top: -8px; left: auto; right: auto; padding: 0; } .m70-status-tracker-new .m70-status-tracker--item_icon { position: absolute; top: calc((100% - 34px) / 2); left: -28.25px; } } @media screen and (min-width: 1025px) { .m70-status-tracker { overflow: auto; } .m70-status-tracker-verticalnew { overflow: visible; } .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-aesth { border-top: 5px solid #007560; } .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-aesth:before { background: #007560; } .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-text { color: #007560; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-aesth { border-top: 5px solid #E10E49; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-aesth:before { background: #E10E49; } .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-text { color: #E10E49; } .m70-status-tracker__step-aesth { border-top: 5px solid #DBDBDB; } .m70-status-tracker__step-aesth:before { color: white; background: #DBDBDB; border-radius: 50%; position: relative; top: -19px; left: -4px; } } @keyframes orb_animation { from { transform: scale(1); } to { transform: scale(5); opacity: 0; } } /* for accessibility */ .invert .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-aesth, .invert .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-aesth { border-top: 5px solid #000000 !important; } .invert .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-aesth:before, .invert .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-aesth:before { background: #000 !important; } .invert .m70-status-tracker__step-wrapper--active .m70-status-tracker__step-text, .invert .m70-status-tracker__step-wrapper--error .m70-status-tracker__step-text { color: #222222 !important; } /* homemodule */ .m71-cookie--outer { background-color: #333333; font-family: "DUBAI-REGULAR", serif; font-weight: 400; position: fixed; width: 100%; z-index: 950; } .m71-cookie-announcement .m71-cookie--outer { background-color: #ffd4d4; font-family: "DUBAI-REGULAR", serif; font-weight: 400; position: fixed; width: 100%; z-index: 950; } @media screen and (max-width: 599px) { .m71-cookie-announcement .m71-cookie--inner { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m71-cookie-announcement .m71-cookie--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m71-cookie-announcement .m71-cookie--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } .m71-cookie-announcement .m71-cookie--inner { margin: 0 auto; padding: 12px; } @media screen and (max-width: 599px) { .m71-cookie-announcement .m71-cookie--inner { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m71-cookie-announcement .m71-cookie--inner { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m71-cookie-announcement .m71-cookie--inner { padding-left: 32px; padding-right: 32px; } } .m71-cookie-announcement .m71-cookie--inner { color: #c70808; text-align: center; } .m71-cookie-announcement .m71-cookie--inner p { display: inline; margin-right: 12px; } .m71-cookie-announcement .m71-cookie--inner a { text-decoration: underline; color: white; } @media screen and (max-width: 599px) { .m71-cookie--inner { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m71-cookie--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m71-cookie--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } .m71-cookie--inner { margin: 0 auto; padding: 12px; } @media screen and (max-width: 599px) { .m71-cookie--inner { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m71-cookie--inner { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m71-cookie--inner { padding-left: 32px; padding-right: 32px; } } .m71-cookie--inner { color: white; text-align: center; } .m71-cookie--inner p { display: inline; margin-right: 12px; } .m71-cookie--inner a { text-decoration: underline; color: white; } .m71-cookie { display: none; height: 0px; transition: height 0.75s linear; } @media screen and (max-width: 599px) { .m71-cookie--inner { width: auto; } .m71-cookie--inner p { display: block; padding: 8px 24px 0px; margin-bottom: 12px; } } @media screen and (min-width: 600px) { .m71-cookie--inner p { display: block; padding: 0px 32px; margin-bottom: 12px; } } @media screen and (min-width: 1025px) { .m71-cookie--inner p { display: inline; margin-right: 12px; padding: 0px; margin-bottom: 0px; } } .form-field + .m72-add-form, .field-border + .m72-add-form { margin-top: 24px; } .m72-add-form--subtract { display: inline-flex; padding: 2px 10px; border: solid 1px #bcbec0; border-radius: 5px; font-weight: 600; color: #bcbec0; cursor: pointer; line-height: 1; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .m72-add-form--add { display: inline-flex; padding: 2px 8px; border: solid 1px #bcbec0; border-radius: 5px; font-weight: 600; color: #bcbec0; cursor: pointer; line-height: 1; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .m72-add-form--quantity_wrapper { display: inline-flex; position: relative; top: -3px; } .m72-add-form--quantity_wrapper .m72-add-form--quantity_input { padding: 4px 8px; width: 64px; color: #5d5d5d; border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .m72-add-form--quantity_wrapper .m72-add-form--quantity_input:focus, .m72-add-form--quantity_wrapper .m72-add-form--quantity_input:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .m72-add-form--quantity_wrapper .m72-add-form--quantity_input.form-field__input-wrapper--error, .m72-add-form--quantity_wrapper .m72-add-form--quantity_input.field-content--error { border-color: #B00020; } .m72-add-form--footnote { display: inline-flex; position: relative; top: -4px; color: #5d5d5d; } .m72-add-form--total { display: inline-block; float: right; padding-top: 8px; font-weight: 600; color: #424242; } .m72-add-form--select_wrapper { width: 79%; max-width: calc(100% - 82px); display: inline-block; max-height: 40px; } .m72-add-form--add_item { display: inline-block; width: 17%; min-width: 72px; margin-left: 4px; padding: 14px 8px; background-color: #007560; color: white; border-radius: 5px; text-align: center; position: relative; top: 2px; cursor: pointer; line-height: 14px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .m72-add-form--add_item:disabled { opacity: 0.75; cursor: default; } .m72-add-form--add_item span { line-height: 14px; } .m72-add-form--select_input { padding: 10px 12px; border-radius: 4px; color: #222222; margin-bottom: 8px; } select.m72-add-form--select_input { padding: 5px 12px 8px; padding-right: 44px; } .m72-add-form--remove_item { display: inline-block; width: 17%; min-width: 72px; margin-left: 4px; padding: 10px 0px; color: #9c9c9c; border: solid 1px; border-radius: 5px; text-align: center; position: relative; top: 1px; cursor: pointer; line-height: 14px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .m72-add-form--new_selection { margin-top: 24px; } .m72-add-form--new_selection:last-child { margin-bottom: 24px; } .m72-add-form + .form-field, .m72-add-form + .field-border { margin-top: 24px; } /* for accessibility */ .invert .m72-add-form--add_item { background-color: #000; border: 1px solid; } #university_grades .form-field__button, #university_grades .form-submit-border { text-align: left; margin-top: 0px; } #university_grades .form-field__button .button, #university_grades .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #university_grades .form-field__button a, #university_grades .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #university_grades .form-field__button a, #university_grades .form-submit-border .button, #university_grades .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #university_grades .form-submit-border a, #university_grades .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #university_grades .form-submit-border a, #university_grades .form-field__button .button--centered, #university_grades .form-submit-border .button--centered, #university_grades .form-field__button .form-submit, #university_grades .form-submit-border .form-submit { color: #008542; } .m73-form-trigger-expand { width: 100%; } .m73-form-trigger-expand-open { width: 79%; } .m73-form-content-expand { display: none; } .m73-form-content-expand-open { display: block; position: relative; } .form_button_disable { pointer-events: none; cursor: default; opacity: 0.5; } #university_grades .form-field__button, #university_grades .form-submit-border { text-align: left; margin-top: 0px; } #university_grades .form-field__button .button, #university_grades .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #university_grades .form-field__button a, #university_grades .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #university_grades .form-field__button a, #university_grades .form-submit-border .button, #university_grades .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #university_grades .form-submit-border a, #university_grades .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #university_grades .form-submit-border a, #university_grades .form-field__button .button--centered, #university_grades .form-submit-border .button--centered, #university_grades .form-field__button .form-submit, #university_grades .form-submit-border .form-submit { color: #008542; } .m73-form-trigger-expand { width: 100%; } .m73-form-trigger-expand-open { width: 79%; } .m73-form-content-expand { display: none; } .m73-form-content-expand-open { display: block; position: relative; } .form_button_disable { pointer-events: none; cursor: default; opacity: 0.5; } /* dewamodule */ /* careermodule */ .form--data-table-row { position: relative; margin-top: 30px; } .form--data-table-row.disabled-row { display: none; } .form--data-table-row .form--data-table-tab { display: block; position: relative; background: white; } .form--data-table-row .form--data-table-tab:after { position: absolute; right: 10px; left: auto; top: -1px; z-index: 0; font-family: iconfont; font-size: 30px; content: "\e604"; color: #BCBEC0; } .form--data-table-row .tab-title { line-height: normal; border: 1px solid #BCBEC0; border-radius: 4px; color: #222222; margin-bottom: 8px; padding: 5px 12px 8px; padding-right: 44px; } .form--data-table-row .tab-large { display: inline-block; } .form--data-table-row .form--data-table-buttons { width: 17%; top: -70px; right: 0px; position: absolute; display: inline-block; } .form--data-table-row .form--data-table-buttons .form-field--add_button:nth-child(2) { margin-top: 10px; } .form--data-table-row .form--data-table-buttons .form-field--add_button { width: 100%; position: static; border: 1px solid #BCBEC0; background: white; color: #222222; margin-top: 0px; } .form--data-table-row .form--data-table-buttons .remove { color: #B00020; border: 1px solid #B00020; } .form--data-table-row .form--data-table-content .form-data-table__value { margin-top: 8px; padding: 0px 20px; display: block; color: #222222; } .form--data-table-row .form--data-table-content .form-data-table__label { padding: 0px 20px; display: block; margin-top: 20px; color: #424242; } .form--data-table-row .form--data-table-content .column-2 { width: 50%; display: inline-block; float: left; } .form--data-table-row .form--data-table-content .column-2 + .column-2 { float: none; } /* globalmodule */ @-webkit-keyframes slide { 0% { transform: translate(0px, 100px); } 100% { transform: translate(0px, 0px); } } @-moz-keyframes slide { 0% { transform: translate(0px, 100px); } 100% { transform: translate(0px, 0px); } } @-o-keyframes slide { 0% { transform: translate(0px, 100px); } 100% { transform: translate(0px, 0px); } } @keyframes slide { 0% { transform: translate(0px, 100px); } 100% { transform: translate(0px, 0px); } } @-webkit-keyframes scale { 0% { transform: scale(1); } 50% { transform: scale(2); } 100% { transform: scale(1); } } @-moz-keyframes scale { 0% { transform: scale(1); } 50% { transform: scale(2); } 100% { transform: scale(1); } } @-o-keyframes scale { 0% { transform: scale(1); } 50% { transform: scale(2); } 100% { transform: scale(1); } } @keyframes scale { 0% { transform: scale(1); } 50% { transform: scale(2); } 100% { transform: scale(1); } } .j120-smart-response .m39-modal__button--close { color: white; } .j120-smart-response .box--7 { overflow: auto; position: relative; width: 100%; } .j120-smart-response .m39-modal__button--close { padding-right: 28px; padding-left: 11px; right: 6px; left: auto; } .j120-smart-response .m39-modal__button--close:before { right: 4px; left: auto; } .j120-smart-response .m29v4-chart .m29v4-chart--header { position: relative; text-align: left; height: auto; } .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title { position: static; text-align: left; } .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--type { position: relative; top: 0px; left: 35px; display: block; height: 35px; } .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--type .icon-new-arrow-right { transform: rotate(-90deg); display: inline-block; background: #B00020; border-radius: 50%; height: 25px; width: 25px; line-height: normal; color: white; position: absolute; left: -35px; top: -5px; } .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--type .icon-new-arrow-right:before { font-size: 24px; line-height: 24px; } .j120-smart-response .m28-gauge .m28-gauge--header_title { width: auto; text-align: left; } .j120-smart-response .m28-gauge .m28-gauge--header { position: relative; width: 100%; } .j120-smart-response .m28-gauge .m28-gauge--header span { display: block; text-align: left; } .j120-smart-response .m28-gauge .m28-gauge--details { top: calc((100% - 120px) / 2); } .j120-smart-response .m28-gauge .m28-gauge--details:before { font-size: 80px; left: calc((100% - 80px) / 2); top: 75px; } .j120-smart-response .m28-gauge .m28-gauge--details .m28-gauge--details-unit { line-height: 1; font-weight: 600; margin: 0 auto; width: 170px; min-height: auto; } .j120-smart-response .m28-gauge .m28-gauge--outerwrapper { padding: 30px 30px 20px; min-height: 400px; } .j120-smart-response .m28-gauge .m28-gauge--card { height: 300px; } .j120-smart-response .m28-gauge .m28-gauge--container { bottom: calc((100% - 360px) / 2); left: calc((100% - 360px) / 2); } .j120-smart-response .m28-gauge .m28-gauge--container svg { width: 360px; height: 360px; } .j120-smart-response .m28-gauge .m28-gauge--wrapperdata .m28-gauge--wrapper { width: 100% !important; } .j120-smart-response .m28-gauge .m28-gauge--content { height: auto; float: right; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-title { margin-bottom: 20px; text-align: left; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item { width: 50%; float: left; text-align: left; padding: 10px 0px; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span { float: none; font-weight: bold; position: relative; color: #222222; padding-left: 25px; display: block; padding-top: 5px; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span:before { content: ""; width: 15px; position: absolute; left: 0px; height: 15px; top: 3px; display: block; border-radius: 5px; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span.tariff-green:before { background: #168b39; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span.tariff-yellow:before { background: #ffda5b; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span.tariff-orange:before { background: #f5a623; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span.tariff-red:before { background: #B00020; } .j120-smart-response .j120-alert-items .j120-alert-item { border-top: 1px solid #ccc; padding: 15px 0px 20px 30px; } .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title { position: relative; line-height: 45px; font-weight: 600; } .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .icon:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m95-power-outage_card-status:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .button--survey-active:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu__title[class*=icon-]:before, .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu__trigger:before { color: #ccc; font-size: 30px; position: absolute; left: -30px; top: 0px; } .j120-smart-response .j120-alert-items .j120-alert-item:first-child { border-top: none !important; } .j120-smart-response .m89-donut-chart { padding: 30px 30px 20px; min-height: 400px; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart { height: 300px; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels { right: 0px !important; left: 0px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .datalabel { font-size: 16px !important; line-height: 14px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .dataname { font-size: 12px !important; line-height: 12px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .datatime { font-size: 12px !important; line-height: 12px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-0 { left: -10px !important; top: 20px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-0 span { width: 110px !important; text-align: right; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-1 { right: 100px !important; left: auto !important; top: 20px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-1 span { width: 110px !important; text-align: left; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-2 { right: 100px !important; left: auto !important; top: 210px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-2 span { width: 110px !important; text-align: left; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-3 { left: -10px !important; top: 210px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-3 span { width: 110px !important; text-align: right; } .j120-smart-response .m89-donut-chart .m89-donut-chart__title { font-weight: bold; float: left; line-height: 25px; text-align: left; } .j120-smart-response .component-border { border: 1px solid #d4d4d4 !important; border-radius: 10px !important; box-shadow: none !important; } .j120-smart-response .smart-response-title-component { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 30px 30px 20px; width: 100%; margin-bottom: 30px; margin-top: 30px; text-align: left; background: white; } .j120-smart-response .smart-response-title-component h1 { font-weight: bold; margin-top: 20px; margin-bottom: 20px; } .j120-smart-response .smart-response-title-component h1.blue { color: #0B7BC1; } .j120-smart-response .smart-response-title-component h1.red { color: #B00020; } .j120-smart-response .smart-response-title-component p { color: #222222; } .j120-smart-response .smart-response-bottom-component { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 30px 30px 20px; width: 100%; min-height: 360px; margin-bottom: 30px; margin-top: 30px; text-align: left; background: white; } .j120-smart-response .smart-response-bottom-component.set-height { min-height: unset; } .j120-smart-response .smart-response-bottom-component h1 { color: #0B7BC1; font-weight: bold; margin-top: 20px; } .j120-smart-response .smart-response-bottom-component p { color: #222222; } .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; } .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .m8-teaser__image { width: 135px; } .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .m8-teaser__content--image { padding-left: 152px; min-height: 100px; } .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser .teaser__title { color: #222222; font-weight: 600; } .j120-smart-response .smart-response-bottom-component .save-tips .m8-teaser:last-child { border-bottom: none; } .j120-smart-response.j120-smart-response--ltr { direction: ltr; } .j120-smart-response.j120-smart-response--ltr .grid__column, .j120-smart-response.j120-smart-response--ltr .dashboard__account-selector, .j120-smart-response.j120-smart-response--ltr .dashboard__user-widget { float: left; } .j120-smart-response.j120-smart-response--ltr .grid__column .grid__column--6:first-child, .j120-smart-response.j120-smart-response--ltr .dashboard__account-selector .grid__column--6:first-child, .j120-smart-response.j120-smart-response--ltr .dashboard__user-widget .grid__column--6:first-child { padding-left: 0; } .j120-smart-response.j120-smart-response--ltr .grid__column .grid__column--6:last-child, .j120-smart-response.j120-smart-response--ltr .dashboard__account-selector .grid__column--6:last-child, .j120-smart-response.j120-smart-response--ltr .dashboard__user-widget .grid__column--6:last-child { padding-right: 0; } .j120-smart-response.j120-smart-response--ltr .smart-response-title-component { text-align: left; } .j120-smart-response.j120-smart-response--ltr .m89-donut-chart .m89-donut-chart__title { text-align: left; float: left; } .j120-smart-response.j120-smart-response--ltr .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .datatime { display: block !important; direction: ltr; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--header span { right: 0px; left: auto; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--content .m28-gauge--content-title { text-align: left; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item { text-align: left; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span { padding-right: 0px; padding-left: 25px; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span:before { top: 3px; right: auto; left: 0px; } .j120-smart-response.j120-smart-response--ltr .m29v4-chart .m29v4-chart--header { text-align: left; } .j120-smart-response.j120-smart-response--ltr .m29v4-chart .m29v4-chart--header .m29v4-chart--title { text-align: left; } .j120-smart-response.j120-smart-response--ltr .m29v4-chart .m29v4-chart--header .m29v4-chart--type { right: auto; left: 35px; } .j120-smart-response.j120-smart-response--ltr .m29v4-chart .m29v4-chart--header .m29v4-chart--type .icon-new-arrow-right { left: -35px; right: auto; } .j120-smart-response.j120-smart-response--ltr .smart-response-bottom-component { text-align: left; } .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item { padding: 15px 0px 20px 30px; } .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-content .j120-alert-item-date { float: left; } .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-content .j120-alert-item-sent { float: left; } .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .icon:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .m95-power-outage_card-status:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .button--survey-active:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu__title[class*=icon-]:before, .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu__trigger:before { top: 0px; left: -30px; right: auto; } .j120-smart-response.j120-smart-response--ltr .save-tips .m8-teaser .m8-teaser__image { float: left; } .j120-smart-response.j120-smart-response--ltr .save-tips .m8-teaser .m8-teaser__content--image { padding-left: 152px; padding-right: 0px; } .j120-smart-response.j120-smart-response--rtl { direction: rtl; } .j120-smart-response.j120-smart-response--rtl .grid__column, .j120-smart-response.j120-smart-response--rtl .dashboard__account-selector, .j120-smart-response.j120-smart-response--rtl .dashboard__user-widget { float: right; } .j120-smart-response.j120-smart-response--rtl .grid__column .grid__column--6:first-child, .j120-smart-response.j120-smart-response--rtl .dashboard__account-selector .grid__column--6:first-child, .j120-smart-response.j120-smart-response--rtl .dashboard__user-widget .grid__column--6:first-child { padding-right: 0; } .j120-smart-response.j120-smart-response--rtl .grid__column .grid__column--6:last-child, .j120-smart-response.j120-smart-response--rtl .dashboard__account-selector .grid__column--6:last-child, .j120-smart-response.j120-smart-response--rtl .dashboard__user-widget .grid__column--6:last-child { padding-left: 0; } .j120-smart-response.j120-smart-response--rtl .smart-response-title-component { text-align: right; } .j120-smart-response.j120-smart-response--rtl .m89-donut-chart .m89-donut-chart__title { text-align: right; float: right; } .j120-smart-response.j120-smart-response--rtl .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .datatime { display: block !important; direction: rtl; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--header span { left: 0px; right: auto; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--content .m28-gauge--content-title { text-align: right; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item { text-align: right; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span { padding-left: 0px; padding-right: 25px; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span:before { top: 3px; right: 0px; left: auto; } .j120-smart-response.j120-smart-response--rtl .m29v4-chart .m29v4-chart--header { text-align: right; } .j120-smart-response.j120-smart-response--rtl .m29v4-chart .m29v4-chart--header .m29v4-chart--title { text-align: right; } .j120-smart-response.j120-smart-response--rtl .m29v4-chart .m29v4-chart--header .m29v4-chart--type { left: auto; right: 35px; } .j120-smart-response.j120-smart-response--rtl .m29v4-chart .m29v4-chart--header .m29v4-chart--type .icon-new-arrow-right { right: -35px; left: auto; } .j120-smart-response.j120-smart-response--rtl .smart-response-bottom-component { text-align: right; } .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item { padding: 15px 30px 20px 0px; } .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-content .j120-alert-item-date { float: right; } .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-content .j120-alert-item-sent { float: right; } .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .icon:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .m95-power-outage_card-status:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .button--survey-active:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu__title[class*=icon-]:before, .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu__trigger:before { top: 0px; right: -30px; left: auto; } .j120-smart-response.j120-smart-response--rtl .save-tips .m8-teaser .m8-teaser__image { float: right; } .j120-smart-response.j120-smart-response--rtl .save-tips .m8-teaser .m8-teaser__content--image { padding-right: 152px; padding-left: 0px; } .j120-smart-response .m111-smart-response-map { margin-top: 24px; margin-bottom: 14px; } .j120-smart-response .m111-smart-response-map #responsemap { border-radius: 10px; } .modal-message-support .m39-modal__dialog { max-height: 366px !important; max-width: 650px; border-radius: 10px; } .modal-message-support .m39-modal__button--close { color: #222; font-weight: normal; } .modal-message-support .m39-modal__title { font-size: 26px; font-weight: 300; } .modal-message-support .m39-modal__content { bottom: 20px; top: 20px; } .modal-message-support .modal-message-support--button_wrapper { margin-top: 10px; text-align: right; } .communication-modal-txt { color: #6f6f6f; } .j120-smart-response--ltr { direction: ltr; text-align: left; } .j120-smart-response--ltr .m39-modal__button--close { color: white; } .j120-smart-response--ltr .box--7 { overflow: auto; position: relative; width: 100%; } .j120-smart-response--ltr .m39-modal__button--close { padding-right: 28px; padding-left: 11px; right: 6px; left: auto; } .j120-smart-response--ltr .m39-modal__button--close:before { right: 4px; left: auto; } .j120-smart-response--ltr .select2-selection__rendered { padding: 16px 16px 16px 44px !important; } .j120-smart-response--ltr .select2-results__option { text-align: left !important; } .j120-smart-response--ltr .m43-accountsel__selected--dropdown { text-align: left; padding-right: 52px; padding-left: 12px; } .j120-smart-response--ltr .m43-accountsel__selected--dropdown:before { right: 0; left: auto; border-left: 1px solid #BCBEC0; border-right: none; border-radius: 0 4px 4px 0; } .j120-smart-response--ltr .m43-accountsel__selected--dropdown:after { right: -3px; left: auto; transform: translateY(-50%); } .j120-smart-response--ltr .m43-accountsel__image { float: left; } .j120-smart-response--ltr .m43-accountsel__image + .m43-accountsel__header { margin-left: 86px; margin-right: 0px; } .j120-smart-response--ltr .m43-accountsel__account, .j120-smart-response--ltr .m39-modal__title { text-align: left; } .j120-smart-response--ltr .m39-modal--new .m39-modal__title { padding-left: 15px; padding-right: 72px; } .j120-smart-response--ltr .j120-smart-response--infoModal .m39-modal__title { text-align: left !important; } .j120-smart-response--ltr .m49-list-filter--input { padding-right: 94px; padding-left: 15px; } .j120-smart-response--ltr .m49-list-filter--button { right: 0; left: auto; } .j120-smart-response--ltr .form-field__fakeradio:before { left: 0; right: auto; } .j120-smart-response--ltr .form-field__fakeradio--right:before { right: 4px; left: auto; } .j120-smart-response--ltr .form-field__input--otp { padding: 8px 14px !important; text-align: center; } .j120-smart-response--ltr .form-field__input-wrapper:after, .j120-smart-response--ltr .m111-content-scroller--nav_mobile-selectwrapper:after, .j120-smart-response--ltr .j134-media--filter:after, .j120-smart-response--ltr .j100-expander_input:after, .j120-smart-response--ltr .field-content:after { right: 10px; left: auto; } .j120-smart-response--ltr .m42-keyvalue__key { float: left; clear: left; text-align: left; } .j120-smart-response--ltr .m42-keyvalue__value { margin-left: 50%; padding-left: 16px; margin-right: 0; padding-right: 0px; } .j120-smart-response--ltr .m42-keyvalue__key.m42-keyvalue--justified-dt { float: left; text-align: left; } .j120-smart-response--ltr .m42-keyvalue__value.m42-keyvalue--justified-dd { float: right; text-align: right; margin: 8px 0; padding: 0px; } .j120-smart-response--ltr .form-field__input--text, .j120-smart-response--ltr .j134-media--filter-inputsearch, .j120-smart-response--ltr input[type=email], .j120-smart-response--ltr input[type=number], .j120-smart-response--ltr input[type=password], .j120-smart-response--ltr input[type=tel], .j120-smart-response--ltr input[type=text], .j120-smart-response--ltr input[type=url], .j120-smart-response--ltr input[type=color], .j120-smart-response--ltr input[type=date], .j120-smart-response--ltr .field-content textarea, .field-content .j120-smart-response--ltr textarea { padding: 16px; padding-right: 44px; } .j120-smart-response--ltr .j120-smart-response--alert_call { right: 16px; } .j120-smart-response--ltr .j120-smart-response--alert_call:before { left: -6px; } .j120-smart-response--ltr .j120-smart-response--alert_text { display: inline-block; position: relative; padding-left: 32px; } .j120-smart-response--ltr .j120-smart-response--alert_text:before { position: absolute; left: 0; top: -10px; } .j120-smart-response--ltr .j120-smart-response--alert_text.has_call { padding-right: 44px; } .j120-smart-response--ltr .form-field__input--radio, .field-content .j120-smart-response--ltr [type=radio], .j120-smart-response--ltr .field-content [type=radio] { left: -10000px; right: auto; } .j120-smart-response--ltr .form-field__input--datepicker, .j120-smart-response--ltr .field-content--datepicker [type=text], .field-content--datepicker .j120-smart-response--ltr [type=text], .j120-smart-response--ltr .field-content--datepicker [type=date], .field-content--datepicker .j120-smart-response--ltr [type=date] { padding-left: 60px !important; padding-right: 4em; } .j120-smart-response--alert_call { display: inline-block; right: 16px; top: 6px; position: absolute; font-weight: bold; padding: 0; padding-top: 32px; text-transform: uppercase; } .j120-smart-response--alert_call:before { position: absolute; font-size: 48px; top: -12px; left: -6px; } .questionDiv { text-align: center; } .j120-smart-response--window { overflow: visible; } .j120-smart-response--content { text-align: center; overflow: visible; display: none; margin-top: 20px; transition: all 1s; } .j120-smart-response--content.j120-smart-response--survey { text-align: left; } .j120-smart-response--content .j120-smart-response--content-content { display: none; overflow: visible; } .j120-smart-response--content .j120-smart-response--content-content.j120-smart-response--content__loaded { animation-name: slide; animation-duration: 1s; } .j120-smart-response--content-track { margin-top: 100px !important; text-align: left; } .j120-smart-response--content-track .j120-smart-response--text { width: 100%; max-width: unset; } .j120-smart-response--content-track .j120-smart-response--formcontent { padding: 0px !important; } .j120-smart-response--track_item-location { border: 1px solid #ccc; border-radius: 50%; height: 40px; width: 40px; display: block; position: relative; } .j120-smart-response--track_item-location:before { font-size: 30px; line-height: 40px; color: #097b36; position: absolute; left: 5px; } .j120-smart-response--rammas_icon { max-height: 120px; } .j120-smart-response--img-button_wrapper + .j120-smart-response--text { margin-top: 16px; } .j120-smart-response--img-button_wrapper + .custom_screen_wrapper { margin-top: 16px; } .j120-smart-response--img-button { display: inline-block; max-height: 160px; cursor: pointer; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .j120-smart-response--img-button + .j120-smart-response--img-button { margin-left: 12px; } .j120-smart-response--img-button:hover { box-shadow: 0px 1px 5px 0px #9B9B9B; } .j120-smart-response--img { margin: auto; position: absolute; top: 5%; bottom: 5%; left: 0; right: 0; max-width: 800px; max-height: 80%; background-color: white; } .j120-smart-response--text { font-weight: 600; max-width: 75%; margin: 0 auto; line-height: 1.5em; } .j120-smart-response--text + .j120-smart-response--button_wrapper { margin-top: 16px; } .j120-smart-response--subtext { text-align: center; margin-top: 0px; } .j120-smart-response--subtext + .j120-smart-response--button_wrapper { margin-top: 16px; } .j120-smart-response--button { border-radius: 8px; color: #007560; border: 1.5px solid #007560; cursor: pointer; background-color: white; display: inline-block; font-weight: 600; overflow: hidden; vertical-align: middle; margin: 0px 0px 12px; padding: 14px 18px; line-height: 23px; white-space: nowrap; box-sizing: border-box; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; text-overflow: ellipsis; max-width: 100%; } .j120-smart-response--button:hover { background-color: #007560; border-color: #007560; color: white; } .j120-smart-response--button.j120-smart-response--button__active { background-color: #007560; border-color: #007560; color: white; } .j120-smart-response--button + .j120-smart-response--button { margin-left: 12px; } .j120-smart-response--button.j120-smart-response--back { position: absolute; top: 24px; z-index: 98; } .j120-smart-response--button.disabled { opacity: 0.25; cursor: default; } .j120-smart-response--button.disabled:hover { background-color: white; border: 1.5px solid #007560; color: #007560; } .j120-smart-response--alert { text-align: center; padding: 20px 16px; width: fit-content; max-width: 80%; margin: 18px auto 0; border-radius: 5px; position: relative; } .j120-smart-response--alert.warning { color: #B00020; background-color: rgba(225, 14, 73, 0.1); } .j120-smart-response--alert.alert { color: #F5A623; background-color: rgba(245, 166, 35, 0.15); } .j120-smart-response--alert_text { display: inline-block; position: relative; padding-left: 32px; } .j120-smart-response--alert_text:before { position: absolute; left: 0; top: -10px; } .j120-smart-response--alert_text.has_call { padding-right: 44px; } .j120-smart-response--card { text-align: left; color: #717173; background-color: white; padding: 12px; border-radius: 5px; border: 1px solid #E4E4E4; margin-bottom: 12px; min-height: 160px; padding-right: 54px; } .j120-smart-response--card .j120-smart-response--card_title { font-weight: 600; margin-bottom: 8px; color: #222222; } .j120-smart-response--card .j120-smart-response--card_starscount { color: #E7711B; } .j120-smart-response--card .j120-smart-response--card_address, .j120-smart-response--card .j120-smart-response--card_stars { margin-bottom: 4px; } .j120-smart-response--card .j120-smart-response--card_address img, .j120-smart-response--card .j120-smart-response--card_stars img { max-height: 0.8em; } .j120-smart-response--card .j120-smart-response--card_link { margin-bottom: 12px; } .j120-smart-response--form { text-align: left; margin: 16px 0 0; padding: 0 27.5% !important; overflow: visible; } .j120-smart-response--form .j120-smart-response--button_wrapper { text-align: center; margin-top: 16px; } .j120-smart-response--form .m40-status-message--success .m40-status-message__title { color: #222222; font-weight: 600; } .j120-smart-response--formcontent { text-align: left; margin: 16px 0 0; padding: 0 15% !important; } .j120-smart-response--formcontent .j120-smart-response--button_wrapper { text-align: center; margin-top: 16px; } .j120-smart-response--formcontent .m40-status-message--success .m40-status-message__title { color: #222222; font-weight: 600; } .j120-smart-response--track { padding: 24px; border-radius: 5px; box-shadow: 0px 0px 17px -4px #9B9B9B; margin-bottom: 12px; text-align: left; } .j120-smart-response--track .j120-smart-response--track_title { font-weight: 600; } .j120-smart-response--track .j120-smart-response--track_details { padding: 16px 0; border-bottom: 1px solid #c3c3c3; font-weight: 600; } .j120-smart-response--track .j120-smart-response--track_list { margin: 24px 0; font-weight: 300; color: #c3c3c3; } .j120-smart-response--track .j120-smart-response--track_list * { line-height: 1; } .j120-smart-response--track .j120-smart-response--track_item { position: relative; padding-left: 1.75em; } .j120-smart-response--track .j120-smart-response--track_item:after { content: " "; border-radius: 50%; border: 2px solid #007560; width: 1em; height: 1em; position: absolute; left: 0; top: -1px; } .j120-smart-response--track .j120-smart-response--track_item + .j120-smart-response--track_item { margin-top: 24px; } .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done { color: #007560; } .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:after { border: 2px solid; background-color: #007560; color: white; line-height: 18px; } .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:before { content: " "; position: absolute; color: #007560; background-color: #007560; left: 10px; z-index: 1; top: 21px; height: 19px; width: 2px; font-size: 24px; } .j120-smart-response--track .j120-smart-response--track_item:last-child:before { content: none; } .j120-smart-response--track .j120-smart-response--button { font-size: 20px !important; } .j120-smart-response--rtl .j120-smart-response--track .j120-smart-response--track_item { padding-right: 1.75em; padding-left: 0px; } .j120-smart-response--confirm { text-align: left; padding: 24px 16px; background-color: #E8F4EC; border-radius: 5px; margin: 16px 0px; position: relative; } .j120-smart-response--confirm .j120-smart-response--confirm_edit { position: absolute; color: #007560; top: 12px; right: 12px; } .j120-smart-response--confirm .m42-keyvalue__value { margin-bottom: 12px; font-weight: 600; } .j120-smart-response--confirm .m42-keyvalue__value:last-child { margin-bottom: 0px; } .j120-smart-response--confirm .m42-keyvalue__value.m42-keyvalue__value--secondary { word-break: break-all; } .j120-smart-response--confirm + * { clear: both; } .j120-smart-response--card_row { margin-top: 16px; } .form-field__input-wrapper_otp { width: 15.5%; display: inline-block; } .form-field__input-wrapper_otp .form-field__input--otp { width: 50px; padding: 8px 14px; text-align: center; display: block; margin: 0 auto; } .form-field--otp .form-field__messages, .form-field--otp .field-error { height: 1em; overflow: hidden; } .form-field--otp .form-field__messages .parsley-errors-list, .form-field--otp .field-error .parsley-errors-list { margin-top: 0px !important; } .form-field--otp { direction: ltr; } .form-field__input--otp_main { display: none !important; } .j120-smart-response--confirm_formModal { margin: 0px; } .j120-smart-response--confirm_formModal .m39-modal__dialog { max-width: 450px; max-height: 75%; } .j120-smart-response--confirm_formModal .m39-modal__button--close { color: #6D6E71; } .j120-smart-response--confirm_formModal .m39-modal__content { bottom: 4px; height: initial; } .j120-smart-response--location_input .form-field__input-wrapper--select:after, .j120-smart-response--location_input .m111-content-scroller--nav_mobile-selectwrapper:after, .j120-smart-response--location_input .j134-media--filter:not(.search):after, .j120-smart-response--location_input .field-content--select:after { content: ""; } .j120-smart-response--location_input .form-field__input-wrapper--select, .j120-smart-response--location_input .m111-content-scroller--nav_mobile-selectwrapper, .j120-smart-response--location_input .j134-media--filter:not(.search), .j120-smart-response--location_input .field-content--select { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .j120-smart-response--location_input .form-field__input-wrapper--select:before, .j120-smart-response--location_input .m111-content-scroller--nav_mobile-selectwrapper:before, .j120-smart-response--location_input .j134-media--filter:not(.search):before, .j120-smart-response--location_input .field-content--select:before { content: "\e602"; font-size: 32px; } .j120-smart-response--location_input .form-field__input-wrapper--select:before, .j120-smart-response--location_input .m111-content-scroller--nav_mobile-selectwrapper:before, .j120-smart-response--location_input .j134-media--filter:not(.search):before, .j120-smart-response--location_input .field-content--select:before { position: absolute; color: #BCBEC0; top: calc((100% - 32px) / 2); left: 8px; z-index: 1; } .m43-accountsel .m39-modal__button--close { color: #6D6E71; } .j120-smart-response--blue { color: #0B7BC1; } .j120-smart-response--survey_star--wrapper { position: relative; overflow: auto; overflow-y: hidden; max-width: 75%; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; gap: 4px; } .j120-smart-response--survey_star { color: #DDE2EB; } .j120-smart-response--survey_star--item { margin: 0 auto; text-align: center; cursor: pointer; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .j120-smart-response--survey_star--item:before { content: "懶"; font-size: 48px; } .j120-smart-response--survey_star--itemactive { color: #C78200; } .j120-smart-response--survey_improve { display: none; clear: both; max-width: 75%; margin: 0 auto; margin-top: 48px; } .j120-smart-response--survey_improve .j120-smart-response--text { max-width: 100%; } .j120-smart-response--survey_improve .button--next, .j120-smart-response--survey_improve .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--survey_improve a, .j120-smart-response--survey_improve .form-submit { float: right; margin: 16px 0px; } .j120-smart-response--survey_textarea { clear: both; max-width: 75%; margin: 0 auto; margin-top: 16px; } .j120-smart-response--survey_improve--suggestwrapper { margin: 0px auto 24px; } .j120-smart-response--survey_improve--suggest { position: relative; display: table; padding: 6px 8px; border-radius: 30px; border: 1px solid #999999; padding-right: 24px; cursor: pointer; } .j120-smart-response--survey_improve--suggest:before { content: "+"; position: absolute; top: 1px; right: 6px; z-index: 1; font-size: 1.5em; } .j120-smart-response--survey_improve--suggest + .j120-smart-response--survey_improve--suggest { margin-top: 12px; } .j120-smart-response--survey_improve--suggestA { background-color: #007560; color: white; border: 1px solid #007560; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .j120-smart-response--survey_improve--suggestA:before { content: "\e620"; font-size: 32px; } .j120-smart-response--survey_improve--suggestA:before { position: absolute; top: 1px; right: 2px; z-index: 1; font-size: 1.5em; } .j120-smart-response--survey-desc { display: none; max-width: 75%; margin: 8px auto; overflow: auto; color: #717173; font-weight: 600; overflow-y: hidden; } .j120-smart-response--survey-desc .j120-smart-response--survey-desc-d { float: left; } .j120-smart-response--survey-desc .j120-smart-response--survey-desc-a { float: right; } .j120-smart-response--survey_page { display: absolute; margin-bottom: 12px; bottom: 12px; } .j120-smart-response--countdown { text-align: center; font-weight: 600; color: #007560; } .j120-smart-response--survey__wrapper { display: none; } .j120-smart-response--survey__wrapper:first-child { display: block; } .j120-smart-response--loader { position: fixed; padding: 150px 0; height: 100%; right: 0; top: 0; z-index: 99999999999999; background: rgba(19, 19, 19, 0.75); width: 100%; color: white; } .j120-smart-response--loader .j120-smart-response--rammas_loader { display: block; margin: 0 auto; max-width: 100%; width: 250px; } .j120-smart-response-opaque { opacity: 0.5 !important; } .j120-smart-response--clearscreen { width: 100%; height: 100%; position: absolute; z-index: 999; top: 0px; } .form-field--textarea + .j120-smart-response--text { margin-top: 24px; } .j120-smart-response--happinEX__title { margin: 12px 0px 32px; } .j120-smart-response--happinEX__subtitle { font-weight: 300; margin-bottom: 24px; } .j120-smart-response--happinEX-initial .j120-smart-response--happinEX__subtitle, .j120-smart-response--happinEX-initial .j120-smart-response--happinEX__title { max-height: 2em; } .j120-smart-response--happinEX_rxn { position: relative; display: inline-block; cursor: pointer; width: 32%; max-width: 32%; max-height: 120px; transition: 1s ease; } .j120-smart-response--happinEX_rxn img { max-height: 120px; max-width: 85%; display: block; margin: 0 auto; } .j120-smart-response--happinEX_rxn--blocker { width: 100%; height: 120px; position: absolute; z-index: 97; } .j120-smart-response--happinEX_rxn--animate { animation-name: scale; animation-duration: 1s; } .j120-smart-response--happinEX_rxn__wrapper { overflow: visible; } .j120-smart-response--happinEX_improve--suggestwrapper { margin-bottom: 20px; } .j120-smart-response--happinEX_improve--suggestwrapper + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j120-smart-response--happinEX_improve--suggestwrapper + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--happinEX_improve--suggestwrapper + a, .j120-smart-response--happinEX_improve--suggestwrapper + .button--centered, .j120-smart-response--happinEX_improve--suggestwrapper + .form-submit { margin-top: 32px; } .j120-smart-response--happinEX_improve--suggest { position: relative; display: inline-block; padding: 8px 12px; border-radius: 30px; border: 1px solid #999999; padding-right: 24px; cursor: pointer; margin-bottom: 16px; } .j120-smart-response--happinEX_improve--suggest + .j120-smart-response--happinEX_improve--suggest { margin-left: 12px; } .j120-smart-response--happinEX_improve--suggest:before { content: "+"; position: absolute; top: 3px; right: 6px; z-index: 1; font-size: 1.5em; } .j120-smart-response--happinEX_improve--suggestA { background-color: #007560; color: white; border: 1px solid #007560; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .j120-smart-response--happinEX_improve--suggestA:before { content: "\e620"; font-size: 32px; } .j120-smart-response--happinEX_improve--suggestA:before { position: absolute; top: 3px; right: 2px; z-index: 1; font-size: 1.5em; } .j120-smart-response--happinEX_improve--suggestTD { display: none; } .j120-smart-response--happinEX-fieldset__wrapper { display: none; padding: 4px 0px; } .j120-smart-response--happinEX-fieldset__wrapper:first-child { display: block; } .j120-smart-response--happinEX-fieldset__wrapper .form-field, .j120-smart-response--happinEX-fieldset__wrapper .field-border { width: 70%; margin: 0 auto; } .j120-smart-response--happinEX-fieldset__wrapper .form-field--textarea .form-field__label, .j120-smart-response--happinEX-fieldset__wrapper .form-field--textarea .j100-expander_label, .j120-smart-response--happinEX-fieldset__wrapper .form-field--textarea .field-title { text-align: left; } .form-field--happinEX-hidden { padding: 0 27.5%; text-align: left; display: none; } .j120-smart-response--happinex_back, .j120-smart-response--smiley_back { display: none; margin-left: 0px !important; margin-right: 0px !important; } .j120-smart-response--lang_wrapper { margin-bottom: 12px; } .j120-smart-response--lang_card { position: relative; width: 200px; line-height: 32px; margin: 0 auto; padding: 12px; font-weight: 300; text-align: center; margin-top: 16px; border-radius: 5px; cursor: pointer; transition: all 0.25s; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .j120-smart-response--lang_card:hover { box-shadow: 0 1px 10px 0 #9B9B9B; } .j120-smart-response--lang_card .j120-smart-response--lang_icon { width: 32px; height: 32px; position: absolute; left: 12px; top: 10px; border-radius: 50%; border: solid 1px transparent; } .j120-smart-response--lang_cardA { background-color: #007560; color: white; box-shadow: 0 1px 10px 0 #9B9B9B; } .j120-smart-response--lang_cardA .j120-smart-response--lang_icon { border: solid 1px white; } .j120-smart-response--survey_back { display: none; } .j120-smart-response--happinEX-main, .j120-smart-response--happinEX-mainTD { display: none; padding: 4px 0px; } .j120-smart-response--happinEX-main:first-child, .j120-smart-response--happinEX-mainTD:first-child { display: block; } .j120-smart-response--happinEX-radios, .j120-smart-response--happinEX-yesno { text-align: left; padding: 0 12px; margin-top: 36px; } .j120-smart-response--happinEX-radios .form-field__radio, .j120-smart-response--happinEX-radios .field-content--radio, .j120-smart-response--happinEX-yesno .form-field__radio, .j120-smart-response--happinEX-yesno .field-content--radio { width: 33%; float: left; margin-top: 0; margin-bottom: 22px; min-height: 44px; } .j120-smart-response--happinEX-radios .form-field__fakeradio, .j120-smart-response--happinEX-yesno .form-field__fakeradio { padding-left: 32px; } .j120-smart-response--happinEX-yesno { text-align: center; } .j120-smart-response--happinEX-yesno .form-field__radio, .j120-smart-response--happinEX-yesno .field-content--radio { width: 50%; } .j120-smart-response--happinEX-yesno .form-field__fakeradio { padding-left: 44px; } .j120-smart-response--rtl { direction: rtl; text-align: right; } .j120-smart-response--rtl .j120-smart-response--content.j120-smart-response--survey { text-align: right; } .j120-smart-response--rtl .j120-smart-response--img-button + .j120-smart-response--img-button { margin-right: 12px; margin-left: 0px; } .j120-smart-response--rtl .j120-smart-response--button + .j120-smart-response--button { margin-left: 0; margin-right: 12px; } .j120-smart-response--rtl .j120-smart-response--card { text-align: right; } .j120-smart-response--rtl .j120-smart-response--form { text-align: right; } .j120-smart-response--rtl .j120-smart-response--formcontent { text-align: right; } .j120-smart-response--rtl .j120-smart-response--track { text-align: right; } .j120-smart-response--rtl .j120-smart-response--track .j120-smart-response--track_item { padding-left: 0; padding-right: 1.75em; } .j120-smart-response--rtl .j120-smart-response--track .j120-smart-response--track_item:after { left: auto; right: 0; } .j120-smart-response--rtl .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:before { left: auto; right: 10px; } .j120-smart-response--rtl .j120-smart-response--confirm { text-align: right; } .j120-smart-response--rtl .j120-smart-response--confirm .j120-smart-response--confirm_edit { right: auto; left: 12px; } .j120-smart-response--rtl .j120-smart-response--location_input .form-field__input-wrapper--select:before, .j120-smart-response--rtl .j120-smart-response--location_input .m111-content-scroller--nav_mobile-selectwrapper:before, .j120-smart-response--rtl .j120-smart-response--location_input .j134-media--filter:not(.search):before, .j120-smart-response--rtl .j120-smart-response--location_input .field-content--select:before { right: 8px; left: auto; } .j120-smart-response--rtl .j120-smart-response--survey_improve .button--next, .j120-smart-response--rtl .j120-smart-response--survey_improve .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--rtl .j120-smart-response--survey_improve a, .j120-smart-response--rtl .j120-smart-response--survey_improve .form-submit { float: left; } .j120-smart-response--rtl .j120-smart-response--survey_improve--suggest { padding-left: 24px; padding-right: 8px; } .j120-smart-response--rtl .j120-smart-response--survey_improve--suggest:before { left: 6px; right: auto; } .j120-smart-response--rtl .j120-smart-response--survey_improve--suggestA:before { left: 2px; right: auto; } .j120-smart-response--rtl .j120-smart-response--survey-desc .j120-smart-response--survey-desc-d { float: right; } .j120-smart-response--rtl .j120-smart-response--survey-desc .j120-smart-response--survey-desc-a { float: left; } .j120-smart-response--rtl .j120-smart-response--survey_star { float: right; } .j120-smart-response--rtl .form-field__input--text, .j120-smart-response--rtl .j134-media--filter-inputsearch, .j120-smart-response--rtl input[type=email], .j120-smart-response--rtl input[type=number], .j120-smart-response--rtl input[type=password], .j120-smart-response--rtl input[type=tel], .j120-smart-response--rtl input[type=text], .j120-smart-response--rtl input[type=url], .j120-smart-response--rtl input[type=color], .j120-smart-response--rtl input[type=date], .j120-smart-response--rtl .field-content textarea, .field-content .j120-smart-response--rtl textarea { padding: 16px; padding-left: 44px; } .j120-smart-response--rtl .m42-keyvalue__key { float: right; clear: right; text-align: right; } .j120-smart-response--rtl .m42-keyvalue__value { margin-right: 50%; padding-right: 16px; margin-left: 0; padding-left: 0; } .j120-smart-response--rtl .m42-keyvalue__key.m42-keyvalue--justified-dt { float: right; text-align: right; } .j120-smart-response--rtl .m42-keyvalue__value.m42-keyvalue--justified-dd { float: left; text-align: left; margin: 8px 0; padding: 0px; } .j120-smart-response--rtl .j120-smart-response--back { right: 0; } .j120-smart-response--rtl .m39-modal__button--close { padding-left: 28px; padding-right: 11px; left: 6px; right: auto; } .j120-smart-response--rtl .m39-modal__button--close:before { left: 4px; right: auto; } .j120-smart-response--rtl .select2-selection__rendered { padding: 16px 44px 16px 16px !important; } .j120-smart-response--rtl .select2-results__option { text-align: right !important; } .j120-smart-response--rtl .m43-accountsel__selected--dropdown { text-align: right; padding-left: 52px; padding-right: 12px; } .j120-smart-response--rtl .m43-accountsel__selected--dropdown:before { left: 0; right: auto; min-width: 1em; border-right: 1px solid #BCBEC0; border-left: none; border-radius: 4px 0 0 4px; } .j120-smart-response--rtl .m43-accountsel__selected--dropdown:after { left: -3px; right: auto; transform: translateY(-50%); } .j120-smart-response--rtl .m43-accountsel__image { float: right; } .j120-smart-response--rtl .m43-accountsel__image + .m43-accountsel__header { margin-right: 86px; margin-left: 0px; } .j120-smart-response--rtl .m43-accountsel__account, .j120-smart-response--rtl .m39-modal__title { text-align: right; } .j120-smart-response--rtl .m39-modal--new .m39-modal__title { padding-right: 15px; padding-left: 72px; } .j120-smart-response--rtl .j120-smart-response--infoModal .m39-modal__title { text-align: right !important; } .j120-smart-response--rtl .m49-list-filter--input { padding-left: 94px; padding-right: 15px; } .j120-smart-response--rtl .m49-list-filter--button { left: 0; right: auto; } .j120-smart-response--rtl .form-field__input--otp { padding: 8px 14px !important; text-align: center; } .j120-smart-response--rtl .form-field__input-wrapper:after, .j120-smart-response--rtl .m111-content-scroller--nav_mobile-selectwrapper:after, .j120-smart-response--rtl .j134-media--filter:after, .j120-smart-response--rtl .j100-expander_input:after, .j120-smart-response--rtl .field-content:after { left: 10px; right: auto; } .j120-smart-response--rtl .form-field__input-wrapper--prefixed .form-field__input--text, .j120-smart-response--rtl .form-field__input-wrapper--prefixed .j134-media--filter-inputsearch, .j120-smart-response--rtl .form-field__input-wrapper--prefixed input[type=email], .j120-smart-response--rtl .form-field__input-wrapper--prefixed input[type=number], .j120-smart-response--rtl .form-field__input-wrapper--prefixed input[type=password], .j120-smart-response--rtl .form-field__input-wrapper--prefixed input[type=tel], .j120-smart-response--rtl .form-field__input-wrapper--prefixed input[type=text], .j120-smart-response--rtl .form-field__input-wrapper--prefixed input[type=url], .j120-smart-response--rtl .form-field__input-wrapper--prefixed input[type=color], .j120-smart-response--rtl .form-field__input-wrapper--prefixed input[type=date], .j120-smart-response--rtl .form-field__input-wrapper--prefixed .field-content textarea, .field-content .j120-smart-response--rtl .form-field__input-wrapper--prefixed textarea { padding: 5px 12px 8px; padding-left: 84px; } .j120-smart-response--rtl .form-field__input-wrapper--prefixed.form-field__input-wrapper:after, .j120-smart-response--rtl .form-field__input-wrapper--prefixed.m111-content-scroller--nav_mobile-selectwrapper:after, .j120-smart-response--rtl .form-field__input-wrapper--prefixed.j134-media--filter:after, .j120-smart-response--rtl .form-field__input-wrapper--prefixed.j100-expander_input:after, .j120-smart-response--rtl .form-field__input-wrapper--prefixed.field-content:after, .j120-smart-response--rtl .form-field__input-wrapper--prefixed .field-content:after { left: 56px; right: auto; } .j120-smart-response--rtl .j120-smart-response--alert_call { left: 16px; right: auto; } .j120-smart-response--rtl .j120-smart-response--alert_call:before { right: -6px; left: auto; } .j120-smart-response--rtl .j120-smart-response--alert_text { padding-right: 32px; } .j120-smart-response--rtl .j120-smart-response--alert_text:before { right: 0; left: auto; } .j120-smart-response--rtl .j120-smart-response--alert_text.has_call { padding-left: 44px; } .j120-smart-response--rtl .form-field__input--radio, .field-content .j120-smart-response--rtl [type=radio], .j120-smart-response--rtl .field-content [type=radio] { right: -10000px; left: auto; } .j120-smart-response--rtl .form-field__input--datepicker, .j120-smart-response--rtl .field-content--datepicker [type=text], .field-content--datepicker .j120-smart-response--rtl [type=text], .j120-smart-response--rtl .field-content--datepicker [type=date], .field-content--datepicker .j120-smart-response--rtl [type=date] { padding-right: 60px !important; padding-left: 4em; } .j120-smart-response--card_num { cursor: pointer; } .j120-smart-response--card_num-mobile { display: block; } .j120-smart-response--card_num { position: absolute; top: 0; right: 24px; text-align: center; text-decoration: none !important; } .j120-smart-response--card_num .j120-smart-response--card_numtext { display: none; } .j120-smart-response--card_num .j120-smart-response--card_text { display: block; font-weight: 300; } .j120-smart-response--card_num:before { content: "珞"; font-family: iconfont; font-size: 50px; } .j120-smart-response--card_address-icon { position: absolute; top: 86px; right: 28px; } .j120-smart-response--card_address-icon img { height: 40px; } .j120-smart-response-status .j120-smart-response--content { display: block; } .j120-smart-response-status .j120-smart-response--content-track { margin-top: 100px !important; } .j120-smart-response-status .j120-smart-response--track_title { font-weight: 600; text-align: left; margin: 0px auto; margin-bottom: 15px; max-width: 350px; } .j120-smart-response-status .j120-smart-response--track_ac { display: block; text-align: left; margin: 0px auto; margin-bottom: 30px; max-width: 350px; max-width: 350px; } .j120-smart-response--rtl .j120-smart-response-status .j120-smart-response--track_title { text-align: right; } .j120-smart-response--rtl .j120-smart-response-status .j120-smart-response--track_ac { text-align: right; } .j120-smart-response-status-vert .j120-smart-response-statusbox { border-radius: 10px; width: 100%; margin: 0px auto 40px; padding: 30px 20px; background-color: white; position: static; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title { width: 100%; float: none; margin-bottom: 20px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title { margin-bottom: 8px; line-height: 1.2em; text-align: left; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle { text-align: left; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status { float: none; position: relative; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper { float: none; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details { margin-left: 40px; text-align: left; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status { font-weight: 600; position: relative; display: block; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status.icon-tick:before { content: "\e620"; border-radius: 50%; background: #147a39; font-size: 23px; color: white; top: 0px; left: -35px; position: absolute; line-height: 1; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status.not-resolved.icon-tick:before { color: #147a39; background: #147a39; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-datetime { display: block; line-height: 30px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button { margin-top: 20px; display: block; color: #147a39; cursor: pointer; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button span { display: none; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button.expand .hide { display: block; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-button.collapse .view { display: block; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button { position: absolute; top: 0px; right: 0px; box-shadow: none; border: 1px solid #ccc; font-weight: 600; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list { display: block; text-align: left; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list.hidden { display: none; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item { display: block; margin-left: 10px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item:after { border: none; background: #9b9b9b; width: 11px; height: 11px; left: 0px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item:before { content: ""; top: 10px; height: 100%; width: 2px; content: " "; left: 5px; padding-bottom: 13px; position: absolute; background-size: 1px 10px; background-image: rgb(204, 204, 204); background-image: -moz-linear-gradient(top, rgb(155, 155, 155) 67%, rgb(255, 255, 255) 67%); background-image: -webkit-linear-gradient(top, rgb(155, 155, 155) 67%, rgb(255, 255, 255) 67%); background-image: linear-gradient(to bottom, rgb(155, 155, 155) 67%, rgb(255, 255, 255) 67%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='$white',GradientType=1 ); font-size: 24px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--done { color: #222222; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--done:before { color: #007560; background-color: #007560; background-image: none; left: 5px; z-index: 1; top: 10px; bottom: 0px; padding-bottom: 13px; height: 100%; width: 2px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--done:after { background-color: #097b36; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--current.j120-smart-response--track_item--done:before { background-image: rgb(204, 204, 204); background-image: -moz-linear-gradient(top, rgb(155, 155, 155) 67%, rgb(255, 255, 255) 67%); background-image: -webkit-linear-gradient(top, rgb(155, 155, 155) 67%, rgb(255, 255, 255) 67%); background-image: linear-gradient(to bottom, rgb(155, 155, 155) 67%, rgb(255, 255, 255) 67%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='$white',GradientType=1 ); font-size: 24px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--current .j120-smart-response--track_item-content { width: auto; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item:last-child:before { content: none; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--location { position: relative; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--location .icon-location { border: 1px solid #ccc; border-radius: 50%; padding: 0px; text-align: center; line-height: 40px; width: 40px; display: inline-block; height: 40px; position: absolute; top: 0px; right: 0px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--location .icon-location:before { font-size: 30px; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content { width: auto; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .j120-smart-response--track_item-status-title { display: block; } .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item-content .date-time { color: #777; line-height: 30px; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_title { text-align: right; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-title .j120-smart-response--track_subtitle { text-align: right; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details { margin-right: 40px; text-align: right; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status .resolved-details-wrapper .resolved-details .resolved-details-status.icon-tick:before { left: auto; right: -35px; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track-head .j120-smart-response--track-head-status button { right: auto; left: 0px; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list { text-align: right; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item { margin-left: 0px; margin-right: 10px; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item:after { right: 0px; left: auto; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item:before { right: 5px; left: auto; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--done:before { right: 5px; left: auto; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox.j120-smart-response--track .j120-smart-response--track_list .j120-smart-response--track_item.j120-smart-response--track_item--location .icon-location { left: 0px; right: auto; } .j120-smart-response--map-wrapper { height: 100%; } .j120-smart-response--map-wrapper .j120-smart-response--content { display: block; } .j120-smart-response--map-wrapper .j120-smart-response--map { height: 100%; position: relative; } .j120-smart-response--map-wrapper .j120-smart-response--map-content-wrapper { position: relative; z-index: 100; } .j120-smart-response--map-wrapper .j120-smart-response--map-content-header { width: 100%; height: 100px; position: absolute; } .j120-smart-response--map-wrapper #floating-panel { position: absolute; top: 80px; width: 80%; margin-left: 10%; z-index: 5; background-color: white; padding: 5px; border-radius: 10px; text-align: center; line-height: 30px; padding-left: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); } .j120-smart-response--map-wrapper #floating-panel input[type=text] { border: none; margin-left: 24px; width: calc(100% - 20px); border-radius: 0px; } .j120-smart-response--map-wrapper #floating-panel input[type=text]:first-child { border-bottom: 1px solid #ccc; } .j120-smart-response--map-wrapper #floating-panel input[type=text]:last-child { font-weight: bold; } .j120-smart-response--map-wrapper .j120-smart-response-status-vert .j120-smart-response-statusbox { position: absolute; } .j120-smart-response--map-wrapper #map { position: absolute; overflow: hidden; height: 100%; width: 100%; } .j120-smart-response--map-wrapper { height: 100%; } .j120-smart-response--map-wrapper .j120-smart-response--alert { position: absolute; z-index: 100; width: 100%; top: 170px; margin: 15px auto; left: 10%; } .j120-smart-response--refresh-button { border-radius: 8px; color: #007560; border: 1.5px solid #007560; cursor: pointer; background-color: white; display: inline-block; font-weight: 600; overflow: hidden; vertical-align: middle; margin: 0px 0px 12px; padding: 10px 16px; white-space: nowrap; box-sizing: border-box; transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; text-overflow: ellipsis; max-width: 100%; position: absolute; right: 0px; top: 24px; } @media screen and (max-width: 599px) { .j120-smart-response.j120-smart-response--ltr .m29v4-chart .m29v4-chart--header .m29v4-chart--title { padding-right: 84px; padding-left: 0px; } .j120-smart-response.j120-smart-response--rtl .m29v4-chart .m29v4-chart--header .m29v4-chart--title { padding-left: 84px; padding-right: 0px; } .j120-smart-response-status .j120-smart-response--content-track { margin-top: 30px !important; } .j120-smart-response-status .j120-smart-response-status-vert .j120-smart-response-statusbox { box-shadow: none; -webkit-box-shadow: none; -box-shadow: none; } .j120-smart-response--map-wrapper .j120-smart-response-status-vert .j120-smart-response-statusbox { top: 380px; } .j120-smart-response--card_address-icon { position: absolute; top: 16px; right: 60px; } .j120-smart-response--card_address-icon img { height: 40px; } .j120-smart-response--card_num-mobile { display: inline-block; } .j120-smart-response--card_num { position: absolute; top: 0; right: 12px; text-align: center; text-decoration: none !important; } .j120-smart-response--card_num .j120-smart-response--card_numtext { display: none; } .j120-smart-response--card_num .j120-smart-response--card_text { display: block; font-weight: 300; font-size: 1.25em; } .j120-smart-response--card_num:before { content: "珞"; font-family: iconfont; font-size: 50px; } .j120-smart-response--card_row .grid__column--3 { width: 100%; margin-bottom: 0; padding: 0; } .j120-smart-response--card_row .j120-smart-response--card { background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid #E4E4E4; margin-bottom: 0; padding-right: 98px; min-height: unset; } .j120-smart-response--lang_card { display: inline-block; width: 48%; margin: 4px 0.5%; } .j120-smart-response--alert_text:before { top: -4px; } .j120-smart-response--alert_call { top: 20px; } .form-field--happinEX-hidden { padding: 0 27.5%; display: none; } .j120-smart-response--happinEX-radios, .j120-smart-response--happinEX-yesno { text-align: left; } .j120-smart-response--happinEX-radios .form-field__radio, .j120-smart-response--happinEX-radios .field-content--radio, .j120-smart-response--happinEX-yesno .form-field__radio, .j120-smart-response--happinEX-yesno .field-content--radio { width: 100%; float: none; margin-top: 0; min-height: inherit; } .j120-smart-response--happinEX-radios .form-field__fakeradio:before, .j120-smart-response--happinEX-yesno .form-field__fakeradio:before { left: -4px; top: 0px; width: 0.75em; height: 0.75em; } .j120-smart-response--happinEX-pseudoradio, .j120-smart-response--happinEX-radios { font-size: 1.25em; } .j120-smart-response--happinEX-pseudoradio .form-field__fakeradio, .j120-smart-response--happinEX-radios .form-field__fakeradio { padding-left: 44px; } .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:before { left: 8px; top: 19px; } .j120-smart-response--happinEX_improve--suggest { display: table; margin-bottom: 16px; } .j120-smart-response--happinEX_improve--suggest.j120-smart-response--happinEX_improve--suggestTD { display: none; } .j120-smart-response--happinEX_improve--suggest + .j120-smart-response--happinEX_improve--suggest { margin-right: 0; margin-left: 0; } .j120-smart-response--happinEX-fieldset__wrapper .form-field, .j120-smart-response--happinEX-fieldset__wrapper .field-border { width: 100%; } .j120-smart-response--card { font-size: 1em; } .j120-smart-response--content { font-size: 0.85em; text-align: left; } .j120-smart-response--subtext { text-align: left; } .j120-smart-response--button_wrapper, .j120-smart-response--text { text-align: left; max-width: none; } .j120-smart-response--button { margin-left: 0px !important; margin-right: 0px !important; } .j120-smart-response--button.j120-smart-response--back { position: relative; top: 24px; z-index: 98; } .j120-smart-response--button.j120-smart-response--back.j120-smart-response--happinex_back { position: static; margin-bottom: 36px; margin-top: 12px; } .j120-smart-response--button.j120-smart-response--back.j120-smart-response--smiley_back { position: static; margin-bottom: 36px; margin-top: 12px; } .j120-smart-response--img { max-width: 100%; } .j120-smart-response--form, .j120-smart-response--formcontent { padding: 0 !important; margin: 0 !important; } .j120-smart-response--track { box-shadow: none; border: 1px solid #9B9B9B; margin-top: 12px; } .j120-smart-response--confirm_formModal .m39-modal__dialog { width: 90%; max-width: 584px; max-height: 70%; } .j120-smart-response--survey_improve, .j120-smart-response--survey_star--wrapper, .j120-smart-response--survey-desc, .j120-smart-response--survey_textarea { max-width: none; } .form-field__input-wrapper_otp { width: 15%; } .form-field__input-wrapper_otp .form-field__input--otp { max-width: 90%; padding: 8px 10%; } .j120-smart-response--survey_improve .button--next:before, .j120-smart-response--survey_improve .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--survey_improve a:before, .j120-smart-response--survey_improve .form-submit:before { top: -10px; } .j120-smart-response .form-field__input-wrapper_otp .form-field__input--otp { padding: 8px 10% !important; } .j120-smart-response .m42-keyvalue__key { float: none; clear: none; text-align: left; } .j120-smart-response .m42-keyvalue__value { margin-right: 0; padding-right: 0; margin-left: 0; padding-left: 0; } .j120-smart-response--ltr .m43-accountsel__image + .m43-accountsel__header { margin-left: 0px; margin-right: 0px; } .j120-smart-response--rtl .j120-smart-response--content { text-align: right; } .j120-smart-response--rtl .j120-smart-response--subtext { text-align: right; } .j120-smart-response--rtl .j120-smart-response--button_wrapper, .j120-smart-response--rtl .j120-smart-response--text { text-align: right; } .j120-smart-response--rtl .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:before { left: auto; right: 8px; } .j120-smart-response--rtl .form-field__input-wrapper_otp .form-field__input--otp { padding: 8px 16px !important; } .j120-smart-response--rtl .m43-accountsel__image + .m43-accountsel__header { margin-left: 0px; margin-right: 0px; } .j120-smart-response--rtl .m42-keyvalue__key { float: none; clear: none; text-align: right; } .j120-smart-response--rtl .m42-keyvalue__value { margin-right: 0; padding-right: 0; margin-left: 0; } .j120-smart-response--happinEX { margin-top: 32px !important; } .j120-smart-response--happinEX .button--next:before, .j120-smart-response--happinEX .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j120-smart-response--happinEX a:before, .j120-smart-response--happinEX .form-submit:before { top: -10px; } } @media screen and (min-width: 600px) { .j120-smart-response--map-wrapper #floating-panel { max-width: 350px; left: 20px; margin-left: 0px; } .j120-smart-response--map-wrapper .j120-smart-response--alert { width: 70%; max-width: 450px; left: 15%; top: 5px; padding: 10px 16px; } .j120-smart-response-status-vert .j120-smart-response-statusbox { max-width: 350px; left: 20px; top: 220px; } .j120-smart-response--rtl .j120-smart-response-status-vert .j120-smart-response-statusbox { left: auto; right: 20px; } .j120-smart-response.j120-smart-response--ltr .grid__column .grid__column--6:first-child, .j120-smart-response.j120-smart-response--ltr .dashboard__account-selector .grid__column--6:first-child, .j120-smart-response.j120-smart-response--ltr .dashboard__user-widget .grid__column--6:first-child { padding-right: 8px; } .j120-smart-response.j120-smart-response--ltr .grid__column .grid__column--6:last-child, .j120-smart-response.j120-smart-response--ltr .dashboard__account-selector .grid__column--6:last-child, .j120-smart-response.j120-smart-response--ltr .dashboard__user-widget .grid__column--6:last-child { padding-left: 8px; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--wrapperdata { float: left; } .j120-smart-response.j120-smart-response--rtl .grid__column .grid__column--6:first-child, .j120-smart-response.j120-smart-response--rtl .dashboard__account-selector .grid__column--6:first-child, .j120-smart-response.j120-smart-response--rtl .dashboard__user-widget .grid__column--6:first-child { padding-left: 8px; } .j120-smart-response.j120-smart-response--rtl .grid__column .grid__column--6:last-child, .j120-smart-response.j120-smart-response--rtl .dashboard__account-selector .grid__column--6:last-child, .j120-smart-response.j120-smart-response--rtl .dashboard__user-widget .grid__column--6:last-child { padding-right: 8px; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--wrapperdata { float: right; } .j120-smart-response--card_row .grid__column--3 { width: 50%; padding: 0 8px !important; } .j120-smart-response--ltr .m43-accountsel__image + .m43-accountsel__header { margin-left: 0px; margin-right: 0px; } .j120-smart-response--rtl .m43-accountsel__image + .m43-accountsel__header { margin-left: 0px; margin-right: 0px; } .j120-smart-response .m28-gauge .m28-gauge--wrapperdata { width: 100%; } .j120-smart-response .m28-gauge .m28-gauge--container { bottom: calc((100% - 360px) / 2); left: calc((100% - 360px) / 2); } .j120-smart-response .m28-gauge .m28-gauge--content { width: 100%; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .datalabel { font-size: 14px !important; line-height: 14px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .dataname { font-size: 12px !important; line-height: 14px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .datatime { font-size: 12px !important; line-height: 14px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-0 { left: 0px !important; top: 10px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-1 { line-height: 14px; right: 120px !important; left: auto !important; top: 10px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-2 { right: 120px !important; left: auto !important; top: 210px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-3 { left: 0px !important; top: 210px !important; } .j120-smart-response .m28-gauge .m28-gauge--card { height: 160px; } .j120-smart-response .m28-gauge .m28-gauge--content { height: auto; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-title { margin-bottom: 0px; } .j120-smart-response .m28-gauge .m28-gauge--container { bottom: calc((100% - 300px) / 2); left: calc((100% - 300px) / 2); } .j120-smart-response .m28-gauge .m28-gauge--container svg { width: 300px; height: 300px; } } @media screen and (min-width: 1025px) { .j120-alert-items .j120-alert-item .j120-alert-item-content .j120-alert-item-date { float: left; } .j120-alert-items .j120-alert-item .j120-alert-item-content .j120-alert-item-sent { padding-right: 20px; float: right; } .j120-smart-response.j120-smart-response--ltr .grid__column .grid__column--6:first-child, .j120-smart-response.j120-smart-response--ltr .dashboard__account-selector .grid__column--6:first-child, .j120-smart-response.j120-smart-response--ltr .dashboard__user-widget .grid__column--6:first-child { padding-right: 16px; } .j120-smart-response.j120-smart-response--ltr .grid__column .grid__column--6:last-child, .j120-smart-response.j120-smart-response--ltr .dashboard__account-selector .grid__column--6:last-child, .j120-smart-response.j120-smart-response--ltr .dashboard__user-widget .grid__column--6:last-child { padding-left: 16px; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--content { padding-left: 20px; padding-right: 0px; float: right; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--content .m28-gauge--content-list { padding-left: 20px; padding-right: 0px; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span { float: right; padding-left: 0px; padding-right: 25px; } .j120-smart-response.j120-smart-response--ltr .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span:before { top: -1px; right: 0px; left: auto; } .j120-smart-response.j120-smart-response--ltr .m29v4-chart .m29v4-chart--header .m29v4-chart--type { right: 0px; left: auto; } .j120-smart-response.j120-smart-response--ltr .j120-alert-items .j120-alert-item .j120-alert-item-content .j120-alert-item-sent { float: right; padding-right: 20px; } .j120-smart-response.j120-smart-response--rtl .grid__column .grid__column--6:first-child, .j120-smart-response.j120-smart-response--rtl .dashboard__account-selector .grid__column--6:first-child, .j120-smart-response.j120-smart-response--rtl .dashboard__user-widget .grid__column--6:first-child { padding-left: 16px; } .j120-smart-response.j120-smart-response--rtl .grid__column .grid__column--6:last-child, .j120-smart-response.j120-smart-response--rtl .dashboard__account-selector .grid__column--6:last-child, .j120-smart-response.j120-smart-response--rtl .dashboard__user-widget .grid__column--6:last-child { padding-right: 16px; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--content { padding-right: 20px; padding-left: 0px; float: left; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--content .m28-gauge--content-list { padding-right: 20px; padding-left: 0px; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span { float: left; padding-right: 0px; padding-left: 25px; } .j120-smart-response.j120-smart-response--rtl .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span:before { top: -1px; left: 0px; right: auto; } .j120-smart-response.j120-smart-response--rtl .m29v4-chart .m29v4-chart--header .m29v4-chart--type { left: 0px; right: auto; } .j120-smart-response.j120-smart-response--rtl .j120-alert-items .j120-alert-item .j120-alert-item-content .j120-alert-item-sent { float: left; padding-left: 20px; } .j120-smart-response-status .j120-smart-response-status-vert .j120-smart-response-statusbox { top: 220px; border-radius: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); } .j120-smart-response .smart-response-bottom-component .m89-donut-chart__title { font-size: 1.5em; } .j120-smart-response .m89-donut-chart .m89-donut-chart__title { font-size: 1.5em; } .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--title { font-size: 1.5em; } .j120-smart-response .m29v4-chart .m29v4-chart--header .m29v4-chart--type { position: absolute; top: 20px; right: 0px; left: auto; } .j120-smart-response .m28-gauge .m28-gauge--header_title { font-size: 1.5em; } .j120-smart-response .m28-gauge .m28-gauge--header span { position: absolute; right: 0px; } .j120-smart-response .m28-gauge .m28-gauge--card { height: 300px; } .j120-smart-response .m28-gauge .m28-gauge--wrapperdata { width: 50%; min-width: 180px; } .j120-smart-response .m28-gauge .m28-gauge--container { bottom: calc((100% - 360px) / 2); left: calc((100% - 360px) / 2); } .j120-smart-response .m28-gauge .m28-gauge--container svg { width: 360px; height: 360px; } .j120-smart-response .m28-gauge .m28-gauge--content { width: 45%; height: 300px; padding-left: 20px; position: relative; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-title { margin-bottom: 50px; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list { position: absolute; width: 100%; bottom: 20px; right: 0px; padding-left: 20px; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item { width: 100%; float: none; border-bottom: #ccc 1px solid; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span { float: right; padding-right: 25px; padding-left: 25px; padding-top: 0px; } .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span:before { right: 0px; left: auto; top: auto; } .j120-smart-response--card_row .grid__column--3 { width: 25%; } .j120-smart-response--ltr .m43-accountsel__image + .m43-accountsel__header { margin-left: 86px; margin-right: 0px; } .j120-smart-response--rtl .m43-accountsel__image + .m43-accountsel__header { margin-left: 0px; margin-right: 86px; } .j120-smart-response--map-wrapper .j120-smart-response--alert { width: 80%; left: 10%; top: 10px; max-width: none; } .j120-smart-response--map-content-wrapper { position: relative; } .j120-smart-response--map { height: 100%; } .j120-smart-response--map #map { height: 100%; } .j120-smart-response--map #floating-panel { top: 100px; left: 20px; width: 350px; margin-left: 0px; } .j120-smart-response--map #floating-panel input[type=text] { border: none; margin-left: 24px; width: calc(100% - 20px); border-radius: 0px; } .j120-smart-response--map #floating-panel input[type=text]:first-child { border-bottom: 1px solid #ccc; } .j120-smart-response--map #floating-panel input[type=text]:last-child { font-weight: bold; } .j120-smart-response--map .j120-smart-response-statusbox { border-radius: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.4); width: 350px; padding: 30px 20px; z-index: 5; background-color: white; position: absolute; top: 220px; left: 20px; } .j120-smart-response--map .j120-smart-response--refresh-button { position: absolute; top: 24px; z-index: 98; right: 0px; border: 2px solid #007560; cursor: pointer; background-color: white; border-radius: 10px; padding: 10px; color: #007560; font-weight: 600; } .j120-smart-response--rtl .j120-smart-response--map #floating-panel { right: 20px; left: auto; } .j120-smart-response--rtl .j120-smart-response--map .j120-smart-response-statusbox { left: auto; right: 20px; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .datalabel { font-size: 20px !important; line-height: 20px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .dataname { font-size: 16px !important; line-height: 18px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .datatime { font-size: 14px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-0 { left: 0px !important; top: 0px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-0 span { width: 150px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-1 { line-height: 14px; right: 160px !important; left: auto !important; top: 0px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-1 span { width: 150px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-2 { right: 160px !important; left: auto !important; top: 220px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-2 span { width: 150px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-3 { left: 0px !important; top: 220px !important; } .j120-smart-response .m89-donut-chart .m89-donut-chart__chart div.highcharts-data-labels .highcharts-data-label-color-3 span { width: 150px !important; } } .j120-smart-response--infoModal .m39-modal__dialog { max-height: 120px !important; } .j120-smart-response--infoModal .m39-modal__dialog .grid__row, .j120-smart-response--infoModal .m39-modal__dialog .grid__row--tight, .j120-smart-response--infoModal .m39-modal__dialog .form-introduction { margin-bottom: 16px; } .j120-smart-response--infoModal .m39-modal { height: 0px; } .j120-smart-response--infoModal .m39-modal__header { background: #007560; padding: 5px !important; min-height: 0 !important; } .j120-smart-response--infoModal .m39-modal__title { text-align: center; color: white !important; font-size: 1em !important; box-shadow: none !important; padding-right: 0; } .j120-smart-response--infoModal .m39-modal__dialog { max-width: 400px; } .j120-smart-response--infoModal .m39-modal__content { text-align: center; margin-top: 28px; height: 100%; font-size: 0.85em; overflow: visible; } .j120-smart-response--infoModal .m39-modal__content p { font-weight: normal; } .j120-smart-response--infoModal .link-call { position: relative; display: inline-block; } .j120-smart-response--infoModal .link-call:before { position: absolute; top: -13px; } .j120-smart-response--infoModal .m39-modal__trigger { color: black; font-size: 0.75em; cursor: pointer; } .j120-smart-response--infoModal .m39-modal__title { padding: 6px 15px 4px !important; } .j120-smart-response--infoModal .m39-modal__button--close { top: 4px; } @media screen and (max-width: 599px) { .j120-smart-response--infoModal .m39-modal__content { margin-top: 2%; } } @media screen and (max-width: 1024px) { .j120-smart-response--infoModal .m39-modal__content { margin-top: 3%; } .j120-smart-response--infoModal .m39-modal__dialog { max-height: 120px; max-width: 400px; } .j120-smart-response--infoModal .m39-modal__title { font-size: 0.85em; } } .j120-smart-response--ltr .link-call { padding-left: 24px; } .j120-smart-response--ltr .link-call:before { left: -4px; right: auto; } .j120-smart-response--rtl .link-call { padding-left: 24px; padding-right: 0px; } .j120-smart-response--rtl .link-call:before { left: auto; right: -30px; } @media screen and (max-width: 1024px) { .j120-smart-response--form .form-field--6 { width: 100%; margin-bottom: 0px; float: none; padding-right: 0px; padding-left: 0px; } .j120-smart-response--form .form-field--6 + .form-field--6 { margin-top: 24px; } .j120-smart-response--form + .j120-smart-response--button { margin-top: 24px; } } /* for accessibility */ .invert .j120-smart-response--button { border: 1.5px solid white; background-color: #000; color: white; } .invert .j120-smart-response--button.j120-smart-response--button__active, .invert .j120-smart-response--button:hover { background-color: white; color: #222222; } .invert .j120-smart-response--alert.warning { color: white; background-color: #000; border: 1px solid; } .invert .j120-smart-response--alert .j120-smart-response--alert_call { color: white !important; } .invert .j120-smart-response--card { color: white; background-color: #000; } .invert .j120-smart-response--card .j120-smart-response--card_title { color: white; } .invert .j120-smart-response--card_link, .invert .j120-smart-response--card_starscount { color: white; } .invert .j120-smart-response--card_link .link, .invert .j120-smart-response--card_link .m111-cs--content_headinglink, .invert .j120-smart-response--card_link .form-links__link, .invert .j120-smart-response--card_link .m14-richtext a:not(.button):not(.button--centered), .invert .j120-smart-response--card_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .invert .j120-smart-response--card_link a:not(.button):not(.button--centered), .m125-teaser--content .invert .j120-smart-response--card_link a:not(.button):not(.button--centered), .invert .j120-smart-response--card_link .links-list__link, .invert .j120-smart-response--card_starscount .link, .invert .j120-smart-response--card_starscount .m111-cs--content_headinglink, .invert .j120-smart-response--card_starscount .form-links__link, .invert .j120-smart-response--card_starscount .m14-richtext a:not(.button):not(.button--centered), .invert .j120-smart-response--card_starscount .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .invert .j120-smart-response--card_starscount a:not(.button):not(.button--centered), .m125-teaser--content .invert .j120-smart-response--card_starscount a:not(.button):not(.button--centered), .invert .j120-smart-response--card_starscount .links-list__link { color: white !important; } .invert .j120-smart-response--confirm { background-color: #000; border: 1px solid white; } .invert .j120-smart-response--confirm .j120-smart-response--confirm_edit { color: white; } .invert .j120-smart-response--confirm_form .form-field__label, .invert .j120-smart-response--confirm_form .j100-expander_label, .invert .j120-smart-response--confirm_form .field-title, .invert .j120-smart-response--confirm_form .form-field__input-wrapper--mobile-number:before { color: #222222 !important; } .invert .j120-smart-response .m40-status-message--success { background-color: #000; } .invert .form-field__input-wrapper_otp .form-field__input--otp { background-color: white; } .invert .j120-smart-response--form .m40-status-message--success .m40-status-message__title { color: white; } .invert .j120-smart-response--countdown, .invert .j120-smart-response--survey-desc { color: white; } .invert .j120-smart-response--track { border: 1px solid; } .invert .j120-smart-response--track .j120-smart-response--track_item:after { border: 2px solid white; } .invert .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done { color: white; } .invert .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:before { color: white; background-color: white; } .invert .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:after { background-color: white; } .invert .j120-smart-response--survey_star--wrapper { border: 1px solid; background-color: #000; } .invert .j120-smart-response--survey_improve--suggestA { background-color: white; color: #222222; border: 1px solid; } .invert .j120-smart-response--lang_card { border: 1px solid; } .invert .j120-smart-response .smart-response-title-component, .invert .j120-smart-response .smart-response-bottom-component, .invert .j120-smart-response .m28-gauge--outerwrapper, .invert .j120-smart-response .m89-donut-chart, .invert .j120-smart-response .smart-response-bottom-component a, .invert .j120-smart-response .m8-teaser .teaser__copy { color: #222222 !important; } .invert .j120-smart-response .j120-smart-response--lang_cardA { background: none; } .invert .j120-smart-response .m43-accountsel__status--active:after { color: white; } .invert .j120-smart-response :focus:not(div) { outline: none; } .blue .j120-smart-response--button { border: 1.5px solid white; background-color: #3a5796; color: white; } .blue .j120-smart-response--button.j120-smart-response--button__active, .blue .j120-smart-response--button:hover { background-color: white; color: #3a5796; } .blue .j120-smart-response--alert.warning { color: white; background-color: #3a5796; border: 1px solid; } .blue .j120-smart-response--alert .j120-smart-response--alert_call { color: white !important; } .blue .j120-smart-response--card { color: white; background-color: #3a5796; } .blue .j120-smart-response--card .j120-smart-response--card_title { color: white; } .blue .j120-smart-response--card_link, .blue .j120-smart-response--card_starscount { color: white; } .blue .j120-smart-response--card_link .link, .blue .j120-smart-response--card_link .m111-cs--content_headinglink, .blue .j120-smart-response--card_link .form-links__link, .blue .j120-smart-response--card_link .m14-richtext a:not(.button):not(.button--centered), .blue .j120-smart-response--card_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .blue .j120-smart-response--card_link a:not(.button):not(.button--centered), .m125-teaser--content .blue .j120-smart-response--card_link a:not(.button):not(.button--centered), .blue .j120-smart-response--card_link .links-list__link, .blue .j120-smart-response--card_starscount .link, .blue .j120-smart-response--card_starscount .m111-cs--content_headinglink, .blue .j120-smart-response--card_starscount .form-links__link, .blue .j120-smart-response--card_starscount .m14-richtext a:not(.button):not(.button--centered), .blue .j120-smart-response--card_starscount .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .blue .j120-smart-response--card_starscount a:not(.button):not(.button--centered), .m125-teaser--content .blue .j120-smart-response--card_starscount a:not(.button):not(.button--centered), .blue .j120-smart-response--card_starscount .links-list__link { color: white !important; } .blue .j120-smart-response--confirm { background-color: #3a5796; border: 1px solid white; } .blue .j120-smart-response--confirm .j120-smart-response--confirm_edit { color: white; } .blue .j120-smart-response--confirm_form .form-field__label, .blue .j120-smart-response--confirm_form .j100-expander_label, .blue .j120-smart-response--confirm_form .field-title, .blue .j120-smart-response--confirm_form .form-field__input-wrapper--mobile-number:before { color: #3a5796 !important; } .blue .j120-smart-response .m40-status-message--success { background-color: #3a5796; } .blue .form-field__input-wrapper_otp .form-field__input--otp { background-color: white; } .blue .j120-smart-response--form .m40-status-message--success .m40-status-message__title { color: white; } .blue .j120-smart-response--countdown, .blue .j120-smart-response--survey-desc { color: white; } .blue .j120-smart-response--track { border: 1px solid; } .blue .j120-smart-response--track .j120-smart-response--track_item:after { border: 2px solid white; } .blue .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done { color: white; } .blue .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:before { color: white; background-color: white; } .blue .j120-smart-response--track .j120-smart-response--track_item.j120-smart-response--track_item--done:after { background-color: white; } .blue .j120-smart-response--survey_star--wrapper { border: 1px solid; background-color: #3a5796; } .blue .j120-smart-response--survey_improve--suggestA { background-color: white; color: #3a5796; border: 1px solid; } .blue .j120-smart-response--lang_card { border: 1px solid; } .blue .j120-smart-response .smart-response-title-component, .blue .j120-smart-response .smart-response-bottom-component, .blue .j120-smart-response .m28-gauge--outerwrapper, .blue .j120-smart-response .m89-donut-chart, .blue .j120-smart-response .smart-response-bottom-component a, .blue .j120-smart-response .m8-teaser .teaser__copy { color: #222222 !important; } .blue .j120-smart-response .m28-gauge .m28-gauge--content .m28-gauge--content-list .m28-gauge--content-list-item span.tariff-green:before { background: #000; } .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .icon:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m95-power-outage_card-status:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .button--survey-active:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-next:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .slick-prev:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu__title[class*=icon-]:before, .blue .j120-smart-response .j120-alert-items .j120-alert-item .j120-alert-item-title .toggle-menu__trigger:before { color: #ccc; } .blue .j120-smart-response .j120-smart-response--lang_cardA { background: none; } .blue .j120-smart-response .m43-accountsel__status--active:after { color: #3a5796; } .blue .j120-smart-response .m49-list-filter { background: #3a5796; } .blue .j120-smart-response .m43-accountsel__accounts-listheader { background: #3a5796; } .blue .j120-smart-response :focus:not(div) { outline: none; } .blue .j120-smart-response .m43-accountsel__name { color: #222222 !important; } .red .j120-smart-response .j120-smart-response--button { background: none; color: yellow; border: 1.5px solid yellow; } .red .j120-smart-response h1.red { color: yellow; } .red .j120-smart-response .j120-smart-response--lang_cardA { background: none; color: yellow; } .red .j120-smart-response .m43-accountsel__status--active:after { color: #222222; } .red .j120-smart-response .m49-list-filter { background: #000; } .red .j120-smart-response :focus:not(div) { outline: none; } /* globalmodule */ /* homemodule */ .rose { color: #E07A8C; } .m74-rammas_expand { position: fixed; bottom: -4px; right: 0px; z-index: 9991; } .m74-rammas_expand--details { color: #222222; } .m74-rammas_expand--container { bottom: -500px; position: absolute; width: 300px; right: 16px; background-color: #FCFCFC; border-radius: 5px; padding: 24px 12px 12px; box-shadow: 0 1px 10px 0 #9B9B9B; text-align: center; font-weight: 300; opacity: 0; visibility: hidden; transition: 0.5s linear; } .m74-rammas_expand--container_active { bottom: 80px; opacity: 1; visibility: visible; } .m74-rammas_expand--highlight { font-weight: 600; margin: 12px 0px 24px; } .m74-rammas_expand--actionlist { text-align: left; } .m74-rammas_expand--action { display: block; border: 1px solid #E5E5E5; padding: 12px 16px; padding-left: 44px; position: relative; font-weight: 600; border-radius: 5px; margin-bottom: 8px; background-color: white; } .m74-rammas_expand--action:before { position: absolute; left: 8px; top: 8px; } .m74-rammas_expand--action-icon:before { position: absolute; left: 4px; top: 0px; font-size: 40px; } .m74-rammas_expand--actiontext { padding: 4px; padding-left: 12px; padding-right: 24px; border-left: solid 1px #E5E5E5; color: #222222; position: relative; font-weight: 600; font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m74-rammas_expand--actiontext:before { content: "\e60c"; font-size: 24px; } .m74-rammas_expand--actiontext:before { position: absolute; font-weight: 400; right: 0; top: -2px; color: #696969; } .m74-rammas_expand--icon { display: inline-block; height: 58px; cursor: pointer; -webkit-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.2); border-radius: 5px 5px 0 0; background-color: white; transition: 0.5s ease; } .m74-rammas_expand--icon img { max-height: 100%; } .m74-rammas_expand--iconAR { display: none; } .m74-rammas_expand--iconEN { display: inline-block; } .m74-rammas_expand--icon_active { background-color: #404040; } .m74-rammas_expand--icon_active img { display: none; position: absolute; left: 0; } .m74-rammas_expand--icon_active { font-family: iconfont; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; font-weight: normal; font-style: normal; position: relative; } .m74-rammas_expand--icon_active:before { content: "\e608"; font-size: 40px; } .m74-rammas_expand--icon_active:before { color: white; position: relative; top: 11px; left: 8px; } .m74-rammas_expand--container_img { width: 120px; max-width: 100%; } .m74-rammas_expand--container_LS { width: 550px; } .m74-rammas_expand--container_LS .m74-rammas_expand--details { float: left; width: 50%; } .m74-rammas_expand--container_LS .m74-rammas_expand--actionlist { float: right; width: 50%; } .m74-rammas_expand--auto { z-index: 9992; } .m74-rammas_expand--auto .m74-rammas_expand--container { width: 320px; right: 128px; padding: 24px 16px 32px; } .m74-rammas_expand--auto .m74-rammas_expand--container.m74-rammas_expand--container_active { bottom: 84px; } .m74-rammas_expand--auto .m74-rammas_expand--highlight { margin: 0 0 24px; text-align: left; max-width: 60%; font-weight: 600; line-height: 1.1; } .m74-rammas_expand--auto .m74-rammas_expand--bg { position: absolute; top: 0; opacity: 0.4; right: 0; width: 150px; } .m74-rammas_expand--auto .m74-rammas_expand--text { text-align: left; margin-bottom: 16px; color: #222222; line-height: 1.1; } .m74-rammas_expand--auto .m74-rammas_expand--icon, .m74-rammas_expand--auto .m74-rammas_expand--icon_active { display: none; } .m74-rammas_expand--auto .m74-rammas_expand--closebtn { display: none; position: absolute; right: 8px; top: 8px; font-weight: 600; z-index: 2; } .m74-rammas_expand--auto .m74-rammas_expand--closebtn:before { content: "\e608"; font-family: "iconfont"; } @media screen and (max-width: 599px) { .m74-rammas_expand--container { right: -2px; } .m74-rammas_expand--auto { z-index: 9992; } .m74-rammas_expand--auto .m74-rammas_expand--container { right: 0px; } } @media screen and (max-width: 766px) { .expand_active { z-index: 9993; } .m74-rammas_expand--auto .m74-rammas_expand--closebtn { display: none; } .m74-rammas_expand--auto { top: 0; } .m74-rammas_expand--auto .m74-rammas_expand--closebtn { display: block; } .m74-rammas_expand--auto .m74-rammas_expand--container { top: auto; overflow: auto; } .m74-rammas_expand--auto .m74-rammas_expand--highlight { max-width: 100%; margin: 0 0 12px; } .m74-rammas_expand--container_LS .m74-rammas_expand--details { width: 100%; } } @media screen and (max-width: 599px) { .expand_active { z-index: 9999999; } .m74-rammas_expand--auto .m74-rammas_expand--closebtn { display: block; } .m74-rammas_expand--auto .m74-rammas_expand--container.m74-rammas_expand--container_active { top: 0; } .m74-rammas_expand--auto .m74-rammas_expand--container::-webkit-scrollbar { width: 8px; } .m74-rammas_expand--auto .m74-rammas_expand--container::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 12px; } .m74-rammas_expand--auto .m74-rammas_expand--container::-webkit-scrollbar-thumb { background: #BDBDBD; border-radius: 12px; cursor: pointer; } .m74-rammas_expand--auto .m74-rammas_expand--container::-webkit-scrollbar-thumb:hover { background: #9d9d9d; } } @media screen and (max-device-width: 766px) { .expand_active { z-index: 9993; } .m74-rammas_expand--auto .m74-rammas_expand--closebtn { display: none; } .m74-rammas_expand--auto { top: auto; } .m74-rammas_expand--auto .m74-rammas_expand--container { top: auto; overflow: hidden; } .m74-rammas_expand--auto .m74-rammas_expand--container::-webkit-scrollbar { display: none; } .m74-rammas_expand--auto .m74-rammas_expand--container::-webkit-scrollbar-track { display: none; } .m74-rammas_expand--auto .m74-rammas_expand--container::-webkit-scrollbar-thumb { display: none; } .m74-rammas_expand--auto .m74-rammas_expand--highlight { max-width: 60%; margin: 0 0 24px; } .m74-rammas_expand--container_LS .m74-rammas_expand--details { width: 50%; } } /* for accessibility */ .invert .m74-rammas_expand--container { color: #222222; } /* globalmodule */ .m40v2-status-message { margin: 0 auto; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border: 1px solid; padding: 16px 8px; position: relative; text-align: center; } .grid__column--form .m40v2-status-message { width: 100%; } .m40v2-status-message + * { margin-top: 36px; } .m40v2-status-message.icon-new-success-message:before { content: "릑"; } .m40v2-status-message.icon-caution:before { content: "릒"; } .m40v2-status-message--success { border: none; background-color: rgba(0, 133, 111, 0.1); } .m40v2-status-message--success .m40v2-status-message__title { color: #007560; font-weight: normal; } .m40v2-status-message--success .m40v2-status-message__title:before { color: #007560; font-size: 38px; line-height: 0; margin-top: 11px; } .m40v2-status-message--success.icon:before, .m40v2-status-message--success.m95-power-outage_card-status:before, .m19-ql-carousel__container .m40v2-status-message--success.slick-next:before, .m19-ql-carousel__container .m40v2-status-message--success.slick-prev:before, .m85-dstore-carousel_container .m40v2-status-message--success.slick-next:before, .m85-dstore-carousel_container .m40v2-status-message--success.slick-prev:before, .survey_wrapper .survey-button-wrapper .m40v2-status-message--success.button--survey-active:before, .m3-teaser-carousel__container .m40v2-status-message--success.slick-next:before, .m3-teaser-carousel__container .m40v2-status-message--success.slick-prev:before, .toggle-menu--active .m40v2-status-message--success.toggle-menu__title[class*=icon-]:before, .m40v2-status-message--success.toggle-menu__trigger:before { font-size: 64px; color: #007560; } .m40v2-status-message--error { border: none; background-color: rgba(225, 14, 73, 0.08); } .m40v2-status-message--error .m40v2-status-message__title { color: #c70808; font-weight: normal; } .m40v2-status-message--error .m40v2-status-message__title:before { color: #c70808; font-size: 38px; line-height: 0; margin-top: 11px; } .m40v2-status-message--error.icon:before, .m40v2-status-message--error.m95-power-outage_card-status:before, .m19-ql-carousel__container .m40v2-status-message--error.slick-next:before, .m19-ql-carousel__container .m40v2-status-message--error.slick-prev:before, .m85-dstore-carousel_container .m40v2-status-message--error.slick-next:before, .m85-dstore-carousel_container .m40v2-status-message--error.slick-prev:before, .survey_wrapper .survey-button-wrapper .m40v2-status-message--error.button--survey-active:before, .m3-teaser-carousel__container .m40v2-status-message--error.slick-next:before, .m3-teaser-carousel__container .m40v2-status-message--error.slick-prev:before, .toggle-menu--active .m40v2-status-message--error.toggle-menu__title[class*=icon-]:before, .m40v2-status-message--error.toggle-menu__trigger:before { color: #c70808; font-size: 4em; } .m40v2-status-message--security { background: #FCF5E7; border: none; padding: 16px; margin-top: 10px; } .m40v2-status-message--security .m40v2-status-message__title { text-align: left; } .m40v2-status-message--security .m40v2-status-message__text { text-align: left; position: relative; display: flex; align-items: flex-start; justify-content: flex-start; gap: 16px; } .m40v2-status-message--security .m40v2-status-message__text .m40v2-status-message-security-icon { background-size: contain; background-repeat: no-repeat; background-position: center center; width: 20px; display: inline-block; height: 20px; flex-shrink: 0; } .m40v2-status-message--security.m40v2-status-small { padding: 15px 15px 15px 40px !important; } .m40v2-status-message.m40v2-status-message--donation { background: rgba(34, 34, 34, 0.05); border: 1px solid #E2E2E2; padding: 16px 12px; } .m40v2-status-message.m40v2-status-message--donation .m40v2-status-message__title_wrapper { display: flex; } .m40v2-status-message.m40v2-status-message--donation .m40v2-status-message__title { font-weight: 500; line-height: 22px; } .m40v2-status-message.m40v2-status-message--donation .m40v2-status-message__title_span { margin-top: 0px; margin-left: auto; text-align: right; min-width: 100px; line-height: 22px; font-weight: 500; } .m40v2-status-message.m40v2-status-message--donation .m40v2-status-message__title, .m40v2-status-message.m40v2-status-message--donation .m40v2-status-message__text { text-align: left; } .m40v2-status-message.m40v2-status-message--donation .m40v2-status-message__text { margin-top: 5px; } .m40v2-status-message.m40v2-status-message--static { background: #F2F3F3; border: none; } .m40v2-status-message__title { text-align: center; font-weight: bold; } .m40v2-status-message__referance { margin-bottom: 16px; margin-top: 0; color: #141414; } .m40v2-status-message__text { text-align: center; } .m40v2-status-message__text p { margin-bottom: 16px; } .m40v2-status-message__text p:last-child { margin-bottom: 0; } @media screen and (max-width: 599px) { .m40v2-status-message { width: 100%; } .m40v2-status-message--success .m40v2-status-message__title { margin-left: -14px; margin-right: 14px; } .formbuilder .m40v2-status-message--success .m40v2-status-message__title { margin-left: 0px; margin-right: 0px; } } @media screen and (min-width: 600px) { .m40v2-status-message { padding: 24px 32px; } .m40v2-status-message--security { padding: 24px; } } /* for accessibility */ .invert .m40v2-status-message--success .m40v2-status-message__title, .invert .m40v2-status-message--error .m40v2-status-message__title { color: white; } .invert .m40v2-status-message--success:before, .invert .m40v2-status-message--error:before { color: white !important; } .j121-beneficiary-easy-pay input.form-field__input-autoselect { text-overflow: ellipsis; padding-right: 40px; } .j121-beneficiary-easy-pay .button.button--cancel:before, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--cancel:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j121-beneficiary-easy-pay a.button--cancel:before, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--cancel:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j121-beneficiary-easy-pay a.button--cancel:before, .j121-beneficiary-easy-pay .button--cancel.button--centered:before, .j121-beneficiary-easy-pay .button--cancel.form-submit:before { content: none !important; } .j121-beneficiary-easy-pay .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } .j121-beneficiary-easy-pay .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; margin-top: 0px; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .j121-beneficiary-easy-pay .autocomplete-items div { padding: 10px; cursor: pointer; background-color: white; border-bottom: 1px solid #d4d4d4; } .j121-beneficiary-easy-pay .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .j121-beneficiary-easy-pay .form-field__button_link.form-field__button, .j121-beneficiary-easy-pay .form-field__button_link.form-submit-border { text-align: left; margin-top: 0px; clear: both; } .j121-beneficiary-easy-pay .form-field__button_link.form-field__button .button--save, .j121-beneficiary-easy-pay .form-field__button_link.form-submit-border .button--save { color: #008542; } .j121-beneficiary-easy-pay .form-field__button_link.form-field__button .button--cancel:before, .j121-beneficiary-easy-pay .form-field__button_link.form-submit-border .button--cancel:before { content: none !important; } .j121-beneficiary-easy-pay .form-field__input-arrow.form-field__input-wrapper:after, .j121-beneficiary-easy-pay .form-field__input-arrow.m111-content-scroller--nav_mobile-selectwrapper:after, .j121-beneficiary-easy-pay .form-field__input-arrow.j134-media--filter:after, .j121-beneficiary-easy-pay .form-field__input-arrow.j100-expander_input:after, .j121-beneficiary-easy-pay .form-field__input-arrow.field-content:after { right: 30px; } .j121-beneficiary-easy-pay .form-field__input-arrow .icon-open, .j121-beneficiary-easy-pay .form-field__input-arrow .j100-expander_input.closed { display: flex; align-items: center; justify-content: center; right: 5px; left: auto; top: calc((100% - 30px) / 2); position: absolute; cursor: pointer; z-index: 100; color: #BDBDBD; } .j121-beneficiary-easy-pay .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: white; } .j121-beneficiary-easy-pay .form-field-group { float: left; width: 100%; } .j121-beneficiary-easy-pay .form-field-group .form-field--6 { margin-bottom: 0px; margin-top: 24px; } .j121-beneficiary-easy-pay .form-field-group.edit-mode .form-field__button_link { display: block; } .j121-beneficiary-easy-pay .form-field-group.edit-mode .form-field__input, .j121-beneficiary-easy-pay .form-field-group.edit-mode .j134-media--filter-input, .j121-beneficiary-easy-pay .form-field-group.edit-mode .j100-expander_input, .j121-beneficiary-easy-pay .form-field-group.edit-mode .field-content input, .field-content .j121-beneficiary-easy-pay .form-field-group.edit-mode input, .j121-beneficiary-easy-pay .form-field-group.edit-mode .field-content textarea, .field-content .j121-beneficiary-easy-pay .form-field-group.edit-mode textarea, .j121-beneficiary-easy-pay .form-field-group.edit-mode .field-content select, .field-content .j121-beneficiary-easy-pay .form-field-group.edit-mode select { pointer-events: auto; } .j121-beneficiary-easy-pay .form-field-group .form-field__button_link { display: none; } .j121-beneficiary-easy-pay .form-field-group .form-field__input, .j121-beneficiary-easy-pay .form-field-group .j134-media--filter-input, .j121-beneficiary-easy-pay .form-field-group .j100-expander_input, .j121-beneficiary-easy-pay .form-field-group .field-content input, .field-content .j121-beneficiary-easy-pay .form-field-group input, .j121-beneficiary-easy-pay .form-field-group .field-content textarea, .field-content .j121-beneficiary-easy-pay .form-field-group textarea, .j121-beneficiary-easy-pay .form-field-group .field-content select, .field-content .j121-beneficiary-easy-pay .form-field-group select { pointer-events: none; } .j121-beneficiary-easy-pay .icon-edit { width: 5%; float: left; margin-right: 0px; margin-top: 60px; } .j121-beneficiary-easy-pay .icon-edit:before { font-size: 25px; } .j121-beneficiary-easy-pay .icon-cancel, .j121-beneficiary-easy-pay .button--upload_remove:before, .j121-beneficiary-easy-pay .m70-status-tracker-vertical-title.rejected:before { width: 5%; float: left; margin-top: 60px; padding-left: 5px; } .j121-beneficiary-easy-pay .icon-cancel:before, .j121-beneficiary-easy-pay .button--upload_remove:before, .j121-beneficiary-easy-pay .m70-status-tracker-vertical-title.rejected:before { font-size: 28px; } .j121-beneficiary-easy-pay .form-field__button_link.form-field__button, .j121-beneficiary-easy-pay .form-field__button_link.form-submit-border { text-align: left; margin-top: 0px; clear: both; } .j121-beneficiary-easy-pay .form-field__button_link.form-field__button .button--save, .j121-beneficiary-easy-pay .form-field__button_link.form-submit-border .button--save { color: #008542; } .j121-beneficiary-easy-pay .form-field__button_link.form-field__button .button--cancel:before, .j121-beneficiary-easy-pay .form-field__button_link.form-submit-border .button--cancel:before { content: none !important; } .j121-beneficiary-easy-pay .form-field__input-arrow.form-field__input-wrapper:after, .j121-beneficiary-easy-pay .form-field__input-arrow.m111-content-scroller--nav_mobile-selectwrapper:after, .j121-beneficiary-easy-pay .form-field__input-arrow.j134-media--filter:after, .j121-beneficiary-easy-pay .form-field__input-arrow.j100-expander_input:after, .j121-beneficiary-easy-pay .form-field__input-arrow.field-content:after { right: 30px; } .j121-beneficiary-easy-pay .form-field__input-arrow .icon-open, .j121-beneficiary-easy-pay .form-field__input-arrow .j100-expander_input.closed { right: 5px; left: auto; top: calc((100% - 30px) / 2); position: absolute; cursor: pointer; z-index: 100; } .j121-beneficiary-easy-pay .link-faq { float: right; } .j121-beneficiary-easy-pay .form-field--6 .form-field__input--text, .j121-beneficiary-easy-pay .form-field--6 .j134-media--filter-inputsearch, .j121-beneficiary-easy-pay .form-field--6 input[type=email], .j121-beneficiary-easy-pay .form-field--6 input[type=number], .j121-beneficiary-easy-pay .form-field--6 input[type=password], .j121-beneficiary-easy-pay .form-field--6 input[type=tel], .j121-beneficiary-easy-pay .form-field--6 input[type=text], .j121-beneficiary-easy-pay .form-field--6 input[type=url], .j121-beneficiary-easy-pay .form-field--6 input[type=color], .j121-beneficiary-easy-pay .form-field--6 input[type=date], .j121-beneficiary-easy-pay .form-field--6 .field-content textarea, .field-content .j121-beneficiary-easy-pay .form-field--6 textarea { padding: 5px 12px 8px; padding-right: 32px; } .j121-beneficiary-easy-pay .form-field__button_legend { text-align: left; margin-top: 0px; } .j121-beneficiary-easy-pay .editBtn { cursor: pointer; } .j121-beneficiary-easy-pay .deleteBtn { cursor: pointer; } .j121-beneficiary-easy-pay .m39-modal__dialog { max-height: 200px; } .j121-beneficiary-easy-pay .m39-modal__content { top: 50px; bottom: 0px; } .j121-beneficiary-easy-pay .intro-text + .grid__row.error-html, .j121-beneficiary-easy-pay .intro-text + .error-html.grid__row--tight, .j121-beneficiary-easy-pay .intro-text + .error-html.form-introduction { margin-top: 24px; } @media screen and (max-width: 599px) { .j121-beneficiary-easy-pay .button + .button, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j121-beneficiary-easy-pay a + .button, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j121-beneficiary-easy-pay .button + a, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j121-beneficiary-easy-pay a + a, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j121-beneficiary-easy-pay a + .button, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j121-beneficiary-easy-pay .button + a, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j121-beneficiary-easy-pay a + a, .j121-beneficiary-easy-pay .button--centered + .button, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j121-beneficiary-easy-pay .button--centered + a, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j121-beneficiary-easy-pay .button--centered + a, .j121-beneficiary-easy-pay .form-submit + .button, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j121-beneficiary-easy-pay .form-submit + a, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j121-beneficiary-easy-pay .form-submit + a, .j121-beneficiary-easy-pay .button + .button--centered, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j121-beneficiary-easy-pay a + .button--centered, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j121-beneficiary-easy-pay a + .button--centered, .j121-beneficiary-easy-pay .button--centered + .button--centered, .j121-beneficiary-easy-pay .form-submit + .button--centered, .j121-beneficiary-easy-pay .button + .form-submit, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j121-beneficiary-easy-pay a + .form-submit, .j121-beneficiary-easy-pay .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j121-beneficiary-easy-pay a + .form-submit, .j121-beneficiary-easy-pay .button--centered + .form-submit, .j121-beneficiary-easy-pay .form-submit + .form-submit { margin-left: 0px; margin-right: 0px; margin-top: 20px; } .j121-beneficiary-easy-pay .form-field__button_link .button--cancel { margin-top: 0px; } } .m47-new-video-gallery__title-bar { text-align: center; margin: 16px 0 24px; padding: 12px 0; } .m47-new-video-gallery__title-bar .m47-new-video-gallery__title { display: inline-block; color: #007560; font-weight: 600; } .m47-new-video-gallery--main { display: flex; align-items: stretch; justify-content: start; gap: 24px; } .m47-new-video-gallery--player { width: calc((100% - 24px) * 0.6666666667); flex-shrink: 0; } .m47-new-video-gallery__videoplayer--inner { width: 100%; height: 540px; border-radius: 10px; } .m47-new-video-gallery--playlist { width: calc((100% - 24px) / 3); height: 540px; display: flex; flex-flow: column; align-items: stretch; justify-content: start; gap: 16px; } .m47-new-video-gallery--playlist-inner { overflow: auto; } .m47-new-video-gallery--playlist_item { display: flex; align-items: stretch; justify-content: start; gap: 8px; padding: 0; text-align: start; width: 100%; } .m47-new-video-gallery--playlist_item:not(.m47-new-video-gallery--playlist_item--active:first-child) + .m47-new-video-gallery--playlist_item { margin-top: 16px; } .m47-new-video-gallery--playlist_item.m47-new-video-gallery--playlist_item--active { position: relative; cursor: default; display: none; } .m47-new-video-gallery--playlist_details { display: flex; flex-flow: column; justify-content: start; } .m47-new-video-gallery--playlist_thumb { position: relative; width: 172px; aspect-ratio: 16/9; flex-shrink: 0; background-size: cover; background-position: center; border-radius: 10px; background-color: #DDD; } .m47-new-video-gallery--playlist_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m47-new-video-gallery--playlist_len { color: white; background-color: #222222; padding: 2px 4px; border-radius: 4px; position: absolute; right: 4px; bottom: 2px; } .m47-new-video-gallery--playlist_date { color: #6F6F6F; } .m47-new-video-gallery--playerdetails { margin-top: 24px; } .m47-new-video-gallery--playertitle { font-weight: 600; } .m47-new-video-gallery--playerpub, .m47-new-video-gallery--playerlen { color: #6F6F6F; } .m47-new-video-gallery--playerdesc { margin-top: 16px; } .m47-new-video-gallery--playerdesc p + p { margin-top: 16px; } .m47-new-video-gallery--playlistToggle { display: none; } @media screen and (max-width: 1024px) { .m47-new-video-gallery--main { flex-flow: column; } .m47-new-video-gallery--player, .m47-new-video-gallery--playlist { width: 100%; } .m47-new-video-gallery__videoplayer--inner { height: auto; aspect-ratio: 16/9; } } /* homemodule */ .m41-persona-tabs-box__tabs { background: white; padding-top: 1px; } .m41-persona-tabs-box__tabs--modal { padding-top: 10px; margin-bottom: 20px; } .m41-persona-tabs-box__tab-panel { display: none; } .m41-persona-tabs-box__tab-items_wrapper { box-shadow: 0 3px 16px 0 #e0e0e0; } @media screen and (max-width: 599px) { .m41-persona-tabs-box__tab-items_inner { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m41-persona-tabs-box__tab-items_inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m41-persona-tabs-box__tab-items_inner { width: 90%; max-width: 1400px; margin: 0 auto; } } .m41-persona-tabs-box__tab-items { display: table; margin: auto; position: relative; } .m41-persona-tabs-box__tab-item { display: table-cell; vertical-align: middle; text-align: center; width: 500px; } .m41-persona-tabs-box__tab-panel .bill-img { width: 100%; } .m41-persona-tabs-box__tab-link { display: block; padding: 32px 16px; color: #717173; font-weight: bold; margin-left: 9px; margin-right: 9px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; cursor: pointer; } .m41-persona-tabs-box__tab-panels { background-color: #f1f1f1; padding: 48px 0 0; } .m41-persona-tabs-box__tab-link:hover .m41-persona-tabs-box-icon { border: 3px solid #717173; color: #007560; } .m41-persona-tabs-box-icon { display: flex; align-items: center; justify-content: center; } .m41-persona-tabs-box-icon img { max-width: 75%; max-height: 100%; } .m41-persona-tabs-box__tab-link--active { position: relative; color: #222222; } .m41-persona-tabs-box__tab-link--active .m41-persona-tabs-box-icon { border: 3px solid #007560 !important; width: 80px; height: 80px; color: white !important; } .m41-persona-tabs-box__tab-link--active:before { content: " "; background-color: white; width: 30px; height: 30px; position: absolute; bottom: -10px; transform: rotate(45deg); left: calc(50% - 15px); } .m41-persona-tabs-box__panel { visibility: hidden; z-index: 0; position: absolute; } .m41-persona-tabs-box__panel--active { visibility: visible; z-index: 1; position: relative; } .m41-persona-tabs-box__tabs--modal { margin-top: 20px; margin-left: -15px; margin-right: -15px; } .m41-persona-tabs-box--select-mobile { border-radius: 0px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items_wrapper { background: #F2F3F3; overflow-x: scroll; padding-top: 50px; padding-bottom: 40px; scrollbar-width: none; -ms-overflow-style: none; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items_wrapper::-webkit-scrollbar { display: none; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { display: flex; align-items: stretch; } @media screen and (max-width: 599px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { padding-left: 16px; padding-right: 16px; } } @media screen and (max-width: 599px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { margin-left: 16px; margin-right: 16px; } } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item { text-align: left; width: 100%; display: flex; align-items: stretch; justify-content: flex-start; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item + .m41-persona-tabs-box__tab-item { margin-left: 8px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link { padding: 16px 16px 36px; color: #222222; background: white; border-radius: 16px; min-height: 137px; line-height: 1.5; width: 100%; box-shadow: 0px 2px 8px 0px rgba(48, 48, 52, 0.08); transition: 0.25s all linear; position: relative; bottom: 0px; border: 0.5px solid #CCC; margin: 0; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active:before, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:hover:before { content: " "; background-color: white; width: 20px; height: 20px; position: absolute; z-index: 0; bottom: -10px; transform: rotate(45deg); left: calc(50% - 15px); box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, 0.08); } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:hover { box-shadow: 0px 30px 35px rgba(34, 34, 34, 0.4); bottom: 40px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:hover:before { box-shadow: none; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:hover { bottom: 0px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:focus-visible { background-color: #F9DC4A; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link { box-shadow: 0px 32px 24px rgba(34, 34, 34, 0.3); bottom: 40px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link:before { content: " "; background-color: white; width: 20px; height: 20px; position: absolute; z-index: 0; bottom: -10px; transform: rotate(45deg); left: calc(50% - 15px); } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active { bottom: 40px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-itemdesc { font-weight: 300; position: relative; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box-icon { border: none; border-radius: 0px; height: 60px; width: 80px; margin: 0px; justify-content: left; margin-bottom: 12px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box-icon img { max-height: 60px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box-text { font-weight: 400; display: inline-block; margin-top: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link--active .m41-persona-tabs-box-icon { border: none !important; height: 60px !important; width: 80px !important; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:hover .m41-persona-tabs-box-icon { border: none; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-panels { background-color: #F2F3F3; } @media screen and (max-width: 599px) { .m41-persona-tabs-box__tab-items { display: block; } .m41-persona-tabs-box__tab-item { display: inline-block; width: calc((100% - 20px) / 5); padding: 16px 0; white-space: nowrap; font-size: 0.875em; } .m41-persona-tabs-box__tab-link { font-weight: 300; color: #717173; padding: 0; margin: 0; } .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active { color: #222222; } .m41-persona-tabs-box-icon { width: 50px; height: 50px; margin: 0 auto; border-radius: 50%; border: 1px solid #bdbdbd; overflow: hidden; position: relative; margin-bottom: 8px; } .m41-persona-tabs-box-icon:before { font-size: 64px; position: relative; left: -8px; top: -10px; } .m41-persona-tabs-box__tab-link--active:before { width: 20px; height: 20px; bottom: -24px; left: calc(50% - 10px); } .m41-persona-tabs-box__tab-link--active .m41-persona-tabs-box-icon { border: 1px solid #007560; width: 50px; height: 50px; color: white !important; } .m41-persona-tabs-box-icon:hover { border: 1px solid #007560; } .m41-persona-tabs-box__tab-items { width: auto; } .m41-persona-tabs-box-v2 { margin-top: -322px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items_inner .m41-persona-tabs-box__tab-item { white-space: normal; min-width: 250px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items_inner .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link { bottom: 0px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items_inner .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link:before { content: none; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-panels { padding: 64px 0 0; } } @media screen and (max-width: 1024px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link { padding: 16px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active { background-color: #e0f3ec; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active:before { content: none; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:hover { background-color: #e0f3ec; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:hover:before { content: none; } } @media screen and (min-width: 600px) { .m41-persona-tabs-box--mobile { display: none; } .m41-persona-tabs-box--desktop { display: block; } .m41-persona-tabs-box-icon { border: 1px solid #bdbdbd; border-radius: 50%; overflow: hidden; height: 80px; width: 80px; margin: 0 auto 12px; position: relative; } .m41-persona-tabs-box-icon:before { font-size: 100px; line-height: 80px; position: absolute; left: -11px; } .m41-persona-tabs-box__tab-link:hover .m41-persona-tabs-box-icon { border: 3px solid #717173; color: #007560; } .m41-persona-tabs-box__tab-link--active { position: relative; color: #222222; } .m41-persona-tabs-box__tab-link--active .m41-persona-tabs-box-icon { border: 3px solid #007560 !important; width: 80px; height: 80px; color: white !important; } .m41-persona-tabs-box__tab-link--active:before { content: " "; background-color: white; width: 30px; height: 30px; position: absolute; bottom: -10px; transform: rotate(45deg); left: calc(50% - 15px); } .m41-persona-tabs-box-v2 { margin-top: -332px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item { min-width: 250px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-panels { padding: 72px 0 0; } } @media screen and (max-width: 1024px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { display: block; margin-top: 268px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item + .m41-persona-tabs-box__tab-item { margin: 16px 0 0; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link--active { bottom: 0 !important; background-color: #e0f3ec; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link:before, .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item:hover .m41-persona-tabs-box__tab-link--active:before { content: none; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active { border: solid 3px #007560; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active:before { z-index: -1; } } @media screen and (max-width: 599px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { margin-top: 288px; } } @media screen and (max-device-width: 1024px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { display: flex; margin-top: 0; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item + .m41-persona-tabs-box__tab-item { margin: 0; margin-left: 8px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active { border: none; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active:before { z-index: 0; } } @media screen and (max-device-width: 599px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { display: flex; align-items: stretch; margin: 0 12px; } } @media screen and (max-device-width: 599px) and (max-width: 599px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { width: auto; max-width: 100%; } } @media screen and (max-device-width: 599px) and (min-width: 600px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (max-device-width: 599px) and (min-width: 1025px) { .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-items { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m41-persona-tabs-box--mobile { display: none; } .m41-persona-tabs-box--desktop { display: block; } .m41-persona-tabs-box-icon { border: 1px solid #bdbdbd; border-radius: 50%; overflow: hidden; height: 100px; width: 100px; margin: 0 auto 12px; position: relative; } .m41-persona-tabs-box-icon:before { font-size: 100px; line-height: 100px; position: absolute; left: -11px; } .m41-persona-tabs-box__tab-link:hover .m41-persona-tabs-box-icon { border: 3px solid #717173; color: #007560; } .m41-persona-tabs-box__tab-link--active { position: relative; color: #222222; } .m41-persona-tabs-box__tab-link--active .m41-persona-tabs-box-icon { border: 3px solid #007560 !important; width: 100px; height: 100px; color: white !important; } .m41-persona-tabs-box__tab-link--active:before { content: " "; background-color: white; width: 30px; height: 30px; position: absolute; bottom: -10px; transform: rotate(45deg); left: calc(50% - 15px); } .m41-persona-tabs-box-v2 { margin-top: -286px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-item { min-width: unset; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link:hover { box-shadow: 0px 30px 35px rgba(34, 34, 34, 0.4); bottom: 40px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-link.m41-persona-tabs-box__tab-link--active:hover { bottom: 0px; } .m41-persona-tabs-box-v2 .m41-persona-tabs-box__tab-panels { padding: 32px 0 0; } } /* homemodule */ .m4-masonry { height: 1000px; position: relative; } .m4-masonry .m6-teaser { min-height: auto; text-align: left; padding: 20px 24px; box-shadow: 0 0px 1px 0 #9B9B9B; margin-top: 16px; overflow: auto; } .m4-masonry .m6-teaser:hover { box-shadow: 0 0px 5px 0 #9B9B9B; } .m4-masonry .m6-teaser .m6-teaser--background:hover { background-color: transparent; } .m4-masonry .m6-teaser .m6-teaser__title-img { margin-bottom: 16px; max-width: 50%; padding: 0; } .m4-masonry .m6-teaser .m6-teaser__text { padding: 0; line-height: 1.5; font-weight: 400; color: #222222; max-height: unset; -webkit-line-clamp: none; } .m4-masonry .m6-teaser .m6-teaser__text.white { color: white !important; font-weight: 300; } .m4-masonry .m6-teaser .m6-teaser__counter { margin: 12px 0px 12px; line-height: 1; color: #222222; font-weight: 700; word-break: break-word; } .m4-masonry .m6-teaser .m6-teaser__counter.white { color: white; } .m4-masonry .m6-teaser .m6-teaser__counter .m6-teaser__counter-unit { font-size: 16px; font-weight: 100; color: #717173; } .m4-masonry .m6-teaser .m6-teaser__counter .m6-teaser__counter-unit.white { color: white; } .m4-masonry--item_wrapper { margin-bottom: 30px; width: calc((100% - 60px) / 3); position: absolute; transition: 0.5s all; opacity: 0; transform: translate(0px, 100px); } .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--item { padding: 16px 16px 32px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04); } .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--item.padding-fix { padding: 16px 16px; } .m4-masonry--item_wrapper.m4-masonry-service-guide .m6-teaser-service-guide.m6-teaser { box-shadow: none; } .m4-masonry--item_wrapper.m4-masonry-service-guide .m6-teaser-service-guide.m6-teaser:hover { box-shadow: none; } .m4-masonry--item_wrapper.m4-masonry-service-guide .m6-teaser-service-guide.m6-teaser--background { display: none; margin-top: 0px; margin-bottom: 30px; min-height: 212px; background-size: cover !important; background-position: center; background-color: rgba(245, 241, 237, 0.59) !important; } .m4-masonry--item_wrapper.m4-masonry-service-guide .m4-masonry--title { font-weight: 600; } .m4-masonry--item_wrapper--show { opacity: 1 !important; transform: translate(0px, 0px) !important; } .m4-masonry--item_wrapper--instant { opacity: 1 !important; transform: translate(0px, 0px) !important; transition: 0s all !important; } .m4-masonry--item { padding: 24px; border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04); border: solid 1px #D7D7DF; background-color: white; } .m4-masonry--title { position: relative; font-weight: 600; margin-bottom: 24px; } .m4-masonry--title:before { content: none !important; } .m41-tabs-box--variant4_service-guide .m4-masonry--title:after { top: calc(50% - 18px); } .m41-tabs-box--variant4_service-guide .m4-masonry--title::before { top: calc(50% - 25px); } .m4-masonry--list_item { padding-left: 28px; position: relative; color: #222222; font-weight: 400; line-height: 1.5; } .m4-masonry--list_item:before { content: "릓"; font-family: "iconfont"; position: absolute; left: 0px; top: calc((100% - 36px) / 2 - 2px); height: 36px; display: flex; align-items: center; color: #222222; font-size: 24px; } .m4-masonry--list_item + .m4-masonry--list_item { margin-top: 18px; } .m4-masonry--list_item:hover { color: #007560; } .m4-masonry--list_item:hover:before { color: #007560; } .m4-masonry--list_link { color: #222222; position: relative; word-break: break-word; } .m4-masonry--list_link:before { position: absolute; bottom: 0; left: 0; overflow: hidden; padding: 2px 0; width: 0; border-bottom: 1.5px solid #007560; color: #007560; content: ""; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .m4-masonry--list_link:hover { color: #007560; } .m4-masonry--list_link:hover:before { color: #007560; width: 100%; } .m4-masonry--list_item-tag { text-transform: capitalize; line-height: 1; padding: 7px 8px 6px; border-radius: 15px; color: white; margin-left: 4px; display: inline-block; } .m4-masonry--list_item-tag.new { background-color: #B00020; } .m4-masonry--list_item-tag.trending { background-color: #0B7BC1; } .m4-masonry--item_promo { max-height: 190px; background-size: cover; background-repeat: no-repeat; position: relative; color: #222222; padding-bottom: 16px; min-height: 150px; display: block; box-sizing: border-box; } .m4-masonry--item_promo img { height: 50px; position: absolute; top: 16px; right: 16px; } .m4-masonry--item_promo .m4-masonry--title { padding: 50px 0 0; margin: 0; } .m4-masonry--item_promo .m4-masonry--title:after { content: "" !important; } .m4-masonry--item_promo .m4-masonry--subtitle { margin-top: 8px; } .j174-dewa-store--teaser { padding: 24px; border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04); border: solid 1px #D7D7DF; background-color: white; display: flex; align-items: center; justify-content: flex-start; color: #222222; } .j174-dewa-store--teaser a { display: flex; align-items: center; justify-content: flex-start; color: #222222; } .j174-dewa-store--teaser img { max-height: 60px; margin-right: 24px; } .j174-dewa-store--teaser_title { font-weight: 700; } .j174-dewa-store--teaser_title + * { margin-top: 8px; } .j174-dewa-store--teaser_desc { font-weight: 300; } @media screen and (max-width: 599px) { .m4-masonry { height: auto !important; } .m4-masonry--item_wrapper { position: initial; width: 100%; margin-bottom: 16px; } .m4-masonry--item { height: 68px; overflow: hidden; padding: 16px 20px; border: solid 1px #D7D7DF; border-radius: 8px; box-shadow: none; transition: 0.25s all; } .m4-masonry--title { padding-right: 40px; text-transform: uppercase; font-size: 1em; margin-bottom: 24px; } .m4-masonry--title:before { top: -12px; } .m4-masonry--title:after { font-family: iconfont; content: "\e604"; color: #BDBDBD; position: absolute; font-size: 36px; top: -6px; right: 0; line-height: 1; } .m4-masonry--item_wrapperactive .m4-masonry--title:after { content: "\e605"; } .j174-dewa-store--teaser { height: unset; margin-top: 24px; } } @media screen and (min-width: 600px) { .m4-masonry { height: 1000px; position: relative; } .m4-masonry .m6-teaser { min-height: auto; padding: 20px 24px; box-shadow: 0 0px 1px 0 #9B9B9B; margin-top: 16px; } .m4-masonry .m6-teaser:hover { box-shadow: 0 0px 5px 0 #9B9B9B; } .m4-masonry .m6-teaser .m6-teaser--background:hover { background-color: transparent; } .m4-masonry .m6-teaser .m6-teaser__title-img { margin-bottom: 16px; max-width: 50%; padding: 0; max-height: 80px; } .m4-masonry .m6-teaser .m6-teaser__text { padding: 0; line-height: 1.5; font-size: 1em; color: #222222; } .m4-masonry .m6-teaser .m6-teaser__text.white { color: white; font-weight: 300; } .m4-masonry--item { padding: 24px; border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04); border: solid 1px #D7D7DF; background-color: white; height: auto !important; } .m4-masonry--title { position: relative; font-weight: 600; margin-bottom: 24px; } .m4-masonry--title:before { content: none !important; } .m4-masonry--list_item { padding-left: 28px; position: relative; color: #222222; font-weight: 400; line-height: 1.5; } .m4-masonry--list_item:before { content: "릓"; font-family: "iconfont"; position: absolute; left: 0px; top: calc((100% - 36px) / 2 - 2px); height: 36px; display: flex; align-items: center; color: #222222; font-size: 24px; } .m4-masonry--list_item + .m4-masonry--list_item { margin-top: 18px; } .m4-masonry--item_wrapper { margin-bottom: 30px; width: calc((100% - 30px) / 2); position: absolute; transition: 0.25s all; opacity: 0; transform: translate(0px, 100px); } .m4-masonry--item_wrapper.m4-masonry-service-guide .m6-teaser-service-guide.m6-teaser--background { display: block; } } @media screen and (min-width: 1025px) { .m4-masonry--item { height: auto !important; } .m4-masonry--item_wrapper { margin-bottom: 30px; width: calc((100% - 60px) / 3); position: absolute; transition: 0.25s all; opacity: 0; transform: translate(0px, 100px); } .m4-masonry--item_wrapper.m4-masonry-service-guide .m6-teaser-service-guide.m6-teaser--background { display: block; } } /* homemodule */ .m18-quick-tools { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 400px; background-color: white; } .m18-quick-tools:not(.m18-quick-tools--investor) { background-image: none !important; } .m18-quick-tools + .grid, .m18-quick-tools + .m85-dstore-carousel_container, .m18-quick-tools + .m12-bar__wrapper, .m41-tabs-box--variant4 .m18-quick-tools + .m41-tabs-box__tab-items, .m41-tabs-box--variant5 .m18-quick-tools + .m41-tabs-box__tab-items, .m18-quick-tools + .service-message__wrapper, .m18-quick-tools + .m31-search--doormat_inner { margin-top: 56px; } .m18-quick-tools .m7-teaser--variant { border: solid 1px #E4E2E6; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04); display: flex; } .m18-quick-tools .m7-teaser--variant .teaser__title { font-weight: 400; } .m18-quick-tools--container { position: relative; width: 100%; margin: 0 auto; } .m18-quick-tools--wrapper { overflow: auto; padding: 56px 0; } @media screen and (max-width: 599px) { .m18-quick-tools--wrapper { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m18-quick-tools--wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m18-quick-tools--wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } .m18-quick-tools--wrapper { margin: 0 auto; } @media screen and (max-width: 599px) { .m18-quick-tools--panelouter { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m18-quick-tools--panelouter { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .m18-quick-tools--panelouter { padding-left: 16px; padding-right: 16px; } } @media screen and (max-width: 599px) { .m18-quick-tools--panelouter { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .m18-quick-tools--panelouter { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .m18-quick-tools--panelouter { margin-left: 16px; margin-right: 16px; } } .m18-quick-tools--title { font-weight: bold; color: #222222; margin-bottom: 24px; } .m18-quick-tools--subtitle { color: #222222; margin-bottom: 24px; } .m18-quick-tools--content .form-field__input-wrapper, .m18-quick-tools--content .m111-content-scroller--nav_mobile-selectwrapper, .m18-quick-tools--content .j134-media--filter, .m18-quick-tools--content .j100-expander_input, .m18-quick-tools--content .field-content { width: 90%; border-radius: 30px; } .m18-quick-tools--content .form-field__input-wrapper:after, .m18-quick-tools--content .m111-content-scroller--nav_mobile-selectwrapper:after, .m18-quick-tools--content .j134-media--filter:after, .m18-quick-tools--content .j100-expander_input:after, .m18-quick-tools--content .field-content:after { right: 40px; } .m18-quick-tools--content .form-field__input, .m18-quick-tools--content .j134-media--filter-input, .m18-quick-tools--content .j100-expander_input, .m18-quick-tools--content .field-content input, .field-content .m18-quick-tools--content input, .m18-quick-tools--content .field-content textarea, .field-content .m18-quick-tools--content textarea, .m18-quick-tools--content .field-content select, .field-content .m18-quick-tools--content select { border-radius: 30px; outline: none !important; padding-right: 74px; } .m18-quick-tools--content .parsley-required { color: white; } .m18-quick-tools { height: auto !important; } .m18-quick-tools .m18-quick-tools--content { display: flex; flex-flow: wrap; } .m18-quick-tools .m18-quick-tools--content .m7-teaser { width: 100%; } .m18-quick-tools .m18-quick-tools--content .m7-teaser + .m7-teaser { margin: 10px 0px 0px 0px; } .m18-quick-tools .m18-quick-tools--content .m7-teaser__image { position: static; width: 150px; } .m18-quick-tools .m18-quick-tools--content .m7-teaser__image + .m7-teaser__content { margin-left: 28px; } .m18-quick-tools .m18-quick-tools--content .m7-teaser--variant .m7-teaser__content { display: flex; width: calc(100% - 150px); min-height: 100px; } .m18-quick-tools .m18-quick-tools--content .m7-teaser--variant .m7-teaser__copy { -webkit-line-clamp: unset; } .m18-quick-tools--submit { position: absolute; top: 2px; right: calc(10% + 8px); color: #007560; z-index: 1px; } .m18-quick-tools--content_card { height: 120px; float: left; width: calc((100% - 49px) / 4); background-color: white; border-radius: 5px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); cursor: pointer; transition: 0.25s all; } .m18-quick-tools--content_card + .m18-quick-tools--content_card { margin-left: 16px; } .m18-quick-tools--content_card:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m18-quick-tools--content_cardwrapper { padding: 12px; width: 100%; max-height: 120px; text-align: center; } .m18-quick-tools--content_cardwrapper img { max-height: 90px; max-width: 100%; } .m18-quick-tools .slick-dots { display: inline; z-index: 91; } .m18-quick-tools .slick-dots li { margin: 0 4px; vertical-align: middle; width: 17px; } .m18-quick-tools .slick-dots li button:before { opacity: 1; filter: alpha(opacity=100); color: #717173; font-size: 32px; content: "\e60b"; line-height: 22px; left: -3px; } .m18-quick-tools .slick-dots li.slick-active button:before { font-size: 36px; color: white; content: "\e60b"; left: -2px; } .m18-quick-tools--investor { background-attachment: unset; background-color: #404040; } .m18-quick-tools--investor .m18-quick-tools--title, .m18-quick-tools--investor .m18-quick-tools--subtitle { color: white; } .m18-quick-tools--contactus_text { color: white; } .m18-quick-tools--contactus_text + .m18-quick-tools--contactus_text { margin-top: 12px; } .m18-quick-tools--info_row + .m18-quick-tools--info_row { margin-top: 48px; } .m18-quick-tools--info_row .button--text, .m18-quick-tools--info_row .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m18-quick-tools--info_row a, .m18-quick-tools--info_row .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m18-quick-tools--info_row a, .m18-quick-tools--info_row .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .m18-quick-tools--info_row a, .m18-quick-tools--info_row .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .m18-quick-tools--info_row a, .m18-quick-tools--info_row .button--text-centered { color: white; } .m18-quick-tools--info { width: 33.3333%; float: left; text-align: center; color: white; } .m18-quick-tools--info-value { font-weight: bold; } .m18-quick-tools--info-value .currency { font-size: 0.375em; font-weight: 300; } .m18-quick-tools--info-value .supp { vertical-align: super; font-size: 0.5em; font-weight: 300; } .m18-quick-tools--info-key { margin-top: 12px; line-height: 1.25em; } .m18-quick-tools--contactus { position: relative; } .m18-quick-tools--contactus + .m18-quick-tools--contactus { margin-top: 36px; } .m18-qt-contact--thumb { width: 50px; height: 50px; border-radius: 50%; background-color: #DDE0E8; position: absolute; background-size: cover; background-position: center center; } .m18-qt-contact--details { padding-top: 8px; padding-left: 64px; } .m18-qt-contact--name { color: white; font-weight: bold; } .m18-qt-contact--name .button--nextNEW { color: white; font-weight: bold; } .m18-qt-contact--designation { font-weight: 300; color: #717173; margin-top: 8px; } .m18-qt-contact--designation + .m18-qt-contact--link { margin-top: 20px; } .m18-qt-contact--text { display: block; position: relative; color: white; margin-top: 12px; font-weight: 300; } .m18-qt-contact--link { display: inline-block; position: relative; color: #222222; margin-top: 12px; font-weight: 300; color: #7FC9BB; } .m18-qt-contact--link:before { position: absolute; left: 0; top: -6px; } .m18-qt-contact--link:hover { text-decoration: underline; } .m18-quick-tools--investor { background-attachment: unset; background-color: #0B7BC1; } .m18-quick-tools--investor .m18-quick-tools--title { font-weight: 400; margin-bottom: 12px; } .m18-quick-tools--investor .button--quicktools { background-color: #449ED6; color: #fff; } @media screen and (max-width: 599px) { .m18-quick-tools { min-height: 250px; } .m18-quick-tools .m7-teaser--variant { padding: 0; flex-flow: column; } .m18-quick-tools .m7-teaser--variant .m7-teaser__image { background-color: #f8f8f8; width: 100%; padding: 8px; } .m18-quick-tools .m7-teaser--variant .m7-teaser__image + .m7-teaser__content { margin-left: 0; width: 100%; padding: 16px; } .m18-quick-tools .m7-teaser--variant .m7-teaser__image-item { width: auto; max-height: 80px; } .m18-quick-tools--panel, .m18-quick-tools--panel--1, .m18-quick-tools--panel--2 { width: 100%; float: none; } .m18-quick-tools--title { margin-bottom: 12px; } .m18-quick-tools--subtitle { margin-bottom: 20px; } .m18-quick-tools--content_card { height: 70px; width: calc((100% - 24px) / 4); } .m18-quick-tools--content_card + .m18-quick-tools--content_card { margin-left: 8px; } .m18-quick-tools--content_cardwrapper { padding: 8px 12px; } .m18-quick-tools--content_cardwrapper img { max-height: 54px; max-width: 100%; margin: 0 auto; } .m18-quick-tools--wrapper { width: auto; padding: 24px 0px; } .m18-quick-tools--investor { height: auto; } .m18-quick-tools--contactus { margin-top: 32px; } .m18-quick-tools--info_row + .m18-quick-tools--info_row { margin-top: 0px; } .m18-quick-tools--info { width: 100%; margin-bottom: 24px; padding: 0 12px; } .m18-quick-tools--info:nth-child(3n) { clear: both; } } @media screen and (min-width: 600px) { .m18-quick-tools { min-height: 400px; } .m18-quick-tools--investor { height: auto; } .m18-quick-tools--investor .grid__column--4 { width: 100%; } .m18-quick-tools--content_card { height: 120px; } .m18-quick-tools--content_cardwrapper { padding: 12px; } .m18-quick-tools--content_cardwrapper img { max-height: 90px; max-width: 100%; margin: 0 auto; } .m18-quick-tools--title { margin-bottom: 16px; } .m18-quick-tools--subtitle { margin-bottom: 16px; } .m18-quick-tools--panel--1 { width: 40%; } .m18-quick-tools--panel--2 { width: 100%; } .m18-quick-tools--contactus { margin-top: 32px; } } @media screen and (min-width: 1025px) { .m18-quick-tools--panel--2 { width: 100%; } .m18-quick-tools--contactus { margin-top: 0px; } .m18-quick-tools { min-height: 400px !important; } .m18-quick-tools .m18-quick-tools--content { align-items: stretch; flex-flow: nowrap; } .m18-quick-tools .m18-quick-tools--content .m7-teaser + .m7-teaser { margin: 0px 0px 0px 32px; } .m18-quick-tools .m18-quick-tools--content .m7-teaser--variant .m7-teaser__content { min-height: 150px; } .m18-quick-tools--investor { height: 420px !important; } .m18-quick-tools--investor .grid__column--4 { width: 33.333333%; } .m18-quick-tools--investor .m18-quick-tools--title { font-weight: 400; margin-bottom: 12px; } } /* homemodule */ .m16-smart-app { position: relative; background-color: #E5F1EF; min-height: 510px; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; } .m16-smart-app .grid__column, .m16-smart-app .dashboard__account-selector, .m16-smart-app .dashboard__user-widget { position: static; } .m16-smart-app--content { width: 50%; } .m16-smart-app--desc { margin-top: 16px; } .m16-smart-app--links { padding: 2px; margin-top: 32px; display: flex; align-items: flex-start; justify-content: flex-start; overflow: auto; gap: 16px; } .m16-smart-app--link { display: block; box-sizing: border-box; } .m16-smart-app--link img { max-height: 44px; } .m16-smart-app--media { position: absolute; height: 350px; max-width: 50%; top: calc((100% - 350px) / 2); right: -30px; } .m16-smart-app--media img { width: auto; max-height: 100%; } @media screen and (max-width: 1024px) { .m16-smart-app { padding: 48px 0; min-height: auto; } .m16-smart-app--content { width: 100%; } .m16-smart-app--media { position: static; max-width: 100%; width: 100%; height: auto; margin-top: 24px; } .m16-smart-app--media img { width: 100%; height: auto; } } @media screen and (min-width: 1025px) { .m16-smart-app .grid__row, .m16-smart-app .grid__row--tight, .m16-smart-app .form-introduction { margin-bottom: 0; } .m16-smart-app .grid__column, .m16-smart-app .dashboard__account-selector, .m16-smart-app .dashboard__user-widget { display: flex; align-items: center; justify-content: space-between; gap: 24px; } .m16-smart-app--media { position: static; } } /* dewamodule */ /* careermodule */ .m21-avatar + .m25-tabs__menu { margin-top: 32px; } .m21-avatar__content { text-align: center; } .m21-avatar__image { width: 140px; height: 140px; display: inline-block; border-radius: 50%; background-position: center center; background-size: cover; position: relative; overflow: hidden; } .m21-avatar__image .m21-avatar__image--control { width: 140px; height: 50px; position: absolute; bottom: -50px; color: white; background-color: rgba(0, 0, 0, 0.5); text-align: center; padding-top: 30px; cursor: pointer; transition: 0.25s all; } .m21-avatar__image .m21-avatar__image--control:before { position: absolute; left: calc((100% - 30px) / 2); top: 0; } .m21-avatar__image:hover .m21-avatar__image--control { bottom: 0px; } .m21-avatar__name { margin-top: 12px; font-weight: bold; } .m21-avatar__name + .m21-avatar__bp { margin-top: 8px; } @media screen and (max-width: 599px) { .m21-avatar { background-color: white; padding: 8px 16px; border-radius: 5px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); margin-bottom: 16px; } .m21-avatar__content { overflow: hidden; display: flex; align-items: center; text-align: left; } .m21-avatar__image { width: 60px; height: 60px; } .m21-avatar__image .m21-avatar__image--control { width: 60px; } .m21-avatar__details { margin-left: 12px; } .m21-avatar__name { margin-top: 0px; font-size: 1em; } .m21-avatar__bp { font-size: 0.875em; } } /* homemodule */ @keyframes hover_animation_right { 0% { right: 19px; left: initial; opacity: 0; } 100% { right: 9px; left: initial; opacity: 1; } } .m9-new-teaser-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 165px; } .m9-new-teaser-image--modified { min-height: 300px; } .m9-new-teaser-image--modified .m9-new-teaser-image { background-size: initial; } .m9-new-teaser-image--modified .teaser__content { text-align: center; } .m9-new-teaser { min-height: 350px; padding: 28px 24px; background: white; border-radius: 5px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); transition: 0.25s all; } .m9-new-teaser:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m9-new-teaser .teaser__title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-weight: bold; line-height: 1.25em; height: 3.75em; } .m9-new-teaser .teaser__title + .teaser__copy { margin-top: 16px; } .m9-new-teaser .teaser__copy { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .m9-new-teaser .teaser__link .teaser__title { color: #222222; } .m9-new-teaser .teaser__link:hover, .m9-new-teaser .teaser__link:focus { box-shadow: none; } .m9-new-teaser .teaser__link:hover .teaser__title, .m9-new-teaser .teaser__link:focus .teaser__title { color: #007560; } .m9-new-teaser .teaser__content { padding: 0px; } .m9-new-teaser .teaser__content .teaser__date { font-weight: bold; color: #007560; text-transform: uppercase; } .m9-new-teaser .teaser__content .teaser__date + * { margin-top: 24px; } .m9-new-teaser--news .teaser__copy { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-height: 1.45em; } .m9-new-teaser--news .teaser__title { -webkit-line-clamp: 3; } .m9-new-teaser--bg { background-color: rgba(0, 0, 0, 0.7); background-blend-mode: color; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 16px 20px; position: relative; min-height: 360px; display: block; } .m9-new-teaser--bg .teaser__link .teaser__title { color: white; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .m9-new-teaser--bg .teaser__link .teaser__copy { color: white; font-weight: 300; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .m9-new-teaser--bg .teaser__link:hover { background: none; } .m9-new-teaser--bg .teaser__link:hover .teaser__title { color: white; } .m9-new-teaser--bg .icon-new-arrow-right { position: absolute; color: white; bottom: 24px; font-size: 1.25em; padding-right: 36px; } .m9-new-teaser--bg .icon-new-arrow-right:before { position: absolute; right: 0px; top: -6px; } .m9-new-teaser--bg .icon-new-arrow-right:hover:before { animation-name: hover_animation_right_small; animation-duration: 0.5s; } @media screen and (max-width: 599px) { .m9-new-teaser { min-height: 340px; } } /* globalmodule */ .j07-login { font-weight: 300; line-height: 1.5; } .j07-login .form-field + .form-field, .j07-login .field-border + .form-field, .j07-login .form-field + .field-border, .j07-login .field-border + .field-border { margin-top: 16px; } .j07-login .form-field__messages, .j07-login .field-error { display: flex; align-items: end; justify-content: space-between; flex-flow: row-reverse; flex-direction: column; } .j07-login .form-field__input-wrapper, .j07-login .m111-content-scroller--nav_mobile-selectwrapper, .j07-login .j134-media--filter, .j07-login .j100-expander_input, .j07-login .field-content { line-height: 30px; } .j07-login .form-field__helplink { width: 100%; text-align: right; padding: 0; } .j07-login .form-field__helplink .link, .j07-login .form-field__helplink .m111-cs--content_headinglink, .j07-login .form-field__helplink .form-links__link, .j07-login .form-field__helplink .m14-richtext a:not(.button):not(.button--centered), .j07-login .form-field__helplink .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j07-login .form-field__helplink a:not(.button):not(.button--centered), .m125-teaser--content .j07-login .form-field__helplink a:not(.button):not(.button--centered), .j07-login .form-field__helplink .links-list__link { font-weight: 300; } .j07-login .parsley-errors-list { width: 100%; margin-top: 0px; } .j07-login .button, .j07-login .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j07-login a, .j07-login .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j07-login a, .j07-login .button--centered, .j07-login .form-submit { width: 80%; margin: 0 auto; } .j07-login .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .j07-login .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .j07-login [type=checkbox]:checked + .form-field__fakecheckbox:after { color: #007560; } .box--register a.form-field__radio--teaser .form-field__fakeradio .form-field__fakeradio--icon svg path { fill: #007560; } .box--register a.form-field__radio--teaser:hover .form-field__fakeradio .form-field__fakeradio--icon svg path { fill: #fff; } .j07-login-create-account-link { font-size: 17px; } .j07-login--columnbottom_desc { color: #6f6f6f; } .j07-login--customertype { color: #007560; text-align: center; font-weight: 600; font-size: 1.125em; margin-bottom: 4px; } .j07-login--columntitle { font-weight: 600; } .j07-login--columntitle.main { text-align: center; } .j07-login--columntitle + * { margin-top: 24px; } .j07-login--columntitle + .j07-login--links-list { margin-top: 12px; } .j07-login--columntitle + .button--uaepass, .j07-login--columntitle + .form { margin-top: 28px; } .j07-login--columnheading { text-align: center; } .j07-login--columnheading + *, .j07-login--columnheading + .button--uaepass { margin-top: 24px; } .j07-login--columnheading_title { font-size: 1.5em; font-weight: 600; } .j07-login--columnheading_desc { color: #6F6F6F; } .j07-login--links-listlink { position: relative; display: block; padding: 12px 16px; color: #222; position: relative; line-height: 1.5; border: solid 1px #D7D7DF; border-bottom: none; } .j07-login--links-listlink.active, .j07-login--links-listlink:hover { background-color: #EBF4F2; color: #007560; } .j07-login--links-listlink.active:focus-visible { background-color: #F9DC4A; } .j07-login--links-listlink.active:before { content: ""; width: 4px; background-color: #007560; border-radius: 0 8px 8px 0; position: absolute; left: 0; top: 8px; bottom: 8px; } .j07-login--links-listitem:last-child .j07-login--links-listlink { border-bottom: solid 1px #D7D7DF; } .j07-login--separator { position: relative; display: flex; align-items: center; justify-content: center; margin: 32px 0; } .j07-login--separator:before { content: ""; position: absolute; width: 100%; border-top: solid 1px #cdcdcd; } .j07-login--separatortext { line-height: 2; font-weight: 300; padding: 0 16px; background-color: white; position: relative; z-index: 2; } .j07-login--cta { margin-top: 32px; display: flex; align-items: center; justify-content: flex-start; font-weight: 300; } .j07-login--cta .button + *, .j07-login--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + *, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j07-login--cta a + *, .j07-login--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + *, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j07-login--cta a + *, .j07-login--cta .button--centered + *, .j07-login--cta .form-submit + * { margin: 0; margin-left: 24px; } .j07-login--cta.between { justify-content: space-between; } .j07-login .j07-login--cta .button, .j07-login .j07-login--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j07-login .j07-login--cta a, .j07-login .j07-login--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j07-login .j07-login--cta a, .j07-login .j07-login--cta .button--centered, .j07-login .j07-login--cta .form-submit { padding: 10px 50px; } .j07-login .j07-login--cta .j07-login--cta-track .link, .j07-login .j07-login--cta .j07-login--cta-track .m111-cs--content_headinglink, .j07-login .j07-login--cta .j07-login--cta-track .form-links__link, .j07-login .j07-login--cta .j07-login--cta-track .m14-richtext a:not(.button):not(.button--centered), .j07-login .j07-login--cta .j07-login--cta-track .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j07-login .j07-login--cta .j07-login--cta-track a:not(.button):not(.button--centered), .m125-teaser--content .j07-login .j07-login--cta .j07-login--cta-track a:not(.button):not(.button--centered), .j07-login .j07-login--cta .j07-login--cta-track .links-list__link { display: inline-block; } .j07-login-form .button.button--primary + p a, .j07-login-form .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--primary + p a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j07-login-form a.button--primary + p a, .j07-login-form .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--primary + p a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j07-login-form a.button--primary + p a, .j07-login-form .button--primary.button--centered + p a, .j07-login-form .form-submit + p a { margin-top: 24px; display: inline-block; } @media screen and (max-width: 1024px) { .j07-login .grid__column--3 { width: 50%; } } @media screen and (max-width: 599px) { .j07-login .grid__column--3 { width: 100%; } .j07-login .m14-richtext, .j07-login .m125-teaser--content { text-align: center; } .j07-login .flex-center { flex-flow: column; } .j07-login .m17-sectiontitle__title { font-size: 1.625em; } .j07-login .button, .j07-login .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j07-login a, .j07-login .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j07-login a, .j07-login .button--centered, .j07-login .form-submit { width: 100%; } .j07-login--columntitle { font-size: 1.25em; } .j07-login--links-list { display: flex; overflow: auto; align-items: center; justify-content: flex-start; margin-bottom: 24px; } .j07-login--links-listitem { border-radius: 6px; white-space: nowrap; } .j07-login--links-listitem + .j07-login--links-listitem { margin-left: 12px; margin-top: 0; } .j07-login--links-listlink { padding: 4px 12px; border-radius: 6px; border: solid 1px #CDCDCD; } .j07-login--links-listlink.active { background-color: #007560; color: white; border: solid 1px #007560; border-radius: 6px; } .j07-login--links-listlink.active:before { content: none; } .j07-login--cta { flex-flow: column; justify-content: center; text-align: center; } .j07-login--cta .button + *, .j07-login--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + *, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j07-login--cta a + *, .j07-login--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + *, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j07-login--cta a + *, .j07-login--cta .button--centered + *, .j07-login--cta .form-submit + * { margin: 12px 0 0; } .j07-login--cta .link, .j07-login--cta .m111-cs--content_headinglink, .j07-login--cta .form-links__link, .j07-login--cta .m14-richtext a:not(.button):not(.button--centered), .j07-login--cta .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j07-login--cta a:not(.button):not(.button--centered), .m125-teaser--content .j07-login--cta a:not(.button):not(.button--centered), .j07-login--cta .links-list__link { display: block; margin-top: 12px; } .j07-login--columntitle + .button--uaepass, .j07-login--columntitle + .form { margin-top: 24px; } .j07-login-form .form-field__fakecheckbox { padding: 0px; line-height: 24px; } .j07-login-form .form-field__fakecheckbox:before { top: 1px; width: 23px; height: 23px; } .j07-login-form .form-field__fakecheckbox:after { width: 24px; height: 27px; } .j07-login-form .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .j07-login-form .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .j07-login-form [type=checkbox]:checked + .form-field__fakecheckbox:after { left: -3px; top: 0px; right: auto; font-size: 30px; font-weight: 700; } .j07-login--columnheading_title { font-size: 20px; } .box--register .radio--teaser_title { font-size: 20px; } .box--register a.form-field__radio--teaser .form-field__fakeradio .form-field__fakeradio--icon { padding: 15px 0; } .box--register a.form-field__radio--teaser .form-field__fakeradio .form-field__fakeradio--icon svg { width: 38px; } .form-field__input-business-number { text-overflow: ellipsis; box-sizing: content-box; overflow: hidden; max-width: calc(100% - 56px); } } @media screen and (min-width: 600px) { .j07-login .grid__column—3.grid__column—3-login { width: 33.3333333333%; } .j07-login .grid__column—6.grid__column—6-login { width: 66.6666666667%; padding-left: 14px; } } @media screen and (min-width: 1025px) { .j07-login .grid__column—3-login { width: 25%; } .j07-login .grid__column—6.grid__column—6-login { padding-left: 24px; width: 50%; } .j07-login-create-margin { margin-top: 56px; } } /* homemodule */ .m3-teaser-carousel { height: auto; max-width: 1366px; position: relative; width: 100%; } .m3-teaser-carousel .slick-slider { margin-bottom: 0; } .m3-teaser-carousel .m60-teaser-image { height: auto; aspect-ratio: 10/7; } .m3-teaser-carousel .m60-teaser { box-shadow: none; border: solid 1px #D7D7DF; } .m3-teaser-carousel .m60-teaser .teaser__content { min-height: 140px; padding: 24px 32px; } .m3-teaser-carousel .m60-teaser .teaser__link .teaser__title { text-align: left; -webkit-line-clamp: 2; font-weight: normal; min-height: 3em; } .m3-teaser-carousel .m60-teaser .teaser__link .teaser__copy { -webkit-line-clamp: 2; margin-top: 8px; } .m3-teaser-carousel .custom-dots--outer { margin: 0 auto; overflow: hidden; display: flex; } .m3-teaser-carousel .custom-dots { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 8px; translate: 0px; transition: 0.25s all ease; } .m3-teaser-carousel .dot { height: 6px; width: 6px; background-color: #222222; opacity: 0.25; border-radius: 50%; padding: 0px; margin: 2px; flex-shrink: 0; transition: 0.25s all ease; } .m3-teaser-carousel .dot.active { height: 8px; width: 8px; padding: 0px; margin: 0px; opacity: 1; } .m3-teaser-carousel .dot.shown.first, .m3-teaser-carousel .dot.shown.last { scale: 0.5; } .m3-teaser-carousel .dot:first-child, .m3-teaser-carousel .dot:last-child { scale: 1 !important; } .m3-teaser-carousel__container { margin: 0 auto; width: 100%; } .m3-teaser-carousel__carousel { *zoom: 1; } .m3-teaser-carousel__carousel:before, .m3-teaser-carousel__carousel:after { content: " "; display: table; } .m3-teaser-carousel__carousel:after { clear: both; } .m3-teaser-carousel__carousel { opacity: 0.01; filter: alpha(opacity=1); margin: 0 auto; position: absolute; top: -99999px; width: 100%; } .m3-teaser-carousel__slide { padding: 16px; outline: none; overflow: hidden; } .m3-teaser-carousel__slide-panel-title { color: white; margin-bottom: 16px; } .m3-teaser-carousel__slide-panel-text { color: #222222; } .m3-teaser-carousel__slide-panel-title.dark { color: #222222; margin-bottom: 16px; } .m3-teaser-carousel__cta-button-label i { margin-right: -16px; margin-left: 0; } .m3-teaser-carousel__cta-button-container { margin: 24px 0; text-align: center; } .m3-teaser-carousel__carousel-nav { bottom: 0; display: block; position: absolute; width: 100%; } .m3-teaser-carousel .slick-dots { bottom: -44px; } .m3-teaser-carousel .slick-dots { display: inline; z-index: 91; width: 100%; position: absolute; bottom: -6px; left: 50%; transform: translate(-50%, 0); } .m3-teaser-carousel .slick-dots li { margin: 0; vertical-align: middle; width: 20px; display: inline-flex; align-items: center; justify-content: center; } .m3-teaser-carousel .slick-dots li button { display: block; height: 6px; width: 6px; background-color: #222222; opacity: 0.25; transition: 0.25s all ease; border-radius: 50%; padding: 0; } .m3-teaser-carousel .slick-dots li button:focus-visible { outline: solid 2px #007560; } .m3-teaser-carousel .slick-dots li.slick-active button { display: block; height: 8px; width: 8px; opacity: 1; } .m3-teaser-carousel__container .slick-prev { display: block !important; } .m3-teaser-carousel__container .slick-prev:before { content: "\e609"; font-family: iconfont; font-size: 50px; position: absolute; top: -12%; right: 40px; color: #222222 !important; padding: 0; } .m3-teaser-carousel__container .slick-prev { left: 22px; right: auto; } .m3-teaser-carousel__container .slick-next { display: block !important; } .m3-teaser-carousel__container .slick-next:before { content: "\e60c"; font-family: iconfont; font-size: 50px; position: absolute; top: -12%; left: 40px; color: #222222 !important; padding: 0; } .m3-teaser-carousel__container .slick-next { right: 22px; left: auto; } .m3-teaser-carousel--nav { display: flex; align-items: stretch; justify-content: flex-end; gap: 12px; margin-bottom: 8px; } .m3-teaser-carousel--prev, .m3-teaser-carousel--next { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0; box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.15); border-radius: 8px; } .m3-teaser-carousel--prev:before, .m3-teaser-carousel--next:before { font-family: "iconfont"; font-size: 40px; } .m3-teaser-carousel--prev.slick-disabled, .m3-teaser-carousel--next.slick-disabled { opacity: 0.3; cursor: default; } .m3-teaser-carousel--prev:before { content: "\e606"; } .m3-teaser-carousel--next:before { content: "\e607"; } @media screen and (max-width: 599px) { .m3-teaser-carousel .m60-teaser { margin-bottom: 0px; } .m3-teaser-carousel .slick-dots { bottom: -14px; } .m3-teaser-carousel .slick-dots li.slick-active button { height: 6px; width: 6px; } .m3-teaser-carousel__cta-button-container { text-align: center; margin: 24px 0; } .slick-prev, .slick-next { display: none !important; } .m3-teaser-carousel--nav { display: none !important; } .custom-dots--outer { display: flex; } } @media screen and (min-width: 600px) { .m3-teaser-carousel__slide-inner { position: relative; } .m3-teaser-carousel__slide-panel-title, .m3-teaser-carousel__slide-panel-title.dark { margin-bottom: 24px; } .m3-teaser-carousel__cta-button-container { margin: 24px 0 0; text-align: left; } .slick-prev, .slick-next { display: none !important; } .m3-teaser-carousel .slick-slider { margin: 0 -12px; width: calc(100% + 24px); } .m3-teaser-carousel__container .slick-prev, .m3-teaser-carousel__container .slick-next { top: calc(50% - 30px); } .m3-teaser-carousel__container { position: relative; } .m3-teaser-carousel__container .slick-prev:before { right: 12px; } .m3-teaser-carousel__container .slick-next:before { left: 12px; } .custom-dots--outer { display: none; } } @media screen and (min-width: 1025px) { .m3-teaser-carousel__container { position: relative; } .m3-teaser-carousel__container .slick-prev:before { right: 40px; } .m3-teaser-carousel__container .slick-next:before { left: 40px; } .m3-teaser-carousel__carousel-nav { margin: 0 auto; width: 100%; } .m3-teaser-carousel__nav-button, .m3-teaser-carousel__container .slick-prev, .m3-teaser-carousel__container .slick-next { width: 19px; height: 31px; z-index: 100; cursor: pointer; position: absolute; top: 50%; margin-top: -32px; } .custom-dots--outer { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .m3-teaser-carousel__container .slick-prev { overflow: visible; } .m3-teaser-carousel__container .slick-next { overflow: visible; } } .mha-dark .m3-teaser-carousel .dot, .mha-dark .m3-teaser-carousel .slick-dots li button { background-color: white !important; } /* homemodule */ .m24-msg-float { position: fixed; bottom: 0; width: 100%; background-color: #2d2d2d; opacity: 0; transition: 0.75s all; z-index: -99999; } .m24-msg-float.m24-msg-float-return.m24-msg-float-return-success { background-color: #ebf7eb; } .m24-msg-float.m24-msg-float-return.m24-msg-float-return-success .m24-msg-float--wrapper_outer { background-color: #ebf7eb; } .m24-msg-float.m24-msg-float-return .m24-msg-float--text { color: #007560; } .m24-msg-float.m24-msg-float-return .m24-msg-float--text.icon, .m24-msg-float.m24-msg-float-return .m24-msg-float--text.m95-power-outage_card-status:before, .m24-msg-float.m24-msg-float-return .m19-ql-carousel__container .m24-msg-float--text.slick-next:before, .m19-ql-carousel__container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-next:before, .m24-msg-float.m24-msg-float-return .m19-ql-carousel__container .m24-msg-float--text.slick-prev:before, .m19-ql-carousel__container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-prev:before, .m24-msg-float.m24-msg-float-return .m85-dstore-carousel_container .m24-msg-float--text.slick-next:before, .m85-dstore-carousel_container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-next:before, .m24-msg-float.m24-msg-float-return .m85-dstore-carousel_container .m24-msg-float--text.slick-prev:before, .m85-dstore-carousel_container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-prev:before, .m24-msg-float.m24-msg-float-return .survey_wrapper .survey-button-wrapper .m24-msg-float--text.button--survey-active:before, .survey_wrapper .survey-button-wrapper .m24-msg-float.m24-msg-float-return .m24-msg-float--text.button--survey-active:before, .m24-msg-float.m24-msg-float-return .toggle-menu--active .m24-msg-float--text.toggle-menu__title[class*=icon-], .toggle-menu--active .m24-msg-float.m24-msg-float-return .m24-msg-float--text.toggle-menu__title[class*=icon-], .m24-msg-float.m24-msg-float-return .m24-msg-float--text.toggle-menu__trigger, .m24-msg-float.m24-msg-float-return .m3-teaser-carousel__container .m24-msg-float--text.slick-prev:before, .m3-teaser-carousel__container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-prev:before, .m24-msg-float.m24-msg-float-return .m3-teaser-carousel__container .m24-msg-float--text.slick-next:before, .m3-teaser-carousel__container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-next:before { line-height: normal; padding-top: 0px; } .m24-msg-float.m24-msg-float-return .m24-msg-float--text.icon:before, .m24-msg-float.m24-msg-float-return .m24-msg-float--text.m95-power-outage_card-status:before, .m24-msg-float.m24-msg-float-return .m19-ql-carousel__container .m24-msg-float--text.slick-next:before, .m19-ql-carousel__container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-next:before, .m24-msg-float.m24-msg-float-return .m19-ql-carousel__container .m24-msg-float--text.slick-prev:before, .m19-ql-carousel__container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-prev:before, .m24-msg-float.m24-msg-float-return .m85-dstore-carousel_container .m24-msg-float--text.slick-next:before, .m85-dstore-carousel_container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-next:before, .m24-msg-float.m24-msg-float-return .m85-dstore-carousel_container .m24-msg-float--text.slick-prev:before, .m85-dstore-carousel_container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-prev:before, .m24-msg-float.m24-msg-float-return .survey_wrapper .survey-button-wrapper .m24-msg-float--text.button--survey-active:before, .survey_wrapper .survey-button-wrapper .m24-msg-float.m24-msg-float-return .m24-msg-float--text.button--survey-active:before, .m24-msg-float.m24-msg-float-return .toggle-menu--active .m24-msg-float--text.toggle-menu__title[class*=icon-]:before, .toggle-menu--active .m24-msg-float.m24-msg-float-return .m24-msg-float--text.toggle-menu__title[class*=icon-]:before, .m24-msg-float.m24-msg-float-return .m24-msg-float--text.toggle-menu__trigger:before, .m24-msg-float.m24-msg-float-return .m3-teaser-carousel__container .m24-msg-float--text.slick-prev:before, .m3-teaser-carousel__container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-prev:before, .m24-msg-float.m24-msg-float-return .m3-teaser-carousel__container .m24-msg-float--text.slick-next:before, .m3-teaser-carousel__container .m24-msg-float.m24-msg-float-return .m24-msg-float--text.slick-next:before { font-size: 40px; } .m24-msg-float--active { transition: 0.75s all; opacity: 1; z-index: 999998; } @media screen and (max-width: 599px) { .m24-msg-float--wrapper { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m24-msg-float--wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m24-msg-float--wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } .m24-msg-float--wrapper { margin: 0 auto; padding: 12px 0px; position: relative; overflow: hidden; } .m24-msg-float--text { float: left; color: white; font-weight: 600; min-height: 46px; display: flex; align-items: center; } .m24-msg-float--buttons { display: inline-block; float: right; text-align: right; } .m24-msg-float--buttons .button--outline { color: white; background-color: transparent; border: 1px solid white; } .m24-msg-float--buttons .button--outline:hover { background-color: white; border: 1px solid white; color: #222222; } .m24-msg-float--buttons .button, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons a, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons a, .m24-msg-float--buttons .button--centered, .m24-msg-float--buttons .form-submit { padding: 10px 32px; } .m12-bar--fixed-override { top: -10px !important; } .m12-bar--fixed-new-override { top: 70px; } @media screen and (max-width: 1024px) { .m24-msg-float--wrapper { width: calc(90% - 32px); text-align: center; } .m24-msg-float--text { float: none; margin-bottom: 16px; text-align: center; display: inline-flex; } .m24-msg-float--buttons { float: none; text-align: center; width: 100%; max-width: 550px; } .m24-msg-float--buttons .button, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons a, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons a, .m24-msg-float--buttons .button--centered, .m24-msg-float--buttons .form-submit { width: 100%; } .m24-msg-float--buttons .button + .button, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons a + .button, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons .button + a, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons a + a, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons a + .button, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons .button + a, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons a + a, .m24-msg-float--buttons .button--centered + .button, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons .button--centered + a, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons .button--centered + a, .m24-msg-float--buttons .form-submit + .button, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons .form-submit + a, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons .form-submit + a, .m24-msg-float--buttons .button + .button--centered, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons a + .button--centered, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons a + .button--centered, .m24-msg-float--buttons .button--centered + .button--centered, .m24-msg-float--buttons .form-submit + .button--centered, .m24-msg-float--buttons .button + .form-submit, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m24-msg-float--buttons a + .form-submit, .m24-msg-float--buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m24-msg-float--buttons a + .form-submit, .m24-msg-float--buttons .button--centered + .form-submit, .m24-msg-float--buttons .form-submit + .form-submit { margin: 0; margin-top: 12px; } .m24-msg-float--closebtn { position: absolute; color: white; right: 0; top: 20px; } .m24-msg-float-return .m24-msg-float--closebtn { position: static; } } @media screen and (max-width: 599px) { .m24-msg-float--wrapper { width: auto; padding: 12px; } .m24-msg-float--text { padding-right: 24px; padding-top: 14px; } .m24-msg-float--closebtn { right: 4px; top: 4px; } } @media screen and (min-width: 1025px) { .m24-msg-float { position: static; width: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 999999999; opacity: 0; transition: 0.75s all; height: 0px; } .m24-msg-float--active { transition: 0.75s all; opacity: 1; height: 70px; } .m24-msg-float--wrapper_outer { position: fixed; top: 0; width: 100%; background-color: #2d2d2d; z-index: 9993; } .m24-msg-float--wrapper { width: calc(90% - 32px); padding-right: 36px; } .m24-msg-float--text { max-width: 50%; } .m24-msg-float--text.m24-msg-float--text-75 { max-width: 75%; } .m24-msg-float--buttons { max-width: 50%; } .m24-msg-float--closebtn { cursor: pointer; position: absolute; color: white; right: 0; top: calc((100% - 34px) / 2); } .m24-msg-float-return .m24-msg-float--closebtn { position: static; } } @media screen and (min-width: 1440px) { .m24-msg-float--text { max-width: 50%; } .m24-msg-float--text.m24-msg-float--text-75 { max-width: 75%; } .m24-msg-float--buttons { max-width: 50%; } } .survey_footer { margin-bottom: 32px; } .survey_wrapper { padding: 100px 0px 50px; position: relative; } .survey_wrapper.pt50 { padding-top: 50px; } .survey_wrapper .survey_block { display: none; min-height: 180px; } .survey_wrapper .disabled { pointer-events: none; } .survey_wrapper .survey_button { margin-top: 80px; } .survey_wrapper .button--submit { display: none; padding-top: 12px; padding-bottom: 12px; } .survey_wrapper .ticks-inner-subtext { position: absolute; width: 100px; right: -50px; top: 70px; color: #222222; } .survey_wrapper .survey_warning-message { text-align: center; color: #c70808; margin-top: 30px; display: none; } .survey_wrapper .button--back, .survey_wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .survey_wrapper a { display: none; } .survey_wrapper .button--back:hover:before, .survey_wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:hover:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .survey_wrapper a:hover:before { animation-name: hover_animation_left; animation-duration: 0.75s; } .survey_wrapper .button--back:before, .survey_wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .survey_wrapper a:before { top: -6px; } .survey_wrapper .button--next, .survey_wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .survey_wrapper a, .survey_wrapper .form-submit { display: none; } .survey_wrapper .button--next:before, .survey_wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .survey_wrapper a:before, .survey_wrapper .form-submit:before { top: -6px; } .survey_wrapper .survey_block { display: none; } .survey_wrapper .survey_block.survey_block_active { display: block; } .survey_wrapper .survey_block_active { display: block; } .survey_wrapper .survey_q { text-align: center; margin-bottom: 60px; } .survey_wrapper h3.survey_q { line-height: 1.3em; } .survey_wrapper .survey-button-wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .survey_wrapper .survey-button-wrapper button { display: inline-flex; padding: 12px 32px; line-height: 25px; font-weight: normal; } .survey_wrapper .survey-button-wrapper button:focus { outline: none; } .survey_wrapper .survey-button-wrapper .button--quaternary:hover { box-shadow: none; } .survey_wrapper .survey-button-wrapper .button--survey-active { background: #007560; border-color: #007560; color: white; line-height: 25px; font-weight: normal; padding-right: 55px; } .survey_wrapper .survey-button-wrapper .button--survey-active:before { position: relative; content: "\e620"; position: absolute; content: "\e620"; line-height: 20px; font-size: 50px; padding: 0px; color: white; right: 10px; margin: 0px; } @media screen and (max-width: 599px) { .survey_wrapper .button--next, .survey_wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .survey_wrapper a, .survey_wrapper .form-submit { margin: 0px; } .survey_wrapper .button--submit { margin: 0px; } .sliderticks .ticks-inner-subtext { width: 50px; right: -25px; } .j122-calls-inquiries .form { padding: 0 12px; } } .survey_block { display: none; transition: all 2s ease; -webkit-transition: all 2s ease; } .survey_block_active { display: none; } .survey_block_active.active { animation: scale-display 2s; display: inline-flex; } .survey_block_active.out { animation: scale-display--reversed 2s; animation-fill-mode: forwards; display: inline-flex; } @keyframes scale-display { 0% { opacity: 0; transform: scale(0); -webkit-transform: scale(0); } 100% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); } } @keyframes scale-display--reversed { 0% { display: inline-flex; opacity: 1; transform: scale(1); -webkit-transform: scale(1); } 99% { display: inline-flex; opacity: 0; transform: scale(0); -webkit-transform: scale(0); } 100% { display: none; opacity: 0; transform: scale(0); -webkit-transform: scale(0); } } .survey_wrapper .survey-btn.button--back:before, .survey_wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.survey-btn:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .survey_wrapper a.survey-btn:before { top: 11px; } .m76-range-slider * { box-sizing: border-box; } .m76-range-slider .range-container { padding: 0px 50px; display: block; height: 17px; border-radius: 9px; } .m76-range-slider .range-container-bg { border-radius: 9px; height: 17px; background: rgb(216, 216, 216); } .m76-range-slider .ticks-container { padding: 0px 50px; } .m76-range-slider .slider { -webkit-appearance: none; appearance: none; width: 100%; height: 17px; outline: none; border-radius: 9px; -webkit-transition: 0.2s; transition: opacity 0.2s; -webkit-appearance: none; -moz-apperance: none; z-index: 100; } .m76-range-slider .ticks-inner-text { outline: none !important; } .m76-range-slider .ticks-inner-text:before { content: "|"; position: absolute; left: 50%; top: -3px; color: white; font-size: 19px; } .m76-range-slider .slider:hover { opacity: 1; } .m76-range-slider .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; position: relative; cursor: pointer; -webkit-appearance: none !important; z-index: 2000; background-image: url("../../images/range_thumb.png"); background-size: 100%; height: 44px; width: 44px; border-radius: 50%; } .m76-range-slider input.slider[type=range] { pointer-events: none; } .m76-range-slider input.slider[type=range]::-webkit-slider-thumb { pointer-events: auto; } .m76-range-slider input.slider::-ms-tooltip { display: none; } .m76-range-slider input.slider[type=range]::-moz-range-thumb { pointer-events: auto; } .m76-range-slider input.slider[type=range]::-ms-thumb { pointer-events: auto; } .m76-range-slider .slider::-moz-range-thumb { width: 25px; height: 25px; background: #FF0000; cursor: pointer; } .m76-range-slider .sliderticks { display: flex; justify-content: space-between; padding: 0 20px; } .m76-range-slider .sliderticks .ticks { top: -17px; cursor: pointer; padding-top: 30px; font-weight: 500; position: relative; display: flex; justify-content: center; text-align: center; width: 2px; height: 17px; line-height: 25px; margin: 0 0 20px 0; } .m76-range-slider .sliderticks .ticks-active { top: 14px; color: #007560; font-weight: bold; } .m76-range-slider input.slider[type=range]::-ms-track { /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent !important; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; height: 20px; /*remove default tick marks*/ color: transparent !important; } .m76-range-slider input.slider[type=range]::-ms-fill-lower { background: none; border-radius: 10px; } .m76-range-slider input.slider[type=range]::-ms-fill-upper { background: none; border-radius: 10px; } .m76-range-slider input.slider[type=range]::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background-image: url("../../images/range_thumb.png"); background-size: 100%; height: 44px; pointer-events: auto !important; width: 44px; border-radius: 50%; } .m76-range-slider input.slider[type=range]:focus::-ms-fill-lower { background: none; } .m76-range-slider input.slider[type=range]:focus::-ms-fill-upper { background: none; } .form-field .m76-range-slider--temp, .field-border .m76-range-slider--temp { margin: 16px 0; } .m76-range-slider--temp .range-container { padding: 0; } .m76-range-slider--temp .range-container-bg { height: 8px; position: relative; } .m76-range-slider--temp .slider { height: 8px; position: relative; } .m76-range-slider--temp .slider::-webkit-slider-thumb { height: 56px; width: 56px; background-image: none; background-color: transparent; border: 2px solid #007560; position: relative; top: -4px; z-index: 998; } .m76-range-slider--temp .slider::-ms-thumb { height: 56px; width: 56px; background-image: none; background-color: transparent; border: 2px solid #007560; position: relative; top: -4px; z-index: 998; } .m76-range-slider--temp .slider::-moz-range-thumb { height: 56px; width: 56px; background-image: none; background-color: transparent; border: 2px solid #007560; position: relative; top: -4px; z-index: 998; } .m76-range-slider--temp input.slider[type=range]::-moz-range-thumb { height: 56px; width: 56px; background-image: none; background-color: transparent; border: 2px solid #007560; position: relative; border-radius: 50%; top: -4px; z-index: 998; } .m76-range-slider--temp .m76-range-quant { font-weight: 300; line-height: 56px; width: 56px; text-align: center; position: absolute; background: white; border-radius: 50%; top: calc((100% - 56px) / 2); z-index: 2; } @media screen and (max-width: 599px) { .m76-range-slider .range-container { padding: 0px; } .m76-range-slider .ticks-container { padding: 0px; } .m76-range-slider .ticks-inner-text { font-size: 0.65em; line-height: 1.5em; } .m76-range-slider .ticks-inner-text:before { top: 0px; } .m76-range-slider .sliderticks .ticks-active { font-size: 1em; line-height: 1.5em; color: #007560; padding-top: 15px; } } .j01-transaction-history .transaction-history__detail-amount--reciept { color: #007560; } .j01-transaction-history .transaction-history__item .button--text, .j01-transaction-history .transaction-history__item .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .transaction-history__item a, .j01-transaction-history .transaction-history__item .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .transaction-history__item a, .j01-transaction-history .transaction-history__item .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .transaction-history__item a, .j01-transaction-history .transaction-history__item .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .transaction-history__item a, .j01-transaction-history .transaction-history__item .button--text-centered { color: #007560; margin-top: 12px; } .j01-transaction-history .iban-update--wrapper .m39-modal .m39-modal__header { padding: 0px; } .j01-transaction-history .iban-update--wrapper .m39-modal__subtitle { padding: 16px; background: #007560; color: white; font-weight: 600; } .j01-transaction-history .iban-update--wrapper .m39-modal__title { color: #222222; font-weight: 600; padding: 14px 15px 10px; padding-right: 72px; background: none; } .j01-transaction-history .iban-update--wrapper .m39-modal__content { bottom: 0px; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban { text-align: center; margin-bottom: 100px; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban h3 { font-weight: bold; margin: 20px 0px; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-iban .m39-modal__content-iban-title.not-available { color: #b65e17; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-form { max-width: 400px; margin: 0px auto; text-align: left; margin-top: 30px; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-form #iban_details { margin-bottom: 20px; } .j01-transaction-history .iban-update--wrapper .m39-modal__content h4 { font-weight: bold; margin: 20px 0px; text-align: center; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu { margin-bottom: 100px; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__label, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .j100-expander_label, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .field-title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__description { text-align: center; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field--text .form-field__input--readonly { line-height: 22px; margin: 10px 0px; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification { margin: 30px 0px; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification legend { text-align: center; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification .form-field__description { text-align: left; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification .form-field .form-field__label, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification .field-border .form-field__label, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification .form-field .j100-expander_label, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification .field-border .j100-expander_label, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification .form-field .field-title, .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .fieldset-verification .field-border .field-title { font-weight: normal; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field__description-warning { color: #b65e17; } .j01-transaction-history .iban-update--wrapper .m39-modal__content .m39-modal__content-wu .form-field__description-success { color: #0f7b30; } .j01-transaction-history .iban-update--wrapper .m39-modal__footer { z-index: 10; } .j01-transaction-history .iban-update--wrapper .m39-modal__monthpicker { bottom: 65px; } .j01-transaction-history .iban-update--wrapper .transaction-history .transaction-history__item .iban-update-status.not-available { color: #b65e17; } .j01-transaction-history .iban-update--wrapper .transaction-history .transaction-history__detail { margin-bottom: 10px; } .j01-transaction-history .iban-update--wrapper .transaction-history .transaction-history__detail .transaction-history__detail-item { font-weight: normal; } .j01-transaction-history .iban-update--wrapper .transaction-history .transaction-history__detail .transaction-history__detail-item + .transaction-history__detail-item { margin-top: 0px; } .j01-transaction-history .iban-update--wrapper .transaction-history .transaction-history__detail:after { content: ""; clear: both; display: table; } .j01-transaction-history .iban-update--wrapper .m70-status-tracker { margin-top: 50px; } .j01-transaction-history .iban-update--wrapper .m37-expander h4 { margin: 0px; } .j01-transaction-history .transaction-history--wrapper .m39-modal .m39-modal__header { padding-top: 0px; } .j01-transaction-history .transaction-history--wrapper .m39-modal__subtitle { padding: 16px; background: #007560; color: white; font-weight: 600; } .j01-transaction-history .transaction-history--wrapper .m39-modal__title { color: #222222; font-weight: 600; padding: 14px 15px 10px; padding-right: 72px; background: none; } .j01-transaction-history .transaction-history--wrapper .m39-modal__content { bottom: 0px; } .j01-transaction-history .transaction-history--wrapper .m39-modal__monthpicker { bottom: 65px; } .j01-transaction-history .m34-pagination .pagination-container-custom { position: relative; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active { display: inline-block; margin: 0; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a { padding-right: 12px; padding-left: 12px; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item.active span, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active.active span { padding-right: 12px; padding-left: 12px; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item:first-child, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active:first-child { margin-left: 0; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item:last-child, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active:last-child { margin-right: 0; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .hidden, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .hidden { display: none; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a:before { content: none; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a { padding-top: 7px; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before { top: -9px !important; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext { position: absolute; right: 0; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a { padding-left: 0px; padding-right: 18px; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before { right: -14px; left: auto; top: -9px; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:hover:before { animation-name: hover_animation_right_small_text; animation-duration: 0.75s; } .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a { padding-right: 0px; padding-left: 18px; } .j01-transaction-history-select { padding: 4px 0; } @media screen and (max-width: 599px) { .m34-pagination .m34-pagination__page-list-item a { padding-right: 12px; padding-left: 12px; } } .j118-dewa-academy { position: absolute; width: 100%; bottom: 50px; top: 100px; background: url(../../images/academy-bg.png) no-repeat right 100px; background-size: 50%; color: #4A4A4A; } .j118-dewa-academy h1 { font-weight: 500; line-height: 1.5em; } .j118-dewa-academy h2 { font-weight: 500; } .j118-dewa-academy .grid__column--8 { padding-top: 120px; } .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit { border-color: #268126; width: 100%; text-align: center; } .j118-dewa-academy .button--outline { border-color: #0B7BC1; color: #0B7BC1; text-align: center; width: 100%; } .j118-dewa-academy .button--outline:hover { color: white; } .j118-dewa-academy .button--outline:last-child { margin-bottom: 70px; } .j118-dewa-academy .academy-inner .text__page-title { font-weight: 500; } .j118-dewa-academy .academy-inner .text__content-copy--small strong { color: #6D6E71; } .academy-main__content { padding-bottom: 20px; padding-left: 16px; padding-right: 16px; } .academy-main__content .smart-app { width: 30%; background: white; } .academy-main__content .smart-app .dewa-smart-app { width: auto; max-height: 75px; float: left; padding-bottom: 20px; background-color: white; } .academy-main__content .lg-button { float: right; padding-top: 20px; } .academy-main__content .lg-button a { text-align: center; } .academy-main__content .lg-button a .arabic-font { width: 60px; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); padding: 10px 20px; background: white; } .success-bg { background: url(../../images/academy-success.png) no-repeat center 0px; background-size: 60%; min-height: 500px; } @media screen and (max-width: 599px) { .j118-dewa-academy { background: url(../../images/academy-success.png) no-repeat right 0px; background-size: 50%; } .j118-dewa-academy h1 { font-size: 2.5em; font-weight: 500; line-height: 1.5em; } .j118-dewa-academy .grid__column--6 { padding-top: 0px; } .j118-dewa-academy .grid__column--8 { padding-top: 150px; } .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit { font-size: 1.2em; } .j118-dewa-academy .button--outline { font-size: 1.2em; } .academy-main__content .smart-app .dewa-smart-app { height: auto; max-height: 60px; background-color: white; } } @media screen and (min-width: 600px) { .j118-dewa-academy { background: url(../../images/academy-bg.png) no-repeat right 80px; background-size: 50%; width: 100%; bottom: 50px; } .j118-dewa-academy .grid__row, .j118-dewa-academy .grid__row--tight, .j118-dewa-academy .form-introduction { padding-left: 5%; padding-right: 0%; } .j118-dewa-academy h1 { font-size: 3em; } .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit { font-size: 1.2em; } .j118-dewa-academy .button--outline { font-size: 1.2em; } .j118-dewa-academy .grid__column--8 { padding-top: 80px; } } @media screen and (min-width: 1025px) { .j118-dewa-academy { background: url(../../images/academy-bg.png) no-repeat right 60px; background-size: 40%; width: 100%; bottom: 50px; padding-left: 0%; padding-right: 0%; } .j118-dewa-academy .grid__row, .j118-dewa-academy .grid__row--tight, .j118-dewa-academy .form-introduction { padding-left: 10%; padding-right: 0%; } .j118-dewa-academy h1 { font-size: 4em; } .j118-dewa-academy .button--primary, .j118-dewa-academy .form-submit { font-size: 1.5em; } .j118-dewa-academy .button--outline { font-size: 1.5em; } } /* Portrait */ /* Landscape */ @media screen and (min-device-width: 360px) and (max-device-width: 700px) and (orientation: landscape) { .j118-dewa-academy { background: url(../../images/academy-bg.png) no-repeat right 20px; background-size: 30%; } .j118-dewa-academy .button--secondary { padding-left: 0px; padding-right: 0px; } } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .j118-dewa-academy { background: url(../../images/academy-bg.png) no-repeat right 20px; background-size: 30%; } .j118-dewa-academy .button--secondary { padding-left: 0px; padding-right: 0px; } } .m78-timer--wrapper { float: left; width: 25%; text-align: center; position: relative; } .m78-timer--clock { position: relative; width: 220px; height: 220px; border-radius: 100%; margin: 0 auto; } .m78-timer--clock .m78-timer--tick { display: block; position: absolute; top: 47%; left: 48%; width: 8px; height: 13px; background-color: rgba(225, 225, 225, 0.5); } .m78-timer--digit { position: absolute; width: 100%; line-height: 220px; font-size: 100px; } .m78-timer--text { margin-top: 16px; } @media screen and (max-width: 599px) { .m2-hero-timer { position: relative; } .m2-hero-timer .m2-hero-image__inner { position: absolute; top: 24px; width: 100%; left: 0; right: 0; } .m78-timer--clock { width: 80px; height: 80px; } .m78-timer--clock .m78-timer--tick { width: 3px; height: 4px; top: 46%; left: 48%; } .m78-timer--digit { width: 100%; line-height: 80px; font-size: 1.5em; color: white; font-weight: 300; } .m78-timer--text { font-size: 0.875em; color: white; font-weight: 300; } } @media screen and (min-width: 600px) { .m78-timer--clock { width: 150px; height: 150px; } .m78-timer--clock .m78-timer--tick { width: 4px; height: 7px; top: 46%; left: 48%; } .m78-timer--digit { width: 100%; line-height: 150px; font-size: 2.625em; color: white; font-weight: 100; } .m78-timer--text { font-size: 1.5em; color: white; font-weight: 300; } } @media screen and (min-width: 1025px) { .m78-timer--clock { width: 220px; height: 220px; } .m78-timer--clock .m78-timer--tick { top: 47%; left: 48%; width: 8px; height: 13px; } .m78-timer--digit { line-height: 220px; font-size: 100px; font-weight: 400; } .m78-timer--text { margin-top: 16px; font-size: 1.75em; font-weight: 400; } } .j130-conservation-award .checkbox-text { margin: 10px 30px; } .j130-conservation-award .form-field__checkbox, .j130-conservation-award .field-content--checkbox { margin-top: 12px; } .j130-conservation-award .checkbox-text { margin: 10px 30px; } .j130-conservation-award .form-field__checkbox, .j130-conservation-award .field-content--checkbox { margin-top: 12px; } .j131-scrap-sales_modal-content { position: relative; padding-top: 22px; padding-left: 80px; font-weight: 100; } .j131-scrap-sales_modal-content .icon, .j131-scrap-sales_modal-content .m95-power-outage_card-status:before, .j131-scrap-sales_modal-content .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .j131-scrap-sales_modal-content .slick-next:before, .j131-scrap-sales_modal-content .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .j131-scrap-sales_modal-content .slick-prev:before, .j131-scrap-sales_modal-content .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .j131-scrap-sales_modal-content .slick-next:before, .j131-scrap-sales_modal-content .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .j131-scrap-sales_modal-content .slick-prev:before, .j131-scrap-sales_modal-content .toggle-menu--active .toggle-menu__title[class*=icon-], .toggle-menu--active .j131-scrap-sales_modal-content .toggle-menu__title[class*=icon-], .j131-scrap-sales_modal-content .toggle-menu__trigger, .j131-scrap-sales_modal-content .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .j131-scrap-sales_modal-content .slick-prev:before, .j131-scrap-sales_modal-content .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .j131-scrap-sales_modal-content .slick-next:before, .j131-scrap-sales_modal-content .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .j131-scrap-sales_modal-content .button--survey-active:before { position: absolute; padding: 0; top: 0; left: 0; } .j131-scrap-sales_modal-content .icon:before, .j131-scrap-sales_modal-content .m95-power-outage_card-status:before, .j131-scrap-sales_modal-content .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .j131-scrap-sales_modal-content .slick-next:before, .j131-scrap-sales_modal-content .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .j131-scrap-sales_modal-content .slick-prev:before, .j131-scrap-sales_modal-content .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .j131-scrap-sales_modal-content .slick-next:before, .j131-scrap-sales_modal-content .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .j131-scrap-sales_modal-content .slick-prev:before, .j131-scrap-sales_modal-content .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .j131-scrap-sales_modal-content .toggle-menu__title[class*=icon-]:before, .j131-scrap-sales_modal-content .toggle-menu__trigger:before, .j131-scrap-sales_modal-content .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .j131-scrap-sales_modal-content .slick-prev:before, .j131-scrap-sales_modal-content .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .j131-scrap-sales_modal-content .slick-next:before, .j131-scrap-sales_modal-content .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .j131-scrap-sales_modal-content .button--survey-active:before { color: #FFA200; } .j131-scrap-sales_modal .form-field--modalamount { margin: 12px 0 24px; max-width: 300px; } .j131-scrap-sales_modal .form-field--modalamount .form-field__input, .j131-scrap-sales_modal .form-field--modalamount .j134-media--filter-input, .j131-scrap-sales_modal .form-field--modalamount .j100-expander_input, .j131-scrap-sales_modal .form-field--modalamount .field-content input, .field-content .j131-scrap-sales_modal .form-field--modalamount input, .j131-scrap-sales_modal .form-field--modalamount .field-content textarea, .field-content .j131-scrap-sales_modal .form-field--modalamount textarea, .j131-scrap-sales_modal .form-field--modalamount .field-content select, .field-content .j131-scrap-sales_modal .form-field--modalamount select { max-width: 300px; } .m39-modal--scrap-sale-table .m39-modal__header { padding-bottom: 22px; } .m39-modal--scrap-sale-table .m39-modal__title { text-align: center !important; padding: 19px 15px 15px; } .m39-modal--scrap-sale-table .m39-modal__button--close:before { font-size: 30px; top: 10px; } .m39-modal--scrap-sale-table .m23-table__content-table-cell--header { text-align: center; } .message-box { border-radius: 10px; border: 1px solid #ccc; text-align: center; padding: 20px; } .m23-table-scrap-sale .m23-table__content-table { margin-top: 30px; } .m23-table-scrap-sale .m23-table__content-table { background: #007560; } .form-field__input-wrapper--small { width: 150px; } .success-summery { text-align: center; font-weight: 600; line-height: 2em; margin-bottom: 40px; } .success-summery .summery-value { color: #007560; } .form-field__deposit-type .form-field__checkbox, .form-field__deposit-type .field-content--checkbox { width: auto; display: inline-block; margin-right: 20px; } .cell_label-edit { background: #007560; border-radius: 10px; color: white; padding: 0px 10px; float: right; font-weight: 600; cursor: pointer; } .j131-scrap-sales--table_title { overflow: hidden; margin-bottom: 12px; } .j131-scrap-sales--table_title p { float: left; width: 50%; font-weight: 700; color: #007560; } .j131-scrap-sales--table_title .link, .j131-scrap-sales--table_title .m111-cs--content_headinglink, .j131-scrap-sales--table_title .form-links__link, .j131-scrap-sales--table_title .m14-richtext a:not(.button):not(.button--centered), .j131-scrap-sales--table_title .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j131-scrap-sales--table_title a:not(.button):not(.button--centered), .m125-teaser--content .j131-scrap-sales--table_title a:not(.button):not(.button--centered), .j131-scrap-sales--table_title .links-list__link { float: right; width: 50%; text-align: right; } @media screen and (max-width: 599px) { .j131-scrap-sales--table_title p { float: none; width: 100%; margin-bottom: 8px; } .j131-scrap-sales--table_title .link, .j131-scrap-sales--table_title .m111-cs--content_headinglink, .j131-scrap-sales--table_title .form-links__link, .j131-scrap-sales--table_title .m14-richtext a:not(.button):not(.button--centered), .j131-scrap-sales--table_title .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j131-scrap-sales--table_title a:not(.button):not(.button--centered), .m125-teaser--content .j131-scrap-sales--table_title a:not(.button):not(.button--centered), .j131-scrap-sales--table_title .links-list__link { float: none; width: 100%; text-align: left; } } @media screen and (min-width: 600px) { .j131-scrap-sales_modal.m39-modal--new .m39-modal__dialog { max-height: 70%; max-width: 700px; } } @media screen and (min-width: 1025px) { .j131-scrap-sales_modal.m39-modal--new .m39-modal__dialog { max-height: 70%; max-width: 700px; } } .m12-masthead--logos.m12-masthead--logos_shadowed { box-shadow: 0 3px 16px 0 #e0e0e0; } .j132-happinex--screen { opacity: 0; transition: 1s all ease-out; } .j132-happinex--panel-branch { opacity: 0 !important; height: 0px; margin-bottom: 12px !important; overflow: hidden; } .j132-happinex--panel { transition: 0.5s all linear; padding: 0 1px; padding-bottom: 12px; margin-bottom: 36px; } .j132-happinex--panel .j132-happinex--panel_cover { position: absolute; height: 100%; width: 100%; z-index: 9999; } .j132-happinex--panel .m76-range-slider .sliderticks .ticks-active { top: -17px; color: #222222; font-weight: normal; } .j132-happinex--panel--active .j132-happinex--panel_cover { display: none; } .j132-happinex--tracker { opacity: 0; position: fixed; width: 100%; } .j132-happinex--trackernum { color: #007560; } .j132-happinex--trackernum span { transition: 0.5s all ease; font-weight: 100; } .j132-happinex--trackerbar { height: 15px; background: #D8D8D8; border-radius: 50px; position: relative; } .j132-happinex--trackerbar .j132-happinex--trackergreenbar { position: absolute; background: #007560; height: 15px; width: 5%; border-radius: 50px; transition: 0.5s all ease; } .j132-happinex--radios .form-field__radio, .j132-happinex--radios .field-content--radio { width: 33%; float: left; margin-top: 0; margin-bottom: 22px; min-height: 44px; } .j132-happinex--radios .form-field__fakeradio { padding-left: 36px; } .j132-happinex--scroll { position: relative; top: 0; transition: 1s all ease; } .j132-happinex--emoticon_icon:before { color: #777; font-size: 150px; } .j132-happinex--emoticon_wrapper { overflow: hidden; margin: 0; } .j132-happinex--emoticon { float: left; cursor: pointer; } .j132-happinex--emoticon .j132-happinex--emoticon-cbox { display: none; } .j132-happinex--emoticon_active .j132-happinex--emoticon_icon:before { color: #007560; } @media screen and (max-width: 599px) { .j132-happinex--screen { overflow: scroll; } .j132-happinex--radios .form-field__radio, .j132-happinex--radios .field-content--radio { width: 100%; margin-bottom: 12px; } .j132-happinex--panel { top: -50px; z-index: -2; opacity: 0; position: absolute; } .j132-happinex--panel .m14-richtext h4, .j132-happinex--panel .m125-teaser--content h4 { font-size: 1.375em; } .j132-happinex--panel--active { top: 0px; z-index: 0; opacity: 1; position: relative; } .j132-happinex--radios .form-field__fakeradio { line-height: 30px; font-size: 1em; } .j132-happinex--radios .form-field__fakeradio:before { width: 14px; height: 14px; } .j132-happinex--trackerbar, .j132-happinex--trackernum { width: 100%; } .j132-happinex--emoticon { width: 33.3333%; text-align: center; } .j132-happinex--emoticon_icon:before { font-size: 100px; } .j132-happinex--panel .m76-range-slider .sliderticks .ticks { white-space: pre-line; } .j132-happinex--trackernum { margin: 8px 0px 24px; } } @media screen and (min-width: 600px) { .j132-happinex--screen { overflow: scroll; } .j132-happinex--panel { top: -50px; z-index: -2; opacity: 0; position: absolute; } .j132-happinex--panel--active { top: 0px; z-index: 0; opacity: 1; position: relative; } .j132-happinex--trackerbar, .j132-happinex--trackernum { width: 75%; } .j132-happinex--panel .m76-range-slider .sliderticks .ticks { white-space: pre-line; } .j132-happinex--trackernum { margin: 8px 0px 24px; } } @media screen and (min-width: 1025px) { .j132-happinex--screen { overflow: hidden; } .j132-happinex--panel { top: 0px; z-index: 0; position: relative; opacity: 0.5; overflow: auto; overflow-x: hidden; } .j132-happinex--panel-scroll { overflow: scroll; } .j132-happinex--panel--active { top: 0px; z-index: 0; opacity: 1; position: relative; } .j132-happinex--trackerbar, .j132-happinex--trackernum { width: 50%; } .j132-happinex--panel .m76-range-slider .sliderticks .ticks { white-space: nowrap; } .j132-happinex--trackernum { margin: 8px 0px 24px; } } .m29v3-chart__container { box-sizing: border-box; } .m29v3-chart__container + * { margin-top: 24px; } .m29v3-chart__container { background-color: white; } .m29v3-chart__container .highcharts-legend { display: none; } .m29v3-chart { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 20px 0px; background-color: white; } .m29v3-chart sup { vertical-align: super; font-size: smaller; } .m29v3-chart--header { position: relative; padding: 8px 20px 6px; } .m29v3-chart--title { font-weight: bold; } .m29v3-chart--tablist { text-align: center; display: table; min-height: 34px; } .m29v3-chart--tablist .m29v3-chart--listitem { display: inline-block; padding: 4px 20px; border-top: 1px solid #007560; border-bottom: 1px solid #007560; cursor: pointer; transition: 0.25s all; color: #007560; width: 100px; } .m29v3-chart--tablist .m29v3-chart--listitem:hover, .m29v3-chart--tablist .m29v3-chart--listitem.active { background: #007560; color: white; } .m29v3-chart--tablist .m29v3-chart--listitem:first-child { border: 1px solid #007560; border-radius: 3px 0px 0px 3px; } .m29v3-chart--tablist .m29v3-chart--listitem:last-child { border: 1px solid #007560; border-radius: 0px 3px 3px 0px; } .m29v3-chart--tools { position: absolute; right: 20px; display: flex; gap: 16px; align-items: stretch; justify-content: flex-end; } .m29v3-chart--type { display: flex; align-items: stretch; justify-content: flex-start; } .m29v3-chart--type .m29v3-chart--typeitem { display: flex; align-items: center; justify-content: center; height: 34px; width: 42px; padding: 0px 6px; border-top: 1px solid #007560; border-bottom: 1px solid #007560; cursor: pointer; transition: 0.25s all; color: #007560; font-weight: 300; } .m29v3-chart--type .m29v3-chart--typeitem:before { color: #007560; font-size: 28px; } .m29v3-chart--type .m29v3-chart--typeitem:hover, .m29v3-chart--type .m29v3-chart--typeitem.m29v3-chart--typeitemactive { background: #007560; color: white; } .m29v3-chart--type .m29v3-chart--typeitem:hover:before, .m29v3-chart--type .m29v3-chart--typeitem.m29v3-chart--typeitemactive:before { color: white; } .m29v3-chart--type .m29v3-chart--typeitem:first-child { border: 1px solid #007560; border-radius: 3px 0px 0px 3px; } .m29v3-chart--type .m29v3-chart--typeitem:last-child { border: 1px solid #007560; border-radius: 0px 3px 3px 0px; } .m29v3-chart--type .m29v3-chart--typeitem.conversion { direction: ltr; } .m29v3-chart--header.water .m29v3-chart--tablist .m29v3-chart--listitem { border-top: 1px solid #0B7BC1; border-bottom: 1px solid #0B7BC1; color: #0B7BC1; } .m29v3-chart--header.water .m29v3-chart--tablist .m29v3-chart--listitem:hover, .m29v3-chart--header.water .m29v3-chart--tablist .m29v3-chart--listitem.active { background: #0B7BC1; color: white; } .m29v3-chart--header.water .m29v3-chart--tablist .m29v3-chart--listitem:first-child { border: 1px solid #0B7BC1; } .m29v3-chart--header.water .m29v3-chart--tablist .m29v3-chart--listitem:last-child { border: 1px solid #0B7BC1; } .m29v3-chart--header.water .m29v3-chart--type .m29v3-chart--typeitem { border-top: 1px solid #0B7BC1; border-bottom: 1px solid #0B7BC1; color: #0B7BC1; } .m29v3-chart--header.water .m29v3-chart--type .m29v3-chart--typeitem:before { color: #0B7BC1; } .m29v3-chart--header.water .m29v3-chart--type .m29v3-chart--typeitem:hover, .m29v3-chart--header.water .m29v3-chart--type .m29v3-chart--typeitem.m29v3-chart--typeitemactive { background: #0B7BC1; color: white; } .m29v3-chart--header.water .m29v3-chart--type .m29v3-chart--typeitem:hover:before, .m29v3-chart--header.water .m29v3-chart--type .m29v3-chart--typeitem.m29v3-chart--typeitemactive:before { color: white; } .m29v3-chart--header.water .m29v3-chart--type .m29v3-chart--typeitem:first-child { border: 1px solid #0B7BC1; } .m29v3-chart--header.water .m29v3-chart--type .m29v3-chart--typeitem:last-child { border: 1px solid #0B7BC1; } .m29v3-chart--controls { padding: 0 20px; display: none; position: relative; } .m29v3-chart--controls.active { display: block; } .m29v3-chart--controls .form-field--text { display: inline-block; position: relative; } .m29v3-chart--controls .form-field--text + .form-field--text { margin-left: 16px; } .m29v3-chart--controls .form-field--text .picker { width: 150%; } .m29v3-chart--controls .form-field--toggles { right: 8px; top: 32px; } .m29v3-chart--controls .form-field .form-field__label-icon, .m29v3-chart--controls .field-border .form-field__label-icon { color: #c6c6c6; position: absolute; top: -5px; left: -8px; } .m29v3-chart--controls .form-field .form-field__label, .m29v3-chart--controls .field-border .form-field__label, .m29v3-chart--controls .form-field .j100-expander_label, .m29v3-chart--controls .field-border .j100-expander_label, .m29v3-chart--controls .form-field .field-title, .m29v3-chart--controls .field-border .field-title { display: inline-block; position: relative; } .m29v3-chart--controls .form-field .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .field-border .m29v3-chart--yearlabel.field-title { display: inline-block; margin-bottom: 12px; padding-right: 12px; } .m29v3-chart--controls .form-field .form-field__label-month, .m29v3-chart--controls .field-border .form-field__label-month { padding-left: 20px; } .m29v3-chart--controls .form-field .m29v3-chart--year, .m29v3-chart--controls .field-border .m29v3-chart--year { position: relative; display: inline-block; padding: 7px 12px; padding-right: 24px; line-height: 1; font-weight: 600; border: 1px solid #c9c9c9; border-radius: 30px; color: #222222; cursor: pointer; margin: 0 4px 4px; } .m29v3-chart--controls .form-field .m29v3-chart--year:after, .m29v3-chart--controls .field-border .m29v3-chart--year:after { content: "+"; position: absolute; font-size: 24px; font-weight: normal; right: 6px; top: 2px; } .m29v3-chart--controls .form-field .m29v3-chart--year_active, .m29v3-chart--controls .field-border .m29v3-chart--year_active { color: white; line-height: 1; } .m29v3-chart--controls .form-field .m29v3-chart--year_active:after, .m29v3-chart--controls .field-border .m29v3-chart--year_active:after { content: "-"; } .m29v3-chart--controls .m29v3-chart--year_alert { padding-left: 28px; margin-left: 88px; position: relative; display: none; } .m29v3-chart--controls .m29v3-chart--year_alert:before { position: absolute; font-size: 26px; left: 0; top: -8px; } .m29v3-chart--fakecbox { position: relative; display: inline-block; padding: 4px 12px; border-radius: 3px; border: 1px solid #999999; padding-right: 30px; cursor: pointer; margin-left: 8px; } .m29v3-chart--fakecbox:before { content: "+"; position: absolute; top: -1px; right: 6px; z-index: 1; font-size: 1.5em; } .m29v3-chart--fakecbox input { display: none; } .m29v3-chart--fakecbox.active { font-weight: bold; } .m29v3-chart--fakecbox.active:before { content: "\e620"; font-family: iconfont; right: 2px; color: #007560; } .m29v3-chart__label { padding: 0 24px; } .m29v3-chart__container { padding: 0 24px; } .m29v3-chart__label { margin: 24px 0 12px; } .m29v3-chart--typeitem { cursor: pointer; } .m29v3-chart--typeitem:before { font-size: 36px; color: #9B9B9B; } .m29v3-chart--typeitem:hover:before { color: #222222; } .m29v3-chart--typeitem.m29v3-chart--typeitemactive:before { color: #007560; } .m29v3-chart__nodata-container { height: 280px; padding: 0 24px; margin: 0; display: none; } .m29v3-chart__nodata-container .m29v3-chart__nodata { text-align: center; line-height: 280px; color: #222222; } .m29v3-chart--download { position: absolute; overflow: visible; right: 24px; padding-left: 36px; } .m29v3-chart--download:before { position: absolute; top: -4px; left: 8px; font-size: 24px; } .m29v3-chart--wrapper .button--senary.icon-bell { margin: 16px 24px 0; padding-left: 48px; position: relative; } .m29v3-chart--wrapper .button--senary.icon-bell:before { position: absolute; top: 2px; left: 20px; font-size: 24px; color: #717173; } .m29v3-chart--download_panel { position: absolute; margin: 0; right: 20px; top: 36px; border-radius: 5px; width: 150px; box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.1); padding: 16px; z-index: 2; background: white; } .m29v3-chart--download-btn { margin-bottom: 8px; padding-bottom: 8px; cursor: pointer; color: #007560; border-bottom: 0.5px solid #c9c9c9; } .m29v3-chart--download-btn:last-child { margin: 0; padding: 0; border: none; } .m29v3-chart--download-btn:hover { text-decoration: underline; } .m29v3-chart--EV .m29v3-chart__container { clear: both; } .m29v3-chart--EV .m29v3-chart--header { min-height: 48px; } .m29v3-chart--EV .m29v3-chart--tablist { position: absolute; right: 130px; } .m29v3-chart--EV .m29v3-chart--titlewrapper { display: flex; align-items: center; margin-top: -10px; } .m29v3-chart--EV .m29v3-chart--title { position: static; } .m29v3-chart--EV .m29v3-chart--filter { margin-left: 32px; } .m29v3-chart--EV .m29v3-chart--filter .form-field__label, .m29v3-chart--EV .m29v3-chart--filter .j100-expander_label, .m29v3-chart--EV .m29v3-chart--filter .field-title, .m29v3-chart--EV .m29v3-chart--filter .form-field__input-wrapper, .m29v3-chart--EV .m29v3-chart--filter .m111-content-scroller--nav_mobile-selectwrapper, .m29v3-chart--EV .m29v3-chart--filter .j134-media--filter, .m29v3-chart--EV .m29v3-chart--filter .j100-expander_input, .m29v3-chart--EV .m29v3-chart--filter .field-content { display: inline-block; } .m29v3-chart--EV .m29v3-chart--filter .form-field__label, .m29v3-chart--EV .m29v3-chart--filter .j100-expander_label, .m29v3-chart--EV .m29v3-chart--filter .field-title { font-weight: 300; } .m29v3-chart--EV .m29v3-chart--filter .form-field__input--select, .m29v3-chart--EV .m29v3-chart--filter .m111-content-scroller--nav_mobile-select, .m29v3-chart--EV .m29v3-chart--filter .j134-media--filter-input:not(.j134-media--filter-inputsearch), .m29v3-chart--EV .m29v3-chart--filter .field-content select, .field-content .m29v3-chart--EV .m29v3-chart--filter select { border: none; font-weight: bold; color: #222222; } .m29v3-chart--EV .m29v3-chart--year_alert { display: block; } .m29v3-chart--EV .form { clear: both; } .m29v3-chart--info { margin: 24px 20px; padding: 12px 8px; border-radius: 4px; font-weight: 300; line-height: 1.5; } .m29v3-chart--info .m39-modal { display: inline-block; } .m29v3-chart--info .m39-modal__header { min-height: 0; } .m29v3-chart--info .m39-modal__trigger { font-weight: 300; } .m29v3-chart--info .m39-modal__content { bottom: 0; } .m29v3-chart--info .m39-modal__content img { max-width: 100%; width: 540px; } .m29v3-chart--info.water { background-color: rgba(50, 122, 193, 0.1); } .m29v3-chart--info.water .m39-modal__trigger { color: #0B7BC1; } @media screen and (max-width: 599px) { .m29v3-chart__container { height: 320px; padding: 0 12px; margin-bottom: 12px; } .chart-header-wrapper .button, .chart-header-wrapper .button--centered, .chart-header-wrapper .form-submit, .chart-header-wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .chart-header-wrapper a, .chart-header-wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .chart-header-wrapper a { padding: 10px 20px; } .chart-header-wrapper .chart-graph-type .button, .chart-header-wrapper .chart-graph-type .button--centered, .chart-header-wrapper .chart-graph-type .form-submit, .chart-header-wrapper .chart-graph-type .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .chart-header-wrapper .chart-graph-type a, .chart-header-wrapper .chart-graph-type .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .chart-header-wrapper .chart-graph-type a { padding: 10px 15px; } .chart-graph-type { bottom: 10px; } .m29v3-chart { padding: 16px 0 48px; } .m29v3-chart--header { padding: 0 12px; } .m29v3-chart--title { position: relative; margin-bottom: 56px; text-align: left; padding-right: 84px; } .m29v3-chart--tools { justify-content: flex-start; left: 12px; top: 40px; } .m29v3-chart--controls { margin: 12px 0; position: static; padding: 0 14px; } .m29v3-chart--controls .form-field--text + .form-field--text { margin: 0; margin-top: 12px; } .m29v3-chart--controls .form-field--toggles { position: static; } .m29v3-chart--controls .form-field.mt24 .form-field__label, .m29v3-chart--controls .mt24.field-border .form-field__label, .m29v3-chart--controls .form-field.mt24 .j100-expander_label, .m29v3-chart--controls .mt24.field-border .j100-expander_label, .m29v3-chart--controls .form-field.mt24 .field-title, .m29v3-chart--controls .mt24.field-border .field-title { display: block; } .m29v3-chart--controls .form-field.mt24 .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .mt24.field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field.mt24 .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .mt24.field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field.mt24 .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .mt24.field-border .m29v3-chart--yearlabel.field-title { display: block; } .m29v3-chart--controls .form-field.mt24 + .form-field, .m29v3-chart--controls .mt24.field-border + .form-field, .m29v3-chart--controls .form-field.mt24 + .field-border, .m29v3-chart--controls .mt24.field-border + .field-border { margin-top: 24px; } .m29v3-chart--controls .m29v3-chart--year_alert { margin: 0px; margin-top: 8px; } .m29v3-chart--tablist { margin: 16px auto 0; width: 100%; min-height: auto; } .m29v3-chart--tablist .m29v3-chart--listitem { padding: 8px 16px; display: table-cell; } .m29v3-chart--download { bottom: 20px; top: auto; } .m29v3-chart--wrapper .button--senary.icon-bell { width: calc(100% - 24px); margin: 0 auto; display: block; } .m29v3-chart--EV .m29v3-chart--titlewrapper { display: block; float: none !important; } .m29v3-chart--EV .m29v3-chart--title { padding: 0; text-align: center; margin: 0; } .m29v3-chart--EV .m29v3-chart--filter { margin: 0; display: flex; align-items: center; justify-content: flex-end; gap: 12px; } .m29v3-chart--EV .m29v3-chart--tools { top: 42px; } .m29v3-chart--EV .m29v3-chart--tablist { position: static; margin-top: 12px; } .m29v3-chart--info .m39-modal__content { display: flex; align-items: center; justify-content: center; } .m29v3-chart--info .m39-modal--medium .m39-modal__dialog { max-height: 360px; } } @media screen and (min-width: 600px) { .m29v3-chart__container { height: 280px; } .m29v3-chart--title { position: relative; margin-bottom: 12px; text-align: center; } .m29v3-chart--tools { top: 55px; } .m29v3-chart--controls .form-field--toggles { position: static; } .m29v3-chart--controls .form-field.mt24 .form-field__label, .m29v3-chart--controls .mt24.field-border .form-field__label, .m29v3-chart--controls .form-field.mt24 .j100-expander_label, .m29v3-chart--controls .mt24.field-border .j100-expander_label, .m29v3-chart--controls .form-field.mt24 .field-title, .m29v3-chart--controls .mt24.field-border .field-title { display: block; } .m29v3-chart--controls .form-field.mt24 .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .mt24.field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field.mt24 .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .mt24.field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field.mt24 .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .mt24.field-border .m29v3-chart--yearlabel.field-title { display: block; } .m29v3-chart--controls .form-field.mt24 + .form-field, .m29v3-chart--controls .mt24.field-border + .form-field, .m29v3-chart--controls .form-field.mt24 + .field-border, .m29v3-chart--controls .mt24.field-border + .field-border { margin-top: 24px; } .m29v3-chart--controls .m29v3-chart--year_alert { margin: 0px; margin-top: 8px; } .m29v3-chart--tablist { margin: 0; } .m29v3-chart--tablist .m29v3-chart--listitem { padding: 8px 16px; } .m29v3-chart--download { bottom: auto; top: -8px; } .m29v3-chart--EV .m29v3-chart--titlewrapper { display: block; float: none !important; } .m29v3-chart--EV .m29v3-chart--title { padding: 0; text-align: center; margin: 0; } .m29v3-chart--EV .m29v3-chart--filter { margin: 0; } .m29v3-chart--EV .m29v3-chart--tools { top: 42px; } .m29v3-chart--EV .m29v3-chart--tablist { position: static; margin-top: 12px; } } @media screen and (max-width: 700px) { .m29v3-chart--tablist { margin: 16px auto 0; width: 100%; min-height: auto; } .m29v3-chart--tablist .m29v3-chart--listitem { display: table-cell; } .m29v3-chart--title { position: relative; margin-bottom: 56px; text-align: left; padding-right: 84px; } .m29v3-chart--tools { justify-content: flex-start; left: 20px; top: 40px; } } @media screen and (max-width: 599px) { .m29v3-chart--tools { left: 12px; } } @media screen and (min-width: 1025px) { .m29v3-chart__container { height: 300px; } .m29v3-chart--title { margin-bottom: 0px; top: 10px; text-align: left; position: absolute; } .m29v3-chart--tools { top: 8px; } .m29v3-chart--controls .form-field--toggles { position: absolute; } .m29v3-chart--controls .form-field.mt24 + .form-field, .m29v3-chart--controls .mt24.field-border + .form-field, .m29v3-chart--controls .form-field.mt24 + .field-border, .m29v3-chart--controls .mt24.field-border + .field-border { margin-top: 0px; } .m29v3-chart--controls .form-field.mt24 .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .mt24.field-border .form-field__label.m29v3-chart--yearlabel, .m29v3-chart--controls .form-field.mt24 .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .mt24.field-border .m29v3-chart--yearlabel.j100-expander_label, .m29v3-chart--controls .form-field.mt24 .m29v3-chart--yearlabel.field-title, .m29v3-chart--controls .mt24.field-border .m29v3-chart--yearlabel.field-title { display: inline-block; } .m29v3-chart--controls .m29v3-chart--year_alert { margin-left: 88px; } .m29v3-chart--tablist { margin: 0 auto; } .m29v3-chart--tablist .m29v3-chart--listitem { padding: 8px 20px; } .m29v3-chart--download { bottom: auto; top: 24px; } .m29v3-chart--year_alert + .m29v3-chart--download { bottom: auto; top: 0; } .m29v3-chart--EV .m29v3-chart--titlewrapper { display: flex; float: left !important; } .m29v3-chart--EV .m29v3-chart--title { text-align: left; } .m29v3-chart--EV .m29v3-chart--filter { margin-left: 32px; } .m29v3-chart--EV .m29v3-chart--tools { top: 8px; } .m29v3-chart--EV .m29v3-chart--tablist { position: absolute; margin: 0 auto; } } /* globalmodule */ .m79-dashboard-tools { position: relative; margin: 24px 0; } @media screen and (max-width: 599px) { .m79-dashboard-tools--wrapper { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m79-dashboard-tools--wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m79-dashboard-tools--wrapper { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (max-width: 599px) { .m79-dashboard-tools--wrapper { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m79-dashboard-tools--wrapper { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m79-dashboard-tools--wrapper { padding-left: 32px; padding-right: 32px; } } .m79-dashboard-tools--wrapper { padding-top: 12px; padding-bottom: 12px; } .m79-dashboard-tools--buttons_item { display: inline-block; } .m79-dashboard-tools--buttons_item .button.icon-Leave_Feedback, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.button--centered, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.form-submit, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.icon-Leave_Feedback, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.icon-Leave_Feedback, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback { position: relative; padding-left: 52px; font-weight: 400; background-color: white; box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.24); } .m79-dashboard-tools--buttons_item .button.icon-Leave_Feedback:before, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.button--centered:before, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.form-submit:before, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.icon-Leave_Feedback:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback:before, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.icon-Leave_Feedback:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback:before { position: absolute; top: 6px; left: 20px; font-size: 21px; } .m79-dashboard-tools--buttons_item .button.icon-Leave_Feedback:focus-visible, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.button--centered:focus-visible, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.form-submit:focus-visible, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.icon-Leave_Feedback:focus-visible, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback:focus-visible, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.icon-Leave_Feedback:focus-visible, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback:focus-visible { background-color: #F9DC4A; } .m79-dashboard-tools--language_list { padding: 0 12px; } .m79-dashboard-tools--language_list .m79-dashboard-tools--language_item { display: inline-block; border-radius: 30px; } .m79-dashboard-tools--language_list .m79-dashboard-tools--language_item a { display: inline-block; border: 1px solid #d9d9d9; padding: 6px 10px; border-radius: 30px; font-weight: 100; color: #222222; cursor: pointer; } .m79-dashboard-tools--language_list .m79-dashboard-tools--language_item.m79-dashboard-tools--language_itemactive, .m79-dashboard-tools--language_list .m79-dashboard-tools--language_item:hover { background: #007560; border-radius: 30px; } .m79-dashboard-tools--language_list .m79-dashboard-tools--language_item.m79-dashboard-tools--language_itemactive a, .m79-dashboard-tools--language_list .m79-dashboard-tools--language_item:hover a { color: white; border-color: #007560; border-radius: 30px; } @media screen and (max-width: 599px) { .m79-dashboard-tools { margin-bottom: 15px; } .m79-dashboard-tools--wrapper { display: block; } .m79-dashboard-tools--wrapper:before, .m79-dashboard-tools--wrapper:after { content: " "; display: table; } .m79-dashboard-tools--wrapper:after { clear: both; } .m79-dashboard-tools--greeting_wrapper { width: 50%; max-height: 1em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; float: left; margin: 8px 0; word-break: break-all; } .m79-dashboard-tools--greeting_wrapper:has(.button--back, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a) { width: 100%; max-height: unset; -webkit-line-clamp: none; } .m79-dashboard-tools--buttons_wrapper { width: 45%; text-align: left; float: right; } .m79-dashboard-tools--buttons_item .button.icon-Leave_Feedback, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.button--centered, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.form-submit, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.icon-Leave_Feedback, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.icon-Leave_Feedback, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback { padding: 2px 14px; } .m79-dashboard-tools--buttons_item .button.icon-Leave_Feedback:before, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.button--centered:before, .m79-dashboard-tools--buttons_item .icon-Leave_Feedback.form-submit:before, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.icon-Leave_Feedback:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback:before, .m79-dashboard-tools--buttons_item .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.icon-Leave_Feedback:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m79-dashboard-tools--buttons_item a.icon-Leave_Feedback:before { content: " "; } } @media screen and (min-width: 600px) { .m79-dashboard-tools { border-bottom: none; } .m79-dashboard-tools--wrapper { display: block; } .m79-dashboard-tools--greeting_wrapper { width: 100%; } .m79-dashboard-tools--buttons_wrapper { width: 100%; text-align: left; margin-top: 12px; } } @media screen and (min-width: 1025px) { .m79-dashboard-tools--wrapper { display: flex; align-items: center; } .m79-dashboard-tools--greeting_wrapper { width: 40%; } .m79-dashboard-tools--buttons_wrapper { width: 60%; text-align: right; margin: 0; } } /* globalmodule */ .m80-my-consumption { position: relative; } .m80-my-consumption--profile, .m80-my-consumption--incidents { box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; border: 0.5px solid #c6c6c6; padding: 20px; display: inline-block; transition: 0.25s all; position: relative; min-height: 155px; } .m80-my-consumption--profile:hover, .m80-my-consumption--incidents:hover { box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2); } .m80-my-consumption--profile_ratewrapper { position: absolute; } .m80-my-consumption--profile_rate { width: 100px; height: 100px; margin: 0; position: absolute; } .m80-my-consumption--profile_rate svg { width: 100%; height: 100%; } .m80-my-consumption--profile_rate svg .circle-background { r: 47.5px; cx: 50%; cy: 50%; fill: none; stroke: #F6F6F6; stroke-width: 5px; } .m80-my-consumption--profile_rate svg .circle-foreground { r: 47.5px; cx: 50%; cy: 50%; fill: none; stroke: #007560; stroke-width: 5px; stroke-dashoffset: 0; stroke-dasharray: 0px 624.86px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: 1s all; } .m80-my-consumption--profile_ratenum { font-weight: bold; color: #007560; } .m80-my-consumption--profile_text { text-align: center; width: 100px; margin: 30px 0; } .m80-my-consumption--profile_detailswrapper { padding-left: 112px; } .m80-my-consumption--profile_detailswrapper .button--next, .m80-my-consumption--profile_detailswrapper .form-submit, .m80-my-consumption--profile_detailswrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m80-my-consumption--profile_detailswrapper a { font-weight: 100; white-space: normal; } .m80-my-consumption--profile_detailswrapper .button--next:before, .m80-my-consumption--profile_detailswrapper .form-submit:before, .m80-my-consumption--profile_detailswrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m80-my-consumption--profile_detailswrapper a:before { color: #007560; } .m80-my-consumption--profile_detailstitle { font-weight: bold; color: #222222; } .m80-my-consumption--profile_detailstext { margin-top: 12px; } .m80-my-consumption--incidents { font-weight: bold; text-align: center; display: flex; align-items: center; top: 0; color: #222222; box-sizing: border-box; } .m80-my-consumption--incidents div { margin: 0 auto; position: relative; } .m80-my-consumption--incidents .m80-my-consumption--incidents_inner { margin: 0 auto; } .m80-my-consumption--incidents img { width: 40px; height: 40px; } .m80-my-consumption--incidents img + .m80-my-consumption--incidentstext { margin-top: 12px; line-height: 1.25; max-height: 3.75em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; } @media screen and (max-width: 599px) { .m80-my-consumption { margin-top: 0px; } .m80-my-consumption--incidents { box-shadow: none; right: 0; } .m80-my-consumption--incidents img { position: absolute; left: 0; width: 32px; height: 32px; top: 12px; } .m80-my-consumption--incidents + .m80-my-consumption--incidents { margin-top: 16px; } .m80-my-consumption--incidentstext { padding-left: 48px; text-align: left; } .m80-my-consumption--incidents { min-height: 75px; padding: 10px 20px 20px; } } @media screen and (min-width: 600px) { .m80-my-consumption { margin-top: 12px; } .m80-my-consumption--incidents { margin-top: 12px; width: calc(50% - 8px); position: absolute; right: calc(50% + 8px); } .m80-my-consumption--incidents:last-child { right: 0; } } @media screen and (min-width: 1025px) { .m80-my-consumption { margin-top: 16px; } .m80-my-consumption--profile.hasIncidents { width: 66.666%; } .m80-my-consumption--incidents { width: calc(33.333% - 24px); margin-top: 0px; right: 33.3333%; } .m80-my-consumption--incidents:last-child { right: 0; } .m80-my-consumption--incidents { position: absolute; } } .m81-total-amount { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 30px; padding-top: 20px; display: inline-block; position: relative; background: white; width: 100%; } .m81-total-amount--graph_wrapper { position: relative; width: 330px; } .m81-total-amount--graph_wrapper .button--fullwidth { width: 70%; margin: 0 auto; display: block; } .m81-total-amount--graph_text { text-align: center; width: 240px; height: 240px; position: absolute; z-index: 3; top: 42px; left: calc((100% - 240px) / 2); background: white; border-radius: 50%; padding: 72px 0; color: #222222; } .m81-total-amount--graph_placeholder { text-align: center; width: 280px; height: 280px; position: absolute; top: 22px; left: 25px; background: #F3F5F9; border-radius: 50%; z-index: 1; display: none; } .m81-total-amount--graph_header { font-weight: bold; } .m81-total-amount--graph_amount { font-weight: bold; margin: 12px 0; } .m81-total-amount--graph_suffix { font-weight: 100; margin-top: 12px; } .m81-total-amount--graph { width: 330px; height: 330px; position: relative; left: calc((100% - 330px) / 2); } .m81-total-amount--list_item { position: relative; padding: 16px 36px; padding-left: 32px; border-radius: 5px; background: #f8f8f8; margin-bottom: 12px; color: #222222; font-weight: bold; display: flex; align-items: center; justify-content: space-between; gap: 12px; row-gap: 0px; } .m81-total-amount--list_item .iconsquare { position: absolute; left: 8px; top: calc((100% - 18px) / 2); width: 16px; height: 16px; border-radius: 4px; } .m81-total-amount--list_item.toggled { cursor: pointer; } .m81-total-amount--list_item.toggled:before { content: "\e604"; position: absolute; right: 4px; top: 7px; color: #818181; font-size: 30px; font-family: iconfont; font-weight: normal; } .m81-total-amount--list_item.toggle-open:before { content: "\e605"; } .m81-total-amount--list_item--toggled { transition: 0.5s all; height: 0; overflow: hidden; } .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; color: #222222; font-weight: 600; padding: 12px 36px; padding-left: 32px; } .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem:last-child { margin-bottom: 12px; } .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem:before { position: absolute; color: #8A93A0; left: 6px; top: 5px; font-size: 24px; } .m81-total-amount--list_item--toggled .m81-total-amount--list_item--toggleditem span:has(.dirham-symbol) { direction: ltr; } .m81-total-amount--list_amount { float: right; font-weight: bold; white-space: nowrap; } .m81-total-amount--EV { min-height: 460px; } .m81-total-amount--EV .m81-total-amount--graph_text { position: static; margin: 24px auto; padding: 0; background: transparent; width: 100%; height: auto; } .m81-total-amount--EV .m81-total-amount--graph_amountstrike { text-decoration: line-through; } .m81-total-amount--EV .m81-total-amount--graph_note { margin: 32px 0 16px; text-align: center; color: #222222; } .m81-total-amount--EV .button + .button, .m81-total-amount--EV .button--centered + .button, .m81-total-amount--EV .form-submit + .button, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m81-total-amount--EV a + .button, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m81-total-amount--EV a + .button, .m81-total-amount--EV .button + .button--centered, .m81-total-amount--EV .button--centered + .button--centered, .m81-total-amount--EV .form-submit + .button--centered, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m81-total-amount--EV a + .button--centered, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m81-total-amount--EV a + .button--centered, .m81-total-amount--EV .button + .form-submit, .m81-total-amount--EV .button--centered + .form-submit, .m81-total-amount--EV .form-submit + .form-submit, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m81-total-amount--EV a + .form-submit, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m81-total-amount--EV a + .form-submit, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m81-total-amount--EV .button + a, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m81-total-amount--EV .button--centered + a, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m81-total-amount--EV .form-submit + a, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m81-total-amount--EV a + a, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m81-total-amount--EV .button + a, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m81-total-amount--EV .button--centered + a, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m81-total-amount--EV .form-submit + a, .m81-total-amount--EV .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m81-total-amount--EV a + a { margin-top: 12px; } .m81-total-amount--EV .m81-total-amount--graph_breakdown { background-color: #f1f1f1; border-radius: 10px; padding: 16px; display: flex; align-items: center; justify-content: space-between; font-weight: 700; } .m81-total-amount--EV .m81-total-amount--graph_breakdown + .m81-total-amount--graph_breakdown { margin-top: 16px; } .m81-total-amount--EV .m81-total-amount--graph_breakdown .m81-total-amount--graph_breakdown-value { color: #222222; } @media screen and (max-width: 599px) { .m81-total-amount { margin-bottom: 15px; padding: 15px; } .m81-total-amount--list_item .iconsquare + span { display: inline-block; } } @media screen and (max-width: 1024px) { .m81-total-amount { margin-bottom: 24px; } .m81-total-amount--graph_wrapper { margin: 0px 0px 24px; float: none; position: relative; left: calc((100% - 330px) / 2); } .m81-total-amount--list { padding: 0; } .m81-total-amount--list_empty { text-align: center; padding: 0; } } @media screen and (min-width: 1025px) { .m81-total-amount { min-height: 425px; margin-bottom: 0px; } .m81-total-amount--graph_wrapper { margin: 0px; float: left; } .m81-total-amount--list { padding-left: 370px; padding-top: 20px; } .m81-total-amount--list_empty { text-align: left; padding-top: calc((100% - 16px) / 5); } .m81-total-amount--EV { min-height: 460px; } .m81-total-amount--EV .m81-total-amount--graph_wrapper { float: none; width: auto; } } .mha-dark .m81-total-amount, .mha-dark .m81-total-amount * { color: #222222 !important; } .mha-dark .m81-total-amount--list_item.toggled:before { color: #222222 !important; } .mha-dark .m81-total-amount button { color: white !important; } .m82-payment-history--header { margin-bottom: 36px; align-items: center; } .m82-payment-history--header_title { font-weight: bold; } .m82-payment-history--header_buttons { display: table; text-align: center; color: #007560; font-weight: 400; } .m82-payment-history--header_buttoni { display: table-cell; padding: 8px 20px; border-top: 1px solid #007560; border-bottom: 1px solid #007560; cursor: pointer; transition: 0.25s all; width: 110px; text-align: center; } .m82-payment-history--header_buttoni:hover, .m82-payment-history--header_buttoni.m82-payment-history--header_buttona { background: #007560; color: white; } .m82-payment-history--header_buttoni:first-child { border: 1px solid #007560; border-radius: 3px 0px 0px 3px; } .m82-payment-history--header_buttoni:last-child { border: 1px solid #007560; border-radius: 0px 3px 3px 0px; } .m82-payment-history--header_download { text-align: right; } .m82-payment-history--header_download .button--senary.icon-download, .m82-payment-history--header_download .button--senary.button--download:before { position: relative; font-weight: 400; padding: 4px 24px; padding-left: 44px; } .m82-payment-history--header_download .button--senary.icon-download:before, .m82-payment-history--header_download .button--senary.button--download:before { position: absolute; top: -8px; left: 12px; } .m82-payment-history--cardwrapper { float: left; padding: 0px 8px; } .m82-payment-history--card { border-radius: 5px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); padding: 20px; position: relative; min-height: 440px; margin-bottom: 16px; background: white; } .m82-payment-history--card_header { position: relative; min-height: 40px; } .m82-payment-history--card_date { font-weight: bold; } .m82-payment-history--card_date + .m82-payment-history--card_invoice { margin-top: 8px; } .m82-payment-history--card_icon { width: 45px; height: 45px; position: absolute; top: 0; right: 0; border: 0.5px solid #d9d9d9; border-radius: 50%; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); text-align: center; display: flex; align-items: center; } .m82-payment-history--card_icon a { display: block; margin: 0 auto; } .m82-payment-history--card_icon img { width: 18px; margin: 0 auto; height: auto; } .m82-payment-history--card_list { margin: 24px 0 32px; } .m82-payment-history--card_listitem { position: relative; padding: 10px 0px 10px 24px; font-weight: normal; border-bottom: 0.5px solid #d9d9d9; line-height: 20px; } .m82-payment-history--card_listitem img { position: absolute; height: 20px; left: 0; top: 8px; } .m82-payment-history--card_listitem2 { position: relative; padding: 10px 0px 10px 0px; font-weight: normal; border-bottom: 0.5px solid #c6c6c6; line-height: 20px; } .m82-payment-history--card_listamount { float: right; font-weight: bold; max-width: 100%; word-break: break-word; } .m82-payment-history--card_listp { font-weight: normal; } .m82-payment-history--card_total { font-weight: 400; line-height: 1em; position: absolute; width: calc(100% - 40px); bottom: 24px; display: flex; align-items: center; justify-content: space-between; } .m82-payment-history--card_totalamount { float: right; font-weight: bold; } .m82-payment-history--EV .m82-payment-history--card { min-height: 320px; } @media screen and (max-width: 599px) { .m82-payment-history--card { min-height: auto; } .m82-payment-history--card_list { margin-bottom: 54px; } .m82-payment-history--header { display: block; } .m82-payment-history--header_title, .m82-payment-history--header_buttons, .m82-payment-history--header_download { width: 100%; text-align: left; } .m82-payment-history--header_buttons { margin: 16px 0px; } .m82-payment-history--cardwrapper { width: 100%; } .m82-payment-history--cardrow .pagination--last { right: -14px; } } @media screen and (min-width: 600px) { .m82-payment-history { padding: 0; } .m82-payment-history--header { display: block; } .m82-payment-history--header_title, .m82-payment-history--header_buttons, .m82-payment-history--header_download { width: 100%; text-align: left; } .m82-payment-history--header_buttons { margin: 16px 0px; } .m82-payment-history--cardwrapper { width: 50%; } } @media screen and (min-width: 1025px) { .m82-payment-history { padding: 0; } .m82-payment-history--header { display: flex; } .m82-payment-history--header_title, .m82-payment-history--header_buttons, .m82-payment-history--header_download { width: 33.33%; } .m82-payment-history--header_buttons { margin: 0px; } .m82-payment-history--cardwrapper { width: 25%; } .m82-payment-history--cardwrapper:first-child { padding-left: 0; } .m82-payment-history--cardwrapper:nth-child(4) { padding-right: 0; } .m82-payment-history--header_download { text-align: right; } .m82-payment-history--header_buttons { text-align: center; } } .m83-usefultips-teaser { border-radius: 5px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1); padding: 20px; background: white; color: #222222; display: block; transition: 0.25s all; margin-top: 4px; } .m83-usefultips-teaser:hover { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); } .m83-usefultips-teaser--icon:before { font-size: 36px; } .m83-usefultips-teaser--title { font-weight: 600; margin-top: 8px; line-height: 1.25; word-break: break-word; } .m83-usefultips-teaser--desc { margin-top: 12px; word-break: break-word; } .m83-usefultips-teaser--img { display: block; height: 80px; } @media screen and (max-width: 599px) { .m83-usefultips-teaser { min-height: 210px; } .metaitemrow .metaitem { padding: 0px !important; } .metaitemrow .metaitem:first-child { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .m83-usefultips-teaser { min-height: 204px; } } @media screen and (min-width: 1025px) { .m83-usefultips-teaser { min-height: 204px; } } .m84-bills-compare { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 30px 20px 35px; background: white; min-height: 550px; } .m84-bills-compare .highcharts-exporting-group { display: none; } .m84-bills-compare .highcharts-container { overflow: visible !important; } .m84-bills-compare .highcharts-figure, .m84-bills-compare .highcharts-data-table table { min-width: 310px; max-width: 800px; margin: 1em auto; } .m84-bills-compare .highcharts-data-table table { border-collapse: collapse; border: 1px solid #EBEBEB; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; } .m84-bills-compare .highcharts-data-table caption { padding: 1em 0; color: #555; } .m84-bills-compare .highcharts-data-table th { font-weight: 600; padding: 0.5em; } .m84-bills-compare .highcharts-data-table td, .m84-bills-compare .highcharts-data-table th, .m84-bills-compare .highcharts-data-table caption { padding: 0.5em; } .m84-bills-compare .highcharts-data-table thead tr, .m84-bills-compare .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; } .m84-bills-compare .highcharts-data-table tr:hover { background: #f1f7ff; } .m84-bills-compare--graph_inner { transition: 0.5s all; opacity: 0; display: none; } .m84-bills-compare--header { display: flex; align-items: center; position: relative; } .m84-bills-compare--header_title { font-weight: bold; width: 30%; } .m84-bills-compare--header_buttons { display: table; width: 40%; text-align: center; color: #007560; font-weight: 400; } .m84-bills-compare--header_buttoni { display: inline-block; padding: 8px 20px; border-top: 1px solid #007560; border-bottom: 1px solid #007560; cursor: pointer; transition: 0.25s all; width: 140px; } .m84-bills-compare--header_buttoni:hover, .m84-bills-compare--header_buttoni.m84-bills-compare--header_buttona { background: #007560; color: white; } .m84-bills-compare--header_buttoni:first-child { border: 1px solid #007560; border-radius: 3px 0px 0px 3px; } .m84-bills-compare--header_buttoni:last-child { border: 1px solid #007560; border-radius: 0px 3px 3px 0px; } .m84-bills-compare--header_download { text-align: right; position: absolute; right: 0; } .m84-bills-compare--header_download .button--senary.icon-download, .m84-bills-compare--header_download .button--senary.button--download:before { position: relative; font-weight: 100; padding-left: 36px; } .m84-bills-compare--header_download .button--senary.icon-download:before, .m84-bills-compare--header_download .button--senary.button--download:before { position: absolute; top: -8px; left: 4px; } .m84-bills-compare--tools { position: relative; margin-bottom: 36px; min-height: 33px; } .m84-bills-compare--tools_filter, .m84-bills-compare--tools_download { position: relative; font-weight: 100; padding-left: 36px; } .m84-bills-compare--tools_filter:before, .m84-bills-compare--tools_download:before { position: absolute; top: -2px; left: 8px; font-size: 24px; } .m84-bills-compare--tools_filter { display: inline-block !important; } .m84-bills-compare--tools_filter.filter--active { color: #007560; border: solid 1px #007560; } .m84-bills-compare--tools_download { position: absolute; right: 0; top: 0; } .m84-bills-compare--filter { position: absolute; top: calc(100% + 4px); background: white; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; z-index: 2; min-width: 220px; display: none; } .m84-bills-compare--filter.m84-bills-compare--filter-active { display: block; } .m84-bills-compare--filter_radio { padding: 20px 20px 0px; border-bottom: 0.5px solid #d9d9d9; } .m84-bills-compare--filter_radio .form-field__fakeradio { gap: 0; } .m84-bills-compare--filter_radio .form-field__fakeradio:before { margin-right: 12px; } .m84-bills-compare--filter_clear { cursor: pointer; } .m84-bills-compare--filter_buttons { padding: 16px 20px 16px; overflow: hidden; line-height: 33px; color: #9B9B9B; font-weight: 100; } .m84-bills-compare--filter_buttons .m84-bills-compare--filter_apply { float: right; } .m84-bills-compare--graph { height: 300px; overflow: visible !important; } .m84-bills-compare--graph .highcharts-axis { display: none; } .m84-bills-compare--no-data { display: none; height: 300px; text-align: center; line-height: 300px; font-weight: 100; color: #222222; } .m84-bills-compare--graph_footer { padding: 0 8px; position: relative; top: -16px; } .m84-bills-compare--graph_footerwrp { display: inline-block; text-align: center; cursor: pointer; float: left; } .m84-bills-compare--graph_footerimg { margin: 0 auto; border: 1px solid #d9d9d9; border-radius: 50%; box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.1); } .m84-bills-compare--graph_footerimg img { width: auto; } .m84-bills-compare--footer_graphicwrpouter { float: left; } .m84-bills-compare--footer_graphicwrp { float: left; padding: 0 10px; } .m84-bills-compare--footer_btns { padding: 0 4px; float: left; } .m84-bills-compare--footer_graphic { border-radius: 10px; padding: 16px; background: #F6F6F6; color: #222222; position: relative; } .m84-bills-compare--footer_graphic .icon-new-arrow-right { position: absolute; top: 8px; left: 8px; } .m84-bills-compare--footer_graphic .icon-new-arrow-right.red { transform: rotate(-90deg); } .m84-bills-compare--footer_graphic .icon-new-arrow-right.green { transform: rotate(90deg); } .m84-bills-compare--footer_graphic .icon-new-arrow-right:before { font-size: 42px; } .m84-bills-compare--footer_rate { font-weight: bold; padding-left: 30px; } .m84-bills-compare--footer_rate + div { line-height: 1.125; padding-left: 30px; } .m84-bills-compare--footer_btns .button, .m84-bills-compare--footer_btns .button--centered, .m84-bills-compare--footer_btns .form-submit, .m84-bills-compare--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m84-bills-compare--footer_btns a, .m84-bills-compare--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m84-bills-compare--footer_btns a { display: block; margin: 0px; } .m84-bills-compare--footer_btns .button:last-child, .m84-bills-compare--footer_btns .button--centered:last-child, .m84-bills-compare--footer_btns .form-submit:last-child, .m84-bills-compare--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:last-child, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m84-bills-compare--footer_btns a:last-child, .m84-bills-compare--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:last-child, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m84-bills-compare--footer_btns a:last-child { margin-top: 12px; } .m84-bills-compare-modal--item { position: relative; padding: 20px 0; border-bottom: 0.5px solid #c9c9c9; } .m84-bills-compare-modal--text { padding-right: 80px; color: #222222; } .m84-bills-compare-modal--date { font-weight: bold; margin-bottom: 8px; } .m84-bills-compare-modal--id { float: left; } .m84-bills-compare-modal--amount { float: right; font-weight: bold; color: #007560; } .m84-bills-compare-modal--link { position: absolute; top: 20px; right: 10px; display: block; height: 45px; width: 45px; text-align: center; border-radius: 50%; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.24); } .m84-bills-compare-modal--link img { height: 24px; margin-top: 11px; } .m84-bills-compare-modal--totaltext { float: left; line-height: 45px; font-weight: bold; color: #222222; padding: 0 15px; } .m84-bills-compare-modal--totalamount { float: right; line-height: 45px; font-weight: bold; color: #007560; padding: 0 15px; } .m84-bills-compare--download_panel { position: absolute; margin: 0; right: 0px; top: 36px; border-radius: 5px; width: 150px; box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.1); padding: 16px; z-index: 2; background: white; } .m84-bills-compare--download-btn { margin-bottom: 8px; padding-bottom: 8px; cursor: pointer; color: #007560; font-weight: 100; border-bottom: 0.5px solid #c9c9c9; } .m84-bills-compare--download-btn:last-child { margin: 0; padding: 0; border: none; } .m84-bills-compare--download-btn:hover { text-decoration: underline; } .m84-bills-compare--graph_xaxis { text-align: center; } .m84-bills-compare--graph_xaxis .month { font-weight: bold; } .m84-bills-compare--graph_xaxis .year { font-weight: normal; position: relative; top: -8px; } .m84-bills-compare--EV { min-height: 460px; } @media screen and (max-width: 599px) { .m84-bills-compare--tools { margin-bottom: 56px; } .m84-bills-compare--header_buttoni { display: table-cell; } .m84-bills-compare--header { margin-bottom: 40px; display: block; text-align: center; } .m84-bills-compare--header_title { width: 100%; } .m84-bills-compare--header_buttons { display: table; width: 40%; text-align: center; color: #007560; font-weight: 400; } .m84-bills-compare--header_buttons { margin-top: 12px; width: 100%; } .m84-bills-compare--header_download { display: none; } .m84-bills-compare--graph_footerwrp { width: 6.25%; } .m84-bills-compare--graph_footerimg { height: 20px; width: 20px; } .m84-bills-compare--graph_footerimg img { height: 10px; margin-top: 3px; } .m84-bills-compare--footer_wrapper { margin-top: 12px; } .m84-bills-compare--footer_graphicwrpouter { width: 100%; } .m84-bills-compare--footer_graphicwrp { width: 100%; margin-bottom: 12px; } .m84-bills-compare--footer_btns { width: 100%; margin-top: 12px; } .m84-bills-compare--footer_btns .button, .m84-bills-compare--footer_btns .button--centered, .m84-bills-compare--footer_btns .form-submit, .m84-bills-compare--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m84-bills-compare--footer_btns a, .m84-bills-compare--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m84-bills-compare--footer_btns a { font-size: 0.875em; font-weight: 100; } .m84-bills-compare-modal--amount { float: left; margin-top: 4px; } .m84-bills-compare--graph_xaxis { font-size: 0.625em; top: -4px; position: relative; } .m84-bills-compare--graph_xaxis .year { top: -4px; } .m84-bills-compare--footer_graphicwrpouter { margin-bottom: 0px; } } @media screen and (min-width: 600px) { .m84-bills-compare--header { margin-bottom: 20px; display: block; text-align: center; } .m84-bills-compare--header_title { width: 100%; } .m84-bills-compare--header_buttons { display: table; width: 40%; text-align: center; color: #007560; font-weight: 400; } .m84-bills-compare--header_buttons { margin-top: 12px; width: 100%; } .m84-bills-compare--header_download { display: none; } .m84-bills-compare--graph_footerwrp { width: 6.6666666667%; } .m84-bills-compare--graph_footer { left: 0px; } .m84-bills-compare--graph_footerimg { height: 20px; width: 20px; } .m84-bills-compare--graph_footerimg img { height: 10px; margin-top: 3px; } .m84-bills-compare--footer_wrapper { margin-top: 12px; } .m84-bills-compare--footer_graphicwrp { width: 50%; } .m84-bills-compare--footer_btns { width: 100%; margin-top: 12px; } .m84-bills-compare--graph_xaxis { font-size: 0.625em; } .m84-bills-compare--footer_graphicwrpouter { margin-bottom: 12px; width: 100%; } } @media screen and (min-width: 1025px) { .m84-bills-compare--header { margin-bottom: 32px; display: flex; text-align: left; } .m84-bills-compare--footer_graphicwrpouter { margin-bottom: 0px; } .m84-bills-compare--header_title { width: 30%; } .m84-bills-compare--header_buttons { margin-top: 0; width: 40%; } .m84-bills-compare--header_download { display: block; } .m84-bills-compare--graph_footerwrp { width: calc((100% - 50px) / 13); } .m84-bills-compare--graph_footer { left: 0px; } .m84-bills-compare--graph_footerimg { height: 45px; width: 45px; } .m84-bills-compare--graph_footerimg img { height: 20px; margin-top: 11px; } .m84-bills-compare--footer_wrapper { margin-top: 32px; } .m84-bills-compare--footer_graphicwrpouter { width: 50%; } .m84-bills-compare--footer_graphicwrp { width: 50%; } .m84-bills-compare--footer_graphicwrp:first-child { padding-left: 0px; } .m84-bills-compare--footer_graphicwrp:last-child { padding-right: 0px; } .m84-bills-compare--footer_btns { width: 50%; margin: 0; padding-left: 128px; } .m84-bills-compare--graph_xaxis { font-size: 1em; } } .mha-dark .m84-bills-compare .highcharts-container * { color: #222 !important; } .m85-dstore-carousel { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; background-color: #007560; margin: 24px 0 54px; } .m85-dstore-carousel .m17-sectiontitle { margin-top: 54px; } @media screen and (max-width: 599px) { .m85-dstore-carousel_carousel { margin-left: 0; margin-right: 0; } } @media screen and (min-width: 600px) { .m85-dstore-carousel_carousel { margin-left: 16px; margin-right: 16px; } } @media screen and (min-width: 1025px) { .m85-dstore-carousel_carousel { margin-left: 16px; margin-right: 16px; } } @media screen and (max-width: 599px) { .m85-dstore-carousel_slide { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m85-dstore-carousel_slide { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 1025px) { .m85-dstore-carousel_slide { padding-left: 16px; padding-right: 16px; } } .m85-dstore-carousel_container .slick-prev { display: block !important; } .m85-dstore-carousel_container .slick-prev:before { content: "\e609"; font-family: iconfont; font-size: 50px; position: absolute; top: -12%; right: 40px; color: white; padding: 0; } .m85-dstore-carousel_container .slick-prev { left: 22px; right: auto; } .m85-dstore-carousel_container .slick-next { display: block !important; } .m85-dstore-carousel_container .slick-next:before { content: "\e60c"; font-family: iconfont; font-size: 50px; position: absolute; top: -12%; left: 40px; color: white; padding: 0; } .m85-dstore-carousel_container .slick-next { right: 22px; left: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .m85-dstore-carousel_container .slick-prev { position: absolute; overflow: visible; } .m85-dstore-carousel_container .slick-next { position: absolute; overflow: visible; } } .m85-dstore-carousel .slick-dots { display: inline; z-index: 91; width: auto; position: absolute; bottom: -8px; width: 100%; left: 50%; transform: translate(-50%, 0); } .m85-dstore-carousel .slick-dots li { margin: 0; vertical-align: middle; width: 17px; } .m85-dstore-carousel .slick-dots li button:before { opacity: 1; filter: alpha(opacity=100); color: white; font-size: 27px; content: "\e60a"; line-height: 22px; left: -3px; } .m85-dstore-carousel .slick-dots li.slick-active button:before { font-size: 27px; content: "\e60b"; left: -3px; } @media screen and (max-width: 599px) { .m85-dstore-carousel { margin: 24px 0 30px; } .m85-dstore-carousel .m17-sectiontitle { margin-top: 24px; } .m85-dstore-carousel_slide { max-width: 375px; } } @media screen and (min-width: 600px) { .m85-dstore-carousel_slide { max-width: 350px; } } @media screen and (min-width: 1025px) { .m85-dstore-carousel_carousel { margin-bottom: 50px; } .m85-dstore-carousel_slide { max-width: 350px; } } .m86-dstore-teaser_title { font-weight: bold; margin: 12px 0 16px; } .m86-dstore-teaser_item { position: relative; padding: 12px 0px; border-bottom: 1px solid #d9d9d9; } .m86-dstore-teaser_img { width: 120px; height: auto; position: absolute; left: 0; top: 12px; border-radius: 5px; } .m86-dstore-teaser_text { padding-left: 136px; display: block; cursor: pointer; color: #222222; } .m86-dstore-teaser_rate { font-weight: bold; color: #007560; } .m86-dstore-teaser_desc { font-weight: 600; color: #222222; margin: 12px 0 24px; } .m86-dstore-teaser_logo { position: relative; line-height: 30px; padding-left: 36px; } .m86-dstore-teaser_logo img { position: absolute; width: 30px; left: 0; top: 0; } @media screen and (max-width: 1024px) { .m86-dstore-teaser { padding: 0px 20px; } } @media screen and (min-width: 1025px) { .m86-dstore-teaser { padding: 0; } } .m87-gauge-alerts .m17-sectiontitle + * { padding-top: 40px; } .m87-gauge-alerts--outerwrapper { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; background: white; padding: 30px 20px 36px; overflow: hidden; } .m87-gauge-alerts--outerwrapper .form-field, .m87-gauge-alerts--outerwrapper .field-border { align-items: center; } .m87-gauge-alerts--outerwrapper .form-field__label, .m87-gauge-alerts--outerwrapper .j100-expander_label, .m87-gauge-alerts--outerwrapper .field-title { margin-right: 16px; } .m87-gauge-alerts--wrapper { float: left; width: 33.3333%; text-align: center; } .m87-gauge-alerts--card { height: 250px; position: relative; } .m87-gauge-alerts--container { transform-origin: 90px 136px; display: inline-block; position: absolute; bottom: calc((100% - 420px) / 2); left: calc((100% - 400px) / 2); } .m87-gauge-alerts--container svg { x: 0px; y: 0px; width: 400px; height: 400px; transform: rotate(-36deg); } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar_bg { stroke-dasharray: 76.25 9999; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar_fill { stroke-dasharray: 0 9999; opacity: 0; transition: 0.5s all; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_fill { stroke-dashoffset: 1; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_fill { transition-delay: 0s; stroke: #007560; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_fill { stroke-dashoffset: -91.25; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_fill { transition-delay: 0.5s; stroke: #ffda5b; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar3 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar3 .m87-gauge-alerts--bar_fill { stroke-dashoffset: -182.5; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar3 .m87-gauge-alerts--bar_fill { transition-delay: 1s; stroke: #f5a623; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar4 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar4 .m87-gauge-alerts--bar_fill { stroke-dashoffset: -273.75; } .m87-gauge-alerts--container--4 .m87-gauge-alerts--bar4 .m87-gauge-alerts--bar_fill { transition-delay: 1.5s; stroke: #B00020; } .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar_bg { stroke-dasharray: 106.666667 9999; } .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar_fill { stroke-dasharray: 0 9999; opacity: 0; transition: 1s all; } .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_fill { stroke-dashoffset: 1; } .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_fill { transition-delay: 0s; stroke: #007560; } .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_fill { stroke-dashoffset: -121.6666667; } .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_fill { transition-delay: 0.5s; stroke: #ffda5b; } .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar3 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar3 .m87-gauge-alerts--bar_fill { stroke-dashoffset: -243.333334; } .m87-gauge-alerts--container--3 .m87-gauge-alerts--bar3 .m87-gauge-alerts--bar_fill { transition-delay: 1.5s; stroke: #B00020; } .m87-gauge-alerts--container--2 .m87-gauge-alerts--bar_bg { stroke-dasharray: 167.52 9999; } .m87-gauge-alerts--container--2 .m87-gauge-alerts--bar_fill { stroke-dasharray: 0 9999; opacity: 0; transition: 0.5s all; } .m87-gauge-alerts--container--2 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--2 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_fill { stroke-dashoffset: 1; } .m87-gauge-alerts--container--2 .m87-gauge-alerts--bar1 .m87-gauge-alerts--bar_fill { transition-delay: 0s; stroke: #007560; } .m87-gauge-alerts--container--2 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_bg, .m87-gauge-alerts--container--2 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_fill { stroke-dashoffset: -182.52; } .m87-gauge-alerts--container--2 .m87-gauge-alerts--bar2 .m87-gauge-alerts--bar_fill { transition-delay: 0.5s; stroke: #B00020; } .m28-columncharts--wrapper { margin: 32px 0 24px; overflow: auto; } .m28-columncharts--item { float: left; width: calc((100% - 6px) / 6); text-align: center; } .m28-columncharts--title { color: #222222; margin-bottom: 12px; } .m28-columncharts--column { width: 12px; height: 120px; margin: 0 auto; background-color: #DEDEDE; border-radius: 10px; position: relative; overflow: hidden; } .m28-columncharts--column .m28-columncharts--columnfill { position: absolute; height: 0px; width: 100%; bottom: 0; border-radius: 10px; transition: 0.5s all; } .m28-columncharts--electricity .m28-columncharts--columnfill { background-color: #007560; } .m28-columncharts--water .m28-columncharts--columnfill { background-color: #0B7BC1; } .m28-columncharts--link { text-align: center; clear: both; } .m28-columncharts--line { position: absolute; width: 100%; left: 0; padding: 0 36px; border-bottom: 1px solid #D9D9D9; } .m28-columncharts--line_item { display: inline-block; padding: 0px 12px 8px; font-weight: bold; color: #007560; border-bottom: 2px solid; } .m87-gauge-alerts--details { position: absolute; width: 100%; top: calc((100% - 140px) / 2); color: #222222; } .m87-gauge-alerts--details:before { font-size: 40px; position: absolute; top: 108px; left: calc((100% - 40px) / 2); } .m87-gauge-alerts--details-unit { line-height: 1.4; margin: 0 auto; width: 170px; min-height: 44px; } .m87-gauge-alerts--details-value { font-weight: bold; margin: 12px 0 4px; } .m87-gauge-alerts--details-button { font-weight: 100; } .m87-gauge-alerts--details-alert { margin-top: 12px; } .m87-gauge-alerts--card_title { text-align: left; position: relative; padding-left: 36px; } .m87-gauge-alerts--card_title:before { position: absolute; left: 0; top: -8px; } .m87-gauge-alerts--card_title--head { font-weight: bold; margin-top: 54px; } .m87-gauge-alerts--card_title--date { margin-top: 8px; } .m87-gauge-alerts--card_head .m87-gauge-alerts--card_desc { float: left; width: 75%; } .m87-gauge-alerts--card_head .m87-gauge-alerts-modal .m39-modal__content { bottom: 0; } .m87-gauge-alerts--card_head .m87-gauge-alerts-modal .m39-modal__trigger { color: #222222; padding: 10px 24px; } .m87-gauge-alerts--card_head .m87-gauge-alerts-modal .m39-modal__trigger:hover { text-decoration: none; } .m87-gauge-alerts--switchcard { border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); padding: 20px; background: white; margin-top: 24px; clear: both; } .m87-gauge-alerts--switch { position: relative; padding: 0px 0 16px; margin-bottom: 16px; border-bottom: 0.5px solid #d9d9d9; padding-right: 44px; } .m87-gauge-alerts--switch:last-child { border: none; padding-bottom: 0px; margin: 0px; } .m87-gauge-alerts--switch .form-field__label--tooltip, .m87-gauge-alerts--switch .m87-gauge-alerts--remove { position: absolute; right: 4px; top: -2px; margin: 0; padding: 0; } .m87-gauge-alerts--switch .form-field__label--tooltip:before, .m87-gauge-alerts--switch .m87-gauge-alerts--remove:before { position: static; font-size: 30px; } .m87-gauge-alerts--switch .m87-gauge-alerts--remove { top: 2px; width: 24px; height: 24px; text-align: center; line-height: 24px; color: white; background: #B00020; border-radius: 50%; font-weight: 300; cursor: pointer; } .m87-gauge-alerts--switch_unit { font-weight: 600; position: relative; padding-left: 24px; } .m87-gauge-alerts--switch_unit:before { position: absolute; left: -6px; } .m87-gauge-alerts--switch_tl { font-weight: lighter; margin-top: -6px; color: #717173; } .icon-bell_wrapper { width: 150px; height: 30px; position: absolute; z-index: 1; top: calc((100% - 30px) / 2); left: calc(50% - 150px); text-align: left; transform-origin: right; transform: rotate(35deg); } .icon-bell_wrapper .icon-bell { position: absolute; transform: rotate(-35deg); color: #717173; line-height: 24px; width: 30px; height: 30px; border-radius: 50%; border: 0.5px solid #d9d9d9; background: white; text-align: center; } .m87-gauge-alerts--information { margin: 36px 0px; } .m87-gauge-alerts--infowrap { float: left; } .m87-gauge-alerts--infotitle { font-weight: bold; } .m87-gauge-alerts--infodesc { margin: 24px 0; } .m87-gauge-alerts--infoimg { float: left; height: 225px; background-size: cover; border-radius: 5px; background-position: center center; } .m87-gauge-alerts--header { position: relative; } .m87-gauge-alerts--disclaimer { color: #8f908f; position: absolute; bottom: 12px; } @media screen and (max-width: 599px) { .m87-gauge-alerts--outerwrapper { padding: 30px 8px 40px; } .m87-gauge-alerts--container { transform-origin: 70px 160px; bottom: calc((100% - 150px) / 2); left: calc((100% - 200px) / 2); } .m87-gauge-alerts--container svg { width: 200px; height: 200px; } .m87-gauge-alerts--details { top: calc((100% - 60px) / 2); } .m87-gauge-alerts--details:before { font-size: 32px; position: absolute; top: 54px; left: calc((100% - 32px) / 2); } .m87-gauge-alerts--details-unit { font-size: 10px; min-height: 30px; margin: 0 auto; width: 100px; } .m87-gauge-alerts--details-value { font-size: 16px; margin: 0px 0 6px; } .m87-gauge-alerts--card_title--head { margin-top: 0px; max-width: 100px; margin: 36px auto 0; font-size: 14px; font-weight: 600; } .m87-gauge-alerts--wrapper { float: left; width: 33.3333% !important; text-align: center; padding: 4px 12px; } .m87-gauge-alerts--card { height: 120px; } .m87-gauge-alerts--card_desc, .m87-gauge-alerts--card_head { padding: 12px 20px; } .m87-gauge-alerts--card_desc .m87-gauge-alerts--card_desc, .m87-gauge-alerts--card_head .m87-gauge-alerts--card_desc { padding: 0px; width: 100%; } .m87-gauge-alerts--information { padding: 0px 20px; } .m87-gauge-alerts--infowrap { width: 100%; padding: 0px; } .m87-gauge-alerts--header_title { font-size: 21px; font-weight: bold; width: 100%; } } @media screen and (max-width: 1024px) { .m87-gauge-alerts--container { transform-origin: 70px 160px; } .m87-gauge-alerts--wrapper { float: left; width: 100%; text-align: center; padding: 4px 12px; } .m87-gauge-alerts--infoimg { width: 100%; } .m87-gauge-alerts--card_head .m87-gauge-alerts-modal { margin-top: 12px; float: left; } .m87-gauge-alerts--header_title { font-size: 21px; font-weight: bold; width: 100%; } .m87-gauge-alerts--disclaimer { position: static; } } @media screen and (min-width: 1025px) { .m87-gauge-alerts--wrapper { float: left; width: 33.3333%; text-align: center; } .m87-gauge-alerts--container svg { width: 400px; height: 400px; } .m87-gauge-alerts--card_head .m87-gauge-alerts-modal { float: right; } .m87-gauge-alerts--card_head .m87-gauge-alerts-modal .m39-modal__dialog { max-width: 570px; } .m87-gauge-alerts--information { padding: 0px; } .m87-gauge-alerts--infowrap { width: 50%; padding-right: 24px; } .m87-gauge-alerts--infoimg { width: 50%; } .m87-gauge-alerts .xscroll { overflow: visible; } .m87-gauge-alerts--outerwrapper .form-field, .m87-gauge-alerts--outerwrapper .field-border { display: flex; } .m87-gauge-alerts--outerwrapper .form-field__input-wrapper, .m87-gauge-alerts--outerwrapper .m111-content-scroller--nav_mobile-selectwrapper, .m87-gauge-alerts--outerwrapper .j134-media--filter, .m87-gauge-alerts--outerwrapper .j100-expander_input, .m87-gauge-alerts--outerwrapper .field-content { margin: 0; } .m87-gauge-alerts--outerwrapper .form-field__input--select, .m87-gauge-alerts--outerwrapper .m111-content-scroller--nav_mobile-select, .m87-gauge-alerts--outerwrapper .j134-media--filter-input:not(.j134-media--filter-inputsearch), .m87-gauge-alerts--outerwrapper .field-content select, .field-content .m87-gauge-alerts--outerwrapper select { width: 250px; } .m87-gauge-alerts--header { margin-bottom: 24px; display: flex; text-align: left; } .m87-gauge-alerts--header_title { font-size: 21px; font-weight: bold; width: 30%; } .m87-gauge-alerts--header_download { text-align: right; position: absolute; right: 0; top: -10px; } } .m88-dashboard-map { position: relative; width: 100%; height: 340px; *zoom: 1; } .m88-dashboard-map:before, .m88-dashboard-map:after { content: " "; display: table; } .m88-dashboard-map:after { clear: both; } .m88-dashboard-map #map { height: 340px; } .form-field__messages + .m88-dashboard-map, .field-error + .m88-dashboard-map { margin-top: 12px; } @media screen and (max-width: 599px) { .m88-dashboard-map { margin-top: 32px; } .m88-dashboard-map { height: 250px; } .m88-dashboard-map #map { height: 250px; } } @media screen and (min-width: 600px) { .m88-dashboard-map { height: 490px; } .m88-dashboard-map #map { height: 490px; } } @media screen and (min-width: 1025px) { .m88-dashboard-map { height: 340px; } .m88-dashboard-map #map { height: 340px; } } /* homemodule */ .m19-ql-carousel__slide { min-height: 56px; display: inline-flex !important; align-items: center; width: 19%; } .m19-ql-carousel__carousel { text-align: center; } .m19-ql-carousel__container .slick-prev { display: block !important; } .m19-ql-carousel__container .slick-prev:before { content: "\e609"; font-family: iconfont; font-size: 50px !important; position: absolute; top: -14px; left: -38px; color: #222222; padding: 0px !important; } .m19-ql-carousel__container .slick-prev { left: 22px; right: auto; } .m19-ql-carousel__container .slick-next { display: block !important; } .m19-ql-carousel__container .slick-next:before { content: "\e60c"; font-family: iconfont; font-size: 50px !important; position: absolute; top: -14px; right: -38px; color: #222222; padding: 0px !important; } .m19-ql-carousel__container .slick-next { right: 22px; left: auto; } .m19-ql-carousel__slide--inner a { display: inline-block; } @media screen and (max-width: 599px) { .m19-ql-carousel__slide--inner { margin: 0 8px; width: 100%; } .m19-ql-carousel__carousel { margin-bottom: 0px; } .m19-ql-carousel__slide--img { height: 20px; margin: 0 auto; } .m19-ql-carousel__carousel { padding: 0 32px; } .m19-ql-carousel__container .slick-prev:before { left: -32px; color: #222222; } .m19-ql-carousel__container .slick-next:before { right: -32px; } } @media screen and (min-width: 600px) { .m19-ql-carousel__slide--inner { margin: 0 16px; width: 100%; } .no-carousel .m19-ql-carousel__slide { width: 33.3333%; } .m19-ql-carousel__slide--img { height: 40px; margin: 0 auto; } .m19-ql-carousel__carousel { margin-bottom: 0px; } .m19-ql-carousel__carousel { padding: 0 32px; } .m19-ql-carousel__container .slick-prev:before { left: -32px; color: #222222; } .m19-ql-carousel__container .slick-next:before { right: -32px; } } @media screen and (min-width: 1025px) { .m19-ql-carousel__carousel { padding: 0 0px; } .m19-ql-carousel__slide--img { height: 40px; margin: 0 auto; } .m19-ql-carousel__container .slick-prev:before { left: -38px; border-radius: 0; background-color: white; } .m19-ql-carousel__container .slick-next:before { right: -38px; border-radius: 0; background-color: white; } .no-carousel .m19-ql-carousel__slide { width: 19%; } } .m19-ql-carousel.no-carousel .m19-ql-carousel__carousel { text-align: center; } .m19-ql-carousel.no-carousel .m19-ql-carousel__slide { display: inline-block !important; } .m55a-rammas { height: 440px; min-height: 200px !important; } .m55a-rammas .dewa-bot-shellinput { font-size: 1em; } .dewa-bot-message-groups { bottom: 0px; left: 0; transform: translateY(0); overflow-x: hidden; overflow-y: scroll; padding: 10px; position: absolute; right: 0; top: 8px; background: #FCFCFC; transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); } .m55a-rammas--controls { position: absolute; bottom: 20px; right: 10%; } .m55a-rammas--share { display: inline-block; cursor: pointer; color: #717173; position: absolute; top: -24px; width: 28px; height: 36px; right: 0px; } .m55a-rammas--share:hover { color: #007560; } .m55a-rammas--share:before { position: absolute; top: -6px; left: -4px; font-size: 36px; } .m55a-rammas--mute { display: inline-block; cursor: pointer; color: #007560; padding: 0; top: -24px; right: 70px; position: absolute; } .m55a-rammas--mute:before { position: absolute; top: -8px; left: -16px; font-size: 40px; } .m55a-rammas--mute.voice_muted { color: #717173; } .m55a-rammas--mute.voice_muted:before { content: "樂"; } .m55a-rammas--mute.voice_muted .aria-only { color: #222222; } .m55a-rammas--input-bg { height: 60px; position: fixed; width: 100%; bottom: 0px; background: #eeeeee; border-top: 1px solid #aaa; box-shadow: 0 1px 5px 0 #9B9B9B; } .m55a-rammas--welcome_icon { width: auto; height: 70%; } .m55a-rammas--input-bg--wrapper { max-width: 800px; margin: 0 auto; } .m55a-rammas--back-button { float: left; padding: 15px 0px; font-weight: 500; color: #6D6E71; } .m55a-rammas--back-button:before { position: relative; top: 9px; line-height: 10px; } .m55a-rammas--close-button { float: right; margin: 0 auto; height: 100%; text-align: right; padding: 15px 0px; font-weight: 500; color: #6D6E71; padding-right: 40px; cursor: pointer; } .m55a-rammas--close-button:before { font-size: 1.1em; font-weight: bold; position: relative; top: 4px; } .dewa-bot-app button { background-color: #0B7BC1; border: 1px solid #ccc; border-radius: 1px; color: white; cursor: pointer; outline: none; transition: color 0.2s ease, background-color 0.2s ease; } .dewa-bot-app h1, .dewa-bot-app h2, .dewa-bot-app h3, .dewa-bot-app h4, .dewa-bot-app p, .dewa-bot-app ul, .dewa-bot-app ol { margin: 0; padding: 0; } .format-plain { font-weight: 300; } .dewa-bot-app p { font-weight: 300; } .dewa-bot-app audio, .dewa-bot-app video { display: block; } /* docking */ .dewa-bot-hidden { visibility: hidden; } .dewa-bot-header { display: none; } .dewa-bot-time { color: #999; margin-bottom: 10px; } .dewa-bot-message-groups { bottom: 0px; left: 0; transform: translateY(0); overflow-x: hidden; overflow-y: scroll; padding: 10px; position: absolute; right: 0; top: 8px; background: #FCFCFC; transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); } .dewa-bot-message-group-content { overflow: hidden; } .dewa-bot-suggested-actions { background-color: #f9f9f9; bottom: 50px; height: 0; left: 0; overflow: hidden; position: absolute; right: 0; transition: height 0.2s cubic-bezier(0, 0, 0.5, 1); } .dewa-bot-suggested-actions .dewa-bot-hscroll > ul { height: 40px; padding: 2px 3px; } .dewa-bot-suggested-actions .dewa-bot-hscroll > ul > li { display: inline-block; margin: 2px; max-width: 40%; } .dewa-bot-suggested-actions .dewa-bot-hscroll > ul > li button { background-color: white; color: #007560; min-height: 32px; overflow: hidden; padding: 0 16px; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .dewa-bot-suggested-actions .dewa-bot-hscroll > ul > li button:hover { background-color: white; border-color: #007560; color: #007560; } .dewa-bot-suggested-actions .dewa-bot-hscroll > ul > li button:active { background-color: #007560; border-color: #007560; color: white; } .dewa-bot-suggested-actions button.scroll { background-color: #d2dde5; height: 40px; overflow: hidden; padding: 0; position: absolute; top: 0; width: 28px; } .dewa-bot-suggested-actions button.scroll:disabled { display: none; } .dewa-bot-suggested-actions button.scroll:hover { background-color: #808c95; } .dewa-bot-suggested-actions button.scroll svg { fill: white; } .dewa-bot-suggested-actions button.scroll svg path { transform: translateY(6px); } .dewa-bot-suggested-actions button.scroll.previous { left: 0; } .dewa-bot-suggested-actions button.scroll.next { right: 0; } .dewa-bot-message-pane.show-actions .dewa-bot-message-groups { transform: translateY(-40px); } .dewa-bot-message-pane.show-actions .dewa-bot-suggested-actions { height: 40px; } .dewa-bot-console { border: 1px solid #dbdee1; bottom: 0px; border-radius: 30px; box-sizing: border-box; height: 50px; background: white; width: 60%; left: 20%; position: fixed; z-index: 9; margin-bottom: 5px; } /* views */ .dewa-bot-chatview-panel { overflow: hidden; } /* messages */ .dewa-bot-message-wrapper { animation: animationFrames 2s; animation-iteration-count: 1; clear: both; margin-bottom: 10px; overflow: hidden; position: relative; margin-top: -24px; /*transition: max-height 2s ease-in-out;*/ } @keyframes animationFrames { 0% { /*max-height: 0;*/ opacity: 0; } 20% { opacity: 1; } 100% { /*max-height: 2000px;*/ } } .dewa-bot-message { position: relative; } .dewa-bot-message-wrapper.carousel .dewa-bot-message { padding-right: 8px; } .dewa-bot-message svg.dewa-bot-message-callout { height: 22px; position: absolute; stroke: none; top: 12px; width: 6px; } .dewa-bot-message-content { border-radius: 5px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); padding: 12px; word-break: break-word; } .dewa-bot-message-content.clickable { cursor: pointer; } .dewa-bot-message-content.selected { box-shadow: 0px 1px 1px 0px #f5a623; } .dewa-bot-message-content img { max-height: 320px; max-width: 100%; } .dewa-bot-message-content .video iframe { border: 0; } .dewa-bot-message-content audio, .dewa-bot-message-content video { max-width: 100%; } .dewa-bot-message-content audio + h1, .dewa-bot-message-content video + h1 { margin-top: 11px; } .dewa-bot-message-from { clear: both; color: #595959; margin-top: 5px; opacity: 0; } /* teaser */ .dewa-bot-teaser_title { font-weight: bold; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .dewa-bot-teaser_text { -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; min-height: 30px; } .dewa-bot-teaser_thumb img { margin-top: 10px; max-height: 50px; } .dewa-bot-teaser_content + .dewa-bot-list { clear: both; } /* slider */ .dewa-bot-slider { width: 100%; } .dewa-bot-slider .slick-prev { display: inline-block !important; left: -20px; } .dewa-bot-slider .slick-next { display: inline-block !important; right: -20px; } .dewa-bot-slider .dewa-bot-message-from-bot { margin: 0px; width: 100%; max-width: none; } .dewa-bot-slider .dewa-bot-message-from-bot:before { display: none; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content { margin: 0px 43px; padding: 12px 0px; margin: 5px; background-color: transparent; box-shadow: none; border: none; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item { background: white; margin: 5px; min-height: 238px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); max-width: 330px; float: left; border-radius: 8px; padding: 20px 20px 10px 20px; margin-bottom: 15px; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item .dewa-bot-card { background: none; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item .dewa-bot-card button { width: 100%; margin-bottom: 5px; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item .dewa-bot-card button:hover { margin-bottom: 5px; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item .dewa-bot-card .dual-buttons-container { flex-direction: column; align-items: flex-start; margin: 5px 0px; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item .dewa-bot-card .dual-buttons-container button { width: 48%; margin: 0px 1%; float: left; height: auto; display: inline; margin-bottom: 5px; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item h3.dewa-bot-teaser_title { min-height: 36px; color: #007560; font-weight: 600; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-word; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-slider-item .dewa-bot-teaser_thumb { min-height: 50px; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container { display: flex; flex-direction: column; align-items: flex-start; margin: 5px 0px; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton { background: transparent; border: solid 1px #007560; color: #007560; border-radius: 10px; min-height: 32px; padding: 8px; font-weight: 600; white-space: unset !important; line-height: 1.25; overflow: hidden; } .dewa-bot-slider .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-dir-button .buttons-container .ac-pushButton:hover { background: #007560; color: white; } /* slider detail*/ .dewa-bot-slider-detail .dewa-bot-teaser_title { color: #007560; } .dewa-bot-slider-detail .dewa-bot-teaser_content-details .dewa-bot-teaser_img { width: 100%; float: none; } .dewa-bot-slider-detail .dewa-bot-teaser_content-details .dewa-bot-teaser_img img { max-height: 100px; } .dewa-bot-slider-detail .dewa-bot-teaser_content-details .dewa-bot-teaser_text { width: 100%; float: none; display: unset; } .dewa-bot-slider-detail .dewa-bot-teaser_content-details .dewa-bot-teaser_text .dewa-bot-teaser_text_title { font-weight: bold; margin-bottom: 8px; } .dewa-bot-slider-detail .dewa-bot-teaser_content-details .dewa-bot-teaser_text p { margin-bottom: 10px; } /* Keys */ .dewa-bot-keys .dewa-bot-keys-row { padding: 3px 0px; } .dewa-bot-keys .dewa-bot-keys-label { color: #007560; } .dewa-bot-form { padding: 10px 0px; } .dewa-bot-form .dewa-bot-form-field { padding: 5px 0px; } .dewa-bot-form .dewa-bot-form-field label { font-weight: bold; } .dewa-bot-form .dewa-bot-form-field .form-control { margin-top: 12px; border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .dewa-bot-form .dewa-bot-form-field .form-control:focus, .dewa-bot-form .dewa-bot-form-field .form-control:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .dewa-bot-form .dewa-bot-form-field .form-control.form-field__input-wrapper--error, .dewa-bot-form .dewa-bot-form-field .form-control.field-content--error { border-color: #B00020; } .dewa-bot-form .dewa-bot-form-field .form-control:focus { border-color: #007560; box-shadow: 0px 0px 0px 3px #e6f3f1; } /* cards */ .dewa-bot-card { background-color: white; } .dewa-bot-card button { background-color: #e6f2ea; color: #007560; border: 1px solid #d3eed3; min-height: 32px; width: 300px; padding: 8px; font-weight: 600; border-radius: 35px; white-space: unset !important; line-height: 1.25; border-color: transparent; } .dewa-bot-carousel .dewa-bot-card button { width: auto; } .dewa-bot-card button:hover { background-color: transparent; border-color: #007560; border: solid 1px; color: #007560; } .dewa-bot-card button:active { background-color: #007560; border-color: #007560; color: white; } .dewa-bot-card h1 { font-weight: 700; } .dewa-bot-card h2 { color: #808c95; font-size: inherit; font-weight: normal; margin-bottom: 8px; } .dewa-bot-card p { padding-bottom: 10px; font-weight: 600; text-align: left; } .dewa-bot-card ul li { text-align: left; } .dewa-bot-card p h2 { /* don't double indent */ margin-left: 0; } .dewa-bot-card ul.dewa-bot-card-buttons { clear: both; display: table; } .dewa-bot-card ul.dewa-bot-card-buttons li { list-style-type: none; text-align: center; float: left; margin: 2px; } .dewa-bot-card.hero img { display: block; margin-bottom: 11px; } .dewa-bot-card.receipt table { border-collapse: collapse; width: 100%; } .dewa-bot-card.receipt th, .dewa-bot-card.receipt td { text-align: right; vertical-align: top; } .dewa-bot-card.receipt th:first-child, .dewa-bot-card.receipt td:first-child { text-align: left; } .dewa-bot-card.receipt th { color: #808c95; font-size: inherit; font-weight: normal; line-height: 1.75; } .dewa-bot-card.receipt thead tr:last-child th { padding-bottom: 16px; } .dewa-bot-card.receipt th[colspan="2"] { color: inherit; font-weight: 700; } .dewa-bot-card.receipt td { padding: 4px 8px 0 8px; } .dewa-bot-card.receipt td img { float: left; margin: 5px 8px 8px 0; max-height: 50px; max-width: 50px; } .dewa-bot-card.receipt div.title { font-weight: bolder; } .dewa-bot-card.receipt div.subtitle { font-weight: lighter; } .dewa-bot-card.receipt tbody tr, .dewa-bot-card.receipt tfoot tr { border-top: 1px solid #d2dde5; } .dewa-bot-card.receipt tbody tr:first-child, .dewa-bot-card.receipt tfoot tr:first-child { border-top-width: 2px; } .dewa-bot-card.receipt tfoot td { line-height: 2.25; } .dewa-bot-card.receipt tfoot .total { font-weight: bold; } .dewa-bot-card.thumbnail img { float: right; margin-bottom: 10px; margin-left: 10px; width: 100px; } .dewa-bot-card.signin h1 { margin: 10px 24px 16px 14px; } /* alternate chat sizes */ .dewa-bot-message { max-width: 500px; } .dewa-bot-message-group-welcome { height: 250px; text-align: center; color: #595959; } .m55a-rammas--loading-icon { height: 10px; } .m55a-rammas--welcome_FL { color: #4e4e4e; margin: 0 auto; margin-bottom: 54px; position: relative; bottom: 0px; } .m55a-rammas--welcome_TL { font-weight: 300; margin-top: 12px; } .dewa-bot-message-wrapper.carousel .dewa-bot-message { max-width: none; } .m55a-rammas--disclaimer_content { display: none; height: 100%; } .m55a-rammas--disclaimer_contentactive { display: block; } .m55a-rammas--disclaimer_prev { position: absolute; transform: rotate(180deg); top: 10px; left: 10px; cursor: pointer; color: #c3c3c3; display: none; } .m55a-rammas--disclaimer_text { padding: 12px; border: 1px solid #d9d9d9; border-radius: 5px; background-color: #f3f3f3; font-weight: 100; line-height: 1.5; margin-top: 32px; } @media screen and (max-width: 599px) { .m55a-rammas--share { position: absolute; bottom: 70px; right: 10px; cursor: pointer; color: #007560; } .m55a-rammas--controls { right: 0; top: -16px; } .dewa-bot-hscroll { /* allow horizontal scrolling but hide the scrollbar */ overflow-x: scroll; overflow-y: hidden; } .dewa-bot-card { width: 100%; } .dewa-bot-message { max-width: 100%; } .dewa-bot-carousel button.scroll { display: none; } .dewa-bot-message-group-welcome { height: 250px; font-size: 1.15em; text-align: center; color: #595959; } .m55a-rammas--welcome_icon { width: auto; height: 70%; } .dewa-bot-card { padding: 8px 0px; } .dewa-bot-hscroll > ul { white-space: nowrap; } } .dewa-bot-slider-item { position: relative; } .dewa-bot-slider-item .dewa-bot-teaser_title { margin-right: 40px; } .dewa-bot-slider-item .dewa-bot-teaser_title + img { position: absolute; top: 10px; right: 15px; cursor: pointer; width: 20px; height: 20px; } @media screen and (min-width: 1025px) { .dewa-bot-hscroll > ul { white-space: normal; } .carousel + .carousel { margin-top: -48px; } .dewa-bot-hscroll > ul { white-space: normal; } .m55a-rammas--welcome_icon { width: auto; height: 70%; } .dewa-bot-carousel button.scroll { display: none; } .dewa-bot-message { max-width: 500px; } .dewa-bot-message-group-welcome { height: 250px; font-size: 1.75em; text-align: center; color: #595959; } .dewa-bot-slider .dewa-bot-slider-wrapper .dewa-bot-slider-item { width: 30%; } } .dewa-bot-wide .dewa-bot-card { border: 1px solid #d2dde5; padding: 8px; width: 398px; } .dewa-bot-narrow .dewa-bot-card { border: 1px solid #d2dde5; padding: 8px; width: 198px; } /* list */ .dewa-bot-list > .dewa-bot-card { margin-top: 8px; } .dewa-bot-list > .dewa-bot-card:first-child { margin-top: 0; } .dewa-bot-slider-item { margin-bottom: 15px; } .dewa-bot-slider .dewa-bot-slider-wrapper { float: left; width: 100%; } .dewa-bot-slider .dewa-bot-message-dir-button { float: left; margin-bottom: 15px; } /* horizontal scroll */ .dewa-bot-hscroll-outer { /* allow horizontal scrolling but hide the scrollbar */ overflow: hidden; } .dewa-bot-hscroll > ul > li { display: inline-block; vertical-align: top; white-space: normal; } /* carousel */ .dewa-bot-carousel { position: relative; } .dewa-bot-carousel button.scroll { background-color: white; height: 38px; overflow: hidden; padding: 0; position: absolute; top: 25%; width: 38px; border-radius: 50%; } .dewa-bot-carousel button.scroll:disabled { display: none; } .dewa-bot-carousel button.scroll:hover { box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.24); } .dewa-bot-carousel button.scroll svg { fill: #9b9b9b; } .dewa-bot-carousel button.scroll.previous { left: -16px; padding-left: 3px; padding-top: 3px; direction: ltr; } .dewa-bot-carousel button.scroll.next { right: -16px; padding-left: 5px; padding-top: 3px; direction: ltr; } .dewa-bot-carousel .dewa-bot-hscroll > ul { margin-left: -4px; } .dewa-bot-carousel .dewa-bot-hscroll > ul > li { padding: 0 4px; } .dewa-bot-carousel .dewa-bot-hscroll > ul > li:last-child { padding-right: 0; } .dewa-bot-carousel li p { min-height: 4em; white-space: normal; } /* from me */ .dewa-bot-message-from-me { float: right; margin-right: 43px; } .dewa-bot-message-from-me .dewa-bot-message-from-me_icon { background-image: url(../../../images/user.png); width: 35px; height: 35px; position: absolute; font-size: 1em; background-size: contain; right: -40px; background-repeat: no-repeat; } .dewa-bot-message-from-me:before { background-image: url(../../../images/user.png); width: 35px; height: 35px; position: absolute; font-size: 1em; content: ""; background-size: contain; right: -40px; background-repeat: no-repeat; } .dewa-bot-message-from-me.dewa-bot-message-from { text-align: right; } .dewa-bot-message-from-me .dewa-bot-message-content { background-color: #007560; color: white; border-radius: 20px 0px 20px 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); } .dewa-bot-message-from-me svg.dewa-bot-message-callout path { fill: #007560; } .dewa-bot-message-from-me svg.dewa-bot-message-callout path.point-left { display: none; } .dewa-bot-message-from-me svg.dewa-bot-message-callout { right: -6px; display: none; } /* from bot */ .dewa-bot-message-from-bot { float: left; margin-left: 43px; } .dewa-bot-message-from-bot .dewa-bot-message-from-me_icon { background-image: url(../../../images/rammas_avatar.png); width: 35px; height: 35px; position: absolute; font-size: 1em; background-size: contain; left: -40px; background-repeat: no-repeat; } .dewa-bot-message-from-bot:before { background-image: url(../../../images/rammas_avatar.png); width: 35px; height: 35px; position: absolute; font-size: 1em; content: ""; background-size: contain; left: -40px; background-repeat: no-repeat; } .dewa-bot-message-from-bot .dewa-bot-message-content { background-color: white; color: #222222; font-size: 15px; margin: 5px; border-radius: 0px 20px 20px 20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); } .dewa-bot-message-wrapper.carousel { text-align: left !important; } .ac-pushButton { font-size: 14px; } .ac-pushButton { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex: 0 1 auto; } .buttons-container { display: flex; flex-direction: column; align-items: flex-start; margin: 0px 0px 5px; } .clear-height { height: 8px; } .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-message-content_title { font-size: 1.1em; font-size: 1.2em; color: #007560; font-weight: bold; } .dewa-bot-survey .dewa-bot-message-content_title { line-height: 2em; font-size: 1.4em; text-align: center; } .dewa-bot-survey .dewa-bot-survey_img { width: 80%; margin: 0px auto; } .dewa-bot-survey .dewa-bot-survey_img .survey_img { cursor: pointer; width: 22%; margin: 0px 4%; display: inline-block; } .dewa-bot-survey .dewa-bot-survey_img .survey_img:after { content: ""; clear: both; } .dewa-bot-survey .dewa-bot-survey_img .survey_img_text { text-align: center; display: block; line-height: 2em; font-weight: bold; } .dewa-bot-survey .dewa-bot-survey_img:after { content: ""; clear: both; } .carousel .dewa-bot-message-content { padding: 1px 0px 12px; } .carousel { margin-top: -36px; } .carousel .dewa-bot-message-from-bot:before { content: none; } .carousel .dewa-bot-message-from-bot .dewa-bot-message-content { background-color: transparent; box-shadow: none; border: none; } .carousel .dewa-bot-message-from-bot .dewa-bot-message-content .ac-pushButton { background: transparent; border: solid 1px #007560; color: #007560; border-radius: 10px; } .carousel .dewa-bot-message-from-bot .dewa-bot-message-content .ac-pushButton:hover { background: #007560; color: white; } .carousel .dewa-bot-message-from-bot .dewa-bot-message-content .ac-container { padding: 0px !important; } .carousel .dewa-bot-message-from-bot .dewa-bot-message-content .dewa-bot-card { background-color: transparent; } .ac-container { background-color: rgba(0, 0, 0, 0); padding: 8px; box-sizing: border-box; } .carousel + .carousel { margin-top: -48px; } .dewa-bot-message-from-bot svg.dewa-bot-message-callout path { fill: #eceff1; } .dewa-bot-message-from-bot svg.dewa-bot-message-callout path.point-right { display: none; } .dewa-bot-message-from-bot svg.dewa-bot-message-callout { left: -6px; display: none; } /* console */ .dewa-bot-console > * { position: absolute; top: 0; vertical-align: middle; } .dewa-bot-console label { cursor: pointer; display: inline-block; height: 50px; } .dewa-bot-console svg { fill: #717173; margin: 11px; } .dewa-bot-console textarea, .dewa-bot-console input[type=text] { border: none; height: 100%; outline: none; padding: 0; resize: none; width: 100%; } .dewa-bot-send svg { height: 18px; width: 27px; display: none; } .dewa-bot-upload svg { height: 18px; width: 26px; } #dewa-bot-upload-input { display: none; } .dewa-bot-textbox { bottom: 0; left: 16px; right: 53px; } .dewa-bot-send { right: 4px; background-image: url("../../../images/send-icon.png"); height: 50px; width: 50px; background-repeat: no-repeat; background-position: center center; } .dewa-bot-send.active { background-image: url("../../../images/send-icon-active.png"); } .dewa-bot-console.has-text .dewa-bot-send svg { fill: #007560; } /* animation */ .dewa-bot-typing { background-image: url("../../../images/send-icon-active.png"); background-repeat: no-repeat; height: 20px; width: 64px; } .dewa-bot-animate-scroll { left: 0; position: absolute; transition: left 0.8s ease; } .dewa-bot-animate-scroll-rapid { left: 0; position: absolute; transition: left 0.4s ease; } .dewa-bot-animate-scroll-near { left: 0; position: absolute; transition: left 0.3s ease-in-out; } /* text formats */ .format-markdown > p { margin-bottom: 0px; } .format-markdown code { white-space: pre-wrap; } .format-markdown + div { margin-top: 8px; } .format-markdown ol { padding-left: 30px; /* numbers are right-aligned to the period */ } .format-markdown ul { padding-left: 33px; } /* browser scrollbar customization */ .dewa-bot-app::-webkit-scrollbar { width: 8px; } .dewa-bot-app::-webkit-scrollbar * { background-color: transparent; } .dewa-bot-app::-webkit-scrollbar-thumb { background-color: #dbdee1; } @media screen and (max-width: 599px) { .m55a-rammas--close-button { padding-right: 16px; } .m55a-rammas { height: 390px; } .dewa-bot-card button { width: 100%; } .dewa-bot-console { width: 100%; left: 0; } .dewa-bot-survey .dewa-bot-survey_img .survey_img_text { font-size: 10px; } .dewa-bot-slider .dewa-bot-slider-wrapper .dewa-bot-slider-item { width: 90%; } } .chattimeelapsed { font-family: inherit !important; color: #6f6f6f !important; } @media screen and (min-width: 600px) { .dewa-bot-slider .dewa-bot-slider-wrapper .dewa-bot-slider-item { width: 70%; } } @media screen and (max-width: 336px) { .dewa-bot-carousel { max-width: 240px; } } .m55a-rammas--shareModal .m39-modal__title { padding: 14px 72px 10px; text-align: center; } .m55a-rammas--shareModal .m39-modal__dialog { max-width: 540px; max-height: 90%; } .m55a-rammas--shareModal .m39-modal__content { overflow: hidden; } .m55a-rammas--shareModal .form { position: static; } .m55a-rammas--shareModal .fieldset { border-bottom: 1px solid #c3c3c3; padding-bottom: 12px; margin-top: 0px !important; } .m55a-rammas--shareModal .m55a-rammas--shareModal_clone { overflow: scroll; max-height: 40%; padding: 12px 0; border-bottom: 1px solid #c3c3c3; overflow-x: hidden; } .m55a-rammas--shareModal .m55a-rammas--shareModal_clone .dewa-bot-message-groups { position: relative; overflow: visible; margin-top: 12px; } .m77-understand-bill .m77-understand-bill--img { width: 100%; } .j134-media--md { display: flex; align-items: stretch; justify-content: start; gap: 24px; margin-bottom: 32px; } .j134-media--md-img { width: 300px; background-position: center; background-size: cover; border-radius: 4px; } .j134-media--md-content { display: flex; flex-flow: column; gap: 24px; align-items: start; } .j134-media--md-content .button--download { margin-top: 16px; } .j134-media--md-key { font-weight: 600; } .j134-media--filters { display: flex; align-items: stretch; justify-content: start; gap: 16px; } .j134-media--filter.search { flex: 1; } .j134-media--filter.search:before { content: "\e602"; font-family: "iconfont"; padding-left: 16px; font-size: 30px; color: #6F6F6F; } .j134-media--filter + .j134-media--filter-cta { border-left: solid 1px #EFEFF1; padding-left: 16px; } .j134-media--filter-cta { display: none; } .j134-media--filter-cta .button, .j134-media--filter-cta .button--centered, .j134-media--filter-cta .form-submit, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-cta a, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-cta a { height: 100%; display: flex; align-items: center; justify-content: start; gap: 8px; padding: 10px 20px; } .j134-media--filter-cta .button:before, .j134-media--filter-cta .button--centered:before, .j134-media--filter-cta .form-submit:before, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-cta a:before, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-cta a:before, .j134-media--filter-cta .button:after, .j134-media--filter-cta .button--centered:after, .j134-media--filter-cta .form-submit:after, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:after, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-cta a:after, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:after, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-cta a:after { position: static; } .j134-media--filter-cta .button.button--download, .j134-media--filter-cta .button--download.button--centered, .j134-media--filter-cta .button--download.form-submit, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--download, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-cta a.button--download, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--download, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-cta a.button--download { box-shadow: none; border: solid 1px #222222; } .j134-media--filter-cta .button.button--download:before, .j134-media--filter-cta .button--download.button--centered:before, .j134-media--filter-cta .button--download.form-submit:before, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--download:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-cta a.button--download:before, .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--download:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-cta a.button--download:before { font-weight: 700; } .j134-media--noresults { display: none; text-align: center; margin-top: 36px; } @media screen and (max-width: 599px) { .j134-media--md { flex-flow: column; } .j134-media--md-img { width: 100%; aspect-ratio: 1; } .j134-media--filters { flex-flow: column; gap: 24px; } .j134-media--filter + .j134-media--filter-cta { padding: 0; border: 0; } .j134-media--filter + .j134-media--filter-cta .button.button--download, .j134-media--filter + .j134-media--filter-cta .button--download.button--centered, .j134-media--filter + .j134-media--filter-cta .button--download.form-submit, .j134-media--filter + .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.button--download, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter + .j134-media--filter-cta a.button--download, .j134-media--filter + .j134-media--filter-cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--download, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter + .j134-media--filter-cta a.button--download { display: inline-flex; justify-content: center; } } .m28-gauge .m17-sectiontitle + * { padding-top: 40px; } .m28-gauge--outerwrapper { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; background: white; padding: 30px 20px 20px; overflow: hidden; } .m28-gauge--outerwrapper .form-field, .m28-gauge--outerwrapper .field-border { align-items: center; } .m28-gauge--outerwrapper .form-field__label, .m28-gauge--outerwrapper .j100-expander_label, .m28-gauge--outerwrapper .field-title { margin-right: 16px; } .m28-gauge--wrapper { float: left; width: 33.3333%; text-align: center; } .m28-gauge--card { height: 250px; position: relative; } .m28-gauge--container { transform-origin: 90px 136px; display: inline-block; position: absolute; bottom: calc((100% - 420px) / 2); left: calc((100% - 400px) / 2); } .m28-gauge--container svg { x: 0px; y: 0px; width: 400px; height: 400px; transform: rotate(-36deg); } .m28-gauge--container--4 .m28-gauge--bar_bg { stroke-dasharray: 76.25 9999; } .m28-gauge--container--4 .m28-gauge--bar_fill { stroke-dasharray: 0 9999; opacity: 0; transition: 0.5s all; } .m28-gauge--container--4 .m28-gauge--bar1 .m28-gauge--bar_bg, .m28-gauge--container--4 .m28-gauge--bar1 .m28-gauge--bar_fill { stroke-dashoffset: 1; } .m28-gauge--container--4 .m28-gauge--bar1 .m28-gauge--bar_fill { transition-delay: 0s; stroke: #007560; } .m28-gauge--container--4 .m28-gauge--bar2 .m28-gauge--bar_bg, .m28-gauge--container--4 .m28-gauge--bar2 .m28-gauge--bar_fill { stroke-dashoffset: -91.25; } .m28-gauge--container--4 .m28-gauge--bar2 .m28-gauge--bar_fill { transition-delay: 0.5s; stroke: #ffda5b; } .m28-gauge--container--4 .m28-gauge--bar3 .m28-gauge--bar_bg, .m28-gauge--container--4 .m28-gauge--bar3 .m28-gauge--bar_fill { stroke-dashoffset: -182.5; } .m28-gauge--container--4 .m28-gauge--bar3 .m28-gauge--bar_fill { transition-delay: 1s; stroke: #f5a623; } .m28-gauge--container--4 .m28-gauge--bar4 .m28-gauge--bar_bg, .m28-gauge--container--4 .m28-gauge--bar4 .m28-gauge--bar_fill { stroke-dashoffset: -273.75; } .m28-gauge--container--4 .m28-gauge--bar4 .m28-gauge--bar_fill { transition-delay: 1.5s; stroke: #B00020; } .m28-gauge--container--3 .m28-gauge--bar_bg { stroke-dasharray: 106.666667 9999; } .m28-gauge--container--3 .m28-gauge--bar_fill { stroke-dasharray: 0 9999; opacity: 0; transition: 1s all; } .m28-gauge--container--3 .m28-gauge--bar1 .m28-gauge--bar_bg, .m28-gauge--container--3 .m28-gauge--bar1 .m28-gauge--bar_fill { stroke-dashoffset: 1; } .m28-gauge--container--3 .m28-gauge--bar1 .m28-gauge--bar_fill { transition-delay: 0s; stroke: #007560; } .m28-gauge--container--3 .m28-gauge--bar2 .m28-gauge--bar_bg, .m28-gauge--container--3 .m28-gauge--bar2 .m28-gauge--bar_fill { stroke-dashoffset: -121.6666667; } .m28-gauge--container--3 .m28-gauge--bar2 .m28-gauge--bar_fill { transition-delay: 0.5s; stroke: #ffda5b; } .m28-gauge--container--3 .m28-gauge--bar3 .m28-gauge--bar_bg, .m28-gauge--container--3 .m28-gauge--bar3 .m28-gauge--bar_fill { stroke-dashoffset: -243.333334; } .m28-gauge--container--3 .m28-gauge--bar3 .m28-gauge--bar_fill { transition-delay: 1.5s; stroke: #B00020; } .m28-gauge--container--2 .m28-gauge--bar_bg { stroke-dasharray: 167.52 9999; } .m28-gauge--container--2 .m28-gauge--bar_fill { stroke-dasharray: 0 9999; opacity: 0; transition: 0.5s all; } .m28-gauge--container--2 .m28-gauge--bar1 .m28-gauge--bar_bg, .m28-gauge--container--2 .m28-gauge--bar1 .m28-gauge--bar_fill { stroke-dashoffset: 1; } .m28-gauge--container--2 .m28-gauge--bar1 .m28-gauge--bar_fill { transition-delay: 0s; stroke: #007560; } .m28-gauge--container--2 .m28-gauge--bar2 .m28-gauge--bar_bg, .m28-gauge--container--2 .m28-gauge--bar2 .m28-gauge--bar_fill { stroke-dashoffset: -182.52; } .m28-gauge--container--2 .m28-gauge--bar2 .m28-gauge--bar_fill { transition-delay: 0.5s; stroke: #ffda5b; } .m28-columncharts--wrapper { margin: 32px 0 24px; overflow: auto; } .m28-columncharts--item { float: left; width: calc((100% - 6px) / 6); text-align: center; } .m28-columncharts--title { color: #222222; margin-bottom: 12px; } .m28-columncharts--column { width: 12px; height: 120px; margin: 0 auto; background-color: #DEDEDE; border-radius: 10px; position: relative; overflow: hidden; } .m28-columncharts--column .m28-columncharts--columnfill { position: absolute; height: 0px; width: 100%; bottom: 0; border-radius: 10px; transition: 0.5s all; } .m28-columncharts--electricity .m28-columncharts--columnfill { background-color: #007560; } .m28-columncharts--water .m28-columncharts--columnfill { background-color: #0B7BC1; } .m28-columncharts--link { text-align: center; clear: both; } .m28-columncharts--line { position: absolute; width: 100%; left: 0; padding: 0 36px; border-bottom: 1px solid #D9D9D9; } .m28-columncharts--line_item { display: inline-block; padding: 0px 12px 8px; font-weight: bold; color: #007560; border-bottom: 2px solid; } .m28-gauge--details { position: absolute; width: 100%; top: calc((100% - 140px) / 2); color: #222222; } .m28-gauge--details:before { font-size: 40px; position: absolute; top: 96px; left: calc((100% - 40px) / 2); } .m28-gauge--details-unit { line-height: 1.4; margin: 0 auto; width: 170px; min-height: 44px; } .m28-gauge--details-value { font-weight: bold; margin: 12px 0 4px; min-height: 32px; } .m28-gauge--details-button { font-weight: 100; } .m28-gauge--details-alert { margin-top: 12px; } .m28-gauge--card_title { text-align: left; position: relative; padding-left: 36px; } .m28-gauge--card_title:before { position: absolute; left: 0; top: -8px; } .m28-gauge--card_title--head { font-weight: bold; margin-top: 54px; } .m28-gauge--card_title--date { margin-top: 8px; } .m28-gauge--card_head .m28-gauge--card_desc { float: left; width: 75%; } .m28-gauge--card_head .m28-gauge-modal .m39-modal__content { bottom: 0; } .m28-gauge--card_head .m28-gauge-modal .m39-modal__trigger { color: #222222; padding: 10px 24px; } .m28-gauge--card_head .m28-gauge-modal .m39-modal__trigger:hover { text-decoration: none; } .m28-gauge--switchcard { border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); padding: 20px; background: white; margin-top: 24px; clear: both; } .m28-gauge--switch { position: relative; padding: 0px 0 16px; margin-bottom: 16px; border-bottom: 0.5px solid #d9d9d9; padding-right: 44px; } .m28-gauge--switch:last-child { border: none; padding-bottom: 0px; margin: 0px; } .m28-gauge--switch .form-field__label--tooltip, .m28-gauge--switch .m28-gauge--remove { position: absolute; right: 4px; top: -2px; margin: 0; padding: 0; } .m28-gauge--switch .form-field__label--tooltip:before, .m28-gauge--switch .m28-gauge--remove:before { position: static; font-size: 30px; } .m28-gauge--switch .m28-gauge--remove { top: 2px; width: 24px; height: 24px; text-align: center; line-height: 24px; color: white; background: #B00020; border-radius: 50%; font-weight: 300; cursor: pointer; } .m28-gauge--switch_unit { font-weight: 600; position: relative; padding-left: 24px; } .m28-gauge--switch_unit:before { position: absolute; left: -6px; } .m28-gauge--switch_tl { font-weight: lighter; margin-top: -6px; color: #717173; } .icon-bell_wrapper { width: 150px; height: 30px; position: absolute; z-index: 1; top: calc((100% - 30px) / 2); left: calc(50% - 150px); text-align: left; transform-origin: right; transform: rotate(35deg); } .icon-bell_wrapper .icon-bell { position: absolute; transform: rotate(-35deg); color: #717173; line-height: 24px; width: 30px; height: 30px; border-radius: 50%; border: 0.5px solid #d9d9d9; background: white; text-align: center; } .m28-gauge--information { margin: 36px 0px; } .m28-gauge--infowrap { float: left; } .m28-gauge--infotitle { font-weight: bold; } .m28-gauge--infodesc { margin: 24px 0; } .m28-gauge--infoimg { float: left; height: 225px; background-size: cover; border-radius: 5px; background-position: center center; } .m28-gauge--header { position: relative; } @media screen and (max-width: 599px) { .m28-gauge--outerwrapper { padding: 30px 8px 20px; } .m28-gauge--container { transform-origin: 70px 160px; bottom: calc((100% - 150px) / 2); left: calc((100% - 200px) / 2); } .m28-gauge--container svg { width: 200px; height: 200px; } .m28-gauge--details { top: calc((100% - 60px) / 2); } .m28-gauge--details:before { font-size: 32px; position: absolute; top: 48px; left: calc((100% - 32px) / 2); } .m28-gauge--details-unit { font-size: 0.625em; min-height: 30px; margin: 0 auto; width: 100px; } .m28-gauge--details-value { font-size: 1em; margin: 0px 0 6px; min-height: 16px; } .m28-gauge--card_title--head { margin-top: 0px; max-width: 100px; margin: 36px auto 0; font-size: 0.875em; font-weight: 600; } .m28-gauge--wrapper { float: left; width: 33.3333% !important; text-align: center; padding: 4px 12px; } .m28-gauge--card { height: 120px; } .m28-gauge--card_desc, .m28-gauge--card_head { padding: 12px 20px; } .m28-gauge--card_desc .m28-gauge--card_desc, .m28-gauge--card_head .m28-gauge--card_desc { padding: 0px; width: 100%; } .m28-gauge--information { padding: 0px 20px; } .m28-gauge--infowrap { width: 100%; padding: 0px; } .m28-gauge--header_title { font-size: 1.25em; font-weight: bold; width: 100%; } } @media screen and (max-width: 1024px) { .m28-gauge--container { transform-origin: 70px 160px; } .m28-gauge--wrapper { float: left; width: 100%; text-align: center; padding: 4px 12px; } .m28-gauge--infoimg { width: 100%; } .m28-gauge--card_head .m28-gauge-modal { margin-top: 12px; float: left; } .m28-gauge--header_title { font-size: 1.25em; font-weight: bold; width: 100%; } } @media screen and (min-width: 1025px) { .m28-gauge--wrapper { float: left; width: 33.3333%; text-align: center; } .m28-gauge--container svg { width: 400px; height: 400px; } .m28-gauge--card_head .m28-gauge-modal { float: right; } .m28-gauge--card_head .m28-gauge-modal .m39-modal__dialog { max-width: 570px; } .m28-gauge--information { padding: 0px; } .m28-gauge--infowrap { width: 50%; padding-right: 24px; } .m28-gauge--infoimg { width: 50%; } .m28-gauge .xscroll { overflow: visible; } .m28-gauge--outerwrapper .form-field, .m28-gauge--outerwrapper .field-border { display: flex; } .m28-gauge--outerwrapper .form-field__input-wrapper, .m28-gauge--outerwrapper .m111-content-scroller--nav_mobile-selectwrapper, .m28-gauge--outerwrapper .j100-expander_input, .m28-gauge--outerwrapper .field-content, .m28-gauge--outerwrapper .j134-media--filter { margin: 0; } .m28-gauge--outerwrapper .form-field__input--select, .m28-gauge--outerwrapper .m111-content-scroller--nav_mobile-select, .m28-gauge--outerwrapper .field-content select, .field-content .m28-gauge--outerwrapper select, .m28-gauge--outerwrapper .j134-media--filter-input:not(.j134-media--filter-inputsearch) { width: 250px; } .m28-gauge--header { margin-bottom: 24px; display: flex; text-align: left; } .m28-gauge--header_title { font-weight: bold; width: 30%; } .m28-gauge--header_download { text-align: right; position: absolute; right: 0; top: -10px; } } .m29v4-chart__container { box-sizing: border-box; } .m29v4-chart__container + * { margin-top: 24px; } .m29v4-chart__container { background-color: white; } .m29v4-chart__container .highcharts-legend { display: none; } .m29v4-chart { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 20px 0px; background-color: white; } .m29v4-chart--header { height: 50px; padding: 8px 20px 6px; } .m29v4-chart--title { font-weight: bold; line-height: 34px; } .m29v4-chart--tablist { text-align: center; display: table; min-height: 34px; } .m29v4-chart--tablist .m29v4-chart--listitem { display: inline-block; padding: 4px 20px; border-top: 1px solid #007560; border-bottom: 1px solid #007560; cursor: pointer; transition: 0.25s all; color: #007560; font-weight: 100; width: 100px; } .m29v4-chart--tablist .m29v4-chart--listitem:hover, .m29v4-chart--tablist .m29v4-chart--listitem.active { background: #007560; color: white; } .m29v4-chart--tablist .m29v4-chart--listitem:first-child { border: 1px solid #007560; border-radius: 3px 0px 0px 3px; } .m29v4-chart--tablist .m29v4-chart--listitem:last-child { border: 1px solid #007560; border-radius: 0px 3px 3px 0px; } .m29v4-chart--type { position: absolute; right: 24px; display: table; } .m29v4-chart--type .m29v4-chart--typeitem { display: inline-block; padding: 0px 6px; border-top: 1px solid #007560; border-bottom: 1px solid #007560; cursor: pointer; transition: 0.25s all; } .m29v4-chart--type .m29v4-chart--typeitem:before { color: #007560; font-size: 28px; } .m29v4-chart--type .m29v4-chart--typeitem:hover, .m29v4-chart--type .m29v4-chart--typeitem.m29v4-chart--typeitemactive { background: #007560; } .m29v4-chart--type .m29v4-chart--typeitem:hover:before, .m29v4-chart--type .m29v4-chart--typeitem.m29v4-chart--typeitemactive:before { color: white; } .m29v4-chart--type .m29v4-chart--typeitem:first-child { border: 1px solid #007560; border-radius: 3px 0px 0px 3px; } .m29v4-chart--type .m29v4-chart--typeitem:last-child { border: 1px solid #007560; border-radius: 0px 3px 3px 0px; } .m29v4-chart--header.water .m29v4-chart--tablist .m29v4-chart--listitem { border-top: 1px solid #0B7BC1; border-bottom: 1px solid #0B7BC1; color: #0B7BC1; } .m29v4-chart--header.water .m29v4-chart--tablist .m29v4-chart--listitem:hover, .m29v4-chart--header.water .m29v4-chart--tablist .m29v4-chart--listitem.active { background: #0B7BC1; color: white; } .m29v4-chart--header.water .m29v4-chart--tablist .m29v4-chart--listitem:first-child { border: 1px solid #0B7BC1; } .m29v4-chart--header.water .m29v4-chart--tablist .m29v4-chart--listitem:last-child { border: 1px solid #0B7BC1; } .m29v4-chart--header.water .m29v4-chart--type .m29v4-chart--typeitem { border-top: 1px solid #0B7BC1; border-bottom: 1px solid #0B7BC1; } .m29v4-chart--header.water .m29v4-chart--type .m29v4-chart--typeitem:before { color: #0B7BC1; } .m29v4-chart--header.water .m29v4-chart--type .m29v4-chart--typeitem:hover, .m29v4-chart--header.water .m29v4-chart--type .m29v4-chart--typeitem.m29v4-chart--typeitemactive { background: #0B7BC1; } .m29v4-chart--header.water .m29v4-chart--type .m29v4-chart--typeitem:hover:before, .m29v4-chart--header.water .m29v4-chart--type .m29v4-chart--typeitem.m29v4-chart--typeitemactive:before { color: white; } .m29v4-chart--header.water .m29v4-chart--type .m29v4-chart--typeitem:first-child { border: 1px solid #0B7BC1; } .m29v4-chart--header.water .m29v4-chart--type .m29v4-chart--typeitem:last-child { border: 1px solid #0B7BC1; } .m29v4-chart--controls { padding: 0 20px; display: none; position: relative; } .m29v4-chart--controls.active { display: block; } .m29v4-chart--controls .form-field--text { display: inline-block; position: relative; } .m29v4-chart--controls .form-field--text + .form-field--text { margin-left: 16px; } .m29v4-chart--controls .form-field--text .picker { width: 150%; } .m29v4-chart--controls .form-field--toggles { right: 8px; top: 32px; } .m29v4-chart--controls .form-field .form-field__label-icon, .m29v4-chart--controls .field-border .form-field__label-icon { color: #c6c6c6; position: absolute; top: -5px; left: -8px; } .m29v4-chart--controls .form-field .form-field__label, .m29v4-chart--controls .field-border .form-field__label, .m29v4-chart--controls .form-field .j100-expander_label, .m29v4-chart--controls .field-border .j100-expander_label, .m29v4-chart--controls .form-field .field-title, .m29v4-chart--controls .field-border .field-title { display: inline-block; position: relative; } .m29v4-chart--controls .form-field .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .field-border .m29v4-chart--yearlabel.field-title { display: inline-block; margin-bottom: 12px; padding-right: 12px; } .m29v4-chart--controls .form-field .form-field__label-month, .m29v4-chart--controls .field-border .form-field__label-month { padding-left: 20px; } .m29v4-chart--controls .form-field .m29v4-chart--year, .m29v4-chart--controls .field-border .m29v4-chart--year { position: relative; display: inline-block; padding: 7px 12px; padding-right: 24px; line-height: 1; font-weight: 600; border: 1px solid #c9c9c9; border-radius: 30px; color: #222222; cursor: pointer; margin: 0 4px 4px; } .m29v4-chart--controls .form-field .m29v4-chart--year:after, .m29v4-chart--controls .field-border .m29v4-chart--year:after { content: "+"; position: absolute; font-size: 24px; font-weight: normal; right: 6px; top: 2px; } .m29v4-chart--controls .form-field .m29v4-chart--year_active, .m29v4-chart--controls .field-border .m29v4-chart--year_active { color: white; line-height: 1; } .m29v4-chart--controls .form-field .m29v4-chart--year_active:after, .m29v4-chart--controls .field-border .m29v4-chart--year_active:after { content: "-"; } .m29v4-chart--controls .m29v4-chart--year_alert { padding-left: 28px; margin-left: 88px; position: relative; display: none; } .m29v4-chart--controls .m29v4-chart--year_alert:before { position: absolute; font-size: 26px; left: 0; top: -8px; } .m29v4-chart--fakecbox { position: relative; display: inline-block; padding: 4px 12px; border-radius: 3px; border: 1px solid #999999; padding-right: 30px; cursor: pointer; margin-left: 8px; } .m29v4-chart--fakecbox:before { content: "+"; position: absolute; top: -1px; right: 6px; z-index: 1; font-size: 1.5em; } .m29v4-chart--fakecbox input { display: none; } .m29v4-chart--fakecbox.active { font-weight: bold; } .m29v4-chart--fakecbox.active:before { content: "\e620"; font-family: iconfont; right: 2px; color: #007560; } .m29v4-chart__label { padding: 0 24px; } .m29v4-chart__container { padding: 0 24px; } .m29v4-chart__label { margin: 24px 0 12px; } .m29v4-chart--typeitem { cursor: pointer; } .m29v4-chart--typeitem:before { font-size: 36px; color: #9B9B9B; } .m29v4-chart--typeitem:hover:before { color: #222222; } .m29v4-chart--typeitem.m29v4-chart--typeitemactive:before { color: #007560; } .m29v4-chart__nodata-container { height: 280px; padding: 0 24px; margin: 0; display: none; } .m29v4-chart__nodata-container .m29v4-chart__nodata { text-align: center; line-height: 280px; color: #222222; font-weight: 100; } .m29v4-chart--download { position: absolute; overflow: visible; right: 24px; padding-left: 36px; font-weight: 100; } .m29v4-chart--download:before { position: absolute; top: -4px; left: 8px; font-size: 24px; } .m29v4-chart--wrapper .button--senary.icon-bell { margin: 16px 24px 0; padding-left: 48px; font-weight: 100; position: relative; } .m29v4-chart--wrapper .button--senary.icon-bell:before { position: absolute; top: 2px; left: 20px; font-size: 24px; color: #717173; } .m29v4-chart--download_panel { position: absolute; margin: 0; right: 20px; top: 36px; border-radius: 5px; width: 150px; box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.1); padding: 16px; z-index: 2; background: white; } .m29v4-chart--download-btn { margin-bottom: 8px; padding-bottom: 8px; cursor: pointer; color: #007560; font-weight: 100; border-bottom: 0.5px solid #c9c9c9; } .m29v4-chart--download-btn:last-child { margin: 0; padding: 0; border: none; } .m29v4-chart--download-btn:hover { text-decoration: underline; } @media screen and (max-width: 599px) { .m29v4-chart__container { height: 320px; padding: 0 12px; margin-bottom: 12px; } .chart-header-wrapper .button, .chart-header-wrapper .button--centered, .chart-header-wrapper .form-submit, .chart-header-wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .chart-header-wrapper a, .chart-header-wrapper .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .chart-header-wrapper a { padding: 10px 20px; } .chart-header-wrapper .chart-graph-type .button, .chart-header-wrapper .chart-graph-type .button--centered, .chart-header-wrapper .chart-graph-type .form-submit, .chart-header-wrapper .chart-graph-type .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .chart-header-wrapper .chart-graph-type a, .chart-header-wrapper .chart-graph-type .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .chart-header-wrapper .chart-graph-type a { padding: 10px 15px; } .chart-graph-type { bottom: 10px; } .m29v4-chart { padding: 16px 0 48px; } .m29v4-chart--header { padding: 0 12px; } .m29v4-chart--title { position: relative; margin-bottom: 16px; text-align: left; padding-right: 84px; } .m29v4-chart--type { right: 12px; top: 0px; } .m29v4-chart--controls { margin: 12px 0; position: static; padding: 0 14px; } .m29v4-chart--controls .form-field--text + .form-field--text { margin: 0; margin-top: 12px; } .m29v4-chart--controls .form-field--toggles { position: static; } .m29v4-chart--controls .form-field.mt24 .form-field__label, .m29v4-chart--controls .mt24.field-border .form-field__label, .m29v4-chart--controls .form-field.mt24 .j100-expander_label, .m29v4-chart--controls .mt24.field-border .j100-expander_label, .m29v4-chart--controls .form-field.mt24 .field-title, .m29v4-chart--controls .mt24.field-border .field-title { display: block; } .m29v4-chart--controls .form-field.mt24 .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .mt24.field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field.mt24 .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .mt24.field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field.mt24 .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .mt24.field-border .m29v4-chart--yearlabel.field-title { display: block; } .m29v4-chart--controls .form-field.mt24 + .form-field, .m29v4-chart--controls .mt24.field-border + .form-field, .m29v4-chart--controls .form-field.mt24 + .field-border, .m29v4-chart--controls .mt24.field-border + .field-border { margin-top: 24px; } .m29v4-chart--controls .m29v4-chart--year_alert { margin: 0px; margin-top: 8px; } .m29v4-chart--tablist { margin: 16px auto 0; width: 100%; min-height: auto; } .m29v4-chart--tablist .m29v4-chart--listitem { padding: 8px 16px; display: table-cell; } .m29v4-chart--download { bottom: 20px; top: auto; } .m29v4-chart--wrapper .button--senary.icon-bell { width: calc(100% - 24px); margin: 0 auto; display: block; } } @media screen and (min-width: 600px) { .m29v4-chart__container { height: 280px; } .m29v4-chart--title { position: relative; margin-bottom: 12px; text-align: center; } .m29v4-chart--type { top: 55px; } .m29v4-chart--controls .form-field--toggles { position: static; } .m29v4-chart--controls .form-field.mt24 .form-field__label, .m29v4-chart--controls .mt24.field-border .form-field__label, .m29v4-chart--controls .form-field.mt24 .j100-expander_label, .m29v4-chart--controls .mt24.field-border .j100-expander_label, .m29v4-chart--controls .form-field.mt24 .field-title, .m29v4-chart--controls .mt24.field-border .field-title { display: block; } .m29v4-chart--controls .form-field.mt24 .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .mt24.field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field.mt24 .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .mt24.field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field.mt24 .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .mt24.field-border .m29v4-chart--yearlabel.field-title { display: block; } .m29v4-chart--controls .form-field.mt24 + .form-field, .m29v4-chart--controls .mt24.field-border + .form-field, .m29v4-chart--controls .form-field.mt24 + .field-border, .m29v4-chart--controls .mt24.field-border + .field-border { margin-top: 24px; } .m29v4-chart--controls .m29v4-chart--year_alert { margin: 0px; margin-top: 8px; } .m29v4-chart--tablist { margin: 0; } .m29v4-chart--tablist .m29v4-chart--listitem { padding: 8px 16px; } .m29v4-chart--download { bottom: auto; top: -8px; } } @media screen and (min-width: 1025px) { .m29v4-chart__container { height: 300px; } .m29v4-chart--title { margin-bottom: 0px; top: 55px; text-align: left; position: absolute; } .m29v4-chart--type { top: 55px; } .m29v4-chart--controls .form-field--toggles { position: absolute; } .m29v4-chart--controls .form-field.mt24 + .form-field, .m29v4-chart--controls .mt24.field-border + .form-field, .m29v4-chart--controls .form-field.mt24 + .field-border, .m29v4-chart--controls .mt24.field-border + .field-border { margin-top: 0px; } .m29v4-chart--controls .form-field.mt24 .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .mt24.field-border .form-field__label.m29v4-chart--yearlabel, .m29v4-chart--controls .form-field.mt24 .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .mt24.field-border .m29v4-chart--yearlabel.j100-expander_label, .m29v4-chart--controls .form-field.mt24 .m29v4-chart--yearlabel.field-title, .m29v4-chart--controls .mt24.field-border .m29v4-chart--yearlabel.field-title { display: inline-block; } .m29v4-chart--controls .m29v4-chart--year_alert { margin-left: 88px; } .m29v4-chart--tablist { margin: 0 auto; } .m29v4-chart--tablist .m29v4-chart--listitem { padding: 8px 20px; } .m29v4-chart--download { bottom: auto; top: 24px; } .m29v4-chart--year_alert + .m29v4-chart--download { bottom: auto; top: 0; } } .m89-donut-chart { background: white; text-align: center; padding: 15px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; min-height: 365px; } .m89-donut-chart__title { font-weight: bold; } .m89-donut-chart__links { margin-top: 25px; color: #222222; } .m89-donut-chart__chart { height: 340px; width: 100%; box-sizing: border-box; } .m89-donut-chart .datalabel { display: block; line-height: 20px; } .m89-donut-chart .dataname { font-weight: normal; display: block; line-height: 18px; } .m89-donut-chart .datatime { font-weight: normal; line-height: 14px; color: #272727; } /* for accessibility */ .invert .m89-donut-chart, .invert .m89-donut-chart__links { color: #222222; } .invert .m89-donut-chart a, .invert .m89-donut-chart__links a { color: #222222 !important; } .sponsorshipsection .form-field--table-goals .form-field--table-list-item { word-wrap: break-word; } .j139-noor-hayat .noor-hayat-char { min-height: 100px; background-repeat: no-repeat; background-size: 70%; background-position: bottom; } .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title { color: white; text-align: center; font-weight: bold; } .j139-noor-hayat .m9-teaser .teaser__title { height: auto; } .j139-noor-hayat .m9-teaser .m9-teaser-image { border: 1px solid #ccc; background-size: contain; } @media screen and (max-width: 599px) { .j139-noor-hayat .noor-hayat-char { min-height: 200px; background-size: 60%; } .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title { padding-top: 20px; } } @media screen and (min-width: 600px) { .j139-noor-hayat .text__page-sub-title { font-size: 2em; font-weight: bold; } .j139-noor-hayat .noor-hayat-char { min-height: 300px; background-size: 60%; } .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title { padding-top: 30px; } } @media screen and (min-width: 1025px) { .j139-noor-hayat .noor-hayat-char { min-height: 450px; background-size: 50%; } .j139-noor-hayat .noor-hayat-char .noor-hayat-char-title { padding-top: 70px; } .j139-noor-hayat .box--1 { padding-top: 0px; } } .m91-teaser { margin-bottom: 28px; } .m91-teaser__url { color: #535353; } .m91-teaser__url + * { margin-top: 8px; } .m91-teaser__content { padding: 5px; padding-top: 50px; } .m91-teaser__image { max-width: 100%; } .m91-teaser .teaser__title { font-weight: 600; text-transform: uppercase; } .m91-teaser .teaser__title.red { color: #DC122B; } .m91-teaser .teaser__title.blue { color: #0B7BC1; } .m91-teaser .teaser__title.cyan { color: #437A7A; } .m91-teaser .teaser__title.pink { color: #A7419D; } .m91-teaser .stock .teaser__title { text-transform: none; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content a.link, .m91-teaser.m91-teaser-security-1 .m91-teaser__content a.m111-cs--content_headinglink, .m91-teaser.m91-teaser-security-1 .m91-teaser__content a.form-links__link, .m91-teaser.m91-teaser-security-1 .m91-teaser__content .m14-richtext a:not(.button):not(.button--centered), .m91-teaser.m91-teaser-security-1 .m91-teaser__content .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .m91-teaser.m91-teaser-security-1 .m91-teaser__content a:not(.button):not(.button--centered), .m125-teaser--content .m91-teaser.m91-teaser-security-1 .m91-teaser__content a:not(.button):not(.button--centered), .m91-teaser.m91-teaser-security-1 .m91-teaser__content a.links-list__link { text-decoration: underline; } .m91-teaser .text-link { display: inline-block; color: #08692F; text-decoration: none !important; background-size: 30px 30px; background-repeat: no-repeat; margin-top: 10px; font-weight: 500; line-height: 30px; background-position: left; padding-left: 40px; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content { margin-top: 0px; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__title { text-transform: none; color: #222222; line-height: 18px; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser__copy { color: #222222; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list-title { margin-top: 30px; margin-bottom: 20px; font-weight: bold; color: #222222; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list { padding-left: 0px; color: #3d3d3d; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list .teaser-list-item { position: relative; margin-bottom: 25px; padding-left: 50px; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list .teaser-list-item::before { content: ""; width: 28px; height: 28px; border-radius: 14px; background-color: #08692F; position: absolute; left: 0px; top: 0px; } .m91-teaser.m91-teaser-security-1 .m91-teaser__content .teaser-list .teaser-list-item::after { content: "\e620"; color: white; position: absolute; left: -1px; top: -2px; font-size: 32px; line-height: 32px; font-family: iconfont; } .m91-teaser.m91-teaser-security-2 .m91-teaser__content { margin-top: 0px; color: #222222; } .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__title { text-transform: none; color: #222222; line-height: 18px; } .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser__copy { color: #222222; } .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list-title { margin-top: 30px; margin-bottom: 20px; font-weight: bold; color: #222222; } .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list { padding-left: 0px; color: #3d3d3d; } .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list .teaser-list-item { position: relative; margin-bottom: 25px; padding-left: 50px; } .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list .teaser-list-item::before { content: ""; width: 28px; height: 28px; border-radius: 14px; background-color: #08692F; position: absolute; left: 0px; top: 0px; } .m91-teaser.m91-teaser-security-2 .m91-teaser__content .teaser-list .teaser-list-item::after { content: "\e620"; color: white; position: absolute; left: -1px; top: -2px; font-size: 32px; line-height: 32px; font-family: iconfont; } @media screen and (max-width: 599px) { .m91-teaser__content { padding-top: 20px; } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 { margin: 0px 16px; } .m91-teaser.m91-teaser-pos-v2 { background-position: top; background-size: auto 200px; background-repeat: no-repeat; } .m91-teaser.m91-teaser-pos-v2 .m91-teaser__content { padding-top: 230px; } } @media screen and (min-width: 600px) { .m91-teaser__image { height: auto; width: 40%; float: left; } .m91-teaser__content { width: 60%; float: left; } .m91-teaser.m91-teaser-rtl .m91-teaser__image { float: right; } .m91-teaser.m91-teaser-rtl .m91-teaser__content { float: right; } .m91-teaser.m91-teaser-rtl.m91-teaser-pos .m91-teaser__image { width: 50%; } .m91-teaser.m91-teaser-rtl.m91-teaser-pos .m91-teaser__content { right: 46%; left: auto; margin-left: 0px; margin-right: 0px; } .m91-teaser.m91-teaser-pos .m91-teaser__image { width: 50%; min-height: 225px; } .m91-teaser.m91-teaser-pos .m91-teaser__content { width: 50%; background: white; min-height: 225px; padding-top: 20px; padding: 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; } .m91-teaser.m91-teaser-pos .m91-teaser__content.stock { border-radius: 5px; justify-content: flex-start; } .m91-teaser.m91-teaser-pos.m91-teaser-security-1 { margin-bottom: 0px; } .m91-teaser.m91-teaser-pos.m91-teaser-security-1 .m91-teaser__image { max-width: 515px; } .m91-teaser.m91-teaser-pos.m91-teaser-security-1 .m91-teaser__content { position: static; padding: 0px 0px 0px 40px; margin-left: 0px; width: 50%; margin-top: 0px; box-shadow: none !important; align-items: start; } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 { position: relative; } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 .m91-teaser__image { max-width: 573px; position: absolute; left: calc(50% + 40px); top: 70px; width: calc(45% - 40px); } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 .m91-teaser__content { position: static; padding: 70px 20% 70px 0px; margin-left: 0px; width: 70%; margin-top: 0px; box-shadow: none !important; align-items: start; padding-left: calc(5% + 24px); } .m91-teaser.m91-teaser-pos-v2 { background-repeat: no-repeat; background-size: 50% auto; background-position: top left; display: flex; justify-content: flex-end; } .m91-teaser.m91-teaser-pos-v2.m91-teaser-rtl { background-position: top right; justify-content: flex-start; } } @media screen and (min-width: 1025px) { .m91-teaser { margin-bottom: 50px; } .m91-teaser.m91-teaser-pos { position: relative; } .m91-teaser.m91-teaser-pos .m91-teaser__image { width: 50%; min-height: unset; } .m91-teaser.m91-teaser-pos .m91-teaser__content { position: absolute; left: 50%; padding: 2% 4%; width: 54%; padding-top: 50px; margin-top: 5%; min-height: 70%; margin-left: -4%; z-index: 100; } .m91-teaser.m91-teaser-pos .m91-teaser__content.stock { padding: 2%; } .m91-teaser.m91-teaser-pos.m91-teaser-security-1 .m91-teaser__content { width: 50%; } .m91-teaser.m91-teaser-pos.m91-teaser-security-1 .m91-teaser__content .teaser-list { display: flex; flex-wrap: wrap; } .m91-teaser.m91-teaser-pos.m91-teaser-security-1 .m91-teaser__content .teaser-list .teaser-list-item { width: calc(50% - 70px); margin-top: 0px; } .m91-teaser.m91-teaser-pos.m91-teaser-security-1 .m91-teaser__content .teaser-list .teaser-list-item:nth-child(even) { margin-left: 40px; } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 .m91-teaser__image { float: right; } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 .m91-teaser__content { padding-left: calc(5% + 32px); min-height: 595px; } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 .m91-teaser__content .teaser-list { display: flex; flex-wrap: wrap; } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 .m91-teaser__content .teaser-list .teaser-list-item { width: calc(50% - 70px); margin-top: 0px; } .m91-teaser.m91-teaser-pos.m91-teaser-security-2 .m91-teaser__content .teaser-list .teaser-list-item:nth-child(even) { margin-left: 40px; } .m91-teaser__content--image { min-height: 166px; } .m91-teaser.m91-teaser-pos-v2 { min-height: 450px; align-items: flex-start; flex-direction: row; } .m91-teaser.m91-teaser-pos-v2 .m91-teaser__content { position: static; margin: 0px; height: max-content; min-height: 370px; margin-top: 40px; } .m91-teaser.m91-teaser-pos-v2.m91-teaser-rtl { min-height: 450px; } .m91-teaser.m91-teaser-pos-v2.m91-teaser-rtl .m91-teaser__content { position: static; margin: 0px; min-height: 370px; margin-top: 40px; } } @media only screen and (min-width: 1560px) { .m91-teaser.m91-teaser-pos.m91-teaser-security-2 .m91-teaser__content { padding-left: calc((100% - 1336px) / 2); } } .j140-conservation-combine.j140-conservation-combine-fonts-fix .text-page__intro { margin-top: 24px; padding: 0px; } .j140-conservation-combine .grid__row-5col .grid__column--3 { width: 50%; } .j140-conservation-combine .m6-teaser { box-shadow: none; min-height: 200px; } .j140-conservation-combine .m6-teaser .icon:before, .j140-conservation-combine .m6-teaser .m95-power-outage_card-status:before, .j140-conservation-combine .m6-teaser .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .j140-conservation-combine .m6-teaser .toggle-menu__title[class*=icon-]:before, .j140-conservation-combine .m6-teaser .toggle-menu__trigger:before, .j140-conservation-combine .m6-teaser .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .j140-conservation-combine .m6-teaser .slick-next:before, .j140-conservation-combine .m6-teaser .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .j140-conservation-combine .m6-teaser .button--survey-active:before, .j140-conservation-combine .m6-teaser .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .j140-conservation-combine .m6-teaser .slick-next:before, .j140-conservation-combine .m6-teaser .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .j140-conservation-combine .m6-teaser .slick-next:before { font-size: 100px; } .j140-conservation-combine .m60-teaser .teaser__title { text-align: left; } .j140-conservation-combine .m60-teaser .m60-teaser-image { background-size: contain; background-color: #F6F6F6; background-blend-mode: normal; } @media screen and (min-width: 600px) { .j140-conservation-combine .grid__row-5col .grid__column--3 { width: 25%; } .j140-conservation-combine .m6-teaser { min-height: 250px; display: flex; justify-content: center; } .j140-conservation-combine .m6-teaser .icon:before, .j140-conservation-combine .m6-teaser .m95-power-outage_card-status:before, .j140-conservation-combine .m6-teaser .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .j140-conservation-combine .m6-teaser .toggle-menu__title[class*=icon-]:before, .j140-conservation-combine .m6-teaser .toggle-menu__trigger:before, .j140-conservation-combine .m6-teaser .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .j140-conservation-combine .m6-teaser .slick-next:before, .j140-conservation-combine .m6-teaser .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .j140-conservation-combine .m6-teaser .button--survey-active:before, .j140-conservation-combine .m6-teaser .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .j140-conservation-combine .m6-teaser .slick-next:before, .j140-conservation-combine .m6-teaser .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .j140-conservation-combine .m6-teaser .slick-next:before { font-size: 120px; } } @media screen and (min-width: 1025px) { .j140-conservation-combine .grid__row-5col .grid__column--3 { width: 20%; } .j140-conservation-combine .m6-teaser { min-height: 300px; } .j140-conservation-combine .m6-teaser .icon:before, .j140-conservation-combine .m6-teaser .m95-power-outage_card-status:before, .j140-conservation-combine .m6-teaser .toggle-menu--active .toggle-menu__title[class*=icon-]:before, .toggle-menu--active .j140-conservation-combine .m6-teaser .toggle-menu__title[class*=icon-]:before, .j140-conservation-combine .m6-teaser .toggle-menu__trigger:before, .j140-conservation-combine .m6-teaser .m3-teaser-carousel__container .slick-prev:before, .m3-teaser-carousel__container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m3-teaser-carousel__container .slick-next:before, .m3-teaser-carousel__container .j140-conservation-combine .m6-teaser .slick-next:before, .j140-conservation-combine .m6-teaser .survey_wrapper .survey-button-wrapper .button--survey-active:before, .survey_wrapper .survey-button-wrapper .j140-conservation-combine .m6-teaser .button--survey-active:before, .j140-conservation-combine .m6-teaser .m85-dstore-carousel_container .slick-prev:before, .m85-dstore-carousel_container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m85-dstore-carousel_container .slick-next:before, .m85-dstore-carousel_container .j140-conservation-combine .m6-teaser .slick-next:before, .j140-conservation-combine .m6-teaser .m19-ql-carousel__container .slick-prev:before, .m19-ql-carousel__container .j140-conservation-combine .m6-teaser .slick-prev:before, .j140-conservation-combine .m6-teaser .m19-ql-carousel__container .slick-next:before, .m19-ql-carousel__container .j140-conservation-combine .m6-teaser .slick-next:before { font-size: 200px; } } .j133-owner-tracking-system .m32-map__overlay { display: none; } .j133-owner-tracking-system-map .m39-modal__dialog { max-height: 530px; } .j133-owner-tracking-system-map .m39-modal__header { min-height: 0; } .j133-owner-tracking-system-map .m32-map { cursor: pointer; } .j133-owner-tracking-system-map_map { height: 460px; } .j133-owner-tracking-system-map_address { position: relative; min-height: 45px; float: left; margin: 8px 0; display: flex; align-items: center; font-weight: 300; color: #222222; padding-left: 40px; max-width: 580px; } .j133-owner-tracking-system-map_address:before { position: absolute; left: 8px; top: 2px; font-size: 36px; color: #0B7BC1; } #gisref { display: contents; } .j141-tracking-anonymous { padding-top: 40px; } .j141-tracking-anonymous .form-field__input-wrapper, .j141-tracking-anonymous .m111-content-scroller--nav_mobile-selectwrapper, .j141-tracking-anonymous .j100-expander_input, .j141-tracking-anonymous .field-content, .j141-tracking-anonymous .j134-media--filter { max-width: 400px; } .j141-tracking-anonymous .form-field__button, .j141-tracking-anonymous .form-submit-border { text-align: left; } .j141-tracking-anonymous .form-field__button .button, .j141-tracking-anonymous .form-submit-border .button, .j141-tracking-anonymous .form-field__button .button--centered, .j141-tracking-anonymous .form-submit-border .button--centered, .j141-tracking-anonymous .form-field__button .form-submit, .j141-tracking-anonymous .form-submit-border .form-submit, .j141-tracking-anonymous .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j141-tracking-anonymous .form-field__button a, .j141-tracking-anonymous .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j141-tracking-anonymous .form-submit-border a, .j141-tracking-anonymous .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j141-tracking-anonymous .form-field__button a, .j141-tracking-anonymous .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j141-tracking-anonymous .form-submit-border a { margin: 0; } .j141-tracking-anonymous .form-field--subRadio { padding: 5px 0px 0px 32px; margin-top: 0; margin-bottom: 18px; } .j141-tracking-anonymous .toggle-display-trigger { cursor: pointer; } .j141-tracking-anonymous .toggle-display-content { margin-top: 20px; } .j141-tracking-anonymous .tracklist { margin-top: 36px; } .j141-tracking-anonymous .not-resolved.icon-tick:before { color: #007560; } .j141-tracking--legend { font-weight: 600; margin-top: 12px; } .j141-tracking--legend + * { margin-top: 12px; } .j141-tracking--legend + .j141-tracking--sublegend { margin-top: 4px; } .j141-tracking--sublegend { color: #222222; } .j141-tracking--sublegend + * { margin-top: 24px !important; } .j141-tracking--card { box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 20px 16px; } .j141-tracking--card.flex-center { justify-content: space-between; } .j141-tracking--card + .j141-tracking--card { margin-top: 36px; } .j141-tracking--card .j141-tracking--card_title { font-weight: 700; width: auto; } .j141-tracking--card .j141-tracking--card_subtitle { color: #717173; margin-top: 8px; } .j141-tracking--card .j141-tracking--card_status { position: relative; padding-left: 42px; } .j141-tracking--card .j141-tracking--card_status:before { font-family: "iconfont"; position: absolute; left: 0; color: white; border-radius: 50%; background-color: #007560; } .j141-tracking--card .j141-tracking--card_status .link, .j141-tracking--card .j141-tracking--card_status .m111-cs--content_headinglink, .j141-tracking--card .j141-tracking--card_status .form-links__link, .j141-tracking--card .j141-tracking--card_status .m14-richtext a:not(.button):not(.button--centered), .j141-tracking--card .j141-tracking--card_status .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j141-tracking--card .j141-tracking--card_status a:not(.button):not(.button--centered), .m125-teaser--content .j141-tracking--card .j141-tracking--card_status a:not(.button):not(.button--centered), .j141-tracking--card .j141-tracking--card_status .links-list__link { font-weight: 300; margin-top: 8px; display: inline-block; } .j141-tracking--card .m70-status-tracker { margin-top: 24px; } .j141-tracking--card .j141-tracking--card_date { font-weight: 300; margin-top: 0; } .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date { display: inline-block; margin: 0 12px; } @media screen and (max-width: 1024px) { .j141-tracking-anonymous .form-field__button, .j141-tracking-anonymous .form-submit-border { text-align: center; } .j141-tracking--card.flex-center { display: block; } .j141-tracking--card .flex-center { display: block; } .j141-tracking--card .j141-tracking--card_status { margin: 16px 0; } .j141-tracking--card .j141-tracking--card_title .j141-tracking--card_date { margin: 0; } } @media screen and (min-width: 1025px) { .j141-tracking--card .j141-tracking--card_title, .j141-tracking--card .j141-tracking--card_subtitle { width: 400px; } } .m97-pod .m97-pod-nav-wraper { height: 50px; background: #007560; } .m97-pod .m97-pod-nav-wraper .m97-pod-nav { width: 90%; } @media screen and (max-width: 599px) { .m97-pod .m97-pod-nav-wraper .m97-pod-nav { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m97-pod .m97-pod-nav-wraper .m97-pod-nav { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m97-pod .m97-pod-nav-wraper .m97-pod-nav { width: 90%; max-width: 1400px; margin: 0 auto; } } .m97-pod .m97-pod-nav-wraper .m97-pod-nav { margin: 0 auto; } .m97-pod .m97-pod-nav-wraper .m97-pod-nav .m97-tools { float: right; } .m97-pod .m97-pod-nav-wraper .m97-pod-nav .m97-tools .m97-tools__item { line-height: 44px; padding-right: 16px; } .m97-pod .m97-pod-nav-wraper .m97-pod-nav .m97-tools .m97-tools__item .m97-tools__link { font-weight: bold; color: white; } .m97-pod .g-recaptcha { transform: scale(0.77); transform-origin: left; } .m97-pod h1.m97-pod-title { text-align: center; color: #00963c; font-weight: bold; line-height: 1.2em; } .m97-pod .pod-sketch { max-width: 100%; } .m97-pod .m97-pod-form-wrapper { -webkit-box-shadow: 8px 12px 6px -2px rgba(0, 0, 0, 0.5); box-shadow: 8px 12px 6px -2px rgba(0, 0, 0, 0.5); padding: 3px; border-radius: 20px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00963c+0,00963c+28,00c94a+63,00963c+99&0.23+0,1+28,1+100 */ background: -moz-linear-gradient(-45deg, rgba(0, 150, 60, 0.23) 0%, rgb(0, 150, 60) 28%, rgb(0, 201, 74) 63%, rgb(0, 150, 60) 99%, rgb(0, 150, 60) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(0, 150, 60, 0.23) 0%, rgb(0, 150, 60) 28%, rgb(0, 201, 74) 63%, rgb(0, 150, 60) 99%, rgb(0, 150, 60) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(0, 150, 60, 0.23) 0%, rgb(0, 150, 60) 28%, rgb(0, 201, 74) 63%, rgb(0, 150, 60) 99%, rgb(0, 150, 60) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .m97-pod .m97-pod-form-wrapper .m97-pod-form { background: white; border-radius: 16px; padding: 20px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__input--text, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=email], .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=number], .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=password], .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=tel], .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=text], .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=url], .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=color], .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=date], .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content textarea, .field-content .m97-pod .m97-pod-form-wrapper .m97-pod-form textarea, .m97-pod .m97-pod-form-wrapper .m97-pod-form .j134-media--filter-inputsearch { border-color: #00963c; border-radius: 10px; color: #00963c; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__input--text::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=email]::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=number]::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=password]::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=tel]::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=text]::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=url]::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=color]::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=date]::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content textarea::placeholder, .field-content .m97-pod .m97-pod-form-wrapper .m97-pod-form textarea::placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form .j134-media--filter-inputsearch::placeholder { color: #00963c; opacity: 1; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__input--text:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=email]:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=number]:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=password]:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=tel]:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=text]:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=url]:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=color]:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=date]:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content textarea:-ms-input-placeholder, .field-content .m97-pod .m97-pod-form-wrapper .m97-pod-form textarea:-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form .j134-media--filter-inputsearch:-ms-input-placeholder { color: #00963c; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__input--text::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=email]::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=number]::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=password]::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=tel]::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=text]::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=url]::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=color]::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form input[type=date]::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content textarea::-ms-input-placeholder, .field-content .m97-pod .m97-pod-form-wrapper .m97-pod-form textarea::-ms-input-placeholder, .m97-pod .m97-pod-form-wrapper .m97-pod-form .j134-media--filter-inputsearch::-ms-input-placeholder { color: #00963c; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field + .form-field, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-border + .form-field, .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field + .field-border, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-border + .field-border { margin-top: 15px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox { margin-top: 15px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox .form-field__fakecheckbox, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox .form-field__fakecheckbox { color: #00963c; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox .form-field__fakecheckbox:before, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox .form-field__fakecheckbox:before { box-shadow: 0 0 0 1px #00963c; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__button button, .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-submit-border button { min-width: 150px; } @media screen and (max-width: 599px) { .m97-pod h1.m97-pod-title { font-size: 1.5em; padding: 40px 20px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form { color: #ccc; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox .form-field__fakecheckbox, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox .form-field__fakecheckbox { padding: 5px 0 6px; padding-left: 2.5em; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox .form-field__fakecheckbox:before, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox .form-field__fakecheckbox:before { box-shadow: 0 0 0 1px #00963c; width: 5px; height: 5px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox [type=checkbox]:checked + .form-field__fakecheckbox:after, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox [type=checkbox]:checked + .form-field__fakecheckbox:after { font-size: 40px; top: -15px; left: -10px; color: #007560; } } @media screen and (min-width: 600px) { .m97-pod.m97-pod-marg { padding-top: 50px; } .m97-pod .m97-pod-nav-wraper { margin-bottom: 50px; } .m97-pod .grid__column--6 { float: right; } .m97-pod h1.m97-pod-title { font-size: 2em; padding: 80px 30px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form { padding: 40px 20px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field + .form-field, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-border + .form-field, .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field + .field-border, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-border + .field-border { margin-top: 20px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox { margin-top: 20px; } } @media screen and (min-width: 1025px) { .m97-pod .m97-pod-form-wrapper { margin: 30px 50px; padding: 5px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form { padding: 50px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field + .form-field, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-border + .form-field, .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field + .field-border, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-border + .field-border { margin-top: 35px; } .m97-pod .m97-pod-form-wrapper .m97-pod-form .form-field__checkbox, .m97-pod .m97-pod-form-wrapper .m97-pod-form .field-content--checkbox { margin-top: 35px; } } .j143-ideal-home .status-red { color: #d31c45 !important; } .j143-ideal-home .status-green { color: #007560 !important; } .j143-ideal-home .status-blue { color: #137bbe !important; } .j143-ideal-home .mt-30 { margin-top: 30px; } .j143-ideal-home .download-buttons { text-align: center; } .j143-ideal-home .download-buttons .button--primary, .j143-ideal-home .download-buttons .form-submit { margin-bottom: 10px; } .j143-ideal-home .download-buttons .button + .button, .j143-ideal-home .download-buttons .button--centered + .button, .j143-ideal-home .download-buttons .form-submit + .button, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons a + .button, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons a + .button, .j143-ideal-home .download-buttons .button + .button--centered, .j143-ideal-home .download-buttons .button--centered + .button--centered, .j143-ideal-home .download-buttons .form-submit + .button--centered, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons a + .button--centered, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons a + .button--centered, .j143-ideal-home .download-buttons .button + .form-submit, .j143-ideal-home .download-buttons .button--centered + .form-submit, .j143-ideal-home .download-buttons .form-submit + .form-submit, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons a + .form-submit, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons a + .form-submit, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons .button + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons .button--centered + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons .form-submit + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons a + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons .button + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons .button--centered + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons .form-submit + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons a + a { margin-left: 0px; } .j143-ideal-home .m93-panel-container .m93-panel-container-title { margin: 20px 0px; } .j143-ideal-home .m93-panel-container ul { margin-left: 16px; } .j143-ideal-home .m93-panel-container .j143-ideal-home-videos { margin-top: 30px; } .j143-ideal-home .m39-modal--video .m39-modal__button--close { top: -35px; right: -10px; left: auto; } .j143-ideal-home .m39-modal--video .video-js { width: 100% !important; height: 100% !important; } .j143-ideal-home .m39-modal--video .video-js .vjs-big-play-button { top: calc(50% - 24px) !important; left: calc(50% - 45px) !important; } .j143-ideal-home .m17-sectiontitle__title .icon-new-success-message { color: #007560; } .j143-ideal-home .m17-sectiontitle__title .icon-new-success-message:before { position: absolute; bottom: -5px; } .j143-ideal-home .m14-richtext .m36-videoplayer--variant, .j143-ideal-home .m125-teaser--content .m36-videoplayer--variant { background: none; } .j143-ideal-home .m14-richtext .m36-videoplayer--variant .m36-videoplayer--tutorial-link, .j143-ideal-home .m125-teaser--content .m36-videoplayer--variant .m36-videoplayer--tutorial-link { font-weight: bold; color: #007560; display: block; margin-bottom: 20px; cursor: pointer; } .j143-ideal-home .m39-modal--video .m36-videoplayer--tutorial { background: none; text-align: center; font-weight: bold; margin-bottom: 50px; } .j143-ideal-home .m39-modal--video .m39-modal__button--close { color: white !important; } .j143-ideal-home .m39-modal--video .m39-modal__content video { width: 100% !important; height: 100% !important; } .j143-ideal-home .certificate { border: 2px solid #007560; box-shadow: 0 1px 6px 0 #9b9b9b; } .j143-ideal-home .grid__row-5col .grid__column--3 { width: 100%; } .j143-ideal-home .j143-m6-teaser .m6-teaser { border: 1px solid #d0d0d0; box-shadow: none; min-height: 200px; margin-bottom: 10px; } .j143-ideal-home .j143-m6-teaser .m6-teaser:focus { outline: none; } .j143-ideal-home .j143-m6-teaser .m6-teaser .m6-teaser__icon-image { padding: 30px 0px 20px; min-height: 133px; } .j143-ideal-home .j143-m6-teaser .m6-teaser .m6-teaser__icon-image img { max-width: 75px; max-height: 75px; } .j143-ideal-home .j143-m6-teaser .m6-teaser .m6-teaser__content .m6-teaser__title { font-weight: 600; margin: 0px; } .j143-ideal-home .j143-ideal-home-box { border: 1px solid #d0d0d0; border-radius: 3px; } .j143-ideal-home .j143-ideal-home-box .m14-richtext .richtext-list, .j143-ideal-home .j143-ideal-home-box .m125-teaser--content .richtext-list { line-height: 27px; } .j143-ideal-home .j143-ideal-home-dashboard-profile { padding: 10px; } .j143-ideal-home .j143-ideal-home-dashboard-profile:after { content: " "; display: table; clear: both; } .j143-ideal-home .j143-ideal-home-dashboard-profile .m14-richtext, .j143-ideal-home .j143-ideal-home-dashboard-profile .m125-teaser--content { padding: 10px 0px; } .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue { padding: 20px; box-shadow: 0 1px 6px 0 #9b9b9b; border-radius: 3px; } .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .m42-keyvalue__key--stacked { font-weight: bold; position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; column-gap: 12px; } .j143-ideal-home .j143-ideal-home-dashboard-profile .m42-keyvalue .disable { opacity: 0.5; } .j143-ideal-home .j143-ideal-home__assesment { padding: 30px 20px; padding-bottom: 40px; } .j143-ideal-home .j143-ideal-home__assesment .m14-richtext, .j143-ideal-home .j143-ideal-home__assesment .m125-teaser--content { width: 100%; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart { margin-bottom: 0px; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .m94-progress-chart { width: 160px; height: 160px; margin: 0px auto; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text { margin-top: 15px; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number { font-weight: bold; line-height: 20px; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-button { text-align: center; } .j143-ideal-home .grid__column-toggle .grid__column-toggle-content { display: none; } .j143-ideal-home .grid__column-toggle .grid__column-toggle-button { margin-bottom: 20px; cursor: pointer; } .j143-ideal-home .grid__column-toggle .grid__column-toggle-button.grid__column-toggle-button-hidden { display: none; } .j143-ideal-home .grid__column-toggle .grid__column-toggle-button .show { display: block; } .j143-ideal-home .grid__column-toggle .grid__column-toggle-button .hide { display: none; } .j143-ideal-home .grid__column-toggle.grid__column-active .grid__column-toggle-button .show { display: none; } .j143-ideal-home .grid__column-toggle.grid__column-active .grid__column-toggle-button .hide { display: block; } .j143-ideal-home .grid__column-toggle.grid__column-active .grid__column-toggle-content { display: block; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column { float: none; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section { border: none; box-shadow: 0 1px 6px 0 #9b9b9b; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section h4 { font-weight: bold; margin-bottom: 20px; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section p { margin: 20px 0px; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section form { max-width: 500px; margin: 0px auto; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .form-field__radio .form-field__fakeradio, .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .field-content--radio .form-field__fakeradio { text-align: center; width: calc(100% - 60px); } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__label-title { margin-bottom: 20px; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__label-text { font-weight: normal; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__button, .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-submit-border { margin-top: 60px; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .link-save { text-align: center; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-section-group-single { margin-bottom: 20px; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-section-group { opacity: 0.2; cursor: default; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-section-group:first-child { opacity: 1; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-section-group.valid-group + .form-section-group { opacity: 1; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column { float: none; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section { border: none; box-shadow: 0 1px 6px 0 #9b9b9b; padding-right: 150px; position: relative; min-height: 120px; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart { width: 120px; height: 120px; position: absolute; right: 0px; top: 0px; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart { width: 120px; height: 120px; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .highcharts-subtitle { margin-top: 15px !important; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text { line-height: 14px; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .progress-text-number { line-height: 14px; font-weight: bold; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-chart .m94-progress-chart .highcharts-background { background: none !important; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-title { font-weight: bold; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column .progress-section .progress-section-stage-num { color: #222222; margin-bottom: 13px; } .j143-ideal-home .j143-ideal-home_progress-form .j143-ideal-home-box { padding: 30px; } .j143-ideal-home .j143-ideal-home_progress-form .form-field__button .button, .j143-ideal-home .j143-ideal-home_progress-form .form-submit-border .button, .j143-ideal-home .j143-ideal-home_progress-form .form-field__button .button--centered, .j143-ideal-home .j143-ideal-home_progress-form .form-submit-border .button--centered, .j143-ideal-home .j143-ideal-home_progress-form .form-field__button .form-submit, .j143-ideal-home .j143-ideal-home_progress-form .form-submit-border .form-submit, .j143-ideal-home .j143-ideal-home_progress-form .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .j143-ideal-home_progress-form .form-field__button a, .j143-ideal-home .j143-ideal-home_progress-form .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .j143-ideal-home_progress-form .form-submit-border a, .j143-ideal-home .j143-ideal-home_progress-form .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .j143-ideal-home_progress-form .form-field__button a, .j143-ideal-home .j143-ideal-home_progress-form .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .j143-ideal-home_progress-form .form-submit-border a { margin-bottom: 10px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__header { min-height: 40px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__dialog { height: 90%; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content { bottom: 0px; overflow: scroll; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m33-thumbnail-gallery { padding-top: 10px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-img { border: 1px solid #d0d0d0; padding: 5px; margin-bottom: 20px; float: left; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-img img { height: 30px; margin: 0px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text { text-align: left; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text:before { content: ""; display: block; clear: both; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .end-link { text-align: right; margin-top: 10px; margin-bottom: 30px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .end-link .button, .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .end-link .button--centered, .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .end-link .form-submit, .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .end-link .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .end-link a, .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .end-link .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .end-link a { color: #008542; font-weight: 600; } .j143-ideal-home .j143-ideal-home-videos .m39-modal__trigger { width: 100%; } .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--image { min-height: 165px; cursor: pointer; } .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details { position: absolute; bottom: 20px; top: auto; left: auto; right: 15px; } .j143-ideal-home .j143-ideal-home-videos .m36-videoplayer--variant .m36-videoplayer--details .m36-videoplayer--length { background-color: rgba(0, 0, 0, 0.5); padding: 2px 8px; border-radius: 3px; color: white; font-weight: 600; } .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title { margin-bottom: 30px; } .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title h4 { font-weight: 600; margin-bottom: 15px; } .j143-ideal-home .j143-ideal-home-videos .j143-ideal-home-videos-section-title .j143-ideal-home-videos-watched { color: #007560; font-weight: 600; } .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content { padding: 10px 0px; } .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title { font-weight: 600; } .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__title-text { display: block; } .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal { padding: 3px 8px; display: block; font-weight: normal; width: auto; float: left; border-radius: 3px; margin-top: 5px; } .j143-ideal-home .j143-ideal-home-videos .m9-teaser .teaser__content .teaser__labal.watched { background: #007560; color: white; } .j143-ideal-home .j143-ideal-home-teaser .m9-teaser .teaser__content .teaser__title { font-weight: 600; } .j143-ideal-home .user-widget__link--profile:before { top: -5px; } @media screen and (max-width: 599px) { .j143-ideal-home .j143-m6-teaser .grid__column--3 { width: 50%; } .j143-ideal-home .j143-m6-teaser .m6-teaser { min-height: 180px; margin-bottom: 0px; } .j143-ideal-home .j143-m6-teaser .m6-teaser .m6-teaser__title { font-size: 1em; line-height: 15px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m33-thumbnail-gallery__main-carousel-button--prev { display: none !important; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m33-thumbnail-gallery__main-carousel-button--next { display: none !important; } .j143-ideal-home .m93-panel-container .grid__column:first-child, .j143-ideal-home .m93-panel-container .dashboard__account-selector:first-child, .j143-ideal-home .m93-panel-container .dashboard__user-widget:first-child { padding-right: 4px; padding-left: 0; } .j143-ideal-home .m93-panel-container .grid__column:last-child, .j143-ideal-home .m93-panel-container .dashboard__account-selector:last-child, .j143-ideal-home .m93-panel-container .dashboard__user-widget:last-child { padding-right: 0; padding-left: 4px; } .j143-ideal-home .j143-ideal-home-videos .grid__column--3 { width: 100%; max-width: 280px; } .j143-ideal-home .j143-ideal-home-videos .m9-teaser { min-height: 240px; } } @media screen and (min-width: 600px) { .j143-ideal-home .grid__row-5col .grid__column--3 { width: 50%; } .j143-ideal-home .j143-ideal-home-videos .grid__column--3 { width: 50%; padding: 0 8px; } .j143-ideal-home .m14-richtext.text-large, .j143-ideal-home .text-large.m125-teaser--content { font-size: 1.375em; } .j143-ideal-home .m17-sectiontitle__title .icon-new-success-message:before { bottom: 3px; } .j143-ideal-home .grid__column-toggle .grid__column-toggle-button { font-size: 1.375em; } .j143-ideal-home .j143-ideal-home-dashboard-profile { padding: 10px 0px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__dialog { overflow: visible; height: 90%; -webkit-transition: height 1s ease; -moz-transition: height 1s ease; -o-transition: height 1s ease; -ms-transition: height 1s ease; transition: height 1s ease; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content { overflow: visible; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m33-thumbnail-gallery__main-carousel-button--prev { left: -100px; height: 35px !important; top: calc(50% - 57px); transition: all 1s ease 0s; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m33-thumbnail-gallery__main-carousel-button--next { right: -100px; height: 35px !important; top: calc(50% - 57px); transition: all 1s ease 0s; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content { display: flex; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-img { border: 1px solid #d0d0d0; border-radius: 3px; padding: 15px; height: 110px !important; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-img img { height: 80px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text { padding-left: 25px; padding-bottom: 0px; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .m14-richtext.m14-richtext-scroll, .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .m14-richtext-scroll.m125-teaser--content { overflow-y: scroll; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .m14-richtext h4, .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-text .m125-teaser--content h4 { font-weight: bold; margin-bottom: 20px; font-size: 1em; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .m39-modal-ideal-home_teaser-gallery-content .m39-modal-ideal-home_teaser-gallery-content-next { opacity: 0; -webkit-transition: opacity 0.3s; } .j143-ideal-home .m39-modal-ideal-home .m39-modal__content .slick-active .m39-modal-ideal-home_teaser-gallery-content-next { -webkit-transition: opacity 2s; opacity: 1; } .j143-ideal-home .j143-ideal-home__assesment .m14-richtext, .j143-ideal-home .j143-ideal-home__assesment .m125-teaser--content { width: 60%; float: left; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart { float: right; right: 20px; top: 20px; margin-bottom: 0px; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .m94-progress-chart { width: 160px; height: 160px; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text { margin-top: 15px; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-progress-chart .progress-text-number { font-size: 1.25em; font-weight: bold; line-height: 20px; } .j143-ideal-home .j143-ideal-home__assesment:after { content: ""; display: block; clear: both; } .j143-ideal-home .j143-ideal-home__assesment .j143-ideal-home__assesment-button { text-align: left; clear: both; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column { width: 100%; margin-bottom: 20px; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row { display: flex; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .form-field__radio, .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .field-content--radio { width: 50%; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .form-field__radio .form-field__fakeradio, .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .field-content--radio .form-field__fakeradio { width: calc(100% - 60px); text-align: center; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .form-field__radio + .form-field__radio, .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .field-content--radio + .form-field__radio, .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .form-field__radio + .field-content--radio, .j143-ideal-home .j143-ideal-home_progress-form .form-section-column .form-section .form-field__radio-button-row.form-field__radio-button-row-2 .field-content--radio + .field-content--radio { margin-left: 50px; } .j143-ideal-home .download-buttons .button--primary, .j143-ideal-home .download-buttons .form-submit { margin-bottom: 0px; } .j143-ideal-home .download-buttons .button + .button, .j143-ideal-home .download-buttons .button--centered + .button, .j143-ideal-home .download-buttons .form-submit + .button, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons a + .button, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons a + .button, .j143-ideal-home .download-buttons .button + .button--centered, .j143-ideal-home .download-buttons .button--centered + .button--centered, .j143-ideal-home .download-buttons .form-submit + .button--centered, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons a + .button--centered, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons a + .button--centered, .j143-ideal-home .download-buttons .button + .form-submit, .j143-ideal-home .download-buttons .button--centered + .form-submit, .j143-ideal-home .download-buttons .form-submit + .form-submit, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons a + .form-submit, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons a + .form-submit, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons .button + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons .button--centered + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons .form-submit + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j143-ideal-home .download-buttons a + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons .button + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons .button--centered + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons .form-submit + a, .j143-ideal-home .download-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j143-ideal-home .download-buttons a + a { margin-left: 12px; } } @media screen and (min-width: 1025px) { .j143-ideal-home .grid__row-5col .grid__column--3 { width: 20%; } .j143-ideal-home .j143-ideal-home-videos .grid__column--3 { width: 25%; padding: 0 16px; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column { width: 33.3333333333%; } .j143-ideal-home .j143-ideal-home_progress-form .form-section-column { float: right; } .j143-ideal-home .j143-ideal-home_progress-form .progress-section-column { float: right; } } .m93-tabs-content__tab--active:focus { outline: none; } .m93-tabs-content__content .form-field__button, .m93-tabs-content__content .form-submit-border { text-align: left; } .m93-tabs-content__content .form-field__button .button, .m93-tabs-content__content .form-submit-border .button, .m93-tabs-content__content .form-field__button .button--centered, .m93-tabs-content__content .form-submit-border .button--centered, .m93-tabs-content__content .form-field__button .form-submit, .m93-tabs-content__content .form-submit-border .form-submit, .m93-tabs-content__content .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m93-tabs-content__content .form-field__button a, .m93-tabs-content__content .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m93-tabs-content__content .form-submit-border a, .m93-tabs-content__content .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m93-tabs-content__content .form-field__button a, .m93-tabs-content__content .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m93-tabs-content__content .form-submit-border a { margin: 0px; } @media screen and (max-width: 599px) { .m93-tabs-content__title { color: #007560; } .m93-tabs-content__title:before { color: #939598; margin-top: 3px; } .m93-tabs-content__body { width: 100%; } .toggle-menu__trigger .m93-tabs-content__title { padding: 0px !important; } .m93-tabs-content--select-mobile { border-radius: 0px; } } .m93-tabs-content .toggle-menu__trigger { display: none !important; } .m93-tabs-content .grid__column:first-child, .m93-tabs-content .dashboard__account-selector:first-child, .m93-tabs-content .dashboard__user-widget:first-child { padding-right: 16px; padding-left: 0; } .m93-tabs-content .grid__column:last-child, .m93-tabs-content .dashboard__account-selector:last-child, .m93-tabs-content .dashboard__user-widget:last-child { padding-right: 0; padding-left: 16px; } .m93-tabs-content .toggle-menu__item { display: none; } .m93-tabs-content .toggle-menu__itemactive { display: block; } .m93-tabs-content .toggle-menu__trigger { display: none; } .m93-tabs-content__title { display: none; } .js .m93-tabs-content__content { display: none; } .js .m93-tabs-content__content--active { display: block !important; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel { padding: 16px 20px; border: solid 1px #D7D7DF; border-radius: 8px; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel + .m93-tabs-content__menu-item-panel { margin-top: 24px; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__menu-item-panel-image { width: 30px; height: 30px; display: block; border: 1px solid #ccc; padding: 5px; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__menu-item-panel-image img { width: 30px; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__menu-item-panel-text:after { content: ""; clear: both; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel.m93-tabs-content__title { display: block; font-weight: 700; color: #007560; position: relative; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab { cursor: pointer; display: flex; align-items: center; justify-content: flex-start; gap: 8px; font-weight: 700; color: #222222; position: relative; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab.icon-open:before, .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab.j100-expander_input.closed:before { content: none; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab.icon-open:after, .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab.j100-expander_input.closed:after { content: "\e605"; font-family: "iconfont"; color: #6F6F6F; position: absolute; right: 0; font-size: 36px; font-weight: 400; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab.icon-close:before, .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab.j100-expander_input.open:before { content: none; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab.icon-close:after, .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab.j100-expander_input.open:after { content: "\e604"; font-family: "iconfont"; color: #6F6F6F; position: absolute; right: 0; font-size: 36px; font-weight: 400; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-tabs-content__tab ul:not(.empty) + .m93-tabs-content__tab { font-weight: 300; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-panel-container { height: 0; overflow: hidden; border: none; margin-top: 0px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-panel-container .m93-tabs-content_subtab { display: block; font-weight: 300; color: #222222; position: relative; } @media screen and (max-width: 1024px) { .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-panel-container .m93-tabs-content_subtab { font-size: 0.875em; } } @media screen and (min-width: 1025px) { .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-panel-container .m93-tabs-content_subtab { font-size: 0.875em; } } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-panel-container .m93-tabs-content_subtab { line-height: 27px; position: relative; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-panel-container .m93-tabs-content_subtab:hover { color: #007560; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-panel-container .m93-tabs-content_subtab.icon-pagination_active:before { position: absolute; left: -20px; font-size: 15px; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .m93-panel-container .m93-tabs-content_subtab--active { color: #007560; } .m93-tabs-content__menu .m93-tabs-content__menu-item .m93-tabs-content__menu-item-panel .ul--m93-active { height: auto; margin-top: 24px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m93-tabs-content__tab--active { color: #222222; } a.m93-tabs-content__tab.m93-tab_button.button--next, a.m93-tabs-content__tab.m93-tab_button.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m93-tabs-content__tab.m93-tab_button, a.m93-tabs-content__tab.m93-tab_button.button--next:hover { background: #007560; color: white; border-bottom-color: white; } @media screen and (min-width: 1025px) { .m15-tabs--mobile { display: none; } .ul_scrollable { height: 400px; overflow: scroll; } .m93-tabs-content .grid__column:first-child, .m93-tabs-content .dashboard__account-selector:first-child, .m93-tabs-content .dashboard__user-widget:first-child { padding-right: 16px; padding-left: 0; } .m93-tabs-content .grid__column:last-child, .m93-tabs-content .dashboard__account-selector:last-child, .m93-tabs-content .dashboard__user-widget:last-child { padding-right: 0; padding-left: 16px; } .m93-tabs-content .toggle-menu__item { display: none; } .m93-tabs-content .toggle-menu__itemactive { display: block; } .m93-tabs-content .toggle-menu__trigger { display: none; } .m93-tabs-content__title { display: none; } .js .m93-tabs-content__content { display: none; } .js .m93-tabs-content__content--active { display: block; } a.m93-tabs-content__tab.m93-tab_button.button--next, a.m93-tabs-content__tab.m93-tab_button.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a.m93-tabs-content__tab.m93-tab_button, a.m93-tabs-content__tab.m93-tab_button.button--next:hover { background: #007560; color: white; border-bottom-color: white; } .m93-tabs-content__menu .m93-tabs-content__title { display: block; font-weight: 700; color: #007560; border-bottom: 1px solid rgba(155, 155, 155, 0.5); position: relative; } .m93-tabs-content__menu .m93-tabs-content__tab { display: block; font-weight: 700; color: #222222; border-bottom: 1px solid rgba(155, 155, 155, 0.5); position: relative; } .m93-tabs-content__menu .m93-tabs-content__tab.icon-open:before, .m93-tabs-content__menu .m93-tabs-content__tab.j100-expander_input.closed:before { content: none; } .m93-tabs-content__menu .m93-tabs-content__tab.icon-open:after, .m93-tabs-content__menu .m93-tabs-content__tab.j100-expander_input.closed:after { content: "\e605"; font-family: "iconfont"; color: #6F6F6F; position: absolute; right: 0; font-size: 36px; font-weight: 400; } .m93-tabs-content__menu .m93-tabs-content__tab.icon-close:before, .m93-tabs-content__menu .m93-tabs-content__tab.j100-expander_input.open:before { content: none; } .m93-tabs-content__menu .m93-tabs-content__tab.icon-close:after, .m93-tabs-content__menu .m93-tabs-content__tab.j100-expander_input.open:after { content: "\e604"; font-family: "iconfont"; color: #6F6F6F; position: absolute; right: 0; font-size: 36px; font-weight: 400; } .m93-tabs-content__menu .m93-tabs-content__tab ul:not(.empty) + .m93-tabs-content__tab { font-weight: 300; } .m93-tabs-content__menu .m93-panel-container { height: 0; overflow: hidden; border: none; margin-top: 0px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m93-tabs-content__menu .m93-panel-container li .m93-tabs-content_subtab { display: block; font-weight: 300; color: #222222; position: relative; line-height: 27px; } } @media screen and (min-width: 1025px) and (max-width: 1024px) { .m93-tabs-content__menu .m93-panel-container li .m93-tabs-content_subtab { font-size: 0.875em; } } @media screen and (min-width: 1025px) and (min-width: 1025px) { .m93-tabs-content__menu .m93-panel-container li .m93-tabs-content_subtab { font-size: 0.875em; } } @media screen and (min-width: 1025px) { .m93-tabs-content__menu .m93-panel-container li .m93-tabs-content_subtab:hover { color: #007560; } .m93-tabs-content__menu .m93-panel-container li .m93-tabs-content_subtab--active { color: #007560; } .m93-tabs-content__menu .ul--m93-active { height: auto; margin-top: 0px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .m93-tabs-content__menu:last-child .m93-tabs-content__tab { border-bottom: none; } .m93-tabs-content__menu:last-child .m93-tab_button { background: #007560; color: white; } .m93-tabs-content__tab--active { color: #222222; } .m93-tabs-content--variant .m93-tabs-content__menu .m93-tabs-content__tab { border-bottom: 1px solid #D7D7DF; } .m93-tabs-content--variant .m93-tabs-content__menu .m93-tabs-content__tab:hover { color: #007560; background: transparent; } .m93-tabs-content--variant .m93-tabs-content__menu .m93-tabs-content__tab--active { background: white !important; border: none; transform: scale(1.05); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); color: #222222; border-radius: 5px; -moz-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } } /* for accessibility */ .invert .m93-tabs-content__menu ul li:last-child .m93-tab_button { background-color: white; color: #222222 !important; } .invert .m93-tabs-content__menu ul li:last-child .m93-tab_button:before { color: #222222 !important; } .m94-progress-chart .progress-text .progress-text-number { font-weight: bold; } .j152-ev-smart-charge { padding-bottom: 50px; } .j152-ev-smart-charge .j152-ev-smart-charge-modal { max-height: 170px; max-width: 400px; } .j152-ev-smart-charge .j152-ev-smart-charge-modal .m39-modal__content { top: 0px; bottom: 0px; text-align: center; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal { max-height: 370px; max-width: 382px; border-radius: 20px; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content { top: 20px; bottom: 20px; text-align: center; display: flex; flex-direction: column; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-icons { min-height: 84px; display: flex; justify-content: center; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-icons + .process-modal-title { margin-top: 20px; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-title { font-size: 24px; font-weight: 700; margin-bottom: 20px; margin-top: 10px; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-txt { font-size: 16px; line-height: 24px; font-weight: 300; margin: 0px 5px; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-txt + .process-modal-txt { margin-top: 20px; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons { margin-top: auto; display: flex; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons .button, .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons .button--centered, .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons .form-submit, .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons a, .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons a { font-size: 15px; line-height: 18px; flex: 1; padding-top: 14px; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons .button--outline { border: 1px solid #222222; color: #222222; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons .button--outline:hover { border-color: #0B7BC1; color: white; } .j152-ev-smart-charge .j152-ev-smart-charge-process-modal .m39-modal__content .process-modal-buttons .button--outline + .button--septenary { padding-top: 15px; } .j152-ev-smart-charge .ev-cancel-modal .j152-ev-smart-charge-process-modal { max-height: 315px; } .j152-ev-smart-charge .ev-ready-modal .j152-ev-smart-charge-process-modal { max-height: 315px; } .j152-ev-smart-charge .charge-type-title { margin-top: 30px; margin-bottom: 25px; } .j152-ev-smart-charge .ready-icon-bg { width: 84px; height: 84px; border-radius: 50%; background: #D9EAE7; display: flex; justify-content: center; align-items: center; } .j152-ev-smart-charge .j152-ev-smart-charge-form { position: static; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom { width: 100%; position: absolute; bottom: 0px; left: 0; right: 0; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom.static-bottom { position: static; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-field__button, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-submit-border { margin-top: 10px; margin-bottom: 10px; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-field__button .button, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-submit-border .button, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-field__button .button--centered, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-submit-border .button--centered, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-field__button .form-submit, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-submit-border .form-submit, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-field__button a, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-submit-border a, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-field__button a, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-submit-border a { width: 100%; margin: 0px; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .link, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .m111-cs--content_headinglink, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .form-links__link, .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .m14-richtext a:not(.button):not(.button--centered), .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom a:not(.button):not(.button--centered), .m125-teaser--content .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom a:not(.button):not(.button--centered), .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom .links-list__link { line-height: 30px; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom.payment { padding-top: 20px; bottom: -150px; transition: 0.2s linear; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom.payment.active { bottom: 0px; transition: 0.2s linear; border-top: 1px solid #D7D7Df; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom.payment .payment-section .payment-sum-title { font-size: 14px; font-weight: 600; line-height: 18px; float: left; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom.payment .payment-section .payment-sum-title span { display: block; font-size: 12px; color: #717173; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom.payment .payment-section .payment-sum-amount { float: right; font-size: 22px; line-height: 32px; font-weight: bold; } .j152-ev-smart-charge .j152-ev-smart-charge-fixbottom.payment .payment-section:after { content: ""; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper { height: auto; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .grid__row:first-child, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .grid__row--tight:first-child, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .form-introduction:first-child { margin-top: 40px; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .button, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .button--centered, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .form-submit, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons a, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons a { font-size: 15px; font-weight: 600; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .form-field__button + *, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .form-submit-border + * { margin-top: 12px; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .form-field_help-txt { text-align: center; font-size: 16px; font-weight: 300; margin-top: 18px; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-buttons .form-field_help-link { color: #007560; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .j152-ev-smart-charge-backlink .m26-page-title__backlink { height: 40px; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .otp--content .otp--content-title { font-size: 16px; font-weight: bold; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .icon-new-announcement:before { font-size: 70px; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.align_left, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m33-thumbnail-gallery__share-panel li.m40v2-status-message__text, .m33-thumbnail-gallery__share-panel .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static li.m40v2-status-message__text, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m39-modal__title, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m30-share__panel li.m40v2-status-message__text, .m30-share__panel .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static li.m40v2-status-message__text, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m43-accountsel__selected, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m44-bill-selector__selected, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m45-estimate-friend, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m45-estimate-selector__trigger { display: flex; font-weight: 300; } .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.align_left svg, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m33-thumbnail-gallery__share-panel li.m40v2-status-message__text svg, .m33-thumbnail-gallery__share-panel .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static li.m40v2-status-message__text svg, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m39-modal__title svg, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m30-share__panel li.m40v2-status-message__text svg, .m30-share__panel .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static li.m40v2-status-message__text svg, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m43-accountsel__selected svg, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m44-bill-selector__selected svg, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m45-estimate-friend svg, .j152-ev-smart-charge .j152-ev-smart-charge-wrapper .m40v2-status-message--static .m40v2-status-message__text.m45-estimate-selector__trigger svg { margin-right: 7px; } .j152-ev-smart-charge .m42-keyvalue_info-btn { display: flex; } .j152-ev-smart-charge .info-trigger { cursor: pointer; display: inline-block; color: #007560; display: flex; margin-top: 10px; font-size: 14px; line-height: 20px; font-weight: 300; } .j152-ev-smart-charge .info-trigger svg { margin-right: 7px; } .j152-ev-smart-charge .info-trigger svg path { fill: #007560; } .j152-ev-smart-charge .j152-ev-smart-charge-what-next { padding: 16px 12px; } .j152-ev-smart-charge .j152-ev-smart-charge-what-next .charge-status-title { font-size: 15px; font-weight: 700; margin-bottom: 5px; } .j152-ev-smart-charge .j152-ev-smart-charge-what-next .charge-status-txt { font-size: 16px; line-height: 24px; color: #6f6f6f; font-weight: 300; } .j152-ev-smart-charge .m38-step-tracker .m38-steptracker__info-wrapper { font-weight: bold; font-size: 1.4em; margin-top: 30px; } .j152-ev-smart-charge .m38-step-tracker .m38-steptracker__info-wrapper .m38-steptracker__info-value { display: block; font-size: 0.9em; font-weight: normal; line-height: 28px; } .j152-ev-smart-charge .form-field__fakeradio:before { top: -1px; } .j152-ev-smart-charge .form-field__list-float { float: right; line-height: 30px; } .j152-ev-smart-charge .timer { color: #007560; font-weight: bold; } .j152-ev-smart-charge .timer.large { font-size: 50px; } .j152-ev-smart-charge .timer.small { font-size: 28px; } .j152-ev-smart-charge .charge-box { border-radius: 10px; padding: 20px; } .j152-ev-smart-charge .charge-box.charge-details { background: #F1F1F1; color: #717173; font-size: 16px; font-weight: 300; } .j152-ev-smart-charge .charge-box.charge-details .title { padding-bottom: 20px; } .j152-ev-smart-charge .charge-box.charge-details .item-icon { padding-left: 20px; position: relative; } .j152-ev-smart-charge .charge-box.charge-details .item-icon .cd-item-title:before { font-size: 18px; left: 0px; position: absolute; } .j152-ev-smart-charge .charge-box.charge-details .cd-item { padding-bottom: 20px; } .j152-ev-smart-charge .charge-box.charge-details .cd-item .cd-item-title { line-height: 30px; } .j152-ev-smart-charge .charge-box.charge-details .cd-item .cd-item-value { color: #222222; } .j152-ev-smart-charge .charge-box.charge-details .cd-item .cd-item-value-large { font-size: 25px; } .j152-ev-smart-charge .charge-box.charge-details .cd-item-img { height: 50px; position: relative; top: 8px; } .j152-ev-smart-charge .charge-box.charge-details .cd-subitem { display: inline-block; } .j152-ev-smart-charge .charge-box.charge-details .cd-item-imgicon { width: 24px; vertical-align: top; position: relative; top: 6px; } .j152-ev-smart-charge .charge-box.charge-details .cd-item-imgicon + .cd-subitem { margin-left: 4px; } .j152-ev-smart-charge .charge-box.charge-details .cd-item-3 .w3 { width: 33.33%; float: left; } .j152-ev-smart-charge .charge-box.charge-details .cd-item-3 .w3:first-child { margin-left: 0px; } .j152-ev-smart-charge .charge-box.charge-details .cd-item-3 .w3:last-child { margin-right: 0px; } .j152-ev-smart-charge .charge-box.charge-completed { background: #E5F1EF; } .j152-ev-smart-charge .charge-box.charge-completed .m42-keyvalue__value { font-weight: bold; font-size: 16px; } .j152-ev-smart-charge .charge-box.charge-completed .m42-keyvalue__key { font-size: 16px; font-weight: 300; } .j152-ev-smart-charge .charge-box.charge-details-v2 { background: none; padding: 0px; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item { display: flex; padding-bottom: 15px; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item .cd-item-title { color: #6F6F6F; font-size: 14px; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item .cd-item-icon { padding-top: 8px; margin-right: 15px; width: 24px; text-align: center; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item .cd-item-name { width: 100%; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item + .cd-item .cd-item-icon { padding-top: 15px; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item + .cd-item .cd-item-name { padding-top: 6px; border-top: 1px solid #EFEFF1; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-type .cd-item-value { color: #007560; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .cd-item-name { position: relative; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status { height: 28px; display: inline-flex; align-items: center; border-radius: 14px; text-align: center; padding: 0px 10px; line-height: 28px; font-size: 14px; font-weight: 300; position: absolute; right: 0px; top: 25px; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status.status-available { background: #D9EAE7; color: #007560; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status.status-available .status-icon { background: #007560; color: #D9EAE7; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status.status-available .status-icon:before { content: "\e620"; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status.status-notavailable { background: #DEDEDE; color: #222222; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status.status-notavailable .status-icon { background: #222222; color: white; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status.status-notavailable .status-icon:before { content: "\e608"; font-size: 12px; left: 1.5px; line-height: 15px; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status .status-icon { height: 14px; width: 14px; font-size: 14px; display: inline-block; border-radius: 7px; position: relative; margin-right: 5px; } .j152-ev-smart-charge .charge-box.charge-details-v2 .cd-item.cd-item-ch-connect .ch-connect-status .status-icon::before { font-size: 18px; position: absolute; left: -2px; font-weight: bold; top: 0px; line-height: 14px; } .j152-ev-smart-charge .button-ev-loactions { display: flex; justify-content: center; } .j152-ev-smart-charge .button-ev-loactions .ev-location-icon-svg { height: 22px; margin-right: 8px; } .j152-ev-smart-charge .form-field__button-full .button, .j152-ev-smart-charge .form-field__button-full .button--centered, .j152-ev-smart-charge .form-field__button-full .form-submit, .j152-ev-smart-charge .form-field__button-full .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j152-ev-smart-charge .form-field__button-full a, .j152-ev-smart-charge .form-field__button-full .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j152-ev-smart-charge .form-field__button-full a { margin-left: 0px; margin-right: 0px; width: 100%; } .j152-ev-smart-charge .j152-ev-smart-charge-icon:before { font-size: 200px; color: #007560; } .j152-ev-smart-charge .charge-top-header { margin-bottom: 20px; } .j152-ev-smart-charge .charge-top-header .charge-type-icon { margin-bottom: 20px; } .j152-ev-smart-charge .charge-top-header .charge-success-icon { margin-bottom: 20px; } .j152-ev-smart-charge .charge-top-header .charge-title { font-size: 28px; font-weight: 700; } .j152-ev-smart-charge .charge-top-header .text__content-copy--small { margin-top: 10px; font-size: 16px; font-weight: 300; line-height: 24px; } .j152-ev-smart-charge .charge-top-header .text__content-copy--small.strong { font-weight: 600; } .j152-ev-smart-charge .charge-top-header .timer { font-size: 40px; } .j152-ev-smart-charge .charge-time-select .form-field__fakeradio { font-weight: bold; font-size: 16px; } .j152-ev-smart-charge .charge-time-select .form-field__list-float { font-weight: 300; } .j152-ev-smart-charge .m39-modal__dialog--payment_2 .m39-modal__footer .payment-modal-bottom .m42-keyvalue-payment .m42-keyvalue--justified-dt { font-size: 16px; font-weight: 300; letter-spacing: 0.4px; line-height: 30px; color: #6f6f6f; } .j152-ev-smart-charge .m39-modal__dialog--payment_2 .m39-modal__footer .payment-modal-bottom .m42-keyvalue-payment .m42-keyvalue--justified-dd { font-size: 22px; } .j152-ev-smart-charge .details-otp .form-field__fakeradio { font-weight: 300; } .j152-ev-smart-charge .form-field_help-txt { text-align: center; font-size: 16px; font-weight: 300; margin-top: 18px; } .j152-ev-smart-charge .m40v2-status-message-ev-payment { padding-right: 20px; border-radius: 15px; font-weight: 300; } .j152-ev-smart-charge .m40v2-status-message-ev-payment .m40v2-status-message-security-icon { top: 3px; } .stop-scrolling { height: 100%; overflow: hidden; } @media screen and (max-width: 599px) { .j152-ev-smart-charge .m39-modal__dialog--payment_2 .m39-modal__footer .button--pay { width: calc(100% - 30px); padding-top: 12px; padding-bottom: 12px; font-size: 15px; } } .j134-infrastructure-noc .j134-infrastructure-noc-acselector { margin: 50px 0px; } .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section { border: 1px solid #ccc; border-radius: 10px; margin: 20px 0px; padding: 20px; } .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section:first-child { margin-top: 40px; } .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_section-title { font-weight: 600; margin-bottom: 10px; } .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_date { margin-bottom: 26px; } .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_comt { margin-bottom: 10px; } .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links { padding: 7px 0px; } .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a { padding: 0px 7px; color: #007560; font-weight: 600; } .j134-infrastructure-noc .j134-infrastructure-noc-ac-section .request_section .request_links a:first-child { padding-left: 0px; } .j134-infrastructure-noc .form-field__input-wrapper--readonly:after { display: none; } .m39-modal__tabs-content .tabs-content-status .status-title { text-transform: uppercase; } .m39-modal__tabs-content .tabs-content-status .list-item-error:after { background-color: #B00020; } .m39-modal__tabs-content .tabs-content-status .list-item-error .status-title { color: #B00020; } .m39-modal__tabs-content .tabs-content-status .list-item-warning:after { background-color: #B00020; } .m39-modal__tabs-content .tabs-content-status .list-item-warning .status-title { color: #AC631C; } .m39-modal__tabs-content .tabs-content-status .list-item-info:after { background-color: #0B7BC1; } .m39-modal__tabs-content .tabs-content-status .list-item-info .status-title { color: #0B7BC1; } .m39-modal__tabs-content .tabs-content-status .list-item-greeen:after { background-color: #007560; } .m39-modal__tabs-content .tabs-content-status .list-item-greeen .status-title { color: #007560; } .m39-modal__tabs-content .tabs-content-status .list-item-yellow:after { background-color: #FFDA5B; } .m39-modal__tabs-content .tabs-content-status .list-item-yellow .status-title { color: #FFDA5B; } .m39-modal__tabs-content .tabs-content-status .list-item-orange:after { background-color: #F5A623; } .m39-modal__tabs-content .tabs-content-status .list-item-orange .status-title { color: #F5A623; } .m39-modal__tabs-content .tabs-content-status .list-item-red:after { background-color: #B00020; } .m39-modal__tabs-content .tabs-content-status .list-item-red .status-title { color: #B00020; } .m39-modal__tabs-content .tabs-content-status .list-item-red:after { background-color: #0B7BC1; } .m39-modal__tabs-content .tabs-content-status .list-item-red .status-title { color: #0B7BC1; } .m39-modal__tabs-content .tabs-content-status .list-item-grey:after { background-color: #717173; } .m39-modal__tabs-content .tabs-content-status .list-item-grey .status-title { color: #717173; } .m39-modal__tabs-content .tabs-content-status .list-item-gray:after { background-color: #717173; } .m39-modal__tabs-content .tabs-content-status .list-item-gray .status-title { color: #717173; } .m39-modal__tabs-content .tabs-content-status .list-item-black:after { background-color: #000; } .m39-modal__tabs-content .tabs-content-status .list-item-black .status-title { color: #222222; } .request_links_noc { padding: 7px 10px; } .request_links_noc a { padding: 0px 7px; color: #007560; font-weight: 600; } .request_links_noc a:first-child { padding-left: 0px; } .j153-ev-map .m32-map { border-radius: 5px; overflow: hidden; } .j153-ev-map .m32-map .m66-preloader { z-index: 1; } .j153-ev-map .m32-map__overlay { top: 200px; left: 24px; border-radius: 5px; z-index: 1; } .j153-ev-map_legend { position: absolute; padding: 20px 12px; background-color: white; border-radius: 5px; bottom: 10px; left: 24px; } .j153-ev-map_legend-item { display: inline-block; position: relative; padding-left: 28px; margin-right: 16px; font-weight: 300; } .j153-ev-map_legend-item:before { width: 20px; height: 20px; position: absolute; left: 0; top: -3px; content: " "; } .j153-ev-map_legend-item.available:before { background-color: #007560; } .j153-ev-map_legend-item.maintenance:before { background-color: #E98535; } .j153-ev-map_legend-item.busy:before { background-color: #B00020; } .j153-ev-map_controls { position: absolute; top: 10px; left: 24px; background-color: white; padding: 12px; padding-right: 0px; border-radius: 5px; z-index: 1; width: 400px; max-width: 100%; } .j153-ev-map_controls .select2-container { min-width: 100%; } .j153-ev-map_controls .select2-selection--single { border: none; } .j153-ev-map_controls .select2-container--default .select2-selection--single .select2-selection__arrow b { border: none; } .j153-ev-map_controls .select2-container--default .select2-selection--single .select2-selection__arrow b:before { font-family: "iconfont"; content: "\e602"; color: #B2B2B2; font-size: 32px; position: absolute; top: calc((100% - 32px) / 2); left: calc((100% - 32px) / 2); } .j153-ev-map_controls .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 30px; } .j153-ev-map_search-wrapper { display: flex; align-items: center; justify-content: space-between; padding-right: 12px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: solid 1px #ddd; } .j153-ev-map_search-input_directions { display: inline-block; padding-left: 8px; margin-left: 8px; border-left: solid 1px #DDDDDD; } .j153-ev-map_search-input_directions img { height: 24px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-label { position: relative; margin-left: 48px; display: flex; align-items: center; min-height: 32px; border-top: solid 1px #e6e6e6; font-weight: 600; color: #222222; padding: 8px 0; padding-right: 16px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-label img { position: absolute; height: 32px; left: 0px; top: 8px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-label .form-field__fakecheckbox:before { left: -55px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-label .form-field__fakecheckbox:after { left: -58px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc { color: #717173; float: none !important; display: block; padding: 0px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc span[data-location-count] { float: left; padding: 0 4px 0 0 !important; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-input { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-input:checked + .j153-ev-map_cbox-desc { font-weight: bold; color: #007560; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-desc span { float: right; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-desc span[data-location-count] { padding: 0 4px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox:first-child .j153-ev-map_cbox-label { border: none; } @media screen and (max-width: 599px) { .j153-ev-map_legend-item { display: block; margin-bottom: 16px; } .j153-ev-map .m32-map { height: auto; } .j153-ev-map .m32-map__overlay { position: relative; top: auto; left: auto; right: auto; bottom: auto; box-shadow: none; border-radius: 0; border-bottom: solid 1px #e6e6e6; } .j153-ev-map_controls { border-radius: 0; border-bottom: solid 1px #e6e6e6; } .j153-ev-map_controls, .j153-ev-map_legend { position: static; } } @media screen and (min-width: 600px) { .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-label img { left: -5px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-label .form-field__fakecheckbox:before { left: -45px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-label .form-field__fakecheckbox:after { left: -48px; } .j153-ev-map_cbox-wrapper .j153-ev-map_cbox-loc { padding-left: 12px; float: right !important; display: inline-block; } } @media screen and (min-width: 1025px) { .j153-ev-map .m32-map { height: 600px; } .j153-ev-map .m32-map #map { height: 600px; } } .j153-villa-exemption .fieldset-title { margin-bottom: 20px; } .j153-villa-exemption .form-field__radio--toggle .form-field__radio, .j153-villa-exemption .form-field__radio--toggle .field-content--radio { display: inline-block; margin-right: 24px; } .j153-villa-exemption .j153-villa-exemption_modal-add .m39-modal__content { bottom: 20px; } .j153-villa-exemption .j153-villa-exemption_modal-add .form-field__button, .j153-villa-exemption .j153-villa-exemption_modal-add .form-submit-border { margin-bottom: 40px; } .j153-villa-exemption .m23-table .m23-table__content-table-cell .button--very_small { margin-bottom: 10px; font-weight: 300; } @media screen and (max-width: 599px) { .j153-villa-exemption .m23-table.m23-table--green button { margin-bottom: 10px; font-size: 0.875em; white-space: normal; } .j153-villa-exemption .form--single_line .button, .j153-villa-exemption .form--single_line .button--centered, .j153-villa-exemption .form--single_line .form-submit, .j153-villa-exemption .form--single_line .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j153-villa-exemption .form--single_line a, .j153-villa-exemption .form--single_line .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j153-villa-exemption .form--single_line a { margin-bottom: 12px !important; } } @media screen and (min-width: 600px) { .j153-villa-exemption .m23-table.m23-table--green button { margin-left: 0px; margin-bottom: 10px; } } @media screen and (min-width: 1025px) { .j153-villa-exemption .grid__column--content-form { width: 60%; } .j153-villa-exemption .fieldset-title { position: relative; } .j153-villa-exemption .fieldset-title .legend, .j153-villa-exemption .fieldset-title .display-section-legend { margin-right: 200px; width: auto; } .j153-villa-exemption .fieldset-title .fieldset-title-link { right: 0px; position: absolute; top: 0px; margin-top: 5px; } } .j154-sea-intro { line-height: 1.5; color: #717173; font-weight: 300; } .j69-dashboard2 .m17-sectiontitle__title { max-width: 100% !important; } .j154-sea-donut-progress .j154-sea-donut-text { color: #717173; font-weight: 600; } .j154-sea-donut-progress .j154-sea-donut-number { color: #222222; } .j154-sea-donut-progress svg { height: 150px; width: 150px; transform: rotate(-90deg); overflow: visible; } .j154-sea-donut-progress .progress-bar__background { fill: none; } .j154-sea-donut-progress .progress-bar__progress { fill: none; transition: stroke-dashoffset 1s ease-in-out; } .j154-sea-intro_progress { position: absolute; top: 60px; right: 36px; } .j154-sea-intro_progress .j154-sea-donut-text { position: absolute; left: 0; right: 0; text-align: center; top: 44px; } .j154-sea-prevrep { border: 1px solid #DADADA; border-radius: 5px; position: relative; display: flex; align-items: center; justify-content: space-between; padding: 12px; padding-left: 48px; font-weight: 300; } .j154-sea-prevrep:before { position: absolute; font-size: 48px; color: #9B9B9B; top: -7px; left: 0px; } .j154-sea-prevrep + .j154-sea-prevrep { margin-top: 16px; } .j154-sea--card { padding: 16px 24px; border-radius: 5px; overflow: hidden; background-color: white; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); position: relative; transition: 0.25s all; } .j154-sea--card.fixed { position: fixed; top: 61px; } .j154-sea--card.fixed-up { position: fixed; top: 141px; } .j154-sea--status { position: relative; display: flex; align-items: center; justify-content: space-between; } .j154-sea--status_section { color: #717173; font-weight: 300; margin-bottom: 4px; } .j154-sea--status_title { color: #222222; font-weight: 600; } .j154-sea-assessment_progress { position: relative; } .j154-sea-assessment_progress svg { width: 90px; height: 90px; } .j154-sea-assessment_progress .j154-sea-donut-text { position: absolute; left: 0; right: 0; text-align: center; top: 35px; } .j154-sea-assessment_progress .j154-sea-donut-number { font-size: 16px; } .j154-sea-assessment_headerbg { position: absolute; top: 0; left: 0; right: 0; height: 180px; background-position: center center; background-size: cover; } .j154-sea-assessment_headerbg + * { margin-top: 180px; } .j154-sea-assessment_title { color: #007560; text-align: center; position: relative; font-weight: 300; } .j154-sea-assessment_title img { height: 30px; position: relative; top: 4px; right: 4px; } .j154-sea-assessment_subtitle { font-weight: 600; text-align: center; color: #717173; margin: 8px 0 36px; } .j154-sea-assessment--6, .j154-sea-assessment--4 { float: left; } .j154-sea-assessment--6 { min-height: 1px; } .j154-sea-assessment--grid + .j154-sea-assessment--grid { margin-top: 24px; } .j154-sea-assessment--grid + .j154-sea-assessment--grid .j154-sea-assessment--sectionTitle { margin-top: 12px; } .j154-sea-assessment--sectionTitle { color: #222222; border-radius: 5px; font-weight: bold; padding: 16px 0; position: relative; display: flex; align-items: center; } .j154-sea-assessment--sectionTitle .j154-sea-assessment--sectionTitleImg { margin-right: 12px; height: 46px; } .j154-sea-assessment--tip { border: 0.5px solid #DADADA; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); overflow: hidden; } .j154-sea-assessment--tip + .j154-sea-assessment--tip { margin-top: 16px; } .j154-sea-assessment--tip_header { background-color: #F5F5F5; padding: 12px; font-weight: 600; color: #222222; } .j154-sea-assessment--tip_content { padding: 12px; } .j154-sea-assessment--tip_img { height: 120px; width: 120px; float: left; } .j154-sea-assessment--tip_inner { width: calc(100% - 132px); float: left; padding-left: 12px; } .j154-sea-assessment--tip_title { font-weight: 300; margin-bottom: 16px; } .j154-sea-assessment--tip_desc { line-height: 1.5em; } .hidden-text .j154-sea-assessment--tip_desc { max-height: 4.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .hidden-text .j154-sea-assessment--tip_link .show-btn { display: block; } .hidden-text .j154-sea-assessment--tip_link .hide-btn { display: none; } .show-text .j154-sea-assessment--tip_link .show-btn { display: none; } .show-text .j154-sea-assessment--tip_link .hide-btn { display: block; } .j154-sea-assessment--tip_link { clear: both; padding-top: 12px; text-align: right; } .j154-sea-assessment--tip_link .link, .j154-sea-assessment--tip_link .m111-cs--content_headinglink, .j154-sea-assessment--tip_link .form-links__link, .j154-sea-assessment--tip_link .m14-richtext a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .m125-teaser--content .j154-sea-assessment--tip_link a:not(.button):not(.button--centered), .j154-sea-assessment--tip_link .links-list__link { font-weight: 300; cursor: pointer; } .j154-sea-assessment_footerbg { border-radius: 5px; font-weight: 600; color: white; padding: 12px; background-position: center center; background-size: cover; min-height: 120px; display: flex; align-items: center; justify-content: center; margin-top: 48px; } .j154-sea-assessment--graph_wrapper { border-radius: 5px; border: 1px solid #DADADA; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); overflow: hidden; } .j154-sea-assessment--graph_title { font-weight: 600; text-align: center; padding: 16px; } .j154-sea-assessment--graph_title.electricity { background-color: #E7F2EB; } .j154-sea-assessment--graph_title.water { background-color: #E6F2F9; } .j154-sea-assessment--graph_content { padding: 16px; } .j154-sea-assessment--graph_legend { max-width: 400px; background-color: #FAFAFA; border-radius: 5px; padding: 16px; } .j154-sea-assessment--graph_legenditem { position: relative; font-weight: 300; padding-left: 24px; } .j154-sea-assessment--graph_legenditem + .j154-sea-assessment--graph_legenditem { margin-top: 12px; } .j154-sea-assessment--graph_legendmark { position: absolute; height: 16px; width: 16px; top: calc((100% - 16px) / 2); left: 0; } .j154-sea-assessment_buttons { text-align: right; } .j154-sea-assessment_buttons .button--quaternary { border: 1px solid #6D6E71; } @media screen and (max-width: 599px) { .j154-sea-assessment--6, .j154-sea-assessment--4 { width: 100%; } .j154-sea-assessment--6 + .j154-sea-assessment--6 { margin-top: 16px; } .j154-sea-assessment--4 + .j154-sea-assessment--4 { margin-top: 16px; } .j154-sea-intro_progress { position: relative; top: auto; right: auto; left: auto; text-align: center; margin-top: 24px; } .j154-sea-intro_buttons { position: static; text-align: center; margin-top: 24px; } .j154-sea-intro_buttons .button + .button, .j154-sea-intro_buttons .button--centered + .button, .j154-sea-intro_buttons .form-submit + .button, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a + .button, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a + .button, .j154-sea-intro_buttons .button + .button--centered, .j154-sea-intro_buttons .button--centered + .button--centered, .j154-sea-intro_buttons .form-submit + .button--centered, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a + .button--centered, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a + .button--centered, .j154-sea-intro_buttons .button + .form-submit, .j154-sea-intro_buttons .button--centered + .form-submit, .j154-sea-intro_buttons .form-submit + .form-submit, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a + .form-submit, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a + .form-submit, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons .button + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons .button--centered + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons .form-submit + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons .button + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons .button--centered + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons .form-submit + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a + a { margin: 0; margin-top: 12px; } .j69-dashboard--card_title + .j154-sea-intro { margin-top: 24px; } .j154-sea-assessment_title { font-size: 1.5em; } .j154-sea-assessment_headerbg { height: 100px; } .j154-sea-assessment_headerbg + * { margin-top: 100px; } .j154-sea-assessment--tip_inner { float: none; width: 100%; clear: both; padding: 0; padding-top: 16px; } .j154-sea-assessment_footerbg { text-align: center; line-height: 1.5; font-size: 1.25em; } .j154-sea-assessment_buttons { padding: 0 16px; } .j154-sea-assessment_buttons .button--quaternary { margin: 12px 0 0 !important; } } @media screen and (min-width: 600px) { .j154-sea-intro_progress { position: relative; top: auto; right: auto; left: auto; text-align: center; margin-top: 24px; } .j154-sea-intro_buttons { position: static; text-align: center; margin-top: 24px; } .j154-sea-intro_buttons .button, .j154-sea-intro_buttons .button--centered, .j154-sea-intro_buttons .form-submit, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a { margin: 0; margin-bottom: 12px; } .j154-sea-assessment_buttons .button--quaternary { margin: 12px 0 0; } .j154-sea-assessment--6 { width: 100%; } .j154-sea-assessment--6 + .j154-sea-assessment--6 { margin-top: 16px; } } @media screen and (max-width: 1024px) { #seasform .mobile-flex_direct .grid__column--4 { min-width: 50%; max-width: 360px; width: auto; } } @media screen and (min-width: 1025px) { .j154-sea-intro { padding-right: 40%; } .j154-sea-intro_progress { position: absolute; top: 60px; right: 36px; text-align: inherit; margin-top: 0px; } .j154-sea-intro_buttons { position: absolute; bottom: 30px; left: 24px; } .j154-sea-intro_buttons .button, .j154-sea-intro_buttons .button--centered, .j154-sea-intro_buttons .form-submit, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a { margin: 0; } .j154-sea-intro_buttons .button + .button, .j154-sea-intro_buttons .button--centered + .button, .j154-sea-intro_buttons .form-submit + .button, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a + .button, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a + .button, .j154-sea-intro_buttons .button + .button--centered, .j154-sea-intro_buttons .button--centered + .button--centered, .j154-sea-intro_buttons .form-submit + .button--centered, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a + .button--centered, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a + .button--centered, .j154-sea-intro_buttons .button + .form-submit, .j154-sea-intro_buttons .button--centered + .form-submit, .j154-sea-intro_buttons .form-submit + .form-submit, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a + .form-submit, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a + .form-submit, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons .button + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons .button--centered + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons .form-submit + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j154-sea-intro_buttons a + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons .button + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .button--centered + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons .button--centered + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-submit + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons .form-submit + a, .j154-sea-intro_buttons .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j154-sea-intro_buttons a + a { margin-top: 0; margin-left: 12px; } .j154-sea-assessment--6 { width: calc((100% - 32px) / 2); } .j154-sea-assessment--6:first-child { margin-right: 16px; } .j154-sea-assessment--6:last-child { margin-left: 16px; } .j154-sea-assessment--6 + .j154-sea-assessment--6 { margin-top: 0px; } .j154-sea-assessment--4 { width: calc((100% - 64px) / 3); margin-right: 32px; } .j154-sea-assessment--4:last-child { margin: 0; } .j154-sea-assessment_buttons .button--quaternary { margin: 0; } .j154-sea-assessment_buttons .button--quaternary + .button--quaternary { margin: 0px 0px 0 12px; } } .j155-evp-space .j155-search { max-width: 400px; } .j155-evp-space .m60-teaser { float: left; margin: 0 16px 32px; } .j155-evp-space .m60-teaser .teaser__content { min-height: 140px; } .j155-evp-space .m60-teaser .teaser__title { text-align: left; } .j155-evp-space .m60-teaser .teaser__subtitle { text-align: left; margin: 0 0 8px; color: #222222; font-weight: 300; } .j155-evp-space .m60-teaser .m60-teaser-image { height: 130px; } .j155-evp-space .m60-teaser .teaser__link .teaser__copy { -webkit-line-clamp: 4; max-height: 6em; } .j155-evp-space .m60-teaser .teaser__button { text-align: center !important; width: calc(100% - 30px); position: absolute; bottom: 20px; } @media screen and (max-width: 599px) { .j155-evp-space .m79-dashboard-tools--greeting_wrapper { width: 100%; } .j155-evp-space .m60-teaser { width: calc(100% - 8px); float: left; margin: 0 4px 8px; } } @media screen and (min-width: 600px) { .j155-evp-space .m60-teaser { width: calc((100% - 64px) / 4); float: left; margin: 0 8px 16px; } } @media screen and (min-width: 1025px) { .j155-evp-space .m60-teaser { width: calc((100% - 160px) / 5); float: left; margin: 0 16px 32px; } } .j157-investor-relations .m14-richtext p, .j157-investor-relations .m125-teaser--content p { text-align: justify; } .j157-investor-relations .m14-richtext ul, .j157-investor-relations .m125-teaser--content ul { margin-top: 0; } .j157-investor-relations .m14-richtext ul + *, .j157-investor-relations .m125-teaser--content ul + * { margin-top: 24px; } .j157-investor-relations .m14-richtext ul li + li, .j157-investor-relations .m125-teaser--content ul li + li { margin-top: 12px; } .j157-investor-relations.box--2 { color: #fff; margin-bottom: 0 !important; padding-top: 36px; } .j157-investor-relations .m9-teaser .teaser__title { height: auto !important; } .j157-investor-relations .formbuilder .form-field, .j157-investor-relations .formbuilder .field-border { margin-top: 24px; } .m103-marquee-button--pause { position: absolute; cursor: pointer; z-index: 2; background-color: #1A1A20; height: 40px; width: 40px; color: #fff; } .m103-marquee-button--pause:before { position: absolute; font-family: "iconfont"; content: "\e615"; left: 4px; top: 4px; font-size: 32px; } .m103-marquee-button--pause.paused:before { content: "\e614"; } .j157-ir-resources-title { font-size: 1.5em; font-weight: bold; } .j157-ir-resources-ul { margin-top: 12px; } .j157-ir-resources-link { color: #222222; font-size: 1.25em; display: block; padding: 12px 124px 12px 42px; border-bottom: solid 1px #e0e0e0; position: relative; } .j157-ir-resources-link:before { content: "륈"; font-family: "iconfont"; font-size: 36px; position: absolute; left: 2px; top: 4px; color: #57667C; } .j157-ir-resources-link a { position: relative; color: #0B7BC1; padding-right: 28px; } .j157-ir-resources-link a:hover { text-decoration: underline; } .j157-ir-resources-link a:before { content: "錄"; font-family: "iconfont"; font-size: 24px; position: absolute; right: 2px; top: 0px; color: #0B7BC1; } .j157-ir-resources-link sup { color: #CE315D; } .j157-ir-resources-linklist { position: absolute; right: 0; top: 16px; font-size: 16px; } .j157-ir-resources-footnote { line-height: 1.5em; } .j157-ir-km-row:before, .j157-ir-km-row:after { content: " "; display: table; } .j157-ir-km-row:after { clear: both; } .j157-ir-km-row + .j157-ir-km-row { margin-top: 48px; } .j157-ir-km-title { color: #fff; font-size: 1.5em; font-weight: bold; } .j157-ir-km-wrapper { display: flex; align-items: stretch; justify-content: space-between; margin-top: 16px; } .j157-ir-km-item { background-color: #fff; border-radius: 3px; padding: 16px; text-align: center; width: calc((100% - 48px) / 4); min-height: 160px; display: flex; align-items: center; justify-content: center; } .j157-ir-km-value { font-size: 2em; font-weight: bold; margin-bottom: 16px; } .j157-ir-km-key { color: #717173; font-size: 1.125em; font-weight: 300; line-height: 1.5em; } .j157-ir-km-footnote { text-align: right; margin-top: 36px; color: #fff; font-weight: 700; } .j157-ir-howto-index { font-size: 5em; font-weight: bold; color: #007560; position: absolute; top: calc((100% - 80px) / 2); left: 24px; } .j157-ir-howto-item { position: relative; padding: 16px; border-radius: 5px; padding-left: 88px; border: solid 1px #e0e0e0 !important; background-color: #fafafa !important; margin-bottom: 16px; } .j157-ir-howto-item .j157-ir-howto-arrow { position: absolute; position: absolute; left: -80px; top: 0; } .j157-ir-howto-item:first-child .j157-ir-howto-arrow { display: none; } .j157-ir-howto-item.blue { border-color: #0B7BC1; background-color: #E1F4FF; } .j157-ir-howto-item.blue .j157-ir-howto-index { color: #0B7BC1; } .j157-ir-howto-item.orange { border-color: #AC631C; background-color: #FEF3EE; } .j157-ir-howto-item.orange .j157-ir-howto-index { color: #AC631C; } .j157-ir-howto-item.red { border-color: #CE315D; background-color: #FEEEEE; } .j157-ir-howto-item.red .j157-ir-howto-index { color: #CE315D; } .j157-ir-howto-item.yellow { border-color: #936F15; background-color: #FEFAEE; } .j157-ir-howto-item.yellow .j157-ir-howto-index { color: #936F15; } .j157-ir-howto-item.violet { border-color: #57667C; background-color: #F6F6F6; } .j157-ir-howto-item.violet .j157-ir-howto-index { color: #57667C; } .j157-ir-howto-title { font-size: 1.25em; font-weight: bold; margin-bottom: 8px; color: #222222; } .j157-ir-howto-desc { font-size: 1.25em; line-height: 1.25em; color: #222222; } .j157-ir-banks-list .m60-teaser { width: calc((100% - 48px) / 3); float: left; margin-left: 24px; background-color: #fff; } .j157-ir-banks-list .m60-teaser:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .j157-ir-banks-list .m60-teaser:first-child, .j157-ir-banks-list .m60-teaser:nth-child(3n+2) { margin-left: 0px; margin-right: 0px; } .j157-ir-banks-list .m60-teaser:first-child { float: none; margin-left: 0px; margin-right: 0px; } .j157-ir-banks-list .m60-teaser .m60-teaser-image { height: 110px; background-size: contain; border-bottom: solid 1px #E0E0E0; background-color: #fff; background-blend-mode: unset; } .j157-ir-banks-list .m60-teaser .teaser__content { min-height: 110px; } .j157-ir-banks-list .m60-teaser .teaser__link { position: relative; } .j157-ir-banks-list .m60-teaser .teaser__link .teaser__title { color: #222222; font-weight: 300; text-align: left; } .j157-ir-banks-list .m60-teaser .teaser__link:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .j157-ir-banks-list .m60-teaser .teaser__viewdetails { color: #717173; text-align: left; position: absolute; bottom: 12px; cursor: pointer; } .j157-ir-banks-list .m60-teaser .teaser__viewdetails:hover { text-decoration: underline; } .j157-ir-banks-list .m39-modal__content { top: 16px; } .j157-ir-banks-list .m39-modal--dstore .m39-modal__dialog { max-width: 400px; max-height: 500px; } .j157-ir-banks-list .m39-modal--dstore .m39-modal__dstore-img { height: 200px; } .j157-ir-banks-list .m39-modal--dstore .m39-modal__header { min-height: 0; padding: 20px 15px; } .j157-ir-banks-list .m39-modal__button--close:before { top: 0; } .j157-ir-banks-mainslider_wrapper { position: fixed; top: 0; bottom: 0; right: 0; left: 0; display: flex; align-items: center; z-index: 9999; background: rgba(0, 0, 0, 0.8); display: none; } .j157-ir-banks-mainslider { top: 15%; max-width: 600px; margin: 0 auto; } .j157-ir-banks-mainslider .slick-next, .j157-ir-banks-mainslider .slick-prev { display: block !important; } .j157-ir-banks-mainslider .slick-next:before { content: "\e60c"; font-family: iconfont; font-size: 40px; color: #a9a9a9; } .j157-ir-banks-mainslider .slick-prev:before { content: "\e609"; font-family: iconfont; font-size: 40px; color: #a9a9a9; } .j157-ir-banks-slide { padding: 12px 0; } .j157-ir-banks-slide--inner { background-color: #fff; border-radius: 10px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); padding: 16px; max-width: 400px; margin: 0 auto; } .j157-ir-banks-slideimg { width: 100%; height: 200px; background-position: center center; background-size: contain; background-repeat: no-repeat; } .j157-ir-banks-desc { font-size: 1.25em; line-height: 1.5em; margin-bottom: 16px; } .j157-ir-banks-logo { height: 60px; margin-bottom: 12px; } .j157-ir-banks-name { font-size: 1.125em; font-weight: bold; margin: 24px 0 4px; } .j157-ir-banks-text { margin-top: 8px; } .j157-ir-banks-leading { font-size: 0.875em; font-weight: 300; margin: 4px 0 10px; text-align: left; } .j157-ir--bar { height: 24px; width: 100%; margin-bottom: 56px; background-color: #F2F3F3; } .j157-ir--quote { display: flex; align-items: start; justify-content: space-between; } .j157-ir--quote_image { min-width: 265px; aspect-ratio: 1; max-width: 100%; border-radius: 50%; background-position: center center; background-size: cover; background-repeat: no-repeat; border: solid 8px #fff; box-shadow: 0px 0px 0px 2px rgba(34, 34, 34, 0.2); } .j157-ir--quote_image + .j157-ir--quote_message { margin-left: 32px; } .j157-ir--quote_message { position: relative; font-size: 1em; font-weight: 300; line-height: 1.75; padding-left: 104px; } .j157-ir--quote_message:before { content: "륨"; font-family: "iconfont"; color: #007560; position: absolute; font-size: 120px; top: -90px; left: -24px; } .j157-ir--quote_message p + p { margin-top: 24px; } .j157-ir--contactus_title { font-weight: 700; } .j157-ir--contactus_itemtitle { font-weight: 700; margin-bottom: 12px; } .j157-ir--contactus_itemtext { line-height: 1.75; } .j157-ir--contactus_itemtext .link, .j157-ir--contactus_itemtext .m111-cs--content_headinglink, .j157-ir--contactus_itemtext .form-links__link, .j157-ir--contactus_itemtext .m14-richtext a:not(.button):not(.button--centered), .j157-ir--contactus_itemtext .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j157-ir--contactus_itemtext a:not(.button):not(.button--centered), .m125-teaser--content .j157-ir--contactus_itemtext a:not(.button):not(.button--centered), .j157-ir--contactus_itemtext .links-list__link { color: #222222; } .j157-ir--contactus_itemtext + .button, .j157-ir--contactus_itemtext + .button--centered, .j157-ir--contactus_itemtext + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j157-ir--contactus_itemtext + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j157-ir--contactus_itemtext + a { margin-top: 12px; } .j157-ir--textsection .m14-richtext ul, .j157-ir--textsection .m125-teaser--content ul { padding-top: 0; } .j157-ir--textsection + .j157-ir--textsection { border-top: solid 1px #D7D7DF; } @media screen and (max-width: 1024px) { .j157-ir--quote { flex-flow: column; gap: 24px; } .j157-ir--quote_image { margin: 0 auto; } .j157-ir--quote_image + .j157-ir--quote_message { margin: 0; } .j157-ir--quote_message { padding: 80px 0 0; } .j157-ir--quote_message:before { top: -80px; } } @media screen and (max-width: 599px) { .grid__column--6:last-child .j157-ir-resources-title { margin-top: 16px; } .j157-ir-banks-mainslider .slick-next, .j157-ir-banks-mainslider .slick-prev { display: none !important; } .j157-investor-relations .grid__row, .j157-investor-relations .grid__row--tight, .j157-investor-relations .form-introduction { margin-right: 12px; margin-left: 12px; margin-bottom: 40px; } .j157-investor-relations.box--2 { padding-bottom: 36px; } .j157-investor-relations .m17-sectiontitle { margin-bottom: -20px; } .j157-ir-km-wrapper { display: block; } .j157-ir-km-item { width: calc((100% - 16px) / 2); margin-bottom: 16px; float: left; min-height: 230px; padding: 16px; } .j157-ir-km-item:nth-child(2n+1) { clear: both; margin-right: 16px; } .j157-ir-km-value { font-size: 1.25em; } .j157-ir-howto-item { width: 100%; } .j157-ir-howto-item .j157-ir-howto-arrow { display: none; } .j157-ir-resources-title, .j157-ir-resources-link { font-size: 1.125em; } .j157-ir-banks-list .m60-teaser, .j157-ir-banks-list .m60-teaser:nth-child(3n+2) { width: calc((100% - 24px) / 2); margin-left: 24px; } .j157-ir-banks-list .m60-teaser:nth-child(2n) { margin-left: 0; margin-right: 0; } .j157-ir-banks-slide--inner { max-width: 350px; } .j157-ir--textsection + .j157-ir--textsection { padding-top: 24px; } .j157-ir--quote { flex-flow: column; gap: 24px; } .j157-ir--quote_image { margin: 0 auto; } .j157-ir--quote_image + .j157-ir--quote_message { margin: 0; } .j157-ir--quote_message { padding: 80px 0 0; } .j157-ir--quote_message:before { top: -80px; } } @media screen and (min-width: 600px) { .j157-investor-relations .m17-sectiontitle { margin-bottom: -44px; } .j157-ir-km-value { font-size: 1.5em; } .j157-ir-howto-item { width: 100%; } .j157-ir-howto-item .j157-ir-howto-arrow { display: none; } .j157-ir--textsection + .j157-ir--textsection { padding-top: 56px; } } @media screen and (min-width: 1025px) { .j157-ir-km-value { font-size: 1.75em; } .j157-ir-howto-item { width: 600px; } .j157-ir-howto-item .j157-ir-howto-arrow { display: block; } .j157-ir--textsection + .j157-ir--textsection { padding-top: 56px; } } .j160-customer-results .j160-customer-results-wide-chart { border-radius: 10px; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .j160-customer-results .j160-customer-results-wide-chart .j160-customer-results-teaser.t-large { padding-top: 20px; } .j160-customer-results .j160-customer-results-wide-chart .j160-customer-results-teaser.t-large .results-teaser_title { margin-bottom: 10px; } .j160-customer-results .j160-customer-results-teaser { text-align: center; } .j160-customer-results .j160-customer-results-teaser.t-box { border-radius: 10px; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12); padding: 20px; border: 2px solid white; } .j160-customer-results .j160-customer-results-teaser.t-box.border-green { border: 2px solid #68B097; } .j160-customer-results .j160-customer-results-teaser .results-teaser_title { font-weight: bold; line-height: 24px; margin-bottom: 20px; } .j160-customer-results .j160-customer-results-teaser .results-teaser_number { color: #076B2E; font-weight: bold; } @media screen and (max-width: 599px) { .j160-customer-results .grid__column--6, .j160-customer-results .grid__column--4 { width: 100%; } } @media screen and (min-width: 600px) { .j160-customer-results .grid__column--6 { width: 100%; } .j160-customer-results .grid__column--4 { width: 100%; } .j160-customer-results .grid__column--3 { width: 50%; } .j160-customer-results .grid__column-result { margin-bottom: 18px; } .j160-customer-results .m7-teaser-withlogo { margin-bottom: 20px; } } @media screen and (min-width: 1025px) { .j160-customer-results .grid__column--6 { width: 50%; } .j160-customer-results .grid__column--4 { width: 33.3333333333%; } .j160-customer-results .grid__column--3 { width: 25%; } .j160-customer-results .grid__column-result { margin-bottom: 0px; } .j160-customer-results .m17-sectiontitle .text__section-subtitle { font-size: 2.125em; } .j160-customer-results .j160-customer-results-wide-chart .j160-customer-results-teaser.t-large { width: 320px; float: right; margin-top: 70px; padding-top: 0px; } .j160-customer-results .j160-customer-results-wide-chart .j160-customer-results-teaser.t-large .results-teaser_title { font-size: 18px; margin-bottom: 20px; } .j160-customer-results .j160-customer-results-wide-chart .j160-customer-results-teaser.t-large .results-teaser_number { font-size: 52px; } .j160-customer-results .j160-customer-results-wide-chart .j160-customer-results-teaser.t-large .results-teaser_year { font-size: 16px; } .j160-customer-results .j160-customer-results-wide-chart .m107-mbar-chart { width: calc(100% - 320px); } .j160-customer-results .j160-customer-results-teaser.t-box { padding: 20px 20px 30px; min-height: 178px; } .j160-customer-results .j160-customer-results-teaser.t-box .results-teaser_title { min-height: 48px; } .j160-customer-results .j160-customer-results-teaser .results-teaser_title { font-size: 18px; min-height: 36px; } .j160-customer-results .j160-customer-results-teaser .results-teaser_number { font-size: 52px; } .j160-customer-results .j160-customer-results-teaser .results-teaser_year { font-size: 16px; } } .m100-ev-card { float: left; background: #007560; border-radius: 20px; position: relative; color: white; background-size: cover; background-position: center center; } .m100-ev-card--ratiodiv { width: 100%; padding-bottom: 56.25%; } .m100-ev-card--header { position: absolute; top: 0; left: 0; right: 0; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; } .m100-ev-card--name { font-weight: 600; max-height: 2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-width: 50%; } .m100-ev-card--actions { position: relative; padding-right: 32px; cursor: pointer; } .m100-ev-card--actions:before { position: absolute; top: calc((100% - 34px) / 2); right: -4px; } .m100-ev-card--actions_box { position: absolute; right: -2px; top: 40px; padding: 12px; background-color: white; border-radius: 5px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.25); z-index: -1; opacity: 0; transition: 1s all; } .m100-ev-card--actions_box.active { z-index: 1; opacity: 1; } .m100-ev-card--actions_link { position: relative; display: block; color: #222222; font-weight: 300; padding-left: 24px; cursor: pointer; } .m100-ev-card--actions_link + .m100-ev-card--actions_link { margin-top: 12px; } .m100-ev-card--actions_link:before { position: absolute; top: calc((100% - 28px) / 2); left: -2px; font-size: 24px; } .m100-ev-card--actions_link:hover { text-decoration: underline; } .m100-ev-card--footer { position: absolute; bottom: 0; right: 0; left: 0; padding: 20px 24px; display: flex; align-items: center; } .m100-ev-card--detail + .m100-ev-card--detail { margin-left: 24px; } .m100-ev-card--detail_key { word-break: break-word; } .m100-ev-card--detail_value { font-weight: 600; } .m100-ev-card--title { position: absolute; top: 32%; left: 0; right: 20%; padding: 0px 24px; } .m100-ev-card--title .m100-ev-card--title_name { font-weight: 600; margin-top: 4px; } .m100-ev-card--bookmark { position: absolute; top: 30%; left: 80%; cursor: pointer; } .m100-ev-card--bookmark:before { font-family: "iconfont"; font-size: 50px; } .m100-ev-card--buttons { clear: both; padding-top: 16px; display: flex; align-items: center; justify-content: flex-end; } .m100-ev-card--buttons .button--outline { margin-right: 16px; } .m100-ev-card--buttons .m39-modal { margin-top: 0px; } .m100-ev-card--buttons .m39-modal__header { min-height: 100px; } .m100-ev-card--buttons .m39-modal__content { top: auto; bottom: 0px; } .m100-ev-card--buttons .j69-dashboard--card_filter { position: absolute; top: 10px; left: 15px; } .m100-table__content-table { padding: 2px; display: table; width: 100%; border-collapse: separate; } .m100-table__content-table-row { display: table-row; color: #222222; } .m100-table__content-table-cell--header { border: none; background: transparent; border-bottom: 2px solid #BCBEC0; vertical-align: middle; text-align: left; display: table-cell; font-weight: bold; padding: 15px 8px 16px; } .m100-table__content-table-cell { background: transparent; border-bottom: 1px solid #BCBEC0; vertical-align: middle; display: table-cell; word-break: keep-all; padding: 15px 8px 16px; position: relative; } .m100-table__content-table-cell .m100-ev-card--actions_box { min-width: 200px; } .m100-table__content-table-cell .icon-b-bookmark-on, .m100-table__content-table-cell .icon-b-bookmark-off { cursor: pointer; } .m39-modal--ev_cardtitle .m39-modal__dialog { max-width: 500px; max-height: 220px; } .m39-modal--ev_cardtitle .m39-modal__header { padding: 12px 15px 10px; min-height: 60px; } .m39-modal--ev_cardtitle .m39-modal__title { font-weight: 600; } .m39-modal--ev_cardtitle .m39-modal__content { bottom: 24px; } .m39-modal--ev_cardtitle .form-field__button, .m39-modal--ev_cardtitle .form-submit-border { margin-top: 12px; } .m39-modal--ev_cardtitle .form-field__button .button, .m39-modal--ev_cardtitle .form-submit-border .button, .m39-modal--ev_cardtitle .form-field__button .button--centered, .m39-modal--ev_cardtitle .form-submit-border .button--centered, .m39-modal--ev_cardtitle .form-field__button .form-submit, .m39-modal--ev_cardtitle .form-submit-border .form-submit, .m39-modal--ev_cardtitle .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--ev_cardtitle .form-field__button a, .m39-modal--ev_cardtitle .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m39-modal--ev_cardtitle .form-submit-border a, .m39-modal--ev_cardtitle .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--ev_cardtitle .form-field__button a, .m39-modal--ev_cardtitle .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m39-modal--ev_cardtitle .form-submit-border a { margin: 0; } .m100-ev-card--selector .m100-ev-card--selector_wrapper { position: relative; border: 0.5px solid #c6c6c6; border-radius: 10px; background-color: white; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); padding: 15px 12px; transition: 0.25s all; cursor: pointer; } .m100-ev-card--selector .m100-ev-card--selector_wrapper:hover { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.2); } .m100-ev-card--selector .m100-ev-card--selector_desc { position: absolute; color: #9b9b9b; right: 12px; font-weight: 600; padding-right: 30px; cursor: pointer; max-width: calc(100% - 398px); word-break: break-word; } .m100-ev-card--selector .m100-ev-card--selector_desc:before { position: absolute; font-family: "iconfont"; font-size: 36px; content: "\e604"; right: 0; top: calc((100% - 36px) / 2); font-weight: 300; } .m100-ev-card--selector .m100-table__content-table-row { cursor: pointer; } .m100-ev-card--selector .m100-table__content-table-row:hover { background-color: #f3f3f3; } .m100-ev-card--selector .m100-ev-card--buttons { padding: 0; } @media screen and (max-width: 599px) { .m100-ev-card { width: 100%; float: none; margin: 0 0 16px; } .m100-ev-card--buttons { display: block; } .m100-ev-card--buttons .button--outline { margin-right: 16px; } .m100-ev-card--buttons .m39-modal { margin-top: 16px; } .m100-ev-card--selector { border: none; box-shadow: none; } .m100-ev-card--selector:hover { box-shadow: none; } .m100-ev-card--selector .m100-ev-card--selector_desc { position: relative; display: inline-block; right: 0; margin-bottom: 12px; max-width: none; } } @media screen and (min-width: 600px) { .m100-ev-card { width: calc(50% - 16px); } .m100-ev-card + .m100-ev-card { margin-left: 24px; } .m100-ev-card:nth-child(3) { margin: 16px 0 0; } .m100-ev-card--selector .m100-ev-card { width: 100%; } .m100-ev-card--selector .m100-ev-card--selector_desc { max-width: none; position: relative; margin-bottom: 12px; right: auto; display: inline-block; } } @media screen and (min-width: 1025px) { .m100-ev-card { width: calc(33.3333% - 16px); margin-top: 0px !important; } .m100-ev-card + .m100-ev-card { margin-left: 24px; } .m39-modal--ev_cardtitle .m39-modal__dialog { max-width: 500px; max-height: 220px; } .m100-ev-card--selector .m100-ev-card { width: calc(100% - 108px); } .m100-ev-card--selector .m100-ev-card--selector_desc { position: absolute; color: #9b9b9b; right: 12px; font-weight: 600; padding-right: 30px; cursor: pointer; width: 100px; word-break: break-word; } .m100-ev-card--selector .m100-ev-card--selector_desc:before { position: absolute; font-family: "iconfont"; font-size: 36px; content: "\e604"; right: 0; top: calc((100% - 36px) / 2); font-weight: 300; } } .m101-journey-map .m101-journey-map--title { font-weight: 700; text-align: center; margin-bottom: 24px; } .m101-journey-map .m101-journey-map--box__row { display: flex; justify-content: center; } .m101-journey-map .m101-journey-map--box__row + .m101-journey-map--item { margin-top: 24px; } .m101-journey-map .m101-journey-map--box { height: 150px; width: 150px; text-align: center; background-color: #737373; padding: 16px; margin: 0 16px; } .m101-journey-map .m101-journey-map--box__img { min-width: 70px; min-height: 70px; margin: 0 auto 8px; border-radius: 50%; background-size: cover; background-position: center center; } .m101-journey-map .m101-journey-map--box__title { font-weight: 700; color: white; word-break: break-word; } .m101-journey-map .m101-journey-map--item { position: relative; padding: 12px 0; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); } .m101-journey-map .m101-journey-map--item + .m101-journey-map--item { margin-top: 12px; } .m101-journey-map .m101-journey-map--item_order { position: absolute; background-color: #717173; font-weight: 700; width: 70px; height: 70px; text-align: center; line-height: 70px; top: 0px; left: 0px; color: white; } .m101-journey-map .m101-journey-map--item_content { padding: 12px 0; padding-left: 90px; padding-right: 24px; border-right: solid 2px #000; width: 100%; } .m101-journey-map .m101-journey-map--item_title { font-weight: 700; margin-bottom: 8px; } .m101-journey-map .m101-journey-map--item_steps { font-weight: 300; } .m101-journey-map .m101-journey-map--item_steps + .m101-journey-map--item_steps, .m101-journey-map .m101-journey-map--item_steps + .m101-journey-map--item_note { margin-top: 8px; } .m101-journey-map .m101-journey-map--item_steps p + p { margin-top: 8px; } .m101-journey-map .m101-journey-map--item_steps p + .m101-journey-map--item_note { margin-top: 8px; } .m101-journey-map .m101-journey-map--item_note { font-weight: 300; line-height: 1; } .m101-journey-map .m101-journey-map--item_img { padding: 0px 12px; display: flex; align-items: center; } .m101-journey-map .m101-journey-map--item_img:before { font-family: "iconfont"; font-size: 48px; } .m101-journey-map .m101-journey-map--blue.m101-journey-map--box, .m101-journey-map .m101-journey-map--blue .m101-journey-map--item_order { background-color: #2171AB; } .m101-journey-map .m101-journey-map--blue .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--blue .m101-journey-map--item_img { color: #2171AB; } .m101-journey-map .m101-journey-map--blue .m101-journey-map--item_content { border-color: #2171AB; } .m101-journey-map .m101-journey-map--orange.m101-journey-map--box, .m101-journey-map .m101-journey-map--orange .m101-journey-map--item_order { background-color: #E2662D; } .m101-journey-map .m101-journey-map--orange .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--orange .m101-journey-map--item_img { color: #E2662D; } .m101-journey-map .m101-journey-map--orange .m101-journey-map--item_content { border-color: #E2662D; } .m101-journey-map .m101-journey-map--green.m101-journey-map--box, .m101-journey-map .m101-journey-map--green .m101-journey-map--item_order { background-color: #007560; } .m101-journey-map .m101-journey-map--green .m101-journey-map--item_title, .m101-journey-map .m101-journey-map--green .m101-journey-map--item_img { color: #007560; } .m101-journey-map .m101-journey-map--green .m101-journey-map--item_content { border-color: #007560; } .m101-journey-map2 .m101-journey-map--title { font-weight: bold; } .m101-journey-map2 .m101-journey-map--title + .m101-journey-map--item_group { margin-top: 24px; } .m101-journey-map2 .m101-journey-map--box__row { margin-top: 16px; } .m101-journey-map2 .m101-journey-map--box__row + * { margin-top: 40px; } .m101-journey-map2 .m101-journey-map--box { position: relative; float: left; max-width: 33.3333%; display: flex; align-items: center; } .m101-journey-map2 .m101-journey-map--box + .m101-journey-map--box { padding-left: 24px; } .m101-journey-map2 .m101-journey-map--box__img { min-width: 70px; min-height: 70px; border-radius: 50%; background-size: contain; background-repeat: no-repeat; background-position: center center; } .m101-journey-map2 .m101-journey-map--box__img + * { margin-left: 12px; } .m101-journey-map2 .m101-journey-map--box__title { font-weight: bold; } .m101-journey-map2 .m101-journey-map--box__steps { font-weight: bold; margin-top: 4px; } .m101-journey-map2 .m101-journey-map--item_group { position: relative; padding-left: 28px; margin-left: 12.5px; padding-bottom: 26px; border-left: solid 1px #626262; } .m101-journey-map2 .m101-journey-map--item_group:last-child { border: none; } .m101-journey-map2 .m101-journey-map--item_order { position: absolute; top: -3.75px; left: -12.5px; font-weight: bold; width: 25px; height: 25px; border-radius: 50%; background-color: #626262; text-align: center; line-height: 25px; color: white; } .m101-journey-map2 .m101-journey-map--item_grouptitle { font-weight: 300; margin-bottom: 12px; } .m101-journey-map2 .m101-journey-map--item-separation-sapn { display: none; } .m101-journey-map2 .m101-journey-map--item_outer.m101-journey-map--item-separation { box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 20px; } .m101-journey-map2 .m101-journey-map--item_outer.m101-journey-map--item-separation .m101-journey-map--item-separation-span { text-align: center; display: block; } .m101-journey-map2 .m101-journey-map--item_outer.m101-journey-map--item-separation .m101-journey-map--item-separation-span.m101-journey-map--item-separation-span:last-child { display: none; } .m101-journey-map2 .m101-journey-map--item_outer.m101-journey-map--item-separation .m101-journey-map--item { box-shadow: none; } .m101-journey-map2 .m101-journey-map--item { box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 5px; position: relative; display: flex; } .m101-journey-map2 .m101-journey-map--item + .m101-journey-map--item { margin-top: 20px; } .m101-journey-map2 .m101-journey-map--item_thumbnail { padding: 16px 12px; text-align: center; min-width: 120px; max-width: 120px; } .m101-journey-map2 .m101-journey-map--item_thumbnailimg { height: 36px; width: 36px; margin: 0px auto 12px; border-radius: 50%; background-size: contain; background-repeat: no-repeat; background-position: center center; } .m101-journey-map2 .m101-journey-map--item_thumbnailtxt { font-weight: 300; word-break: break-word; } .m101-journey-map2 .m101-journey-map--item_content { padding: 20px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; } .m101-journey-map2 .m101-journey-map--item_title { font-weight: 300; margin-bottom: 12px; } .m101-journey-map2 .m101-journey-map--item_steps li { position: relative; padding-left: 16px; } .m101-journey-map2 .m101-journey-map--item_steps li:before { font-family: "iconfont"; content: "•"; position: absolute; top: -5px; left: 2px; font-size: 18px; color: #010202; } .m101-journey-map2 .m101-journey-map--item_steps li + li { margin-top: 6px; } .m101-journey-map2 .m101-journey-map--item_note { margin-top: 12px; } .m101-journey-map2 .m101-journey-map--blue .m101-journey-map--box__steps { color: #1678BD; } .m101-journey-map2 .m101-journey-map--blue .m101-journey-map--item_thumbnail { background-color: #f3f8fc; } .m101-journey-map2 .m101-journey-map--blue .m101-journey-map--box__img { border: solid 2px #1678BD; } .m101-journey-map2 .m101-journey-map--orange .m101-journey-map--box__steps { color: #EA6516; } .m101-journey-map2 .m101-journey-map--orange .m101-journey-map--item_thumbnail { background-color: #fef7f3; } .m101-journey-map2 .m101-journey-map--orange .m101-journey-map--box__img { border: solid 2px #EA6516; } .m101-journey-map2 .m101-journey-map--green .m101-journey-map--box__steps { color: #007560; } .m101-journey-map2 .m101-journey-map--green .m101-journey-map--item_thumbnail { background-color: #f2f8f5; } .m101-journey-map2 .m101-journey-map--green .m101-journey-map--box__img { border: solid 2px #007560; } .m101-journey-map--item_steps { background-color: transparent !important; } @media screen and (max-width: 599px) { .m101-journey-map .m101-journey-map--box { height: 150px; width: 150px; margin: 0 12px; padding: 12px; } .m101-journey-map .m101-journey-map--box__img { min-width: 75px; min-height: 75px; margin: 0 auto 8px; } .m101-journey-map .m101-journey-map--item_order { width: 35px; height: 35px; line-height: 35px; } .m101-journey-map .m101-journey-map--item_content { padding-left: 45px; padding-right: 12px; } .m101-journey-map .m101-journey-map--item_img { padding: 0 12px; } .m101-journey-map .m101-journey-map--item_img img { width: 36px; } .m101-journey-map2 .m101-journey-map--box { position: relative; float: none; max-width: 100%; } .m101-journey-map2 .m101-journey-map--box + .m101-journey-map--box { padding: 0; margin-top: 12px; } .m101-journey-map2 .m101-journey-map--item_thumbnail { min-width: 100px; max-width: 100px; } } @media screen and (min-width: 600px) { .m101-journey-map2 .m101-journey-map--box { position: relative; float: none; max-width: 100%; } .m101-journey-map2 .m101-journey-map--box + .m101-journey-map--box { padding: 0; margin-top: 12px; } } @media screen and (min-width: 1025px) { .m101-journey-map2 .m101-journey-map--box__row { display: flex; align-items: center; justify-content: space-between; } .m101-journey-map2 .m101-journey-map--box__img + * { margin: 0; } .m101-journey-map2 .m101-journey-map--box { position: relative; width: 100%; display: flex; align-items: center; flex-flow: column; } .m101-journey-map2 .m101-journey-map--box .m101-journey-map--box__title { padding-top: 25px; text-align: center; } .m101-journey-map2 .m101-journey-map--box + .m101-journey-map--box { margin: 0; } } .m103-marquee { overflow: hidden; color: #9B9B9B; direction: ltr; position: relative; } .m103-marquee--inner { position: relative; height: 24px; } .m103-marquee--set { display: inline-block; white-space: nowrap; left: 0; } .m103-marquee--item { display: inline-block; padding: 4px 36px; } .m103-marquee--item.main { font-weight: bold; color: #7ECB84; } .m103-marquee--item span, .m103-marquee--item.date { font-weight: 300; color: white; } .m1-hero--variant + .m103-marquee-button--pause { margin-top: -17px; } .m1-hero--variant + .m103-marquee-button--pause + .m103-marquee { margin-top: -17px; } .m105-text-chart { overflow: hidden; } .m105-text-chart--title { font-weight: 700; } .m105-text-chart--title + * { margin-top: 16px; } .m105-text-chart--subtitle { font-weight: 600; line-height: 1.25em; } .m105-text-chart--subtitle + * { margin-top: 16px; } .m105-text-chart--text { line-height: 1.375em; } .m105-text-chart--text p + p { margin-top: 28px; } .m105-text-chart--graphcontainer { position: relative; } .m105-text-chart--graphtitle { text-align: center; position: absolute; width: 100%; line-height: 1.375em; padding: 0px 23%; top: 0; bottom: 0; display: flex; flex-flow: column; justify-content: center; align-items: center; } .m105-text-chart--legend { clear: both; max-width: 400px; margin: 0 auto; padding: 12px; border-radius: 5px; border: solid 1px #E0E0E0; overflow: hidden; } .m105-text-chart--legenditem { position: relative; font-weight: 300; padding-left: 24px; width: 50%; float: left; margin-bottom: 8px; } .m105-text-chart--legenditem:first-child, .m105-text-chart--legenditem:nth-child(2) { margin-bottom: 24px; } .m105-text-chart--legendmark { position: absolute; height: 16px; width: 16px; top: calc((100% - 16px) / 2); left: 0; } .m105-text-chart--graphcontainer { float: left; width: calc((100% - 32px) / 2); } .m105-text-chart--graphcontainer:first-child { margin-right: 16px; } .m105-text-chart--graphcontainer:nth-child(2) { margin-left: 16px; } .m105-text-chart--footercontainer { clear: both; overflow: hidden; margin-bottom: 12px; display: flex; align-items: stretch; } .m105-text-chart--footercolumn { margin: 0 auto 12px; text-align: center; display: flex; justify-content: center; align-items: stretch; } .m105-text-chart--footeritem { border: solid 1px #E0E0E0; border-radius: 5px; padding: 12px; background-color: #FAFAFC; margin: 0 8px; display: flex; align-items: center; line-height: 1.25em; } @media screen and (max-width: 599px) { .m105-text-chart--title { font-size: 1.3125em; } .m105-text-chart--subtitle { font-size: 1.125em; } .m105-text-chart--graphtitle { font-size: 0.875em; } .m105-text-chart--legend { max-width: calc(100% - 16px); } .m105-text-chart--footercolumn { min-height: 125px; } .m105-text-chart--graphcontainer { float: none; width: 100%; } .m105-text-chart--graphcontainer:first-child, .m105-text-chart--graphcontainer:nth-child(2) { margin: 0 0 16px; } } @media screen and (min-width: 600px) { .m105-text-chart--graphtitle { font-size: 1em; } .m105-text-chart--textpanel, .m105-text-chart--graphpanel { float: none; width: 100%; } .m105-text-chart--textpanel:first-child, .m105-text-chart--graphpanel:first-child { padding-right: 0px; } .m105-text-chart--textpanel:last-child, .m105-text-chart--graphpanel:last-child { padding-left: 0px; } .m105-text-chart--graphpanel.notext .m105-text-chart--graphwrapper.solo .m105-text-chart--graphcontainer { margin: 0 auto !important; float: none; } .m105-text-chart--footercolumn { min-height: 145px; } } @media screen and (min-width: 1025px) { .m105-text-chart--textpanel, .m105-text-chart--graphpanel { float: left; width: 50%; } .m105-text-chart--textpanel:first-child, .m105-text-chart--graphpanel:first-child { padding-right: 16px; } .m105-text-chart--textpanel:last-child, .m105-text-chart--graphpanel:last-child { padding-left: 16px; } .m105-text-chart--graphpanel.notext { display: flex; justify-content: space-between; width: 100%; align-items: center; } .m105-text-chart--graphpanel.notext .m105-text-chart--graphwrapper { width: 100%; } .m105-text-chart--graphpanel.notext .m105-text-chart--graphwrapper.solo { width: 35%; } .m105-text-chart--graphpanel.notext .m105-text-chart--graphwrapper.solo .m105-text-chart--graphcontainer { width: 100%; } .m105-text-chart--graphpanel.notext .m105-text-chart--legend { padding: 24px; padding-right: 0px; border-radius: 5px; border: solid 1px #E0E0E0; } .m105-text-chart--graphpanel.notext .m105-text-chart--legenditem { width: 100%; margin-bottom: 12px; } .m105-text-chart--footercolumn { min-height: 75px; } } @keyframes orb_animation { from { transform: scale(1); background: #007560; } to { transform: scale(5); opacity: 0; } } .m106-timeline--year-outer { width: 100px; height: 100px; margin: 0 auto; background-color: rgba(8, 123, 54, 0.2); padding: 10px; border-radius: 50%; } .m106-timeline--year { width: 80px; height: 80px; text-align: center; line-height: 80px; border-radius: 50%; background-color: #007560; color: white; font-weight: 700; } .m106-timeline--body { position: relative; margin-top: 36px; } .m106-timeline--card { border-radius: 5px; color: #222222; background-color: white; padding: 16px; position: absolute; width: calc((100% - 140px) / 2); left: 0px; border: solid 1px #E0E0E0; } .m106-timeline--card .m106-timeline--dash { width: 60px; position: absolute; border-top: dashed 2px #57667C; border-right: dashed 2px #57667C; top: 24px; right: -73px; } .m106-timeline--card .m106-timeline--dash:before, .m106-timeline--card .m106-timeline--dash:after { content: ""; height: 8px; width: 8px; border: solid 2px #57667C; background-color: white; border-radius: 50%; position: absolute; top: -7px; right: -7px; } .m106-timeline--card:nth-child(2n) { right: 0px; left: auto; } .m106-timeline--card:nth-child(2n) .m106-timeline--dash { left: -71px; right: auto; border-right: none; border-left: dashed 2px #57667C; } .m106-timeline--card:nth-child(2n) .m106-timeline--dash:before, .m106-timeline--card:nth-child(2n) .m106-timeline--dash:after { position: absolute; left: -7px; right: auto; } .m106-timeline--card.past { color: #717173; } .m106-timeline--card.past .m106-timeline--dash { border-color: #007560; border-right: solid 2px #007560; } .m106-timeline--card.past .m106-timeline--dash:before, .m106-timeline--card.past .m106-timeline--dash:after { background-color: #007560; z-index: 2; height: 12px; width: 12px; border: none; } .m106-timeline--card.past:nth-child(2n) .m106-timeline--dash { border-left: solid 2px #007560; border-right: none; } .m106-timeline--card.active { color: #222222; border: solid 2px #007560; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); margin: 1px; } .m106-timeline--card.active .m106-timeline--dash { border-color: #007560; } .m106-timeline--card.active .m106-timeline--dash:before { background-color: #007560; z-index: 2; height: 12px; width: 12px; border: none; } .m106-timeline--card.active .m106-timeline--dash:after { height: 12px; width: 12px; border: none; background-color: #CAE1D4; animation-name: orb_animation; animation-duration: 2s; animation-delay: 0s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: linear; } .m106-timeline--card:last-child .m106-timeline--dash { border-right: solid 2px transparent !important; border-left: solid 2px transparent !important; } .m106-timeline--date { font-weight: bold; } .m106-timeline--date + .m106-timeline--desc { margin-top: 8px; } .m106-timeline--dash { width: 60px; height: 70px; position: absolute; border-top: dashed 2px #007560; border-right: dashed 2px #007560; top: 24px; right: -70px; } .m106-timeline--dash:nth-child(2n) { left: -70px; right: auto; } .m106-timeline--arrow { position: absolute; transform: rotate(90deg); width: 32px; left: calc((100% - 30px) / 2); bottom: 88px; } .m106-timeline--arrow:before { border-radius: 0; font-family: "iconfont"; content: "亂"; border: none; background-color: transparent; font-size: 28px; color: #57667c; } @media screen and (max-width: 599px) { .m106-timeline--body { margin-top: 0px; } .m106-timeline--year-outer { margin: 0; width: 80px; height: 80px; padding: 8px; } .m106-timeline--year { width: 64px; height: 64px; line-height: 65px; } .m106-timeline--card { width: calc(100% - 90px); right: 0; left: auto; } .m106-timeline--card .m106-timeline--dash { width: 40px; left: -51px; right: auto; border-right: none; border-left: dashed 2px #57667C; } .m106-timeline--card .m106-timeline--dash:before, .m106-timeline--card .m106-timeline--dash:after { left: -7px; right: auto; } .m106-timeline--card:nth-child(2n) .m106-timeline--dash { width: 40px; left: -51px; right: auto; border-right: none; border-left: dashed 2px #57667C; } .m106-timeline--card:nth-child(2n) .m106-timeline--dash:before, .m106-timeline--card:nth-child(2n) .m106-timeline--dash:after { left: -7px; right: auto; } .m106-timeline--card.past .m106-timeline--dash { width: 40px; left: -51px; right: auto; border-right: none; border-left: solid 2px #007560; } .m106-timeline--card:last-child .m106-timeline--dash { border-right: none; border-left: none; } .m106-timeline--arrow { left: 29px; } } .m107-mbar-chart { border-radius: 10px; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.12); padding: 20px 7px; margin-bottom: 40px; } .m107-mbar-chart .m107-mbar-chart-title { text-align: center; font-weight: bold; min-height: 60px; } .m107-mbar-chart .m107-mbar-chart-container { width: 33.33%; margin-right: 0px; float: left; } .m107-mbar-chart .m107-mbar-chart-container:last-child { margin-right: 0px; } .m107-mbar-chart .m107-mbar-chart-container .m107-mbar-chart-container-title { padding: 0px 10px; text-align: center; font-weight: bold; } .m107-mbar-chart .highcharts-data-label { color: #222222; } .m107-mbar-chart.m107-mbar-chart-5 { border-radius: 0px; box-shadow: none; } .m107-mbar-chart.m107-mbar-chart-5 .m107-mbar-chart-container { width: 18.4%; margin-right: 2%; float: left; } .m107-mbar-chart.m107-mbar-chart-5 .m107-mbar-chart-container:last-child { margin-right: 0px; } .m107-mbar-chart.m107-mbar-chart-bar { padding: 20px 10px; } .m107-mbar-chart.m107-mbar-chart-bar .m107-mbar-chart-container { width: 100%; margin-right: 0px; float: none; } .m107-mbar-chart .highcharts-text-outline { stroke-width: 1px; } @media screen and (min-width: 600px) { .m107-mbar-chart { padding: 20px 30px; } .m107-mbar-chart .m107-mbar-chart-container { width: 30%; margin-right: 5%; } .m107-mbar-chart .m107-mbar-chart-container:last-child { margin-right: 0px; } .m107-mbar-chart.m107-mbar-chart-bar { padding: 20px 30px; } } .m108-add-to-calendar { position: relative; background-color: #E6F1EF; padding: 16px 24px; border-radius: 6px; display: flex; align-items: center; justify-content: space-between; gap: 24px; line-height: 1.5; } .m108-add-to-calendar + .m108-add-to-calendar { margin-top: 16px; } .m108-atc--details { display: flex; align-items: center; justify-content: center; gap: 20px; } .m108-atc--datetime { display: flex; align-items: stretch; justify-content: start; gap: 20px; flex-shrink: 0; } .m108-atc--datetime:after { content: ""; width: 5px; background-color: rgba(71, 84, 103, 0.2); border-radius: 6px; } .m108-atc--time { font-weight: bold; max-width: 100px; } .m108-atc--time + .m108-atc--date { margin-top: 8px; } .m108-atc--date { font-weight: bold; max-width: 100px; } .m108-atc--title { font-weight: 700; } .m108-atc--cta { display: flex; flex-flow: column; align-items: center; justify-content: start; gap: 4px; flex-shrink: 0; color: #222222; min-width: 108px; } .m108-atc--cta span { max-width: 108px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .m108-atc--cta:before { content: "+"; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; border: solid 2px; font-size: 22px; line-height: 18px; font-weight: 600; } .m108-atc--cta.download:before { content: "錄"; border: none; font-family: "iconfont"; font-size: 28px; } @media screen and (max-width: 1024px) { .m108-atc--cta { min-width: 0; } .m108-atc--cta span { display: none; } } @media screen and (max-width: 599px) { .m108-add-to-calendar { padding: 16px; } .m108-atc--details, .m108-atc--datetime { align-items: stretch; gap: 16px; flex-flow: column; flex: 1; } .m108-atc--datetime:after { width: 100%; height: 5px; } .m108-atc--cta { position: absolute; padding: 0; top: 16px; right: 16px; min-width: auto; } .m108-atc--cta span { display: none; } } .mha-dark .m108-add-to-calendar, .mha-light .m108-add-to-calendar { border: solid 1px; } .mha-dark .m108-atc--datetime:after { background-color: rgb(71, 84, 103); } .m109-mini-teaser { display: block; transition: 0.25s all; margin-bottom: 24px; float: left; } .m109-mini-teaser--inner { border-radius: 5px; background: #F5F5F5; padding: 12px 16px; color: #222222; display: block; box-sizing: border-box; } a.m109-mini-teaser--inner:hover { box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2); } .m109-mini-teaser--icon { position: relative; line-height: 20px; left: -8px; } .m109-mini-teaser--icon:before { font-size: 42px; } .m109-mini-teaser--title { font-weight: 300; line-height: 1.25; } .m109-mini-teaser--desc { margin-top: 12px; } .m109-mini-teaser--img { display: block; height: 80px; } @media screen and (max-width: 599px) { .m109-mini-teaser { width: 100%; clear: both; float: none; margin-left: 0px; margin-right: 0px; } .m109-mini-teaser--inner { min-height: 0; } } @media screen and (min-width: 600px) { .m109-mini-teaser { width: calc((100% - 24px) / 2); margin-left: 24px; } .m109-mini-teaser:nth-child(4n+1) { margin-left: 24px; } .m109-mini-teaser:nth-child(2n+1) { margin-left: 0px; margin-right: 0px; clear: both; } .m109-mini-teaser--inner { min-height: 85px; } } @media screen and (min-width: 1025px) { .m109-mini-teaser { width: calc((100% - 72px) / 4); margin-left: 24px; clear: none; } .m109-mini-teaser:nth-child(2n+1) { margin-left: 24px; clear: none; } .m109-mini-teaser:nth-child(4n+1) { margin-left: 0px; margin-right: 0px; clear: both; } .m109-mini-teaser--inner { min-height: 85px; } } @keyframes orb_animation { from { transform: scale(1); } to { transform: scale(5); opacity: 0; } } .m95-power-outage { color: #222222; } .m95-power-outage_count { color: #717173; font-weight: 600; margin-bottom: 20px; } .m95-power-outage_card { border: solid 1px #D1D1D1; border-radius: 10px; padding: 16px 20px; } .m95-power-outage_card + .m95-power-outage_card { margin-top: 16px; } .m95-power-outage_card-title { font-weight: bold; float: left; max-width: 50%; } .m95-power-outage_card-notif { float: right; max-width: 50%; text-align: right; } .m95-power-outage_card-content { padding-bottom: 16px; border-bottom: solid 1px #d1d1d1; margin-top: 32px; } .m95-power-outage_card-detail { display: inline-block; color: #717173; max-width: calc((100% - 80px) / 3); vertical-align: top; } .m95-power-outage_card-detail + .m95-power-outage_card-detail { margin-left: 40px; } .m95-power-outage_card-detail .m95-power-outage_card-value { font-weight: 600; margin-top: 8px; } .m95-power-outage_card-status { position: relative; margin-top: 20px; padding-left: 36px; } .m95-power-outage_card-status:before { content: "\e60b"; position: absolute; font-size: 32px; padding: 0; top: -9px; left: 0; } .m95-power-outage_card-status .m95-power-outage_card-statustext { font-weight: bold; } .m95-power-outage_card-status .m95-power-outage_card-statusdate { color: #717173; margin-top: 8px; } .m95-power-outage_card-status.created:before { color: #0B7BC1; } .m95-power-outage_card-status.created:after { background: #0B7BC1; } .m95-power-outage_card-status.created .m95-power-outage_card-statustext { color: #0B7BC1; } .m95-power-outage_card-status.inprocess:before { color: #AC631C; } .m95-power-outage_card-status.inprocess:after { background: #AC631C; } .m95-power-outage_card-status.inprocess .m95-power-outage_card-statustext { color: #AC631C; } .m95-power-outage_card-status.completed:before { color: #007560; } .m95-power-outage_card-status.completed:after { background: #007560; } .m95-power-outage_card-status.completed .m95-power-outage_card-statustext { color: #007560; } .j170-joint-owner-request .owner-fieldset { margin: 40px 0px; } .j170-joint-owner-request .owner-fieldset_title { font-weight: bold; margin-bottom: 32px; } .j170-joint-owner-request .owner-content_section-title { padding: 10px; background-color: #eaeaea; margin-bottom: 30px; display: flex; align-items: center; } .j170-joint-owner-request .owner-content_section { margin-bottom: 30px; } .j170-joint-owner-request .detailsection { margin-top: 24px; } .j170-joint-owner-request .form-field__input-wrapper-add { display: flex; } .j170-joint-owner-request .form-field__input-wrapper-add .form-field__input-wrapper, .j170-joint-owner-request .form-field__input-wrapper-add .m111-content-scroller--nav_mobile-selectwrapper, .j170-joint-owner-request .form-field__input-wrapper-add .j100-expander_input, .j170-joint-owner-request .form-field__input-wrapper-add .field-content, .j170-joint-owner-request .form-field__input-wrapper-add .j134-media--filter { width: 100%; } .j170-joint-owner-request .form-field__input-wrapper-add.form-field__input-wrapper-add-disabled { opacity: 0.4; cursor: default !important; pointer-events: none; } .j170-joint-owner-request .wrapper-add_link { background-color: #007560; color: white; font-weight: 500; margin-left: 10px; margin-top: 0px; border-radius: 5px; height: 40px; width: 40px; justify-content: center; display: flex; align-items: center; cursor: pointer; z-index: 99; font-family: "iconfont"; } .j170-joint-owner-request .wrapper-add_link:before { content: "\e608"; transform: rotate(135deg); font-size: 20px; } .j170-joint-owner-request .premiseList li { padding: 5px 62px 5px 12px; display: flex; justify-content: space-between; align-items: center; width: calc(100% - 74px); } .j170-joint-owner-request .icon-item-remove { margin-left: auto; line-height: 20px; display: flex; cursor: pointer; color: #007560; font-weight: 600; } .j170-joint-owner-request .icon-item-remove:before { font-family: "iconfont"; content: "\e608"; font-size: 17px; } .j170-joint-owner-request .icon-text-link { line-height: 22px; padding-left: 30px; text-decoration: underline; color: #008542; cursor: pointer; } .j170-joint-owner-request .icon-text-link:before { content: "\e608"; font-size: 20px; transform: rotate(135deg); position: absolute; left: 0px; } .j169-cs--sectioncontent { margin-bottom: 48px; } .j169-cs--sectioncontent:before, .j169-cs--sectioncontent:after { content: " "; display: table; } .j169-cs--sectioncontent:after { clear: both; } .j169-cs--sectioncontent .m6-teaser--cs { display: flex; align-items: center; justify-content: center; } .j169-cs--sectioncontent .m6-teaser--cs .m6-teaser3--icon { height: 64px; } .j169-cs--sectioncontent .m6-teaser2.m6-teaser--cs .m6-teaser2--icon { max-height: 55px; height: auto; } .j169-cs--sectioncontent.line { border-bottom: solid 1px #D2D2D7; } .j169-cs--section.blur { opacity: 0.375; } .j169-cs--sectionlabel { font-weight: 600; margin-bottom: 24px; } .j169-cs--sectiondesc { color: #595959; line-height: 1.25; } .j169-cs--sectiondesc + * { margin-top: 24px; display: block; } .j169-cs--sectiondesc + .j169-cs--sectiondesc { margin-top: 4px; } .j169-cs--banner { padding: 24px; display: flex; align-items: center; justify-content: space-between; background-color: #FFDAA1; border-radius: 10px; background-position: center center; background-size: cover; min-height: 200px; } .j169-cs--banner_content { max-width: 720px; margin: 0 24px; } .j169-cs--banner_title { font-weight: bold; } .j169-cs--banner_text { margin-top: 12px; line-height: 1.25; } .j169-cs-type_header { display: flex; align-items: center; padding-bottom: 12px; margin-bottom: 32px; border-bottom: solid 1px #D2D2D7; } .j169-cs-type_header img { width: 70px; height: auto; } .j169-cs-type_header img + .j169-cs-type_header-content { margin-left: 16px; display: flex; flex-direction: column; align-items: flex-start; } .j169-cs-type_header img + .j169-cs-type_header-content .j169-cs-type_header-title { padding-top: 7px; } .j169-cs-type_header img + .j169-cs-type_header-content .button--text.button--next, .j169-cs-type_header img + .j169-cs-type_header-content .button--next.button--text-centered, .j169-cs-type_header img + .j169-cs-type_header-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header img + .j169-cs-type_header-content a.button--next, .j169-cs-type_header img + .j169-cs-type_header-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header img + .j169-cs-type_header-content a.button--next, .j169-cs-type_header img + .j169-cs-type_header-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header img + .j169-cs-type_header-content a.button--next, .j169-cs-type_header img + .j169-cs-type_header-content .button--text.form-submit, .j169-cs-type_header img + .j169-cs-type_header-content .button--text-centered.form-submit, .j169-cs-type_header img + .j169-cs-type_header-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header img + .j169-cs-type_header-content a.form-submit, .j169-cs-type_header img + .j169-cs-type_header-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header img + .j169-cs-type_header-content a.form-submit, .j169-cs-type_header img + .j169-cs-type_header-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header img + .j169-cs-type_header-content a.form-submit, .j169-cs-type_header img + .j169-cs-type_header-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header img + .j169-cs-type_header-content a { padding-bottom: 0px; margin-top: auto; top: 0px !important; } .j169-cs-type_header .button--text.button--next:before, .j169-cs-type_header .button--next.button--text-centered:before, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.button--next:before, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.button--next:before, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.button--next:before, .j169-cs-type_header .button--text.form-submit:before, .j169-cs-type_header .button--text-centered.form-submit:before, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header a.form-submit:before, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header a.form-submit:before, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header a.form-submit:before, .j169-cs-type_header .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header a:before { color: #007560; font-size: 35px; top: 6px !important; } .j169-cs--section_links { margin-top: -4px; } .j169-cs--section_links .j169-cs--sectioncontent { display: flex; align-items: center; justify-content: flex-start; } .j169-cs--section_link { color: #007560; font-weight: 300; display: block; margin-right: 24px; padding-right: 24px; position: relative; } .j169-cs--section_link svg { height: 16px; width: 16px; position: absolute; top: calc((100% - 16px) / 2); right: 0; } .j169-cs-type_header-title { font-weight: 600; } .j169-cs--modalcontent { text-align: center; font-weight: 300; width: 100%; } .j169-cs--modalcontent img { height: 90px; width: auto; } .j169-cs--modalcontent-title { margin: 12px 0 16px; } .j169-cs--modalcontent-details { color: #222222; line-height: 1.5; } .j169-cs--modalcontent-details + .j169-cs--modalcontent-details { margin-top: 8px; } .j169-cs--modalcontent-text { color: #222222; line-height: 1.25; margin: 16px 0; } .j169-cs--sectiontrack { padding: 20px 24px; border: solid 1px #BCBEC0; border-radius: 10px; } .j169-cs--sectiontrack .m70-status-tracker + * { margin-top: 24px; } .j169-cs--sectiontrack + .j169-cs--sectiontrack { margin-top: 24px; } .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle { position: absolute; right: -12px; color: #6F6F6F; top: -12px; } .j169-cs--sectiontrack .j169-cs--sectiontrack-toggle:before { content: "\e605"; cursor: pointer; font-family: "iconfont"; } .j169-cs--sectiontrack.closed .m70-status-tracker, .j169-cs--sectiontrack.closed .j169-cs--sectiontrack-footnote, .j169-cs--sectiontrack.closed .j169-cs--sectiontrack-action { display: none; } .j169-cs--sectiontrack.closed .j169-cs--sectiontrack-toggle:before { content: "\e604"; } .j169-cs--sectiontrack-heading { display: flex; align-items: flex-start; justify-content: flex-start; position: relative; padding-right: 32px; } .j169-cs--sectiontrack-heading + * { margin-top: 24px; } .j169-cs--sectiontrack-icon { position: relative; border: solid 1px #6F6F6F; border-radius: 50%; height: 32px; width: 32px; min-width: 32px; text-align: center; color: #007560; } .j169-cs--sectiontrack-icon:before { font-size: 28px; position: absolute; top: calc((100% - 30px) / 2); left: calc((100% - 28px) / 2); } .j169-cs--sectiontrack-icon + .j169-cs--sectiontrack-headingdetails { margin-left: 12px; } .j169-cs--sectiontrack-headingdetails + .j169-cs--sectiontrack-headingstatus { margin-left: 12px; } .j169-cs--sectiontrack-headingtitle { font-weight: bold; line-height: 24px; } .j169-cs--sectiontrack-headingsubtitle { color: #6F6F6F; margin-bottom: 4px; } .j169-cs--sectiontrack-headingstatus { background-color: #222222; color: white; font-weight: 300; padding: 4px 8px; border-radius: 5px; } .j169-cs--sectiontrack-headingstatus.closed { background-color: #007560; } .j169-cs--sectiontrack-footnote { background-color: #F1F2F2; padding: 12px 16px; border-radius: 10px; font-weight: 300; display: flex; line-height: 1.5em; align-items: flex-start; } .j169-cs--sectiontrack-footnote:before { position: relative; top: 4px; } .j169-cs--sectiontrack-footnote + * { margin-top: 24px; } .j169-cs--sectiontrack-footnotetext { margin: 0px 8px; } .j169-cs--sectiontrack-action { text-align: right; } .j169-cs--search { display: flex; align-items: center; } .j169-cs--search:before { font-family: "iconfont"; content: "酪"; position: absolute; font-size: 32px; top: calc((100% - 36px) / 2); left: 4px; } .j169-cs--search .form-field__input--text, .j169-cs--search input[type=email], .j169-cs--search input[type=number], .j169-cs--search input[type=password], .j169-cs--search input[type=tel], .j169-cs--search input[type=text], .j169-cs--search input[type=url], .j169-cs--search input[type=color], .j169-cs--search input[type=date], .j169-cs--search .field-content textarea, .field-content .j169-cs--search textarea, .j169-cs--search .j134-media--filter-inputsearch { padding-left: 36px; } .j169-cs--search .form-field__input--text + .button, .j169-cs--search input[type=email] + .button, .j169-cs--search input[type=number] + .button, .j169-cs--search input[type=password] + .button, .j169-cs--search input[type=tel] + .button, .j169-cs--search input[type=text] + .button, .j169-cs--search input[type=url] + .button, .j169-cs--search input[type=color] + .button, .j169-cs--search input[type=date] + .button, .j169-cs--search .field-content textarea + .button, .field-content .j169-cs--search textarea + .button, .j169-cs--search .j134-media--filter-inputsearch + .button, .j169-cs--search .form-field__input--text + .button--centered, .j169-cs--search input[type=email] + .button--centered, .j169-cs--search input[type=number] + .button--centered, .j169-cs--search input[type=password] + .button--centered, .j169-cs--search input[type=tel] + .button--centered, .j169-cs--search input[type=text] + .button--centered, .j169-cs--search input[type=url] + .button--centered, .j169-cs--search input[type=color] + .button--centered, .j169-cs--search input[type=date] + .button--centered, .j169-cs--search .field-content textarea + .button--centered, .field-content .j169-cs--search textarea + .button--centered, .j169-cs--search .j134-media--filter-inputsearch + .button--centered, .j169-cs--search .form-field__input--text + .form-submit, .j169-cs--search input[type=email] + .form-submit, .j169-cs--search input[type=number] + .form-submit, .j169-cs--search input[type=password] + .form-submit, .j169-cs--search input[type=tel] + .form-submit, .j169-cs--search input[type=text] + .form-submit, .j169-cs--search input[type=url] + .form-submit, .j169-cs--search input[type=color] + .form-submit, .j169-cs--search input[type=date] + .form-submit, .j169-cs--search .field-content textarea + .form-submit, .field-content .j169-cs--search textarea + .form-submit, .j169-cs--search .j134-media--filter-inputsearch + .form-submit, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__input--text + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search .form-field__input--text + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=email] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=email] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=number] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=number] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=password] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=password] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=tel] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=tel] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=text] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=text] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=url] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=url] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=color] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=color] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=date] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=date] + a, .j169-cs--search .field-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search .field-content textarea + a, .field-content .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .field-content .j169-cs--search textarea + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-inputsearch + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search .j134-media--filter-inputsearch + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__input--text + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search .form-field__input--text + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=email] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=email] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=number] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=number] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=password] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=password] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=tel] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=tel] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=text] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=text] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=url] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=url] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=color] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=color] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=date] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=date] + a, .j169-cs--search .field-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search .field-content textarea + a, .field-content .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .field-content .j169-cs--search textarea + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-inputsearch + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search .j134-media--filter-inputsearch + a { margin-left: 12px; } .j169-cs--form_title { text-align: center; font-weight: bold; } .j169-cs--form_subtitle { text-align: center; color: #222222; margin: 12px 0 36px; line-height: 1.25; } .j169-cs--sectioncontentflex { display: flex; align-items: stretch; flex-flow: nowrap; } .j169-cs--sectionouter { background-color: #F2F3F3; padding: 48px 30px; border-radius: 20px; margin-top: 48px; } .j169-cs--sectionouter .j169-cs--sectioncontent, .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs { margin-bottom: 0; } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs { background-color: #F8F8F8; padding: 0; display: flex; align-items: center; justify-content: flex-start; overflow: hidden; border: none; box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.1019607843); } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs .m6-teaser3--title { margin-bottom: 16px; font-size: 1.5em; } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs .m6-teaser3--desc { font-size: 1.25em; color: #222; } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs .m6-teaser3--icon { padding: 16px; } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs .m6-teaser3--icon + .m6-teaser3--content { margin: 0; padding: 40px; min-height: 150px; display: flex; flex-flow: column; justify-content: center; background-color: #fff; width: 100%; } .section-other-input.mt24 .form-field:has(#form-field-UseRegisterDetail), .section-other-input.mt24 .field-border:has(#form-field-UseRegisterDetail) { margin-top: -24px; } @media screen and (max-width: 599px) { .j169-cs--sectioncontent .m6-teaser2.m6-teaser--cs[title=BENCHMARKING] .m6-teaser2--title { word-break: break-all; } .j169-cs--sectioncontent.line { margin: 48px 0; } .j169-cs--section .form-field__input-wrapper--hasverify { width: 100%; margin-bottom: 22px; } .j169-cs--section .grid__column--form { padding: 0; } } @media screen and (max-width: 1024px) { .j169-cs-type_header-title, .j169-cs--sectionlabel { font-size: 1.25em; font-weight: 600; } .j169-cs-type_header-title + .button--text, .j169-cs-type_header-title + .button--text-centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs-type_header-title + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs-type_header-title + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs-type_header-title + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs-type_header-title + a, .j169-cs--sectionlabel + .button--text, .j169-cs--sectionlabel + .button--text-centered, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j169-cs--sectionlabel + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j169-cs--sectionlabel + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--sectionlabel + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--sectionlabel + a { margin-top: -12px; } .j169-cs--sectioncontent { margin-bottom: 24px; } .j169-cs--sectioncontent .m6-teaser2-variant .m6-teaser2--content { padding-left: 80px; } .j169-cs--sectioncontent .m6-teaser2-variant .m6-teaser2--icon { left: 15px; top: 15px; } .j169-cs--banner { min-height: unset; padding: 16px 12px; } .j169-cs--banner img { max-width: 60px; } .j169-cs--banner_title, .j169-cs--banner_text { font-size: 1em; } .j169-cs--section_links { margin-top: -4px; } .j169-cs--section_links .j169-cs--sectioncontent { display: block; } .j169-cs--section_link { display: table; } .j169-cs--section_link + .j169-cs--section_link { margin-top: 12px; } .j169-cs--search { display: block; } .j169-cs--search .form-field__input--text + .button, .j169-cs--search input[type=email] + .button, .j169-cs--search input[type=number] + .button, .j169-cs--search input[type=password] + .button, .j169-cs--search input[type=tel] + .button, .j169-cs--search input[type=text] + .button, .j169-cs--search input[type=url] + .button, .j169-cs--search input[type=color] + .button, .j169-cs--search input[type=date] + .button, .j169-cs--search .field-content textarea + .button, .field-content .j169-cs--search textarea + .button, .j169-cs--search .j134-media--filter-inputsearch + .button, .j169-cs--search .form-field__input--text + .button--centered, .j169-cs--search input[type=email] + .button--centered, .j169-cs--search input[type=number] + .button--centered, .j169-cs--search input[type=password] + .button--centered, .j169-cs--search input[type=tel] + .button--centered, .j169-cs--search input[type=text] + .button--centered, .j169-cs--search input[type=url] + .button--centered, .j169-cs--search input[type=color] + .button--centered, .j169-cs--search input[type=date] + .button--centered, .j169-cs--search .field-content textarea + .button--centered, .field-content .j169-cs--search textarea + .button--centered, .j169-cs--search .j134-media--filter-inputsearch + .button--centered, .j169-cs--search .form-field__input--text + .form-submit, .j169-cs--search input[type=email] + .form-submit, .j169-cs--search input[type=number] + .form-submit, .j169-cs--search input[type=password] + .form-submit, .j169-cs--search input[type=tel] + .form-submit, .j169-cs--search input[type=text] + .form-submit, .j169-cs--search input[type=url] + .form-submit, .j169-cs--search input[type=color] + .form-submit, .j169-cs--search input[type=date] + .form-submit, .j169-cs--search .field-content textarea + .form-submit, .field-content .j169-cs--search textarea + .form-submit, .j169-cs--search .j134-media--filter-inputsearch + .form-submit, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__input--text + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search .form-field__input--text + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=email] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=email] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=number] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=number] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=password] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=password] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=tel] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=tel] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=text] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=text] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=url] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=url] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=color] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=color] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=date] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search input[type=date] + a, .j169-cs--search .field-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search .field-content textarea + a, .field-content .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .field-content .j169-cs--search textarea + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-inputsearch + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j169-cs--search .j134-media--filter-inputsearch + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__input--text + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search .form-field__input--text + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=email] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=email] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=number] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=number] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=password] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=password] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=tel] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=tel] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=text] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=text] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=url] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=url] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=color] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=color] + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=date] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search input[type=date] + a, .j169-cs--search .field-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search .field-content textarea + a, .field-content .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .field-content .j169-cs--search textarea + a, .j169-cs--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-inputsearch + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j169-cs--search .j134-media--filter-inputsearch + a { float: right; margin-top: 16px; } .j169-cs--sectioncontentflex { display: block; } .j169-cs--sectionouter { padding: 24px 14px; border-radius: 0; } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs .m6-teaser3--icon { padding: 12px; height: auto; max-width: 40%; } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs .m6-teaser3--icon + .m6-teaser3--content { padding: 12px; } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs .m6-teaser3--title { font-size: 1.25em; margin-bottom: 12px; } .j169-cs--sectionouter .m6-teaser3.m6-teaser--cs .m6-teaser3--desc { font-size: 1em; } } @media screen and (min-width: 1025px) { .j169-cs--section_links { margin-top: -36px; } .j169-cs--sectioncontent .form-field--buttonradio2 .fieldset { flex-wrap: wrap; display: flex; } .j169-cs--sectioncontent .form-field--buttonradio2 .form-field__fakeradio { height: calc(100% - 24px); display: flex; align-items: center; justify-content: center; text-align: center; width: calc(100% - 48px); } .j169-cs--sectioncontent .form-field--iconradio2 .fieldset { flex-wrap: wrap; display: flex; } .j169-cs--sectioncontent .form-field--iconradio2 .form-field__fakeiconradio { height: calc(100% - 28px); } } .j158-search-results .feedback-section .m13-footer--floating_link { border: none !important; box-shadow: none; justify-content: flex-start; float: left; margin-left: 0px; padding-left: 0px; } .j158-search-results .feedback-section .m13-footer--floating_link.rammas img { position: static; height: 40px; } .j158-search-results .feedback-section .m13-footer--floating_rammastext.mobile-hide { display: block !important; min-width: 80px; } .j158-search-results .m34-pagination__content .button--text.button--next:before, .j158-search-results .m34-pagination__content .button--next.button--text-centered:before, .j158-search-results .m34-pagination__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j158-search-results .m34-pagination__content a.button--next:before, .j158-search-results .m34-pagination__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j158-search-results .m34-pagination__content a.button--next:before, .j158-search-results .m34-pagination__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.button--next:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j158-search-results .m34-pagination__content a.button--next:before, .j158-search-results .m34-pagination__content .button--text.form-submit:before, .j158-search-results .m34-pagination__content .button--text-centered.form-submit:before, .j158-search-results .m34-pagination__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j158-search-results .m34-pagination__content a.form-submit:before, .j158-search-results .m34-pagination__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j158-search-results .m34-pagination__content a.form-submit:before, .j158-search-results .m34-pagination__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a.form-submit:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j158-search-results .m34-pagination__content a.form-submit:before, .j158-search-results .m34-pagination__content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j158-search-results .m34-pagination__content a:before { color: #222222; } .j158-search-results--tabrow { background-color: #f5f5f5; } .j158-search-results--tablist { display: flex; white-space: nowrap; margin-top: 16px; } .j158-search-results--tab { padding: 12px 24px; } .j158-search-results--tab a { color: #222222; font-weight: 600; } .j158-search-results--tab a:hover { color: #007560; } .j158-search-results--tab.active { border-bottom: solid 3px #007560; } .j158-search-results--tab.active a { color: #007560; } .total-result { padding-top: 25px; } .j158-search-results--tabcontent-section { padding: 30px 10px; border: 1px solid #ccc; border-radius: 5px; display: none; margin-bottom: 20px; margin-left: 32px; margin-right: 32px; } .j158-search-results--tabcontent-section.active { display: block; } .j158-search-results--tabcontent-section .m34-pagination { margin-bottom: 0px; } .j158-search-results--tabcontent-section .m31-search--dm_column { width: 100%; } .j158-search-results--tabcontent-section .m31-search--dm_column .m31-search--dm_title { margin-bottom: 20px; } .j158-search-results--tabcontent-section .m31-search--dm_column .m31-search--dm_item { padding-bottom: 16px; border-bottom: 1px solid #ccc; } .j158-search-results--tabcontent-section .m31-search--dm_column .m31-search--dm_item:last-child { border-bottom: none; } .popular-search .popular-search-title { font-weight: 600; } .popular-search .popular-search-list .popular-search-list-item { padding: 5px 10px; background: #007560; border-radius: 2px; color: white; text-align: center; margin: 10px 10px 10px 0px; display: inline-block; } .popular-search .popular-search-list .popular-search-list-item a { color: white; } .j158-search-results-feedback .grid__row, .j158-search-results-feedback .grid__row--tight, .j158-search-results-feedback .form-introduction { margin-bottom: 0px; } .j158-search-results-feedback .grid__row--tight { margin-top: 28px; margin-bottom: 28px; } .j158-search-results-feedback .m74-rammas_expand--icon { box-shadow: none; } .j158-search-results-feedback .feedback-section .m74-rammas_expand { position: static; z-index: 1; } .j158-search-results-feedback .feedback-section .feedback-block { border-bottom: 8px solid #F5F5F5; padding: 20px 0px; margin-bottom: 0px; } .j158-search-results-feedback .feedback-section .feedback-block:last-child { border-bottom: none; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-content { width: calc(100% - 108px); float: left; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-button { width: 101px; float: right; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-button:after { content: ""; clear: both; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-button button { border-radius: 19px; width: 38px; height: 38px; border: 1px solid #09672E; color: #09672E; position: relative; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-button button:before { display: block; position: absolute; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-button button.icon-thumbs-up:before { top: 0px; left: 3px; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-button button.icon-thumbs-down:before { top: 5px; left: 3px; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-success .feedback-block-content { width: 100%; max-width: 100%; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-success .feedback-block-content .feedback-title { position: relative; padding-left: 40px; line-height: 30px; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-success .feedback-block-content .feedback-title .icon-tick { position: absolute; left: 0px; background: #007560; top: 0px; width: 30px; height: 30px; border-radius: 15px; color: white; } .j158-search-results-feedback .feedback-close { position: absolute; top: 0px; right: 0px; cursor: pointer; } .j158-search-results-feedback .feedback-close:before { content: "\e608"; font-family: "iconfont"; font-size: 32px; color: #696969; } .j158-search-results-feedback .feedback-title { margin-bottom: 10px; font-weight: 600; } .j158-search-results-feedback .feedback-action { text-align: center; } .j158-search-results-feedback .feedback-action .feedback-action-title { color: #222222; } .j158-search-results-feedback .feedback-message { display: none; } .j158-search-results-feedback .feedback-message.active { display: block; } .j158-search-results-feedback .feedback-form { display: none; } .j158-search-results-feedback .feedback-form.active { display: block; } .j158-search-results-feedback .feedback-form .form { max-width: 500px; } .j158-search-results-feedback .feedback-form .form button { margin-top: 10px; border-radius: 0px; width: 100%; } .j158-search-results-feedback .feedback-form-list { margin-top: 30px; padding: 0px 10px; position: relative; } .j158-search-results-feedback .feedback-form-list .feedback-form-list-item { line-height: 35px; padding: 0px 25px; } .j158-search-results-feedback .feedback-form-list .feedback-form-list-item:before { position: absolute; left: 0px; } .j158-search-results-feedback .feedback-form-list .feedback-form-list-item a { color: #222222; } @media screen and (max-width: 599px) { .popular-search .popular-search-list { margin: 10px 0px; } .popular-search .popular-search-list .popular-search-list-item { margin: 5px 10px 5px 0px; } .j158-search-results--tab { padding: 12px 12px; } .j158-search-results--tabcontent-section { margin-right: 12px; margin-left: 12px; } } @media screen and (min-width: 1025px) { .j158-search-results-feedback .feedback-action .feedback-action-title { display: inline-block; margin-right: 45px; margin-bottom: 0px; } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-content { width: auto; max-width: calc(100% - 108px); } .j158-search-results-feedback .feedback-section .feedback-block .feedback-block-button { float: left; padding-left: 20px; } .popular-search .popular-search-list .popular-search-list-item { margin: 10px 21px 10px 0px; } .j158-search-results--tabcontent-section .m31-search--dm_column .m31-search--dm_title { font-size: 1.125em; } .j158-search-results--tabcontent-section .m31-search--dm_item .m31-search--dm_linkTitle { font-size: 1em; } } .j167-internship .form-field_checkbox-wrapper { display: flex; flex-flow: nowrap; flex-direction: column; } .j167-internship .form-field_checkbox-wrapper .form-field__checkbox, .j167-internship .form-field_checkbox-wrapper .field-content--checkbox { margin: 10px 0px; } .j167-internship .m76-range-slider { margin-bottom: 35px; } .j167-internship .textarea { resize: none; } .j167-internship .form-field__input-wrapper--validated:after { display: none; } .j167-internship .fieldset { margin-top: 24px; } .j167-internship .fieldset + .fieldset { margin-top: 24px; } .j167-internship .form-field--iconradiosmiley .fieldset { margin-bottom: 0px; margin-top: 0px; } .j167-internship .form-field--iconradiosmiley .form-field__radio, .j167-internship .form-field--iconradiosmiley .field-content--radio { margin-bottom: 0px; } .j167-internship .form-field--iconradiosmiley + .form-field--iconradiosmiley { margin-top: 0px; } .j167-internship .form-field--iconradiosmiley + .fieldset { margin-top: 0px; } .j167-internship .form-field .form-field--6, .j167-internship .field-border .form-field--6 { margin-bottom: 0px; } .j167-internship .form-field__radio-wrapper-inner { display: flex; } .j167-internship .form-field__radio-wrapper-inner .form-field__radio:first-child, .j167-internship .form-field__radio-wrapper-inner .field-content--radio:first-child { margin-left: 0px; } .j167-internship .form-field__button, .j167-internship .form-submit-border { margin-top: 56px; } .j167-internship .m76-range-slider { margin-bottom: 30px; } .j167-internship .icon-face1:before { content: "줏"; } .j167-internship .icon-face2:before { content: "줏"; } .j167-internship .icon-face3:before { content: "줎"; } .j167-internship .icon-face4:before { content: "줍"; } .j167-internship .icon-face5:before { content: "줍"; } .j167-internship .form-info .legend, .j167-internship .form-info .display-section-legend { background: #EBEBEB; color: #3B3B3B; padding: 10px; font-weight: 600; display: flex; width: calc(100% - 20px); } .j167-internship .form-info .legend span, .j167-internship .form-info .display-section-legend span { display: inline-block; padding: 0px; } .j167-internship .form-info .legend span + span, .j167-internship .form-info .display-section-legend span + span { padding: 0px 0px 0px 10px; } .j167-internship .form-info fieldset { margin-bottom: 15px; padding: 0px 0px; } .j167-internship .form-info fieldset + .form-field, .j167-internship .form-info fieldset + .field-border { margin-top: 24px; } .j167-internship .form-field--6 .form-field__input-wrapper--datepicker::after, .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker])::after, .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker])::after, .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker])::after, .j167-internship .form-field--6 .field-content:has([data-el=timepicker])::after, .j167-internship .form-field--6 .field-content--datepicker::after, .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker])::after { right: 0px; left: auto; } .j167-internship .form-field--6 .form-field__input-wrapper--datepicker .form-field__input--text, .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) .form-field__input--text, .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) .form-field__input--text, .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) .form-field__input--text, .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) .form-field__input--text, .j167-internship .form-field--6 .field-content--datepicker .form-field__input--text, .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) .form-field__input--text, .j167-internship .form-field--6 .form-field__input-wrapper--datepicker input[type=email], .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) input[type=email], .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input[type=email], .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) input[type=email], .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) input[type=email], .j167-internship .form-field--6 .field-content--datepicker input[type=email], .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) input[type=email], .j167-internship .form-field--6 .form-field__input-wrapper--datepicker input[type=number], .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) input[type=number], .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input[type=number], .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) input[type=number], .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) input[type=number], .j167-internship .form-field--6 .field-content--datepicker input[type=number], .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) input[type=number], .j167-internship .form-field--6 .form-field__input-wrapper--datepicker input[type=password], .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) input[type=password], .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input[type=password], .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) input[type=password], .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) input[type=password], .j167-internship .form-field--6 .field-content--datepicker input[type=password], .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) input[type=password], .j167-internship .form-field--6 .form-field__input-wrapper--datepicker input[type=tel], .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) input[type=tel], .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input[type=tel], .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) input[type=tel], .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) input[type=tel], .j167-internship .form-field--6 .field-content--datepicker input[type=tel], .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) input[type=tel], .j167-internship .form-field--6 .form-field__input-wrapper--datepicker input[type=text], .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) input[type=text], .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input[type=text], .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) input[type=text], .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) input[type=text], .j167-internship .form-field--6 .field-content--datepicker input[type=text], .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) input[type=text], .j167-internship .form-field--6 .form-field__input-wrapper--datepicker input[type=url], .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) input[type=url], .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input[type=url], .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) input[type=url], .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) input[type=url], .j167-internship .form-field--6 .field-content--datepicker input[type=url], .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) input[type=url], .j167-internship .form-field--6 .form-field__input-wrapper--datepicker input[type=color], .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) input[type=color], .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input[type=color], .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) input[type=color], .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) input[type=color], .j167-internship .form-field--6 .field-content--datepicker input[type=color], .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) input[type=color], .j167-internship .form-field--6 .form-field__input-wrapper--datepicker input[type=date], .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) input[type=date], .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) input[type=date], .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) input[type=date], .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) input[type=date], .j167-internship .form-field--6 .field-content--datepicker input[type=date], .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) input[type=date], .j167-internship .form-field--6 .form-field__input-wrapper--datepicker .field-content textarea, .field-content .j167-internship .form-field--6 .form-field__input-wrapper--datepicker textarea, .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) .field-content textarea, .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) .field-content textarea, .field-content .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) textarea, .field-content .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) textarea, .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) .field-content textarea, .field-content .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) textarea, .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) textarea, .j167-internship .form-field--6 .field-content--datepicker .field-content textarea, .field-content .j167-internship .form-field--6 .field-content--datepicker textarea, .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) .field-content textarea, .field-content .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) textarea, .j167-internship .form-field--6 .form-field__input-wrapper--datepicker .j134-media--filter-inputsearch, .j167-internship .form-field--6 .form-field__input-wrapper:has([data-el=timepicker]) .j134-media--filter-inputsearch, .j167-internship .form-field--6 .m111-content-scroller--nav_mobile-selectwrapper:has([data-el=timepicker]) .j134-media--filter-inputsearch, .j167-internship .form-field--6 .j100-expander_input:has([data-el=timepicker]) .j134-media--filter-inputsearch, .j167-internship .form-field--6 .field-content:has([data-el=timepicker]) .j134-media--filter-inputsearch, .j167-internship .form-field--6 .field-content--datepicker .j134-media--filter-inputsearch, .j167-internship .form-field--6 .j134-media--filter:has([data-el=timepicker]) .j134-media--filter-inputsearch { padding-right: 26px !important; padding-left: 48px !important; } .j171-masar.form-field__input-wrapper:focus-within, .j171-masar.m111-content-scroller--nav_mobile-selectwrapper:focus-within, .j171-masar.j100-expander_input:focus-within, .j171-masar.field-content:focus-within, .j171-masar.j134-media--filter:focus-within { box-shadow: none; } .j171-masar .fieldset + .fieldset { margin-top: 70px; } .j171-masar .m25-tabs__content .form { max-width: none; } .j171-masar .j171-masar--sectionlabel { font-weight: 600; margin-bottom: 24px; } .j171-masar .j171-masar--search { display: flex; align-items: center; max-width: 600px; border: none; } .j171-masar .j171-masar--search:before { font-family: "iconfont"; content: "酪"; position: absolute; font-size: 32px; top: calc((100% - 36px) / 2); left: 4px; } .j171-masar .j171-masar--search:focus-within { box-shadow: none; } .j171-masar .j171-masar--search .form-field__input--text, .j171-masar .j171-masar--search input[type=email], .j171-masar .j171-masar--search input[type=number], .j171-masar .j171-masar--search input[type=password], .j171-masar .j171-masar--search input[type=tel], .j171-masar .j171-masar--search input[type=text], .j171-masar .j171-masar--search input[type=url], .j171-masar .j171-masar--search input[type=color], .j171-masar .j171-masar--search input[type=date], .j171-masar .j171-masar--search .field-content textarea, .field-content .j171-masar .j171-masar--search textarea, .j171-masar .j171-masar--search .j134-media--filter-inputsearch { padding: 5px; padding-left: 36px; line-height: 35px; border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .j171-masar .j171-masar--search .form-field__input--text:focus, .j171-masar .j171-masar--search input[type=email]:focus, .j171-masar .j171-masar--search input[type=number]:focus, .j171-masar .j171-masar--search input[type=password]:focus, .j171-masar .j171-masar--search input[type=tel]:focus, .j171-masar .j171-masar--search input[type=text]:focus, .j171-masar .j171-masar--search input[type=url]:focus, .j171-masar .j171-masar--search input[type=color]:focus, .j171-masar .j171-masar--search input[type=date]:focus, .j171-masar .j171-masar--search .field-content textarea:focus, .field-content .j171-masar .j171-masar--search textarea:focus, .j171-masar .j171-masar--search .j134-media--filter-inputsearch:focus, .j171-masar .j171-masar--search .form-field__input--text:focus-within, .j171-masar .j171-masar--search input[type=email]:focus-within, .j171-masar .j171-masar--search input[type=number]:focus-within, .j171-masar .j171-masar--search input[type=password]:focus-within, .j171-masar .j171-masar--search input[type=tel]:focus-within, .j171-masar .j171-masar--search input[type=text]:focus-within, .j171-masar .j171-masar--search input[type=url]:focus-within, .j171-masar .j171-masar--search input[type=color]:focus-within, .j171-masar .j171-masar--search input[type=date]:focus-within, .j171-masar .j171-masar--search .field-content textarea:focus-within, .field-content .j171-masar .j171-masar--search textarea:focus-within, .j171-masar .j171-masar--search .j134-media--filter-inputsearch:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .j171-masar .j171-masar--search .form-field__input--text.form-field__input-wrapper--error, .j171-masar .j171-masar--search input.form-field__input-wrapper--error[type=email], .j171-masar .j171-masar--search input.form-field__input-wrapper--error[type=number], .j171-masar .j171-masar--search input.form-field__input-wrapper--error[type=password], .j171-masar .j171-masar--search input.form-field__input-wrapper--error[type=tel], .j171-masar .j171-masar--search input.form-field__input-wrapper--error[type=text], .j171-masar .j171-masar--search input.form-field__input-wrapper--error[type=url], .j171-masar .j171-masar--search input.form-field__input-wrapper--error[type=color], .j171-masar .j171-masar--search input.form-field__input-wrapper--error[type=date], .j171-masar .j171-masar--search .field-content textarea.form-field__input-wrapper--error, .field-content .j171-masar .j171-masar--search textarea.form-field__input-wrapper--error, .j171-masar .j171-masar--search .form-field__input-wrapper--error.j134-media--filter-inputsearch, .j171-masar .j171-masar--search .form-field__input--text.field-content--error, .j171-masar .j171-masar--search input[type=email].field-content--error, .j171-masar .j171-masar--search input[type=number].field-content--error, .j171-masar .j171-masar--search input[type=password].field-content--error, .j171-masar .j171-masar--search input[type=tel].field-content--error, .j171-masar .j171-masar--search input[type=text].field-content--error, .j171-masar .j171-masar--search input[type=url].field-content--error, .j171-masar .j171-masar--search input[type=color].field-content--error, .j171-masar .j171-masar--search input[type=date].field-content--error, .j171-masar .j171-masar--search .field-content textarea.field-content--error, .field-content .j171-masar .j171-masar--search textarea.field-content--error, .j171-masar .j171-masar--search .j134-media--filter-inputsearch.field-content--error { border-color: #B00020; } .j171-masar .j171-masar--search .form-field__input--text + .button, .j171-masar .j171-masar--search input[type=email] + .button, .j171-masar .j171-masar--search input[type=number] + .button, .j171-masar .j171-masar--search input[type=password] + .button, .j171-masar .j171-masar--search input[type=tel] + .button, .j171-masar .j171-masar--search input[type=text] + .button, .j171-masar .j171-masar--search input[type=url] + .button, .j171-masar .j171-masar--search input[type=color] + .button, .j171-masar .j171-masar--search input[type=date] + .button, .j171-masar .j171-masar--search .field-content textarea + .button, .field-content .j171-masar .j171-masar--search textarea + .button, .j171-masar .j171-masar--search .j134-media--filter-inputsearch + .button, .j171-masar .j171-masar--search .form-field__input--text + .button--centered, .j171-masar .j171-masar--search input[type=email] + .button--centered, .j171-masar .j171-masar--search input[type=number] + .button--centered, .j171-masar .j171-masar--search input[type=password] + .button--centered, .j171-masar .j171-masar--search input[type=tel] + .button--centered, .j171-masar .j171-masar--search input[type=text] + .button--centered, .j171-masar .j171-masar--search input[type=url] + .button--centered, .j171-masar .j171-masar--search input[type=color] + .button--centered, .j171-masar .j171-masar--search input[type=date] + .button--centered, .j171-masar .j171-masar--search .field-content textarea + .button--centered, .field-content .j171-masar .j171-masar--search textarea + .button--centered, .j171-masar .j171-masar--search .j134-media--filter-inputsearch + .button--centered, .j171-masar .j171-masar--search .form-field__input--text + .form-submit, .j171-masar .j171-masar--search input[type=email] + .form-submit, .j171-masar .j171-masar--search input[type=number] + .form-submit, .j171-masar .j171-masar--search input[type=password] + .form-submit, .j171-masar .j171-masar--search input[type=tel] + .form-submit, .j171-masar .j171-masar--search input[type=text] + .form-submit, .j171-masar .j171-masar--search input[type=url] + .form-submit, .j171-masar .j171-masar--search input[type=color] + .form-submit, .j171-masar .j171-masar--search input[type=date] + .form-submit, .j171-masar .j171-masar--search .field-content textarea + .form-submit, .field-content .j171-masar .j171-masar--search textarea + .form-submit, .j171-masar .j171-masar--search .j134-media--filter-inputsearch + .form-submit, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__input--text + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search .form-field__input--text + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=email] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=email] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=number] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=number] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=password] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=password] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=tel] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=tel] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=text] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=text] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=url] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=url] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=color] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=color] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=date] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=date] + a, .j171-masar .j171-masar--search .field-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search .field-content textarea + a, .field-content .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .field-content .j171-masar .j171-masar--search textarea + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-inputsearch + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search .j134-media--filter-inputsearch + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__input--text + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search .form-field__input--text + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=email] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=email] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=number] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=number] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=password] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=password] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=tel] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=tel] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=text] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=text] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=url] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=url] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=color] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=color] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=date] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=date] + a, .j171-masar .j171-masar--search .field-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search .field-content textarea + a, .field-content .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .field-content .j171-masar .j171-masar--search textarea + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-inputsearch + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search .j134-media--filter-inputsearch + a { margin-left: 12px; margin-top: 0px; } .j171-masar .j171-masar--search .btSearchh { min-width: 110px; text-align: center; } .j171-masar .form--single_line_scrapsale-button { clear: both; float: left; } .j171-masar .m70-status-cs--sectiontrack-heading { flex-wrap: wrap; } .j171-masar .m70-status-cs--sectiontrack-headingstatus { margin-left: 44px; margin-top: 4px; } .form-field_contact-ext-fieldset.contact-country-code.masar-ext-fieldset .form-field_select-code-col3 { width: 90px; } .form-field_contact-ext-fieldset.contact-country-code.masar-ext-fieldset .form-field_select-code-col3 .form-field__input-wrapper--select, .form-field_contact-ext-fieldset.contact-country-code.masar-ext-fieldset .form-field_select-code-col3 .m111-content-scroller--nav_mobile-selectwrapper, .form-field_contact-ext-fieldset.contact-country-code.masar-ext-fieldset .form-field_select-code-col3 .field-content--select, .form-field_contact-ext-fieldset.contact-country-code.masar-ext-fieldset .form-field_select-code-col3 .j134-media--filter:not(.search) { width: 90px; } .masar-sectiontitle { color: #222222; font-weight: 700; margin: 15px 0px; } .reqnum-cell { text-align: left; font-weight: normal !important; } .picker--6.form-field--6 .picker { width: 100%; } .form-field__button-flex-links .form-field__button-flex-section { display: flex; } .form-field__button-flex-links .form-field__button-flex-section .form-field__button-flex-span { margin-right: 5px; } .otp_scrap_select .m39-modal__dialog.otp { max-height: 400px; } .m39-modal-add-bankac .m39-modal__title, .m39-modal-add-bankac-details .m39-modal__title { text-align: center !important; margin-top: 0px; } @media screen and (max-width: 599px) { .form-field__button-flex-links { display: flex; justify-content: space-between; } .m39-modal-add-bankac .form-field--6 { width: 100%; padding: 0px; margin-bottom: 0px; float: none; } .m39-modal-add-bankac-details .form-field--6 { width: 100%; padding: 0px; margin-bottom: 0px; float: none; } .j171-masar .form-field--6 { width: 100%; padding: 0px; margin-bottom: 0px; float: none; } } @media screen and (min-width: 600px) { .form-field__button-flex-links { display: block; margin-top: 20px; } .grid__column--form.grid__column--form-masar { padding: 0px !important; } .grid__column--form.grid__column--form-masar .formwidth-fix { max-width: 600px; margin: 0px auto; } } @media screen and (max-width: 1024px) { .j171-masar .j171-masar--sectionlabel { font-size: 1.25em; font-weight: 600; } .j171-masar .j171-masar--sectionlabel + .button--text, .j171-masar .j171-masar--sectionlabel + .button--text-centered, .j171-masar .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j171-masar--sectionlabel + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item .j171-masar .j171-masar--sectionlabel + a, .j171-masar .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j171-masar--sectionlabel + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active .j171-masar .j171-masar--sectionlabel + a, .j171-masar .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar--sectionlabel + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--sectionlabel + a, .j171-masar .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar--sectionlabel + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--sectionlabel + a { margin-top: -12px; } .j171-masar .j171-masar--search { display: block; } .j171-masar .j171-masar--search .form-field__input--text + .button, .j171-masar .j171-masar--search input[type=email] + .button, .j171-masar .j171-masar--search input[type=number] + .button, .j171-masar .j171-masar--search input[type=password] + .button, .j171-masar .j171-masar--search input[type=tel] + .button, .j171-masar .j171-masar--search input[type=text] + .button, .j171-masar .j171-masar--search input[type=url] + .button, .j171-masar .j171-masar--search input[type=color] + .button, .j171-masar .j171-masar--search input[type=date] + .button, .j171-masar .j171-masar--search .field-content textarea + .button, .field-content .j171-masar .j171-masar--search textarea + .button, .j171-masar .j171-masar--search .j134-media--filter-inputsearch + .button, .j171-masar .j171-masar--search .form-field__input--text + .button--centered, .j171-masar .j171-masar--search input[type=email] + .button--centered, .j171-masar .j171-masar--search input[type=number] + .button--centered, .j171-masar .j171-masar--search input[type=password] + .button--centered, .j171-masar .j171-masar--search input[type=tel] + .button--centered, .j171-masar .j171-masar--search input[type=text] + .button--centered, .j171-masar .j171-masar--search input[type=url] + .button--centered, .j171-masar .j171-masar--search input[type=color] + .button--centered, .j171-masar .j171-masar--search input[type=date] + .button--centered, .j171-masar .j171-masar--search .field-content textarea + .button--centered, .field-content .j171-masar .j171-masar--search textarea + .button--centered, .j171-masar .j171-masar--search .j134-media--filter-inputsearch + .button--centered, .j171-masar .j171-masar--search .form-field__input--text + .form-submit, .j171-masar .j171-masar--search input[type=email] + .form-submit, .j171-masar .j171-masar--search input[type=number] + .form-submit, .j171-masar .j171-masar--search input[type=password] + .form-submit, .j171-masar .j171-masar--search input[type=tel] + .form-submit, .j171-masar .j171-masar--search input[type=text] + .form-submit, .j171-masar .j171-masar--search input[type=url] + .form-submit, .j171-masar .j171-masar--search input[type=color] + .form-submit, .j171-masar .j171-masar--search input[type=date] + .form-submit, .j171-masar .j171-masar--search .field-content textarea + .form-submit, .field-content .j171-masar .j171-masar--search textarea + .form-submit, .j171-masar .j171-masar--search .j134-media--filter-inputsearch + .form-submit, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field__input--text + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search .form-field__input--text + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=email] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=email] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=number] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=number] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=password] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=password] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=tel] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=tel] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=text] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=text] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=url] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=url] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=color] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=color] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext input[type=date] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search input[type=date] + a, .j171-masar .j171-masar--search .field-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search .field-content textarea + a, .field-content .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .field-content .j171-masar .j171-masar--search textarea + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j134-media--filter-inputsearch + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j171-masar .j171-masar--search .j134-media--filter-inputsearch + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field__input--text + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search .form-field__input--text + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=email] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=email] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=number] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=number] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=password] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=password] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=tel] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=tel] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=text] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=text] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=url] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=url] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=color] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=color] + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious input[type=date] + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search input[type=date] + a, .j171-masar .j171-masar--search .field-content .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search .field-content textarea + a, .field-content .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious textarea + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .field-content .j171-masar .j171-masar--search textarea + a, .j171-masar .j171-masar--search .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j134-media--filter-inputsearch + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j171-masar .j171-masar--search .j134-media--filter-inputsearch + a { float: right; margin-top: 16px; } .j171-masar .j171-masar--search .btSearchh { float: left !important; margin-left: 0px !important; } .j171-masar .m70-status-tracker-verticalnew { overflow: visible; } .j171-masar .form-field--6 { width: 100%; padding: 0px; } .form-field__button-flex-links .form-field__button-flex-section { margin-top: 10px; } .picker--6.form-field--6 { width: 100%; padding: 0px; } .form-field_contact-ext-fieldset.eid-fieldset { display: block; } .form-field_contact-ext-fieldset.eid-fieldset .form-field + .form-field, .form-field_contact-ext-fieldset.eid-fieldset .field-border + .form-field, .form-field_contact-ext-fieldset.eid-fieldset .form-field + .field-border, .form-field_contact-ext-fieldset.eid-fieldset .field-border + .field-border { width: auto; margin: 24px 0px 0px; } .form-field_contact-ext-fieldset.contact-country-code.masar-ext-fieldset { flex-wrap: wrap; } .form-field_contact-ext-fieldset.contact-country-code.masar-ext-fieldset .form-field_ext-col3 { flex-basis: 100%; margin-left: 0px; margin-right: 0px; margin-top: 24px; } .form-field_contact-ext-fieldset.contact-country-code.masar-ext-fieldset .form-field_contact-number-col3 { width: 212px; } } @media screen and (min-width: 1025px) { .form-field__button-flex { display: flex; } .form-field__button-flex-links { display: flex; align-items: center; justify-content: space-between; flex: 1; margin: 0px 10px; } .j171-masar-tab-content .form-field__messages-password-list-item { width: 50%; } .form-field_contact-ext-fieldset.eid-fieldset { display: flex; } .form-field_contact-ext-fieldset.eid-fieldset .form-field + .form-field, .form-field_contact-ext-fieldset.eid-fieldset .field-border + .form-field, .form-field_contact-ext-fieldset.eid-fieldset .form-field + .field-border, .form-field_contact-ext-fieldset.eid-fieldset .field-border + .field-border { width: 220px; } .m39-modal-add-bankac .m39-modal__content, .m39-modal-add-bankac-details .m39-modal__content { padding: 48px 35px; bottom: 65px; margin-bottom: 0px; } .m39-modal-add-bankac .m39-modal__header, .m39-modal-add-bankac-details .m39-modal__header { padding-bottom: 0px; } .m39-modal--longform.m39-modal-add-bankac .m39-modal__dialog, .m39-modal-add-bankac-details .m39-modal__dialog { max-width: 650px; } .j171-masar .m70-status-cs--sectiontrack-heading { flex-wrap: nowrap; } .j171-masar .m70-status-cs--sectiontrack-headingstatus { margin-left: 12px; margin-top: 0px; } } .banner-breadcrumb { position: absolute; padding: 0 32px; } .j173-our-brand .j173-our-brand-section { border-bottom: 2px solid #F2F3F3; padding: 64px 0; } .j173-our-brand .j173-our-brand-section:last-child { border-bottom: none; } .j173-our-brand h2 { font-weight: 400; line-height: inherit; margin-bottom: 24px; } .j173-our-brand h3 { font-weight: 700; } .j173-our-brand h5 { font-weight: 400; color: #454746; margin-bottom: 24px; } .j173-our-brand .j173-our-brand-value-items { display: flex; justify-content: space-between; margin-top: 36px; flex-wrap: wrap; } .j173-our-brand .j173-our-brand-value-items .j173-our-brand-value-item { display: flex; flex-direction: column; align-items: center; width: 50%; text-align: center; margin-bottom: 20px; } .j173-our-brand .j173-our-brand-value-items .j173-our-brand-value-item span { margin-top: 12px; font-weight: 700; } .j173-our-brand .j173-our-brand-dna-items { display: flex; padding: 0px 1px; align-items: stretch; align-content: flex-start; gap: 17px; align-self: stretch; flex-wrap: wrap; margin-top: 44px; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item { padding: 19px 23px; align-items: center; align-content: center; flex-wrap: wrap; gap: 17px; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.35) inset; border-radius: 6px; width: calc((100% - 34px) / 3); } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-green { border-color: #316353; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-green .dna-item-details-title { color: #316353; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-blue { border-color: #127BBF; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-blue .dna-item-details-title { color: #127BBF; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-mr { border-color: #550956; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-mr .dna-item-details-title { color: #550956; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-green2 { border-color: #1C6E3D; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-green2 .dna-item-details-title { color: #1C6E3D; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-red { border-color: #E9234C; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-red .dna-item-details-title { color: #E9234C; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-brown { border-color: #7E5F11; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-brown .dna-item-details-title { color: #7E5F11; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-blue2 { border-color: #1A3668; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item.border-blue2 .dna-item-details-title { color: #1A3668; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-img { border-radius: 8px; height: 64px; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details { line-height: 22px; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item .brand-dna-item-details .dna-item-details-character { font-weight: 400; color: #6F6F6F; } .j173-our-brand .brand-section-dewa { display: flex; margin-top: 24px; } .j173-our-brand .brand-section-dewa-img { margin-left: 72px; } .j173-our-brand .brand-section-dewa-text .text-title { margin-top: 16px; display: inline-block; } .j173-our-brand .brand-section-dewa-text p { margin-top: 0px; } .j173-our-brand .brand-section-dewa-text .water-title { color: #127BBF; } .j173-our-brand .brand-section-dewa-text .envio-title { color: #007560; } .j173-our-brand .brand-section-dewa-text .energy-title { color: #DC122B; } .j173-our-brand .timeline-img { height: 69px; } .j173-our-brand .timeline-item-cercle { width: 166px; max-width: 100%; aspect-ratio: 1; border: 3px solid #EDEDED; border-radius: 50%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .j173-our-brand .timeline-item-cercle .tm1 { margin-bottom: 15px; margin-left: 8px; } .j173-our-brand .timeline-item-cercle .tm2 { margin-bottom: 12px; margin-right: 6px; } .j173-our-brand .timeline-item-cercle .tm3 { margin-bottom: 9px; } .j173-our-brand .timeline-item-cercle .tm4 { margin-bottom: 12px; } .j173-our-brand .timeline-item-cercle .tm5 { margin-bottom: 14px; margin-right: 3px; } .j173-our-brand .brand-section-timeline-items { display: flex; justify-content: space-between; margin-top: 24px; flex-flow: wrap; } .j173-our-brand .brand-section-timeline-item { text-align: center; } .j173-our-brand .brand-section-timeline-item .timeline-item-year { font-weight: 400; line-height: 26px; margin-top: 8px; } .j173-our-brand .sonic-details-image-wrapper { height: 294px; background-repeat: no-repeat; background-position: center; width: calc(50% - 8px); } .j173-our-brand .brand-section-sonic { display: flex; align-items: flex-start; align-content: flex-start; gap: 16px; align-self: stretch; flex-wrap: wrap; } .j173-our-brand .sonic-details { width: calc(50% - 8px); } .j173-our-brand .section-sonic-video-wrapper { width: 100%; text-align: center; } .j173-our-brand .section-sonic-video { width: 100%; aspect-ratio: 16/9; } .j173-our-brand .section-sonic-desc { line-height: 1.25; font-style: normal; color: #6F6F6F; } @media screen and (max-width: 1024px) { .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item { width: calc((100% - 24px) / 2); } .j173-our-brand .brand-section-dewa { flex-flow: column; } .j173-our-brand .brand-section-dewa-img { width: 220px; margin: 0 auto; } } @media screen and (max-width: 599px) { .j173-our-brand .j173-our-brand-section { padding: 32px; } .j173-our-brand .j173-our-brand-value-items .j173-our-brand-value-item { width: 100%; margin-bottom: 32px; } .j173-our-brand .j173-our-brand-dna-items .j173-our-brand-dna-item { width: 100%; flex-flow: column; display: flex; } .j173-our-brand .j173-our-brand-dna-items .brand-dna-item-details { width: 100%; text-align: center; } .j173-our-brand .brand-section-timeline-item { width: calc((100% - 16px) / 2); margin-bottom: 16px; } .j173-our-brand .brand-section-sonic { flex-flow: column; } .j173-our-brand .sonic-details, .j173-our-brand .sonic-details-image-wrapper { width: 100%; } } @media screen and (min-width: 1025px) { .j173-our-brand .j173-our-brand-value-items { justify-content: space-around; } .j173-our-brand .j173-our-brand-value-items .j173-our-brand-value-item { min-width: 160px; width: auto; } .j173-our-brand .j173-our-brand-dna-items { display: flex; padding: 0px 1px; align-items: stretch; align-content: flex-start; gap: 17px; align-self: stretch; flex-wrap: wrap; } .j173-our-brand .brand-section-dewa-img { width: 314px; height: 314px; } .j173-our-brand .brand-section-dewa-text .text-title { margin-bottom: 5px; display: inline-block; } } .m110-home-compare { font-weight: 300; line-height: 1.5; } .m110-home-compare--header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; } .m110-home-compare--title { position: relative; font-weight: 700; padding-left: 36px; } .m110-home-compare--title:before { position: absolute; font-family: "iconfont"; color: #6F6F6F; font-size: 36px; font-weight: 400; top: calc((100% - 56px) / 2); left: -8px; } .m110-home-compare--title.electricity:before { content: "릀"; color: #007560; } .m110-home-compare--title.water:before { content: "릁"; color: #0B7BC1; } .m110-home-compare--modaltrigger { padding: 0; } .m110-home-compare--modaltrigger:before { content: "릂"; font-family: "iconfont"; color: #979797; font-size: 28px; position: relative; right: -6px; } .m110-home-compare--desc { font-weight: 700; margin-bottom: 16px; min-height: 3em; } .m110-home-compare--graph_wrapper { display: flex; align-items: stretch; justify-content: space-between; } .m110-home-compare--graph { width: 100%; position: relative; top: -12px; } .m110-home-compare--graph_item + .m110-home-compare--graph_item { margin-top: 12px; } .m110-home-compare--graph_label { margin-bottom: 8px; } .m110-home-compare--graph_barwrapper { display: flex; align-items: center; justify-content: flex-start; } .m110-home-compare--graph_bar { height: 32px; width: 0%; background-color: #f1f1f1; border-radius: 24px; transition: 1s width ease; min-width: 3%; } .m110-home-compare--graph_bar.average { min-width: 6%; } .m110-home-compare--graph_barlabel { text-wrap: nowrap; margin-left: 12px; } .m110-home-compare--graph_itemhome .m110-home-compare--graph_label { font-weight: 700; } .m110-home-compare--graph_itemhome .m110-home-compare--graph_barlabel { font-weight: 700; } .m110-home-compare--scale { display: flex; align-items: stretch; justify-content: flex-start; } .m110-home-compare--scale_pointercontainer { position: relative; width: 24px; height: 80%; top: 10%; margin-right: 12px; } .m110-home-compare--scale_pointer { position: absolute; height: 0; width: 24px; display: flex; align-items: center; justify-content: center; top: calc((100% - 4px) / 2); right: 0; transition: 1s top ease-out; transform-origin: left; } .m110-home-compare--scale_pointer:before { content: "亂"; font-family: "iconfont"; font-size: 32px; color: #007560; position: relative; top: -1px; } .m110-home-compare--scale_scale { width: 6px; height: 100%; background: linear-gradient(180deg, #C8DFC6 0%, #0A715A 100%); } .m110-home-compare--scale_labels { position: relative; margin-left: 16px; padding: 10% 0; display: flex; flex-flow: column; align-items: flex-start; justify-content: space-between; } .m110-home-compare--scale_label { position: relative; text-wrap: nowrap; } .m110-home-compare--scale_label:before { content: " "; height: 2px; width: 16px; background-color: #E1E0E0; position: absolute; left: -22px; top: calc((100% - 2px) / 2); } .m110-home-compare--grade { position: relative; width: 90px; min-width: 90px; display: flex; align-items: center; justify-content: center; } .m110-home-compare--grade:before { content: "릅"; font-family: "iconfont"; font-size: 140px; position: relative; top: -6px; color: #979797; } .m110-home-compare--grade.bad:before { content: "릃"; } .m110-home-compare--grade.good:before { content: "릅"; } .m110-home-compare--grade.great:before { content: "름"; } .m110-home-compare--scale.water .m110-home-compare--scale_pointer:before { color: #0072C6; } .m110-home-compare--scale.water .m110-home-compare--scale_scale { background: linear-gradient(180deg, #CAE5F5 0%, #0072C6 100%); } .m110-home-compare--grade.water .m110-home-compare--grade:after { border-top: 16px solid #0B7BC1; } @media screen and (max-width: 1199px) { .m110-home-compare--scale, .m110-home-compare--grade { display: none; } } .j174-dewa-store { font-weight: 300; line-height: 1.25; } .j174-dewa-store .button--quaternary { background-color: transparent; } .j174-dewa-store .inner-breadcrumb { position: static; margin: 14px 0 40px; padding: 0; } .j174-dewa-store .inner-breadcrumb .button--breadcrumbdot { color: #007560; font-weight: 300; } .j174-dewa-store .inner-breadcrumb .button--breadcrumbdot:before { color: #007560; top: 12px; } .j174-dewa-store .form + * { margin-top: 0; } .j174-dewa-store .grid__row:first-child .grid__column--form .j174-dewa-store--sectiontitle:first-child, .j174-dewa-store .grid__row--tight:first-child .grid__column--form .j174-dewa-store--sectiontitle:first-child, .j174-dewa-store .form-introduction:first-child .grid__column--form .j174-dewa-store--sectiontitle:first-child { margin-top: 40px; } .j174-dewa-store--heading { display: flex; align-items: flex-start; justify-content: space-between; } .j174-dewa-store--heading:first-child { margin-top: 32px; } .j174-dewa-store--headingcontent { margin-bottom: 16px; } .j174-dewa-store--headingtitle + .j174-dewa-store_subtitle { margin-top: 8px; } .j174-dewa-store--headingdesc { display: flex; align-items: center; justify-content: flex-start; } .j174-dewa-store--headingdesc img { width: 80px; margin-right: 16px; } .j174-dewa-store--button { color: #222222; font-weight: 600; padding: 8px 36px; border-radius: 5px; border: solid 1px #222222; line-height: 24px; display: flex; align-items: center; justify-items: center; } .j174-dewa-store--button:before { font-family: "iconfont"; } .j174-dewa-store--button.offers:before { content: "륪"; font-size: 32px; position: relative; top: -3px; font-weight: 300; } .j174-dewa-store--button.sortby { position: relative; padding: 0; } .j174-dewa-store--button.sortby select { appearance: none; -webkit-appearance: none; /* Optional: remove default iOS styling */ -moz-appearance: none; appearance: none; text-align: center; border: none; padding: 8px 36px; padding-left: 44px; text-align: left; color: #222222; z-index: 1; line-height: 1.5; background-color: transparent !important; } .j174-dewa-store--button.sortby select::option, .j174-dewa-store--button.sortby select:option, .j174-dewa-store--button.sortby select option { padding: 0; text-align: left; line-height: 1.25; } .j174-dewa-store--button.sortby:before { content: "륯"; font-size: 32px; position: absolute; top: calc((100% - 30px) / 2); left: 8px; font-weight: 300; } .j174-dewa-store--button.filter { position: relative; padding: 0; } .j174-dewa-store--button.filter:before { content: "륻"; font-size: 32px; position: absolute; top: calc((100% - 30px) / 2); left: 28px; font-weight: 300; } .j174-dewa-store--button.favorite { position: relative; } .j174-dewa-store--button.favorite:before { content: "懶"; font-size: 26px; top: -3px; position: relative; font-weight: 300; } .j174-dewa-store--headingsearch { margin-top: 24px; } .j174-dewa-store--form { display: flex; align-items: stretch; justify-content: flex-start; width: 100%; max-width: 900px; border: solid 1px #BDBDBD; border-radius: 5px; overflow: hidden; } .j174-dewa-store--wrapper_input { display: flex; align-items: stretch; width: 100%; } .j174-dewa-store--wrapper_inputselect { position: relative; border-right: solid 1px #bdbdbd; width: auto; background-color: #F2F3F3; } .j174-dewa-store--wrapper_inputselect:before { content: "\e604"; font-family: "iconfont"; font-size: 32px; position: absolute; top: calc((100% - 40px) / 2); right: 0; } input.j174-dewa-store--input, select.j174-dewa-store--input { appearance: none; border: none; width: 100%; } select.j174-dewa-store--inputselect { padding: 16px; padding-right: 30px; position: relative; z-index: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #222222; min-width: 200px; line-height: 23px; background-color: transparent !important; } select.j174-dewa-store--inputselect option { padding-right: 30px; } input.j174-dewa-store--input { cursor: pointer; } .j174-dewa-store--sectiontitle + * { margin-top: 24px; } .j174-dewa-store--sectiontitle_head { display: flex; align-items: center; justify-content: space-between; } .j174-dewa-store--sectiontitle_head .link, .j174-dewa-store--sectiontitle_head .m111-cs--content_headinglink, .j174-dewa-store--sectiontitle_head .form-links__link, .j174-dewa-store--sectiontitle_head .m14-richtext a:not(.button):not(.button--centered), .j174-dewa-store--sectiontitle_head .m125-teaser--content a:not(.button):not(.button--centered), .m14-richtext .j174-dewa-store--sectiontitle_head a:not(.button):not(.button--centered), .m125-teaser--content .j174-dewa-store--sectiontitle_head a:not(.button):not(.button--centered), .j174-dewa-store--sectiontitle_head .links-list__link { font-weight: 600; } .j174-dewa-store--sectiontitle_text { font-weight: 600; } .j174-dewa-store--sectiontitle_subtext { margin-top: 8px; color: #6F6F6F; } .j174-dewa-store--sectiontitle_centered { text-align: center; } .j174-dewa-store--sectiontitle_centered .j174-dewa-store--sectiontitle_head { flex-flow: column; justify-content: center; } .j174-dewa-store--categories { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 24px; } .j174-dewa-store--category { min-width: calc((100% - 120px) / 6); max-width: calc((100% - 120px) / 6); aspect-ratio: 1; border-radius: 5px; background-color: #007560; background-size: cover; background-position: center center; color: white; position: relative; box-sizing: border-box; padding: 12px; display: flex; align-items: flex-end; } .j174-dewa-store--category_num { position: absolute; background-color: white; color: #222222; font-weight: 600; padding: 6px; aspect-ratio: 1; top: 0; left: 0; opacity: 0.9; display: flex; align-items: center; line-height: 17px; } .j174-dewa-store--category .j174-dewa-store--category_num { border-bottom-right-radius: 5px; } .j174-dewa-store--category_tag { padding: 6px 12px; background-color: white; color: #222222; font-weight: 600; border-radius: 50px; display: flex; align-items: center; } .j174-dewa-store--category_tag.hasicon { background-color: #007560; color: white; } .j174-dewa-store--category_tag.hasicon:before { line-height: 17px; width: 28px; margin-left: -9px; } .j174-dewa-store--category_text { position: absolute; top: 44px; } .j174-dewa-store--carousel { display: flex; align-items: stretch; justify-content: flex-start; gap: 32px; } .j174-dewa-store--carousel.slick-initialized { width: calc(100% + 30px); margin-bottom: 0; } .j174-dewa-store--carousel.slick-initialized .j174-dewa-store--offer.slick-slide { margin: 0; margin-right: 32px; } .j174-dewa-store--carousel .j174-dewa-store--offer { width: calc((100% - 96px) / 4); } .j174-dewa-store--offer { width: 100%; color: #222222; box-sizing: border-box; } .j174-dewa-store--offer_img { width: 100%; aspect-ratio: 1; position: relative; padding: 8px; background-size: cover; background-position: center center; display: flex; align-items: flex-end; justify-content: flex-start; } .j174-dewa-store--offer_tagrow { position: absolute; top: 8px; right: 8px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; } .j174-dewa-store--offer_img .j174-dewa-store--offer_tagrow { gap: 4px; width: calc(100% - 102px); } .j174-dewa-store--offer_tag { padding: 5px 8px 4px; border-radius: 5px; color: white; font-weight: 600; display: flex; align-items: center; line-height: 1.375em; } .j174-dewa-store--offer_tag.greentag { background-color: #007560; } .j174-dewa-store--offer_tag.redtag { background-color: #B00020; } .j174-dewa-store--offer_tag:before { font-size: 24px; line-height: 18px; position: relative; top: -2px; } .j174-dewa-store--offer_brand { width: 80px; max-width: 40%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background-color: white; border-radius: 5px; padding: 8px; } .j174-dewa-store--offer_brand img { max-width: 100%; max-height: 100%; } .j174-dewa-store--offer_details { margin-top: 12px; } .j174-dewa-store--offer_title { font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 3em; } .j174-dewa-store--offer_subtitle { margin-top: 8px; display: flex; align-items: center; justify-content: flex-start; } .j174-dewa-store--offer_price { font-weight: 600; } .j174-dewa-store--offer_price.strike { font-weight: 300; color: #656C79; text-decoration: line-through; margin-left: 12px; } .j174-dewa-store--carousel_nav { position: absolute; display: none; align-items: center; justify-content: space-between; left: 38px; right: 38px; top: 50%; height: 0; } .j174-dewa-store--carouseltfs--prev, .j174-dewa-store--carouseltfs--next { cursor: pointer; height: 40px; width: 40px; background-color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 1; transition: 0.25s opacity ease; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); } .j174-dewa-store--carouseltfs--prev:before, .j174-dewa-store--carouseltfs--next:before { font-family: "iconfont"; color: #222222; font-size: 24px; font-weight: 600; } .j174-dewa-store--carouseltfs--prev.slick-disabled, .j174-dewa-store--carouseltfs--next.slick-disabled { opacity: 0; z-index: -1; } .j174-dewa-store--carouseltfs--prev:before { content: "\e609"; } .j174-dewa-store--carouseltfs--next:before { content: "\e60c"; } .j174-dewa-store--imgteaser { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; } .j174-dewa-store--imgteaser_link { padding: 24px 36px; box-sizing: border-box; } .j174-dewa-store--imgteaser_link img { max-height: 120px; } .j174-dewa-store--newsletter_wrapper { display: flex; align-items: stretch; justify-content: space-between; } .j174-dewa-store--newsletter_img { width: 100%; aspect-ratio: 4/3; max-height: 540px; background-size: cover; background-position: center center; } .j174-dewa-store--newsletter_form { width: 100%; display: flex; align-items: center; justify-content: center; } .j174-dewa-store--newsletter_form .form { max-width: 80%; width: 540px; } .j174-dewa-store--newsletter_form .form-field + .button, .j174-dewa-store--newsletter_form .field-border + .button, .j174-dewa-store--newsletter_form .form-field + .button--centered, .j174-dewa-store--newsletter_form .field-border + .button--centered, .j174-dewa-store--newsletter_form .form-field + .form-submit, .j174-dewa-store--newsletter_form .field-border + .form-submit, .j174-dewa-store--newsletter_form .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .form-field + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j174-dewa-store--newsletter_form .form-field + a, .j174-dewa-store--newsletter_form .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .field-border + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j174-dewa-store--newsletter_form .field-border + a, .j174-dewa-store--newsletter_form .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .form-field + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j174-dewa-store--newsletter_form .form-field + a, .j174-dewa-store--newsletter_form .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .field-border + a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j174-dewa-store--newsletter_form .field-border + a { margin-top: 24px; } .j174-dewa-store--newsletter_form .form-field__input-wrapper:after, .j174-dewa-store--newsletter_form .m111-content-scroller--nav_mobile-selectwrapper:after, .j174-dewa-store--newsletter_form .j100-expander_input:after, .j174-dewa-store--newsletter_form .field-content:after, .j174-dewa-store--newsletter_form .j134-media--filter:after { top: 2px; } .j174-dewa-store--newsletter_title { font-weight: 600; margin-bottom: 24px; } .j174-dewa-store--newsletter_subtitle { margin-bottom: 16px; } .j174-dewa-store--faq_banner, .j174-dewa-store--moredeals_banner { padding: 36px 0; } .j174-dewa-store--faq_banner .grid__row, .j174-dewa-store--faq_banner .grid__row--tight, .j174-dewa-store--faq_banner .form-introduction, .j174-dewa-store--moredeals_banner .grid__row, .j174-dewa-store--moredeals_banner .grid__row--tight, .j174-dewa-store--moredeals_banner .form-introduction { margin: 0; } .j174-dewa-store--faq_banner { background-color: #F2F3F3; } .j174-dewa-store--faq_bannertitle { font-weight: 600; margin-bottom: 16px; } .j174-dewa-store--faq_bannerdesc { max-width: 900px; margin: 0 auto; margin-bottom: 12px; } .j174-dewa-store--offerdeet { display: flex; align-items: stretch; justify-content: space-between; margin-top: 50px; } .j174-dewa-store--offerdeet_media, .j174-dewa-store--offerdeet_details { width: calc((100% - 32px) / 2); } .j174-dewa-store--offerdeet_media { display: flex; align-items: flex-start; justify-content: space-between; } .j174-dewa-store--offerdeet-image .j174-dewa-store--offerdeet_media { width: calc((100% - 32px) / 4); } .j174-dewa-store--offerdeet-image .j174-dewa-store--offerdeet_media .j174-dewa-store--offer_brand { width: 100%; border: 1px solid #BDBDBD; padding: 30px; max-width: none; } .j174-dewa-store--offerdeet-image .j174-dewa-store--offerdeet_details { width: calc(100% - 32px - (100% - 32px) / 4); /*.j174-dewa-store--offerdeet_desc,*/ } .j174-dewa-store--offerdeet-image .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_points { max-width: 600px; } .j174-dewa-store--offerdeet_carouselthumb { width: 14.2857142857%; min-width: 90px; margin-right: 8px; } .j174-dewa-store--offerdeet_carouselthumb .j174-dewa-store--offerdeet_carouselslide { cursor: pointer; opacity: 0.6; transition: 0.25s opacity ease; } .j174-dewa-store--offerdeet_carouselthumb .j174-dewa-store--offerdeet_carouselslide.active { opacity: 1; } .j174-dewa-store--offerdeet_carouselmain { width: 85.7142857143%; max-width: calc(100% - 90px); } .j174-dewa-store--offerdeet_carouselslide { border-radius: 5px; } .j174-dewa-store--offerdeet_carouselslide img { width: 100%; } .j174-dewa-store--offerdeet_details { margin-left: 32px; } .j174-dewa-store--offerdeet_row { display: flex; align-items: start; justify-content: space-between; } .j174-dewa-store--offerdeet_tag { display: inline-block; padding: 2px 16px; background-color: #222222; color: white; border-radius: 2px; margin-bottom: 20px; } .j174-dewa-store--offerdeet_fave { position: relative; } .j174-dewa-store--offerdeet_favemsg { position: absolute; white-space: nowrap; right: 0; padding: 8px 12px; border-radius: 6px; bottom: 100%; background-color: #222222; color: white; display: none; align-items: center; justify-content: start; } .j174-dewa-store--offerdeet_favemsg:before { content: "懶"; font-family: "iconfont"; font-size: 24px; line-height: 14px; position: relative; top: -3px; left: -4px; } .j174-dewa-store--offerdeet_favemsg.remove:after { content: ""; position: absolute; width: 16px; height: 2px; background-color: white; border-top: solid 1px #222222; transform: rotate(45deg); left: 14px; top: 14px; } .j174-dewa-store--offerdeet_faveicon { color: #BDBDBD; font-size: 46px; line-height: 30px; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .j174-dewa-store--offerdeet_faveicon:before { content: "懶"; font-family: "iconfont"; } .j174-dewa-store--offerdeet_faveicon.favorite { color: #FFB240; } .j174-dewa-store--offerdeet_faveicon.favorite:before { color: #FFB240 !important; } .j174-dewa-store--offerdeet_title { font-weight: 600; margin-bottom: 2px; } .j174-dewa-store--offerdeet_brand { display: inline-block; margin-bottom: 24px; } .j174-dewa-store--offerdeet_discount { display: flex; align-items: center; justify-content: flex-start; color: #CB4D3A; margin-bottom: 16px; } .j174-dewa-store--offerdeet_discounttag { color: #222222; font-weight: 600; background-color: #f7e3e0; padding: 6px; border-radius: 2px; margin-left: 12px; line-height: 1em; display: flex; align-items: center; justify-content: flex-start; } .j174-dewa-store--offerdeet_discounttag:before { font-family: "iconfont"; font-size: 20px; position: relative; top: -1px; } .j174-dewa-store--offerdeet_discounttag.pod:before { content: "落"; } .j174-dewa-store--offerdeet_points { display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; color: #6F6F6F; margin-top: 30px; } .j174-dewa-store--offerdeet_point { width: calc((100% - 12px) / 2); margin-bottom: 16px; display: flex; align-items: flex-start; line-height: 1em; } .j174-dewa-store--offerdeet_point:before { position: relative; top: -3px; } .j174-dewa-store--offerdeet_point.icon-b-dstore-calendar:before { width: 22px; left: -7px; } .j174-dewa-store--offerdeet_cta { display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start; margin-top: 36px; } .j174-dewa-store--offerdeet_cta .button, .j174-dewa-store--offerdeet_cta .button--centered, .j174-dewa-store--offerdeet_cta .form-submit, .j174-dewa-store--offerdeet_cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j174-dewa-store--offerdeet_cta a, .j174-dewa-store--offerdeet_cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j174-dewa-store--offerdeet_cta a { margin-top: 8px; } .j174-dewa-store--tablinks { display: flex; align-items: flex-end; justify-content: flex-start; border-bottom: solid 1px #BDBDBD; } .j174-dewa-store--tablink { padding: 0px 10px 20px; color: #6F6F6F; border-bottom: solid 3px transparent; outline: none !important; } .j174-dewa-store--tablink.active { color: #222222; border-color: #222222; } .j174-dewa-store--tablink:hover { color: #222222; } .j174-dewa-store--tablink + .j174-dewa-store--tablink { margin-left: 12px; } .j174-dewa-store--tabcontent { margin-top: 20px; } .j174-dewa-store--tabcontent_item { display: none; line-height: 1.5; } .j174-dewa-store--tabcontent_item.active { display: block; } .j174-dewa-store--moredeals_banner { background-color: #E6F3F1; } .j174-dewa-store--moredeals_banner .j174-dewa-store--carousel { flex-flow: wrap; } .j174-dewa-store--offerdeet .form { position: static; } .j174-dewa-store--offerdeet .m39-modal__header { min-height: unset; } .j174-dewa-store--offerdeet .m39-modal__title { text-align: center !important; font-weight: bold; } .j174-dewa-store--offerdeet .m39-modal__content { bottom: 136px; } .j174-dewa-store--offerdeet .m39-modal__footer { display: flex; flex-flow: column; align-items: center; height: 130px; padding: 24px 16px; } .j174-dewa-store--offerdeet .m39-modal__footer .button, .j174-dewa-store--offerdeet .m39-modal__footer .button--centered, .j174-dewa-store--offerdeet .m39-modal__footer .form-submit, .j174-dewa-store--offerdeet .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .j174-dewa-store--offerdeet .m39-modal__footer a, .j174-dewa-store--offerdeet .m39-modal__footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .j174-dewa-store--offerdeet .m39-modal__footer a { margin-top: 16px; } .j174-dewa-store--offerdeet .form-field__description { font-size: 16px; font-weight: 300; } .j174-dewa-store--modalheading_title, .j174-dewa-store--modalform_title { font-weight: 600; } .j174-dewa-store--modalheading_details { display: flex; align-items: flex-start; justify-content: flex-start; margin-top: 8px; padding-bottom: 24px; border-bottom: solid 1px #D7D7DF; } .j174-dewa-store--modalheading_details img { max-height: 80px; max-width: 80px; border-radius: 8px; margin-right: 16px; } .j174-dewa-store--modalheading_detailtext { font-weight: 600; } .j174-dewa-store--modalform { margin-top: 16px; } .j174-dewa-store--modalform_desc { line-height: 1.5; } .j174-dewa-store--modalform_desc + * { margin-top: 16px; } .j174-confirmation-modal .m39-modal__dialog { max-width: 540px; max-height: 370px; text-align: center; } .j174-confirmation-modal .m39-modal__header { min-height: unset; } .j174-confirmation-modal .m39-modal__content { bottom: 0; } .j174-confirmation-modal--icon:before { font-size: 54px; border-radius: 50%; } .j174-confirmation-modal--icon.icon-tick:before { background-color: #007560; color: white; } .j174-confirmation-modal--icon.icon-cancel:before, .j174-confirmation-modal--icon.button--upload_remove:before, .j174-confirmation-modal--icon.m70-status-tracker-vertical-title.rejected:before { background-color: #B00020; color: white; } .j174-confirmation-modal--title { font-weight: 700; margin: 12px auto; } .j174-confirmation-modal--text { line-height: 1.5; margin-bottom: 16px; } .j174-dewa-store--redeemcode { background-color: transparent; border: dashed 2px #007560; color: #007560; } .j174-dewa-store--alloffers { display: flex; align-items: flex-start; justify-content: space-between; } .j174-dewa-store--alloffers .j174-dewa-store--form { max-width: 600px; margin-bottom: 40px; } .j174-dewa-store--form + .sortby { margin-left: 50px; } .j174-dewa-store--alloffers_filters { width: calc((100% - 32px) * 0.25); padding-top: 69px; } .j174-dewa-store--filters_heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 32px; } .j174-dewa-store--filters_title { font-weight: 600; } .j174-dewa-store--filters_clearall { color: #B00020; display: none; } .j174-dewa-store--filters_search { border: 1px solid #D7D7DF; border-radius: 8px; transition: all 0.25s linear; } .j174-dewa-store--filters_search:focus, .j174-dewa-store--filters_search:focus-within { border-color: #007560; box-shadow: 0px 0px 0px 3px rgb(230, 243, 241); } .j174-dewa-store--filters_search.form-field__input-wrapper--error, .j174-dewa-store--filters_search.field-content--error { border-color: #B00020; } .j174-dewa-store--filters_group + .j174-dewa-store--filters_group { margin-top: 24px; border-top: solid 1px #D7D7DF; padding-top: 24px; } .j174-dewa-store--filters_groupheading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .j174-dewa-store--filters_grouptitle { font-weight: 700; } .j174-dewa-store--filters_groupcount { padding: 2px 6px; background-color: #EFEFF1; border-radius: 3px; opacity: 0; } .j174-dewa-store--filters_brand .fieldset { position: relative; overflow: auto; padding: 1px 2px; } .j174-dewa-store--filters_brand .form-field__checkbox, .j174-dewa-store--filters_brand .field-content--checkbox { display: none; } .j174-dewa-store--filters_brand .form-field__checkbox:nth-child(-n+10), .j174-dewa-store--filters_brand .field-content--checkbox:nth-child(-n+10) { display: block; } .j174-dewa-store--filters_brand.showall .fieldset::-webkit-scrollbar { width: 8px; } .j174-dewa-store--filters_brand.showall .fieldset::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 12px; } .j174-dewa-store--filters_brand.showall .fieldset::-webkit-scrollbar-thumb { background: #BDBDBD; border-radius: 12px; cursor: pointer; } .j174-dewa-store--filters_brand.showall .fieldset::-webkit-scrollbar-thumb:hover { background: #9d9d9d; } .j174-dewa-store--filters_brand.showall .form-field__checkbox, .j174-dewa-store--filters_brand.showall .field-content--checkbox { display: block; } .j174-dewa-store--filters_view { margin-top: 16px; font-weight: 700; } .j174-dewa-store--alloffers_main { width: calc((100% - 32px) * 0.75); } .j174-dewa-store--alloffers_main .ajax-loader-overlay { background-position: bottom !important; margin-top: 48px; } .j174-dewa-store--alloffers_resultcount { font-weight: 600; margin-bottom: 8px; } .j174-dewa-store--alloffers_results { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 32px; margin-bottom: 32px; } .j174-dewa-store--alloffers_results .j174-dewa-store--offer { width: calc((100% - 64px) / 3); margin: 0; } .j174-dewa-store--form_between { display: flex; align-items: center; justify-content: space-between; } .j174-dewa-store--brands { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; margin-top: 44px; } .j174-dewa-store--brands + .j174-dewa-store--brands { margin-top: 0px; } .j174-dewa-store--brand { display: flex; align-items: center; justify-content: center; padding: 16px; border: solid 1px #BDBDBD; border-radius: 5px; aspect-ratio: 1; margin-bottom: 10px; box-sizing: border-box; } .j174-dewa-store--brand img { max-width: 100%; max-height: 100%; } .j174-dewa-store--brand-wrapper { width: calc((100% - 160px) / 6); } .j174-dewa-store--brand-wrapper + .j174-dewa-store--brand-wrapper { margin-left: 32px; } .j174-dewa-store--brand-wrapper:nth-child(6n+1) { margin: 0 0 24px; } .j174-dewa-store--brand-name { font-size: 1.125em; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; height: 4.5em; color: #222222; } .j174-dewa-store--branddetails_img { margin-bottom: 40px; } .j174-dewa-store--branddetails_img img { max-height: 120px; } .j174-dewa-store--branddetails_title { font-weight: 600; margin-bottom: 24px; } .j174-dewa-store--tabcontent_tags { margin-top: 24px; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 8px; max-width: 100%; padding-bottom: 16px; } .j174-dewa-store--tabcontent_tag { padding: 4px 12px; border: solid 1px #000; border-radius: 20px; } .j174-dewa-store--tabcontent_contactrow { display: flex; align-items: flex-start; justify-content: flex-start; } .j174-dewa-store--tabcontent_contactcol + .j174-dewa-store--tabcontent_contactcol { margin-left: 64px; } .j174-dewa-store--tabcontent_contact { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 20px; } .j174-dewa-store--tabcontent_contacticon { margin-right: 12px; display: flex; align-items: center; justify-content: center; } .j174-dewa-store--tabcontent_contacticon:before { color: #6F6F6F; font-size: 36px; position: relative; top: -4px; } .j174-dewa-store--tabcontent_contacticon.icon-b-dstore-website + div .j174-dewa-store--tabcontent_contactvalue { word-break: break-all; } .j174-dewa-store--tabcontent_contactvalue a { color: #222222; } .j174-dewa-store--tabcontent_contactvalue a:hover { text-decoration: underline; } .j174-dewa-store--brandoffers { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 32px; } .j174-dewa-store--brandoffers .j174-dewa-store--offer { width: calc((100% - 96px) / 4); } .j174-dewa-store--brandoffers-withoutimg .j174-dewa-store--offer_inner { border: 1px solid #BDBDBD; border-radius: 5px; padding: 5px; background: #fff; } .j174-dewa-store--brandoffers-withoutimg .j174-dewa-store--offer_img { background-image: none !important; align-items: flex-start; justify-content: flex-start; aspect-ratio: auto; } .j174-dewa-store--brandoffers-withoutimg .j174-dewa-store--offer_brand { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); } .j174-dewa-store--brandoffers-withoutimg .j174-dewa-store--offer_details { padding: 8px; margin-top: 0px; } .j174-dewa-store--brandoffers-withoutimg:focus-visible .j174-dewa-store--offer_inner { background-color: #F9DC4A; outline: solid 2px #222; } .j174-dewa-store--myoffer { display: block; box-sizing: border-box; border: solid 1px #D7D7DF; border-radius: 10px; overflow: hidden; color: #222222; } .j174-dewa-store--myoffer + .j174-dewa-store--myoffer { margin-top: 20px; } .j174-dewa-store--myoffer_head { background-color: #F2F3F3; padding: 16px 20px; border-bottom: solid 1px #D7D7DF; } .j174-dewa-store--myoffer_sup { color: #6F6F6F; } .j174-dewa-store--myoffer_dets { padding: 18px; display: flex; align-items: flex-start; justify-content: flex-start; color: #222222; } .j174-dewa-store--myoffer_dets + .j174-dewa-store--myoffer_dets { margin-top: 24px; border-top: solid 1px #D7D7DF; padding-top: 24px; } .j174-dewa-store--myoffer_dets .j174-dewa-store--offerdeet_desc { margin: 12px 0; } a.j174-dewa-store--myoffer_dets { padding: 0; } .j174-dewa-store--myoffer_img { width: 140px; aspect-ratio: 1; background-size: contain; background-position: center center; border-radius: 5px; margin-right: 12px; background-repeat: no-repeat; flex-shrink: 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .j174-dewa-store--myoffer_detstitle { font-weight: 600; margin-bottom: 8px; } .j174-dewa-store--myoffer_detsprice { font-weight: 600; } .j174-dewa-store--myoffer_detsdet { margin-top: 4px; } .j174-dewa-store--myoffer_detsdel { padding: 0; margin-top: 14px; font-weight: 600; display: flex; align-items: center; } .j174-dewa-store--myoffer_detsdel:before { content: "\e98a"; font-family: "iconfont"; font-size: 26px; position: relative; top: -3px; left: -4px; } .j174-dewa-store--myoffer_detsquant { font-weight: 400; color: #6F6F6F; display: flex; align-items: center; justify-content: flex-start; } .j174-dewa-store--myoffer_detsquant:before { content: "륾"; font-family: "iconfont"; font-size: 30px; position: relative; top: -2px; left: -6px; } .j174-dewa-store--filters_close { display: none; text-align: right; } .j174-dewa-store--filters_closebtn:before { content: "\e608"; font-family: "iconfont"; font-size: 24px; } .j174-dewa-store--filters_footer { display: none; position: fixed; bottom: 0; left: 0; width: 100vw; padding: 36px 32px; background-color: white; box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.06); } .j174-dewa-store--buttons { display: none; } .j174-dewa-store--centered { display: flex; align-items: center; justify-content: center; flex-flow: column; min-height: 100%; } .j174-dewa-store--empty_img { max-width: 100px; margin-bottom: 44px; } .j174-dewa-store--empty_txt { color: #6F6F6F; margin: 16px 0 24px; } @media screen and (max-width: 1024px) { .j174-dewa-store--categories { gap: 18px; } .j174-dewa-store--category { min-width: calc((100% - 36px) / 3); max-width: calc((100% - 36px) / 3); } .j174-dewa-store--alloffers_results .j174-dewa-store--offer { width: calc((100% - 32px) / 2); } .j174-dewa-store--brandoffers { display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 32px; } .j174-dewa-store--brandoffers .j174-dewa-store--offer { width: calc((100% - 64px) / 3); } .j174-dewa-store--moredeals_banner .j174-dewa-store--carousel .j174-dewa-store--offer { width: calc((100% - 64px) / 3); } .j174-dewa-store--offerdeet { flex-flow: column; } .j174-dewa-store--offerdeet .m39-modal__title { text-align: left !important; } .j174-dewa-store--offerdeet .m39-modal__content { bottom: 156px; } .j174-dewa-store--offerdeet .m39-modal__footer { height: 150px; } .j174-dewa-store--offerdeet_media, .j174-dewa-store--offerdeet_details { width: 100% !important; } .j174-dewa-store--offerdeet_details { margin: 0; } .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_row, .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_title, .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_brand { display: none; } .j174-dewa-store--offerdeet_media { display: block; margin-bottom: 24px; } .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_row { display: flex; } .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_title, .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_brand { display: block; } .j174-dewa-store--offerdeet_carouselthumb { display: none; } .j174-dewa-store--offerdeet_carouselmain { width: 100%; max-width: 100%; margin-bottom: 24px; } .j174-dewa-store--offerdeet_carouselslide { aspect-ratio: 4/3; position: relative; overflow: hidden; margin: 0 2px; } .j174-dewa-store--offerdeet_carouselslide img { width: auto; height: 100%; margin: 0 auto; } .j174-dewa-store--offerdeet_points { margin-top: 24px; } .j174-dewa-store--offerdeet_point { width: 100%; } .j174-dewa-store--offerdeet_point:before { left: -6px; } .j174-dewa-store--carousel .slick-dots, .j174-dewa-store--offerdeet_carouselmain .slick-dots { display: block; bottom: -26px; } .j174-dewa-store--carousel .slick-dots li button, .j174-dewa-store--offerdeet_carouselmain .slick-dots li button { display: flex; align-items: center; justify-content: center; } .j174-dewa-store--carousel .slick-dots li button:before, .j174-dewa-store--offerdeet_carouselmain .slick-dots li button:before { background-color: #222222; opacity: 0.5; border-radius: 50%; width: 8px; height: 8px; position: static; } .j174-dewa-store--carousel .slick-dots li.slick-active button:before, .j174-dewa-store--offerdeet_carouselmain .slick-dots li.slick-active button:before { opacity: 1; width: 10px; height: 10px; } .j174-dewa-store--button { padding: 8px 16px; } } .j174-dewa-store--offerdeet_brandn { display: flex; align-items: center; justify-content: flex-start; gap: 16px; margin-top: 20px; } .j174-dewa-store--offerdeet_brandn .j174-dewa-store--offerdeet_point { position: relative; color: #6F6F6F; margin-bottom: 0; left: -8px; } .j174-dewa-store--offerdeet_brandimg { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; min-width: 72px; min-height: 72px; padding: 4px; border: 1px solid #D7D7DF; border-radius: 4px; } .j174-dewa-store--offerdeet_brandimg img { max-width: 100%; max-height: 100%; } .j174-dewa-store--offerdeet_brandtext { font-weight: 700; display: inline-block; color: #007560; margin-bottom: 4px; } .j174-dewa-store--offerdeet_brandd { width: 100%; } @media screen and (max-width: 1024px) { .j174-dewa-store--headingcontent { margin-top: 24px; } .j174-dewa-store--heading { flex-flow: column-reverse; } .j174-dewa-store--heading .j174-dewa-store--button { padding: 8px 16px; } } @media screen and (max-width: 599px) { .j174-dewa-store--imgteaser_link { padding: 12px; box-sizing: border-box; } .j174-dewa-store--imgteaser_link img { max-height: 120px; } .j174-dewa-store .inner-breadcrumb { text-align: left; margin: 8px 0 24px; justify-content: flex-start; } .j174-dewa-store_subtitle { font-size: 1.625em; } .j174-dewa-store--headingdesc { align-items: flex-start; } .j174-dewa-store--sectiontitle_text { font-size: 1.75em; } .j174-dewa-store--categories { gap: 18px; } .j174-dewa-store--category { min-width: calc((100% - 18px) / 2); max-width: calc((100% - 18px) / 2); } .j174-dewa-store--carousel_outer { overflow: hidden; } .j174-dewa-store--carousel.slick-initialized, .j174-dewa-store--offerdeet_carouselmain.slick-initialized { width: 100%; margin-bottom: 0; padding-bottom: 36px; } .j174-dewa-store--carousel.slick-initialized .j174-dewa-store--offer.slick-slide, .j174-dewa-store--offerdeet_carouselmain.slick-initialized .j174-dewa-store--offer.slick-slide { margin: 0; } .j174-dewa-store--carousel .slick-dots, .j174-dewa-store--offerdeet_carouselmain .slick-dots { bottom: 0px; } .j174-dewa-store--carousel .slick-dots li button, .j174-dewa-store--offerdeet_carouselmain .slick-dots li button { display: flex; align-items: center; justify-content: center; } .j174-dewa-store--carousel .slick-dots li button:before, .j174-dewa-store--offerdeet_carouselmain .slick-dots li button:before { background-color: #222222; opacity: 0.5; border-radius: 50%; width: 8px; height: 8px; position: static; } .j174-dewa-store--carousel .slick-dots li.slick-active button:before, .j174-dewa-store--offerdeet_carouselmain .slick-dots li.slick-active button:before { opacity: 1; width: 10px; height: 10px; } .j174-dewa-store--carousel_nav { display: none; } .j174-dewa-store--offer_img { aspect-ratio: 4/3; } .j174-dewa-store--offer_title { height: unset; max-height: 3em; } .j174-dewa-store--newsletter_wrapper { flex-flow: column; } .j174-dewa-store--newsletter_wrapper + * { margin-top: 32px; } .j174-dewa-store--newsletter_img { aspect-ratio: 3/4; } .j174-dewa-store--newsletter_img + .j174-dewa-store--newsletter_form { margin-top: 24px; } .j174-dewa-store--newsletter_form .form { max-width: calc(100% - 32px); width: 100%; } .j174-dewa-store--newsletter_title { font-size: 1.5em; margin-bottom: 12px; } .j174-dewa-store--offerdeet { flex-flow: column; } .j174-dewa-store--offerdeet .m39-modal__title { text-align: left !important; } .j174-dewa-store--offerdeet .m39-modal__content { bottom: 156px; } .j174-dewa-store--offerdeet .m39-modal__footer { height: 150px; } .j174-dewa-store--offerdeet_media, .j174-dewa-store--offerdeet_details { width: 100%; } .j174-dewa-store--offerdeet_details { margin: 0; } .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_row, .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_title, .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_brand { display: none; } .j174-dewa-store--offerdeet_media { display: block; margin-bottom: 24px; } .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_row { display: flex; } .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_title, .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_brand { display: block; } .j174-dewa-store--offerdeet_carouselthumb { display: none; } .j174-dewa-store--offerdeet_carouselmain { width: 100%; max-width: 100%; margin-bottom: 24px; } .j174-dewa-store--offerdeet_carouselslide { aspect-ratio: 4/3; position: relative; overflow: hidden; margin: 0 2px; } .j174-dewa-store--offerdeet_carouselslide img { width: auto; height: 100%; margin: 0 auto; } .j174-dewa-store--offerdeet_points { margin-top: 24px; } .j174-dewa-store--offerdeet_point { width: 100%; } .j174-dewa-store--offerdeet_point:before { left: -6px; } .j174-dewa-store--tabcontent_contactrow { flex-flow: column; } .j174-dewa-store--tabcontent_contactcol + .j174-dewa-store--tabcontent_contactcol { margin: 0; } .j174-dewa-store--offerdeet_discount { flex-flow: column; align-items: flex-start; } .j174-dewa-store--offerdeet_discounttag { margin: 4px 0 0; } .j174-dewa-store--moredeals_banner { padding: 36px 16px; } .j174-dewa-store--moredeals_banner .j174-dewa-store--carousel .j174-dewa-store--offer { width: 100%; } .j174-dewa-store--alloffers_filters { position: fixed; top: 0; bottom: 0; left: -100vw; width: 100vw; background-color: white; overflow: auto; padding: 16px; padding-bottom: 136px; z-index: 99999999; transition: 0.5s all ease; } .j174-dewa-store--alloffers_filters .j174-dewa-store--filters_footer { transition: 0.5s all ease; left: -100vw; } .j174-dewa-store--alloffers_filters.opened { left: 0; } .j174-dewa-store--alloffers_filters.opened .j174-dewa-store--filters_footer { left: 0; } .j174-dewa-store--filters_heading { margin-bottom: 24px; } .j174-dewa-store--filters_title { font-size: 1.25em; } .j174-dewa-store--filters_close, .j174-dewa-store--filters_footer { display: block; } .j174-dewa-store--alloffers_main { width: 100%; } .j174-dewa-store--alloffers_results { margin-bottom: 24px; } .j174-dewa-store--alloffers_results .j174-dewa-store--offer { width: 100%; } .j174-dewa-store--alloffers .j174-dewa-store--form { margin-bottom: 16px; } .j174-dewa-store--sectiontitle_head .j174-dewa-store--button { display: none; } .j174-dewa-store--buttons { display: flex; align-items: stretch; justify-content: flex-start; margin-bottom: 24px; } .j174-dewa-store--button.filter, .j174-dewa-store--button.sortby { padding: 10px 8px; font-size: 0.75em; line-height: 13px; } .j174-dewa-store--button.filter select, .j174-dewa-store--button.sortby select { padding: 0; font-weight: 600; } .j174-dewa-store--button.filter:before, .j174-dewa-store--button.sortby:before { position: relative; top: calc((100% - 18px) / 2); left: 0; right: 0; } .j174-dewa-store--button + .j174-dewa-store--button { margin-left: 10px; } .j174-dewa-store--form_between { flex-flow: column; align-items: flex-start; } .j174-dewa-store--form_between .j174-dewa-store--form + .j174-dewa-store--button { margin-top: 16px; } .j174-dewa-store--brands { margin-top: 24px; } .j174-dewa-store--brand-wrapper { width: calc((100% - 16px) / 2); margin: 0 0 24px; } .j174-dewa-store--brand-wrapper + .j174-dewa-store--brand-wrapper { margin-left: 16px; } .j174-dewa-store--brand-wrapper:nth-child(6n+1) { margin: inherit; } .j174-dewa-store--brand-wrapper:nth-child(2n+1) { margin: 0 0 24px; } .j174-dewa-store--brandoffers .j174-dewa-store--offer { width: 100%; margin: 0 0 24px; } .j174-dewa-store--brandoffers .j174-dewa-store--offer:nth-child(4n+1) { margin: 0 0 24px; } .j174-dewa-store--myoffer_dets { flex-flow: column; } .j174-dewa-store--myoffer_dets .j174-dewa-store--offerdeet_desc.flex-space { flex-flow: column; align-items: start; } .j174-dewa-store--myoffer_img { width: 100px; margin: 0 0 20px; } .j174-dewa-store--form + .sortby { margin-left: 0px; } .j174-dewa-store--form { flex-flow: column; } .j174-dewa-store--wrapper_inputselect { border: none; border-bottom: solid 1px #bdbdbd; } .j174-dewa-store--empty_txt { text-align: center; } } @media screen and (min-width: 1025px) { .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_row, .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_title, .j174-dewa-store--offerdeet_media .j174-dewa-store--offerdeet_brand { display: none; } .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_row { display: flex; } .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_title, .j174-dewa-store--offerdeet_details .j174-dewa-store--offerdeet_brand { display: block; } } .j175-strategy .strategy-pagetitle { font-weight: 700; } .j175-strategy .strategy-sectiontitle { font-weight: 300; } .j175-strategy .strategy-subtitle { font-weight: 700; } .j175-strategy .strategy-subtitle-normal { font-weight: 300; } .j175-strategy .strategy-richtext ul { padding-left: 50px; } .j175-strategy .strategy-richtext ul li + li { margin-top: 14px; } .j175-strategy .strategy-richtext ul li:before { color: #222222; left: -14px; } .j175-strategy .strategy-teaser-row { display: flex; flex-wrap: wrap; gap: 30px; padding: 0px 0.5%; } .j175-strategy .strategy-teaser-row .m60-teaser-strategy { width: 100%; /* Adjust based on your design */ margin-bottom: 10px; /* Space between rows */ } .j175-strategy .strategy-teaser-wrapper { border-radius: 12px; border: 1px solid rgba(226, 226, 234, 0.5); position: relative; margin-top: 40px; background-color: white; flex: 1; } .j175-strategy .strategy-teaser-title-wrapper { position: absolute; top: -20px; width: 100%; display: flex; } .j175-strategy .strategy-teaser-title { border: 1px solid #d7d7dd; border-radius: 22px; padding: 10px 20px; background: white; left: 50%; font-weight: bold; margin: 0px auto; width: auto; } .j175-strategy .strategy-teaser-items { display: flex; gap: 30px; } .j175-strategy .strategy-teaser-items-group { flex-direction: column; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding { padding: 40px 17px 30px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-l-0 { padding-top: 0px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-l-0 .m116-group-teaser { border-top-left-radius: 0px; border-top-right-radius: 0px; border-top: none; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-r-0 { padding-bottom: 0px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-r-0 .m116-group-teaser { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom: none; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-b-0 { padding-top: 0px; padding-bottom: 0px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-b-0 .m116-group-teaser { border-radius: 0px; border-top: none; border-bottom: none; } .j175-strategy .m116-group-teaser { padding: 40px 13px 30px; } .j175-strategy .strategy-tab-items { display: flex; gap: 40px; overflow: scroll; padding: 10px 10px 25px; } .j175-strategy .strategy-tab-items .strategy-tab-item { display: flex; border-radius: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); flex-direction: column; align-items: center; padding: 30px 20px 30px; min-height: 250px; flex: 1; min-width: 205px; border-bottom: none; } .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-icon { width: 60px; height: 60px; } .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-icon + .tab-item-txt { margin-top: 30px; } .j175-strategy .strategy-tab-items .strategy-tab-item .tab-item-txt { font-weight: bold; margin: 0px 10%; text-align: center; line-height: 31px; color: #222222; } .j175-strategy .strategy-tab-items .strategy-tab-item.m41-tabs-box__tab-link--active { background: #CCE3DF; border-bottom: none; } .j175-strategy .strategy-tab-items .strategy-tab-item.m41-tabs-box__tab-link--active .tab-item-txt { color: #222222; } .j175-strategy .strategy-tab-items .m41-tabs-box__tab-item { flex: 1; display: flex; } .j175-strategy .strategy-tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link { margin-left: 0px; margin-right: 0px; cursor: pointer; } .j175-strategy .m41-tabs-box__tab-items { margin: 48px 0px; width: 100%; } .j175-strategy .strategy-tab-items .strategy-tab-item.m41-tabs-box__tab-link--active .tab-item-icon svg.tab-item-icon-operational path:nth-child(2) { fill: #cce3df; } .j175-strategy .m41-tabs-box__tab-strategy { display: flex; justify-content: space-around; gap: 5px; overflow-x: auto; white-space: nowrap; box-sizing: border-box; } .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested { flex: 1; text-align: center; font-weight: 300; display: flex; } .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested .m41-tabs-box__tab-link-nested { color: #737371; border-radius: 6px; padding: 18px 25px; flex: 1; border: 1px solid #ccc; cursor: pointer; } .j175-strategy .m41-tabs-box__tab-strategy .m41-tabs-box__tab-item-nested .m41-tabs-box__tab-link-nested.m41-tabs-box__tab-link-nested--active { background-color: #317361; color: white; border-color: #317361; } @media screen and (min-width: 600px) { .j175-strategy .strategy-teaser-row .m60-teaser-strategy { width: calc(50% - 20px); } .j175-strategy .strategy-tab-items .strategy-tab-item { min-width: 205px; } } @media screen and (min-width: 1025px) { .j175-strategy .strategy-teaser-row .m60-teaser-strategy { width: calc(33% - 20px); } .j175-strategy .strategy-tab-items { overflow: visible; padding: 0px; } .j175-strategy .strategy-tab-items .strategy-tab-item { min-width: auto; } .j175-strategy .strategy-teaser-items-group { flex-direction: row; } .j175-strategy .strategy-teaser-items-group .strategy-teaser-content-wrapper { height: 100%; display: flex; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding { padding: 40px 17px 30px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-l-0 { padding-left: 0px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-l-0 .m116-group-teaser { border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius: 12px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-l-0 .m116-group-teaser.border-blue { border-top: 2px dashed rgba(137, 182, 210, 0.4); } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-l-0 .m116-group-teaser { border-left: none; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-r-0 { padding-right: 0px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-r-0 .m116-group-teaser { border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 12px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-r-0 .m116-group-teaser.border-orange { border-bottom: 2px dashed rgba(226, 109, 90, 0.4); } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-r-0 .m116-group-teaser { border-right: none; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-b-0 { padding-right: 0px; padding-left: 0px; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-b-0 .m116-group-teaser { border-radius: 0px; border-right: none; border-left: none; } .j175-strategy .strategy-teaser-content-wrapper.wrapper-padding-b-0 .m116-group-teaser.border-cyan { border-top: 2px dashed rgba(98, 71, 170, 0.4); border-bottom: 2px dashed rgba(98, 71, 170, 0.4); } .j175-strategy .m116-group-teaser { padding: 13px; } } .j176-d33 .not-eligible { margin-top: 54px; margin-bottom: 54px; text-align: center; } .j176-d33 .not-eligible .not-eligible-title { margin: 30px 0px; font-weight: bold; } .j176-d33 .not-eligible .not-eligible-txt { line-height: 25px; font-weight: 300; } .j176-d33 .not-eligible .button--outline:hover { background-color: white; border-color: #6d6e71; color: #6d6e71; } .j176-d33 .form-field__input-wrapper--readonly .form-field__input--readonly { font-weight: 400; } .j176-d33 .inline-terms .form-field__input--checkbox:checked + .form-field__fakecheckbox:after, .j176-d33 .inline-terms .field-content [type=checkbox]:checked + .form-field__fakecheckbox:after, .field-content .j176-d33 .inline-terms [type=checkbox]:checked + .form-field__fakecheckbox:after { color: #007560; } #CheckD33Eligibility .form-field__button .button--text, #CheckD33Eligibility .form-submit-border .button--text, #CheckD33Eligibility .form-field__button .button--text-centered, #CheckD33Eligibility .form-submit-border .button--text-centered, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a { font-weight: 600; color: #222222; margin: 0px; } #CheckD33Eligibility .form-field__button .button--text + .button--primary, #CheckD33Eligibility .form-submit-border .button--text + .button--primary, #CheckD33Eligibility .form-field__button .button--text-centered + .button--primary, #CheckD33Eligibility .form-submit-border .button--text-centered + .button--primary, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a + .button--primary, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a + .button--primary, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a + .button--primary, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a + .button--primary, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a + .button--primary, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a + .button--primary, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a + .button--primary, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a + .button--primary, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--primary, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a + .button--primary, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .button--primary, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a + .button--primary, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--primary, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a + .button--primary, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .button--primary, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a + .button--primary, #CheckD33Eligibility .form-field__button .button--text + .form-submit, #CheckD33Eligibility .form-submit-border .button--text + .form-submit, #CheckD33Eligibility .form-field__button .button--text-centered + .form-submit, #CheckD33Eligibility .form-submit-border .button--text-centered + .form-submit, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-field__button a + .form-submit, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item #CheckD33Eligibility .form-submit-border a + .form-submit, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-field__button a + .form-submit, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .m34-pagination__page-list-item--active #CheckD33Eligibility .form-submit-border a + .form-submit, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-field__button a + .form-submit, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext #CheckD33Eligibility .form-submit-border a + .form-submit, #CheckD33Eligibility .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-field__button a + .form-submit, #CheckD33Eligibility .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a + .form-submit, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious #CheckD33Eligibility .form-submit-border a + .form-submit { margin: 0px; } #CheckD33Eligibility .form-field__input-wrapper--readonly .form-field__input--readonly { font-weight: 400; } @media screen and (max-width: 599px) { .j176-d33 .form-field-col2 .form-field + .form-field, .j176-d33 .form-field-col2 .field-border + .form-field, .j176-d33 .form-field-col2 .form-field + .field-border, .j176-d33 .form-field-col2 .field-border + .field-border { margin-top: 0px; } .j176-d33 .inline-terms .m39-modal__tnc { margin-top: 0px; } .j176-d33 .picker__holder { max-width: 350px; } .j176-d33 .form-field--6 .picker { width: 100%; } #CheckD33Eligibility .picker__holder { max-width: 350px; } #CheckD33Eligibility .picker__holder .picker__select--month { width: 30%; } #CheckD33Eligibility .form-field--6 .picker { width: 100%; } } @media screen and (max-width: 1024px) { #CheckD33Eligibility .form-field-col2 { flex-direction: column; } #CheckD33Eligibility .form-field-col2 .form-field--6 { width: 100%; padding-right: 0px !important; padding-left: 0px !important; } #CheckD33Eligibility .form-field-col2 .form-field--6 + .form-field--6 { margin-top: 24px; } } @media screen and (min-width: 1025px) { #CheckD33Eligibility .form-field-col2 { align-items: flex-start; } } .m111-mini-teaser { display: flex; align-items: stretch; justify-content: space-between; flex-flow: wrap; gap: 32px; } .m111-mini-teaser--item { line-height: 1.5; background-color: white; border-radius: 8px; box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.1); width: calc((100% - 64px) / 3); display: flex; align-items: stretch; justify-content: stretch; } .m111-mini-teaser--link { font-weight: 600; color: #222222; display: flex; align-items: center; justify-content: space-between; padding: 40px; width: 100%; } .m111-mini-teaser--link:after { content: "亂"; font-family: "iconfont"; font-size: 32px; color: #007560; font-weight: 400; width: 50px; min-width: 50px; height: 50px; min-height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: solid 1px #007560; margin-left: 16px; position: relative; line-height: 53px; } @media screen and (max-width: 1024px) { .m111-mini-teaser--item { width: 100%; } } .m111-smart-response-map { position: relative; width: 100%; height: 340px; *zoom: 1; } .m111-smart-response-map:before, .m111-smart-response-map:after { content: " "; display: table; } .m111-smart-response-map:after { clear: both; } .m111-smart-response-map #responsemap { height: 340px; } .form-field__messages + .m111-smart-response-map, .field-error + .m111-smart-response-map { margin-top: 12px; } .addlocation-btn-disable { pointer-events: none; opacity: 0.6; } .m111-smart-response-map .gm-style-iw-chr { display: none !important; } .m111-smart-response-map .warning-tooltip { background-color: #222222; color: white; padding-top: 8px; max-width: 150px; font-weight: 300; font-family: "DUBAI-REGULAR"; font-size: 16px; text-align: center; } .m111-smart-response-map .gm-style-iw-a, .m111-smart-response-map .gm-style-iw-c { background-color: #222 !important; } .m111-smart-response-map .gm-style .gm-style-iw-d::-webkit-scrollbar-track, .m111-smart-response-map .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece { background-color: #222 !important; } .m111-smart-response-map .gm-style .gm-style-iw-tc::after { background: #222; } @media screen and (max-width: 599px) { .m111-smart-response-map { margin-top: 32px; } .m111-smart-response-map { height: 250px; } .m111-smart-response-map #responsemap { height: 250px; } } @media screen and (min-width: 600px) { .m111-smart-response-map { height: 490px; } .m111-smart-response-map #responsemap { height: 490px; } } @media screen and (min-width: 1025px) { .m111-smart-response-map { height: 340px; } .m111-smart-response-map #responsemap { height: 340px; } } .m112-teaser { display: flex; align-items: stretch; flex-wrap: wrap; gap: 30px; line-height: 1.25; } .m112-teaser--item { display: flex; flex-flow: column; border-radius: 8px; border: 1px solid #DCDCDC; overflow: hidden; width: 100%; width: calc((100% - 60px) / 3); } .m112-teaser--image { position: relative; width: 100%; aspect-ratio: 16/9; background-size: cover; background-position: center center; background-repeat: no-repeat; } .m112-teaser--tag { position: absolute; top: 10px; right: 10px; color: white; font-weight: 700; border-radius: 4px; padding: 4px 8px; background-color: rgba(0, 117, 96, 0.7); backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: space-between; gap: 10px; border: solid 1px #007560; } .m112-teaser--tag:before { content: "\e620"; font-family: "iconfont"; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 40px; font-weight: normal; } .m112-teaser--details { display: flex; flex-flow: column; align-items: stretch; gap: 40px; justify-content: space-between; flex-grow: 1; padding: 16px; background-color: #F2F3F3; } .m112-teaser--title { font-weight: 700; } .m112-teaser--title + .m112-teaser--desc { margin-top: 4px; } .m112-teaser--tip { padding: 14px 10px; border-radius: 6px; background-color: white; display: flex; align-items: center; justify-content: flex-start; } .m112-teaser--tip + .m112-teaser--cta { margin-top: 14px; } .m112-teaser--tip:before { content: "릆"; font-family: "iconfont"; color: #007560; font-size: 40px; position: relative; top: -2px; left: -8px; } .m112-teaser--tip_text { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 4.5em; } .m112-teaser--cta { display: flex; align-items: center; justify-content: flex-start; gap: 20px; } .m112-teaser--cta .button, .m112-teaser--cta .button--centered, .m112-teaser--cta .form-submit, .m112-teaser--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m112-teaser--cta a, .m112-teaser--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m112-teaser--cta a { width: 100%; margin: 0; } .m112-teaser--cta .button--outline:hover { background-color: white; color: #6d6e71; border-color: #6d6e71; } @media screen and (max-width: 1024px) { .m112-teaser--item { width: 100%; } } .m113-tabs--tablinks { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 32px; font-weight: 300; line-height: 1.5em; } .m113-tabs--tablinks_inner { display: flex; align-items: stretch; justify-content: flex-start; border: solid 1px #007560; border-radius: 4px; overflow: hidden; } .m113-tabs--tablink { display: block; min-width: 110px; white-space: nowrap; width: 100%; text-align: center; color: #007560; padding: 8px 12px; font-weight: 600; transition: 0.25s all ease; } .m113-tabs--tablink + .m113-tabs--tablink { border-left: solid 1px #007560; } .m113-tabs--tablink.active, .m113-tabs--tablink:hover { background-color: #007560; color: white; } .m113-tabs--panel { display: none; } .m113-tabs--panel.active { display: block; } .m113-tabs--tabfilters { position: absolute; right: 0; } .m113-tabs--tabfilters_window { position: absolute; top: calc(100% + 4px); right: 0; width: 350px; padding: 16px; background-color: white; border-radius: 4px; border: solid 1px #E1E0E0; z-index: 3; transform-origin: top; transform: rotateX(90deg); transition: 0.25s all ease; } .m113-tabs--tabfilters_window .m113-tabs--tabfilters_field { display: none; } .m113-tabs--tabfilters_window.opened { transform: rotateX(0deg); } .m113-tabs--tabfilters_window.opened .m113-tabs--tabfilters_field { display: block; position: relative; } .m113-tabs--tabfilters_section + .m113-tabs--tabfilters_section { margin-top: 16px; } .m113-tabs--tabfilters_fields { max-height: 40vh; overflow: auto; padding: 1px; } .m113-tabs--tabfilters_fields::-webkit-scrollbar { width: 0px; opacity: 0; transition: width 0.25s linear; } .m113-tabs--tabfilters_fields::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 12px; } .m113-tabs--tabfilters_fields::-webkit-scrollbar-thumb { background: #BDBDBD; border-radius: 12px; cursor: pointer; } .m113-tabs--tabfilters_fields::-webkit-scrollbar-thumb:hover { background: #9d9d9d; } .m113-tabs--tabfilters_fields:hover::-webkit-scrollbar { width: 8px; } .m113-tabs--tabfilters_title { margin-bottom: 16px; } input.m113-tabs--tabfilters_inputradio, input.m113-tabs--tabfilters_inputcheckbox { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .m113-tabs--tabfilters_fakecheckbox, .m113-tabs--tabfilters_fakeradio { position: relative; display: inline-flex; align-items: center; justify-content: flex-start; gap: 10px; } .m113-tabs--tabfilters_fakecheckbox:before, .m113-tabs--tabfilters_fakecheckbox:after, .m113-tabs--tabfilters_fakeradio:before, .m113-tabs--tabfilters_fakeradio:after { position: absolute; left: 0; right: auto; top: 0; content: ""; display: inline-block; width: 24px; height: 24px; border-radius: 2px; } .m113-tabs--tabfilters_fakecheckbox:before, .m113-tabs--tabfilters_fakeradio:before { box-shadow: 0 0 0 1px #6F6F6F; } .m113-tabs--tabfilters_fakeradio:before, .m113-tabs--tabfilters_fakeradio:after { border-radius: 50%; } .m113-tabs--tabfilters_field + .m113-tabs--tabfilters_field { margin-top: 12px; } .m113-tabs--tabfilters_cta { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 24px; } .m113-tabs--tabfilters_filter:before { content: "륻"; font-family: "iconfont"; } .m113-tabs--tabfilters_btn { padding: 8px; border: solid 1px #222222; border-radius: 4px; font-weight: 300; color: #222222; } .m113-tabs--tabfilters_btn.primary { background-color: #007560; border: solid 1px #007560; color: white; } .m113-tabs--tabfilters_fakecheckbox img, .m113-tabs--tabfilters_fakeradio img { max-height: 18px; } .m113-tabs--tabfilters_fakecheckbox, .m113-tabs--tabfilters_fakeradio { padding-left: 34px; } .m113-tabs--tabfilters_fakecheckbox:before, .m113-tabs--tabfilters_fakeradio:before { top: 1px; width: 23px; height: 23px; background: white; } .m113-tabs--tabfilters_inputcheckbox:checked + .m113-tabs--tabfilters_fakecheckbox:after { content: "\e620"; font-family: "iconfont"; color: white; background-color: #007560; font-size: 24px; display: flex; align-items: center; justify-content: center; } .m113-tabs--tabfilters_inputradio:checked + .m113-tabs--tabfilters_fakeradio:after { content: "\e60b"; font-family: "iconfont"; color: #007560; background-color: #E6F3F1; font-size: 34px; display: flex; align-items: center; justify-content: center; left: 0px; top: 1px; width: 23px; height: 23px; } .m113-tabs--tabfilters_inputradio:checked + .m113-tabs--tabfilters_fakeradio:before { box-shadow: 0 0 0 1px #007560; } @media screen and (max-width: 599px) { .m113-tabs--tablinks { flex-flow: column; margin-bottom: 16px; } .m113-tabs--tabfilters { position: static; display: flex; align-items: center; justify-content: flex-end; width: 100%; margin-top: 24px; } .m113-tabs--tabfilters_btn.primary.m113-tabs--tabfilters_filter { display: inline-flex; align-items: center; gap: 4px; } .m113-tabs--tabfilters_btn.primary.m113-tabs--tabfilters_filter:before { font-size: 22px; position: relative; top: -2px; } } @media screen and (max-width: 1024px) { .m113-tabs--tabfilters_fields::-webkit-scrollbar { width: 8px; } } .m114-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: 0; background: rgba(121, 121, 121, 0.6); display: flex; align-items: flex-start; justify-content: center; overflow: auto; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; z-index: -1; } .m114-modal.active { opacity: 1; visibility: visible; z-index: 9999999; } .m114-modal .m41-tabs-box.m41-tabs-box--variant-m114 .m41-tabs-box__tab-items { width: 100%; max-width: unset; } .m114-modal .m41-tabs-box.m41-tabs-box--variant-m114 .m41-tabs-box__tab-link--active { color: #717173; border-bottom: none; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items { display: flex; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item { flex: 1; display: flex; border-left: 1px solid #ccc; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link { flex: 1; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-left: 0px; margin-right: 0px; background: #E1E0E0; color: #333; font-size: 24px; font-weight: 600; padding: 18px 16px 15px 16px; border-bottom: none; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link.m41-tabs-box__tab-link--active { position: relative; background: #fff; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link.m41-tabs-box__tab-link--active:before { content: ""; height: 4px; width: 100%; background-color: #007560; top: 0px; position: absolute; left: 0px; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link.m41-tabs-box__tab-link--completed { position: relative; display: flex; justify-content: center; flex-direction: row-reverse; align-items: center; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link.m41-tabs-box__tab-link--completed .link--completed-icon::after { content: "\e620"; font-family: "iconfont"; font-size: 24px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-left: 10px; margin-right: 10px; border-radius: 50%; background-color: #007560; color: #fff; } .m114-modal.m114-modal-success .m114-modalform--scrollprog, .m114-modal.m114-modal-success .m114-modalform--header_details, .m114-modal.m114-modal-success .m114-modalform--footer-inner { display: none; } .m114-modal.m114-modal-success .m114-modal--close { margin-left: auto; } .m114-modal .m41-tabs-box { padding: 0 !important; } .m114-modal .m114-modalform--field_inputwrapper { max-width: 550px; position: relative; } .m114-modalform--footer-btn { margin-left: auto; display: flex; } .m114-modalform--footer-btn button { margin-top: auto; margin-bottom: auto; } .m114-modalinfo { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; cursor: pointer; } .m114-modalinfo svg { width: 18px; height: 18px; } .m114-modal--ttcontent { position: relative; padding: 20px 4px 8px; font-size: 16px; } .tooltip-content { position: absolute; bottom: 120%; left: 50%; transform: translateX(-50%); padding: 30px 12px 8px; border-radius: 6px; font-size: 16px; line-height: 20px; font-weight: 300; background-color: #fff; display: none; z-index: 10; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); width: 350px; } .tooltip-content ul li { position: relative; padding-left: 17px; } .tooltip-content ul li:before { position: absolute; content: ""; width: 3px; height: 3px; left: 7px; top: 8px; border-radius: 2px; display: inline-block; background-color: #222; } .tooltip-content::after { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border-width: 8px; border-style: solid; border-color: #fff transparent transparent transparent; } /* Close button */ .tooltip-close { position: absolute; top: 0px; right: 0px; background: none; border: none; cursor: pointer; line-height: 1; } .tooltip-close:before { font-family: "iconfont"; font-size: 24px; font-weight: 300; color: #222222; content: "\e608"; display: inline-block; } .m114-modal-tt.tooltipster-sidetip .tooltipster-box { border-radius: 12px !important; } .m114-modalform--counter-wrapper { display: flex; align-items: center; border-radius: 6px; padding: 6px 10px; gap: 10px; justify-content: center; float: left; outline: 1px solid #d7d7d7; } .m114-modalform--counter-wrapper .m114-modalform--field_input { max-width: 200px; } .m114-modalform--counter-wrapper .counter-input { width: 100px; text-align: center; font-size: 1.2rem; border: none; outline: none; background: transparent; padding-left: 12px; padding-right: 12px; } .m114-modalform--counter-wrapper .m114-modalform--counter-btn { width: 30px; height: 30px; border-radius: 50%; font-size: 1.2rem; font-weight: bold; border: none; cursor: pointer; display: flex; justify-content: center; align-items: center; background-color: #007560; color: #fff; margin-top: 0px; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; } .m114-modalform--counter-wrapper .m114-modalform--counter-btn.disabled { background-color: #eee; color: #666; } .m114-modal--inner { position: relative; margin-top: 60px; padding: 30px; border-radius: 8px; background-color: white; box-shadow: 0px 4px 7.6px 0px rgba(0, 0, 0, 0.1); font-weight: 300; width: 800px; max-width: 80%; } .m114-modal--header { display: flex; align-items: center; justify-content: space-between; } .m114-modal--title { font-weight: 700; } .m114-modal--close { position: relative; left: auto; height: 28px; min-height: 28px; max-height: 28px; color: #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; flex-flow: row-reverse; gap: 8px; } .m114-modal--close:before { content: "\e608"; font-family: "iconfont"; font-size: 28px; } .m114-modal--details { padding: 20px; border-radius: 8px; border: 1px solid #D4D4D4; } .m114-modal--details .m114-modal--close { position: absolute; right: 24px; } .m114-modal--detail_title { margin-bottom: 24px; } .m114-modal--detail_item { display: flex; align-items: center; justify-content: flex-start; gap: 12px; padding-bottom: 20px; border-bottom: 2px dashed #8590A3; } .m114-modal--detail_item + .m114-modal--detail_item { margin-top: 20px; } .m114-modal--detail_item:before { content: "\e620"; font-family: "iconfont"; font-size: 24px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background-color: #007560; color: white; } .m114-modal--detail_profile { display: flex; align-items: center; justify-content: space-between; margin: 24px 0; gap: 24px; } .m114-modal--detail_profile .button, .m114-modal--detail_profile .button--centered, .m114-modal--detail_profile .form-submit, .m114-modal--detail_profile .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m114-modal--detail_profile a, .m114-modal--detail_profile .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m114-modal--detail_profile a { min-width: fit-content; } .m114-modal--detail_profiletext { line-height: 1.25; } .m114-modal--detail_footnote { color: #7e7e7e; } .m114-modalform, .m114-modal--confirmation { position: relative; margin-top: 60px; width: 1200px; max-width: 90%; line-height: 1.5; font-weight: 300; } .m114-modalform--header { position: relative; padding: 32px 30px 20px; border-radius: 8px 8px 0px 0px; background-color: white; display: flex; align-items: stretch; justify-content: space-between; gap: 30px; } .m114-modalform--scrollprog { position: absolute; top: 0; right: 0; left: 0; height: 12px; border-radius: 8px 8px 0px 0px; background-color: #E5F2E9; display: flex; align-items: stretch; justify-content: flex-start; overflow: hidden; } .m114-modalform--scrollproginner { background-color: #007560; width: 0%; transition: 0.25s width linear; } .m114-modalform--header_details, .m114-modalform--header_prog { width: 100%; } .m114-modalform--header_prog { display: flex; flex-flow: column; justify-content: center; } .m114-modalform--title { font-weight: 700; } .m114-modalform--header_progtext { display: flex; align-items: flex-end; justify-content: space-between; } .m114-modalform--prog_bar { height: 24px; width: 100%; background: #F2F3F3; border-radius: 8px; margin-top: 12px; display: flex; align-items: stretch; justify-content: flex-start; overflow: hidden; } .m114-modalform--prog_barinner { background-color: #007560; width: 0%; transition: 0.25s width linear; } .m114-modalform--main { position: relative; height: calc(100vh - 60px - 145px); overflow: auto; } .m114-modalform--main_inner { position: absolute; width: 100%; overflow: hidden; background-color: white; } .m114-modalform--item, .m114-modalform--footer { padding: 20px 40px; background-color: white; } .m114-modalform--item.sub-item { margin-left: 40px; border-left: 1px solid #E1E0E0; } .m114-modalform--item.sub-item.not-completed:before { display: none; } .m114-modalform--item.sub-item.not-completed { border-left: 1px solid #007560; } .m114-modalform--item.not-completed { position: relative; } .m114-modalform--item.not-completed:before { content: ""; width: 6px; height: calc(100% - 20px); left: 0px; top: 10px; background-color: #007560; display: inline-block; position: absolute; } .borderbottom { border-bottom: 1px solid #D7D7D7; } .borderbottom .borderbottom { border-bottom: none; } .m114-modalform--footer { border-radius: 0 0 8px 8px; border-top: 1px solid #D7D7D7; } .m114-modalform--footer .m114-modalform--footer-inner { display: flex; } .m114-modalform--footer .m114-modalform--header_prog { width: 50%; } .m114-modalform-savebtn, .m114-modalform-finishbtn { margin-left: auto; } .m114-modalform--item_title { font-weight: 600; margin-bottom: 16px; } .m114-modalform--item_title + .m114-modalform--item_subtitle { margin-top: -12px; } .m114-modalform--item_subtitle { font-size: 1.25em; line-height: 1.5; margin-bottom: 16px; color: #4F4F4F; } .m114-modalform--item_cta { display: flex; align-items: center; gap: 24px; } .m114-modalform--item_cta * { margin-top: 44px; } .m114-modalform--later { color: #007560; text-decoration: underline; display: none !important; } .m114-modalform--next { display: none; padding: 12px 14px; border-radius: 40px; background-color: #007560; color: white; min-width: 100px; } .m114-modalform--fieldset { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: column; gap: 10px; } .m114-modalform--fieldset_flex { flex-direction: row; gap: 20px; flex-wrap: wrap; } .m114-modalform--fieldset_flex .m114-modalform--field_checkbox, .m114-modalform--fieldset_flex .m114-modalform--field_radio { width: calc((100% - 60px) / 4); } .m114-modalform--field_radio, .m114-modalform--field_checkbox { max-width: 550px; } .m114-modalform--field_radio.small .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakeradio, .m114-modalform--field_checkbox.small .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakeradio { background-color: white; } .m114-modalform--field_radio label, .m114-modalform--field_checkbox label { height: 100%; display: block; } .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox { display: flex; align-items: center; padding: 5px 24px 5px 40px; border-radius: 6px; border: 1px solid #E1E0E0; box-shadow: 0px 0px 0px 0px rgba(71, 71, 71, 0.25); line-height: 1.25em; box-sizing: border-box; height: 100%; min-height: 52px; transition: 0.25s all ease; } .m114-modalform--field_fakecheckbox { padding: 16px 36px 16px 45px; word-break: break-word; position: relative; } .m114-modalform--field_fakecheckbox:before { content: ""; width: 24px; height: 24px; border-radius: 4px; box-shadow: inset 0 0 0 2px #9d9d9d; position: absolute; top: 13px; left: 10px; } .m114-modalform--field_input--radio, .m114-modalform--field_input--checkbox { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakeradio, .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakecheckbox, .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakeradio, .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakecheckbox { background-color: #E6F3F1; } .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakecheckbox, .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakecheckbox { position: relative; box-shadow: none; } .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakecheckbox:before, .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakecheckbox:before { content: "\e620"; font-family: "iconfont"; color: white; font-size: 32px; display: flex; align-items: center; justify-content: center; background-color: #007560; box-shadow: none; position: absolute; } .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakeradio:after, .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakeradio:after { box-shadow: inset 0 0 0 9px #007560; } .m114-modalform--field_input--radio:focus + .m114-modalform--field_fakeradio, .m114-modalform--field_input--radio:focus + .m114-modalform--field_fakecheckbox, .m114-modalform--field_input--checkbox:focus + .m114-modalform--field_fakeradio, .m114-modalform--field_input--checkbox:focus + .m114-modalform--field_fakecheckbox { background-color: #E6F3F1; } .m114-modalform--field_input--radio + .m114-modalform--field_fakeradio, .m114-modalform--field_input--checkbox + .m114-modalform--field_fakeradio { position: relative; } .m114-modalform--field_input--radio + .m114-modalform--field_fakeradio:after, .m114-modalform--field_input--checkbox + .m114-modalform--field_fakeradio:after { content: ""; height: 22px; width: 22px; border-radius: 12px; box-shadow: 0 0 0 1px #3d3d3d; position: absolute; top: 14px; left: 10px; } .m114-modalform--field_iconcheckbox .m114-modalform--field_fakecheckbox, .m114-modalform--field_iconcheckbox .m114-modalform--field_fakeradio, .m114-modalform--field_iconradio .m114-modalform--field_fakecheckbox, .m114-modalform--field_iconradio .m114-modalform--field_fakeradio { padding: 16px; flex-flow: column; justify-content: space-between; gap: 16px; } .m114-modalform--field_iconcheckbox .m114-modalform--field_fakecheckbox img, .m114-modalform--field_iconcheckbox .m114-modalform--field_fakeradio img, .m114-modalform--field_iconradio .m114-modalform--field_fakecheckbox img, .m114-modalform--field_iconradio .m114-modalform--field_fakeradio img { max-height: 80px; } .m114-modalform--field_iconcheckbox .m114-modalform--field_fakecheckbox:before, .m114-modalform--field_iconcheckbox .m114-modalform--field_fakecheckbox:after, .m114-modalform--field_iconcheckbox .m114-modalform--field_fakeradio:before, .m114-modalform--field_iconcheckbox .m114-modalform--field_fakeradio:after, .m114-modalform--field_iconradio .m114-modalform--field_fakecheckbox:before, .m114-modalform--field_iconradio .m114-modalform--field_fakecheckbox:after, .m114-modalform--field_iconradio .m114-modalform--field_fakeradio:before, .m114-modalform--field_iconradio .m114-modalform--field_fakeradio:after { content: none !important; } .m114-modalform--field_iconcheckbox .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakecheckbox, .m114-modalform--field_iconcheckbox .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakeradio, .m114-modalform--field_iconcheckbox .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakecheckbox, .m114-modalform--field_iconcheckbox .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakeradio, .m114-modalform--field_iconradio .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakecheckbox, .m114-modalform--field_iconradio .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakeradio, .m114-modalform--field_iconradio .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakecheckbox, .m114-modalform--field_iconradio .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakeradio { border-color: #007560; } .m114-modalform--field_iconcheckbox .m114-modalform--field_fakeradio { justify-content: center; } input.m114-modalform--field_input--text { border: 1px solid #D3D1D1; } input.m114-modalform--field_input--text[readonly] { background: white; } input.m114-modalform--field_input--text:focus { border-color: #007560; } textarea.m114-modalform--field_input--textarea { min-height: 88px; resize: none; display: block; width: 100%; caret-color: #007560; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; padding: 16px; border-radius: 8px; position: relative; z-index: 1; color: #222; border: 1px solid #D3D1D1; } textarea.m114-modalform--field_input--textarea:focus { border: 1px solid #007560; outline: none; } .m114-modalform--field_unit { font-size: 1.25em; position: absolute; margin: 0 !important; bottom: 14px; right: 12px; } .m114-modalform--field_input--save { display: none; padding: 12px 14px; border-radius: 40px; background-color: #007560; color: white; max-width: 100px; } .m114-modal--confirmation { background-color: white; border-radius: 8px; } .m114-modal--confirmation .m114-modal--details { text-align: center; border: none; margin: 0; padding: 0 24px 40px; } .m114-modal--confirmation_img { max-height: 150px; margin-bottom: 30px; } .m114-modal--confirmation_title { font-weight: 700; margin-bottom: 12px; } .m114-modal--confirmation_text + .m114-modal--confirmation_text { margin-top: 20px; } .m114-modal--confirmation_cta { margin-top: 30px; display: flex; align-items: center; justify-content: center; gap: 30px; } .m114-modal--confirmation_btn { padding: 16px 24px; border-radius: 40px; background-color: #007560; color: white; min-width: 180px; } .m114-modal--confirmation_footnote { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; padding: 8px 10px; background-color: #F6F6F6; border-radius: 8px; border: 1px solid #E1E0E0; } .m114-modal--confirmation_footnote:before { content: "릆"; font-family: "iconfont"; font-size: 32px; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; position: relative; top: -4px; color: #F85A01; } .m114-modalform .m114-modal--details { background-color: white; text-align: center; } .button--end { min-width: 290px; max-width: 90%; font-weight: 300; } .m114-modal--full .m114-modalform { margin: 0; max-width: unset; width: 100%; } @media screen and (max-width: 599px) { .m114-modalform, .m114-modal--confirmation, .m114-modal--inner { max-width: 100%; max-height: 100%; margin-top: 0px; } .m114-modal--inner { overflow: auto; } .m114-modal--confirmation .m114-modal--details { max-height: calc(100vh - 250px - 60px); overflow: auto; } .m114-modalform--header, .m114-modal--detail_profile { flex-flow: column; } .m114-modalform--field_fakeradio, .m114-modalform--field_fakecheckbox { height: 100%; box-sizing: border-box; aspect-ratio: unset; word-break: break-word; } .m114-modal--close { position: absolute; left: auto; top: 12px; right: 8px; color: #000; border-color: #000; } .m114-modalform--item { padding: 32px; } } .m114-modalform--tablinks { display: flex; align-items: stretch; justify-content: center; border: solid 1px #007560; border-radius: 4px; max-width: 550px; margin-bottom: 16px; } .m114-modalform--tablink { width: 100%; color: #007560; text-align: center; font-size: 0.875em; font-weight: 600; line-height: 1.5; padding: 4px; border-radius: 4px; outline: none !important; } .m114-modalform--tablink.active { background-color: #007560; color: white; } .m114-modalform--tabpanel { display: none; } .m114-modalform--tabpanel.active { display: block; } .m114-modalform--tabpanel + .m114-modalform--field_input--save { width: 100%; margin-top: 30px; } @media screen and (max-width: 1200px) { .m114-modalform--field_radio, .m114-modalform--field_checkbox, .m114-modalform--field_radio.small { width: calc((100% - 90px) / 4); } .m114-modalform--field_radio label, .m114-modalform--field_checkbox label, .m114-modalform--field_radio.small label { height: 100%; display: block; box-sizing: border-box; } } @media screen and (max-width: 1024px) { .m114-modalform--field_radio, .m114-modalform--field_checkbox, .m114-modalform--field_radio.small { width: calc((100% - 30px) / 2); } .m114-modalform--field_radio label, .m114-modalform--field_checkbox label, .m114-modalform--field_radio.small label { height: 100%; display: block; box-sizing: border-box; } .m114-modalform--footer .m114-modalform--footer-inner { flex-direction: column; } .m114-modalform--footer .m114-modalform--header_prog { width: 100%; } .m114-modalform--footer .m114-modalform--footer-btn { margin-right: auto; margin-top: 20px; } .m114-modalform--fieldset_flex .m114-modalform--field_checkbox, .m114-modalform--fieldset_flex .m114-modalform--field_radio { width: calc((100% - 20px) / 2); } } @media screen and (max-width: 599px) { .m114-modalform--field_radio, .m114-modalform--field_checkbox, .m114-modalform--field_radio.small { width: 100%; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link { padding-top: 30px; font-size: 20px; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link.m41-tabs-box__tab-link--completed { flex-direction: column; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link.m41-tabs-box__tab-link--completed .link--completed-icon::after { position: absolute; top: 6px; left: calc((100% - 34px) / 2); } } @media screen and (min-width: 1025px) { .m114-modal .m41-tabs-box__tabs { margin-top: 0px; } .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link.m41-tabs-box__tab-link--completed { flex-direction: row-reverse; } .m114-modalform--footer { border-radius: 0 0 8px 8px; } .m114-modalform--footer .m114-modalform--footer-inner { display: flex; } .m114-modalform--footer .m114-modalform--header_prog { width: 50%; } } body.mha-dark .m114-modalform--header, body.mha-dark .m114-modal .m41-tabs-box .m41-tabs-box__tab-items .m41-tabs-box__tab-item .m41-tabs-box__tab-link.m41-tabs-box__tab-link--active, body.mha-dark .m114-modalform--item, body.mha-dark .m114-modalform .m114-modal--details, body.mha-dark .m114-modal--confirmation_footnote, body.mha-dark .m114-modalform--footer { background-color: #000 !important; } body.mha-dark .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakeradio, body.mha-dark .m114-modalform--field_input--radio:checked + .m114-modalform--field_fakecheckbox, body.mha-dark .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakeradio, body.mha-dark .m114-modalform--field_input--checkbox:checked + .m114-modalform--field_fakecheckbox, body.mha-dark .m114-modalform--field_input[readonly] { color: #000 !important; } .m116-group-teaser { display: flex; position: relative; padding: 13px; gap: 15px; border-radius: 12px; flex-direction: column; } .m116-group-teaser.m116-group-teaser-colums { flex-direction: column; width: 100%; } .m116-group-teaser.border-green { border: 2px dashed rgba(0, 117, 96, 0.4); } .m116-group-teaser.border-yellow { border: 2px dashed rgba(255, 199, 0, 0.4); } .m116-group-teaser.border-orange { border: 2px dashed rgba(226, 109, 90, 0.4); } .m116-group-teaser.border-cyan { border: 2px dashed rgba(98, 71, 170, 0.4); } .m116-group-teaser.border-blue { border: 2px dashed rgba(137, 182, 210, 0.4); } .m116-group-teaser .m116-group-teaser-title { position: absolute; } .m116-group-teaser .m116-group-teaser-title { display: none; padding: 0px 10px; background-color: white; text-transform: uppercase; } .m116-group-teaser .m116-group-teaser-item { padding: 16px; border: 1px solid #ccc; border-radius: 12px; color: #595959; flex: 1; } .m116-group-teaser .m116-group-teaser-item .m116-group-teaser-item-tag { border-radius: 12px; font-weight: 700; text-transform: uppercase; color: #222222; display: inline-block; padding: 10px; margin-bottom: 20px; } .m116-group-teaser .m116-group-teaser-item.teaser-item-green { background: #F7FCFC; border-color: #60968C; } .m116-group-teaser .m116-group-teaser-item.teaser-item-green .m116-group-teaser-item-tag { background-color: #CCE3DF; } .m116-group-teaser .m116-group-teaser-item.teaser-item-yellow { background: #FCFBF7; border-color: #B59521; } .m116-group-teaser .m116-group-teaser-item.teaser-item-yellow .m116-group-teaser-item-tag { background-color: rgba(255, 199, 0, 0.2); } .m116-group-teaser .m116-group-teaser-item.teaser-item-blue { background: #F5FBFF; border-color: #89B6D2; } .m116-group-teaser .m116-group-teaser-item.teaser-item-blue .m116-group-teaser-item-tag { background-color: #C6E1F3; } .m116-group-teaser .m116-group-teaser-item .m116-group-teaser-item-content { line-height: 20px; } @media screen and (min-width: 1025px) { .m116-group-teaser { flex-direction: row; } .m116-group-teaser .m116-group-teaser-title.left-vertical { transform: rotate(270deg); } } .m116-pagination { position: relative; display: flex; align-items: center; justify-content: end; line-height: 1.5; } .m116-pagination--main { display: flex; align-items: center; justify-content: flex-end; gap: 12px; position: relative; } .m116-pagination--perpage { display: flex; align-items: center; justify-content: flex-start; } .m116-pagination--perpage_select { padding: 2px 4px; border-radius: 4px; border: solid 1px #CED4DA; margin: 0 4px; } .m116-pagination--cta { position: absolute; right: 0; left: 0; display: flex; align-items: center; justify-content: center; padding: 0 200px; } .m116-pagination--cta button { min-width: 200px; max-width: 100%; padding: 10px 32px; border: solid 1px #222222; font-weight: 600; font-size: 16px; } input.m116-pagination--current { padding: 5px; height: 40px; margin: 0; border: solid 1px #D7D7DF; border-radius: 4px; width: 44px; line-height: 1; font-weight: 300; text-align: center; transition: ease-in-out 200ms all; } input.m116-pagination--current:hover { border: solid 1px #007560; } input.m116-pagination--current:focus { border: solid 1px #007560; box-shadow: 0 0px 0px 1px #007560; } input.m116-pagination--current + * { margin-top: 0; } .m116-pagination--total { font-weight: 600; } .m116-pagination--nav { display: flex; align-items: center; gap: 4px; } .m116-pagination--navbutton { position: relative; height: 40px; width: 40px; border: solid 1px #D7D7DF; border-radius: 4px; display: flex; align-items: center; justify-content: center; } .m116-pagination--navbutton:before { font-family: "iconfont"; font-size: 40px; } .m116-pagination--navbutton.m116-pagination--prev:before { content: "\e606"; } .m116-pagination--navbutton.m116-pagination--next:before { content: "\e607"; } .m116-pagination--navbutton:hover:not(.disabled) { background-color: #F2F3F3; } .m116-pagination--navbutton.disabled { color: #ababab; cursor: default; } @media screen and (max-width: 799px) { .m116-pagination { justify-content: center; flex-flow: column; gap: 24px; } .m116-pagination--cta { position: static; } .m116-pagination--total { position: absolute; left: calc(100% + 12px); white-space: nowrap; } } @media screen and (max-width: 1024px) { .m116-pagination--cta { justify-content: flex-start; padding: 0; } } @media screen and (max-width: 1100px) { .m116-pagination--cta { justify-content: flex-start; padding: 0; } } .mha-dark .m116-pagination--navbutton.disabled, .mha-light .m116-pagination--navbutton.disabled { opacity: 0.5; } .m121-signlanguage--container { display: flex; align-items: stretch; justify-content: flex-start; gap: 20px; flex-wrap: wrap; } .m121-signlanguage--container + .m116-pagination { margin-top: 42px; } .m121-signlanguage--item { width: calc((100% - 40px) / 3); } .m121-sl--item-trigger { padding: 0; width: 100%; text-align: left; } .m121-sl--item-trigger:hover .m121-sl--item-title { text-decoration: underline; } .m121-sl--item-img { aspect-ratio: 1; width: 100%; background-size: cover; background-position: top; background-repeat: no-repeat; border-radius: 6px; } .m121-sl--item-title { font-size: 1em; font-weight: 600; line-height: 1.5; margin-top: 8px; } .m121-signlanguage--toolbar { margin-bottom: 32px; } .m121-signlanguage--input-wrapper { padding: 12px 16px; border: solid 1px #BDBDBD; border-radius: 6px; display: flex; align-items: center; justify-content: flex-start; gap: 4px; } .m121-signlanguage--input-wrapper:before { content: "酪"; font-family: "iconfont"; color: #6F6F6F; font-size: 30px; position: relative; top: -2px; } input.m121-sl--input-input { padding: 0; border: none; width: 100%; } .m121-signlanguage--overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999999; background-color: rgba(0, 0, 0, 0.9); color: #fff; display: flex; align-items: stretch; display: none; } .m121-sl--overlay-inner { display: flex; flex-flow: column; align-items: center; justify-content: space-evenly; width: 90%; max-width: 1400px; margin: 0 auto; position: relative; padding-top: 54px; } .m121-sl--overlay-close { position: absolute; right: 24px; top: 24px; color: #fff; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; } .m121-sl--overlay-close:before { content: "\e608"; font-family: "iconfont"; font-size: 30px; } .m121-sl--overlay-main { max-width: 100%; text-align: center; line-height: 1.5; font-weight: 300; } .m121-sl--overlay-iframe { position: relative; aspect-ratio: 7/6; max-width: 100%; width: 512px; margin: 0 auto; } .m121-sl--overlay-iframe iframe { position: relative; z-index: 2; } .m121-sl--overlay-iframe + * { margin-top: 24px; } .m121-sl--overlay-iframecont { height: 100%; } .m121-sl--overlay-title { font-weight: 600; } .m121-sl--overlay-carousel { display: flex; gap: 10px; align-items: center; justify-content: flex-start; flex-wrap: nowrap; width: 100%; } .m121-signlanguage--slide { width: 100px; aspect-ratio: 1; flex-shrink: 0; } .m121-signlanguage--slide.slick-slide { padding: 5px; } .m121-signlanguage--slide.slick-center .m121-sl--slide-inner { box-shadow: 0 0 0 4px #007560; } .m121-sl--slider-controls { display: flex; align-items: center; justify-content: space-between; position: absolute; left: -64px; right: -64px; top: calc((100% - 48px) / 2); } .m121-sl--slider-prev, .m121-sl--slider-next { color: #fff; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background-color: #000; } .m121-sl--slider-prev:before, .m121-sl--slider-next:before { font-family: "iconfont"; font-size: 24px; } .m121-sl--slider-prev:before { content: "\e609"; } .m121-sl--slider-next:before { content: "\e60c"; } .m121-sl--slide-img { aspect-ratio: 1; background-size: cover; background-position: center; } .m121-signlanguage--noresults { text-align: center; font-weight: 300; line-height: 1.5; margin-top: 64px; display: none; } .m121-sl--noresults-icon { max-width: 80px; margin-bottom: 10px; } .m121-sl--noresults-title { font-weight: 700; margin-bottom: 4px; } @media screen and (max-width: 599px) { .m121-signlanguage--item { width: 100%; } .m121-sl--overlay-inner { padding-bottom: 48px; } .m121-sl--overlay-carousel { display: none; } .m121-sl--overlay-iframe { position: static; } .m121-sl--slider-controls { left: 0; right: 0; top: auto; bottom: 15%; } } /* homemodule */ .m122-news { line-height: 1.5; } .m122-news .grid__row, .m122-news .grid__row--tight, .m122-news .form-introduction, .m122-news .grid__column, .m122-news .dashboard__account-selector, .m122-news .dashboard__user-widget { display: flex; align-items: stretch; } .m122-news--weekly { border-radius: 8px; overflow: hidden; display: flex; flex-flow: column; } .m122-news--weekly_img { position: relative; aspect-ratio: 16/9; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 24px; flex-grow: 1; max-width: 100%; } .m122-news--weekly_img:after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); } .m122-news--weekly_img:focus-visible .m122-news--weekly_btn { background-color: #F9DC4A; } .m122-news--weekly_btn { width: 64px; height: 64px; border-radius: 50%; background-color: #F5F3F7; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 2; top: calc((100% - 64px) / 2); left: calc((100% - 64px) / 2); color: #222222; } .m122-news--weekly_btn:before { content: "\e614"; font-family: "iconfont"; font-size: 50px; position: relative; left: 2px; } .m122-news--weekly_date { color: #222222; margin-bottom: 16px; } .m122-news--weekly_title { margin-bottom: 4px; } .m122-news--weekly_desc { color: #222222; } .m122-news--list { display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start; gap: 24px; } .m122-news--item { display: flex; align-items: flex-start; justify-content: flex-start; gap: 24px; overflow: hidden; color: #222222; } .m122-news--item_img { aspect-ratio: 4/3; width: 33.3333333333%; background-size: cover; background-position: center center; flex-shrink: 0; border-radius: 6px; } .m122-news--item_date { color: #222222; margin-bottom: 2px; } .m122-news--item_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .m122-news--item_title + .m122-news--item_desc { margin-top: 8px; } .m122-news--item_desc { color: #222222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m122-news--modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; z-index: -1; } .m122-news--modal.active { opacity: 1; visibility: visible; z-index: 9999999; } .m122-news--modal_inner { position: relative; border-radius: 8px; color: white; padding: 24px 0; } @media screen and (max-width: 599px) { .m122-news--modal_inner { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m122-news--modal_inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m122-news--modal_inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (max-width: 599px) { .m122-news--modal_inner { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m122-news--modal_inner { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m122-news--modal_inner { padding-left: 32px; padding-right: 32px; } } .m122-news--modal_inner { max-width: 800px !important; overflow: auto; } .m122-news--modal_header { position: relative; } .m122-news--modal_title { font-weight: 700; padding-right: 32px; } .m122-news--modal_desc { font-weight: 600; margin-top: 4px; } .m122-news--modal_close { color: white; position: absolute; height: 30px; width: 30px; padding: 0; display: flex; align-items: center; justify-content: center; top: 10px; right: 0; } .m122-news--modal_close:before { content: "\e608"; font-family: "iconfont"; font-size: 50px; } .m122-news--modal_content { width: 100%; aspect-ratio: 16/9; margin: 28px 0; } .m122-news--modal_content iframe { width: 100%; height: 100%; } .m122-news--cta { display: none; text-align: center; margin-top: -8px; margin-bottom: -24px; } @media screen and (max-width: 1024px) { .m122-news--item_date { margin-bottom: 4px; } .m122-news--item_title, .m122-news--item_desc { line-height: 1.2; } .m122-news .grid__row, .m122-news .grid__row--tight, .m122-news .form-introduction, .m122-news .grid__column, .m122-news .dashboard__account-selector, .m122-news .dashboard__user-widget { flex-flow: column; gap: 32px; } .m122-news .grid__column--6 { width: 100%; } .m122-news .grid__column--6:first-child { margin-top: -32px; } .m122-news--item { flex-flow: column; } .m122-news--weekly_img { max-width: 530px; border-radius: 8px 8px 0px 0px; } .m122-news--weekly_img:after { border-radius: 8px 8px 0px 0px; } } @media screen and (max-width: 599px) { .m122-news { margin-top: 0px; } .m122-news .grid__row, .m122-news .grid__row--tight, .m122-news .form-introduction, .m122-news .grid__column, .m122-news .dashboard__account-selector, .m122-news .dashboard__user-widget { flex-flow: column; gap: 32px; } .m122-news .grid__column--6:first-child { margin-top: -32px; } .m122-news--weekly_title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m122-news--weekly_desc { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .m122-news--item { flex-flow: column; } .m122-news--item_img { width: 100%; aspect-ratio: 16/9; } .m122-news--item_date { margin-bottom: 16px; } .m122-news--item_title, .m122-news--item_desc { line-height: 1.5; } .m122-news--item_title { font-size: 1.4375em; } .m122-news--cta { display: block; } } /* Popup Container */ .m110-notification-popup { position: fixed; bottom: -100px; right: 20px; background-color: #ccc; color: #222; padding: 15px 20px; border-radius: 12px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: all 0.5s ease; opacity: 0; z-index: 9999; border: 2px solid #333; max-width: 475px; } .m110-notification-popup.active { bottom: 72px; opacity: 1; } .m110-notification-popup.notification-popup-success { border-color: #007560; background: #F2F8F7; } .m110-notification-popup.notification-popup-success .popup-link { color: #007560; } .m110-notification-popup.notification-popup-success .popup-success-icon { display: block; } .m110-notification-popup.notification-popup-success .m110-close-btn:before { color: #007560; } .m110-notification-popup.notification-popup-warning { border-color: #B00020; background: #F7F2F3; } .m110-notification-popup.notification-popup-warning .popup-link { color: #B00020; } .m110-notification-popup.notification-popup-warning .popup-warning-icon { display: block; } .m110-notification-popup.notification-popup-warning .m110-close-btn:before { color: #B00020; } .m110-notification-popup.notification-popup-info { border-color: #A2511A; background: #F7F2F3; } .m110-notification-popup.notification-popup-info .popup-link { color: #A2511A; } .m110-notification-popup.notification-popup-info .popup-info-icon { display: block; } .m110-notification-popup.notification-popup-info .m110-close-btn:before { color: #A2511A; } .m110-notification-popup .popup-title { color: #101828; font-size: 18px; font-weight: 600; margin-bottom: 10px; } .m110-notification-popup .popup-txt { color: #6F6F6F; } .m110-notification-popup .popup-icons { display: none; } .m110-notification-popup .popup-link { font-weight: 300; position: relative; padding-right: 28px; } .m110-notification-popup .popup-link:before { font-family: iconfont; content: "亂"; font-size: 25px; position: absolute; top: 4px; right: 0px; } .m110-notification-popup .popup-warning-icon { margin-bottom: 12px; } .m110-notification-popup .popup-success-icon { background: #007560; color: #fff; width: 18px; height: 18px; border-radius: 50%; margin-bottom: 12px; } .m110-notification-popup .popup-success-icon:before { line-height: 19px; font-size: 19px; font-weight: 700; } .m110-notification-popup .popup-info-icon { margin-bottom: 12px; } .m110-notification-popup .m110-close-btn { background: none; border: none; color: #222; font-size: 16px; cursor: pointer; position: absolute; top: 10px; right: 10px; line-height: 23px; } .m110-notification-popup .m110-close-btn:before { content: "\e608"; font-family: iconfont; font-size: 23px; } @media screen and (max-width: 599px) { .m110-notification-popup { right: 2px; } } @media screen and (min-width: 1025px) { .m110-notification-popup { min-width: 400px; } } .m118-content-table { background-color: #fff; border-radius: 6px; line-height: 18px; overflow: hidden; border-radius: 6px; border: 1px solid #D7D7DF; } .m118-content-table .m118-content-table_header { border-bottom: 1px solid #D7D7DF; } .m118-content-table .m118-content-table_top { border-bottom: 1px solid #D7D7DF; display: flex; padding: 24px 15px; gap: 10px; } .m118-content-table .m118-content-table_top.with-tools { padding: 12px 15px; flex-direction: column; } .m118-content-table .m118-content-table_top-title { display: flex; } .m118-content-table .m118-content-table_top-title .m118-content-table_top-sort { margin-left: auto; display: flex; align-items: center; } .m118-content-table .m118-content-table_top-title-txt { font-weight: 600; } .m118-content-table .m118-content-table_top-search .form-field__input-prefix--mnd-search { margin: 0px; } .m118-content-table .m118-content-table_top-button { display: flex; align-items: center; position: relative; padding-left: 40px; } .m118-content-table .m118-content-table_top-button .button, .m118-content-table .m118-content-table_top-button .button--centered, .m118-content-table .m118-content-table_top-button .form-submit, .m118-content-table .m118-content-table_top-button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m118-content-table .m118-content-table_top-button a, .m118-content-table .m118-content-table_top-button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m118-content-table .m118-content-table_top-button a { overflow: visible; } .m118-content-table .m118-content-table_top-button .button:before, .m118-content-table .m118-content-table_top-button .button--centered:before, .m118-content-table .m118-content-table_top-button .form-submit:before, .m118-content-table .m118-content-table_top-button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m118-content-table .m118-content-table_top-button a:before, .m118-content-table .m118-content-table_top-button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a:before, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m118-content-table .m118-content-table_top-button a:before { content: ""; width: 1px; height: 100%; position: absolute; left: -18px; background: #BDBDBD; top: 0px; } .m118-content-table .m118-content-table_td-up svg { transform: scaleY(-1); } .m118-content-table .m118-content-table_bottom { border-top: 1px solid #D7D7DF; padding: 12px 28px; } .m118-content-table .m118-content-table_td-small-text { font-size: 13px; color: #6F6F6F; display: block; } .m118-content-table .column-sort { cursor: pointer; } .m118-content-table .m118-content-table_tr { display: flex; flex-wrap: wrap; align-items: center; } .m118-content-table .m118-content-table_tr + .m118-content-table_tr { border-top: 1px solid #D7D7DF; } .m118-content-table .m118-content-table_tr .m118-content-table_td { padding: 15px; } .m118-content-table .m118-content-table_tr .m118-content-table_td:first-child { padding-left: 28px; } .m118-content-table .m118-content-table_tr .m118-content-table_td .button-more--container.actions .actions-item { font-size: 14px; } .m118-content-table .m118-content-table_tr.tr-accordion-expanded { background-color: #f2f3f3; } .m118-content-table .m118-content-table_tr.tr-accordion-expanded .m118-content-table_td-expand { transform: rotateX(0deg); padding-bottom: 15px; height: auto; } .m118-content-table .m118-content-table_tr.tr-accordion .m118-content-table_td:first-child { position: relative; cursor: pointer; } .m118-content-table .m118-content-table_tr.tr-accordion .m118-content-table_td:first-child::before { font-family: iconfont; position: absolute; left: 2px; content: "\e604"; font-size: 30px; color: #6F6F6F; } .m118-content-table .m118-content-table_tr.tr-accordion.tr-accordion-expanded .m118-content-table_td:first-child::before { content: "\e605"; } .m118-content-table .m118-content-table_td { flex: 1; } .m118-content-table .m118-content-table_td .button--dots:before { color: #92929D; } .m118-content-table .m118-content-table_td-fixed-100 { max-width: 100px; } .m118-content-table .m118-content-table_td-expand { flex-basis: 100%; width: 100%; padding: 0px 28px; transition: 0.25s all; height: 0px; transform-origin: top; transform: rotateX(90deg); transition: 0.25s all; overflow: hidden; } .m118-content-table .m118-content-table_footer { font-weight: 300; } .m118-content-table .m118-content-table_footer .m118-content-table_tr { border: none; } .m118-content-table .m118-content-table_td-expand-traker.m118-content-table_td-expand-traker-line { position: relative; padding-left: 20px; display: table; } .m118-content-table .m118-content-table_td-expand-traker.m118-content-table_td-expand-traker-line:before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 2px; width: 1px; /* Adjust the line width */ background-color: #D2D2D7; /* Line color */ } .m118-content-table .m118-content-table_td-expand-traker.m118-content-table_td-expand-traker-line:after { content: ""; position: absolute; bottom: 0; left: 0; width: 5px; height: 5px; border-radius: 5px; background-color: #D2D2D7; } .m118-content-table .expand-traker-item { display: table-row; font-size: 14px; } .m118-content-table .expand-traker-item.expand-traker-item-title { font-weight: 300; } .m118-content-table .expand-traker-item .traker-item-name { display: table-cell; } .m118-content-table .expand-traker-item .traker-item-name + .traker-item-value { padding-left: 40px; } .m118-content-table .expand-traker-item .traker-item-value { display: table-cell; } .m118-content-table .m118-content-table_td-expand-v2 .expand-traker-item { flex-direction: column; margin-bottom: 20px; } .m118-content-table .m118-content-table_td-expand-v2 .expand-traker-item.expand-traker-item-title { font-weight: 600; } .m118-content-table .m118-content-table_td-expand-v2 .expand-traker-item .traker-item-name { width: 200px; line-height: 1.3em; color: #6F6F6F; } .m118-content-table .m118-content-table_td-expand-v2 .expand-traker-item .traker-item-value { line-height: 1em; } .m118-content-table.m118-content-table-v2 .m118-content-table_header { background: #F5F5F5; } .m118-content-table.m118-content-table-v2 .m118-content-table_tr.tr-accordion-expanded { background: none; } .m118-content-table.m118-content-table-v3 .m118-content-table_header { background: #F5F5F5; } .m118-content-table.m118-content-table-v3 .m118-content-table_tr.tr-accordion-expanded { background: none; } .m118-content-table.m118-content-table-v3 .m118-content-table_tr.tr-accordion .m118-content-table_td:first-child { min-width: 160px; } .m118-content-table.m118-content-table_bottomless .m118-content-table_inner { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .m118-content-table.m118-content-table-calibration { background-color: rgb(242, 243, 243); padding: 16px; font-size: 14px; overflow: visible; border: none; } .m118-content-table.m118-content-table-calibration .m118-content-table_inner { background-color: #fff; border-radius: 6px; } .m118-content-table.m118-content-table-calibration .m118-content-table_header { font-size: 14px; font-weight: 600; } .m118-content-table.m118-content-table-calibration .m118-content-table_footer { font-size: 16px; border-top: 1px solid #D7D7DF; } @media screen and (max-width: 599px) { .m118-content-table .m118-content-table_td-mobile-hidden { display: none; } .m118-content-table .m118-content-table_td-expand-traker.m118-content-table_td-expand-traker-line { padding-left: 0px; } .m118-content-table .m118-content-table_td-expand-traker.m118-content-table_td-expand-traker-line:before { left: -12px; } .m118-content-table .m118-content-table_td-expand-traker.m118-content-table_td-expand-traker-line:after { left: -14px; } } @media screen and (min-width: 600px) { .m118-content-table .m118-content-table-desktop-hidden { display: none; } .m118-content-table.m118-content-table-v3 .m118-content-table_top { flex-direction: row; } .m118-content-table.m118-content-table-v3 .m118-content-table_top .m118-content-table_top-search { margin-left: auto; } .m118-content-table.m118-content-table-v3 .m118-content-table_tr.tr-accordion .m118-content-table_td:first-child { pointer-events: none; min-width: auto; } .m118-content-table.m118-content-table-v3 .m118-content-table_tr.tr-accordion .m118-content-table_td:first-child::before { display: none; } .m118-content-table.m118-content-table-v3.m118-content-table-v3a .m118-content-table_tr.tr-accordion .m118-content-table_td:first-child { pointer-events: auto; } .m118-content-table.m118-content-table-v3.m118-content-table-v3a .m118-content-table_tr.tr-accordion .m118-content-table_td:first-child::before { display: inline-block; } .m118-content-table .m118-content-table_top { padding: 24px 24px; align-items: center; gap: 0px; } .m118-content-table .m118-content-table_top.with-tools { padding: 12px 24px; flex-direction: row; } .m118-content-table .m118-content-table_td-expand-v2 .expand-traker-item { flex-direction: row; align-items: center; margin-bottom: 10px; } } .j182-board-members { font-weight: 300; line-height: 1.25; } .j182-board-members .inner-breadcrumb { position: static; margin: 14px 0 40px; padding: 0; } .j182-board-members .inner-breadcrumb .button--breadcrumbdot { color: #007560; font-weight: 300; } .j182-board-members .inner-breadcrumb .button--breadcrumbdot:before { color: #007560; top: 12px; } .button-container { padding: 0; text-align: start; } .button-container:hover .j182-member-name { text-decoration: underline; } .j182-board-members--img { background-size: cover; background-position: center; width: 100%; aspect-ratio: 1; } .j182-board-container { display: flex; flex-direction: column; justify-content: center; align-items: start; gap: 24px; width: calc((100% - 64px) / 3); } .j182-board-members--info { display: flex; flex-direction: column; } .j182-board-row { display: flex; gap: 32px; margin-top: 24px; align-items: start; justify-content: center; } .j182-board-row + .j182-board-row { margin-top: 64px; } .j182-member-name { font-weight: 400; } .j182-member-desig { font-weight: 400; } .board-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin-top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); justify-content: center; align-items: center; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; z-index: -1; } .board-modal.is-open { opacity: 1; visibility: visible; z-index: 9999999; } .board-modal .board-modal-inner { background: white; padding: 2rem; border-radius: 12px; width: 900px; text-align: center; position: relative; height: 100%; overflow: auto; margin: 0 auto; } .board-modal .board-modal-close { position: absolute; top: 1rem; right: 2rem; font-size: 2.5rem; font-weight: 100; background-color: white; cursor: pointer; z-index: 100; width: 40px; height: 40px; padding: 0; border-radius: 50%; } .board-modal .board-modal-content { height: 100%; flex: 1; } .board-modal .board-modal-details { position: absolute; top: 32px; bottom: 32px; left: 0; right: 0; padding: 0 32px; overflow: auto; } .board-modal .board-modal-teaser { top: 12%; bottom: 5%; left: 0; right: 0; margin: auto; width: 90%; position: absolute; display: flex; justify-content: center; } .board-modal .board-modal-header { margin-bottom: 24px; } .board-modal .board-modal-header .board-modal-name { font-weight: 600; margin: 0; } .board-modal .board-modal-header .board-modal-desig { margin-top: 2px; } .board-modal .board-modal-image { margin: 36px auto; display: flex; justify-content: center; max-width: 400px; } .board-modal .board-modal-body { text-align: start; } @media screen and (max-width: 1024px) { .j182-board-row { flex-wrap: wrap; } .j182-board-container { max-width: calc((100% - 32px) / 2); } .board-modal .board-modal-inner { width: 100%; } } @media screen and (max-width: 599px) { .j182-board-container { max-width: 100%; width: 100%; } .board-modal .board-modal-inner { width: 100%; } .board-modal .board-modal-header { text-align: start; } .board-modal .board-modal-header .board-modal-name { padding-right: 42px; } .board-modal .board-modal-details { position: absolute; top: 16px; bottom: 16px; left: 0; right: 0; padding: 0 16px; overflow: auto; } .board-modal .board-modal-close { right: 1rem; } } .m123-download { display: flex; align-items: stretch; justify-content: flex-start; gap: 24px; flex-wrap: wrap; } .m123-download--item { width: calc((100% - 24px) / 2); border-radius: 12px; border: solid 1px #D7D7DF; overflow: hidden; display: flex; align-items: stretch; justify-content: space-between; } .m123-download--img { width: 200px; aspect-ratio: 1/1.414; background-size: calc(100% + 4px) calc(100% + 4px); background-position: center center; background-repeat: no-repeat; flex-shrink: 0; } .m123-download--content { padding: 36px; width: 100%; display: flex; flex-flow: column; align-items: flex-start; justify-content: space-between; } .m123-download--misc { margin-top: 8px; display: flex; align-items: center; justify-content: flex-start; color: #6F6F6F; gap: 4px; } .m123-download--misc_item { display: flex; align-items: center; gap: 4px; } .m123-download--misc_item + .m123-download--misc_item:before { content: "·"; } .m123-download--cta { display: flex; align-items: center; justify-content: flex-start; gap: 32px; } .m123-download--cta .button, .m123-download--cta .button--centered, .m123-download--cta .form-submit, .m123-download--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m123-download--cta a, .m123-download--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m123-download--cta a { font-weight: 600; margin: 0; } @media screen and (max-width: 1024px) { .m123-download { flex-flow: column; } .m123-download--item { width: 100%; } } @media screen and (max-width: 599px) { .m123-download { flex-flow: column; gap: 32px; } .m123-download--item { flex-flow: column; width: 100%; } .m123-download--img { width: 100%; } .m123-download--content { padding: 20px 24px; gap: 32px; } .m123-download--title { font-weight: 600; } .m123-download--cta .button, .m123-download--cta .button--centered, .m123-download--cta .form-submit, .m123-download--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m123-download--cta a, .m123-download--cta .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m123-download--cta a { font-weight: normal; } } .j177-accountsel__heading { margin-bottom: 16px; line-height: 1.5; font-weight: 300; } .j177-accountsel__title { font-size: 1.5em; font-weight: 600; } .j177-accountsel__subtitle { color: #6F6F6F; } .grid_sdhosting .form-field--separator { margin: 48px 0 36px; } .j184-away-mode .form-field__button, .j184-away-mode .form-submit-border { text-align: end; } .j184-greeting-text { color: #6F6F6F; margin-top: 24px; margin-bottom: 24px; } .j184-greeting-name { font-weight: bold; color: #222222; } .j184-away-mode-container { margin-top: 16px; display: inline-flex; flex-flow: column; align-items: stretch; justify-content: start; float: right; } .j184-awaymode-ontag { display: flex; justify-content: space-between; align-items: center; } .j184-duration--container { display: flex !important; align-items: center; } .j184-label-styling { font-weight: 700; } .icon-b-dstore-calendar { position: relative; bottom: 3px; } .j184-away-accounts { background-color: #F2F3F3; padding: 10px 24px; margin-top: 24px; } .j184-away-accounts_item, .j184-away-accounts_item:hover { border: 0; box-shadow: none; } .j184-away-accounts_item:hover { border: 0; box-shadow: none; } .j184-form-hidden { display: none; opacity: 0; transition: opacity 0.3s ease-in-out; } .j184-form-visible { display: block; opacity: 1; transition: opacity 0.3s ease-in-out; } .j184-form-slide-hidden { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; } .j184-form-slide-visible { max-height: 1000px; opacity: 1; transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out; } .j184-away-datecontainer { display: flex; align-items: baseline; gap: 16px; } .form-field__button2 { text-align: start; } .j184-width_half { width: 50%; } .m43-accountsel__selected { position: relative; } .datepicker-container { width: 100%; } .grey-divider { border: 1px solid #EFEFF1; margin-top: 20px; margin-bottom: 20px; } .link, .m111-cs--content_headinglink, .form-links__link, .m14-richtext a:not(.button):not(.button--centered), .m125-teaser--content a:not(.button):not(.button--centered), .links-list__link, .m14-richtext a:not(.button):not(.form-submit):not(.button--centered) { color: #007560; } .link:hover, .m111-cs--content_headinglink:hover, .form-links__link:hover, .m14-richtext a:hover:not(.button):not(.button--centered), .m125-teaser--content a:hover:not(.button):not(.button--centered), .links-list__link:hover { text-decoration: underline; } .item { margin-top: 20px; } .j184-away-mode-button { display: block; opacity: 1; } .j184-away-mode-button.hide { display: none; opacity: 0; transition: opacity 0.3s ease; } .j184-away-mode-form { display: none; opacity: 0; transition: opacity 0.3s ease; } .j184-away-mode-form.show { display: block; opacity: 1; } .datepicker-container { width: 100%; } @media screen and (max-width: 1024px) { .grid__column--3 { width: 100%; } .grid__column--9 { width: 100%; } .j184-width_half { width: 100%; } .j184-away-datecontainer { display: block; } .form-field__button, .form-submit-border, .form-field__button2 { text-align: center; } .j184-away-mode-container { display: block; } } @media screen and (max-width: 599px) { .j184-away-mode-container { float: none; } } .m125-formcard { background-color: white; border-radius: 12px; border: solid 1px #D7D7DF; overflow: hidden; } .m125-formcard + .m125-formcard { margin-top: 24px; } .m125-formcard--header { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: solid 1px #D7D7DF; } .m125-formcard--title { font-weight: 600; } .m125-formcard--modal_trigger { color: #6F6F6F; padding: 0; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; } .m125-formcard--modal_trigger:before { font-size: 28px; line-height: 24px; } .m125-formcard--body, .m125-formcard--profile { padding: 12px 16px; } .m125-formcard--row { display: flex; align-items: start; justify-content: start; } .m125-formcard--row + .m125-formcard--row { margin-top: 24px; } .m125-formcard--item { display: flex; align-items: center; justify-content: space-between; width: 100%; } .m125-formcard--infobox { display: flex; gap: 8px; margin-top: 32px; background: #F2F3F3; padding: 24px; border-radius: 12px; margin-bottom: 28px; } .m125-formcard--infobox2 { display: flex; gap: 8px; margin-top: 32px; background: white; padding: 24px; border-radius: 12px; margin-bottom: 28px; border: 1px solid #D7D7DF; color: #6F6F6F; align-items: center; } .m125-formcard--infobox2 .icon-b-mslpi:before { color: #007560; } .m125-formcard--infobox2.icon-b-config { align-items: start; } .m125-formcard--infobox2.icon-b-config:before { position: relative; top: -6px; } .m125-formcard--button { background: white; margin-top: 15px; color: black; border: 1px solid black; border-radius: 26px; padding: 8px 12px; cursor: pointer; } .m125-formcard--key { color: #6F6F6F; } .m125-subtext--resend { color: #6F6F6F; margin-bottom: 16px; } .m125-resend--style { color: #007560; text-decoration: underline; cursor: pointer; } .m125-resend--style:hover { text-decoration: none; } .m125-phone--no, .m125-email--add { background: #E5F1EF; align-items: center; border-radius: 10px; padding: 8px 16px; display: flex; align-items: center; gap: 6px; } .m125-contact--text { align-items: center; display: flex; justify-content: center; flex-direction: column; gap: 16px; margin-top: 24px; } .m125-formcard--modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3) !important; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; z-index: -1; } .m125-formcard--modal.active { opacity: 1; visibility: visible; z-index: 9999999; } .m125-formcard--modal_row { display: flex; align-items: start; justify-content: space-between; } .m125-formcard--modal_inner { background-color: white; border-radius: 12px; border: solid 1px #D7D7DF; overflow: hidden; width: 500px; max-width: 90%; max-height: 90%; overflow: auto; padding: 24px; position: absolute; } .m125-formcard--modal_header { display: flex; align-items: center; justify-content: space-between; } .m125-formcard--modal_header + * { margin-top: 24px; } .m125-formcard--modal_header2 { display: flex; align-items: start; justify-content: center; } .m125-formcard--modal_header2 + * { margin-top: 24px; } .m125-modify-position { position: absolute; right: 30px; } .m125-formcard--modal_title { font-weight: 600; } .m125-formcard--modal_body .form-field__button, .m125-formcard--modal_body .form-submit-border { display: flex; align-items: center; justify-content: end; gap: 16px; } .m125-formcard--modal_body .form-field__button .button, .m125-formcard--modal_body .form-submit-border .button, .m125-formcard--modal_body .form-field__button .button--centered, .m125-formcard--modal_body .form-submit-border .button--centered, .m125-formcard--modal_body .form-field__button .form-submit, .m125-formcard--modal_body .form-submit-border .form-submit, .m125-formcard--modal_body .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m125-formcard--modal_body .form-field__button a, .m125-formcard--modal_body .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m125-formcard--modal_body .form-submit-border a, .m125-formcard--modal_body .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m125-formcard--modal_body .form-field__button a, .m125-formcard--modal_body .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m125-formcard--modal_body .form-submit-border a { margin: 0; } .m125-formcard--modal_body .form-field__button:after, .m125-formcard--modal_body .form-submit-border:after, .m125-formcard--modal_body .form-field__button:before, .m125-formcard--modal_body .form-submit-border:before { content: none; } .m125-formcard--modal_body .form-field__button-full { display: block; } .button-full { width: 100%; } .m125-formcard--modal_close { padding: 0px; } .m125-formcard--modal_close:before { content: "\e608"; font-family: "iconfont"; font-size: 24px; } .m125-formcard--profile_header { display: flex; align-items: start; justify-content: space-between; margin-bottom: 16px; } .m125-formcard--profile_photo { width: 56px; aspect-ratio: 1; border-radius: 50%; } .m125-formcard--profile_subtext { color: #6F6F6F; } .m126-profilecard { background-color: white; border-radius: 12px; border: solid 1px #D7D7DF; overflow: hidden; } .m126-profilecard + .m126-profilecard { margin-top: 24px; } .m126-profilecard--header { display: flex; align-items: center; justify-content: center; padding: 16px; border-bottom: solid 1px #D7D7DF; } .m126-profilecard--title { font-weight: 600; } .m126-profilecard--modal_trigger { color: #6F6F6F; padding: 0; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; } .m126-profilecard--modal_trigger:before { font-size: 28px; line-height: 24px; } .m126-profilecard--body, .m126-profilecard--profile { padding: 12px 16px; } .m126-profilecard--row { display: flex; align-items: start; justify-content: start; } .m126-profilecard--row + .m126-profilecard--row { margin-top: 24px; } .m126-profilecard--item { display: flex; align-items: center; justify-content: space-between; width: 100%; } .m126-profilecard--key { color: #6F6F6F; } .m126-profilecard--modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; z-index: -1; } .m126-profilecard--modal.active { opacity: 1; visibility: visible; z-index: 9999999; } .m126-profilecard--modal_inner { background-color: white; border-radius: 12px; border: solid 1px #D7D7DF; overflow: hidden; width: 500px; max-width: 90%; max-height: 90%; overflow: auto; padding: 24px; } .m126-profilecard--modal_header { display: flex; align-items: center; justify-content: space-between; } .m126-profilecard--modal_header + * { margin-top: 24px; } .m126-profilecard--modal_title { font-weight: 600; } .m126-profilecard--modal_body .form-field__button, .m126-profilecard--modal_body .form-submit-border { display: flex; align-items: center; justify-content: end; gap: 16px; } .m126-profilecard--modal_body .form-field__button .button, .m126-profilecard--modal_body .form-submit-border .button, .m126-profilecard--modal_body .form-field__button .button--centered, .m126-profilecard--modal_body .form-submit-border .button--centered, .m126-profilecard--modal_body .form-field__button .form-submit, .m126-profilecard--modal_body .form-submit-border .form-submit, .m126-profilecard--modal_body .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m126-profilecard--modal_body .form-field__button a, .m126-profilecard--modal_body .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m126-profilecard--modal_body .form-submit-border a, .m126-profilecard--modal_body .form-field__button .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m126-profilecard--modal_body .form-field__button a, .m126-profilecard--modal_body .form-submit-border .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m126-profilecard--modal_body .form-submit-border a { margin: 0; } .m126-profilecard--modal_body .form-field__button:after, .m126-profilecard--modal_body .form-submit-border:after, .m126-profilecard--modal_body .form-field__button:before, .m126-profilecard--modal_body .form-submit-border:before { content: none; } .m126-profilecard--modal_close { padding: 0px; } .m126-profilecard--modal_close:before { content: "\e608"; font-family: "iconfont"; font-size: 24px; } .m126-profilecard--profile_header { display: flex; align-items: start; justify-content: center; margin-bottom: 16px; } .m126-profilecard--profile_photo { width: 56px; aspect-ratio: 1; border-radius: 50%; } .m126-profilecard--profile_maintext { text-align: center; margin-bottom: 16px; } .m126-profilecard--profile_subtext { color: #6F6F6F; } .m126-profilecard--profile_text { margin-bottom: 8px; } .m127-menucard { background-color: white; border-radius: 12px; border: solid 1px #D7D7DF; overflow: hidden; padding: 12px 0; } .m127-menucard + .m127-menucard { margin-top: 24px; } .m127-menucard--item { padding: 12px 16px; } .btr-radius { border-top-right-radius: 12px; } .bbr-radius { border-bottom-right-radius: 12px; } .bbl-radius { border-bottom-left-radius: 12px; } .btl-radius { border-top-left-radius: 12px; } .m127-menucard--category { color: #6F6F6F; font-weight: 700; padding: 12px 16px; } .m127-menucard--item, .m127-menucard-link { color: #222222; } .m127-menucard-link { display: block; } .m127-menucard--item:hover { background: #E5F1EF; color: #007560; } .m127-menucard--item.active { background: #E5F1EF; color: #007560; font-weight: 600; position: relative; } .m127-menucard--item.active .m127-menucard-link { color: #007560; } .m127-menucard--item.active::before { content: ""; position: absolute; right: 0; left: 0; height: 28px; width: 4px; background: #007560; border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; top: 50%; transform: translateY(-50%); } .m127-seperator { border: 1px solid #EFEFF1; } .m127-signout { padding: 12px 16px; margin-top: 24px; } .m127-signout a { color: #B00020; } .m127-menucard-responsive { display: none; } @media screen and (max-width: 1024px) { .m127-menucard-responsive { display: block; } .m127-menucard, .m127-signout { display: none; } } .m128-customer-tabs--tablinks { position: relative; display: flex; align-items: start; font-weight: 300; line-height: 1.5em; border-bottom: solid 1px #D7D7DF; } .m128-customer-tabs { margin-top: 20px; } .m128-customer-tabs--tablinks_inner { display: flex; align-items: stretch; justify-content: flex-start; border-radius: 4px; gap: 8px; } .m128-customer-tabs--tablink { display: block; white-space: nowrap; width: 100%; text-align: center; color: black; padding: 10px 12px; font-weight: 400; font-size: 16px; transition: 0.25s all ease; position: relative; } .m128-customer-tabs--tablink.active { background-color: #E5F1EF; color: #007560; font-weight: 600; border-top-right-radius: 8px; border-top-left-radius: 8px; } .m128-customer-tabs--tablink.active::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #007560; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; transition: all 0.5s; } .m128-customer-tabs--panel { display: none; } .m128-customer-tabs--panel.active { display: block; } @media screen and (max-width: 599px) { .m128-customer-tabs--tablinks { flex-flow: column; margin-bottom: 16px; } } .m129-away-container { display: flex; align-items: center; background-color: #F2F3F3; border-radius: 6px; padding: 12px; gap: 8px; color: #222222; margin-bottom: 12px; } .m129-away-duration { color: #6F6F6F; } .m129-away--tag { padding: 8px 12px; color: #222222; border-radius: 24px; } .m129-away--tag.tagon { background: #007560; color: white; } .m129-away--tag.tagoff { background: #6F6F6F; color: white; } .m129-away-inner_container { display: flex; align-items: center; justify-content: space-between; gap: 40px; flex: 1; } .m129-away-container .icon-b-stopwatch::before, .m129-away-container .icon-b-solidclock::before, .m129-away-container .icon-smartR::before { font-size: 50px; } .j183-green-pledge .m126-cardvalue { padding-bottom: 48px; border-bottom: solid 1px #D7D7DF; margin-bottom: 48px; } .j183-green-pledge--form { display: none; } @media screen and (max-width: 599px) { .j183-green-pledge .grid__column--form { padding-left: 16px; padding-right: 16px; } } .m124-hero { min-height: 200px; display: flex; align-items: end; justify-content: start; padding-bottom: 32px; background-color: rgba(34, 34, 34, 0.5); background-size: cover; background-position: center center; background-blend-mode: overlay; color: white; } @media screen and (max-width: 599px) { .m124-hero { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .m124-hero { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .m124-hero { margin-bottom: 56px; } } .m124-hero + *:has(.inner-breadcrumb) { margin-top: -36px; } @media screen and (max-width: 599px) { .m124-hero--inner { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m124-hero--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m124-hero--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (max-width: 599px) { .m124-hero--inner { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m124-hero--inner { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m124-hero--inner { padding-left: 32px; padding-right: 32px; } } .m124-hero--inner:has(.m124-hero--img) { display: flex; align-items: center; gap: 16px; } .m124-hero--img { width: 128px; max-width: 100%; } .m124-hero--title { font-weight: 700; } .m124-hero--title + * { margin-top: 2px; } @media screen and (max-width: 599px) { .m124-hero { min-height: 300px; } .m124-hero + *:has(.inner-breadcrumb) { margin-top: -12px; } .m124-hero--inner:has(.m124-hero--img) { flex-flow: column; align-items: start; } } .m126-cardvalue--heading { font-weight: 600; margin-bottom: 16px; } .m126-cardvalue--items { display: flex; align-items: stretch; justify-content: start; row-gap: 24px; column-gap: 16px; flex-wrap: wrap; } .m126-cardvalue--items + .m126-cardvalue--heading { margin-top: 48px; } .m126-cardvalue--item { width: calc((100% - 16px) / 2); border: 1px solid #E4E2E6; border-radius: 8px; padding: 8px; display: flex; flex-flow: column; } .m126-cardvalue--item .form-field__messages, .m126-cardvalue--item .field-error { padding: 4px 12px; margin-top: 0; } .m126-cardvalue--item:has(:focus-visible) { border-color: #007560; } .m126-cardvalue--checkbox { padding: 8px; } .m126-cardvalue--fakecheckbox-icon { width: 40px; } .m126-cardvalue--checkbox-input { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .m126-cardvalue--checkbox-input:checked + .m126-cardvalue--fakecheckbox .m126-cardvalue--fakecheckbox-box { background-color: #007560; border-color: #007560; } .m126-cardvalue--checkbox-input:checked + .m126-cardvalue--fakecheckbox .m126-cardvalue--fakecheckbox-box:before { content: "\e620"; font-family: "iconfont"; color: white; font-size: 24px; font-weight: bold; } .m126-cardvalue--fakecheckbox { position: relative; display: flex; align-items: start; justify-content: start; gap: 12px; } .m126-cardvalue--fakecheckbox span { display: block; } .m126-cardvalue--fakecheckbox-content { flex: 1; } .m126-cardvalue--fakecheckbox-desc { color: #6F6F6F; } .m126-cardvalue--fakecheckbox-box { width: 24px; height: 24px; border: solid 2px #D0D0D0; border-radius: 8px; display: flex; align-items: center; justify-content: center; } .m126-cardvalue--count { margin-top: 4px; border-top: solid 1px #F0F0F0; padding: 12px 12px 4px; display: flex; align-items: center; justify-content: space-between; flex: 1; } .m126-cardvalue--count-controls { display: flex; align-items: stretch; border: solid 1px #D7D7DF; border-radius: 8px; overflow: hidden; } .m126-cardvalue--count-controls.disabled { background-color: #F9F9F9; } .m126-cardvalue--count-controls.disabled input, .m126-cardvalue--count-controls.disabled button { pointer-events: none; color: #222222; } input.m126-cardvalue--count-control, .m126-cardvalue--count-control { padding: 6px; width: 42px; text-align: center; user-select: none; } input.m126-cardvalue--count-control { border-left: solid 1px #D7D7DF; border-right: solid 1px #D7D7DF; border-radius: 0; } button.m126-cardvalue--count-control { color: #007560; font-size: 18px; } @media screen and (max-width: 599px) { .m126-cardvalue--item { width: 100%; min-height: 166px; } .m126-cardvalue--fakecheckbox-content { margin-top: 4px; } .m126-cardvalue--fakecheckbox-title { padding-right: 40px; } .m126-cardvalue--fakecheckbox-box { position: absolute; top: 0; right: 0; } } .m127-teaser { display: flex; align-items: stretch; justify-content: start; column-gap: 30px; row-gap: 48px; } .m127-teaser--item { flex: 1; padding: 30px; border: solid 1px #E4E2E6; border-radius: 16px; box-shadow: 0px 0.95px 1.9px 0px rgba(16, 24, 40, 0.04); } .m127-teaser--icon { height: 60px; margin-bottom: 24px; } .m127-teaser--title { margin-bottom: 8px; } .m127-teaser--desc em { font-style: normal; font-weight: 600; } @media screen and (max-width: 599px) { .m127-teaser { flex-wrap: wrap; } .m127-teaser--item { flex: auto; width: 100%; } } .m111-content-scroller { display: flex; align-items: flex-start; justify-content: space-between; } .m111-cs--nav_sub { min-width: 280px; max-width: 100%; display: none; } .m111-content-scroller--nav { min-width: 280px; max-width: 100%; background-color: #fff; border-radius: 6px; } .m111-cs--nav_fixed { position: fixed; transition: top 0.2s ease-in-out; } .m111-cs--nav_abs { position: absolute; } .m111-content-scroller--nav_heading { font-weight: 700; padding: 16px; border-bottom: solid 1px #e6e6e6; } .m111-content-scroller--nav_items { padding: 20px 16px; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start; } .m111-content-scroller--nav_link { position: relative; color: #222222; font-weight: 600; line-height: 1.5; padding-left: 12px; } .m111-content-scroller--nav_link + .m111-content-scroller--nav_link { margin-top: 20px; } .m111-content-scroller--nav_link:before { content: ""; position: absolute; background-color: #007560; width: 3px; border-radius: 3px; top: 0; bottom: 100%; left: -1px; transition: 0.25s all; } .m111-content-scroller--nav_link.active, .m111-content-scroller--nav_link:hover { color: #007560; } .m111-content-scroller--nav_link.active:before, .m111-content-scroller--nav_link:hover:before { bottom: 0%; } .m111-content-scroller--content { width: 100%; margin-left: 24px; } .m111-cs--content_item { padding: 32px 36px; background-color: #fff; border-radius: 6px; font-weight: 300; } .m111-cs--content_item + .m111-cs--content_item { margin-top: 24px; } .m111-cs--content_item:has(iframe) { padding-bottom: 4px; } .m111-cs--content_heading + * { margin-top: 40px; } .m111-cs--content_heading + .m111-cs--content_tab { margin-top: 10px; } .m111-cs--content_headingcontent { display: flex; align-items: center; justify-content: space-between; } .m111-cs--content_headingtitle { line-height: 1.5; font-weight: 700; } .m111-cs--content_headingsubtitle { margin-top: 4px; } .m111-cs--content_tablinks { display: inline-flex; align-items: stretch; justify-content: start; border: solid 1px #D0D5DD; border-radius: 8px; overflow: hidden; margin-bottom: 26px; } .m111-cs--content_tablink { display: block; color: #6F6F6F; font-weight: 700; padding: 10px 16px; } .m111-cs--content_tablink + .m111-cs--content_tablink { border-left: solid 1px #D0D5DD; } .m111-cs--content_tablink.active { background-color: #222222; color: white; } .m111-cs--content_tabcontent { display: none; } .m111-cs--content { display: block; } @media screen and (max-width: 599px) { .m111-cs--content:has(.m112-file-list):has(.m116-pagination) .m112-file-list { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .m111-cs--content:has(.m112-file-list):has(.m116-pagination) .m112-file-list { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .m111-cs--content:has(.m112-file-list):has(.m116-pagination) .m112-file-list { margin-bottom: 56px; } } @media screen and (max-width: 599px) { .m111-cs--content:has(.m108-add-to-calendar--list):has(.m116-pagination) .m108-add-to-calendar--list { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .m111-cs--content:has(.m108-add-to-calendar--list):has(.m116-pagination) .m108-add-to-calendar--list { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .m111-cs--content:has(.m108-add-to-calendar--list):has(.m116-pagination) .m108-add-to-calendar--list { margin-bottom: 56px; } } .m111-cs--toolbar { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 24px; flex-wrap: wrap; } .m111-cs--tools { display: flex; align-items: center; justify-content: start; gap: 30px; flex: 1; flex-wrap: wrap; } .m111-cs--tool_search { width: 420px; max-width: 40%; } .m111-cs--tool_filter { width: 195px; max-width: 20%; } .m111-cs--tool_label { display: block; margin-bottom: 6px; font-weight: 700; } .m111-cs--tool_inputwrapper { position: relative; border: solid 1px #D7D7DF; border-radius: 4px; overflow: hidden; } .m111-cs--tool_inputwrapper:has(.m111-cs--tool_input-search) { width: 100%; display: flex; align-items: center; justify-content: start; gap: 16px; padding: 10px 16px; } .m111-cs--tool_inputwrapper:has(.m111-cs--tool_input-search):after { content: "\e602"; font-family: "iconfont"; font-size: 30px; line-height: 16px; color: #6F6F6F; } .m111-cs--tool_inputwrapper:has(.m111-cs--tool_input-filter):after { content: "\e604"; font-family: "iconfont"; position: absolute; right: 4px; top: calc((100% - 16px) / 2); font-size: 30px; line-height: 16px; color: #6F6F6F; } .m111-cs--tool_input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; border: none; appearance: none; } .m111-cs--tool_input-filter { position: relative; z-index: 1; padding: 10px 16px; padding-right: 40px; width: 100%; line-height: 1.5; cursor: pointer; outline: none !important; background-color: transparent !important; color: inherit; } input.m111-cs--tool_input-search { padding: 0; width: 100%; } .m111-cs--heading { padding-bottom: 16px; margin-bottom: 24px; } .m111-cs--headingtitle { font-weight: 700; } .m111-cs--headingstats { color: #6F6F6F; display: flex; gap: 4px; } [data-csfilter-stats] { display: inline-flex; gap: 4px; } .m111-hide { display: none !important; } .m111-content-scroller--nav_mobile { display: none; width: 100%; margin-bottom: 24px; } .m111-content-scroller--nav_mobile-label { display: block; font-weight: bold; margin-bottom: 4px; } .m111-content-scroller--nav_mobile-select { color: inherit; } .m111-cs--noresult { text-align: center; margin: 36px 0 16px; } @media screen and (max-width: 1024px) { .m111-cs--nav_sub, .m111-content-scroller--nav { min-width: 200px; } } @media screen and (max-width: 599px) { .m111-content-scroller { flex-flow: column; } .m111-cs--nav_sub { display: none !important; } .m111-content-scroller--nav { display: none; } .m111-content-scroller--content { margin: 0; } .m111-cs--content_item { width: calc(100% + 32px); position: relative; left: -16px; right: -16px; padding: 24px 16px; } .m111-content-scroller--nav_mobile { display: block; } .m111-cs--content_headingsubtitle { margin-top: 12px; } .m111-cs--toolbar { flex-flow: column; align-items: start; } .m111-cs--tools { flex-flow: column; align-items: stretch; gap: 16px; width: 100%; } .m111-cs--tool { width: 100%; max-width: unset; } .m111-cs--toolcta { width: 100%; } } .mha-dark .m111-cs--content_tablink.active, .mha-light .m111-cs--content_tablink.active { background-color: #007560 !important; } .m112-file-list--item { display: flex; align-items: start; justify-content: start; gap: 12px; } .m112-file-list--item + .m112-file-list--item { margin-top: 16px; } .m112-file-list--item + .m112-file-list--item .m112-file-list--item_icon { margin-top: 16px; } .m112-file-list--item + .m112-file-list--item .m112-file-list--item_content { padding-top: 16px; border-top: solid 1px rgba(0, 0, 0, 0.2); } .m112-file-list--files { display: flex; gap: 8px; } .m112-file-list--item_icon, .m112-file-list--file { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background-color: rgba(0, 117, 96, 0.1); color: #007560; } .m112-file-list--item_icon:before, .m112-file-list--file:before { content: "륩"; font-family: "iconfont"; font-size: 32px; position: relative; top: -2px; } .m112-file-list--item_content { flex: 1; display: flex; align-items: center; justify-content: space-between; gap: 12px; } .m112-file-list--item_title { font-weight: 600; } .m112-file-list--item_subtitle { color: #6F6F6F; } .mha-dark .m112-file-list--item + .m112-file-list--item .m112-file-list--item_content { border-top: solid 1px rgba(255, 255, 255, 0.2); } .m113-teaser { margin-top: 54px; background-color: #F2F3F3; } .m113-teaser + * { margin-top: 56px; } .m113-teaser--inner { padding: 48px 0; padding-right: calc(33.3333333333% + 32px); position: relative; } .m113-teaser--image { position: absolute; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 33.3333333333%; top: -54px; bottom: 0; right: 0; z-index: 2; border-radius: 8px 8px 0 0; } .m125-teaser { background-color: #F2F3F3; padding: 56px 0; } @media screen and (max-width: 599px) { .m125-teaser { margin-bottom: 24px; } } @media screen and (min-width: 600px) { .m125-teaser { margin-bottom: 56px; } } @media screen and (min-width: 1025px) { .m125-teaser { margin-bottom: 56px; } } .m125-teaser .grid__row, .m125-teaser .grid__row--tight, .m125-teaser .form-introduction { margin-bottom: 0; } .m125-teaser--item { display: flex; align-items: center; justify-content: space-between; gap: 32px; } .m125-teaser--item + .m125-teaser--item { margin-top: 56px; border-top: solid 1px #c2c2c5; padding-top: 56px; } .m125-teaser--headline { flex: 1; display: flex; align-items: center; justify-content: start; gap: 30px; } .m125-teaser--img { width: 200px; aspect-ratio: 1; background-size: cover; background-position: center center; border-radius: 8px; flex-shrink: 0; } .m125-teaser--title { font-weight: 600; } .m125-teaser--details { flex: 1; display: flex; align-items: start; justify-content: space-between; gap: 20px; } .m125-teaser--content ul { padding-top: 0; } .m125-teaser--link { margin: 0; display: inline-block; width: 24px; height: 24px; position: relative; top: 2px; color: #222222; } .m125-teaser--link:before { content: "릓"; font-family: "iconfont"; position: absolute; transform: rotate(-45deg); font-size: 28px; top: -10px; left: -4px; font-weight: normal; color: #007560; } .m125-teaser--link:hover { color: #007560; } @media screen and (max-width: 599px) { .m125-teaser--item, .m125-teaser--headline { align-items: start; flex-flow: column; gap: 24px; } } .m130-teaser--heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .m130-teaser--heading .link, .m130-teaser--heading .form-links__link, .m130-teaser--heading .m14-richtext a:not(.button):not(.button--centered), .m14-richtext .m130-teaser--heading a:not(.button):not(.button--centered), .m130-teaser--heading .links-list__link, .m130-teaser--heading .m111-cs--content_headinglink, .m130-teaser--heading .m125-teaser--content a:not(.button):not(.button--centered), .m125-teaser--content .m130-teaser--heading a:not(.button):not(.button--centered) { font-weight: 600; white-space: nowrap; } .m130-teaser--list { display: flex; align-items: stretch; justify-content: start; flex-wrap: wrap; gap: 32px; } .m130-teaser--link { box-sizing: border-box; width: calc((100% - 64px) / 3); color: black; border: solid 1px #E4E2E6; border-radius: 16px; overflow: hidden; display: flex; flex-flow: column; } .m130-teaser--img { position: relative; aspect-ratio: 16/9; background-size: cover; background-position: center; } .m130-teaser--content { padding: 16px; display: flex; flex-flow: column; align-items: start; justify-content: space-between; gap: 4px; flex: 1; } .m130-teaser--content .button--download { margin-top: 12px; padding: 10px 20px; display: inline-flex; align-items: center; gap: 6px; box-shadow: none; border: solid 1px #222222; } .m130-teaser--content .button--download:before { position: relative; line-height: 24px; left: 0; right: 0; top: -2px; font-weight: 700; } .m130-teaser--title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .m130-teaser--subtitle { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .m130-teaser--date { color: #6F6F6F; } .m130-teaser--video .m130-teaser--img:before { content: "\e614"; font-family: "iconfont"; display: flex; align-items: center; justify-content: center; font-size: 40px; width: 80px; height: 80px; border-radius: 50%; background-color: white; box-shadow: 0px 0px 0px 7.25px rgba(255, 255, 255, 0.25); position: absolute; top: calc((100% - 80px) / 2); left: calc((100% - 80px) / 2); } @media screen and (max-width: 599px) { .m130-teaser--link { width: 100%; } } .mha-dark .m130-teaser--video .m130-teaser--img:before { background-color: #000000; } .m141-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.3) !important; display: flex; align-items: center; justify-content: center; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; transition: opacity 0.25s; z-index: -1; } .m141-modal.active { opacity: 1; visibility: visible; z-index: 9999999; } .m141-modal--inner { background-color: white; border-radius: 12px; border: solid 1px #D7D7DF; overflow: hidden; width: 500px; max-width: 90%; max-height: 90%; display: flex; flex-flow: column; } .m141-modal--header { display: flex; align-items: start; justify-content: space-between; padding: 24px; background-color: #F4F9FB; } .m141-modal--header_inner { display: flex; align-items: center; justify-content: center; gap: 12px; } .m141-modal--header_inner img { height: 40px; } .m141-modal--close { color: #6F6F6F; padding: 0; } .m141-modal--close:before { content: "\e608"; font-family: "iconfont"; font-size: 24px; font-weight: bold; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; } .m141-modal--body { padding: 16px 24px; min-height: 0; overflow: auto; } .m141-modal--card { background-color: white; border-radius: 12px; border: solid 1px #D7D7DF; overflow: hidden; padding: 16px; } .m141-modal--card.flex { gap: 12px; } .m141-modal--card.flex svg { flex-shrink: 0; } .m141-modal--card + .m141-modal--card, .m141-modal--card + .m141-modal--keyval { margin-top: 16px; } .m141-modal--card.m141-modal--card_grey { background-color: #F8F8F9; border-color: #F8F8F9; } .m141-modal--card.m141-modal--card_grey .m141-modal--key { color: #222222; } .m141-modal--card_title { font-weight: 600; } .m141-modal--card_title + * { margin-top: 4px; } .m141-modal--card_acct { display: flex; align-items: center; justify-content: start; gap: 12px; } .m141-modal--card_acct + * { margin-top: 16px; border-top: solid 1px #D7D7DE; padding-top: 16px; } .m141-modal--card_acctimg { height: 36px; width: 36px; border-radius: 50%; background-color: #DEDEDE; background-size: contain; background-position: center; background-repeat: no-repeat; } .m141-modal--card_acctimg img { max-width: 100%; } .m141-modal--card_acctname { font-weight: 600; } .m141-modal--card_acctname + * { margin-top: 4px; } .m141-modal--keyval { display: flex; align-items: center; justify-content: space-between; gap: 8px; } .m141-modal--keyval + .m141-modal--keyval { margin-top: 16px; } .m141-modal--key { color: #6F6F6F; } .m141-modal--val:has(.m141-modal--copy) { position: relative; display: flex; align-items: center; gap: 8px; } .m141-modal--copy { padding: 0; } .m141-modal--copied { position: absolute; padding: 2px 4px; background-color: white; border: 1px solid; border-radius: 4px; right: -10px; top: -16px; display: none; } .m141-modal--keyval--total { padding-top: 16px; border-top: solid 1px #D7D7DE; } .m141-modal--keyval--total .m141-modal--key, .m141-modal--keyval--total .m141-modal--val { font-weight: 600; color: #222222; } .m141-modal--footer { padding: 16px 24px; border-top: solid 1px #D7D7DE; text-align: center; } .m141-modal--footer_btns { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; } .m141-modal--footer_btns .button, .m141-modal--footer_btns .button--centered, .m141-modal--footer_btns .form-submit, .m141-modal--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m141-modal--footer_btns a, .m141-modal--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m141-modal--footer_btns a { margin: 0; flex: 1; } @media screen and (max-width: 599px) { .m141-modal--inner { width: 100dvw; height: 100dvh; max-width: unset; max-height: unset; border-radius: 0; } .m141-modal--body { flex: 1; } .m141-modal--footer_btns .button, .m141-modal--footer_btns .button--centered, .m141-modal--footer_btns .form-submit, .m141-modal--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m141-modal--footer_btns a, .m141-modal--footer_btns .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m141-modal--footer_btns a { flex: auto; width: 100%; } } /* homemodule */ .m142-notif-banner { background-color: #E7F1EF; position: relative; transform-origin: top; transform: rotateX(90deg); transition: 0.25s all ease; height: 0; padding: 0; } .m142-notif-banner button, .m142-notif-banner a { display: none; } .m142-notif-banner.active { transform: rotateX(0deg); height: auto; padding: 16px 0; } .m142-notif-banner.active button, .m142-notif-banner.active a { display: inline-block; } @media screen and (max-width: 599px) { .m142-notif-banner--inner { width: auto; max-width: 100%; } } @media screen and (min-width: 600px) { .m142-notif-banner--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (min-width: 1025px) { .m142-notif-banner--inner { width: 90%; max-width: 1400px; margin: 0 auto; } } @media screen and (max-width: 599px) { .m142-notif-banner--inner { padding-left: 16px; padding-right: 16px; } } @media screen and (min-width: 600px) { .m142-notif-banner--inner { padding-left: 32px; padding-right: 32px; } } @media screen and (min-width: 1025px) { .m142-notif-banner--inner { padding-left: 32px; padding-right: 32px; } } .m142-notif-banner--inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .m142-notif-banner--content { display: flex; gap: 10px; } .m142-notif-banner--content svg { width: 22px; height: 22px; position: relative; top: -4px; flex-shrink: 0; } .m142-notif-banner--title { font-weight: 600; margin-bottom: 8px; } .m142-notif-banner--ctas { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; } .m142-notif-banner--ctas .button, .m142-notif-banner--ctas .button--centered, .m142-notif-banner--ctas .form-submit, .m142-notif-banner--ctas .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m142-notif-banner--ctas a, .m142-notif-banner--ctas .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m142-notif-banner--ctas a { margin: 0; flex: 1; } @media screen and (max-width: 599px) { .m142-notif-banner--inner { flex-flow: column; } .m142-notif-banner--ctas { text-align: center; width: 100%; } .m142-notif-banner--ctas .button, .m142-notif-banner--ctas .button--centered, .m142-notif-banner--ctas .form-submit, .m142-notif-banner--ctas .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m142-notif-banner--ctas a, .m142-notif-banner--ctas .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m142-notif-banner--ctas a { flex: auto; width: 100%; } } /* globalmodule */ /* homemodule */ .m143-cornertoast { position: fixed; bottom: 0; right: 40px; left: 40px; z-index: 9991; } .m143-cornertoast--container { background-color: white; border-radius: 12px; position: absolute; right: 0; bottom: -800px; width: 420px; max-width: 100%; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); display: flex; flex-flow: column; gap: 16px; transition: 0.5s all linear; overflow: hidden; } .m143-cornertoast--container.active { bottom: 72px; } .m143-cornertoast--header { display: flex; align-items: center; justify-content: space-between; padding: 12px; background-color: #F5F9FC; } .m143-cornertoast--headercontent { display: flex; align-items: center; gap: 12px; } .m143-cornertoast--headercontent img { width: 40px; aspect-ratio: 1; } .m143-cornertoast--headertitle { font-weight: 600; } .m143-cornertoast--headersubtitle { color: #6F6F6F; margin-top: -6px; } .m143-cornertoast--close { color: #6F6F6F; padding: 0; } .m143-cornertoast--close:before { content: "\e608"; font-family: "iconfont"; font-size: 24px; width: 14px; height: 14px; padding: 5px; display: flex; align-items: center; justify-content: center; } .m143-cornertoast--body { padding: 0px 12px; } .m143-cornertoast--bodytitle { font-weight: 600; } .m143-cornertoast--bodytitle + * { margin-top: 4px; } .m143-cornertoast--bodycontent { color: #6F6F6F; } .m143-cornertoast--footer { display: flex; align-items: center; justify-content: end; gap: 12px; padding: 0px 12px 12px; } .m143-cornertoast--footer .button, .m143-cornertoast--footer .button--centered, .m143-cornertoast--footer .form-submit, .m143-cornertoast--footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToNext .m143-cornertoast--footer a, .m143-cornertoast--footer .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious a, .j01-transaction-history .m34-pagination .pagination-container-custom .m34-pagination__page-list .PagedList-skipToPrevious .m143-cornertoast--footer a { margin: 0; } @media screen and (max-width: 599px) { .m143-cornertoast { right: 16px; left: 16px; } } /* for accessibility */ .invert .m143-cornertoast--container { color: #222222; } @font-face { font-family: "iconfont"; src: url("../../fonts/icomoon.eot"); src: url("../../fonts/icomoon.eot") format("embedded-opentype"), url("../../fonts/icomoon.ttf") format("truetype"), url("../../fonts/icomoon.woff") format("woff"), url("../../fonts/icomoon.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "iconfont"; src: url("../../fonts/dewaicon.eot?v=1.0013"); src: url("../../fonts/dewaicon.eot?v=1.0013") format("embedded-opentype"), url("../../fonts/dewaicon.ttf?v=1.0013") format("truetype"), url("../../fonts/dewaicon.woff?v=1.0013") format("woff"), url("../../fonts/dewaicon.svg?v=1.0013") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "iconfont"; src: url("../../fonts/dewaiconb.eot?v=1.0054"); src: url("../../fonts/dewaiconb.eot?v=1.0054") format("embedded-opentype"), url("../../fonts/dewaiconb.ttf?v=1.0054") format("truetype"), url("../../fonts/dewaiconb.woff?v=1.0054") format("woff"), url("../../fonts/dewaiconb.svg?v=1.0054") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "iconfont"; src: url("../../fonts/dewaiconc.eot?v=1.003"); src: url("../../fonts/dewaiconc.eot?v=1.003") format("embedded-opentype"), url("../../fonts/dewaiconc.ttf?v=1.003") format("truetype"), url("../../fonts/dewaiconc.woff?v=1.003") format("woff"), url("../../fonts/dewaiconc.svg?v=1.003") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "iconfont"; src: url("../../fonts/dewaicond.eot?v=1.000"); src: url("../../fonts/dewaicond.eot?v=1.000") format("embedded-opentype"), url("../../fonts/dewaicond.ttf?v=1.000") format("truetype"), url("../../fonts/dewaicond.woff?v=1.000") format("woff"), url("../../fonts/dewaicond.svg?v=1.000") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "dirhamsymbol"; src: url("../../fonts/dirhamsymbol.eot?v=1.003"); src: url("../../fonts/dirhamsymbol.eot?v=1.003") format("embedded-opentype"), url("../../fonts/dirhamsymbol.ttf?v=1.003") format("truetype"), url("../../fonts/dirhamsymbol.woff?v=1.003") format("woff"), url("../../fonts/dirhamsymbol.svg?v=1.003") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "DUBAI-REGULAR"; src: url("../../fonts/DF/Dubai-Bold.otf") format("opentype"), url("../../fonts/DF/Dubai-Bold.eot"), url("../../fonts/DF/Dubai-Bold.woff") format("woff"), url("../../fonts/DF/Dubai-Bold.ttf") format("truetype"), url("../../fonts/DF/Dubai-Bold.eot?#iefix") format("embedded-opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: "DUBAI-REGULAR"; src: url("../../fonts/DF/Dubai-Medium.otf") format("opentype"), url("../../fonts/DF/Dubai-Medium.eot"), url("../../fonts/DF/Dubai-Medium.woff") format("woff"), url("../../fonts/DF/Dubai-Medium.ttf") format("truetype"), url("../../fonts/DF/Dubai-Medium.eot?#iefix") format("embedded-opentype"); font-weight: 600; font-style: normal; } @font-face { font-family: "DUBAI-REGULAR"; src: url("../../fonts/DF/Dubai-Regular.otf") format("opentype"), url("../../fonts/DF/Dubai-Regular.eot"), url("../../fonts/DF/Dubai-Regular.woff") format("woff"), url("../../fonts/DF/Dubai-Regular.ttf") format("truetype"), url("../../fonts/DF/Dubai-Regular.eot?#iefix") format("embedded-opentype"); font-weight: 300; font-style: normal; } @font-face { font-family: "DUBAI-REGULAR"; src: url("../../fonts/DF/Dubai-Light.otf") format("opentype"), url("../../fonts/DF/Dubai-Light.eot"), url("../../fonts/DF/Dubai-Light.woff") format("woff"), url("../../fonts/DF/Dubai-Light.ttf") format("truetype"), url("../../fonts/DF/Dubai-Light.eot?#iefix") format("embedded-opentype"); font-weight: 200; font-style: normal; } @font-face { font-family: "iconfont"; src: url("../../fonts/base_iconfont.otf") format("opentype"); font-style: normal; font-weight: 400; } .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#fff;color:#444;text-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden!important}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;overflow:hidden!important}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:64px;height:64px;background:url(happiness_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;width:35px;height:35px;z-index:999;border-radius:50%;background:#fff;border:2px #087b36 solid;text-decoration:none}.fancybox-close:before{border:0;background:transparent;color:#087b36;font-size:25px;cursor:pointer;outline:none;text-align:center;display:block;line-height:35px;vertical-align:middle;font-weight:bolder;font-family:Gotham-black;content:'\2715'}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-size:44px 152px}#fancybox-loading div{background-image:url(happiness_loading@2x.gif);background-size:44px 44px}} .fancybox-overlay{ align-items: center; display: flex !important; justify-content: center; } .o4fancybox { height: 90% !important; /* position:static !important;*/ max-height:700px; } .o4fancybox .fancybox-skin{ height: 100% !important; } .o4fancybox .fancybox-skin .fancybox-outer{ height: 100% !important; } .o4fancybox .fancybox-skin .fancybox-outer .fancybox-inner{ height: 100% !important; } @media screen and (max-width: 1024px) { .o4fancybox { height: 75% !important; } .o4fancybox .fancybox-close{ right: -15px; } } @media print { .m1-hero, .m2-hero-image, .m3-carousel, .m12-bar, .m12-main__navs, .m13-back-to-top, .m13-share-menu, .m13-footer--links, .m13-footer--medialinks_list, .m13-primary-links, .m13-secondary-links, .m15-social-media-feed, .m27-accessibility-overlay, .m74-rammas_expand, .m13-footer--medialinks-desc, .m74-rammas_expand--container, .m13-footer--floating, .noprint { display: none !important; } .m43-accountsel__selected { border: 1px solid; } .m12-main { position: static !important; } .receipt-footer { background: #F2F2F3 !important; -webkit-print-color-adjust: exact; text-align: center !important; padding: 16px 0px !important; } .receipt-footer .m13-share-menu { display: block !important; } .receipt-body { border: 1px solid; -webkit-print-color-adjust: exact; width: 500px !important; margin: auto !important; box-sizing: border-box; overflow: hidden; } .receipt-body .m12-main { position: static; } .receipt-body .m12-logo--dewa { float: right !important; width: 50% !important; } .receipt-body .grid__column { padding: 0 8px; } .receipt-body .m12-logo--dewa { width: 49% !important; float: left !important; } .receipt-body .m12-logo--yoi { display: none !important; } .receipt-body .m12-logo--government { width: 49% !important; } .receipt-body .rammas { display: none !important; } .receipt-body .m12-masthead { background: #F2F2F3 !important; padding: 0 8px !important; } .receipt-body .box--2, .receipt-body .m13-footer { display: none !important; } .receipt-body .m42-keyvalue__key { float: left; clear: left; width: 50%; margin-top: 0; text-align: left; vertical-align: middle; } .receipt-body .m42-keyvalue__value { margin-left: 50%; margin-bottom: 16px; padding-left: 16px; margin-top: 0; vertical-align: middle; word-wrap: break-word; } .receipt-body .m42-keyvalue__key-ar { float: right; clear: right; width: 50%; margin-top: 0; text-align: right; vertical-align: middle; } .receipt-body .m42-keyvalue__value-ar { margin-right: 50%; margin-left: 0px !important; margin-bottom: 16px; padding-right: 16px; margin-top: 0; vertical-align: middle; } .receipt-body .grid__row { margin: 0 0 12px !important; } .receipt-body .grid { width: 100%; } .receipt-heading { background: #007560 !important; -webkit-print-color-adjust: exact; padding: 0px !important; } .receipt-heading .text__page-title { color: #ffffff !important; } .m44-bill-selector__details-new { color: #6D6E71 !important; } .m44-bill-selector__confirmation-details-new span { color: #6D6E71 !important; } .receipt-form { padding: 0 27.5% !important; } .m11-contact__content, .hidden, .m37-expander__content { display: block !important; } * { background-color: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; box-shadow: none !important; } a, a:visited { text-decoration: none !important; } abbr[title]:after { content: " (" attr(title) ")" !important; } a[href^="javascript:"]:after, a[href^="#"]:after { content: "" !important; } pre, blockquote { page-break-inside: avoid !important; } thead { display: table-header-group !important; } tr, img { page-break-inside: avoid !important; } img { max-width: 100% !important; } @page { margin: 0.5cm !important; } .grid__row { margin: 0 0 20px; } .mx-transaction-history { margin-left: 0 !important; margin-right: 0 !important; } .m32-map { height: auto !important; } .m32-map__overlay { position: static !important; } .m32-map img { max-width: none !important; } .m6-teaser { background: none !important; border: none !important; } .m11-contact__title:before { content: "" !important; } .box--2 { background-image: none !important; } h1 { font-size: 24px !important; margin: 10px 0; } h2 { font-size: 22px !important; margin: 8px 0; } h3 { font-size: 20px !important; margin: 6px 0; } h4 { font-size: 18px !important; margin: 4px 0; } .no-print { display: none !important; } }