/********************************************************************* External Apps - Generic - CSS + No Style is coming from MR **********************************************************************/ /* Proxima Nova "proxima-nova"*/ @import url("https://use.typekit.net/ecp6jpv.css"); /* Font Face -------------------------------------------------------- */ @import url('ExternalAppsFonts.css'); @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url('/Styles/fonts/Lato-Regular.eot') format('embedded-opentype'), url('/Styles/fonts/Lato-Regular.woff2') format('woff2'), url('/Styles/fonts/Lato-Regular.woff') format('woff'), url('/Styles/fonts/Lato-Regular.ttf') format('truetype'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url('/Styles/fonts/Lato-Light.woff2') format('woff2'), url('/Styles/fonts/Lato-Light.woff') format('woff'), url('/Styles/fonts/Lato-Light.ttf') format('truetype'); } @font-face { font-family: 'Lato'; font-style: normal; font-weight: bold; src: local('Lato Bold'), local('Lato-Bold'), url('/Styles/fonts/Lato-Bold.woff2') format('woff2'), url('/Styles/fonts/Lato-Bold.woff') format('woff'), url('/Styles/fonts/Lato-Bold.ttf') format('truetype'); } @font-face { font-family: 'SourceSerifPro'; src: url('/Styles/fonts/SourceSerifPro7/source-serif-pro-v7-latin-regular.woff2') format('woff2'), url('/Styles/fonts/SourceSerifPro7/source-serif-pro-v7-latin-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSerifPro'; src: url('/Styles/fonts/SourceSerifPro7/source-serif-pro-v7-latin-600.woff2') format('woff2'), url('/Styles/fonts/SourceSerifPro7/source-serif-pro-v7-latin-600.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SourceSerifPro'; src: url('/Styles/fonts/SourceSerifPro7/source-serif-pro-v7-latin-700.woff2') format('woff2'), url('/Styles/fonts/SourceSerifPro7/source-serif-pro-v7-latin-700.woff') format('woff'); font-weight: bold; font-style: normal; } /* --- Default Img / Logo -------------------------------------------------- */ .mrw_ext_master .img-logo { background-image: url('/ExternalApps/_Generic/Images/default_logo.svg'); background-size: auto 60px; } /* Global Styles ---------------------------------------------------- */ html, body, form { margin: 0; padding: 0; height: 100%; min-width: 320px; } html.storemode .top-box a { display: block; } html.storemode .storemode-disable { pointer-events: none; cursor: default; } html.touch input[type="date"].mrw_ext_inputtext { background-image: url("/Images/Icons/Seaweed/icon-calendar-new.svg"); background-repeat: no-repeat; background-size: 24px 24px; background-position: calc(100% - 16px) 50%; text-align: left; position: relative; background-color: transparent; } html.touch input[type="date"].mrw_ext_inputtext:before { color: inherit; content: "MM/DD/YYYY" !important; opacity: 0.7; position: absolute; left: 17px; top: 14px; letter-spacing: 0.535px; } html.touch input[type="date"].mrw_ext_inputtext::-webkit-date-and-time-value { text-align: left; position: relative; top: 8px; left: 2px; } html.touch input[type="date"].mrw_ext_inputtext:focus:before, html.touch input[type="date"].mrw_ext_inputtext:focus-within:before, html.touch input[type="date"].mrw_ext_inputtext:focus-visible:before, html.touch input[type="date"].mrw_ext_inputtext.mobile-hide-ph:before { content: "" !important; } html.touch input[type="date"]::-webkit-calendar-picker-indicator, html.touch input[type="date"] .datetime-calendar-button { background-image: none; opacity: 0; cursor: pointer; position: relative; right: 3.5%; } html.touch input[type="date"]::-webkit-calendar-picker-indicator:focus-visible, html.touch input[type="date"] .datetime-calendar-button:focus-visible { outline-color: -webkit-focus-ring-color; outline-color: Highlight; } html.touch.os-ios input[type="date"].mrw_ext_inputtext.mobile-hide-ph { line-height: 34px; padding-bottom: 0; padding-top: 0; } html.touch .mrw_ext_page.signup .signup-box #txtEventDate.mobile-hide-ph { padding-top: 0; } html:not(.ff) .pst_inputselect3-holder .mrw_ext_inputtext[type="date"] { background-image: url("/Images/Icons/seaweed/icon-calendar-new.svg"); background-repeat: no-repeat; background-size: 24px 24px; background-position: calc(100% - 16px) 50%; } html:not(.ff) .pst_inputselect3-holder .mrw_ext_inputtext[type="date"]::-webkit-calendar-picker-indicator, html:not(.ff) .pst_inputselect3-holder .mrw_ext_inputtext[type="date"] .datetime-calendar-button { background-image: none; cursor: pointer; position: absolute; right: 0; left: 0; width: 100%; height: 100%; content: ""; top: 0; bottom: 0; margin: auto; padding: 0; -webkit-appearance: none; } html:not(.ff) .pst_inputselect3-holder .mrw_ext_inputtext[type="date"]::-webkit-calendar-picker-indicator:focus-visible, html:not(.ff) .pst_inputselect3-holder .mrw_ext_inputtext[type="date"] .datetime-calendar-button:focus-visible { outline-color: -webkit-focus-ring-color; outline-color: Highlight; } html.ff .pst_inputselect3-holder.posValHolder .mrw_ext_inputtext[type="date"]:not(.eye_icon_password) { padding-right: 16px; } html.safari .pst_inputselect3-holder input[type="date"]::-webkit-datetime-edit { position: relative; top: 6px; left: -6px; } body { font-size: 14px; font-family: "proxima-nova", Arial, Helvetica, sans-serif; color: #3A3C41; } input { outline: none; } input[type="text"]:focus { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid Highlight; } select:focus { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid Highlight; } a { color: #3A3C41; text-decoration: underline; cursor: pointer; } a:hover { text-decoration: none; } a:focus-visible { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid Highlight; } .breadcrumbs { display: flex; gap: 8px; justify-content: flex-start; align-items: center; max-width: 1440px; margin: 0 auto; padding: 40px 8px 0; font-size: 0.875rem; line-height: 1.42857; font-weight: 500; color: #70787E; } .breadcrumbs .breadcrumb-link, .breadcrumbs span { color: #575F65; } .breadcrumbs a.breadcrumb-link { text-decoration: none; } .breadcrumbs a.breadcrumb-link:hover { text-decoration: underline; } /* --- Global Style --- */ .theme-title1 { font-family: 'SourceSerifPro', Times, serif; } i.hide, label.hide { left: -999999px; position: absolute; } a.mrw_ext_linkback { color: #3A3C41; font-size: 1.143em; text-decoration: none; } a.mrw_ext_linkback:hover { text-decoration: none; } .hide { display: none; } #mr_spinner_loading { display: none; position: initial; background: #FFFFFF 0% 0% no-repeat padding-box; position: fixed; top: 0; left: 0; bottom: 0; right: 0; opacity: 0.6; z-index: 1; max-width: inherit !important; } #mr_spinner_loading .loader { width: 48px; height: 48px; border-radius: 50%; position: relative; animation: rotate 1s linear infinite; padding: 10px; z-index: 2; position: fixed; top: 50%; left: 50%; } #mr_spinner_loading .loader::before { content: ""; box-sizing: border-box; position: absolute; inset: 0px; border-radius: 50%; border: 5px solid #000; animation: prixClipFix 2s linear infinite; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes prixClipFix { 0% { clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0); } 25% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0); } 50% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%); } 75% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%); } 100% { clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0); } } #mr_spinner_empty .box { padding: 10px; background: #fff; background: rgba(255, 255, 255, 0.5); } #mr_spinner_loading, #mr_spinner_empty { font-size: 16px; font-weight: bold; margin: auto; padding: 10px; text-align: center; max-width: 600px; } #LP_DIV_2018 { position: fixed; bottom: 5px; right: 5px; z-index: 10000; /*-- Chat ---------------------------------------------------- */ } #LP_DIV_2018 div { outline: none; } #LP_DIV_2018 #PST_Chat .chat_link { background-size: 48px 48px; box-sizing: border-box; background-position: center; vertical-align: middle; background-color: #141414; height: 48px; width: 48px; display: inline-block; border-radius: 100px; background-image: url('/ExternalApps/_Generic/images/chat.svg'); } #LP_DIV_2018 #PST_Chat .chat_link.chat_phone { display: none; background-image: url('/ExternalApps/_Generic/images/phone.svg'); } #LP_DIV_2018 #PST_Chat .plhChatPhone:after { content: "(201) 886-1000"; display: inline-block; vertical-align: middle; margin: 17px 0 0 60px; white-space: nowrap; opacity: 0; transition: opacity ease 250ms 250ms; } #LP_DIV_2018 #lpChat .lp_minimize { display: none !important; } a.mrw_ext_button { background: #141414; border-radius: 5px; letter-spacing: 0.3px; padding: 9px 11px; border: 1px solid #141414; color: #fff; display: inline-block; font-size: 1.071em; vertical-align: middle; text-align: center; text-decoration: none; min-width: 60px; transition: background-color 250ms ease; } a.mrw_ext_button:hover { background-color: #414141; text-decoration: none; } a.mrw_ext_button.small { padding: 5px 10px; font-size: 0.929em; } a.mrw_ext_button.medium { padding: 12px 15px; font-size: 1.143em; line-height: 1.25; } a.mrw_ext_button.big { padding: 16px 30px; font-size: 24px; } a.mrw_ext_button.link, a.mrw_ext_button.link:hover { color: #3A3C41; background-color: #fff; border: 1px solid #3A3C41; border-radius: 0px; } a.mrw_ext_button.link.gray, a.mrw_ext_button.link:hover.gray { color: #4c5157; border: 1px solid #ccc; text-transform: none; } a.mrw_ext_button.btnGetStarted { width: 100%; max-width: 190px; margin: 0 auto; } a.mrw_ext_button.white { background-color: #fff; color: #1E7B92; border: 1px solid #7796A8; } a.mrw_ext_button.white:hover { color: #fff; } a.mrw_ext_button.nobg { background: none; color: #1E7B92; border: 1px solid transparent; } a.mrw_ext_button.nobg:hover { color: #1E7B92; background: none; text-decoration: underline; } a.mrw_ext_button.black { color: #141414 !important; } a.mrw_ext_button:focus-visible { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid Highlight; } a.mrw_ext_button.disabled { opacity: 0.5; } a.mrw_ext_button.functionally_disabled { opacity: 0.5; pointer-events: none; } .mrw_ext_inputtext { background: none repeat scroll 0 0 #fff; border: 1px solid #b6b6b6; color: #797f86; font-size: 1.071em; padding: 9px 11px; resize: none; min-width: 150px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .mrw_ext_inputtext.search { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MzQ5YzkyNS01N2NhLTRlMmItYWIyYi1kNTg0YjQ0ZmFmMmQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDFCNzUxN0E5N0FDMTFFNkIwRURGNEYyRjg2RERERDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDFCNzUxNzk5N0FDMTFFNkIwRURGNEYyRjg2RERERDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjZGVmNGZiMi0yYWI1LTQyNzMtYjAyYS04ZmJhOWNlOTg2YTkiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1NzliOTQxZC1hYjhkLTExNzktODA3OS1mYTJhOTNkM2RiZDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6s4Ed6AAAFpUlEQVR42rRWWUxcVRg+c2dg2IZ9G4bFQZYwCKFYzCBLBXmoNjHxxTTVBxPjS63yYqI1aUh80KSJmmhcYnzQxNbE+lAf+iI1gIAIKIvKvhSYsu8DwzAsM37fzRxyGaaSJnqSM/fOvef83/99/3KuzufzCTlWV1fF7u6uCAsLEw6HI3t9ff3C1tZW1draWu729nYC1uoiIyPX4+Pj78XExPwaHR19JzMz82+v1yt0Op1ITk4Wpw2dFtDpdAqAxE1PT18ZGxt7ZXNzM2t/f18oiiLkOhomgMFgECaTaSk7O/tGTk7Oh7GxsfcxHw5wbm7O1tLS8hmu5whEpmA0CzZ/JSQkOADmg0PmjY2Nx1wul9XtdqvOgFlfVVXV6wBvOxVQyrG0tFTQ2Nh4C1IW6vV6kZqaOmg2m78A6B0wuVdUVOSj8cHBQUqfvre39zT2XIZzT+BepKSkzNbV1V2ExP8KqhAMnkY3Nzd/OTMzUxgSEiIKCgq+r62tfcZisXwC8MnDw0MfGeOqTgDfB6tvqqurz5eUlHxKJRYXFy1NTU1fgX0mVaMT3BM4Dfzp7++vn5qaqiQDm832Q01Nzcs7Ozvu5eVlNV40oJ18RoNwZr2ysvJKaGjoQWdnZ/3CwkI+rtfKyspePTg4ENpwHTHEoqyBgYHL9DwtLW0UXr8Bj91MimAb5JCJYzQaRXl5+VWr1drGZxMTEy+trKycpVJUL3AqiMNzSIRUbszPz/8YRuaZrRzw/IGAfEdFuBYqubH3ekRExCHKKAzyvoC4i2DTMD8//xRlZdBRX7fhnZClgOxUpeOUg+/oHNYKGFeZMsmioqLuJiYm/omSOgObVahbI2x4AlUyACCHG2C8H5Rnke5HUhKU0pANDXOiTFQH2CAYBsrEgXVu1GEXsvYM6veRrq4uC/ZPngCEl3HcBMDZjIwMlYF2EUH5nk5xZGVlHYFLMCkxwsNapTOxaBxBu4CB7crfQbyBicJ7Ah7LMvwnOAGPGcJevPNqGoouKCAk2oRH6Qh+KvRXZZLpT+MynmRPIDQG4fF4jhhrGaIhmP33TmS8k/tOOJaUlDQJKQqhezHAkrB4mTVEaeg1E4MA6CAqMApb3Zibm6s6R4N+wyGwcZbxRXgcdrt9Lhigguxsp2EYsoLleWSaiIuLE2zEBEMDUIG1ksr/4eHh6jqux7oKMCzle9jswDMXMlfgRDk2CfgjPNpgI0ag62EsmgYoGZ9pM1E7eJSRrZ+F0tvb+yYcNCJEh+jBt7gXpXFiKng5jKL9mhvRSx/v6Oh4j5JSRtkdgg06xHWUDGBvj4+PXyDzvLy8b9H4f5HZHtgSFRZxaWnpdQR5gAZ6enpea21t/QgvTUyEYIB0jvtw1Xd3d78DJ9/1J4sXIfkJYD6yIUs5ZX3rGxoauHkbMvahJT2LOJqQRHbIVQ6DTrY6xMqDk0NlRSkhcwQy+xya/gfsw3BUoXMsBbTJQrzvA6iDkrP1cUr5jx3AODGqccR8DqM20kdvZP/rQ2L8DpmmWWdwKh1GS8CgDDEzUEZ2I5mtlBLJMYMwXcL+dqrGwVxgQh4DZFaCnXV4ePgt1OQlyGCSvVI7aITGYXAP5fIdzsYmHMzXwOJRggcDDQpIubgY9SRwFtqR6s+DTQUc4edEPDsI5N9AujvQvH/D9TauP/MUgDoVIyMjNyFfpgRF9s8giVRQJmFQQAYYIKpEPBHAzjg0NGQB61jGCOees7i4eA7PXfiaU9exHhkn1uLo6OhNOBwI+iIcbWPNKg867yiDv6152PXxqAfzD9yPYbr4Xnuq855MyIhyqp8TiC/BwfwGnKmkE8ppX1nyE0Pb0AOfaZ1E4bczdmTG/wShzARFTjx5KuDDDjILZCpBkVjv/+eAWnnJlKBMGKqC52H/C6AWFJ+cF3G03UUna0WyXf1HgAEA0vkMbJMkiGMAAAAASUVORK5CYII='); background-position: 97% 50%; background-repeat: no-repeat; padding-right: 24px; background-size: 16px 16px; } .mrw_ext_inputtext.error { border: 1px solid #e32; } .mrw_ext_inputtext:focus-visible { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid Highlight; } select.mrw_ext_inputselect::-ms-expand { display: none; } select.mrw_ext_inputselect { border: 1px solid #141414; border-radius: 5px; color: #fff; font-size: 1.071em; padding: 9px 11px; min-width: 127px; -webkit-appearance: none; -moz-appearance: none; background-image: url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%0D%0A%3C%2Fsvg%3E); background-color: #141414; background-repeat: no-repeat; background-position: 94% center; cursor: pointer; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-right: 25px; width: 100%; } select.mrw_ext_inputselect.white { border: 1px solid #8D8C86; color: #000000; border-radius: 0px; background-image: url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0D%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%0D%0A%3C%2Fsvg%3E); background-color: #fff; } select.mrw_ext_inputselect.medium { min-width: 150px; } select.mrw_ext_inputselect > option { color: #797f86; background-color: #fff; } select.mrw_ext_inputselect:focus-visible { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid Highlight; } html.ie select.mrw_inputselect { padding-right: 4px; } .mrw_messagepanel { background: #cccccc !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #000000 !important; font-size: 1.357em; left: 50%; margin-left: -190px; margin-top: -20px; display: none; padding: 15px; position: fixed; text-align: center; top: 50%; width: 350px; z-index: 2147483647; } .mrw_messagepanel.resendCodeSnackbar { padding: 14px 16px; font-size: 0.875rem; line-height: 1.42857; background-color: #40484D !important; color: #fff !important; max-width: 400px; border-radius: 4px !important; text-align: left; } .mrw_ext_dialogpanel { width: 400px; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3); border: 0; background: #fff; margin: auto; position: relative; border-radius: 6px; } .mrw_ext_dialogpanel .header { background-color: #F0F2F4; border-bottom: 1px solid #CCCCCC; line-height: 32px; text-align: center; font-weight: 300; color: #363e50; font-size: 1.429em; background: none; padding: 11px 30px; } .mrw_ext_dialogpanel .content { font-size: 1.143em; padding: 20px 30px; text-align: center; } .mrw_ext_dialogpanel .content .ship-empty .subPanel { display: none; } .mrw_ext_dialogpanel .content .ship-empty .subPanel[pnl='1'] { display: block; } .mrw_ext_dialogpanel .btnDialogClose { background: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAIVBMVEUAAAA2PlA2PlA2PlA2PlA2PlA2PlA2PlA2PlA2PlA2PlAkhs0PAAAACnRSTlMAETPuzJlmd7uqVDu3rwAAAFBJREFUCNdjEGIAAQGGyQpAis2RQcQISGcFMDA6KzCwLQWygQJALgNQQA3IBQlYBYBp9lUKYDorBKQFqBioBawXpAWsFygA5ELMEAepYWwCAJdGDFJBIyAOAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-attachment: scroll; display: block; width: 14px; height: 14px; cursor: pointer; position: absolute; margin: 15px 10px; right: 5px; top: 5px; } .mrw_ext_dialogpanel .btnDialogClose.popUp { background-image: url('/ExternalApps/_Generic/images/close.svg'); width: 23px; height: 23px; } .mrw_ext_dialogpanel.large { width: 600px; } /* Custom Tooltip Styling */ .tippy-box[data-theme~="tip-ext"] { background-color: #141414; color: #fff; border-radius: 5px; } .tippy-box[data-theme~="tip-ext"] .tippy-content { padding: 8px 16px; } .tippy-box[data-theme~="tip-ext-white"] { background-color: #FFF; color: #141414; border-radius: 4px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15); border: 1px solid #141414; } .tippy-box[data-theme~="tip-ext-white"] .tippy-content { padding: 8px 16px; font-size: 16px; line-height: 1.5; color: #3A3C41; } .tippy-box[data-theme~="tip-ext-white"] .tippy-content p { margin-top: 0; margin-bottom: 8px; } .tippy-box[data-theme~="tip-ext-white"] .tippy-content .mrw_ext_button.tip-ext-white { width: auto; min-width: 0; height: auto; box-sizing: border-box; border-radius: 24px; text-align: center; border: 1px solid #141414; font-size: 14px; line-height: 20px; padding: 4px 24px; transition: all 250ms ease; background-color: #fff; color: #141414; } .tippy-box[data-theme~="tip-ext-white"][data-placement^=top] > .tippy-arrow:before { border-top-color: #141414; bottom: -8px; } .tippy-box[data-theme~="tip-ext-white"][data-placement^=left] > .tippy-arrow:before { border-left-color: #141414; } .tippy-box[data-theme~="tip-ext-white"][data-placement^=right] > .tippy-arrow:before { border-right-color: #141414; } .tippy-box[data-theme~="tip-ext-white"][data-placement^=bottom] > .tippy-arrow:before { border-bottom-color: #141414; top: -8px; } .tippy-box[data-theme~="tip-email-exists"] { min-width: 405px; } @media only screen and (max-width: 830px) { .tippy-box[data-theme~="tip-email-exists"] { min-width: 320px; } } .tippy-box[data-theme~="tip-email-exists"]:has(.qr-holder) { min-width: 487px; color: #141414; } @media only screen and (max-width: 830px) { .tippy-box[data-theme~="tip-email-exists"]:has(.qr-holder) { min-width: 320px; } } .tippy-box[data-theme~="tip-email-exists"]:has(.qr-holder) .tippy-content { display: inline-flex; justify-content: space-between; align-items: center; } .tippy-box[data-theme~="tip-email-exists"]:has(.qr-holder) .tippy-content p { margin: 0; letter-spacing: 0.5px; max-width: 288px; } .tippy-box[data-theme~="tip-email-exists"]:has(.qr-holder) .tippy-content .qr-holder { flex: 0 0 120px; height: 120px; } .tippy-box[data-theme~="tip-email-exists"]:has(.qr-holder) .tippy-content .qr-holder img { display: block; width: 100%; } .mrw_icon2 { height: 24px; width: 24px; vertical-align: middle; background: transparent; background-image: url(/images/graph_pastel.png?v=20200210); background-repeat: no-repeat; background-attachment: scroll; background-size: 875px 200px; display: inline-block; } .mrw_icon2.icon-info { background-position: -416px -38px; } .mrw_icon2.icon-info.black { background-position: -468px -38px; } /* --- Icons --------------------------------------------------------------*/ .mrw_ext_icon { background: transparent; background-image: url('/ExternalApps/_Generic/images/template_graph.png'); display: inline-block; vertical-align: middle; cursor: pointer; background-repeat: no-repeat; background-attachment: scroll; width: 24px; height: 24px; } .mrw_ext_icon.close { background-position: -2px -5px; } .mrw_ext_icon.leftgray { background-position: -27px -5px; } .mrw_ext_icon.favorite { background-position: -52px -5px; } .mrw_ext_icon.share-blue { background-position: -127px -5px; } .mrw_ext_icon.registry-2 { cursor: default; background-position: -152px -5px; } .mrw_ext_icon.registry-1 { cursor: default; background-position: -177px -5px; } .mrw_ext_icon.registry-0 { cursor: default; background-position: -202px -5px; } .mrw_ext_icon.facebook { background-position: -227px -5px; } .mrw_ext_icon.twitter { background-position: -252px -5px; } .mrw_ext_icon.pinterest { background-position: -277px -5px; } .mrw_ext_icon.google-plus { background-position: -302px -5px; } .mrw_ext_icon.instagram { background-position: -327px -5px; } .mrw_ext_icon.blue_phone { background-position: -352px -5px; } .mrw_ext_icon.close_left_bar_menu { background-position: -377px -5px; } .mrw_ext_icon.listview-grid { background-position: -402px -5px; } .mrw_ext_icon.listview-grid:hover, .mrw_ext_icon.listview-grid.active { background-position: -427px -5px; } .mrw_ext_icon.listview-list { background-position: -452px -5px; } .mrw_ext_icon.listview-list:hover, .mrw_ext_icon.listview-list.active { background-position: -477px -5px; } .mrw_ext_icon.search { background-position: -502px -5px; } #LoginPage.mrw_ext_page { padding-bottom: 74px; display: flex; flex-direction: column; justify-content: center; min-height: calc(100vh - 164px); } #LoginPage.mrw_ext_page ~ .mrw_ext_footer { position: fixed; bottom: 0; background-color: transparent; z-index: 100; } #LoginPage.mrw_ext_page .box-social { display: none; } #LoginPage.mrw_ext_page .dontHaveAccount { padding-top: 20px; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: center; } #LoginPage.mrw_ext_page .dontHaveAccount a { text-decoration: underline; } #LoginPage .title { text-align: center; font-weight: normal; font-size: 48px; margin: 0 0 32px 0; } #LoginPage .title .t1 p { font-size: 18px; } #LoginPage .subtitle { text-align: center; padding-bottom: 24px; font-size: 1em; letter-spacing: 0px; max-width: 445px; margin: 0 auto; } #LoginPage #genericError { max-width: 445px; margin: auto; } #LoginPage #genericError .pst_inputtext3-error.show { font-size: 14px; line-height: 17px; font-weight: 400; color: #D64000; margin-bottom: 16px; } #LoginPage .fields-block { max-width: 445px; margin: auto; } #LoginPage .fields-block .pst_inputtext3-holder .pst_inputtext3 { margin: 2px 0; } #LoginPage .fields-block .pst_inputtext3-holder:nth-child(2) { margin-top: 32px; } #LoginPage .fields-block .pst_inputtext3-holder .pst_inputtext3-error { width: 100%; bottom: initial; top: 52px; } #LoginPage .fields-block .lblForgetPassword { text-align: right; margin-top: 10px; } #LoginPage .fields-block .lblForgetPassword a:hover { text-decoration: underline; } #LoginPage .fields-block .controls { padding-top: 24px; } #LoginPage .fields-block .controls .btnLogin { width: 100%; padding: 10px 0; box-sizing: border-box; font-size: 1.2857em; } #LoginPage .social { text-align: center; } #LoginPage .social .loginWith { padding: 24px 0; } #LoginPage .social a { text-decoration: none; padding: 0 5px; display: inline-block; } #LoginPage .social .dontHaveAccount { padding-top: 20px; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 400; line-height: 17px; letter-spacing: 0em; text-align: center; } #LoginPage .social .dontHaveAccount a { text-decoration: underline; } #LoginPage .social .social-btn-container { display: flex; gap: 16px; flex-direction: column; width: 100%; max-width: 360px; margin: 0 auto; } #LoginPage .social .social-btn-container .btnSocial { text-align: center; border-radius: 20px; border: 1px solid #000; font-size: 14px; line-height: 18px; padding: 10px 24px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background-color: #FFF; color: #000000; } #LoginPage .social .social-btn-container .btnSocial span { background-repeat: no-repeat; background-size: 14px 17px; background-position: 0; padding-left: 22px; display: block; } #LoginPage .social .social-btn-container .btnSocial.icon-login-apple span { background-image: url('/Images/Icons/apple_logo_button_black.svg'); background-size: auto; padding-left: 20px; } #LoginPage .social .social-btn-container .btnSocial.icon-login-google span { background-image: url('/Images/Icons/google_logo_button.svg'); background-size: 17px 18px; padding-left: 24px; } #LoginPage .more-login-options { margin: 16px auto; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; letter-spacing: 0em; text-align: center; } #ForgetPassword .mrw_ext_button { border-radius: unset; } #ForgetPassword .pst_inputtext-error { color: #d64000; text-align: left; } #ForgetPassword #btnSaveNewPassword { width: 100%; padding: 9px 0; } #ForgetPassword .captcha .pst_inputtext-error { text-align: center; } #ForgetPassword .captcha .error-message { text-align: center; color: #d64000; font-size: 14px; padding-top: 10px; font-weight: 400; } #ForgetPassword #btnSendForgetPassword { width: 100%; max-width: 282px; } #ForgetPassword #btnVerify { width: 100%; box-sizing: border-box; } #ForgetPassword .error { -moz-box-shadow: 0 0 0 1px #d64000; -webkit-box-shadow: 0 0 0 1px #d64000; box-shadow: 0 0 0 1px #d64000; border: 1px solid #d64000 !important; } #ForgetPassword .error-message { text-align: left; color: #d64000; font-size: 14px; padding-top: 10px; font-weight: 600; } #ForgetPassword .forgpass_txtPassContainer { max-width: 445px; margin: auto; text-align: left; } #ForgetPassword .forgpass_txtPassContainer .password_hint_content { padding-left: 19px; } #ForgetPassword .mrw_master_header.member .mr_header_right { display: none; } #ForgetPassword .mrw_master_header.member .mr_member_top_nav_container { display: none; } #ForgetPassword .mrw_master_header.member .menu_small_icon { display: none; } #ForgetPassword .pst_inputtext3-holder .pst_inputtext3 { margin: 2px 0; } #ForgetPassword .pst_button.medium { height: auto; width: 100%; box-sizing: border-box; } #ForgetPassword .smr_title { color: #141414; font-family: 'SourceSerifPro', Times, serif; font-weight: 600; text-align: center; font-weight: normal; font-size: 32px; margin: 24px 0; } #ForgetPassword .smr_button.blue { background: #141414; border: 1px solid #141414; transition: all 250ms ease; } #ForgetPassword .smr_button.blue:hover { background-color: #c1f5eb; color: #324a4d; border-color: #c1f5eb; } #ForgetPassword .mrw_messagepanel.error { background: #c1f5eb; color: #324a4d !important; font-family: "proxima-nova", Arial, Helvetica, sans-serif; } #ForgetPassword .forgpass_content { padding: 30px 30px 0px; text-align: center; } #ForgetPassword .forgpass_text { padding: 0px 0 24px; max-width: 445px; margin: 0 auto; line-height: 22px; } #ForgetPassword .forgpass_text_nowrap { white-space: nowrap; } #ForgetPassword .forgpass_subtitle { margin-bottom: 34px; } #ForgetPassword .smr_subtitle { font-size: 16px; line-height: 1.25; } #ForgetPassword .forgpass_space { padding: 20px 0; } #ForgetPassword .button-container { margin: 24px auto 0; width: 100%; max-width: 445px; } #ForgetPassword .forgpass_textinput_two { width: 86px !important; margin: 0 4px; } #ForgetPassword #pnlStep2 .smr_title, #ForgetPassword #pnlStep3 .smr_title, #ForgetPassword #pnlPasswordRequestExpired .smr_title { padding: 16px 10px 24px; } #ForgetPassword #pnlStep2 .forgpass_space, #ForgetPassword #pnlStep3 .forgpass_space, #ForgetPassword #pnlPasswordRequestExpired .forgpass_space { padding: 0 0 16px 0; } #ForgetPassword #pnlStep2.forgpass_text, #ForgetPassword #pnlStep3.forgpass_text { max-width: 735px; } #ForgetPassword #pnlStep3 .forgpass_txtPassHolder, #ForgetPassword #pnlStep3 .password-hint { margin: 10px auto; text-align: left; padding-left: 5px; } #ForgetPassword #pnlStep3 .forgpass_option { visibility: hidden; max-width: 300px; margin: 10px auto; } #ForgetPassword #pnlStep3 .forgpass_txtPassContainer:hover + .forgpass_option { visibility: visible; content: ""; } #ForgetPassword #pnlStep1 .captcha #recaptcha > div { margin: auto; } #ForgetPassword .message.pwd { font-weight: 500; line-height: 15px; text-align: left; text-decoration: underline; padding: 5px 0px 5px; display: block; } #ForgetPassword .forgpass_txtPassContainer:has(.pst_inputtext3-error.show) .message.pwd { display: none; } #ForgetPassword #txtPasssword2 { margin-top: 20px; } #ForgetPassword #pnlPasswordRequestExpired .smr_subtitle { width: 100%; max-width: 735px; margin: 0 auto 34px; font-weight: 400; text-align: center; } #ForgetPassword #pnlPasswordRequestExpired .forgpass_savebutton_holder { text-align: center; margin: 14px auto 0; } #ForgetPassword #pnlPasswordRequestExpired .forgpass_savebutton_holder .pst_button { height: auto; } #ForgetPassword .password_digits { width: 64px; height: 64px; padding: 10px; margin: 0 8px; font-size: 40px; text-align: center; } #ForgetPassword .pst_button.medium { height: auto; width: 100%; box-sizing: border-box; } #ForgetPassword .smr_title { color: #141414; font-family: 'SourceSerifPro', Times, serif; font-weight: 600; text-align: center; font-weight: normal; font-size: 32px; margin: 24px 0; } #ForgetPassword .smr_button.blue { background: #141414; border: 1px solid #141414; transition: all 250ms ease; } #ForgetPassword .smr_button.blue:hover { background-color: #c1f5eb; color: #324a4d; border-color: #c1f5eb; } #ForgetPassword .mrw_messagepanel.error { background: #c1f5eb; color: #324a4d !important; font-family: "proxima-nova", Arial, Helvetica, sans-serif; } #ForgetPassword .forgpass_text { padding: 0px 0 24px; max-width: 445px; margin: 0 auto; line-height: 22px; } #ForgetPassword .forgpass_text_nowrap { white-space: nowrap; } #ForgetPassword .forgpass_subtitle { margin-bottom: 34px; } #ForgetPassword .smr_subtitle { font-size: 16px; line-height: 1.25; } #ForgetPassword .forgpass_space { padding: 20px 0; } #ForgetPassword .forgpass_textinput_two { width: 86px !important; margin: 0 4px; } #ForgetPassword #pnlStep2 .smr_title, #ForgetPassword #pnlStep3 .smr_title, #ForgetPassword #pnlPasswordRequestExpired .smr_title { padding: 16px 10px 24px; } #ForgetPassword #pnlStep2 .forgpass_space, #ForgetPassword #pnlStep3 .forgpass_space, #ForgetPassword #pnlPasswordRequestExpired .forgpass_space { padding: 0 0 16px 0; } #ForgetPassword #pnlStep2.forgpass_text, #ForgetPassword #pnlStep3.forgpass_text { max-width: 735px; } #ForgetPassword #pnlStep3 .forgpass_txtPassHolder, #ForgetPassword #pnlStep3 .password-hint { margin: 10px auto; text-align: left; padding-left: 5px; } #ForgetPassword #pnlStep3 .forgpass_option { visibility: hidden; max-width: 300px; margin: 10px auto; } #ForgetPassword #pnlStep3 .forgpass_txtPassContainer:hover + .forgpass_option { visibility: visible; content: ""; } #ForgetPassword #pnlStep1 .captcha #recaptcha > div { margin: auto; } #ForgetPassword .message.pwd { font-weight: 500; line-height: 15px; text-align: left; text-decoration: underline; padding: 5px 0px 5px; } #ForgetPassword #txtPasssword2 { margin-top: 20px; } #ForgetPassword #pnlPasswordRequestExpired .smr_subtitle { width: 100%; max-width: 735px; margin: 0 auto 34px; font-weight: 400; text-align: center; } #ForgetPassword #pnlPasswordRequestExpired .forgpass_savebutton_holder { text-align: center; margin: 14px auto 0; } #ForgetPassword #pnlPasswordRequestExpired .forgpass_savebutton_holder .pst_button { height: auto; } #ForgetPassword .password_digits { width: 64px; height: 64px; padding: 10px; margin: 0 8px; font-size: 40px; text-align: center; border-width: 1px; border-style: solid; } #ForgetPassword .forgpass_DontReceiveEmail { display: flex; padding: 16px 32px; gap: 4px; border-radius: 8px; background: #EAF1F8; margin-bottom: 24px; margin-top: 24px; color: #161C20; text-align: center; font-size: 0.75rem; line-height: 1rem; letter-spacing: 0.4px; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-weight: 700; align-items: center; justify-content: center; } #ForgetPassword .icon-info-fill-black { height: 14px; width: 14px; background-color: #000; border-radius: 100%; background: url('/ExternalApps/_Generic/Images/icons/icon-info-fill-black.svg') no-repeat; background-size: 100%; display: inline-block; } #ForgetPassword .forgpass_resendCode .clsResendCode { text-decoration: none; color: #161C20; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.5rem; letter-spacing: 0.1px; background-color: transparent; display: inline-flex; width: 445px; max-width: 100%; padding: 8px 24px; box-sizing: border-box; /* border-radius: 30px;*/ text-align: center; justify-content: center; height: 48px; align-items: center; } #ForgetPassword .forgpass_resendCode .clsResendCode:hover:not(.disabled) { background-color: #EAF1F8; } #ForgetPassword .forgpass_resendCode .clsResendCode.disabled { pointer-events: none; opacity: 0.5; } #ForgetPassword .forgpass_resendCode { margin-top: 16px; } /*--- Purchase Process Cart ---*/ #PurchaseCartPage.mrw_ext_page { max-width: 1210px; padding: 0 35px 50px; } #PurchaseCartPage .title { text-align: center; font-weight: normal; font-size: 32px; margin: 24px 0; } #PurchaseCartPage .subtitle { text-align: center; padding-bottom: 40px; padding-top: 4px; font-size: 16px; letter-spacing: 0px; margin: 0 auto; font-weight: 400; } #PurchaseCartPage .icon-info.large-tip.black { background: transparent; background-image: url(/images/graph_pastel.png?v=20220211); background-repeat: no-repeat; background-attachment: scroll; background-size: 875px 200px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; position: relative; background-position: -468px -38px; top: -4px; margin-left: 4px; } #PurchaseCartPage .icon-info.large-tip.black:before, #PurchaseCartPage .icon-info.large-tip.black:after { left: auto; right: auto; bottom: auto; top: auto; margin: 0; padding: 0; width: auto; opacity: 0; visibility: hidden; -moz-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -o-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #PurchaseCartPage .icon-info.large-tip.black:before { border: solid; border-color: transparent transparent #474747 transparent; border-width: 0 6px 6px 6px; top: 100%; content: ""; left: calc(50% - 6px); position: absolute; z-index: 99; } #PurchaseCartPage .icon-info.large-tip.black:after { border-radius: 5px; top: calc(100% + 6px); color: #141414; content: attr(data-tooltip); right: -10px; padding: 5px 15px; position: absolute; z-index: 98; width: 180px; text-transform: none; font-size: 14px; line-height: normal; letter-spacing: normal; border: 1px solid rgba(20, 20, 20, 0.9); background-color: #FFF; } #PurchaseCartPage .icon-info.large-tip.right-align-tip.black:after { border: 1px solid #474747; background-color: #474747; color: #FFF; width: 230px; padding: 10px; box-sizing: border-box; font-weight: 400; font-size: 14px; right: 0; left: auto; } #PurchaseCartPage .icon-info.large-tip.black:hover:before, #PurchaseCartPage .icon-info.large-tip.black:hover:after { -moz-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); -o-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); visibility: visible; opacity: 1; } #PurchaseCartPage .icon-info.large-tip.black:focus-visible::before, #PurchaseCartPage .icon-info.large-tip.black:focus-visible::after { visibility: visible; opacity: 1; } #PurchaseCartPage .empty-cart { text-align: center; padding-bottom: 40px; padding-top: 4px; font-size: 24px; letter-spacing: 0px; margin: 0 auto; font-weight: 600; display: none; } #PurchaseCartPage .empty-cart.show { display: block; } #PurchaseCartPage .linkBack { padding-bottom: 16px; padding-left: 16px; } #PurchaseCartPage .processCart { display: flex; gap: 32px; } #PurchaseCartPage .processCart .leftContainer { flex: 1 1 100%; max-width: calc(100% - 368px); } #PurchaseCartPage .processCart .leftContainer .cartContainer { min-height: 200px; padding-bottom: 40px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items { display: flex; border-top: 1px solid #CCCCCC; padding: 16px 0; } #PurchaseCartPage .processCart .leftContainer .cartContainer .item-gift-img { width: 100px; height: 100px; min-height: 1px; position: relative; flex: 0 0 auto; border: 1px solid #f1f2f3; box-sizing: border-box; } #PurchaseCartPage .processCart .leftContainer .cartContainer .item-gift-img .gift-image { min-width: inherit; position: relative; display: block; width: 100%; height: 100%; } #PurchaseCartPage .processCart .leftContainer .cartContainer .item-gift-img .gift-image .gift-image-container { background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; } #PurchaseCartPage .processCart .leftContainer .cartContainer .item-gift-img .gift-image .gift-image-cover:hover .zoomview { opacity: 0.8; } #PurchaseCartPage .processCart .leftContainer .cartContainer .item-gift-img .gift-image .gift-image-cover { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; } #PurchaseCartPage .processCart .leftContainer .cartContainer .item-gift-img .gift-image .gift-image-cover .zoomview { background-color: #ffffff; border: 1px solid #CCCCCC; color: #4C5157; opacity: 0; padding: 3px; position: absolute; text-decoration: none; transition: opacity 500ms ease 0s; width: 70px; height: 22px; left: 50%; margin-left: -41px; top: 50%; margin-top: -9px; bottom: auto; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-description-container { font-size: 16px; line-height: 1.25; margin-left: 24px; flex: 1 1 100%; max-width: calc(100% - 284px); } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-description-container .gift-title { width: 100%; display: block; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-description-container .gift-price { display: block; width: 100%; padding-top: 10px; font-size: 13px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-description-container .gift-price .gift-desired, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-description-container .gift-price .gift-purchased { display: inline-block; padding-right: 12px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-description-container .btnRemove { margin-top: 18px; font-size: 14px; display: inline-block; cursor: pointer; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-description-container .btnRemove a { text-decoration: none; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-values-container { text-align: right; flex: 0 0 170px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-price-container, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-priceEach-container { font-size: 18px; font-weight: 600; margin-bottom: 16px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-price-container .gift-price .gift-label, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-priceEach-container .gift-price .gift-label, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-price-container .gift-priceEach .gift-label, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-priceEach-container .gift-priceEach .gift-label, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-price-container .gift-price .gift-title, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-priceEach-container .gift-price .gift-title, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-price-container .gift-priceEach .gift-title, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-priceEach-container .gift-priceEach .gift-title { display: inline-flex; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-price-container .gift-price .gift-label, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-priceEach-container .gift-price .gift-label, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-price-container .gift-priceEach .gift-label, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-priceEach-container .gift-priceEach .gift-label { font-weight: normal; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-priceEach-container { margin-bottom: 12px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-price-container { margin-top: 12px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-qty-container .gift-qty .gift-title .addRemoveQty { display: inline-flex; border: black 1px solid; width: 85px; box-sizing: border-box; height: 32px; font-size: 16px; align-items: center; justify-content: center; text-align: center; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-qty-container .gift-qty .gift-title .addRemoveQty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-qty-container .gift-qty .gift-title .addRemoveQty input[type=number] { -moz-appearance: textfield; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-qty-container .gift-qty .gift-title .addRemoveQty a { text-decoration: unset; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-qty-container .gift-qty .gift-title .addRemoveQty .subtractBtn, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-qty-container .gift-qty .gift-title .addRemoveQty .addBtn, #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-qty-container .gift-qty .gift-title .addRemoveQty .qty { width: 32px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .gift-qty-container .gift-qty .gift-title .addRemoveQty .qty-input { width: 24px; text-align: center; display: none; font-size: 16px; } #PurchaseCartPage .processCart .rightContainer { background: #F5F5F5; flex: 0 0 368px; padding: 24px 16px; margin-bottom: 500px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .orderSummary { border-bottom: 1px solid #707070; margin: 0; padding-bottom: 24px; font-size: 24px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .registrantDesc { font-size: 18px; text-align: left; margin: 16px 0 0px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .registrantDesc.hide { display: none; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 0px 8px; margin-top: 16px; border-bottom: 1px solid #707070; padding-bottom: 24px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup.disable { opacity: 50%; pointer-events: none; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup #chkStoreValueSelfPickupEnable { margin: 0; position: relative; top: 4px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup #chkStoreValueSelfPickupEnable:checked ~ .selfPickupDetails { opacity: 1; max-height: 600px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupLbl { font-size: 16px; flex: 1 1 calc(100% - 24px); } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit { flex: 1; font-size: 16px; text-align: left; margin: 0; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit.hide { display: none; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupDetailsLbl { padding-bottom: 16px; padding-top: 17px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupDetailsLbl { display: inline-block; width: 100%; font-size: 16px; text-align: left; margin: 0; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupDetailsLbl .pickupEdit { float: right; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupDetailsLbl .pickupEdit .editBtn .title { font-size: 16px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupName, #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupEmail, #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupNumber { display: flex; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupName .inputValue, #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupEmail .inputValue, #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetailsEdit .pickupNumber .inputValue { padding-left: 5px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails { flex: 1 1 100%; height: 100%; opacity: 0; max-height: 0; overflow: hidden; transition: all ease-out 400ms; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails.hide { display: none; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .selfPickupDetailsLbl { font-size: 16px; margin-bottom: 10px; padding-top: 16px; font-weight: 700; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .selfPickupDetailsReqLbl { font-size: 14px; padding-bottom: 16px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .selfPickupButton.link .pickupBtn { width: 40%; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .selfPickupButton .pickupBtn { width: 49%; box-sizing: border-box; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .selfPickupButton .pickupBtn.right { float: right; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .selfPickupButton .pickupBtn.disable { opacity: 50%; pointer-events: none; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .pst_inputtext3-holder { margin-bottom: 24px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .pst_inputtext3-holder:last-child { margin-bottom: 0; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .pst_inputtext3-holder .pst_inputtext3 { margin: 2px 0; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .pst_inputtext3-holder .pst_inputtext3 ~ .pst_inputtext3-error { display: none; font-weight: 400; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .pst_inputtext3-holder .pst_inputtext3.error { margin-bottom: 36px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .pst_inputtext3-holder .pst_inputtext3.error ~ .pst_inputtext3-error { display: block; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .giftWrap { display: flex; gap: 8px; padding: 16px 0 16px 0; border-bottom: 1px solid #707070; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .giftWrap.disable { opacity: 50%; pointer-events: none; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .giftWrap #chkStoreValueGiftWrapEnable { margin: 0; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .giftWrap #chkStoreValueGiftWrapEnable:focus-visible { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid Highlight; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .giftWrap .giftWrapLbl { font-size: 16px; } #PurchaseCartPage .processCart .rightContainer .totalContainer { display: block; width: 100%; } #PurchaseCartPage .processCart .rightContainer .totalContainer.disable { display: none; } #PurchaseCartPage .processCart .rightContainer .totalContainer .gift-total { font-size: 20px; width: 100%; padding-top: 24px; } #PurchaseCartPage .processCart .rightContainer .totalContainer .gift-total .fee.lastItem { padding-bottom: 16px; border-bottom: 1px solid #707070; } #PurchaseCartPage .processCart .rightContainer .totalContainer .gift-total .header { display: flex; padding-bottom: 8px; justify-content: space-between; } #PurchaseCartPage .processCart .rightContainer .totalContainer .gift-total .header.hide { display: none; } #PurchaseCartPage .processCart .rightContainer .totalContainer .gift-total .header.gift-averageTotal { padding: 16px 0 24px; font-weight: 600; border-bottom: 1px solid #707070; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer { padding-bottom: 19px; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftMessageText.hide { display: none; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftMessageText #giftMessage.hide { display: none; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftMessageText #giftMessage:focus-visible { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid Highlight; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftMessageText .giftMessageCounter { display: flex; flex-direction: row-reverse; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftMessageText .giftMessageCounter .counterLabel { padding-left: 5px; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftMessageHolder.hide { display: none; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftMessageHolder .text-title { font-size: 18px; word-break: break-all; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftTitle { display: flex; justify-content: space-between; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftTitle .giftEdit { padding: 16px 0; margin: 0; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftTitle .giftEdit .editBtn.hide { display: none; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftTitle .giftEdit .editBtn .title { font-size: 16px; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer.disable { opacity: 50%; pointer-events: none; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer .giftMessageTitle { font-size: 16px; text-align: left; padding: 16px 0; margin: 0; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageContainer #giftMessage { width: 100%; height: 133px; border: #959595 solid 1px; padding: 16px; box-sizing: border-box; font-family: inherit; font-size: 16px; font-weight: 400; resize: none; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageButton.link .purchaseMessageBtn { width: 40%; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageButton .purchaseMessageBtn { width: 49%; box-sizing: border-box; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageButton .purchaseMessageBtn.right { float: right; } #PurchaseCartPage .processCart .rightContainer .purchaseMessageButton .purchaseMessageBtn.disable { opacity: 50%; pointer-events: none; } #PurchaseCartPage .processCart .rightContainer .paymentContainer { text-align: right; margin: 24px 0 0; } #PurchaseCartPage .processCart .rightContainer .paymentContainer .btnPay { width: 100%; max-width: none; box-sizing: border-box; } #PurchaseCartPage .processCart .rightContainer .paymentContainer .btnPay.disable { pointer-events: none; opacity: 50%; } /* --- Master -------------------------------------------------------------- */ .mrw_ext_master { margin: auto; min-height: 100%; position: relative; vertical-align: top; } .mrw_ext_master .banner-container { position: relative; display: block; } .mrw_ext_master .banner-container .banner-line { top: 0; left: 0; right: 0; text-align: center; padding: 5px; background-color: #fafac5; font-size: 15px; position: absolute; z-index: 999; } .mrw_ext_master .banner-container .banner-line span { font-weight: bold; } .mrw_ext_master > .content-box { top: 120px; left: 0px; min-height: 100%; } .mrw_ext_master .top-box { min-height: 90px; margin: auto; position: relative; } .mrw_ext_master .top-box .top-logo { margin: 0px; height: 90px; } .mrw_ext_master .top-box .top-logo.img-logo { background-repeat: no-repeat; background-position: left; } .mrw_ext_master .top-box .back-box { margin: auto; border-top: 1px solid #ccc; padding: 5px 10px; } .mrw_ext_master .image-box { display: none; } .mrw_ext_master .mrlogo-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mrw_ext_master .mrlogo-box .mrlogo-img { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #141414; } .mrw_ext_master .mrw_ext_footer { position: relative; width: 100%; text-align: center; display: block; padding-bottom: 24px; padding-top: 24px; } .mrw_ext_master .mrw_ext_footer .powerByLink { display: inline-block; } .mrw_ext_master .mrw_ext_footer .powerby span { font-size: 1em; vertical-align: middle; margin-right: 2px; } .mrw_ext_master .mrw_ext_footer .powerby img { vertical-align: middle; display: inline-block; width: 100%; max-width: 88px; position: relative; top: 1px; } .mrw_ext_master .embed { background-color: transparent; } .mrw_ext_master .powerByLink { text-decoration: inherit !important; } .mrw_ext_master.hide-breadcrumb .breadcrumbs { display: none; } /* --- Page ------------------------------------------------------------------------ */ .mrw_ext_page { margin: auto; max-width: 1010px; position: relative; /*top: 50%; transform: translateY(-50%);*/ /* Checkbox style */ } .mrw_ext_page .swd_checkbox-holder { position: relative; margin-bottom: 24px; text-align: left; } .mrw_ext_page .swd_checkbox-holder input[type="checkbox"] { position: absolute; top: 17px; left: 3px; opacity: 0; } .mrw_ext_page .swd_checkbox-holder input[type="checkbox"].error + label::before { border: 2px solid #d46000; } .mrw_ext_page .swd_checkbox-holder input[type="checkbox"]:checked + label::before { background: #141414; border-color: #141414; } .mrw_ext_page .swd_checkbox-holder input[type="checkbox"]:checked + label::after { content: url('data:image/svg+xml,'); } .mrw_ext_page .swd_checkbox-holder input[type="checkbox"] + label { display: inline-block; padding: 0 0 0 24px; vertical-align: top; margin: 0; position: relative; line-height: 1.25; text-align: left; } .mrw_ext_page .swd_checkbox-holder input[type="checkbox"] + label::before { top: 0px; width: 18px; height: 18px; border-radius: 2px; border: 2px solid #414141; box-sizing: border-box; cursor: pointer; position: absolute; content: ""; left: 0; } .mrw_ext_page .swd_checkbox-holder input[type="checkbox"] + label::after { left: 0px; top: 0px; border: 0; width: 18px; height: 18px; box-sizing: border-box; border: 2px solid transparent; transform: none; cursor: pointer; padding-left: 1.5px; padding-right: 1px; border-top: 0; position: absolute; content: ""; } .mrw_ext_page .swd_checkbox-holder input[type="checkbox"]:focus-visible + label { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid highlight; } /* --- Page Home-------------------------------------------------------------------------- */ .mrw_ext_page.home > .content-box { height: 540px; background-color: #fff; position: relative; } .mrw_ext_page.home > .content-box .title h1 { margin: 0; font-weight: normal; font-size: 0.9em; line-height: 46px; } .mrw_ext_page.home > .content-box .title div { margin: 0; font-weight: normal; font-size: 1em; line-height: 46px; } .mrw_ext_page.home .img-background { background-repeat: no-repeat; background-position: center; } .mrw_ext_page.home .img-background.empty { box-shadow: 0 0 0 10px #f8f8f8; } .mrw_ext_page.home .action-box .login-box { text-align: center; } .mrw_ext_page.home .action-box .login-box .social img { vertical-align: middle; width: 35px; } .mrw_ext_page.home .action-box .sep { content: ""; border-top: 2px solid #707070; width: 50%; margin: auto; } .mrw_ext_page.home .action-box .controls.step-find { display: none; } .mrw_ext_page.home .step-login { display: none; } .mrw_ext_page.home .appoinment-block { margin-top: 32px; } .mrw_ext_page.home .appoinment-block .container { display: flex; flex-direction: column; border: 1px solid #EBEBEB; border-radius: 8px; padding: 24px 32px; gap: 10px; justify-content: center; align-items: center; margin: auto 0; } .mrw_ext_page.home .appoinment-block .container span { color: #000; text-align: center; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: 300; line-height: 18.4px; } .mrw_ext_page.home .footer-box { padding: 24px 20px 0px 20px; font-size: 1.214em; text-align: center; line-height: 1.5em; } .mrw_ext_page.home .footer-box > em { font-weight: bold; font-style: normal; } /* --- Page Signup------------------------------------------------------------------------ */ .mrw_ext_page.signup { padding-bottom: 134px; display: flex; min-height: calc(100vh - 164px); /* --- Page Signup (Co-reg) ------------------------------------------------------------------------ */ } .mrw_ext_page.signup .pst_inputtext3-holder .pst_inputtext3 { margin: 0; } .mrw_ext_page.signup ~ .mrw_ext_footer { position: fixed; bottom: 0; background-color: transparent; z-index: 100; } .mrw_ext_page.signup > .content-box { font-size: 1em; margin: auto; max-width: 1010px; width: 100%; } .mrw_ext_page.signup > .content-box .title { font-size: 48px; letter-spacing: 0px; opacity: 1; margin: 0px 0 11px; text-align: center; } .mrw_ext_page.signup > .content-box .subtitle { font-size: 2em; letter-spacing: 0px; opacity: 1; text-align: center; } .mrw_ext_page.signup > .content-box .reqfield { text-align: left; font-size: 14px; letter-spacing: 0px; opacity: 1; padding-top: 24px; position: relative; } .mrw_ext_page.signup #lblSignupError { margin-top: 16px; } .mrw_ext_page.signup .signup-box { min-width: 300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mrw_ext_page.signup .signup-box.hide { display: none; } .mrw_ext_page.signup .signup-box .fields-box { margin: 10px auto 0px; } .mrw_ext_page.signup .signup-box .fields-box .fields-block { text-align: left; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 0px; color: #141414; opacity: 1; } .mrw_ext_page.signup .signup-box .fields-box .fields-block.right { text-align: right; } .mrw_ext_page.signup .signup-box .fields-box .fields-block.termsAcceptContent { margin-top: 16px; font-size: 0.875rem; line-height: 1.25; } .mrw_ext_page.signup .signup-box .fields-box .fields-block.termsAcceptContent a { color: #141414; white-space: nowrap; } .mrw_ext_page.signup .signup-box .fields-box .fields-block.termsAcceptContent a:hover { text-decoration: underline; } .mrw_ext_page.signup .signup-box .fields-box .password-hint { padding-bottom: 10px; margin-top: 0; position: absolute; font-size: 16px; } .mrw_ext_page.signup .signup-box .fields-box #pnlSearchCity { padding-bottom: 10px; } .mrw_ext_page.signup .signup-box .fields-box #pnlSearchCity .citySearch { padding-right: 77px; } .mrw_ext_page.signup .signup-box .fields-box #pnlSearchCity .opencity { position: absolute; top: 10px; right: 9px; width: 30px; height: 30px; cursor: pointer; background-repeat: no-repeat; background-size: 100%; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBmaWxsPSIjNDE0MTQxIiBpZD0ic3ZnXzEiIGQ9Im0yNi44Mjg2MDIsMjMuNDcxNjE1bDkuMTcwMDAyLDkuMTY5OTk4bDkuMTY5OTk4LC05LjE2OTk5OGwyLjgzMDAwMiwyLjgyOTk5OGwtMTIsMTJsLTEyLjAwMDAwMiwtMTJsMi44MywtMi44Mjk5OTh6Ii8+PC9zdmc+); background-position: -7px -3px; } .mrw_ext_page.signup .signup-box .fields-box #pnlSearchCity .clearcity { position: absolute; top: 16px; right: 44px; width: 18px; height: 18px; cursor: pointer; background-repeat: no-repeat; background-size: 100%; background-position: center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI1IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE5LjUgNi40MUwxOC4wOSA1TDEyLjUgMTAuNTlMNi45MSA1TDUuNSA2LjQxTDExLjA5IDEyTDUuNSAxNy41OUw2LjkxIDE5TDEyLjUgMTMuNDFMMTguMDkgMTlMMTkuNSAxNy41OUwxMy45MSAxMkwxOS41IDYuNDFaIiBmaWxsPSIjNDE0MTQxIi8+Cjwvc3ZnPg=="); } .mrw_ext_page.signup .signup-box .fields-box #pnlSearchCity .ui-widget-content { text-align: left; background: #fff; max-height: 205px; overflow: auto; padding: 8px 0; } .mrw_ext_page.signup .signup-box .fields-box #pnlSearchCity .ui-widget-content li a { color: #141414; border: 0; margin: 0; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 1rem; padding: 8px 16px; line-height: 1; } .mrw_ext_page.signup .signup-box .fields-box #pnlSearchCity .ui-widget-content li a.ui-state-active { background: #ddd; margin: 0; } .mrw_ext_page.signup .signup-box .fields-box #pnlSearchCity:has(.autocomplete-open) .opencity { transform: rotate(180deg); } .mrw_ext_page.signup .signup-box .headsup-block { margin: 15px 0 24px 0; font-size: 14px; font-weight: 700; } .mrw_ext_page.signup .signup-box .headsup-block #chkMerchantSignupPreCheck, .mrw_ext_page.signup .signup-box .headsup-block #chkMerchantEmailPromo { margin-left: 0px; } .mrw_ext_page.signup .signup-box label { display: block; margin-bottom: 15px; margin-top: 8px; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; } .mrw_ext_page.signup .signup-box #txtEventDate { position: relative; font-size: 16px; font-weight: 400; } .mrw_ext_page.signup .signup-box #txtEventDate + .spnEventDate.pst_inputtext3-label { visibility: hidden; } .mrw_ext_page.signup .signup-box #txtEventDate::-webkit-calendar-picker-indicator, .mrw_ext_page.signup .signup-box #txtOrgEventDate::-webkit-calendar-picker-indicator { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-size: 24px; background-position: 97% 10px; cursor: pointer; margin-inline-start: 0; } .mrw_ext_page.signup .signup-box #txtOrgEventDate::-webkit-calendar-picker-indicator { background-position: 97% 12px; } .mrw_ext_page.signup .field-container { display: inline-block; margin-top: 2px; } .mrw_ext_page.signup .field-container.error { border: 1px solid #e32; } .mrw_ext_page.signup .fields-block .required-before { margin-top: 15px; } .mrw_ext_page.signup .required-before label:before { color: #ee3322; content: '* '; display: inline; } .mrw_ext_page.signup .controls .mrw_ext_button { min-width: 150px; } .mrw_ext_page.signup .message { font-size: 12px; line-height: 20px; font-weight: 500; } .mrw_ext_page.signup .password-hint { display: none; } .mrw_ext_page.signup .agree-block { display: block; } .mrw_ext_page.signup .agree-block a { color: #3A3C41; text-decoration: underline; } .mrw_ext_page.signup .pwdmsg-block { opacity: 0; transition: opacity ease-in-out 250ms; margin-top: -8px; } .mrw_ext_page.signup .pwdmsg-block label { font-size: 10px; } .mrw_ext_page.signup .pwdmsg-block.show { opacity: 1; } .mrw_ext_page.signup .error-block { color: #D64000; } .mrw_ext_page.signup .group-block { display: flex; justify-content: space-between; padding-bottom: 16px; } .mrw_ext_page.signup .group-block > .group-a, .mrw_ext_page.signup .group-block > .group-b { width: calc(50% - 15px); float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .mrw_ext_page.signup .group-block > .group-a.hide, .mrw_ext_page.signup .group-block > .group-b.hide { opacity: 0; display: none; height: 0; } .mrw_ext_page.signup .group-block > .group-a .eventDateInfo, .mrw_ext_page.signup .group-block > .group-b .eventDateInfo { font-size: 12px; line-height: 12px; font-weight: 400; position: absolute; bottom: -15px; z-index: 4; } .mrw_ext_page.signup .group-block > .group-c { width: 31.5%; display: inline-block; padding-right: 22.5px; } .mrw_ext_page.signup .group-block > .group-c.no-pad { padding-right: 0; float: right; } .mrw_ext_page.signup .group-block > .group-a { margin-right: 15px; } .mrw_ext_page.signup .group-block > .group-a.event-date { padding-top: 5px; } .mrw_ext_page.signup .group-block > .group-a input, .mrw_ext_page.signup .group-block > .group-a select { width: 100%; height: 48px; } .mrw_ext_page.signup .group-block > .group-b { margin-left: 15px; } .mrw_ext_page.signup .group-block > .group-b input, .mrw_ext_page.signup .group-block > .group-b select { width: 100%; height: 48px; } .mrw_ext_page.signup .group-block > .group-b.padded-top { position: relative; top: 43px; } .mrw_ext_page.signup .group-block.fullsize > .group-a, .mrw_ext_page.signup .group-block.fullsize > .group-b { width: 100%; float: none; padding: 0; margin-right: 0; } .mrw_ext_page.signup .group-block.fullsize > .group-a.event-date, .mrw_ext_page.signup .group-block.fullsize > .group-b.event-date { margin-top: 10px; } .mrw_ext_page.signup .group-block.fullsize > .group-b { margin-top: 15px; } .mrw_ext_page.signup .group-block.fullsize.hide { display: none; } .mrw_ext_page.signup .group-block:after { clear: both; content: ""; } .mrw_ext_page.signup .group-block .password-group { margin-top: 0; } .mrw_ext_page.signup .group-block .password-group .password-hint-container-advanced { padding-left: 19px; } .mrw_ext_page.signup .group-block .password-group .password-hint-container-advanced .message { color: #D64000; } .mrw_ext_page.signup .group-block .password-group .password-hint-container-advanced .password-hint { padding-top: 10px; } .mrw_ext_page.signup .group-block:last-child { padding-bottom: 24px; } .mrw_ext_page.signup .org-block.hide { display: none; } .mrw_ext_page.signup .org-block .org-info-tip { font-size: 14px; line-height: 17px; padding: 6px 0; } .mrw_ext_page.signup .org-block .org-info-tip .org-info-holder { position: relative; display: inline-block; z-index: 2; } .mrw_ext_page.signup .org-block .org-info-tip .org-info-icon { transform-origin: center center; transform: scale(0.73); cursor: pointer; margin: 0; position: relative; top: -3px; } .mrw_ext_page.signup .org-block .org-info-tip .org-info-icon + .org-info-icon-tip { pointer-events: none; opacity: 0; transition: opacity ease 200ms; background-color: #141414; font-size: 14px; line-height: 17px; color: #FFF; border: 1px solid #141414; padding: 8px 16px; border-radius: 5px; box-shadow: 3px 1px 6px 2px rgba(0, 0, 0, 0.11); position: absolute; top: 30px; width: 232px; box-sizing: border-box; left: -170px; } .mrw_ext_page.signup .org-block .org-info-tip .org-info-icon + .org-info-icon-tip:before { content: ''; display: inline-block; border: 7px solid transparent; border-bottom-color: #141414; width: 0px; height: 0px; position: absolute; top: -15px; right: 42px; } .mrw_ext_page.signup .org-block .org-info-tip .org-info-icon + .org-info-icon-tip.tip-two { left: -200px; } .mrw_ext_page.signup .org-block .org-info-tip .org-info-icon + .org-info-icon-tip.tip-two:before { right: 12px; } .mrw_ext_page.signup .org-block .org-info-tip .org-info-icon + .org-info-icon-tip.show { opacity: 1; } .mrw_ext_page.signup .action-recaptcha { padding-bottom: 16px; } .mrw_ext_page.signup #tool-tip-block { overflow: visible; min-height: unset; } .mrw_ext_page.signup #tool-tip-block .tutor-tooltip.login-qr { width: 487px; padding: 8px 16px 8px 16px; } .mrw_ext_page.signup #tool-tip-block .tutor-tooltip.login-qr .tutor-tooltip-content { position: relative; } .mrw_ext_page.signup #tool-tip-block .tutor-tooltip.login-qr .tutor-tooltip-content .tutor-tooltip-body { color: #141414; letter-spacing: 0.5px; max-width: 288px; } .mrw_ext_page.signup #tool-tip-block .tutor-tooltip.login-qr .tutor-tooltip-content .tutor-tooltip-body .qr-block { position: absolute; left: 72%; top: 23px; width: 120px; } .mrw_ext_page.signup #tool-tip-block .tutor-tooltip.login-qr .tutor-tooltip-content .tutor-tooltip-body .qr-block img { max-width: 100%; } .mrw_ext_page.signup #tool-tip-block .tutor-tooltip.login-qr .tutor-tooltip-content .tutor-tooltip-footer { display: none; } .mrw_ext_page.signup.signupcoregistration > .content-box .embed .fields-block { padding-bottom: 15px; } .mrw_ext_page.signup.signupcoregistration > .content-box .title { margin: 0 0 32px 0; font-weight: normal; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .pst_inputtext3-holder, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .pst_inputtext3-holder { margin-top: 20px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .pst_inputtext3-holder #txtEmail, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .pst_inputtext3-holder #txtEmail { opacity: 0.5; pointer-events: none; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .controls, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .controls { display: flex; justify-content: center; margin-top: 32px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .controls .btnChangePwAndLogin, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .controls .btnChangePwAndLogin { margin: auto 0px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block label, .mrw_ext_page.signup.signupcoregistration #signup-connect-block label { margin-bottom: 16px; margin-top: 8px; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block #rewardsNumLabel, .mrw_ext_page.signup.signupcoregistration #signup-connect-block #rewardsNumLabel { font-weight: 700; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .fields-box, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .fields-box { max-width: 445px; margin: auto; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block.signup-box .fields-box .password-hint, .mrw_ext_page.signup.signupcoregistration #signup-connect-block.signup-box .fields-box .password-hint { position: relative; padding-bottom: 0; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .btnChangePwAndLogin, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .btnChangePwAndLogin { width: 100%; padding: 10px 0; box-sizing: border-box; font-size: 18px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .btnNext, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .btnNext { width: 100%; padding: 10px 0; box-sizing: border-box; font-size: 18px; pointer-events: auto; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .btnNext.disabled, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .btnNext.disabled { pointer-events: none; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .headsup-block, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .headsup-block { margin: 16px 0 16px 0px; font-size: 14px; font-weight: 700; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .headsup-block #chkMerchantSignupPreCheck, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .headsup-block #chkMerchantSignupPreCheck, .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .headsup-block #chkMerchantEmailPromo, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .headsup-block #chkMerchantEmailPromo { margin-left: 0px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block #makeitprivate .makeitprivate-lbl, .mrw_ext_page.signup.signupcoregistration #signup-connect-block #makeitprivate .makeitprivate-lbl { margin: 10px 0 10px 4px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block #makeitprivate #lblImportant, .mrw_ext_page.signup.signupcoregistration #signup-connect-block #makeitprivate #lblImportant { width: 101px; height: 32px; font-weight: 400; font-size: 24px; line-height: 32px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block #makeitprivate #lblWouldYouLikeToMakeItPrivate, .mrw_ext_page.signup.signupcoregistration #signup-connect-block #makeitprivate #lblWouldYouLikeToMakeItPrivate { width: 445px; height: 42px; font-weight: 400; font-size: 15px; line-height: 21px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .agree-block, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .agree-block { display: block; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .agree-block a, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .agree-block a { color: #3A3C41; text-decoration: underline; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .check-field, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .check-field { padding-top: 32px; } .mrw_ext_page.signup.signupcoregistration #signup-connect-block #txtRewardsNumber { margin-top: 13px; margin-bottom: 32px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .group-block { padding-bottom: 0; flex-wrap: wrap; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .group-block .pst_inputtext3-holder { margin-bottom: 16px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .group-block .pst_inputtext3-holder .pst_inputtext3 + .pst_inputtext3-label { top: initial; bottom: 16px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .group-block .pst_inputtext3-holder.pw-field { margin-bottom: 2px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .group-block .pst_inputtext3-holder.rewards-field { margin-top: 16px; margin-bottom: 16px; } .mrw_ext_page.signup.signupcoregistration .baby-makeitprivate-content, .mrw_ext_page.signup.signupcoregistration .rewards-number, .mrw_ext_page.signup.signupcoregistration .event-info { display: none; } .mrw_ext_page.signup.signupcoregistration .event-info #lblSignupError { color: #D64000; font-size: 14px; } .mrw_ext_page.signup.signupcoregistration #txtEventDate { position: relative; font-size: 16px; font-weight: 400; } .mrw_ext_page.signup.signupcoregistration #txtEventDate::-webkit-calendar-picker-indicator { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-size: 24px; background-position: 97% 10px; cursor: pointer; margin-inline-start: 0; } .mrw_ext_page.signup.signupcoregistration .btnSignup { pointer-events: auto; background-color: #A0A315; border-color: #A0A315; opacity: 1; } .mrw_ext_page.signup.signupcoregistration .btnSignup.disabled { pointer-events: none; background-color: #141414; border-color: #141414; opacity: 0.5; } .mrw_ext_page.signup.signup-qrbox-wrapper { max-width: 1100px; min-height: calc(100vh - 224px); } .mrw_ext_page.signup.signup-qrbox-wrapper .back-block { position: absolute; left: -14vw; display: flex; align-self: self-start; font-size: 18px; font-weight: 400; line-height: 22px; z-index: 99; text-align: center; text-decoration: none; } .mrw_ext_page.signup.signup-qrbox-wrapper .back-block.hide { display: none; } .mrw_ext_page.signup.signup-qrbox-wrapper > .content-box { max-width: 100%; } .mrw_ext_page.signup.signup-qrbox-wrapper .signup-qrbox { text-align: center; } .mrw_ext_page.signup.signup-qrbox-wrapper .signup-qrbox.hide { display: none; } .mrw_ext_page.signup.signup-qrbox-wrapper .qrcode-img { padding: 32px 0; } .mrw_ext_page.signup.signup-qrbox-wrapper .qrcode-img img { max-width: 100%; } /* --- Page Onboard------------------------------------------------------------------------ */ .mrw_ext_page.onboard { margin-top: 8px; padding-bottom: 24px; } .mrw_ext_page.onboard .pst_inputselect3-holder select.pst_inputselect3, .mrw_ext_page.onboard .pst_inputtext3-holder .pst_inputtext3 { margin: 2px 0; height: 48px; font-weight: 400; } .mrw_ext_page.onboard .pst_inputselect3-holder select.pst_inputselect3 option, .mrw_ext_page.onboard .pst_inputtext3-holder .pst_inputtext3 option { font-weight: 400; } .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black { background: transparent; background-image: url(/images/graph_pastel.png?v=20220211); background-repeat: no-repeat; background-attachment: scroll; background-size: 875px 200px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; position: relative; background-position: -468px -38px; margin-top: -4px; } .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black:before, .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black:after { left: auto; right: auto; bottom: auto; top: auto; margin: 0; padding: 0; width: auto; opacity: 0; visibility: hidden; -moz-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -o-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black:before { border: solid; border-color: transparent transparent rgba(20, 20, 20, 0.9) transparent; border-width: 0 6px 6px 6px; top: 100%; content: ""; left: calc(50% - 6px); position: absolute; z-index: 99; } .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black:after { border-radius: 5px; top: calc(100% + 6px); color: #141414; content: attr(data-tooltip); right: -10px; padding: 5px 15px; position: absolute; z-index: 98; width: 180px; text-transform: none; font-size: 14px; line-height: normal; letter-spacing: normal; border: 1px solid rgba(20, 20, 20, 0.9); background-color: #FFF; } .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black:hover:before, .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black:hover:after { -moz-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); -o-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); visibility: visible; opacity: 1; } .mrw_ext_page.onboard .icon-info.tip-ext { background: transparent; background-image: url(/images/graph_pastel.png?v=20220211); background-repeat: no-repeat; background-attachment: scroll; background-size: 875px 200px; height: 24px; width: 24px; display: inline-block; vertical-align: middle; position: relative; background-position: -468px -38px; margin-top: -4px; } .mrw_ext_page.onboard > .content-box { padding-top: 8px; font-size: 1em; margin: auto; max-width: 1010px; width: 100%; } .mrw_ext_page.onboard > .content-box .title { font-size: 48px; letter-spacing: 0px; opacity: 1; margin: 5px 0 11px; text-align: center; } .mrw_ext_page.onboard > .content-box .subtitle { font-size: 2em; letter-spacing: 0px; opacity: 1; text-align: center; } .mrw_ext_page.onboard > .content-box .reqfield { text-align: left; font-size: 14px; letter-spacing: 0px; opacity: 1; padding: 24px 0 12px 0; position: relative; } .mrw_ext_page.onboard .fields-block { width: calc(100% - 2px); } .mrw_ext_page.onboard .fields-block.privacy .container-content, .mrw_ext_page.onboard .fields-block.coreg .container-content { margin-top: 24px; } .mrw_ext_page.onboard .fields-block .fields-block-title { font-size: 32px; line-height: 44px; padding: 24px 0 0 0; } .mrw_ext_page.onboard .fields-block .container-subtitle { font-size: 18px; line-height: 22px; margin-bottom: 12px; text-align: left; } .mrw_ext_page.onboard .fields-block .box-name-event, .mrw_ext_page.onboard .fields-block .box-event-date { margin-bottom: 16px; display: flex; justify-content: space-between; gap: 16px; } .mrw_ext_page.onboard .fields-block .box-name-event .pst_inputtext3-holder, .mrw_ext_page.onboard .fields-block .box-event-date .pst_inputtext3-holder { flex: 1 1 100%; } .mrw_ext_page.onboard .fields-block .box-name-event .pst_inputtext3-holder.cont-date.hide, .mrw_ext_page.onboard .fields-block .box-event-date .pst_inputtext3-holder.cont-date.hide { display: none; } .mrw_ext_page.onboard .fields-block .box-name-event .pst_inputtext3-holder.cont-date input[type="date"], .mrw_ext_page.onboard .fields-block .box-event-date .pst_inputtext3-holder.cont-date input[type="date"] { /*padding: 2px 8px;*/ text-transform: none; } .mrw_ext_page.onboard .fields-block .box-name-event .pst_inputtext3-holder.cont-date input[type="date"]::-webkit-calendar-picker-indicator, .mrw_ext_page.onboard .fields-block .box-event-date .pst_inputtext3-holder.cont-date input[type="date"]::-webkit-calendar-picker-indicator { position: absolute; margin: 0; padding: 0; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; background-image: none; } .mrw_ext_page.onboard .fields-block .cont-twocols { margin-bottom: 14px; display: flex; justify-content: space-between; } .mrw_ext_page.onboard .fields-block .cont-twocols .formFixChrome { min-width: 0; } .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder:first-child, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder:first-child { margin-right: 8px; } .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder:last-child, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder:last-child, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder.state, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder.state { margin-left: 8px; } .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder .pst_inputtext3.error ~ .pst_inputtext-error, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder .pst_inputtext3.error ~ .pst_inputtext-error, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder .pst_inputselect3.error ~ .pst_inputtext-error, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder .pst_inputselect3.error ~ .pst_inputtext-error, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder .pst_inputtext3.error ~ .pst_inputselect-error, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder .pst_inputtext3.error ~ .pst_inputselect-error, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder .pst_inputselect3.error ~ .pst_inputselect-error, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder .pst_inputselect3.error ~ .pst_inputselect-error { color: #d46000; text-align: left; } .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder .pst_inputtext3:not(:placeholder-shown) ~ .pst_inputtext3-label, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder .pst_inputtext3:not(:placeholder-shown) ~ .pst_inputtext3-label, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder .pst_inputselect3:not(:placeholder-shown) ~ .pst_inputtext3-label, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder .pst_inputselect3:not(:placeholder-shown) ~ .pst_inputtext3-label { transform: scale(0.75) translateY(-30px); -webkit-transform: scale(0.75) translateY(-30px); } .mrw_ext_page.onboard .fields-block .cont-twocols .phone.pst_inputtext3-holder { margin: 5px 0 0 0; } .mrw_ext_page.onboard .fields-block .pst_inputtext3-holder .pst_inputtext3.textArea { min-height: 108px; font-size: 18px; font-weight: 400; } .mrw_ext_page.onboard .fields-block .pst_inputtext3-holder .pst_inputtext3.textArea + .pst_inputtext3-label { bottom: 70px; } .mrw_ext_page.onboard .fields-block.hide { display: none; } .mrw_ext_page.onboard .fields-block #btnRegistryDelete { color: #d46000; } .mrw_ext_page.onboard .buttons-container { text-align: left; margin: 24px 0 0px 0; } .mrw_ext_page.onboard .buttons-container a.mrw_ext_button { padding: 9px 55px; font-weight: 600; font-size: 17px; } /* --- Page Extension------------------------------------------------------------------------ */ .mrw_ext_page.signup-extension > .content-box { overflow: hidden; font-size: 1em; margin: auto; max-width: 1010px; width: 100%; } .mrw_ext_page.signup-extension > .content-box .subtitle { font-size: 2em; letter-spacing: 0px; opacity: 1; text-align: center; padding: 60px 0 0 0; } .mrw_ext_page.signup-extension > .content-box .divider { width: 100%; height: 20px; border-bottom: 1px solid #5B5A5A; text-align: center; margin-bottom: 20px; } .mrw_ext_page.signup-extension > .content-box .title { font-size: 48px; letter-spacing: 0px; opacity: 1; margin: 5px 0 11px; text-align: center; } .mrw_ext_page.signup-extension .container-subtitle { max-width: 400px; margin: 0 auto; text-align: center; font-size: 1.125em; line-height: 22px; padding: 12px 0 0 0; } .mrw_ext_page.signup-extension .container-panel { display: none; } .mrw_ext_page.signup-extension .box-extension { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 1200px; margin: auto; } .mrw_ext_page.signup-extension .box-extension .extension-desc { color: #414141; flex: 0 1 50%; } .mrw_ext_page.signup-extension .box-extension .extension-desc .desc-item { display: flex; justify-content: flex-start; align-items: center; margin: 30px 20px 30px 0; } .mrw_ext_page.signup-extension .box-extension .extension-desc .desc-item .item-num { flex: 0 0 70px; font-size: 56px; background: #fff; padding: 5px 0; border-radius: 40px; line-height: 56px; font-weight: bold; border: 5px solid #058471; width: 80px; box-sizing: border-box; text-align: center; } .mrw_ext_page.signup-extension .box-extension .extension-desc .desc-item .item-text { flex: 0 4 auto; font-size: 36px; padding-left: 40px; color: #141414; } .mrw_ext_page.signup-extension .box-extension .extension-image { flex: 0 1 50%; } .mrw_ext_page.signup-extension .box-extension .extension-image.fullscreen { flex: none; padding: 50px 0; } .mrw_ext_page.signup-extension .box-extension .extension-image.fullscreen img { max-width: none; border-radius: 5px; box-shadow: 0px 3px 6px #00000029; } .mrw_ext_page.signup-extension .box-extension .extension-image.btnAdd { background-color: #FFFFFF; min-width: 536px; min-height: 302px; font-size: 36px; line-height: 44px; font-style: italic; font-weight: 400; text-align: center; } .mrw_ext_page.signup-extension .box-extension .extension-image.btnAdd .box-action { margin-top: 120px; } .mrw_ext_page.signup-extension .box-extension .extension-image.btnAdd .box-action .addBtn { border-radius: 30px; } .mrw_ext_page.signup-extension .box-extension .extension-image.btnAdd .box-action .drag-arrow { position: absolute; display: none; z-index: 101; left: 74%; pointer-events: none; } .mrw_ext_page.signup-extension .box-extension .extension-image img { max-width: 642px; } .mrw_ext_page.signup-extension .box-mobile { max-width: 360px; margin: auto; position: relative; text-align: center; padding-top: 20px; } .mrw_ext_page.signup-extension .box-mobile .mobile-image { position: relative; } .mrw_ext_page.signup-extension .box-mobile .mobile-image.item-f { max-width: 360px; z-index: 1; } .mrw_ext_page.signup-extension .box-action { text-align: center; margin-top: 40px; } .mrw_ext_page.signup-extension .box-action.mobile { margin-top: 20px; } .mrw_ext_page.signup-extension .box-action .mrw_ext_link { text-decoration: none; font-size: 24px; } .mrw_ext_page.signup-extension #pnlMobileApp .box-action img { max-width: 150px; } .mrw_ext_page.signup-extension #pnlMobileApp .box-action .mrw_ext_link { font-size: 18px; } /* --- Page Completed------------------------------------------------------------------------ */ .mrw_ext_page.signup-completed { min-height: calc(100vh - 140px); display: flex; align-items: center; } .mrw_ext_page.signup-completed > .content-box { font-size: 1rem; box-sizing: border-box; width: 100%; } .mrw_ext_page.signup-completed > .content-box .title { font-family: 'SourceSerifPro', Times, serif; font-size: 3rem; font-style: normal; font-weight: 400; line-height: 1.1667; margin: 0; } .mrw_ext_page.signup-completed > .content-box .subtitle { font-size: 1.125rem; font-weight: 500; padding-top: 8px; line-height: 1.3333; } .mrw_ext_page.signup-completed > .content-box .divider { width: 100%; height: 20px; border-bottom: 1px solid #5B5A5A; text-align: center; margin-bottom: 20px; } .mrw_ext_page.signup-completed > .content-box .signup-completed-box { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 24px; } .mrw_ext_page.signup-completed > .content-box .signup-completed-box .signup-qrbox.hide { display: none; } .mrw_ext_page.signup-completed > .content-box .signup-completed-box .box-mobile { padding: 0; margin: 0 auto; } .mrw_ext_page.signup-completed > .content-box .signup-completed-box .box-mobile a { display: inline-block; width: 118px; height: auto; } .mrw_ext_page.signup-completed > .content-box .signup-completed-box .box-mobile a img { max-width: 100%; } .mrw_ext_page.signup-completed .container-subtitle { max-width: 400px; margin: 0 auto; text-align: center; font-size: 1.125em; line-height: 22px; padding: 12px 0 0 0; } .mrw_ext_page.signup-completed .container-panel { display: none; } .mrw_ext_page.signup-completed .box-completed { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; max-width: 1200px; margin: auto; } .mrw_ext_page.signup-completed .box-completed .extension-desc { color: #414141; flex: 0 1 50%; } .mrw_ext_page.signup-completed .box-completed .extension-desc .desc-item { display: flex; justify-content: flex-start; align-items: center; margin: 30px 20px 30px 0; } .mrw_ext_page.signup-completed .box-completed .extension-desc .desc-item .item-num { flex: 0 0 70px; font-size: 56px; background: #fff; padding: 5px 0; border-radius: 40px; line-height: 56px; font-weight: bold; border: 5px solid #058471; width: 80px; box-sizing: border-box; text-align: center; } .mrw_ext_page.signup-completed .box-completed .extension-desc .desc-item .item-text { flex: 0 4 auto; font-size: 36px; padding-left: 40px; color: #141414; } .mrw_ext_page.signup-completed .box-completed .extension-image { flex: 0 1 50%; } .mrw_ext_page.signup-completed .box-completed .extension-image.fullscreen { flex: none; padding: 50px 0; } .mrw_ext_page.signup-completed .box-completed .extension-image.fullscreen img { max-width: none; border-radius: 5px; box-shadow: 0px 3px 6px #00000029; } .mrw_ext_page.signup-completed .box-completed .extension-image.btnAdd { background-color: #FFFFFF; min-width: 536px; min-height: 302px; font-size: 36px; line-height: 44px; font-style: italic; font-weight: 400; text-align: center; } .mrw_ext_page.signup-completed .box-completed .extension-image.btnAdd .box-action { margin-top: 120px; } .mrw_ext_page.signup-completed .box-completed .extension-image.btnAdd .box-action .addBtn { border-radius: 30px; } .mrw_ext_page.signup-completed .box-completed .extension-image.btnAdd .box-action .drag-arrow { position: absolute; display: none; z-index: 101; left: 74%; pointer-events: none; } .mrw_ext_page.signup-completed .box-completed .extension-image img { max-width: 642px; } .mrw_ext_page.signup-completed .box-action { text-align: center; } .mrw_ext_page.signup-completed .box-action.mobile { margin-top: 20px; } .mrw_ext_page.signup-completed .box-action .mrw_ext_link { text-decoration: none; font-size: 24px; } .mrw_ext_page.signup-completed #pnlMobileApp .box-action img { max-width: 150px; } .mrw_ext_page.signup-completed #pnlMobileApp .box-action .mrw_ext_link { font-size: 18px; } .mrw_ext_page.signup-completed .box-user { display: flex; flex-direction: column; gap: 8px; } .mrw_ext_page.signup-completed .box-user .userdetails { font-size: 1.125rem; font-weight: bold; line-height: 24px; } .mrw_ext_page.signup-completed .box-user .userdetails span { font-weight: 500; padding-left: 4px; } .mrw_ext_page.signup-completed .box-action { padding: 32px 0; display: flex; gap: 24px; align-items: center; justify-content: center; width: 100%; max-width: 358px; margin: auto; } .mrw_ext_page.signup-completed .box-action .mrw_ext_button { padding: 11px 24px; font-weight: 500; line-height: 24px; letter-spacing: 0.1px; flex: 1; border-radius: 5px; } .mrw_ext_page.signup-completed .box-action .mrw_ext_button.white { border: 1px solid #141414; color: #141414; } .mrw_ext_page.signup-completed .box-action .mrw_ext_button.white:hover { color: #141414; } .mrw_ext_page.signup-completed .lowerpart { width: 100%; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper { min-height: calc(100vh - 124px); } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .signup-completed-box { gap: 56px; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed { flex-wrap: nowrap; align-items: stretch; margin-bottom: 16px; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .signup-qrbox { padding: 0px 96px 0px 0; align-self: center; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .signup-qrbox .qrcode-img { white-space: nowrap; font-size: 0; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .add-itemblock { border: 1px solid #141414; font-size: 24px; line-height: 32px; padding: 48px; display: flex; flex-direction: column; gap: 32px; text-align: left; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .add-itemblock .bloc-title1 { font-weight: 700; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper.signup-qrbox-wrapper { width: 708px; max-width: calc(100% - 32px); margin: 0 auto; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .title { color: #141414; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .subtitle { font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 1.25rem; line-height: 2rem; color: #414141; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .imgContainer { width: 708px; max-width: 100%; margin-top: 56px; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .imgContainer img { max-width: 100%; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .signup-completed-box { gap: 8px; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .bottomContent { max-width: calc(100vw - 16px); margin: 16px auto; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .bottomContent .titleText { color: #141414; text-align: center; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 2rem; font-weight: 700; line-height: 2.5rem; margin-bottom: 16px; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .bottomContent .descText { color: #414141; text-align: center; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 1.25rem; font-weight: 500; line-height: 2rem; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .buttonWrapper { display: flex; max-width: 342px; margin: 0 auto; text-align: center; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .buttonWrapper .mrw_ext_button.btnNext { font-family: "proxima-nova", Arial, Helvetica, sans-serif; padding: 11px 24px; font-weight: 500; line-height: 24px; letter-spacing: 0.1px; flex: 1; border-radius: 5px; background-color: #141414; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .buttonWrapper .mrw_ext_button.btnNext img { max-width: 100%; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper .box-user .userdetails { font-size: 1.25rem; line-height: 2rem; color: #141414; } /* --- Page SearchResults----------------------------------------------------------------- */ .mrw_ext_page.searchResults { min-height: 363px; top: auto; transform: none; max-width: 100%; } .mrw_ext_page.searchResults .pnlSearchTop { position: relative; max-width: 500px; margin: 0 auto 30px; text-align: center; } .mrw_ext_page.searchResults .pnlSearchTop .title { font-size: 48px; font-weight: 200; vertical-align: middle; margin: 0 auto 10px; } .mrw_ext_page.searchResults .pnlSearchTop .control-sub { text-align: right; padding-top: 5px; } .mrw_ext_page.searchResults .pnlSearchTop .control-sub > a { opacity: 1; transition: opacity ease 250ms; } .mrw_ext_page.searchResults .pnlSearchTop .control-sub > a.hide { opacity: 0; pointer-events: none; } .mrw_ext_page.searchResults .pnlSearchTop .control-sub > a:hover { text-decoration: underline; } .mrw_ext_page.searchResults .pnlSearchTop .control-adv { display: none; margin-top: 16px; } .mrw_ext_page.searchResults .pnlSearchTop .control-adv .pst_inputtext3 { border-radius: 8px; } .mrw_ext_page.searchResults .pnlSearchTop .control-adv .adv-item { display: inline-block; width: 24%; } .mrw_ext_page.searchResults .pnlSearchItems { position: relative; max-width: 980px; margin: 0 auto; } .mrw_ext_page.searchResults .pnlSearchItems.loading:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: "Loading..."; text-align: center; font-size: 18px; padding-top: 10px; display: block; background: rgba(255, 255, 255, 0.8); } .mrw_ext_page.searchResults .pnlSearchItems .search-item { padding: 20px 10px 20px 30px; display: block; overflow: hidden; font-size: 14px; } .mrw_ext_page.searchResults .pnlSearchItems .search-item:nth-child(2n+1) { background: #F9F9F9; } .mrw_ext_page.searchResults .pnlSearchItems .search-item:hover { text-decoration: none; background: #EBEBEB; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc { float: left; width: 90%; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-title { float: left; width: 55%; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-title .title-name { font-weight: bold; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-title .title-name .n1, .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-title .title-name .n2 { white-space: nowrap; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-title .title-registry { font-weight: 200; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-location { float: left; width: 27%; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-eventdate { float: left; width: 18%; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-action { float: left; width: 10%; text-align: center; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-action .mrw_ext_button { min-width: 0; padding: 6px 8px; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty { font-size: 1.5rem; line-height: 1.333; text-align: left; padding: 0; max-width: 560px; margin: 0 auto; color: #575F65; font-weight: 500; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty #search-title { margin-bottom: 24px; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty #seach-suggestion ul { padding-left: 32px; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty #seach-suggestion ul li { margin-bottom: 10px; padding-left: 8px; font-size: 1rem; line-height: 1; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty #seach-suggestion ul li > span { vertical-align: middle; font-size: 1.5rem; line-height: 1.333; } .mrw_ext_page.searchResults .loader { display: none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(255, 255, 255, 0.6); } .mrw_ext_page.searchResults .loader *:after, .mrw_ext_page.searchResults .loader *:before { box-sizing: inherit; } .mrw_ext_page.searchResults .loader .wrapper { font-size: 1.6rem; background: #dad8d2; width: 100%; height: 100%; overflow: hidden; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mrw_ext_page.searchResults .loader .hourglass { display: block; background: #fff; margin: 3em auto; width: 2em; height: 4em; box-shadow: inset #fff 0 0 0 0, inset #b0b0b0 0 2em 0 0, inset #fff 0 0 4em 0; -webkit-animation: hourglass 1s linear infinite; animation: hourglass 1s linear infinite; } .mrw_ext_page.searchResults .loader .outer { fill: #b0b0b0; } .mrw_ext_page.searchResults .loader .middle { fill: #fff; } /* --- Page Visitor Password ------------------------------------------------------------ */ .mrw_ext_page.visitorpassword { padding-top: 50px; padding-bottom: 20px; } .mrw_ext_page.visitorpassword .page-content { max-width: 355px; margin: auto; } .mrw_ext_page.visitorpassword .page-content .content-title { margin: 24px 0; font-size: 24px; line-height: 36px; font-weight: 400; } .mrw_ext_page.visitorpassword .page-content .box-password .password-field { margin: 10px auto; } .mrw_ext_page.visitorpassword .page-content .box-password .request-label { font-size: 18px; line-height: 21px; text-align: center; } .mrw_ext_page.visitorpassword .page-content .box-request .password-label { font-size: 18px; line-height: 21px; text-align: center; } .mrw_ext_page.visitorpassword .page-content .box-request .request-field { margin: 38px 0 8px 0; } .mrw_ext_page.visitorpassword .page-content .error-message { position: absolute; text-align: left; font-size: 14px; color: #D64000; font-weight: 500; } .mrw_ext_page.visitorpassword .page-content .displayNone { display: none; } .mrw_ext_page.visitorpassword .page-content .step_dont_have_pwd { display: block; position: relative; right: -120px; -webkit-animation: slide-right 0.8s forwards; -webkit-animation-delay: 0s; animation: slide-right 0.8s forwards; animation-delay: 0s; } .mrw_ext_page.visitorpassword .page-content .step_have_pwd { display: block; position: relative; left: -120px; -webkit-animation: slide-left 0.8s forwards; -webkit-animation-delay: 0s; animation: slide-left 0.8s forwards; animation-delay: 0s; } @-webkit-keyframes slide-left { 0% { opacity: 0; } 25% { opacity: 0.25; } 50% { opacity: 0.5; } 75%, 100% { opacity: 1; left: 0; } } @-webkit-keyframes slide-right { 0% { opacity: 0; right: -120px; } 25% { opacity: 0.25; } 50% { opacity: 0.5; } 75%, 100% { opacity: 1; right: 0; } } .mrw_ext_page.visitorpassword .page-content .mrw_ext_button { margin: 24px 0 16px 0; width: 100%; padding: 12px 0; border-radius: 0; } /* --- Page Visitor View Giftlist ------------------------------------------------------------ */ .mrw_ext_page.giftlist { /* -- Registry Barcode -- */ } .mrw_ext_page.giftlist .barcode_holder { text-align: center; display: none; padding-bottom: 24px; margin: 0 auto; max-width: 358px; } .mrw_ext_page.giftlist .barcode_holder.active { display: block; } .mrw_ext_page.giftlist .barcode_holder.active a.barcode-link { background: transparent; border: 1px solid #2A3136; display: flex; gap: 16px; justify-content: center; align-items: flex-start; padding: 8px 16px 8px 8px; box-sizing: border-box; text-decoration: none; border-radius: 8px; } .mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-text { text-align: left; } .mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-title { font-size: 1rem; line-height: 1.5; text-transform: none; color: #141414; font-weight: 700; font-family: "proxima-nova", Arial, Helvetica, sans-serif; display: block; } .mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-label { vertical-align: middle; font-size: 0.875rem; line-height: 1.57; text-transform: none; color: #141414; font-weight: 400; font-family: "proxima-nova", Arial, Helvetica, sans-serif; display: block; } .mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-associate { font-size: 0.75rem; text-align: right; display: block; line-height: 2; position: relative; padding-right: 16px; letter-spacing: 0.5px; color: #141414; } .mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-associate:after { position: absolute; content: ""; background-image: url('data:image/svg+xml,'); background-repeat: no-repeat; height: 24px; width: 24px; } .mrw_ext_page.giftlist .barcode_holder.active a.barcode-link .barcode-image { flex: 0 0 50px; border-radius: 50%; background-color: #F1F1F1; height: 50px; justify-content: center; align-items: center; display: flex; } .mrw_ext_page.giftlist .barcode_holder.desktop { display: none !important; } /* --- Page Registry Barcode ------------------------------------------------------------------- */ .mrw_ext_page.registry-barcode-content { padding: 24px 20px 0; } .mrw_ext_page.registry-barcode-content ~ .mrw_ext_footer { padding: 24px 0; } .mrw_ext_page.registry-barcode-content a.mrw_ext_linkback { font-size: 16px; line-height: 1.5; color: #141414; font-family: "proxima-nova", Arial, Helvetica, sans-serif; text-transform: none; } .mrw_ext_page.registry-barcode-content .registry-barcode-nav { padding: 0; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder { text-align: center; padding: 24px 0 40px; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder h1 { font-size: 24px; line-height: 32px; margin-top: 24px; color: #141414; font-weight: 600; text-align: left; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder .barcode_holder { margin-bottom: 24px; padding: 0 0 16px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .mrw_ext_page.registry-barcode-content .registry-barcode-holder .barcode_holder.mobile img { width: 100%; display: block; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder .barcode_holder.mobile .barcode-label { font-size: 20px; line-height: 1; color: #414141; margin-top: 16px; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder .regName { font-size: 24px; line-height: 28px; margin: 0 0 16px; color: #141414; font-weight: 400; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder .registry-barcode-list { text-align: left; display: flex; flex-direction: column; gap: 16px; align-items: center; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder .registry-barcode-list p { padding: 0; margin: 0; width: 100%; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder .registry-barcode-list .circle-number { color: #141414; text-align: left; font-size: 1.25rem; line-height: 1.4; font-weight: 600; display: block; } .mrw_ext_page.registry-barcode-content .registry-barcode-holder .registry-barcode-list .circle-text { display: block; vertical-align: top; font-size: 1.25rem; line-height: 1.4; color: #414141; text-align: left; } /* === Page tore Login ------------------------------------------------------------------- */ .mrw_ext_master.storelogin .ui-content { height: calc(100vh - 220px); padding: 0; } .mrw_ext_master.storelogin .mr-kiosk-box { width: 100%; max-width: 750px; margin: 80px auto 0; display: flex; flex-direction: column; align-items: center; gap: 24px; } .mrw_ext_master.storelogin .mr-kiosk-box .title { font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 1.75rem; color: #3A3C41; line-height: 34px; font-weight: 400; text-align: center; margin-block: 0; } .mrw_ext_master.storelogin .mr-kiosk-box .content { max-width: 488px; width: 100%; margin: 0 auto; } .mrw_ext_master.storelogin .mr-kiosk-box .content .required-text { color: #3A3C41; font-size: 0.875rem; line-height: 17px; margin: 0 0 24px; text-align: center; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder { margin-bottom: 32px; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder .mr-warning { color: #D84102; padding: 0px 0px; width: 95%; font-size: 14px; position: absolute; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder:last-child { margin-bottom: 0; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder label { clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder .pst_inputtext3 { border: 1px solid #70787E; border-radius: 4px; height: 48px; width: 100%; color: #414141; font-size: 1rem; line-height: 24px; padding: 8px 12px; font-weight: 400; box-sizing: border-box; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder .pst_inputtext3 + .pst_inputtext3-label { bottom: 14px; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder .pst_inputtext3:focus ~ .pst_inputtext3-label { left: 10px; transform: scale(0.75) translateY(-30px); -webkit-transform: scale(0.75) translateY(-30px); } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder .pst_inputtext3 ~ .pst_inputtext3-error { padding: 4px 16px 0px 16px; font-weight: 400; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder .pst_inputtext3.error { border: 1px solid #ff6600; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder .mr-kiosk-button { height: 48px; border-radius: 5px; width: 100%; box-sizing: border-box; padding: 8px 12px; color: #fff; font-size: 1rem; background-color: #141414; border: 1px solid #141414; text-decoration: none; display: block; font-size: 19px; text-align: center; } .mrw_ext_master.storelogin .mr-kiosk-box .content .pst_inputtext3-holder.error { margin-bottom: 51px; } .mrw_ext_master.storelogin .mr-kiosk-box .note { font-size: 0.875rem; line-height: 17px; color: #141414; font-family: "proxima-nova", Arial, Helvetica, sans-serif; text-align: center; } #searchresults-page .ui-autocomplete.advanced-list { border-radius: 0; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 1em; max-height: calc(60% - 50px); overflow-y: scroll; z-index: 1; } #searchresults-page .ui-autocomplete.advanced-list .ui-menu-item a { color: #3A3C41; padding: 5px; border-bottom: 1px solid #cccccc; box-sizing: border-box; border-radius: 0; } #searchresults-page .ui-autocomplete.advanced-list .ui-menu-item a .ui-state-highlight { color: #3A3C41; font-weight: bold; border: 0; background: none; } #searchresults-page .ui-autocomplete.advanced-list .ui-menu-item a.ui-state-focus { border: 0; border-bottom: 1px solid #cccccc; background: none; margin: 0; border-radius: 0; background: #EBEBEB; } /* --- Panel SignupSuccess -------------------------------------------------------------------------- */ .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel { height: auto; width: 750px; left: 0px; top: -43px; text-align: center; min-height: 600px; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pagSignupExtension { padding: 0 30px 30px; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel .box-extension { margin: 30px 0; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel .GifImage { width: 100%; max-width: 500px; display: block; margin: 0 auto; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pnlAddButton .box-extension { margin: 25px 0 35px; font-size: 18px; line-height: 22px; color: #3A3C41; font-weight: 600; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pnlAddButton .box-extension .desc-item { padding-bottom: 20px; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pnlAddButton .box-extension a.mrw_ext_button { font-weight: 400; width: 190px; font-size: 16px; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pnlAddButton .box-extension .box-action { margin-bottom: 15px; margin-top: 40px; position: relative; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pnlAddButton .box-extension span#MyRegistryWelcomeDragArrow { width: 85px; position: absolute; top: -7px; pointer-events: none; right: 0; left: 200px; margin: auto; } .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pnlExtension .box-action a.mrw_ext_button { width: 100%; max-width: 190px; } .pnlSignupSuccess .controls { margin-top: 15px; } /*Login Panel ----------------------------------------------------------------------------------------*/ .mrw_ext_master .login-box .error-block { color: #e32; } /* -- Panel Print ----------------------------------------------------------------------------------- */ #popPrintPanel #PrintHeader { outline: none; } #popPrintPanel .mrw_ext_dialogpanel { min-width: 600px; max-width: 800px; width: 50vw; outline: none; } #popPrintPanel .mrw_ext_dialogpanel .btnDialogClose { position: absolute; margin: auto; right: 15px; top: 20px; } #popPrintPanel .mrw_ext_dialogpanel .content { padding: 0; position: relative; } #popPrintPanel .button-holder { display: flex; gap: 24px; padding: 24px; justify-content: flex-end; position: relative; top: 0; left: 0; width: 100%; box-sizing: border-box; border-bottom: 1px solid #525252; } #popPrintPanel .button-holder .pv_printselected .mrw_ext_button.disabled { opacity: 0.5; pointer-events: none; } #popPrintPanel .content_gifts { overflow-y: auto; height: 530px; } #popPrintPanel .content_gifts table[giftid] { cursor: pointer; } #popPrintPanel .content_gifts .pv-image-box { text-align: center; height: 100px; } #popPrintPanel .content_gifts .pv-image-box > td { padding: 16px 8px; } #popPrintPanel .content_gifts .pv-image-box .pv-check-box { width: 10%; } #popPrintPanel .content_gifts .pv-image-box .pv-check-box .smr_list_checkbox input { position: absolute; z-index: -1; opacity: 0; } #popPrintPanel .content_gifts .pv-image-box .pv-check-box .control__indicator { position: relative; top: 0px; left: 10px; height: 20px; width: 20px; border: 2px solid #737373; border-radius: 2px; } #popPrintPanel .content_gifts .pv-image-box .pv-check-box .control input:checked ~ .control__indicator:after { border-color: #141414; } #popPrintPanel .content_gifts .pv-image-box .pv-check-box .control input:checked ~ .control__indicator { border-color: #141414; } #popPrintPanel .content_gifts .pv-image-box .pv-check-box .control--checkbox .control__indicator:after { position: absolute; left: 6px; top: 1px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); display: block; content: ''; } #popPrintPanel .content_gifts .pv-image-box .pv-check-box .control input:focus-visible ~ .control__indicator { outline: 2px solid Highlight; outline: 2px solid -webkit-focus-ring-color; } #popPrintPanel .content_gifts .pv-image-box .pv-image-holder { width: 96px; height: 96px; background-repeat: no-repeat; background-size: contain; background-position: center center; display: table-cell; vertical-align: middle; min-width: 96px; box-sizing: border-box; border: 8px solid transparent; } #popPrintPanel .content_gifts .pv-image-box .pv-title-box { padding: 16px 8px; width: 100%; font-size: 16px; text-align: left; display: table-cell; vertical-align: top; } #popPrintPanel .content_gifts .pv-image-box .pv-title-box a { text-decoration: none; cursor: default; } #popPrintPanel .content_gifts .pv-image-box .pv-title-box .pv-title-price { font-size: 1rem; font-weight: bold; margin: 8px 0; } #popPrintPanel .content_gifts .pv-image-box .pv-title-box .pv-title-price div { display: inline-block; } #popPrintPanel .content_gifts .pv-image-box .pv-title-box .pv-title-price div.sale, #popPrintPanel .content_gifts .pv-image-box .pv-title-box .pv-title-price div.clearance { font-size: 16px; } #popPrintPanel .content_gifts .pv-image-box .pv-title-box .pv-title-price div.reg { font-size: 12px; font-weight: normal; } #popPrintPanel .content_gifts .pv-image-box .pv-title-box .pv-title-price div.reg.price { margin-right: 4px; } #popPrintPanel #close-print-panel { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); right: -10px; top: -15px; width: 0; height: 0; } #popPrintPanel #close-print-panel:focus { outline: none; } /* === Template A (Horizontal) ========================================================================================================================= */ .mrw_ext_master.template-a .mrw_ext_page.home .action-box { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 97%; text-align: center; background: rgba(255, 255, 255, 0.75); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; max-width: 690px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .title span { font-size: 5em; font-weight: 200; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .title h1.long span { font-size: 48px; display: block; line-height: 1.2em; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .subtitle { margin: 20px 0; font-size: 1.75em; font-weight: 200; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .sep { width: 100%; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .mrw_ext_button { min-width: 180px; margin: 5px 0; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .desc { margin: 0 5px; vertical-align: middle; font-size: 1.286em; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_button.btnSearchRegistry { min-width: 88px; margin-left: 3px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_linkback { display: block; width: 100%; text-align: left; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext.txtFindName, .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext.txtLastName { display: inline-block; width: 20%; min-width: calc(100% - 250px) !important; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box { margin-top: 15px; text-align: center; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle { font-size: 1.271em; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle.fields-block { margin: 0; font-weight: 600; font-size: 1.071em; float: left; padding: 0px 14px 0 0; border-right: 1px solid #cbcbcb; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle.fields-block.login-email { margin-left: 10px; border-right: 0px solid #cbcbcb; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle.fields-block .social { margin-top: 7px; text-align: right; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle .social a { text-decoration: none; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .controls { display: inline-block; margin-left: 1px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .mrw_ext_button { margin-left: 6px; min-width: 110px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .group-block.fullsize { display: inline-block; position: relative; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .group-block .group-a, .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .group-block .group-b { width: 180px; display: inline-block; text-align: right; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .lblForgetPassword { float: right; font-size: 0.929em; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .lblForgetPassword a { text-decoration: none; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .mrw_ext_linkback { display: inline-block; text-align: left; position: relative; /*top: 8px; right: 8px;*/ } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .back-box { text-align: left; } .mrw_ext_master.template-a.forgetpassword .mrw_ext_footer { padding-top: 24px; } .mrw_ext_master.template-a.signuppage .top-box, .mrw_ext_master.template-a.loginpage .top-box, .mrw_ext_master.template-a.forgetpassword .top-box, .mrw_ext_master.template-a.giftlist .top-box, .mrw_ext_master.template-a.purchaseprocesscart .top-box, .mrw_ext_master.template-a.searchresults .top-box, .mrw_ext_master.template-a.signupconnect .top-box, .mrw_ext_master.template-a.signuptemporarypassword .top-box { margin: 0px; min-height: 90px; } .mrw_ext_master.template-a.signuppage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.loginpage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.forgetpassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.giftlist .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.purchaseprocesscart .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.searchresults .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.signupconnect .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.signuptemporarypassword .top-box > a .top-logo.img-logo { margin: 0 10px; } .mrw_ext_master.template-a.default .top-box { margin: auto; max-width: 1010px; min-height: 90px; } /* === Template B (Vertical - Default 2021) =============================================================================================================== */ .mrw_ext_master.template-b .mrw_ext_page.home .fields-block { margin: 10px 0; } .mrw_ext_master.template-b .mrw_ext_page.home .fields-block.error { margin: -10px 0; padding-left: 16px; text-align: left; } .mrw_ext_master.template-b .mrw_ext_page.home .fields-block .mrw_ext_inputtext { min-width: 0; width: 100%; margin: 2px 0 0; } .mrw_ext_master.template-b .mrw_ext_page.home .mrlogo-box { top: 0; left: 360px; right: 0; bottom: 0; width: auto; height: auto; display: flex; justify-content: center; align-items: center; } .mrw_ext_master.template-b .mrw_ext_page.home .mrlogo-box .mrlogo-img { display: block; width: 100%; max-width: 388px; left: initial; top: initial; transform: none; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box { height: 100%; width: 360px; background: rgba(255, 255, 255, 0.75); border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: relative; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box.hidden-title { display: flex; flex-direction: column; justify-content: center; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box.hidden-title .controls { margin-bottom: 25px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title { margin: 90px 10px 15px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title span.t1 { font-size: 5.357em; font-weight: 200; display: block; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title span.t2 { font-size: 2.429em; font-weight: 200; line-height: 15px; display: block; line-height: 56px; padding-bottom: 10px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 2.86em; font-weight: 400; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title h1.short span { font-size: 3.8em; display: inline; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .subtitle { font-size: 1.714em; line-height: 1.33; font-weight: 400; margin: 20px 15px 32px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .sep { margin-top: 20px; margin-bottom: 20px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .mrw_ext_button { display: block; margin-bottom: 16px; font-size: 1.1429em; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls { margin-top: 40px; margin: 15px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .desc { display: block; margin-bottom: 10px; font-size: 1.429em; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext { min-width: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_button { display: block; margin-top: 15px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_linkback { display: inline-block; text-align: left; position: relative; float: left; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext.txtFindName { margin-bottom: 9px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .subtitle { font-size: 1.071em; font-weight: 600; margin: 18px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .fields-block label { display: block; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .social { margin-bottom: 15px; margin-top: 10px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .social .desc { padding-right: 10px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .social a { text-decoration: inherit; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .lblForgetPassword { float: right; margin-top: 12px; font-size: 0.929em; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .lblForgetPassword span { font-size: 0.857em; font-weight: 600; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .lblForgetPassword a { color: #3A3C41; text-decoration: none; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .group-block .controls { margin: 40px 0 0 0; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .group-block.fullsize { margin: 15px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .group-a { margin-bottom: 12px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .back-box { margin-top: 20px; float: left; margin-left: 18px; } .mrw_ext_master.template-b .mrw_ext_page.home .footer-box { font-size: 1em; text-align: center; } .mrw_ext_master.template-b .mrw_ext_page.home .footer-box > em { font-weight: 400; } .mrw_ext_master.template-b.forgetpassword .mrw_ext_footer { padding-top: 24px; } .mrw_ext_master.template-b.signuppage .top-box, .mrw_ext_master.template-b.loginpage .top-box, .mrw_ext_master.template-b.forgetpassword .top-box, .mrw_ext_master.template-b.giftlist .top-box, .mrw_ext_master.template-b.purchaseprocesscart .top-box, .mrw_ext_master.template-b.searchresults .top-box { margin: 0px; min-height: 90px; } .mrw_ext_master.template-b.signuppage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.loginpage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.forgetpassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.giftlist .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.purchaseprocesscart .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.searchresults .top-box > a .top-logo.img-logo { margin: 0 10px; } .mrw_ext_master.template-b.default .top-box { margin: auto; max-width: 1010px; } /* === Template C (Horizontal Wide) ======================================================================================================================== */ .mrw_ext_master.template-c.signuppage .top-box, .mrw_ext_master.template-c.loginpage .top-box, .mrw_ext_master.template-c.forgetpassword .top-box, .mrw_ext_master.template-c.giftlist .top-box, .mrw_ext_master.template-c.purchaseprocesscart .top-box { margin: 0px; } .mrw_ext_master.template-c.signuppage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-c.loginpage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-c.forgetpassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-c.giftlist .top-box > a .top-logo.img-logo, .mrw_ext_master.template-c.purchaseprocesscart .top-box > a .top-logo.img-logo { margin: 0 10px; } .mrw_ext_master.template-c.default .top-box { margin: 0px; height: 90px; box-sizing: border-box; padding: 15px; } .mrw_ext_master.template-c.default .top-box > a { display: block; position: relative; height: 100%; width: 100%; max-width: 300px; } .mrw_ext_master.template-c.default .top-box > a .top-logo.img-logo { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; background-size: contain; } .mrw_ext_master.template-c .mrw_ext_page.home { max-width: none; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box { background-size: cover; background-position: top center; margin-bottom: 190px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box { position: absolute; left: 0; right: 0; top: calc(100% - 90px); margin: auto; width: 97%; text-align: center; background: #ffffff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; max-width: 1010px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title { margin-bottom: 20px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title span { font-size: 5em; font-weight: 200; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title h1.long span { font-size: 4.25em; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .subtitle { margin: 10px auto; max-width: 820px; font-size: 2em; font-weight: 400; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .sep { border-color: #000000; border-top-width: 1px; width: 28%; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .mrw_ext_button { font-size: 1.286em; min-width: 206px; margin: 10px 15px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .mrw_ext_inputtext { font-size: 1.286em; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .desc { margin: 0 5px; vertical-align: middle; font-size: 1.286em; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_button.btnSearchRegistry { min-width: 88px; margin-left: 3px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_linkback { display: block; width: 100%; text-align: left; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtFindName, .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtLastName { display: inline-block; width: 50%; min-width: calc(50% - 110px); } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box { margin-top: 15px; /* .back-box { text-align: left; height: 24px; width: 24px; position: relative; right: -302px; top: -7px }*/ } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .subtitle { font-size: 1.271em; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .subtitle.fields-block { margin: 0; font-weight: 600; font-size: 1.071em; float: left; padding: 0px 16px 0 0; border-right: 1px solid #cbcbcb; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .subtitle.fields-block.login-email { margin-left: 15px; border-right: 0px solid #cbcbcb; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .subtitle.fields-block .social { margin-top: 12px; padding-left: 12px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .subtitle .social a { text-decoration: none; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .controls { display: inline-block; margin-left: 1px; position: relative; /*bottom: 5px;*/ } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .mrw_ext_button { margin-left: 6px; min-width: 110px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .group-block.fullsize { display: inline-block; max-width: calc(100% - 110px); } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .group-block .group-a, .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .group-block .group-b { width: calc(50% - 90px); display: inline-block; text-align: right; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .lblForgetPassword { float: right; font-size: 0.929em; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .lblForgetPassword a { text-decoration: none; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .mrw_ext_linkback { display: inline-block; text-align: left; width: 100%; } .mrw_ext_master.template-c .mrw_ext_page.home .footer-box { text-align: center; max-width: 800px; margin: 0 auto; padding-bottom: 0; } .mrw_ext_master.template-c.hide_header > .content-box.embed { height: 100%; } .mrw_ext_master.template-c > .content-box.embed { padding-bottom: 0px; } .mrw_ext_master.template-c .mrw_ext_footer { padding-top: 24px; } /* === Template D (Horizontal Full) ======================================================================================================================== */ .mrw_ext_master.template-d .mrw_ext_page.home { max-width: none; top: 0; transform: none; position: static; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box { background-size: cover; background-position: top center; position: absolute; top: 90px; left: 0; right: 0; bottom: 0; height: calc(100% - 90px); } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box { position: static; text-align: center; background: rgba(255, 255, 255, 0.75); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 30px; max-width: 950px; height: 100%; margin: auto; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .title { margin-bottom: 10px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .title span { font-size: 5em; font-weight: 200; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .title h1.long span { font-size: 4.24em; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .subtitle { margin: 30px auto; max-width: 740px; font-size: 2em; font-weight: 300; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .sep { display: none; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .mrw_ext_button { font-size: 1.286em; min-width: 220px; margin: 10px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .mrw_ext_inputtext { font-size: 1.286em; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .desc { margin: 0 5px; vertical-align: middle; font-size: 1.286em; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_button.btnSearchRegistry { min-width: 88px; margin-left: 3px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_linkback { display: block; text-align: left; top: 15px; position: relative; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtFindName, .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtLastName { display: inline-block; width: 20%; min-width: 120px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box { margin-top: 15px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .subtitle { font-size: 1.271em; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .subtitle.fields-block { margin: 0; font-weight: 600; font-size: 1.071em; float: left; padding: 0px 16px 0 0; border-right: 1px solid #cbcbcb; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .subtitle.fields-block.login-email { margin-left: 15px; border-right: 0px solid #cbcbcb; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .subtitle.fields-block .social { margin-top: 7px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .subtitle .social a { text-decoration: none; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .controls { display: inline-block; margin-left: 1px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .mrw_ext_button { margin-left: 6px; min-width: 110px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .group-block.fullsize { display: inline-block; max-width: calc(100% - 110px); } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .group-block .group-a, .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .group-block .group-b { width: calc(50% - 90px); display: inline-block; text-align: right; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .lblForgetPassword { float: right; font-size: 0.929em; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .lblForgetPassword a { text-decoration: none; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .mrw_ext_linkback { display: block; text-align: left; top: 15px; position: relative; } .mrw_ext_master.template-d .mrw_ext_page.home .footer-box { position: absolute; bottom: 40px; left: 0; right: 0; } .mrw_ext_master.template-d.signuppage .top-box, .mrw_ext_master.template-d.loginpage .top-box, .mrw_ext_master.template-d.forgetpassword .top-box, .mrw_ext_master.template-d.giftlist .top-box, .mrw_ext_master.template-d.purchaseprocesscart .top-box, .mrw_ext_master.template-d.searchresults .top-box { min-height: 90px; margin: 0 10px; } /* === Template F (Freemium - Default 2022) =============================================================================================================== */ @keyframes showOverlay { 0% { width: 100%; max-width: 35%; } 100% { width: 100%; max-width: 100%; } } @keyframes shortenOverlay { 0% { width: 100%; max-width: 100%; } 100% { width: 100%; max-width: 35%; } } .mrw_ext_master.template-f { margin: auto; } .mrw_ext_master.template-f.signuppage .top-box, .mrw_ext_master.template-f.loginpage .top-box, .mrw_ext_master.template-f.forgetpassword .top-box { margin: 0px; } .mrw_ext_master.template-f.signuppage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.loginpage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.forgetpassword .top-box > a .top-logo.img-logo { margin: 0 10px; } .mrw_ext_master.template-f.hide_header > .content-box { height: 100%; padding-bottom: 24px; } .mrw_ext_master.template-f.forgetpassword .mrw_ext_footer { padding-top: 24px; } .mrw_ext_master.template-f .mrw_ext_page { max-width: none; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background { background-image: none; border: 8px solid #f8f8f8; box-shadow: none; box-sizing: border-box; height: auto; display: flex; width: 100%; flex-wrap: wrap; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background:not(.empty) { border: none; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .mrlogo-box { max-width: 65%; order: 2; left: 35%; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .mrlogo-box:after { padding-top: 70%; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .action-box { position: absolute; } .mrw_ext_master.template-f .mrw_ext_page.home .image-box, .mrw_ext_master.template-f .mrw_ext_page.home .mrlogo-box { position: relative; flex: 1 1 100%; order: 1; max-width: 100%; width: auto; height: auto; display: block; background-size: cover; background-repeat: no-repeat; background-position: top center; } .mrw_ext_master.template-f .mrw_ext_page.home .image-box:before, .mrw_ext_master.template-f .mrw_ext_page.home .mrlogo-box:before { content: ''; display: table; clear: both; } .mrw_ext_master.template-f .mrw_ext_page.home .image-box:after, .mrw_ext_master.template-f .mrw_ext_page.home .mrlogo-box:after { content: ""; width: 1px; margin-left: -1px; float: left; height: 0; padding-top: 55%; position: relative; } .mrw_ext_master.template-f .mrw_ext_page.home .fields-block { margin: 10px 0; } .mrw_ext_master.template-f .mrw_ext_page.home .fields-block.error { margin: -10px 0; padding-left: 16px; text-align: left; } .mrw_ext_master.template-f .mrw_ext_page.home .fields-block .mrw_ext_inputtext { min-width: 0; width: 100%; margin: 2px 0 0; } .mrw_ext_master.template-f .mrw_ext_page.home .mrlogo-box .mrlogo-img { position: absolute; display: block; width: 100%; height: 100%; max-width: 70%; max-height: 70%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; transform: none; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box { height: auto; width: auto; flex: 1 1 100%; max-width: 35%; background: rgba(255, 255, 255, 0.75); /*border: 1px solid @ext_color_white;*/ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; order: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box.full-overlay { animation: showOverlay 1s ease forwards; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box.full-overlay > .toggle-login, .mrw_ext_master.template-f .mrw_ext_page.home .action-box.full-overlay > .theme-title1, .mrw_ext_master.template-f .mrw_ext_page.home .action-box.full-overlay > .sep { opacity: 0; pointer-events: none; z-index: 0; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box.shorten-overlay { animation: shortenOverlay 1s ease forwards; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box > .toggle-login, .mrw_ext_master.template-f .mrw_ext_page.home .action-box > .theme-title1, .mrw_ext_master.template-f .mrw_ext_page.home .action-box > .sep { opacity: 1; transition: opacity ease 500ms; z-index: 1; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title { margin: 90px 10px 15px 24px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title span.t1 { font-size: 5.357em; font-weight: 200; display: block; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title span.t2 { font-size: 2.429em; font-weight: 200; line-height: 15px; display: block; line-height: 56px; padding-bottom: 10px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 2.86em; font-weight: 400; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title h1.short span { font-size: 3.8em; display: inline; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .subtitle { font-size: 1.714em; line-height: 1.33; font-weight: 400; margin: 20px 15px 32px 24px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .sep { margin-top: 20px; margin-bottom: 20px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .mrw_ext_button { display: block; margin-bottom: 16px; font-size: 1.1429em; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls { margin-top: 40px; margin: 15px 0; padding: 0 15px; box-sizing: border-box; max-width: 375px; width: 100%; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls.step-find .desc { display: block; margin-bottom: 10px; font-size: 1.429em; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext { min-width: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_button { display: block; margin-top: 15px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_linkback { display: inline-block; text-align: left; position: relative; float: left; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext.txtFindName { margin-bottom: 9px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .subtitle { font-size: 1.071em; font-weight: 600; margin: 18px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .fields-block label { display: block; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .social { margin-bottom: 15px; margin-top: 10px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .social .desc { padding-right: 10px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .social a { text-decoration: inherit; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .lblForgetPassword { float: right; margin-top: 12px; font-size: 0.929em; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .lblForgetPassword span { font-size: 0.857em; font-weight: 600; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .lblForgetPassword a { color: #3A3C41; text-decoration: none; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .group-block .controls { margin: 40px 0 0 0; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .group-block.fullsize { margin: 15px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .group-a { margin-bottom: 12px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .back-box { margin-top: 20px; float: left; margin-left: 18px; } .mrw_ext_master.template-f .mrw_ext_page.home .footer-box { font-size: 1em; text-align: center; padding-bottom: 0; } .mrw_ext_master.template-f .mrw_ext_page.home .footer-box > em { font-weight: 400; } .mrw_ext_master.template-f .mrw_ext_footer { height: auto; margin: 0; position: relative; } .mrw_ext_master.template-f .mrw_ext_footer .powerby { padding-bottom: 24px; } /* === Template Button A (Classic) ========================================================================================================================= */ /* === Template Button B (Underline) ======================================================================================================================== */ .mrw_ext_master.template-button-b .mrw_ext_page.home .content-box .action-box .mrw_ext_button { border-width: 0 0 1px 0; text-align: left; padding: 7px 0; background-color: transparent; transition: text-shadow 250ms ease; } .mrw_ext_master.template-button-b .mrw_ext_page.home .content-box .action-box .mrw_ext_button:hover { text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.8); } /* --- Animations ----------------------------------------------------- */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hourglass { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: inset #fff 0 0 0 0, inset #b0b0b0 0 2em 0 0, inset #fff 0 4em 0 0, inset #b0b0b0 0 4em 0 0; } 80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: inset #fff 0 2em 0 0, inset #b0b0b0 0 2em 0 0, inset #fff 0 2em 0 0, inset #b0b0b0 0 4em 0 0; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); box-shadow: inset #fff 0 2em 0 0, inset #b0b0b0 0 2em 0 0, inset #fff 0 2em 0 0, inset #b0b0b0 0 4em 0 0; } } @keyframes hourglass { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: inset #fff 0 0 0 0, inset #b0b0b0 0 2em 0 0, inset #fff 0 4em 0 0, inset #b0b0b0 0 4em 0 0; } 80% { -webkit-transform: rotate(0deg); transform: rotate(0deg); box-shadow: inset #fff 0 2em 0 0, inset #b0b0b0 0 2em 0 0, inset #fff 0 2em 0 0, inset #b0b0b0 0 4em 0 0; } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); box-shadow: inset #fff 0 2em 0 0, inset #b0b0b0 0 2em 0 0, inset #fff 0 2em 0 0, inset #b0b0b0 0 4em 0 0; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /* New 2021 Input Fields -------------------------------------------------------------------- */ .pst_inputtext3-holder { width: 100%; position: relative; margin-top: 5px; } .pst_inputtext3-holder .pst_inputtext3 { background: white; outline: none; resize: none; display: block; width: 100%; line-height: 24px; border: 1px solid #949494; background-color: white; text-align: left; padding: 14px 16px; z-index: 1; margin: 2px; height: 50px; font-size: 16px; font-weight: 400; color: #141414; box-sizing: border-box; transition: border 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; -webkit-appearance: none; font-family: "proxima-nova", Arial, Helvetica, sans-serif; } .pst_inputtext3-holder .pst_inputtext3:focus-visible { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid highlight; } .pst_inputtext3-holder .pst_inputtext3.eye_icon_password { background-position: calc(100% - 14px) calc(50% - 1px); background-repeat: no-repeat; padding-right: 30px; background-size: 20px 20px; } .pst_inputtext3-holder .pst_inputtext3.eye_icon_password[type="text"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiA2LjAwMDAxQzE1Ljc5IDYuMDAwMDEgMTkuMTcgOC4xMzAwMSAyMC44MiAxMS41QzIwLjIzIDEyLjcyIDE5LjQgMTMuNzcgMTguNDEgMTQuNjJMMTkuODIgMTYuMDNDMjEuMjEgMTQuOCAyMi4zMSAxMy4yNiAyMyAxMS41QzIxLjI3IDcuMTEwMDEgMTcgNC4wMDAwMSAxMiA0LjAwMDAxQzEwLjczIDQuMDAwMDEgOS41MSA0LjIwMDAxIDguMzYgNC41NzAwMUwxMC4wMSA2LjIyMDAxQzEwLjY2IDYuMDkwMDEgMTEuMzIgNi4wMDAwMSAxMiA2LjAwMDAxWk0xMC45MyA3LjE0MDAxTDEzIDkuMjEwMDFDMTMuNTcgOS40NjAwMSAxNC4wMyA5LjkyMDAxIDE0LjI4IDEwLjQ5TDE2LjM1IDEyLjU2QzE2LjQzIDEyLjIyIDE2LjQ5IDExLjg2IDE2LjQ5IDExLjQ5QzE2LjUgOS4wMTAwMSAxNC40OCA3LjAwMDAxIDEyIDcuMDAwMDFDMTEuNjMgNy4wMDAwMSAxMS4yOCA3LjA1MDAxIDEwLjkzIDcuMTQwMDFaTTIuMDEgMy44NzAwMUw0LjY5IDYuNTUwMDFDMy4wNiA3LjgzMDAxIDEuNzcgOS41MzAwMSAxIDExLjVDMi43MyAxNS44OSA3IDE5IDEyIDE5QzEzLjUyIDE5IDE0Ljk4IDE4LjcxIDE2LjMyIDE4LjE4TDE5Ljc0IDIxLjZMMjEuMTUgMjAuMTlMMy40MiAyLjQ1MDAxTDIuMDEgMy44NzAwMVpNOS41MSAxMS4zN0wxMi4xMiAxMy45OEMxMi4wOCAxMy45OSAxMi4wNCAxNCAxMiAxNEMxMC42MiAxNCA5LjUgMTIuODggOS41IDExLjVDOS41IDExLjQ1IDkuNTEgMTEuNDIgOS41MSAxMS4zN1pNNi4xMSA3Ljk3MDAxTDcuODYgOS43MjAwMUM3LjYzIDEwLjI3IDcuNSAxMC44NyA3LjUgMTEuNUM3LjUgMTMuOTggOS41MiAxNiAxMiAxNkMxMi42MyAxNiAxMy4yMyAxNS44NyAxMy43NyAxNS42NEwxNC43NSAxNi42MkMxMy44NyAxNi44NiAxMi45NSAxNyAxMiAxN0M4LjIxIDE3IDQuODMgMTQuODcgMy4xOCAxMS41QzMuODggMTAuMDcgNC45IDguODkwMDEgNi4xMSA3Ljk3MDAxWiIgZmlsbD0iIzQxNDE0MSIvPg0KPC9zdmc+DQo=); } .pst_inputtext3-holder .pst_inputtext3.eye_icon_password.pwdText_show { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiA2LjAwMDAxQzE1Ljc5IDYuMDAwMDEgMTkuMTcgOC4xMzAwMSAyMC44MiAxMS41QzIwLjIzIDEyLjcyIDE5LjQgMTMuNzcgMTguNDEgMTQuNjJMMTkuODIgMTYuMDNDMjEuMjEgMTQuOCAyMi4zMSAxMy4yNiAyMyAxMS41QzIxLjI3IDcuMTEwMDEgMTcgNC4wMDAwMSAxMiA0LjAwMDAxQzEwLjczIDQuMDAwMDEgOS41MSA0LjIwMDAxIDguMzYgNC41NzAwMUwxMC4wMSA2LjIyMDAxQzEwLjY2IDYuMDkwMDEgMTEuMzIgNi4wMDAwMSAxMiA2LjAwMDAxWk0xMC45MyA3LjE0MDAxTDEzIDkuMjEwMDFDMTMuNTcgOS40NjAwMSAxNC4wMyA5LjkyMDAxIDE0LjI4IDEwLjQ5TDE2LjM1IDEyLjU2QzE2LjQzIDEyLjIyIDE2LjQ5IDExLjg2IDE2LjQ5IDExLjQ5QzE2LjUgOS4wMTAwMSAxNC40OCA3LjAwMDAxIDEyIDcuMDAwMDFDMTEuNjMgNy4wMDAwMSAxMS4yOCA3LjA1MDAxIDEwLjkzIDcuMTQwMDFaTTIuMDEgMy44NzAwMUw0LjY5IDYuNTUwMDFDMy4wNiA3LjgzMDAxIDEuNzcgOS41MzAwMSAxIDExLjVDMi43MyAxNS44OSA3IDE5IDEyIDE5QzEzLjUyIDE5IDE0Ljk4IDE4LjcxIDE2LjMyIDE4LjE4TDE5Ljc0IDIxLjZMMjEuMTUgMjAuMTlMMy40MiAyLjQ1MDAxTDIuMDEgMy44NzAwMVpNOS41MSAxMS4zN0wxMi4xMiAxMy45OEMxMi4wOCAxMy45OSAxMi4wNCAxNCAxMiAxNEMxMC42MiAxNCA5LjUgMTIuODggOS41IDExLjVDOS41IDExLjQ1IDkuNTEgMTEuNDIgOS41MSAxMS4zN1pNNi4xMSA3Ljk3MDAxTDcuODYgOS43MjAwMUM3LjYzIDEwLjI3IDcuNSAxMC44NyA3LjUgMTEuNUM3LjUgMTMuOTggOS41MiAxNiAxMiAxNkMxMi42MyAxNiAxMy4yMyAxNS44NyAxMy43NyAxNS42NEwxNC43NSAxNi42MkMxMy44NyAxNi44NiAxMi45NSAxNyAxMiAxN0M4LjIxIDE3IDQuODMgMTQuODcgMy4xOCAxMS41QzMuODggMTAuMDcgNC45IDguODkwMDEgNi4xMSA3Ljk3MDAxWiIgZmlsbD0iIzQxNDE0MSIvPg0KPC9zdmc+DQo=); } .pst_inputtext3-holder .pst_inputtext3.eye_icon_password[type="password"] { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiA2QzE1Ljc5IDYgMTkuMTcgOC4xMyAyMC44MiAxMS41QzE5LjE3IDE0Ljg3IDE1Ljc5IDE3IDEyIDE3QzguMjEgMTcgNC44MyAxNC44NyAzLjE4IDExLjVDNC44MyA4LjEzIDguMjEgNiAxMiA2Wk0xMiA0QzcgNCAyLjczIDcuMTEgMSAxMS41QzIuNzMgMTUuODkgNyAxOSAxMiAxOUMxNyAxOSAyMS4yNyAxNS44OSAyMyAxMS41QzIxLjI3IDcuMTEgMTcgNCAxMiA0Wk0xMiA5QzEzLjM4IDkgMTQuNSAxMC4xMiAxNC41IDExLjVDMTQuNSAxMi44OCAxMy4zOCAxNCAxMiAxNEMxMC42MiAxNCA5LjUgMTIuODggOS41IDExLjVDOS41IDEwLjEyIDEwLjYyIDkgMTIgOVpNMTIgN0M5LjUyIDcgNy41IDkuMDIgNy41IDExLjVDNy41IDEzLjk4IDkuNTIgMTYgMTIgMTZDMTQuNDggMTYgMTYuNSAxMy45OCAxNi41IDExLjVDMTYuNSA5LjAyIDE0LjQ4IDcgMTIgN1oiIGZpbGw9IiM0MTQxNDEiLz4NCjwvc3ZnPg0K); } .pst_inputtext3-holder .pst_inputtext3.eye_icon_password + .eyeToggle_password { display: block; height: 24px; width: 24px; position: absolute; top: 3px; right: 0; } .pst_inputtext3-holder .pst_inputtext3.firstName, .pst_inputtext3-holder .pst_inputtext3.lastName { text-transform: capitalize; } .pst_inputtext3-holder .pst_inputtext3.userPassword + .pst_inputtext3-label { top: 12px; } .pst_inputtext3-holder .pst_inputtext3.textArea { height: auto; min-height: 150px; /*background-color: #f3f3f3;*/ transition: background-color 300ms ease; } .pst_inputtext3-holder .pst_inputtext3.textArea:focus { background-color: #fff; } .pst_inputtext3-holder .pst_inputtext3.textArea + .pst_inputtext3-label { bottom: 115px; } .pst_inputtext3-holder .pst_inputtext3.search { background-repeat: no-repeat; background-size: 24px 24px; background-position: 12px 50%; background-image: url("../Images/Icons/icon_search.svg"); padding-right: 40px; padding-left: 40px; border-radius: 24px; } .pst_inputtext3-holder .pst_inputtext3.search ~ .btnClearField { display: block; height: 24px; width: 24px; position: absolute; top: 14px; right: 16px; background-image: url("../Images/Icons/icon_cancel.svg"); background-repeat: no-repeat; background-size: contain; background-position: center center; opacity: 0.8; } .pst_inputtext3-holder .pst_inputtext3.search ~ .btnClearField:focus-visible { outline: #414141 auto 2px; opacity: 1; } .pst_inputtext3-holder .pst_inputtext3.search ~ .btnClearField:hover { opacity: 1; } .pst_inputtext3-holder .pst_inputtext3.search:placeholder-shown { /* input does not have a value */ background-image: url("../Images/Icons/icon_search.svg"), none; } .pst_inputtext3-holder .pst_inputtext3.search:placeholder-shown ~ .btnClearField { display: none; } .pst_inputtext3-holder .pst_inputtext3 + .pst_inputtext3-label { background-color: transparent; position: absolute; top: 12px; left: 16px; box-sizing: border-box; -webkit-box-sizing: border-box; /*color: #949494;*/ color: #5f6368; font-size: 16px; font-weight: 400; width: auto; max-width: calc(100% - 6px); white-space: nowrap; z-index: 1; text-overflow: ellipsis; overflow: hidden; padding: 0 3px; transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms ease-in-out; -webkit-transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms ease-in-out; pointer-events: none; } .pst_inputtext3-holder .pst_inputtext3 ~ .pst_inputtext3-error { font-size: 14px; line-height: 17px; font-weight: 400; display: none; color: #D64000; } .pst_inputtext3-holder .pst_inputtext3:focus { border: 1px solid; } .pst_inputtext3-holder .pst_inputtext3:focus ~ .pst_inputtext3-label { transform: scale(0.75) translateY(-31px); -webkit-transform: scale(0.75) translateY(-31px); transform-origin: center left; -webkit-transform-origin: center left; left: 7px; color: #3A3C41; background-color: #fff; font-weight: 400; } .pst_inputtext3-holder .pst_inputtext3:not(:placeholder-shown) { /* input has a value */ } .pst_inputtext3-holder .pst_inputtext3:not(:placeholder-shown):focus { border-color: #414141; } .pst_inputtext3-holder .pst_inputtext3:not(:placeholder-shown) ~ .pst_inputtext3-label { transform: scale(0.75) translateY(-31px); -webkit-transform: scale(0.75) translateY(-31px); transform-origin: center left; -webkit-transform-origin: center left; left: 7px; color: #3A3C41; background-color: #fff; font-weight: 400; } .pst_inputtext3-holder .pst_inputtext3.focus_default ~ .pst_inputtext3-label { transform: scale(0.75) translateY(-31px); -webkit-transform: scale(0.75) translateY(-31px); transform-origin: center left; -webkit-transform-origin: center left; left: 12px; color: #3A3C41; background-color: #fff; font-weight: 400; } .pst_inputtext3-holder .pst_inputtext3.error { border: 2px solid #D64000 !important; } .pst_inputtext3-holder .pst_inputtext3.error:focus, .pst_inputtext3-holder .pst_inputtext3.error:focus-visible { border: 2px solid #D64000; outline: none; } .pst_inputtext3-holder .pst_inputtext3.error + .pst_inputtext3-label { color: #D64000 !important; } .pst_inputtext3-holder .pst_inputtext3.error ~ .pst_inputtext3-error { display: block; } .pst_inputtext3-holder.white .pst_inputtext3 { border: 1px solid #fff; color: #fff; } .pst_inputtext3-holder.white .pst_inputtext3 + .pst_inputtext3-label { color: #fff; } .pst_inputtext3-holder.white .pst_inputtext3:focus { border: 1px solid #fff; } .pst_inputtext3-holder.white .pst_inputtext3:focus ~ .pst_inputtext3-label { color: #fff; background-color: #141414; } .pst_inputtext3-holder.white .pst_inputtext3:not(:placeholder-shown) { /* input has a value */ border: 1px solid #fff; } .pst_inputtext3-holder.white .pst_inputtext3:not(:placeholder-shown) ~ .pst_inputtext3-label { color: #fff; background-color: #141414; } .pst_inputtext3-holder .btnEyeToggle { position: absolute; height: 24px; width: 24px; content: ""; cursor: pointer; top: 12px; right: 13px; bottom: auto; } .pst_inputtext3-holder .btnEyeToggle.visitorPwdIcon { right: 8px; } .pst_inputtext3-holder .form-icon { display: block; height: 24px; width: 24px; position: absolute; right: 25px; text-align: center; top: 16px; cursor: pointer; } .pst_inputselect3-holder { width: 100%; position: relative; margin-top: 5px; /* SB Dropdown -------------------*/ } .pst_inputselect3-holder select.pst_inputselect3 { text-decoration: none; background: white; font-size: 16px; font-weight: 400; height: 50px; border-radius: 2px; padding: 11px 30px 11px 16px; text-align: left; cursor: pointer; width: 100%; position: relative; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBmaWxsPSIjNDE0MTQxIiBpZD0ic3ZnXzEiIGQ9Im0yNi44Mjg2MDIsMjMuNDcxNjE1bDkuMTcwMDAyLDkuMTY5OTk4bDkuMTY5OTk4LC05LjE2OTk5OGwyLjgzMDAwMiwyLjgyOTk5OGwtMTIsMTJsLTEyLjAwMDAwMiwtMTJsMi44MywtMi44Mjk5OTh6Ii8+PC9zdmc+); background-size: 30px 30px; background-position: calc(100% - 15px) 33%; background-repeat: no-repeat; background-color: white; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle; text-transform: none; font-family: "proxima-nova", Arial, Helvetica, sans-serif; transition: border 300ms cubic-bezier(0.4, 0, 0.2, 1); } .pst_inputselect3-holder select.pst_inputselect3:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBmaWxsPSIjMDAwMDAwIiBpZD0ic3ZnXzEiIGQ9Im0yNi44Mjg2MDIsMjMuNDcxNjE1bDkuMTcwMDAyLDkuMTY5OTk4bDkuMTY5OTk4LC05LjE2OTk5OGwyLjgzMDAwMiwyLjgyOTk5OGwtMTIsMTJsLTEyLjAwMDAwMiwtMTJsMi44MywtMi44Mjk5OTh6Ii8+PC9zdmc+); } .pst_inputselect3-holder select.pst_inputselect3 option { padding: 0; font-weight: 600; } .pst_inputselect3-holder select.pst_inputselect3:focus-visible { outline: 2px solid -webkit-focus-ring-color; outline: 2px solid highlight; } .pst_inputselect3-holder select.pst_inputselect3.hide_dropdown { pointer-events: none; background-image: unset; } .pst_inputselect3-holder select.pst_inputselect3.hidefirst > option:first-child { display: none; } .pst_inputselect3-holder select.pst_inputselect3.disabled { opacity: 0.5; pointer-events: none; } .pst_inputselect3-holder select.pst_inputselect3::-ms-expand { display: none; } .pst_inputselect3-holder select.pst_inputselect3.error { border: 2px solid #D46000 !important; } .pst_inputselect3-holder select.pst_inputselect3.error:focus, .pst_inputselect3-holder select.pst_inputselect3.error:focus-visible { border: 2px solid #D46000; outline: none; } .pst_inputselect3-holder select.pst_inputselect3.error + .pst_inputselect3-label { color: #D46000 !important; } .pst_inputselect3-holder select.pst_inputselect3.error ~ .pst_inputselect3-error { display: block; } .pst_inputselect3-holder .pst_inputselect3-label { background-color: transparent; position: absolute; top: 16px; left: 13px; box-sizing: border-box; -webkit-box-sizing: border-box; color: #141414; font-size: 16px; font-weight: 600; width: auto; max-width: calc(100% - 6px); white-space: nowrap; z-index: 1; text-overflow: ellipsis; overflow: hidden; padding: 0 3px; transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms ease-in-out, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1); -webkit-transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1), opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), left 300ms ease-in-out, opacity 300ms cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none; opacity: 0; } .pst_inputselect3-holder .pst_inputselect3-label.opened { transform: scale(0.75) translateY(-34px); -webkit-transform: scale(0.75) translateY(-34px); transform-origin: center left; -webkit-transform-origin: center left; left: 7px; background-color: #fff; opacity: 1; } .pst_inputselect3-holder .pst_inputselect3-label-inline { position: relative; display: inline-block; font-size: 16px; line-height: 20px; font-weight: 600; color: #141414; margin-right: 10px; } .pst_inputselect3-holder .pst_inputselect3-label-inline ~ .pst_sbselect3 { display: inline-block; width: calc(100% - 133px); } .pst_inputselect3-holder .pst_inputselect3-error { font-size: 14px; line-height: 17px; font-weight: 400; display: none; color: #D64000; } .pst_inputselect3-holder.error select { color: #D64000 !important; border-color: #D64000 !important; } .pst_inputselect3-holder .pst_sbselect3 { border: 1px solid #949494; color: #141414; border-radius: 2px; font-size: 16px; font-weight: 600; height: 50px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBmaWxsPSIjNDE0MTQxIiBpZD0ic3ZnXzEiIGQ9Im0yNi44Mjg2MDIsMjMuNDcxNjE1bDkuMTcwMDAyLDkuMTY5OTk4bDkuMTY5OTk4LC05LjE2OTk5OGwyLjgzMDAwMiwyLjgyOTk5OGwtMTIsMTJsLTEyLjAwMDAwMiwtMTJsMi44MywtMi44Mjk5OTh6Ii8+PC9zdmc+); background-size: 30px 30px; background-repeat: no-repeat; background-color: transparent; background-position: calc(100% - 16px) calc(50% - 4px); box-sizing: border-box; vertical-align: middle; display: inline-block; width: 100%; position: relative; } .pst_inputselect3-holder .pst_sbselect3:hover { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBmaWxsPSIjMDU4NDcxIiBpZD0ic3ZnXzEiIGQ9Im0yNi44Mjg2MDIsMjMuNDcxNjE1bDkuMTcwMDAyLDkuMTY5OTk4bDkuMTY5OTk4LC05LjE2OTk5OGwyLjgzMDAwMiwyLjgyOTk5OGwtMTIsMTJsLTEyLjAwMDAwMiwtMTJsMi44MywtMi44Mjk5OTh6Ii8+PC9zdmc+); border-color: #414141; } .pst_inputselect3-holder .pst_sbselect3 .sbSelector { display: block; position: relative; color: inherit; font-family: inherit; font-weight: 600; outline: none !important; overflow: hidden; padding: 6px 32px 6px 16px; height: auto; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 20px; box-sizing: border-box; top: 8px; } .pst_inputselect3-holder .pst_sbselect3 .sbSelector:link, .pst_inputselect3-holder .pst_sbselect3 .sbSelector:visited, .pst_inputselect3-holder .pst_sbselect3 .sbSelector:hover { outline: none !important; text-decoration: none; } .pst_inputselect3-holder .pst_sbselect3 .sbToggle, .pst_inputselect3-holder .pst_sbselect3 .sbToggleOpen { background: none; } .pst_inputselect3-holder .pst_sbselect3 .sbOptions { background-color: #fff; font-family: inherit; line-height: 20px; list-style: none outside none; margin: 0; outline: medium none; overflow-y: auto; overflow-x: hidden; padding: 0; position: absolute; top: 50px !important; width: 100%; z-index: 1; box-shadow: 0px 3px 6px #00000029; border-radius: 2px; } .pst_inputselect3-holder .pst_sbselect3 .sbOptions li { display: block; width: 100%; box-sizing: border-box; padding: 0; } .pst_inputselect3-holder .pst_sbselect3 .sbOptions li a { transition: none; color: #141414; font-weight: 600; display: block; outline: none; padding: 6px 16px; font-weight: inherit; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } .pst_inputselect3-holder .pst_sbselect3 .sbOptions li a:link, .pst_inputselect3-holder .pst_sbselect3 .sbOptions li a:visited, .pst_inputselect3-holder .pst_sbselect3 .sbOptions li a:hover, .pst_inputselect3-holder .pst_sbselect3 .sbOptions li a:focus, .pst_inputselect3-holder .pst_sbselect3 .sbOptions li a.sbFocus { color: #141414; } .pst_inputselect3-holder .pst_sbselect3 .sbOptions li .sbGroup { background-color: #dceced; color: #141414; display: block; font-weight: 600; margin: 0; padding: 6px 16px; } .pst_inputselect3-holder .pst_sbselect3 .sbOptions li .sbSub { padding-left: 16px; } .pst_inputselect3-holder .pst_sbselect3 .sbOptions li:hover { background-color: #dceced; } .pst_inputselect3-holder .pst_sbselect3.white { color: #fff; border: 1px solid #474747; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzEiIGQ9Im0yNi44Mjg2MDIsMjMuNDcxNjE1bDkuMTcwMDAyLDkuMTY5OTk4bDkuMTY5OTk4LC05LjE2OTk5OGwyLjgzMDAwMiwyLjgyOTk5OGwtMTIsMTJsLTEyLjAwMDAwMiwtMTJsMi44MywtMi44Mjk5OTh6Ii8+PC9zdmc+); } .pst_inputselect3-holder .pst_sbselect3.white:hover { border-color: #fff; } .pst_inputselect3-holder .pst_sbselect3.withSCroll .sbSelector .sbOptions { width: calc(100% + 16px); } .pst_inputselect3-holder .pst_sbselect3.hidefirst .sbOptions li:first-child { display: none; } .pst_inputselect3-holder .pst_sbselect3.disabled { opacity: 0.5; pointer-events: none; } .swd_checkbox-holder .mrw_ext_inputcheck ~ .pst_inputtext3-error { font-size: 14px; line-height: 17px; font-weight: 400; display: none; color: #D64000; } .swd_checkbox-holder .mrw_ext_inputcheck.error ~ .pst_inputtext3-error { display: block; } /* In Store Only panel */ #pnlPurchaseOffline .mrw_ext_button.btnMarkAsPurchased.disabled { opacity: 0.6; } #pnlPurchaseOffline .mrw_ext_button.btnMarkAsPurchased.fullwidth { width: 100%; } #pnlPurchaseOffline .mrw_dialogpanel { width: 720px; max-width: 100%; margin: auto; display: block; position: relative; font-family: inherit; font-size: 1rem; line-height: 1.25; text-align: center; box-shadow: 4px 4px 12px #0000005a; padding: 40px; background-color: #ffffff; box-sizing: border-box; border-radius: 8px; } #pnlPurchaseOffline .mrw_dialogpanel > .b-close { position: absolute; top: 12px; right: 12px; width: 16px; height: 16px; margin: 6px; display: inline-block; background-image: url(/ExternalApps/_Generic/Images/Icons/icon-x-fill-black.svg); background-size: 100%; background-repeat: no-repeat; } #pnlPurchaseOffline .mrw_dialogpanel .header { font-size: 2rem; margin-bottom: 21px; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData { display: flex; gap: 24px; justify-content: center; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData .pnlInstoreOnlyDataLeft { display: flex; flex-direction: column; gap: 8px; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData .pnlInstoreOnlyDataLeft .gift-image { width: 220px; height: 220px; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData .pnlInstoreOnlyDataLeft .gift-image img { max-width: 100%; max-height: 220px; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData .pnlInstoreOnlyDataRight { display: flex; flex-direction: column; gap: 16px; text-align: left; } #pnlPurchaseOffline .gift_heading_text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #161c20; text-overflow: ellipsis; font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; margin-bottom: 8px; } #pnlPurchaseOffline .gift_desc_text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #575f65; text-overflow: ellipsis; font-family: inherit; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: 0.5px; margin-bottom: 16px; } #pnlPurchaseOffline .gift_inforWrap { display: flex; padding: 1px 0px; flex-direction: column; gap: 8px; text-align: left; } #pnlPurchaseOffline .gift_instruction_text { overflow: hidden; color: #161c20; text-overflow: ellipsis; font-family: inherit; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; letter-spacing: 0.15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 8px; } #pnlPurchaseOffline .gift_info { color: #575F65; font-family: inherit; font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; letter-spacing: 0.5px; display: flex; gap: 16px; } #pnlPurchaseOffline .gift_price_info { color: #161c20; font-family: inherit; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: 0.5px; margin-top: 8px; } #pnlPurchaseOffline .gift_location_text { color: #161c20; font-family: inherit; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; text-decoration-line: underline; margin-bottom: 8px; } #pnlPurchaseOffline .gift_address_text { display: flex; flex-direction: column; gap: 8px; font-size: 16px; line-height: 24px; letter-spacing: 0.5px; font-weight: 500; margin-bottom: 8px; } #pnlPurchaseOffline .gift_address_text .addrTitle { font-weight: 700; } #pnlPurchaseOffline .gift_phone_text { color: #575F65; font-family: inherit; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } #pnlPurchaseOffline .gift_phone_text .linkText { color: #161c20; text-decoration: underline; } #pnlPurchaseOffline .gift_didyoubuy_title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #161c20; text-overflow: ellipsis; font-family: inherit; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; margin-bottom: 8px; } #pnlPurchaseOffline .gift_didyoubuy_text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #141414; text-overflow: ellipsis; font-family: inherit; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; letter-spacing: 0.25px; } #pnlPurchaseOffline .pnlbuttonControls { display: flex; width: 100%; align-items: center; gap: 8px; } #pnlPurchaseOffline .pnlFormWrap { width: 100%; display: block; } #pnlPurchaseOffline .pnlFormWrap .pst_inputtext3-holder { margin-top: 16px; } #pnlPurchaseOffline .pnlFormWrap .pst_inputtext3-holder.qtyField .pst_inputtext3 { width: 56px; min-width: unset; } #pnlPurchaseOffline .pnlThankyouDetail { display: flex; align-items: center; justify-content: center; flex-direction: column; } #pnlPurchaseOffline .pnlThankyouDetail .title_text { color: #161C20; text-align: center; font-size: 32px; font-style: normal; font-weight: 400; line-height: 40px; margin-bottom: 16px; } #pnlPurchaseOffline .pnlThankyouDetail .desc_text { color: #575F65; text-align: center; font-family: inherit; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; } #pnlPurchaseOffline .pnlThankyouDetail .thankyou_img { width: 80px; height: 80px; margin-bottom: 24px; } #pnlPurchaseOffline .pnlThankyouDetail .thankyou_img .thankyouIcon { display: inline-block; height: 80px; width: 80px; background-image: url(/ExternalApps/_Generic/Images/Icons/icon-tickmark-fill-black.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; } #pnlPurchaseOffline .btnMarkPurchasedTip { position: relative; cursor: default; height: 24px; width: 24px; display: none; } #pnlPurchaseOffline .mrHoverTip.pst_tooltip { position: relative; } #pnlPurchaseOffline .mrHoverTip.pst_tooltip:before, #pnlPurchaseOffline .mrHoverTip.pst_tooltip:after { left: auto; right: auto; bottom: auto; top: auto; margin: 0; padding: 0; width: auto; opacity: 0; visibility: hidden; -moz-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -o-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s 0.1s ease-in-out, visibility 0.2s 0.1s ease-in-out, transform 0.2s 0.1s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #pnlPurchaseOffline .mrHoverTip.pst_tooltip:before { border: solid; border-color: transparent transparent #141414 transparent; border-width: 0 8px 8px 8px; top: Calc(100% + 3px); content: ""; left: calc(50% - 8px); position: absolute; z-index: 99; } #pnlPurchaseOffline .mrHoverTip.pst_tooltip:after { border-radius: 8px; top: calc(100% + 10px); color: #141414; content: attr(data-tooltip); right: -2px; padding: 8px 16px; position: absolute; z-index: 98; width: 396px; text-transform: none; font-size: 14px; line-height: normal; letter-spacing: normal; border: 1px solid #141414; background-color: #fff; box-sizing: border-box; text-align: left; opacity: 1; } #pnlPurchaseOffline .mrHoverTip.pst_tooltip:hover:before, #pnlPurchaseOffline .mrHoverTip.pst_tooltip:focus-visible:before, #pnlPurchaseOffline .mrHoverTip.pst_tooltip:hover:after, #pnlPurchaseOffline .mrHoverTip.pst_tooltip:focus-visible:after { -moz-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); -o-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s 0.7s ease-in-out, visibility 0.2s 0.7s ease-in-out, transform 0.2s 0.7s cubic-bezier(0.71, 1.7, 0.77, 1.24); visibility: visible; opacity: 1; } #giftlist-page .b-modal.mrw { background-color: #a1a1a1 !important; } /* Ends In Store Only panel */ #pnlTermsConditions, #pnlPrivacyPolicy { top: 50% !important; transform: translateY(-50%) !important; } #pnlTermsConditions .mrw_dialogpanel, #pnlPrivacyPolicy .mrw_dialogpanel { width: 720px; border-radius: 6px; background: #fff; box-shadow: 4px 4px 12px #0000005a; } #pnlTermsConditions .mrw_dialogpanel .btnDialogClose, #pnlPrivacyPolicy .mrw_dialogpanel .btnDialogClose { top: -7px; right: -4px; } #pnlTermsConditions .mrw_dialogpanel .swd_container .main_header, #pnlPrivacyPolicy .mrw_dialogpanel .swd_container .main_header { margin-bottom: 8px; } #pnlTermsConditions .mrw_dialogpanel .mrw_ext_dialogpanel, #pnlPrivacyPolicy .mrw_dialogpanel .mrw_ext_dialogpanel { width: 100%; } #pnlTermsConditions .mrw_dialogpanel .content, #pnlPrivacyPolicy .mrw_dialogpanel .content { padding: 24px; } #pnlTermsConditions .mrw_dialogpanel .content h1, #pnlPrivacyPolicy .mrw_dialogpanel .content h1 { padding: 0; margin: 0; } #pnlTermsConditions .mrw_dialogpanel .content .swd_title, #pnlPrivacyPolicy .mrw_dialogpanel .content .swd_title { font-size: 2.25rem; font-family: 'SourceSerifPro', Times, serif; font-weight: normal; text-align: center; } #pnlTermsConditions .mrw_dialogpanel .content .terms_content, #pnlPrivacyPolicy .mrw_dialogpanel .content .terms_content { height: 68vh; overflow: auto; position: relative; text-align: left; } #pnlTermsConditions .mrw_dialogpanel .content .terms_content .forms_header, #pnlPrivacyPolicy .mrw_dialogpanel .content .terms_content .forms_header { color: #505051; font-weight: normal; font-size: 16px; padding: 0; margin: 0; } html:has(#pnlTermsConditions, #pnlPrivacyPolicy) .b-modal.mrw { background: #0000004a !important; } /* --- MEDIA (Height) ----------------------------------------------------------------------------------- */ /* Template for Smaller Laptop */ @media screen and (max-width: 1600px) { /* -- Panel Print ----------------------------------------------------------------------------------- */ #popPrintPanel .content_gifts { height: 480px; } } @media screen and (max-width: 1080px) { .mrw_ext_master.template-a .mrw_ext_page.home .action-box .subtitle { font-size: 1.45em; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 40px; } .mrw_ext_page.searchResults .pnlSearchTop .title { font-size: 40px; } .mrw_ext_page.signup > .content-box .title { font-size: 40px; } .mrw_ext_page.signup > .content-box .subtitle { font-size: 1.45em; } .mrw_ext_page.onboard > .content-box .title { font-size: 40px; } .mrw_ext_page.onboard > .content-box .subtitle { font-size: 1.45em; } #LoginPage .title { font-size: 40px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title { margin: 90px 10px 15px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .subtitle { margin: 20px 15px 32px; } } /* Template for Ipad pro */ @media screen and (max-width: 1024px) { .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box { margin-top: 15px; position: relative; left: 15px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .subtitle { font-size: 1.45em; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 40px; } .mrw_ext_page.searchResults .pnlSearchTop .title { font-size: 40px; } .mrw_ext_page.signup .group-block > .group-a input, .mrw_ext_page.signup .group-block > .group-a select { width: 100%; height: 48px; } .mrw_ext_page.signup .group-block > .group-b input, .mrw_ext_page.signup .group-block > .group-b select { width: 100%; height: 48px; } .mrw_ext_page.signup .group-block > .group-c { width: 31%; padding-right: 19px; } .mrw_ext_page.signup > .content-box { max-width: 690px; width: 100%; } .mrw_ext_page.signup > .content-box .title { font-size: 40px; } .mrw_ext_page.signup > .content-box .subtitle { font-size: 1.45em; } .mrw_ext_page.signup .signup-box .fields-box .fields-block { font-size: 16px; font-weight: 600; } .mrw_ext_page.onboard > .content-box { max-width: 690px; width: 100%; } .mrw_ext_page.onboard > .content-box .title { font-size: 40px; } .mrw_ext_page.onboard > .content-box .subtitle { font-size: 1.45em; } /* --- Template F ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-f .mrw_ext_page.home .action-box .subtitle { font-size: 1.2857em; margin: 20px 15px 16px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .mrw_ext_button { font-size: 1em; } } @media screen and (max-width: 1020px) { .mrw_ext_page.signup .group-block > .group-c { width: 31%; padding-right: 20px; } } @media only screen and (max-width: 1000px) { #ForgetPassword .smr_container.smr_shadow { margin: 80px 20px; } #ForgetPassword .button-container #btnVerify { padding: 9px 0; } } @media only screen and (max-width: 961px) { /* --- Template B ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-b .mrw_ext_page.home .img-background { background-position: top center; background-size: 100%; } .mrw_ext_master.template-b .mrw_ext_page.home .mrlogo-box { display: block; position: relative; left: 0; width: 100%; z-index: 2; padding-top: 60px; } .mrw_ext_master.template-b .mrw_ext_page.home .mrlogo-box .mrlogo-img { max-width: 320px; max-height: 305px; margin: 0 auto; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box { height: auto; position: absolute; width: 100%; background: #fff !important; padding: 30px 10px; bottom: 0; border-top: 1px solid transparent; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box.hidden-title { bottom: 40px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title { margin-top: 15px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .sep { width: 35%; max-width: 156px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .subtitle { margin-left: auto; margin-right: auto; max-width: 600px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls { max-width: 600px; margin: 32px auto 0; width: 100%; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .step-login { max-width: 600px; margin: 0 auto; } .mrw_ext_master.template-b .mrw_ext_page.home > .content-box { height: 830px; } /*--- Purchase Process Cart ---*/ #PurchaseCartPage .processCart { flex-wrap: wrap; gap: 24px; } #PurchaseCartPage .processCart .leftContainer { max-width: 100%; } #PurchaseCartPage .processCart .leftContainer .cartContainer { padding-bottom: 0; } #PurchaseCartPage .processCart .rightContainer { flex: 1 1 100%; } } @media screen and (max-width: 800px) { #ForgetPassword .smr_container.smr_shadow { margin: 80px 20px; } #ForgetPassword .button-container #btnVerify { padding: 9px 0; } #ForgetPassword .password_digits { width: 48px; height: 48px; font-size: 32px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .subtitle { font-size: 18px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 32px; } /* === Template C (Horizontal Wide) ======================================================================================================================== */ div.mrw_ext_master.template-c.default .top-box { height: 60px; padding: 10px; margin: 0px; } div.mrw_ext_master.template-c.default .top-box > a { max-width: 150px; } div.mrw_ext_master.template-c.default .top-box > a .top-logo.img-logo { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto; background-size: contain; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box { height: 216px; margin-bottom: 170px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box { max-width: 605px; padding: 18px 10px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title { margin-bottom: 10px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title span, div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title h1.long span { font-size: 32px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .sep { width: 45%; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .subtitle { font-size: 1.28em; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .mrw_ext_button { /*padding: 12px;*/ font-size: 1em; min-width: 146px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtFindName { min-width: calc(100% - 265px); } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box { position: relative; left: 15px; margin-top: 15px; } div.mrw_ext_master.template-c .mrw_ext_page.home .footer-box { max-width: 565px; font-size: 0.857em; line-height: 1.33; padding: 10px; } .mrw_ext_page.searchResults .pnlSearchTop .title { font-size: 32px; } .mrw_ext_page.signup > .content-box .title { font-size: 32px; } .mrw_ext_page.signup > .content-box .subtitle { font-size: 18px; } .mrw_ext_page.onboard > .content-box .title { font-size: 32px; } .mrw_ext_page.onboard > .content-box .subtitle { font-size: 18px; } #LoginPage .title { font-size: 32px; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .mrlogo-box { max-width: 80%; left: 30%; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .sep { margin: 0 auto; } } /* Template for Ipad */ @media screen and (max-width: 768px) { .mrw_ext_master .content-box { top: 0px; left: 0px; width: 100%; } .mrw_ext_page.searchResults .pnlSearchTop .title { font-size: 32px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .subtitle { font-size: 18px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 32px; } .mrw_ext_page.signup .group-block > .group-a input, .mrw_ext_page.signup .group-block > .group-a select { height: 48px; } .mrw_ext_page.signup .group-block > .group-b input, .mrw_ext_page.signup .group-block > .group-b select { height: 48px; } .mrw_ext_page.signup .group-block > .group-c { width: 31.5%; padding-right: 14px; } .mrw_ext_page.signup > .content-box { max-width: 690px; width: 100%; } .mrw_ext_page.signup > .content-box .title { font-size: 24px; } .mrw_ext_page.signup > .content-box .subtitle { font-size: 18px; width: 93%; margin: 0 auto; } .mrw_ext_page.signup.signupcoregistration > .content-box .title { font-size: 32px; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block #txtRewardsNumber, .mrw_ext_page.signup.signupcoregistration #signup-connect-block #txtRewardsNumber { margin: 0; } .mrw_ext_page.signup.signupcoregistration #temporary-pw-block .controls, .mrw_ext_page.signup.signupcoregistration #signup-connect-block .controls { margin-top: 0; } .mrw_ext_page.onboard > .content-box { max-width: 690px; width: 100%; } .mrw_ext_page.onboard > .content-box .title { font-size: 24px; } .mrw_ext_page.onboard > .content-box .subtitle { font-size: 18px; margin-left: auto; margin-right: auto; width: 84%; } } @media screen and (max-width: 760px) { .mrw_ext_page.signup .group-block > .group-c { width: 31.5%; padding-right: 11px; } } @media only screen and (max-width: 736px) { #pnlPurchaseOffline .mrHoverTip.pst_tooltip:after { width: 296px; top: calc(100% + 18px); } #pnlPurchaseOffline .mrHoverTip.pst_tooltip:before { top: Calc(100% + 10px); } #pnlPurchaseOffline .mrw_dialogpanel { margin: 30px 15px; width: 360px; max-width: calc(100vw - 30px); padding: 32px; text-align: left; } #pnlPurchaseOffline .mrw_dialogpanel .header { font-size: 1.5rem; margin-bottom: 32px; } #pnlPurchaseOffline .mrw_dialogpanel > .b-close { top: 8px; right: 8px; } #pnlPurchaseOffline .mrw_dialogpanel.mobile-bottom { position: fixed; left: 15px; right: 15px; width: calc(100% - 30px); bottom: 0; height: auto; max-height: 60vh; overflow: auto; animation: mobileModalslideUp forwards ease-out 400ms both; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData { flex-direction: column; gap: 16px; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData .pnlInstoreOnlyDataLeft { flex-direction: row; gap: 8px; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData .pnlInstoreOnlyDataLeft .gift-image { width: 124px; height: 124px; min-width: 124px; } #pnlPurchaseOffline .mrw_dialogpanel .pnlInstoreOnlyData .pnlInstoreOnlyDataLeft .gift-image img { max-width: 100%; max-height: 124px; } #pnlPurchaseOffline .gift_inforWrap { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; flex: 1 0 0; } #pnlPurchaseOffline .gift_info { font-size: 13px; display: flex; gap: 8px; } #pnlPurchaseOffline .gift_instruction_text { margin-top: 0px; } #pnlPurchaseOffline .btnMarkAsPurchased:hover::before, #pnlPurchaseOffline .btnMarkAsPurchased:hover::after, #pnlPurchaseOffline .btnMarkAsPurchased:focus-visible::before, #pnlPurchaseOffline .btnMarkAsPurchased:focus-visible::after { display: none; } #pnlPurchaseOffline .btnMarkPurchasedTip { display: inline-block; } #ForgetPassword .forgpass_DontReceiveEmail { display: block; text-align: left; padding: 16px 20px; } #ForgetPassword .icon-info-fill-black { margin-bottom: -2px; } } @media screen and (max-width: 700px) { .mrw_ext_page.signup .group-block > .group-c { width: 30.5%; padding-right: 14px; } } /* Template for Mobile */ @media screen and (max-width: 450px) { /* Global Styles ---------------------------------------------------- */ html, body, form { min-width: 200px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 28px; } .mrw_ext_page.searchResults .pnlSearchTop .title { font-size: 28px; } .mrw_ext_master .content-box { height: 100%; } .pst_inputtext3-holder .phone ~ .pst_inputtext3-error { bottom: -35px; } .pst_inputtext3-holder .form-icon { right: 10px; } .mrw_ext_page.signup .group-block > .group-b.padded-top { position: relative; top: 35px; } .mrw_ext_page.signup > .content-box .title { font-size: 28px; } .mrw_ext_page.signup > .content-box .signup-box .title-box { margin: 0 15px 0 15px; } .mrw_ext_page.signup > .content-box .signup-box .title-box .reqfield { padding-left: 0%; } .mrw_ext_page.signup.signupcoregistration > .content-box .title { font-size: 28px; } .mrw_ext_page.signup.signupcoregistration > .content-box #temporary-pw-block .title { margin-top: 5px; margin-bottom: 0; } .mrw_ext_page.signup.signupcoregistration > .content-box #temporary-pw-block .group-block .pst_inputtext3-holder { margin-bottom: 16px; padding-top: 0; } .mrw_ext_page.signup.signupcoregistration > .content-box #temporary-pw-block .group-block .pst_inputtext3-holder.pw-field { margin-bottom: 2px; } .mrw_ext_page.signup.signupcoregistration > .content-box #temporary-pw-block .group-block .pst_inputtext3-holder.rewards-field { margin-top: 16px; margin-bottom: 16px; } .mrw_ext_page.onboard > .content-box .title { font-size: 28px; } .mrw_ext_page.onboard > .content-box .onboard-box .title-box { margin: 0 15px 0 15px; } .mrw_ext_page.onboard > .content-box .onboard-box .title-box .reqfield { padding-left: 0%; width: calc(100% - 16px); margin: 0 8px; } #LoginPage.mrw_ext_page { max-width: 300px; justify-content: flex-start; margin-top: 32px; } #LoginPage.mrw_ext_page .title { font-size: 28px; } #LoginPage.mrw_ext_page .fields-block .pst_inputtext3-holder #txtLoginUserEmail ~ .pst_inputtext3-error { width: calc(100% - 30px); } } @media screen and (max-width: 420px) { .pst_inputtext3-holder #txtPickupEmail ~ .pst_inputtext3-error, #txtPickupPhone ~ .pst_inputtext3-error { bottom: -21px; } #pnlPurchaseOffline .mrw_dialogpanel { padding: 24px; } } @media screen and (max-width: 395px) { .pst_inputtext3-holder #txtPickupEmail ~ .pst_inputtext3-error, #txtPickupPhone ~ .pst_inputtext3-error { bottom: -35px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .selfPickup .selfPickupDetails .pst_inputtext3-holder .pst_inputtext3.error { margin-bottom: 45px; } } @media only screen and (max-width: 900px) { #popSignupSuccess { width: calc(100% - 20px) !important; max-width: 400px !important; } #popSignupSuccess .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel { width: 100%; } #popSignupSuccess .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pnlMobileApp .box-mobile img { width: 90%; } #popSignupSuccess .pnlSignupSuccess.IsNotWidgetbutton.mrw_ext_dialogpanel #pnlMobileApp .box-action .GifImage { width: 130px; margin-top: 30px; } .mrw_ext_page.signup-extension .box-extension .extension-desc .desc-item .item-text { font-size: 1.4375em; } } @media only screen and (max-height: 830px) { .mrw_ext_master .template-a .mrw_ext_page.home, .mrw_ext_master .template-b .mrw_ext_page.home, .mrw_ext_master .template-c .mrw_ext_page.home, .mrw_ext_master .template-f .mrw_ext_page.home { position: relative; top: auto; transform: none; } #index-page .mrw_ext_master.template-c > .content-box, #index-page .mrw_ext_master.template-f > .content-box { height: 100%; } #index-page .mrw_ext_master > .content-box { height: calc(100vh - 50px); } #index-page .mrw_ext_footer { position: static; } #signuppage-page .mrw_ext_master > .content-box { height: 100%; } #signuppage-page .mrw_ext_page { position: relative; top: auto; transform: none; } } @media only screen and (max-height: 830px) and (max-width: 420px) { #index-page .mrw_ext_master > .content-box { height: auto; } } @media only screen and (max-height: 680px) { #purchaseassistant-page .mrw_ext_master > .content-box { height: 100%; } #purchaseassistant-page .mrw_ext_page { position: relative; top: auto; transform: none; } } /* --- MEDIA (Width) ----------------------------------------------------------------------------------- */ @media only screen and (min-width: 1301px) { /* === Template C (Horizontal Wide) ======================================================================================================================== */ .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .group-block.fullsize { padding-right: 55px; } } @media only screen and (max-width: 1300px) { /* === Template C (Horizontal Wide) ======================================================================================================================== */ .mrw_ext_master.template-c .mrw_ext_page.home .content-box { height: 360px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box { max-width: 920px; padding: 32px 25px; } } @media screen and (max-width: 1290px) { .mrw_ext_page.signup > .content-box { max-width: 920px; width: 100%; } .mrw_ext_page.signup .group-block > .group-c { width: 31.5%; display: inline-block; padding-right: 20.5px; } .mrw_ext_page.onboard > .content-box { max-width: 920px; width: 100%; } .mrw_ext_page.signup-extension .box-extension .extension-desc .desc-item .item-text { font-size: 1.4375em; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed { padding: 0 32px; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .signup-qrbox { padding-right: 32px; } } @media only screen and (max-width: 1024px) { /* === Template C (Horizontal Wide) ======================================================================================================================== */ .mrw_ext_master.template-c .mrw_ext_page.home .content-box { height: 288px; margin-bottom: 205px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box { max-width: 730px; padding: 25px 30px; top: calc(100% - 40px); } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title span, .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title h1.long span { font-size: 48px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .subtitle { margin: 20px auto 10px; font-size: 1.28em; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .mrw_ext_button { margin: 10px 8px 0; padding: 10.5px; font-size: 1.15em; min-width: 176px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find > span.desc { position: relative; top: 5px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find input.txtFindName { position: relative; top: 5px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .controls { bottom: 5px; } .mrw_ext_master.template-c .mrw_ext_page.home .footer-box { max-width: 650px; font-size: 1em; padding-top: 10px; } .mrw_ext_page.onboard > .content-box .reqfield { margin-left: auto; margin-right: auto; width: 93%; } .mrw_ext_page.onboard .fields-block, .mrw_ext_page.onboard .buttons-container { width: 93%; margin-left: auto; margin-right: auto; } .mrw_ext_page.signup-completed > .content-box .title { font-size: 2rem; line-height: 1.25; } .mrw_ext_page.signup-completed > .content-box .subtitle { font-size: 1rem; line-height: 1.25; } } @media only screen and (max-width: 840px) { .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed { padding: 0 32px; flex-direction: column; flex-wrap: wrap; gap: 32px; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .signup-qrbox { padding-right: 0; } } @media only screen and (max-width: 760px) { .mrw_ext_page.signup .signup-box .fields-box { width: 93%; } .mrw_ext_page.signup > .content-box .reqfield { width: 93%; margin: auto; } .mrw_ext_page.signup .group-block.fullsize { padding-bottom: 19px; } .mrw_ext_page.signup .signup-box .headsup-block .no-wrap { white-space: nowrap; } /* Panel Login Template A-------------------------------- */ .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle.fields-block { display: inline-block; width: 100%; margin-left: 0; margin-top: 10px; margin-bottom: 5px; padding: 0; border-right: 0px solid #cbcbcb; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .back-box { left: 190px; top: 45px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle.fields-block.login-email { margin-left: 0; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle.fields-block .social { display: inline-block; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box { position: relative; left: 20px; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .signup-completed-box { gap: 24px; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .signup-completed-box .title { font-size: 1.75rem; line-height: 1.25; padding: 16px; box-sizing: border-box; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .signup-completed-box .subtitle { font-family: Proxima Nova; font-size: 18px; font-weight: 400; line-height: 21.92px; text-align: center; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed { padding: 0 16px; flex-direction: column; flex-wrap: wrap; gap: 16px; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .box-mobile { max-width: 360px; margin: auto; position: relative; text-align: center; padding-top: 0px; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .box-mobile .mobile-image { position: relative; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .box-mobile .mobile-image.item-f { max-width: 360px; z-index: 1; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .signup-qrbox { padding-right: 0; display: none; } .mrw_ext_page.signup-completed.signup-qrbox-wrapper .box-completed .add-itemblock { padding: 32px; gap: 32px; font-size: 16px; line-height: 24px; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper.signup-qrbox-wrapper .signup-completed-box { gap: 16px; padding: 16px 0px; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper.signup-qrbox-wrapper .signup-completed-box .title { padding: 0px 16px; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper.signup-qrbox-wrapper .signup-completed-box .userdetails { font-size: 1.125rem; line-height: 1.75rem; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper.signup-qrbox-wrapper .signup-completed-box .btnNext { max-width: 100%; margin: 0 auto; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper.signup-qrbox-wrapper .signup-completed-box .btnNext img { width: 145px; max-width: 100%; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .bottomContent { margin: 8px auto 16px auto; max-width: calc(100vw - 32px); } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .bottomContent .titleText { color: #141414; text-align: center; font-family: "proxima-nova", Arial, Helvetica, sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 2rem; margin-bottom: 8px; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper > .content-box .imgContainer { width: 358px; margin: 32px auto 8px auto; } #pnlTermsConditions .mrw_dialogpanel, #pnlPrivacyPolicy .mrw_dialogpanel { margin: auto; width: 94vw!important; } #pnlTermsConditions .mrw_dialogpanel .content .swd_title, #pnlPrivacyPolicy .mrw_dialogpanel .content .swd_title { font-size: 1.5rem; } #pnlTermsConditions .mrw_dialogpanel .content .terms_content, #pnlPrivacyPolicy .mrw_dialogpanel .content .terms_content { height: 76vh; } } @media only screen and (min-width: 681px) and (max-width: 750px) { /* --- Template B ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-b .mrw_ext_page.home .img-background { background-position: top center; background-size: 100%; } /* --- Template F ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-f .mrw_ext_page.home .img-background { background-position: top center; background-size: 100%; } } @media only screen and (max-width: 680px) { /* --- Template A ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-a .mrw_ext_page.home .img-background { background-position: top center; background-size: 100%; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box { top: auto; left: 0; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; -webkit-transform: unset; transform: unset; width: 100%; background: #fff !important; bottom: 0; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .back-box { left: 45px; top: 45px; } .mrw_ext_master.template-a .mrw_ext_page.home > .content-box { height: 580px; } /* --- Template C ----------------------------------------------------------------------------------- */ div.mrw_ext_master.template-c .mrw_ext_page.home .content-box { height: 530px; background-size: 100%; margin-bottom: 0; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box { position: absolute; top: initial; transform: none; width: 100%; /*padding: 28px 30px 24px 5px;*/ left: 0; right: 0; bottom: 0; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title h1 { line-height: 1.5; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title span, div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .title h1.long span { font-size: 28px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .subtitle { font-size: 1.28em; margin-top: 15px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .mrw_ext_button { width: 100%; max-width: 315px; margin: 24px auto 0; box-sizing: border-box; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .mrw_ext_button:first-child { margin-top: 10px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .group-block .group-a, div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .group-block .group-b { width: 94%; margin-bottom: 10px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .lblForgetPassword { margin-top: 4px; margin-bottom: 0; float: none; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .back-box { top: -10px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .mrw_ext_button { margin-left: 0px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find { position: relative; right: 4px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .desc { margin-bottom: 25px; display: block; margin: 24px 5px 10px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtFindName { width: 100%; max-width: 180px; top: 0px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtLastName { width: calc(50% - 18px); max-width: 180px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_button.btnSearchRegistry { width: 50%; max-width: 120px; margin-top: 10px; margin-bottom: 10px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_linkback { top: 10px; } /* --- Template D ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-d .mrw_ext_page.home .content-box { position: static; top: 0; height: auto; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box { position: static; top: 0; left: 0; transform: none; width: auto; padding: 50px 10px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .group-block .group-a, .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .group-block .group-b { width: 94%; margin-bottom: 10px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .login-box .lblForgetPassword { margin-top: 11px; margin-bottom: 0; float: none; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .desc { margin-bottom: 25px; display: block; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtFindName { width: calc(50% - 30px); max-width: 180px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtLastName { width: calc(50% - 30px); max-width: 180px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_button.btnSearchRegistry { width: 50%; max-width: 180px; } .mrw_ext_master.template-d .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_linkback { top: 10px; } .mrw_ext_master.template-d .mrw_ext_page.home .footer-box { position: static; bottom: 0; } .mrw_ext_page.onboard .fields-block .box-name-event { flex-wrap: wrap; margin-bottom: 12px; gap: 0; } .mrw_ext_page.onboard .fields-block .box-name-event .pst_inputtext3-holder { margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 12px; } .mrw_ext_page.onboard .fields-block .box-name-event .pst_inputtext3-holder.cont-date { flex: 1 1 100%; max-width: 100%; margin-left: 0; } .mrw_ext_page.onboard .fields-block .box-name-event .pst_inputtext3-holder.cont-date input[type="date"] { padding: 2px 16px; } .mrw_ext_page.onboard .fields-block .cont-twocols { flex-wrap: wrap; margin-bottom: 0; } .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder { margin-bottom: 12px; } .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder:first-child, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder:first-child { margin-right: 0; } .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder:last-child, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder:last-child, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputtext3-holder.state, .mrw_ext_page.onboard .fields-block .cont-twocols .pst_inputselect3-holder.state { margin-left: 0; } .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black:after { right: -100px; } } @media only screen and (max-width: 640px) { .breadcrumbs { padding: 8px; } /* -- Page Search Result -------------------------*/ .mrw_ext_page.searchResults .pnlSearchTop { padding: 0 10px; } .mrw_ext_page.searchResults .pnlSearchItems .search-item { min-height: 68px; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-title { float: none; display: block; width: auto; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-title .title-name { padding-bottom: 3px; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-title .title-registry { padding-bottom: 3px; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-location, .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc .desc-eventdate { float: none; display: block; width: auto; padding-bottom: 3px; } .mrw_ext_page.signup-extension .box-extension .extension-desc { flex: 0 1 100%; } .mrw_ext_page.signup-extension .box-extension .extension-desc .desc-item .item-text { font-size: 1.375em; padding-left: 20px; } .mrw_ext_page.signup-extension .box-extension .extension-desc .desc-item .item-num { flex: 0 0 65px; font-size: 2.1875em; padding: 0px; } .mrw_ext_page.signup-extension .box-extension .extension-image { flex: 0 1 100%; } .mrw_ext_page.signup-extension .box-extension .extension-image img { width: 100%; } .mrw_ext_page.signup-extension .container-content { margin-top: 0px; } .mrw_ext_page.signup-completed { min-height: calc(100vh - 97px); align-items: flex-start; margin-top: 0px; } .mrw_ext_page.signup-completed .box-action { padding-left: 16px; padding-right: 16px; box-sizing: border-box; flex-direction: column; } .mrw_ext_page.signup-completed .box-action .mrw_ext_button { box-sizing: border-box; width: 100%; } .mrw_ext_page.signup-completed.no-widgetbutton-wrapper { align-items: center; } } @media only screen and (max-width: 620px) { .mrw_ext_master > .content-box { height: 100%; } .mrw_ext_page { position: relative; top: auto; transform: none; } .mrw_ext_page.home .appoinment-block { padding: 0 10px; } /*SignUp Page -----------------------------------------------------*/ .mrw_ext_page.signup .no-wrap { white-space: nowrap; } /*--- Search Panel (before Search Results)--------------------------*/ .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box { /* width: 95%;*/ } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .subtitle.fields-block { text-align: center; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .desc { margin-bottom: 25px; display: block; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext.txtFindName, .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext.txtLastName { width: 50%; max-width: 180px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_linkback { top: 10px; } #mr_spinner_loading .loader { top: 45%; left: 40%; } /*--- Purchase Process Cart ---*/ #PurchaseCartPage.mrw_ext_page { padding: 32px 10px; } #PurchaseCartPage .title { font-size: 24px; margin: 0 0 16px 0; } #PurchaseCartPage .subtitle { font-size: 14px; padding: 0 10px 20px; } #PurchaseCartPage .linkBack { padding-bottom: 12px; padding-left: 10px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items { position: relative; display: block; padding: 24px 6px 12px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items:after { display: table; content: ''; clear: both; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .item-gift-img { display: inline-block; float: left; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-description-container { max-width: 100%; display: inline-block; vertical-align: top; margin-left: 16px; float: left; width: calc(100% - 118px); } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-description-container .gift-description .gift-title { font-size: 14px; -webkit-line-clamp: 2; height: 36px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-description-container .gift-description .gift-price { display: none; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-description-container .gift-description .btnRemove { position: absolute; right: 0; top: 0px; padding: 0; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-description-container .gift-description .btnRemove a { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAIVBMVEUAAAA2PlA2PlA2PlA2PlA2PlA2PlA2PlA2PlA2PlA2PlAkhs0PAAAACnRSTlMAETPuzJlmd7uqVDu3rwAAAFBJREFUCNdjEGIAAQGGyQpAis2RQcQISGcFMDA6KzCwLQWygQJALgNQQA3IBQlYBYBp9lUKYDorBKQFqBioBawXpAWsFygA5ELMEAepYWwCAJdGDFJBIyAOAAAAAElFTkSuQmCC'); width: 24px; height: 24px; display: block; position: relative; background-repeat: no-repeat; background-position: center; background-size: 10px 10px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-description-container .gift-description .btnRemove a > span { display: none; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-values-container { margin-left: 16px; float: left; width: calc(100% - 118px); text-align: left; padding-top: 16px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-values-container .gift-price-container, #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-values-container .gift-priceEach-container { font-size: 14px; font-weight: 400; margin-bottom: 12px; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-values-container .gift-price-container .gift-price .gift-title, #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-values-container .gift-priceEach-container .gift-price .gift-title, #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-values-container .gift-price-container .gift-priceEach .gift-title, #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-values-container .gift-priceEach-container .gift-priceEach .gift-title { font-weight: 600; } #PurchaseCartPage .processCart .leftContainer .cartContainer .cart-items .gift-values-container .gift-qty-container .gift-qty .gift-title .addRemoveQty { height: 30px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .orderSummary { padding-bottom: 16px; } #PurchaseCartPage .processCart .rightContainer .orderSummaryContainer .registrantDesc { font-size: 16px; } #PurchaseCartPage .processCart .rightContainer .totalContainer .gift-total { font-size: 16px; } #PurchaseCartPage .processCart .rightContainer .paymentContainer { margin-top: 16px; } .mrw_ext_page.signup > .content-box { margin-top: 0; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty { font-size: 1.25rem; line-height: 1.4; padding: 0 8px; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty #seach-suggestion ul { padding-left: 24px; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty #seach-suggestion ul li { margin-bottom: 4px; } .mrw_ext_page.searchResults .pnlSearchItems .search-empty #seach-suggestion ul li > span { font-size: 1.25rem; line-height: 1.4; } } @media only screen and (max-width: 600px) { /* Page Signup ---------------------------------------------------- */ .mrw_ext_page.signup .group-block { flex-direction: column; padding-bottom: 0; } .mrw_ext_page.signup .group-block .pst_inputtext3-holder { padding-bottom: 19px; } .mrw_ext_page.signup .group-block .pst_inputtext3-holder.event-date { padding-top: 6px; } .mrw_ext_page.signup > .content-box .signup-box .title-box { margin: 0 15px; } .mrw_ext_page.signup[mode='signup'] .login-box { display: none; } .mrw_ext_page.signup > .content-box .reqfield { width: 100%; } .mrw_ext_page.signup[mode='login'] .signup-box { display: none; } .mrw_ext_page.signup .signup-box .fields-box { width: calc(100% - 30px); float: none; margin: 16px 15px 0; } .mrw_ext_page.signup .signup-box #txtEventDate { margin-top: 0; } .mrw_ext_page.signup .signup-box #txtSignupOrgName { margin-top: 0; } .mrw_ext_page.signup .signup-box label { text-align: left; } .mrw_ext_page.signup > .content-box .signup-box .fields-box .fields-block { clear: both; } .mrw_ext_page.signup .group-block, .mrw_ext_page.signup .group-block:has(.pst_inputtext3.error) { overflow: visible; } .mrw_ext_page.signup .group-block:last-of-type { padding-bottom: 23px; } .mrw_ext_page.signup .group-block > .group-b.padded-top { top: 0; } .mrw_ext_page.signup .group-block > .group-a, .mrw_ext_page.signup .group-block > .group-b, .mrw_ext_page.signup .group-block > .group-c { width: 100%; display: inline-block; margin-right: 0; margin-left: 0; } .mrw_ext_page.signup .group-block > .group-a .mrw_ext_inputtext, .mrw_ext_page.signup .group-block > .group-b .mrw_ext_inputtext { min-width: 0; width: 100% !important; box-sizing: border-box; margin: 2px 0 0; } .mrw_ext_page.signup .back-box { width: 100%; float: none; max-width: 358px; margin: 0 auto; min-width: 300px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .mrw_ext_page.signup .signup-box .fields-box .field-container { width: 100%; } .mrw_ext_page.signup .signup-box .fields-box .mrw_ext_inputselect { width: 100%; } .mrw_ext_page.signup .signup-box .fields-box .fullsize input { padding: 9px; } .mrw_ext_page.signup .signup-box .fields-box agree-block { margin-top: 12px; } .mrw_ext_page.signup .org-block .org-info-tip { clear: both; } .mrw_ext_page.signup #tool-tip-block { min-height: 155px; } .mrw_ext_page.signup #tool-tip-block .tutor-tooltip { max-width: 320px; } .mrw_ext_page.signup #tool-tip-block .tutor-tooltip .tutor-tooltip-content .tutor-tooltip-body { color: #141414; letter-spacing: 0.5px; } .mrw_ext_page.signup .signup-box #txtOrgEventDate::-webkit-calendar-picker-indicator { background-position: 97% 60%; } .pst_inputtext3-holder .pst_inputtext3:focus ~ .pst_inputtext3-label { transform: scale(0.75) translateY(-29px); -webkit-transform: scale(0.75) translateY(-29px); } .mrw_ext_page.onboard > .content-box .reqfield { width: calc(100% - 46px); } /* --- Template A ----------------------------------------------------------------------------------- */ /*--- Search Panel - Template A (before Search Results)-----------------------------------------------*/ .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_button { margin-top: 2px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_linkback { top: -12px; } /* --- Template B ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-b .mrw_ext_page.home .action-box { /*--- Search Panel - Template B (before Search Results)-----------------------------------------------*/ } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title { margin: 15px 10px 15px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title span { font-size: 3em; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .back-box { margin-top: 10px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext.txtLastName { margin-bottom: 9px; } /* --- Template F ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-f .mrw_ext_page.home .action-box { /*--- Search Panel - Template B (before Search Results)-----------------------------------------------*/ } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title { margin: 15px 10px 15px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title span { font-size: 3em; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .back-box { margin-top: 10px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_inputtext.txtLastName { margin-bottom: 9px; } #LP_DIV_2018 { /*-- Chat ---------------------------------------------------- */ } #LP_DIV_2018 #PST_Chat .chat_link { height: 48px; width: 48px; background-size: cover; } .mrw_ext_page.onboard .fields-block, .mrw_ext_page.onboard .buttons-container { width: calc(100% - 46px); margin-left: auto; margin-right: auto; text-align: center; } .mrw_ext_page.onboard .fields-block a.mrw_ext_button, .mrw_ext_page.onboard .buttons-container a.mrw_ext_button { padding: 9px 0px; width: 100%; } .mrw_ext_page.signup.signupcoregistration > .content-box #temporary-pw-block .group-block .pst_inputtext3-holder { padding-bottom: 0; } } @media only screen and (max-width: 583px) { /* --- Template A ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .lblForgetPassword { margin-top: 4px; margin-bottom: 4px; float: left; margin-left: -63px; } } @media only screen and (max-width: 540px) { /* -- Page Search Result -------------------------*/ .mrw_ext_page.searchResults .pnlSearchItems .search-item { padding: 20px; } /* -- Panel Print ----------------------------------------------------------------------------------- */ #popPrintPanel .mrw_dialogpanel.v2 .header { text-align: left; font-size: 17px; } #popPrintPanel .mrw_dialogpanel .small .content, #popPrintPanel .mrw_dialogpanel.mini .content { height: auto; overflow-x: hidden; } #popPrintPanel .button-holder .pv_printselected { margin-top: 9px; } #popPrintPanel .content_gifts .pv-image-box { height: 70px; } #popPrintPanel .content_gifts .pv-image-box img { max-width: 70px; max-height: 70px; } #popPrintPanel .content_gifts .pv-image-box .pv-image-holder { width: 70px; height: 70px; min-width: 70px; } #popPrintPanel .content_gifts .pv-image-box .pv-title-box { font-size: 14px; padding: 0 0 0 10px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box { left: 10px; margin-top: 22px; } div.mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .login-box .subtitle.fields-block.login-email { margin-left: 10px; padding-bottom: 12px; } /* --- Template F ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-f .mrw_ext_page.home .img-background { background-position: top center; background-size: 100%; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .mrlogo-box, .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .action-box { max-width: 100%; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .mrlogo-box { order: 1; left: initial; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .mrlogo-box:after { padding-top: 40%; } .mrw_ext_master.template-f .mrw_ext_page.home .img-background.empty .action-box { order: 2; position: relative; } .mrw_ext_master.template-f .mrw_ext_page.home .image-box { max-width: 100%; order: 1; } .mrw_ext_master.template-f .mrw_ext_page.home .mrlogo-box { max-width: 100%; margin-top: 60px; } .mrw_ext_master.template-f .mrw_ext_page.home .mrlogo-box .mrlogo-img { max-width: 100%; max-height: 100%; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box { height: auto; position: relative; width: 100%; background: #fff !important; padding: 30px 10px 32px; order: 2; max-width: 100%; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box.shorten-overlay, .mrw_ext_master.template-f .mrw_ext_page.home .action-box.full-overlay { animation: none !important; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box.shorten-overlay .toggle-login, .mrw_ext_master.template-f .mrw_ext_page.home .action-box.shorten-overlay .theme-title1, .mrw_ext_master.template-f .mrw_ext_page.home .action-box.shorten-overlay .sep { display: block; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box.full-overlay .toggle-login, .mrw_ext_master.template-f .mrw_ext_page.home .action-box.full-overlay .theme-title1, .mrw_ext_master.template-f .mrw_ext_page.home .action-box.full-overlay .sep { display: none; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title { margin-top: 15px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .sep { width: 35%; max-width: 156px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .subtitle { margin-left: auto; margin-right: auto; max-width: 600px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls { max-width: 600px; margin: 32px auto 15px; width: 100%; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .step-login { max-width: 600px; margin: 0 auto; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .mrw_ext_button:last-child { margin-bottom: 0; } .mrw_ext_master.template-f .mrw_ext_page.home > .content-box { height: auto; } .mrw_ext_master.template-f .mrw_ext_page.home > .content-box.img-background:not(.empty) { height: auto; } .mrw_ext_master.template-f .mrw_ext_page.home > .content-box.img-background:not(.empty) + .footer-box { padding-top: 0; } } @media only screen and (max-width: 530px) { /*.mrw_ext_page.signup .signup-box label span { display: block; }*/ } @media only screen and (max-width: 500px) { /*panel Login Template A-----------------------------------------------------------*/ .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .group-block .group-a, .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .group-block .group-b { width: 80%; margin-bottom: 10px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .group-block .group-a .back-box, .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .group-block .group-b .back-box { left: 45px; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .login-box .lblForgetPassword { margin-top: 11px; margin-bottom: 0; float: none; } /* -- Page Search Result -------------------------*/ .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc { width: 85%; } .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-action { width: 15%; text-align: right; } .pnlSignupSuccess { width: 100%; } } @media only screen and (max-width: 480px) { #ForgetPassword .forgpass_content { padding: 20px 10px; } #ForgetPassword .smr_container.smr_shadow { box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); margin: 0 auto 20px; } #ForgetPassword .smr_container .smr_title { font-size: 26px; } #ForgetPassword .smr_container { padding: 20px 10px; } #ForgetPassword .password_digits { width: 18px; height: 18px; font-size: 20px; margin: 0 4px; } } @media only screen and (max-width: 460px) { /* Global Styles ---------------------------------------------------- */ .mrw_ext_master.template-a.default .top-box, .mrw_ext_master.template-b.default .top-box, .mrw_ext_master.template-f.default .top-box, .mrw_ext_master.template-a.signuppage .top-box, .mrw_ext_master.template-b.signuppage .top-box, .mrw_ext_master.template-f.signuppage .top-box, .mrw_ext_master.template-a.loginpage .top-box, .mrw_ext_master.template-b.loginpage .top-box, .mrw_ext_master.template-f.loginpage .top-box, .mrw_ext_master.template-a.forgetpassword .top-box, .mrw_ext_master.template-b.forgetpassword .top-box, .mrw_ext_master.template-f.forgetpassword .top-box, .mrw_ext_master.template-a.giftlist .top-box, .mrw_ext_master.template-b.giftlist .top-box, .mrw_ext_master.template-f.giftlist .top-box, .mrw_ext_master.template-a.purchaseprocesscart .top-box, .mrw_ext_master.template-b.purchaseprocesscart .top-box, .mrw_ext_master.template-f.purchaseprocesscart .top-box, .mrw_ext_master.template-a.searchresults .top-box, .mrw_ext_master.template-b.searchresults .top-box, .mrw_ext_master.template-f.searchresults .top-box, .mrw_ext_master.template-a.signupconnect .top-box, .mrw_ext_master.template-b.signupconnect .top-box, .mrw_ext_master.template-f.signupconnect .top-box, .mrw_ext_master.template-a.signuptemporarypassword .top-box, .mrw_ext_master.template-b.signuptemporarypassword .top-box, .mrw_ext_master.template-f.signuptemporarypassword .top-box, .mrw_ext_master.template-a.signupcompleted .top-box, .mrw_ext_master.template-b.signupcompleted .top-box, .mrw_ext_master.template-f.signupcompleted .top-box { min-height: 50px; margin: 0px; } .mrw_ext_master.template-a.default .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.default .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.default .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.signuppage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.signuppage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.signuppage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.loginpage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.loginpage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.loginpage .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.forgetpassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.forgetpassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.forgetpassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.giftlist .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.giftlist .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.giftlist .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.purchaseprocesscart .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.purchaseprocesscart .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.purchaseprocesscart .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.searchresults .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.searchresults .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.searchresults .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.signupconnect .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.signupconnect .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.signupconnect .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.signuptemporarypassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.signuptemporarypassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.signuptemporarypassword .top-box > a .top-logo.img-logo, .mrw_ext_master.template-a.signupcompleted .top-box > a .top-logo.img-logo, .mrw_ext_master.template-b.signupcompleted .top-box > a .top-logo.img-logo, .mrw_ext_master.template-f.signupcompleted .top-box > a .top-logo.img-logo { height: 50px; background-size: auto 30px; background-position: center; } } @media only screen and (max-width: 415px) { /*Template B-----------------------------------------------------------*/ .mrw_ext_master.template-b .mrw_ext_page.home > .content-box { height: 700px; } .mrw_ext_master.template-b .mrw_ext_page.home .mrlogo-box { padding-top: 40px; } .mrw_ext_master.template-b .mrw_ext_page.home .mrlogo-box .mrlogo-img { max-width: 220px; max-height: 215px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 2.55em; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .subtitle { font-size: 1.29em; max-width: 338px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls { margin: 24px auto 15px; max-width: 338px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .step-login { max-width: 338px; margin: 0 auto; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .mrw_ext_button { font-size: 1em; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .group-block.fullsize { margin: 15px 0; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .back-box { margin-left: 0; } /* --- Template F ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-f .mrw_ext_page.home > .content-box { height: auto; } .mrw_ext_master.template-f .mrw_ext_page.home > .content-box:not(.empty) { height: auto; } .mrw_ext_master.template-f .mrw_ext_page.home .mrlogo-box { margin-top: 40px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box { padding: 24px 10px 32px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .title h1.long span.t1 { font-size: 2.55em; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .subtitle { font-size: 1.29em; max-width: 338px; margin: 0 auto; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls { margin: 28px auto 0; max-width: 338px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .step-login { max-width: 338px; margin: 0 auto; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .mrw_ext_button { font-size: 1em; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .group-block.fullsize { margin: 15px 0; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .back-box { margin-left: 0; } } @media only screen and (max-width: 400px) { /* -- Visitor Password -------------------------*/ .mrw_ext_page.visitorpassword .page-content { margin: auto 20px; } .mrw_ext_page.visitorpassword .page-content .pst_inputtext3-holder .pst_inputtext3 { margin: 2px 0; } .mrw_ext_page.visitorpassword .page-content .mrw_ext_button { width: calc(100% - 2px); } } @media only screen and (max-width: 380px) { /* Global Styles ---------------------------------------------------- */ a.mrw_ext_button, a.mrw_ext_button.disabled { font-size: 1.171em; } .mrw_ext_master .top-box .btnGlobalBack { left: 2%; top: 21px; } .footer-box { font-size: 1.114em; } /* --- Template A ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-a .mrw_ext_page.home .action-box { padding: 20px 10px; width: 100%; background: #fff; } .mrw_ext_master.template-a .mrw_ext_page.home .action-box .title span { font-size: 3em; } .mrw_ext_master.template-a .mrw_ext_page.home > .content-box { height: 522px; } /* --- Template B ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-b .mrw_ext_page.home .mrlogo-box { padding-top: 48px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box { background: #fff; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .social { margin-bottom: 10px; margin-top: 6px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .subtitle { max-width: 300px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls, .mrw_ext_master.template-b .mrw_ext_page.home .action-box .step-login { max-width: 300px; } .mrw_ext_master.template-b .mrw_ext_page.home > .content-box { height: 685px; } /* Panel Login Template B --------------------------------------------- */ .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .subtitle { margin: 10px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .back-box { margin-top: 0; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .group-block.fullsize { margin-top: 15px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .group-a { margin-bottom: 7px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .group-block .controls { margin: 30px 0px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .sep { margin-top: 10px; margin-bottom: 10px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .login-box .lblForgetPassword { margin-top: 7px; } /*--- Search Panel - Template B (before Search Results)--------------------------------------------*/ .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .desc { margin-top: -10px; } .mrw_ext_master.template-b .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_linkback { top: -9px; } /*--- Search Panel - Template F (before Search Results)--------------------------------------------*/ .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls.step-find .desc { margin-top: -10px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls.step-find .mrw_ext_linkback { top: -9px; } .mrw_ext_page.onboard .icon-info.pst_tooltip.large-tip.black:after { right: -50px; } /* --- Template F ----------------------------------------------------------------------------------- */ .mrw_ext_master.template-f .mrw_ext_page.home .action-box { background: #fff; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .social { margin-bottom: 10px; margin-top: 6px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .subtitle { margin: 10px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .back-box { margin-top: 0; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .group-block.fullsize { margin-top: 15px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .group-a { margin-bottom: 7px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .group-block .controls { margin: 30px 0px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .login-box .lblForgetPassword { margin-top: 7px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .subtitle { max-width: 300px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .controls, .mrw_ext_master.template-f .mrw_ext_page.home .action-box .step-login { max-width: 300px; } .mrw_ext_master.template-f .mrw_ext_page.home .action-box .sep { margin-top: 10px; margin-bottom: 10px; } .mrw_ext_master.template-f .mrw_ext_page.home > .content-box { height: auto; } .mrw_ext_master.template-f .mrw_ext_page.home > .content-box:not(.empty) { height: auto; } } @media only screen and (max-width: 320px) { .mrw_ext_page.searchResults .pnlSearchItems .search-item .item-desc { width: 82%; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find { position: relative; right: 0px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_button.btnSearchRegistry { max-width: 95px; } .mrw_ext_master.template-c .mrw_ext_page.home .content-box .action-box .controls.step-find .mrw_ext_inputtext.txtFindName { width: 53%; } } /* --- Theme - Cutomizations (SAMPLE) ----------------------------------------------------------------------------------- .theme-color1 { color: #2b7935; } .theme-color1-back { background-color: #2b7935; } .theme-title1 { color: #3A3C41; } .theme-title2 { color: #3A3C41; } a.mrw_ext_button, a.mrw_ext_button.disabled { background: #2b7935; border: 1px solid #2b7935; } a.mrw_ext_button:hover { background: #225c2a; } select.mrw_ext_inputselect { background-color: #2b7935; } */