yemi rex

<RETS ReplyCode=”0 ReplyText=”Operation Success.>
<RETS-RESPONSE> Info=MEMBERNAME;Character;Russell Moss Info=USERID;Character;276543860R Info=USERCLASS;Character;Character Info=AGENTCODE;Character;Character Info=BROKERCODE;Character;276628290 Info=MetadataVersion;Character;1.00.05586 Info=MetadataTimestamp;DateTime;2021-06-22T18:03:08Z Info=MinMetadataTimestamp;DateTime;2021-06-22T18:03:08Z Info=BROKERBRANCH;Character;276628290 Info=VendorName;Character;CoreLogic Info=ServerProductName;Character;MatrixRETS Info=ServerProductVersion;Character;10.6 Info=OperatorName;Character;Matrix-RETS GetMetadata=/contact/rets/getmetadata GetObject=/contact/rets/getobject Login=/contact/rets/login Logout=/contact/rets/logout PostObject=/contact/rets/postobject Search=/contact/rets/search X-Selector=/contact/rets/selector Update=/contact/rets/update </RETS-RESPONSE>
</RETS>
<RETSReplyCode=”0ReplyText=”Operation Success.>
<RETS-RESPONSE> Info=MEMBERNAME;Character;Russell Moss Info=USERID;Character;276543860R Info=USERCLASS;Character;Character Info=AGENTCODE;Character;Character Info=BROKERCODE;Character;276628290 Info=MetadataVersion;Character;1.00.05586 Info=MetadataTimestamp;DateTime;2021-06-22T18:03:08Z Info=MinMetadataTimestamp;DateTime;2021-06-22T18:03:08Z Info=BROKERBRANCH;Character;276628290 Info=VendorName;Character;CoreLogic Info=ServerProductName;Character;MatrixRETS Info=ServerProductVersion;Character;10.6 Info=OperatorName;Character;Matrix-RETS GetMetadata=/contact/rets/getmetadata GetObject=/contact/rets/getobject Login=/contact/rets/login Logout=/contact/rets/logout PostObject=/contact/rets/postobject Search=/contact/rets/search X-Selector=/contact/rets/selector Update=/contact/rets/update </RETS-RESPONSE>
</RETS>
https://pwa-extension-ng-components { /* font-family: “RobotoSlabLight”; */ /* font-family: Roboto Slab; */ /* if you want to specify font-weight manually, use ‘OpenSans’ + explicit font-weight*/ /* All paddings and margins */ /* Default for all form elements */ /* Shadow presets from Design */ /* New */ /* Legacy */ /* New */ /** * Setup font parameters in one line */ } @font-face { font-family: Apercu Bold; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/c25c67eb02decf288b2573f682dc4332.OTF) format(“opentype”); } @font-face { font-family: Apercu Light; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/7c3ef92033fae8210de0b04d207e7e93.OTF) format(“opentype”); } @font-face { font-family: Apercu Medium; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/2d02010af33b4f5c59ef2e1c74d54a2a.OTF) format(“opentype”); } @font-face { font-family: Apercu Regular; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/4f1cabaefa6512bacc0053afca933223.OTF) format(“opentype”); } @font-face { font-family: Roboto Slab; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/7dcda5ff41d16acf05a29f614c0e0efe.eot); src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/7dcda5ff41d16acf05a29f614c0e0efe.eot?#iefix) format(“embedded-opentype”), url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/8f65df45ed7f56df78f7c6279b831a85.woff) format(“woff”), url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/91dd0d803e3daa46be03c1a920d98526.ttf) format(“truetype”); font-style: normal; font-weight: normal; } @font-face { font-family: Roboto Slab; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/f312f0e0e8098a4367ad53eb12d95eb3.eot); src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/f312f0e0e8098a4367ad53eb12d95eb3.eot?#iefix) format(“embedded-opentype”), url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/f91edffce1cd3da87266443dad7f092e.woff) format(“woff”), url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/8b156ada33ed75777372f874568631c9.ttf) format(“truetype”); font-style: normal; font-weight: 100; } @font-face { font-family: Roboto Slab; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/45a3c6670f1fbc866cd9a447d55d30cd.eot); src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/45a3c6670f1fbc866cd9a447d55d30cd.eot?#iefix) format(“embedded-opentype”), url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/a99087e90403daef63b1c83fe0d5b232.woff) format(“woff”), url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/4f5d0ea133284a6da8fe521b536a3d2a.ttf) format(“truetype”); font-style: normal; font-weight: bold; } @font-face { font-family: ‘OpenSans Light’; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/74456977b76a46bfc700f26fa3cf3b38.woff) format(‘woff’); } @font-face { font-family: ‘OpenSans Semibold’; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/b9fa4a7cc54afd1a4277b89843595baa.woff) format(‘woff’); } @font-face { font-family: ‘OpenSans Regular’; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/82b23680ca7538da2aff4fad66abb839.woff) format(‘woff’); } @font-face { font-family: ‘OpenSans’; font-weight: 400; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/82b23680ca7538da2aff4fad66abb839.woff) format(‘woff’); } @font-face { font-family: ‘OpenSans’; font-weight: 300; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/74456977b76a46bfc700f26fa3cf3b38.woff) format(‘woff’); } @font-face { font-family: ‘OpenSans’; font-weight: 600; src: url(chrome-extension://npnbdojkgkbcdfdjlfdmplppdphlhhcf/b9fa4a7cc54afd1a4277b89843595baa.woff) format(‘woff’); } pwa-extension-ng-components .pwa-icon-ex { font-size: inherit; display: inline-block; height: 1em; margin: 0 0.3em; vertical-align: middle; } pwa-extension-ng-components .pwa-icon-ex > svg { width: auto; height: 100%; } pwa-extension-ng-components .pwa-icon-ex.color-white { fill: white; } pwa-extension-ng-components .pwa-icon-ex.color-black { fill: black; } pwa-extension-ng-components .pwa-icon-ex.color-main { fill: #008585; } pwa-extension-ng-components .pwa-icon-ex.color-main-darken-1 { fill: #006c6c; } pwa-extension-ng-components .pwa-icon-ex.color-second { fill: #f8a551; } pwa-extension-ng-components .pwa-icon-ex.color-error { fill: #e73030; } pwa-extension-ng-components .pwa-icon-ex.color-gray { fill: #2f3333; } pwa-extension-ng-components .pwa-icon-ex.color-gray-5 { fill: #b6b8b8; } pwa-extension-ng-components .pwa-icon-ex.color-gray-6 { fill: #979999; } pwa-extension-ng-components .pwa-icon-ex.color-gray-7 { fill: #787a7a; } pwa-extension-ng-components .pwa-icon-ex.color-gray-8 { fill: #636666; } pwa-extension-ng-components .pwa-icon-ex.color-white { stroke: white; } pwa-extension-ng-components .pwa-icon-ex.color-black { stroke: black; } pwa-extension-ng-components .pwa-icon-ex.color-main { stroke: #008585; } pwa-extension-ng-components .pwa-icon-ex.color-main-darken-1 { stroke: #006c6c; } pwa-extension-ng-components .pwa-icon-ex.color-second { stroke: #f8a551; } pwa-extension-ng-components .pwa-icon-ex.color-error { stroke: #e73030; } pwa-extension-ng-components .pwa-icon-ex.color-gray { stroke: #2f3333; } pwa-extension-ng-components .pwa-icon-ex.color-gray-5 { stroke: #b6b8b8; } pwa-extension-ng-components .pwa-icon-ex.color-gray-6 { stroke: #979999; } pwa-extension-ng-components .pwa-icon-ex.color-gray-7 { stroke: #787a7a; } pwa-extension-ng-components .pwa-icon-ex.color-gray-8 { stroke: #636666; } pwa-extension-ng-components .pwa-icon-ex.size-xxlarge { font-size: 20px; } pwa-extension-ng-components .pwa-icon-ex.size-xlarge { font-size: 18px; } pwa-extension-ng-components .pwa-icon-ex.size-large { font-size: 16px; } pwa-extension-ng-components .pwa-icon-ex.size-regular { font-size: 14px; } pwa-extension-ng-components .pwa-icon-ex.size-small { font-size: 12px; } pwa-extension-ng-components .pwa-icon-ex.size-xsmall { font-size: 10px; } pwa-extension-ng-components .pwa-icon-ex.size-xxsmall { font-size: 8px; } @keyframes pwa-spinning-keyframes { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } pwa-extension-ng-components ::-webkit-input-placeholder { color: #b6b8b8; } pwa-extension-ng-components :-ms-input-placeholder { color: #b6b8b8; } pwa-extension-ng-components ::placeholder { color: #b6b8b8; } pwa-extension-ng-components .error ::-webkit-input-placeholder, pwa-extension-ng-components .has-error ::-webkit-input-placeholder { color: #e73030; } pwa-extension-ng-components .error :-ms-input-placeholder, pwa-extension-ng-components .has-error :-ms-input-placeholder { color: #e73030; } pwa-extension-ng-components .error ::placeholder, pwa-extension-ng-components .has-error ::placeholder { color: #e73030; } pwa-extension-ng-components .blog ::-webkit-input-placeholder { color: #80c2c2; } pwa-extension-ng-components .blog :-ms-input-placeholder { color: #80c2c2; } pwa-extension-ng-components .blog ::placeholder { color: #80c2c2; } pwa-extension-ng-components .pwa-typo { font-family: ‘OpenSans Regular’; color: #2f3333; font-size: 14px; text-align: left; } pwa-extension-ng-components .pwa-typo.color-white { color: white; } pwa-extension-ng-components .pwa-typo.color-black { color: black; } pwa-extension-ng-components .pwa-typo.color-main { color: #008585; } pwa-extension-ng-components .pwa-typo.color-main-darken-1 { color: #006c6c; } pwa-extension-ng-components .pwa-typo.color-second { color: #f8a551; } pwa-extension-ng-components .pwa-typo.color-error { color: #e73030; } pwa-extension-ng-components .pwa-typo.color-gray { color: #2f3333; } pwa-extension-ng-components .pwa-typo.color-gray-5 { color: #b6b8b8; } pwa-extension-ng-components .pwa-typo.color-gray-6 { color: #979999; } pwa-extension-ng-components .pwa-typo.color-gray-7 { color: #787a7a; } pwa-extension-ng-components .pwa-typo.color-gray-8 { color: #636666; } pwa-extension-ng-components .pwa-typo h1 { font-size: 20px; } pwa-extension-ng-components .pwa-typo h2 { font-size: 18px; } pwa-extension-ng-components .pwa-typo h3 { font-size: 16px; } pwa-extension-ng-components .pwa-typo h4, pwa-extension-ng-components .pwa-typo h5 { font-size: 14px; } pwa-extension-ng-components .pwa-typo .float-right { float: right; } pwa-extension-ng-components .pwa-typo .text-center { text-align: center; } pwa-extension-ng-components .pwa-typo .text-right { text-align: right; } pwa-extension-ng-components .pwa-typo .text-left { text-align: left; } pwa-extension-ng-components .pwa-typo h1, pwa-extension-ng-components .pwa-typo h2, pwa-extension-ng-components .pwa-typo h3, pwa-extension-ng-components .pwa-typo h4, pwa-extension-ng-components .pwa-typo h5, pwa-extension-ng-components .pwa-typo p, pwa-extension-ng-components .pwa-typo b, pwa-extension-ng-components .pwa-typo i, pwa-extension-ng-components .pwa-typo strong { color: inherit; } pwa-extension-ng-components .pwa-typo h1.color-white, pwa-extension-ng-components .pwa-typo h2.color-white, pwa-extension-ng-components .pwa-typo h3.color-white, pwa-extension-ng-components .pwa-typo h4.color-white, pwa-extension-ng-components .pwa-typo h5.color-white, pwa-extension-ng-components .pwa-typo p.color-white, pwa-extension-ng-components .pwa-typo b.color-white, pwa-extension-ng-components .pwa-typo i.color-white, pwa-extension-ng-components .pwa-typo strong.color-white { color: white; } pwa-extension-ng-components .pwa-typo h1.color-black, pwa-extension-ng-components .pwa-typo h2.color-black, pwa-extension-ng-components .pwa-typo h3.color-black, pwa-extension-ng-components .pwa-typo h4.color-black, pwa-extension-ng-components .pwa-typo h5.color-black, pwa-extension-ng-components .pwa-typo p.color-black, pwa-extension-ng-components .pwa-typo b.color-black, pwa-extension-ng-components .pwa-typo i.color-black, pwa-extension-ng-components .pwa-typo strong.color-black { color: black; } pwa-extension-ng-components .pwa-typo h1.color-main, pwa-extension-ng-components .pwa-typo h2.color-main, pwa-extension-ng-components .pwa-typo h3.color-main, pwa-extension-ng-components .pwa-typo h4.color-main, pwa-extension-ng-components .pwa-typo h5.color-main, pwa-extension-ng-components .pwa-typo p.color-main, pwa-extension-ng-components .pwa-typo b.color-main, pwa-extension-ng-components .pwa-typo i.color-main, pwa-extension-ng-components .pwa-typo strong.color-main { color: #008585; } pwa-extension-ng-components .pwa-typo h1.color-main-darken-1, pwa-extension-ng-components .pwa-typo h2.color-main-darken-1, pwa-extension-ng-components .pwa-typo h3.color-main-darken-1, pwa-extension-ng-components .pwa-typo h4.color-main-darken-1, pwa-extension-ng-components .pwa-typo h5.color-main-darken-1, pwa-extension-ng-components .pwa-typo p.color-main-darken-1, pwa-extension-ng-components .pwa-typo b.color-main-darken-1, pwa-extension-ng-components .pwa-typo i.color-main-darken-1, pwa-extension-ng-components .pwa-typo strong.color-main-darken-1 { color: #006c6c; } pwa-extension-ng-components .pwa-typo h1.color-second, pwa-extension-ng-components .pwa-typo h2.color-second, pwa-extension-ng-components .pwa-typo h3.color-second, pwa-extension-ng-components .pwa-typo h4.color-second, pwa-extension-ng-components .pwa-typo h5.color-second, pwa-extension-ng-components .pwa-typo p.color-second, pwa-extension-ng-components .pwa-typo b.color-second, pwa-extension-ng-components .pwa-typo i.color-second, pwa-extension-ng-components .pwa-typo strong.color-second { color: #f8a551; } pwa-extension-ng-components .pwa-typo h1.color-error, pwa-extension-ng-components .pwa-typo h2.color-error, pwa-extension-ng-components .pwa-typo h3.color-error, pwa-extension-ng-components .pwa-typo h4.color-error, pwa-extension-ng-components .pwa-typo h5.color-error, pwa-extension-ng-components .pwa-typo p.color-error, pwa-extension-ng-components .pwa-typo b.color-error, pwa-extension-ng-components .pwa-typo i.color-error, pwa-extension-ng-components .pwa-typo strong.color-error { color: #e73030; } pwa-extension-ng-components .pwa-typo h1.color-gray, pwa-extension-ng-components .pwa-typo h2.color-gray, pwa-extension-ng-components .pwa-typo h3.color-gray, pwa-extension-ng-components .pwa-typo h4.color-gray, pwa-extension-ng-components .pwa-typo h5.color-gray, pwa-extension-ng-components .pwa-typo p.color-gray, pwa-extension-ng-components .pwa-typo b.color-gray, pwa-extension-ng-components .pwa-typo i.color-gray, pwa-extension-ng-components .pwa-typo strong.color-gray { color: #2f3333; } pwa-extension-ng-components .pwa-typo h1.color-gray-5, pwa-extension-ng-components .pwa-typo h2.color-gray-5, pwa-extension-ng-components .pwa-typo h3.color-gray-5, pwa-extension-ng-components .pwa-typo h4.color-gray-5, pwa-extension-ng-components .pwa-typo h5.color-gray-5, pwa-extension-ng-components .pwa-typo p.color-gray-5, pwa-extension-ng-components .pwa-typo b.color-gray-5, pwa-extension-ng-components .pwa-typo i.color-gray-5, pwa-extension-ng-components .pwa-typo strong.color-gray-5 { color: #b6b8b8; } pwa-extension-ng-components .pwa-typo h1.color-gray-6, pwa-extension-ng-components .pwa-typo h2.color-gray-6, pwa-extension-ng-components .pwa-typo h3.color-gray-6, pwa-extension-ng-components .pwa-typo h4.color-gray-6, pwa-extension-ng-components .pwa-typo h5.color-gray-6, pwa-extension-ng-components .pwa-typo p.color-gray-6, pwa-extension-ng-components .pwa-typo b.color-gray-6, pwa-extension-ng-components .pwa-typo i.color-gray-6, pwa-extension-ng-components .pwa-typo strong.color-gray-6 { color: #979999; } pwa-extension-ng-components .pwa-typo h1.color-gray-7, pwa-extension-ng-components .pwa-typo h2.color-gray-7, pwa-extension-ng-components .pwa-typo h3.color-gray-7, pwa-extension-ng-components .pwa-typo h4.color-gray-7, pwa-extension-ng-components .pwa-typo h5.color-gray-7, pwa-extension-ng-components .pwa-typo p.color-gray-7, pwa-extension-ng-components .pwa-typo b.color-gray-7, pwa-extension-ng-components .pwa-typo i.color-gray-7, pwa-extension-ng-components .pwa-typo strong.color-gray-7 { color: #787a7a; } pwa-extension-ng-components .pwa-typo h1.color-gray-8, pwa-extension-ng-components .pwa-typo h2.color-gray-8, pwa-extension-ng-components .pwa-typo h3.color-gray-8, pwa-extension-ng-components .pwa-typo h4.color-gray-8, pwa-extension-ng-components .pwa-typo h5.color-gray-8, pwa-extension-ng-components .pwa-typo p.color-gray-8, pwa-extension-ng-components .pwa-typo b.color-gray-8, pwa-extension-ng-components .pwa-typo i.color-gray-8, pwa-extension-ng-components .pwa-typo strong.color-gray-8 { color: #636666; } pwa-extension-ng-components .pwa-typo a { font-family: ‘OpenSans Semibold’; text-decoration: none; cursor: pointer; } pwa-extension-ng-components .pwa-typo h1, pwa-extension-ng-components .pwa-typo h2, pwa-extension-ng-components .pwa-typo h3, pwa-extension-ng-components .pwa-typo h4, pwa-extension-ng-components .pwa-typo h5 { margin-top: 0.7em; margin-bottom: 0.7em; font-family: ‘OpenSans Semibold’; } pwa-extension-ng-components .pwa-typo h1 { font-size: 2em; } pwa-extension-ng-components .pwa-typo h2 { font-size: 1.5em; } pwa-extension-ng-components .pwa-typo h3 { font-size: 1.3em; } pwa-extension-ng-components .pwa-typo h4 { font-size: 1.2em; } pwa-extension-ng-components .pwa-typo h5 { font-size: 1.2em; } pwa-extension-ng-components .pwa-typo b, pwa-extension-ng-components .pwa-typo strong { font-family: ‘OpenSans Semibold’; } pwa-extension-ng-components .pwa-typo p { margin-top: 0.5em; margin-bottom: 0.5em; } pwa-extension-ng-components .pwa-typo p.wrap-color-main-05 { background: #f5fafa; border: 1px solid #e8e9e9; border-radius: 4px; padding: 1em; } pwa-extension-ng-components .pwa-typo.size-xxlarge { font-size: 20px; } pwa-extension-ng-components .pwa-typo.size-xlarge { font-size: 18px; } pwa-extension-ng-components .pwa-typo.size-large { font-size: 16px; } pwa-extension-ng-components .pwa-typo.size-regular { font-size: 14px; } pwa-extension-ng-components .pwa-typo.size-small { font-size: 12px; } pwa-extension-ng-components .pwa-typo.size-xsmall { font-size: 10px; } pwa-extension-ng-components .pwa-typo.size-xxsmall { font-size: 8px; } pwa-extension-ng-components .shadow1 { box-shadow: 0 25px 35px rgba(0, 0, 0, 0.03), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow2 { box-shadow: 0 0 24px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .shadow3 { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } pwa-extension-ng-components .shadow4 { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.29); } pwa-extension-ng-components .shadow-fx1 { filter: drop-shadow(0 25px 35px rgba(0, 0, 0, 0.03)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx2 { filter: drop-shadow(0 0 24px rgba(0, 0, 0, 0.06)) drop-shadow(0 0 5px rgba(0, 0, 0, 0.05)); } pwa-extension-ng-components .shadow-fx3 { filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.06)); } pwa-extension-ng-components .shadow-fx4 { filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.29)); } pwa-extension-ng-components .pwa-btn { position: relative; box-sizing: border-box; display: inline-flex; align-items: center; margin: 0; padding: 0 24px; height: 48px; line-height: 48px; font-family: ‘OpenSans Semibold’; color: #fff; font-size: 16px; border: none; background-color: #008585; border-radius: 4px; text-decoration: none; cursor: pointer; text-align: center; z-index: 1; overflow: visible; white-space: nowrap; /* button Sizes */ /* button kinds: main-color, second-color, error-color */ /* full width button*/ /* branded buttons*/ /* Buttons with icons */ /* if you want good vertical alignment for button text and icon, wrap text into ‘.pwa-btn-text’ */ /* and icon into ‘.pwa-btn-icon’ */ /* Button-Icon */ } pwa-extension-ng-components .pwa-btn:hover { background-color: #4daaaa; } pwa-extension-ng-components .pwa-btn:active { background-color: #006c6c; } pwa-extension-ng-components .pwa-btn:focus:not(:disabled), pwa-extension-ng-components .pwa-btn:focus:not(.disabled) { outline: none; box-shadow: 0 0 0 3px rgba(0, 126, 255, 0.15); border-color: #008585; transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-btn:disabled, pwa-extension-ng-components .pwa-btn .disabled { background-color: #b6b8b8 !important; color: #fff !important; cursor: not-allowed; border: none !important; } pwa-extension-ng-components .pwa-btn.outline { line-height: 46px; /* – border width */ padding: 0 23px; /* – border width */ background-color: transparent; border: solid 1px #008585; color: #008585; } pwa-extension-ng-components .pwa-btn.outline:hover { background-color: #008585; color: #fff; } pwa-extension-ng-components .pwa-btn.outline:active { background-color: #006c6c; color: #fff; } pwa-extension-ng-components .pwa-btn.text-btn { background-color: transparent; color: #008585; padding-left: 0; padding-right: 0; } pwa-extension-ng-components .pwa-btn.text-btn u { line-height: normal; text-decoration: none; position: relative; } pwa-extension-ng-components .pwa-btn.text-btn u:after { content: ”; position: absolute; bottom: -0.2em; left: 0; right: 0; height: 1px; background-color: currentColor; opacity: 0.5; } pwa-extension-ng-components .pwa-btn.text-btn.size-s, pwa-extension-ng-components .pwa-btn.text-btn.size-m, pwa-extension-ng-components .pwa-btn.text-btn.size-l { padding-left: 0; padding-right: 0; } pwa-extension-ng-components .pwa-btn.text-btn:focus { box-shadow: none; } pwa-extension-ng-components .pwa-btn.text-btn:hover { opacity: 0.7; } pwa-extension-ng-components .pwa-btn.text-btn:hover u:after { display: none; } pwa-extension-ng-components .pwa-btn.text-btn.font-regular u { font-family: ‘OpenSans Regular’; } pwa-extension-ng-components .pwa-btn.text-btn.height-auto { height: auto; } pwa-extension-ng-components .pwa-btn.text-btn:disabled, pwa-extension-ng-components .pwa-btn.text-btn .disabled { background-color: transparent !important; color: #2f3333 !important; cursor: default; border: none !important; } pwa-extension-ng-components .pwa-btn.text-btn:disabled:hover, pwa-extension-ng-components .pwa-btn.text-btn .disabled:hover { opacity: 1; } pwa-extension-ng-components .pwa-btn.text-btn:disabled:hover u:after, pwa-extension-ng-components .pwa-btn.text-btn .disabled:hover u:after { display: block; } pwa-extension-ng-components .pwa-btn.text-btn[clicked], pwa-extension-ng-components .pwa-btn.text-btn .clicked { background-color: transparent !important; cursor: default; border: none !important; } pwa-extension-ng-components .pwa-btn.text-btn[clicked] u:after, pwa-extension-ng-components .pwa-btn.text-btn .clicked u:after { display: none; } pwa-extension-ng-components .pwa-btn.text-btn[clicked]:hover, pwa-extension-ng-components .pwa-btn.text-btn .clicked:hover { opacity: 1; } pwa-extension-ng-components .pwa-btn.text-btn[clicked]:hover u:after, pwa-extension-ng-components .pwa-btn.text-btn .clicked:hover u:after { display: none; } pwa-extension-ng-components .pwa-btn.outline { line-height: 46px; /* – border width */ padding: 0 23px; /* – border width */ background-color: transparent; border: solid 1px #008585; color: #008585; } pwa-extension-ng-components .pwa-btn.outline:hover { background-color: #008585; color: #fff; } pwa-extension-ng-components .pwa-btn.outline:active { background-color: #006c6c; color: #fff; } pwa-extension-ng-components .pwa-btn.text-btn { background-color: transparent; color: #008585; } pwa-extension-ng-components .pwa-btn.text-btn:hover { background-color: #f5f5f5; } pwa-extension-ng-components .pwa-btn.text-btn.icon:hover { background: transparent; } pwa-extension-ng-components .pwa-btn.text-btn:active { color: #006c6c; } pwa-extension-ng-components .pwa-btn.size-s { font-size: 14px; height: 32px; line-height: 32px; padding: 0 16px; } pwa-extension-ng-components .pwa-btn.size-s.outline { line-height: 30px; padding: 0 15px; /* – border width */ } pwa-extension-ng-components .pwa-btn.size-l { height: 56px; line-height: 56px; padding: 0 32px; font-size: 20px; } pwa-extension-ng-components .pwa-btn.size-l.outline { line-height: 54px; padding: 0 31px; /* – border width */ } pwa-extension-ng-components .pwa-btn.size-l .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn.size-l .pwa-btn-text + .pwa-btn-icon { margin-left: 12px; } pwa-extension-ng-components .pwa-btn.main-color.text-btn { background-color: transparent; } pwa-extension-ng-components .pwa-btn.main-color.text-btn.clicked, pwa-extension-ng-components .pwa-btn.main-color.text-btn[clicked] { color: #006464; } pwa-extension-ng-components .pwa-btn.second-color { background-color: #f8a551; } pwa-extension-ng-components .pwa-btn.second-color:hover { background-color: #fac085; } pwa-extension-ng-components .pwa-btn.second-color:active { background-color: #f79838; color: #fff; } pwa-extension-ng-components .pwa-btn.second-color.outline { background-color: transparent; border: solid 1px #f8a551; color: #f8a551; } pwa-extension-ng-components .pwa-btn.second-color.outline:hover { background-color: #f8a551; color: #fff; } pwa-extension-ng-components .pwa-btn.second-color.outline:active { background-color: #f79838; color: #fff; border-color: #f79838; } pwa-extension-ng-components .pwa-btn.second-color.text-btn { background-color: transparent; color: #f8a551; } pwa-extension-ng-components .pwa-btn.second-color.text-btn:active { color: #f79838; } pwa-extension-ng-components .pwa-btn.error-color { color: #e73030; background-color: #fad6d6; } pwa-extension-ng-components .pwa-btn.error-color:hover { background-color: #ee6e6e; color: #fff; } pwa-extension-ng-components .pwa-btn.error-color:active { background-color: #e73030; color: #fff; } pwa-extension-ng-components .pwa-btn.error-color.outline { background-color: transparent; border: solid 1px #e73030; color: #e73030; } pwa-extension-ng-components .pwa-btn.error-color.outline:hover { background-color: #ee6e6e; color: #fff; border-color: #ee6e6e; } pwa-extension-ng-components .pwa-btn.error-color.outline:active { background-color: #e73030; color: #fff; border-color: #ee6e6e; } pwa-extension-ng-components .pwa-btn.error-color.text-btn { background-color: transparent; color: #e73030; } pwa-extension-ng-components .pwa-btn.gray-color { color: #2f3333; background-color: #e8e9e9; } pwa-extension-ng-components .pwa-btn.gray-color:hover { background-color: #787a7a; color: #fff; } pwa-extension-ng-components .pwa-btn.gray-color:active { background-color: #2f3333; color: #fff; } pwa-extension-ng-components .pwa-btn.gray-color.outline { background-color: transparent; border: solid 1px #2f3333; color: #2f3333; } pwa-extension-ng-components .pwa-btn.gray-color.outline:hover { background-color: #787a7a; color: #fff; border-color: #787a7a; } pwa-extension-ng-components .pwa-btn.gray-color.outline:active { background-color: #2f3333; color: #fff; border-color: #787a7a; } pwa-extension-ng-components .pwa-btn.gray-color.text-btn { background-color: transparent; color: #2f3333; } pwa-extension-ng-components .pwa-btn.wide { display: block; width: 100%; white-space: normal; height: auto; padding-top: 12px; padding-bottom: 12px; line-height: 24px; } pwa-extension-ng-components .pwa-btn.wide.size-s { padding-top: 6px; padding-bottom: 6px; line-height: 20px; } pwa-extension-ng-components .pwa-btn.wide.size-l { padding-top: 16px; padding-bottom: 16px; line-height: 24px; } pwa-extension-ng-components .pwa-btn.word { background-color: #19468b; } pwa-extension-ng-components .pwa-btn.chrome { background-color: #0d9d59; } pwa-extension-ng-components .pwa-btn.firefox { background-color: #3f83d7; } pwa-extension-ng-components .pwa-btn.safari { background-color: #00b0ff; } pwa-extension-ng-components .pwa-btn.linkedin { background-color: #0077b5; } pwa-extension-ng-components .pwa-btn.facebook { background-color: #3b5997; } pwa-extension-ng-components .pwa-btn.bitbucket { background-color: #205081; } pwa-extension-ng-components .pwa-btn.word:hover, pwa-extension-ng-components .pwa-btn.chrome:hover, pwa-extension-ng-components .pwa-btn.firefox:hover, pwa-extension-ng-components .pwa-btn.safari:hover, pwa-extension-ng-components .pwa-btn.linkedin:hover, pwa-extension-ng-components .pwa-btn.facebook:hover, pwa-extension-ng-components .pwa-btn.bitbucket:hover { opacity: 0.7; } pwa-extension-ng-components .pwa-btn.word:active, pwa-extension-ng-components .pwa-btn.chrome:active, pwa-extension-ng-components .pwa-btn.firefox:active, pwa-extension-ng-components .pwa-btn.safari:active, pwa-extension-ng-components .pwa-btn.linkedin:active, pwa-extension-ng-components .pwa-btn.facebook:active, pwa-extension-ng-components .pwa-btn.bitbucket:active { opacity: 1; } pwa-extension-ng-components .pwa-btn.word:active:before, pwa-extension-ng-components .pwa-btn.chrome:active:before, pwa-extension-ng-components .pwa-btn.firefox:active:before, pwa-extension-ng-components .pwa-btn.safari:active:before, pwa-extension-ng-components .pwa-btn.linkedin:active:before, pwa-extension-ng-components .pwa-btn.facebook:active:before, pwa-extension-ng-components .pwa-btn.bitbucket:active:before { content: ”; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.2); z-index: -1; border-radius: 4px; } pwa-extension-ng-components .pwa-btn .pwa-btn-icon { display: inline-flex; align-items: center; vertical-align: top; height: 100%; position: relative; } pwa-extension-ng-components .pwa-btn .pwa-btn-icon + .pwa-btn-text, pwa-extension-ng-components .pwa-btn .pwa-btn-text + .pwa-btn-icon { margin-left: 8px; } pwa-extension-ng-components .pwa-btn.icon { width: 48px; padding: 0; } pwa-extension-ng-components .pwa-btn.icon .pwa-btn-icon { width: 100%; justify-content: center; } pwa-extension-ng-components .pwa-btn.icon.size-s { width: 32px; } pwa-extension-ng-components .pwa-btn.icon.size-l { width: 56px; } pwa-extension-ng-components .pwa-btn.pwa-btn-link { text-decoration: none !important; color: #fff; } pwa-extension-ng-components .pwa-btn.pwa-btn-link.outline:not(:hover) { color: #008585; } pwa-extension-ng-components .pwa-btn.pwa-btn-link.outline:not(:hover).second-color { color: #f8a551; } pwa-extension-ng-components .pwa-btn.pwa-btn-link.outline:not(:hover).error-color { color: #e73030; } pwa-extension-ng-components .pwa-btn.pwa-btn-link.text-btn { color: #008585; } pwa-extension-ng-components .pwa-btn.pwa-btn-link.text-btn.second-color { color: #f8a551; } pwa-extension-ng-components .pwa-btn.pwa-btn-link.text-btn.error-color { color: #e73030; } pwa-extension-ng-components .pwa-button { display: inline-block; box-sizing: border-box; cursor: pointer; outline: none; white-space: nowrap; text-align: center; text-decoration: none; padding: 0.8em 2em; } pwa-extension-ng-components .pwa-button:hover { text-decoration: none; } pwa-extension-ng-components .pwa-button:focus { text-decoration: none; } pwa-extension-ng-components .pwa-button.disabled, pwa-extension-ng-components .pwa-button[disabled=”], pwa-extension-ng-components .pwa-button[disabled=”true”] { opacity: 0.7; pointer-events: none; } pwa-extension-ng-components .pwa-button[hidden], pwa-extension-ng-components .pwa-button.hidden { display: none; } pwa-extension-ng-components .pwa-button.filled-orange-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #f8a551; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-orange-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-orange-button:hover:focus { color: #f8a551; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-orange-button:hover { border: 1px solid #f8a551; } pwa-extension-ng-components .pwa-button.filled-red-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #e73030; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-red-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-red-button:hover, pwa-extension-ng-components .pwa-button.filled-red-button:hover:focus { color: #e73030; } pwa-extension-ng-components .pwa-button.filled-red-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-red-button:hover { border: 1px solid #e73030; } pwa-extension-ng-components .pwa-button.inverted-orange-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #f8a551; background: transparent; border: 1px solid #f8a551; border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-orange-button:visited { color: #f8a551; } pwa-extension-ng-components .pwa-button.inverted-orange-button:hover, pwa-extension-ng-components .pwa-button.inverted-orange-button:hover:focus { color: #fff; } pwa-extension-ng-components .pwa-button.inverted-orange-button:hover { background: #f8a551; } pwa-extension-ng-components .pwa-button.inverted-orange-button:hover { border: 1px solid #f8a551; } pwa-extension-ng-components .pwa-button.filled-green-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #008585; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-green-button:hover, pwa-extension-ng-components .pwa-button.filled-green-button:hover:focus { color: #008585; } pwa-extension-ng-components .pwa-button.filled-green-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-button:hover { border: 1px solid #008585; } pwa-extension-ng-components .pwa-button.inverted-green-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #008585; background: transparent; border: 1px solid #008585; border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-green-button:visited { color: #008585; } pwa-extension-ng-components .pwa-button.inverted-green-button:hover, pwa-extension-ng-components .pwa-button.inverted-green-button:hover:focus { color: #fff; } pwa-extension-ng-components .pwa-button.inverted-green-button:hover { background: #008585; } pwa-extension-ng-components .pwa-button.inverted-green-button:hover { border: 1px solid #008585; } pwa-extension-ng-components .pwa-button.filled-green-orange-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #008585; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-green-orange-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-green-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-green-orange-button:hover:focus { color: #008585; } pwa-extension-ng-components .pwa-button.filled-green-orange-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-green-orange-button:hover { border: 1px solid #008585; } pwa-extension-ng-components .pwa-button.filled-green-orange-button:hover, pwa-extension-ng-components .pwa-button.filled-green-orange-button:hover:focus { background: #f8a551; border-color: #f8a551; color: #fff; } pwa-extension-ng-components .pwa-button.filled-word-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #19468b; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-word-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-word-button:hover, pwa-extension-ng-components .pwa-button.filled-word-button:hover:focus { color: #19468b; } pwa-extension-ng-components .pwa-button.filled-word-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-word-button:hover { border: 1px solid #19468b; } pwa-extension-ng-components .pwa-button.inverted-word-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #19468b; background: transparent; border: 1px solid #19468b; border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-word-button:visited { color: #19468b; } pwa-extension-ng-components .pwa-button.inverted-word-button:hover, pwa-extension-ng-components .pwa-button.inverted-word-button:hover:focus { color: #fff; } pwa-extension-ng-components .pwa-button.inverted-word-button:hover { background: #19468b; } pwa-extension-ng-components .pwa-button.inverted-word-button:hover { border: 1px solid #19468b; } pwa-extension-ng-components .pwa-button.filled-chrome-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #0d9d59; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-chrome-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-chrome-button:hover, pwa-extension-ng-components .pwa-button.filled-chrome-button:hover:focus { color: #0d9d59; } pwa-extension-ng-components .pwa-button.filled-chrome-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-chrome-button:hover { border: 1px solid #0d9d59; } pwa-extension-ng-components .pwa-button.inverted-chrome-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #0d9d59; background: transparent; border: 1px solid #0d9d59; border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-chrome-button:visited { color: #0d9d59; } pwa-extension-ng-components .pwa-button.inverted-chrome-button:hover, pwa-extension-ng-components .pwa-button.inverted-chrome-button:hover:focus { color: #fff; } pwa-extension-ng-components .pwa-button.inverted-chrome-button:hover { background: #0d9d59; } pwa-extension-ng-components .pwa-button.inverted-chrome-button:hover { border: 1px solid #0d9d59; } pwa-extension-ng-components .pwa-button.filled-firefox-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #3f83d7; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-firefox-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-firefox-button:hover, pwa-extension-ng-components .pwa-button.filled-firefox-button:hover:focus { color: #3f83d7; } pwa-extension-ng-components .pwa-button.filled-firefox-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-firefox-button:hover { border: 1px solid #3f83d7; } pwa-extension-ng-components .pwa-button.inverted-firefox-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #3f83d7; background: transparent; border: 1px solid #3f83d7; border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-firefox-button:visited { color: #3f83d7; } pwa-extension-ng-components .pwa-button.inverted-firefox-button:hover, pwa-extension-ng-components .pwa-button.inverted-firefox-button:hover:focus { color: #fff; } pwa-extension-ng-components .pwa-button.inverted-firefox-button:hover { background: #3f83d7; } pwa-extension-ng-components .pwa-button.inverted-firefox-button:hover { border: 1px solid #3f83d7; } pwa-extension-ng-components .pwa-button.filled-safari-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #00b0ff; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-safari-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-safari-button:hover, pwa-extension-ng-components .pwa-button.filled-safari-button:hover:focus { color: #00b0ff; } pwa-extension-ng-components .pwa-button.filled-safari-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-safari-button:hover { border: 1px solid #00b0ff; } pwa-extension-ng-components .pwa-button.inverted-safari-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #00b0ff; background: transparent; border: 1px solid #00b0ff; border-radius: 4px; } pwa-extension-ng-components .pwa-button.inverted-safari-button:visited { color: #00b0ff; } pwa-extension-ng-components .pwa-button.inverted-safari-button:hover, pwa-extension-ng-components .pwa-button.inverted-safari-button:hover:focus { color: #fff; } pwa-extension-ng-components .pwa-button.inverted-safari-button:hover { background: #00b0ff; } pwa-extension-ng-components .pwa-button.inverted-safari-button:hover { border: 1px solid #00b0ff; } pwa-extension-ng-components .pwa-button.filled-linkedin-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #0077b5; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-linkedin-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-linkedin-button:hover, pwa-extension-ng-components .pwa-button.filled-linkedin-button:hover:focus { color: #0077b5; } pwa-extension-ng-components .pwa-button.filled-linkedin-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-linkedin-button:hover { border: 1px solid #0077b5; } pwa-extension-ng-components .pwa-button.filled-facebook-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #3b5997; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-facebook-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-facebook-button:hover, pwa-extension-ng-components .pwa-button.filled-facebook-button:hover:focus { color: #3b5997; } pwa-extension-ng-components .pwa-button.filled-facebook-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-facebook-button:hover { border: 1px solid #3b5997; } pwa-extension-ng-components .pwa-button.filled-bitbucket-button { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #fff; background: #205081; border: 1px solid transparent; border-radius: 4px; } pwa-extension-ng-components .pwa-button.filled-bitbucket-button:visited { color: #fff; } pwa-extension-ng-components .pwa-button.filled-bitbucket-button:hover, pwa-extension-ng-components .pwa-button.filled-bitbucket-button:hover:focus { color: #205081; } pwa-extension-ng-components .pwa-button.filled-bitbucket-button:hover { background: transparent; } pwa-extension-ng-components .pwa-button.filled-bitbucket-button:hover { border: 1px solid #205081; } pwa-extension-ng-components .pwa-button.rounded-grey { font-family: ‘OpenSans Semibold’; font-size: 14px; color: #636666; background: #f5f5f5; border: 1px solid transparent; border-radius: 100px; } pwa-extension-ng-components .pwa-button.rounded-grey:visited { color: #636666; } pwa-extension-ng-components .pwa-button.rounded-grey:hover, pwa-extension-ng-components .pwa-button.rounded-grey:hover:focus { color: #565959; } pwa-extension-ng-components .pwa-button.rounded-grey:hover { background: #e8e8e8; } pwa-extension-ng-components .pwa-button.rounded-grey:hover { border: 1px solid transparent; } pwa-extension-ng-components .pwa-button.size-xxlarge { font-size: 20px; } pwa-extension-ng-components .pwa-button.size-xlarge { font-size: 18px; } pwa-extension-ng-components .pwa-button.size-large { font-size: 16px; } pwa-extension-ng-components .pwa-button.size-regular { font-size: 14px; } pwa-extension-ng-components .pwa-button.size-small { font-size: 12px; } pwa-extension-ng-components .pwa-button.size-xsmall { font-size: 10px; } pwa-extension-ng-components .pwa-button.size-xxsmall { font-size: 8px; } pwa-extension-ng-components .pwa-button.sizing-width-pc100 { width: 100%; } pwa-extension-ng-components .pwa-input.bordered { display: inline-flex; flex-direction: row; position: relative; font-size: 14px; } pwa-extension-ng-components .pwa-input.bordered input, pwa-extension-ng-components .pwa-input.bordered textarea { width: 100%; padding-top: 0.8em; padding-bottom: 0.8em; padding-left: 1em; padding-right: 1em; font-family: ‘OpenSans Regular’, serif; font-size: inherit; color: #008585; border: none; outline: none; order: 10; background: transparent; } pwa-extension-ng-components .pwa-input.bordered input:invalid, pwa-extension-ng-components .pwa-input.bordered textarea:invalid, pwa-extension-ng-components .pwa-input.bordered input:-moz-submit-invalid, pwa-extension-ng-components .pwa-input.bordered textarea:-moz-submit-invalid, pwa-extension-ng-components .pwa-input.bordered input:-moz-ui-invalid, pwa-extension-ng-components .pwa-input.bordered textarea:-moz-ui-invalid { box-shadow: none; } pwa-extension-ng-components .pwa-input.bordered textarea { resize: vertical; } pwa-extension-ng-components .pwa-input.bordered .pwa-input-fake-border { pointer-events: none !important; z-index: -1; } pwa-extension-ng-components .pwa-input.bordered.with-entities input, pwa-extension-ng-components .pwa-input.bordered.with-entities textarea { padding-left: 0.5em; padding-right: 0.5em; } pwa-extension-ng-components .pwa-input.bordered *:not(input).pull-left, pwa-extension-ng-components .pwa-input.bordered *:not(textarea).pull-left, pwa-extension-ng-components .pwa-input.bordered *:not(.pwa-input-message).pull-left, pwa-extension-ng-components .pwa-input.bordered *:not(input).pull-right, pwa-extension-ng-components .pwa-input.bordered *:not(textarea).pull-right, pwa-extension-ng-components .pwa-input.bordered *:not(.pwa-input-message).pull-right { display: inline-flex; justify-content: center; align-items: center; } pwa-extension-ng-components .pwa-input.bordered *:not(input).pull-left, pwa-extension-ng-components .pwa-input.bordered *:not(textarea).pull-left, pwa-extension-ng-components .pwa-input.bordered *:not(.pwa-input-message).pull-left { order: 0; } pwa-extension-ng-components .pwa-input.bordered *:not(input).pull-left.pwa-input-button, pwa-extension-ng-components .pwa-input.bordered *:not(textarea).pull-left.pwa-input-button, pwa-extension-ng-components .pwa-input.bordered *:not(.pwa-input-message).pull-left.pwa-input-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } pwa-extension-ng-components .pwa-input.bordered *:not(input).pull-left > *, pwa-extension-ng-components .pwa-input.bordered *:not(textarea).pull-left > *, pwa-extension-ng-components .pwa-input.bordered *:not(.pwa-input-message).pull-left > * { padding-left: 0.5em; } pwa-extension-ng-components .pwa-input.bordered *:not(input).pull-right, pwa-extension-ng-components .pwa-input.bordered *:not(textarea).pull-right, pwa-extension-ng-components .pwa-input.bordered *:not(.pwa-input-message).pull-right { order: 20; } pwa-extension-ng-components .pwa-input.bordered *:not(input).pull-right.pwa-input-button, pwa-extension-ng-components .pwa-input.bordered *:not(textarea).pull-right.pwa-input-button, pwa-extension-ng-components .pwa-input.bordered *:not(.pwa-input-message).pull-right.pwa-input-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } pwa-extension-ng-components .pwa-input.bordered *:not(input).pull-right > *, pwa-extension-ng-components .pwa-input.bordered *:not(textarea).pull-right > *, pwa-extension-ng-components .pwa-input.bordered *:not(.pwa-input-message).pull-right > * { padding-right: 0.5em; } pwa-extension-ng-components .pwa-input.bordered .pwa-input-message { position: absolute; top: 100%; left: 0; right: 0; } pwa-extension-ng-components .pwa-input.bordered .pwa-input-message.error-message { background: #fad6d6; color: #e73030; padding: 4px 12px; } pwa-extension-ng-components .pwa-input.bordered .pwa-input-fake-border { border-color: #dedede; border-width: 1px; border-radius: 4px; border-style: solid; width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; box-sizing: border-box; } pwa-extension-ng-components .pwa-input.bordered input:focus ~ .pwa-input-fake-border, pwa-extension-ng-components .pwa-input.bordered textarea:focus ~ .pwa-input-fake-border { border-color: #008585; transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-input.underlined { display: inline-flex; flex-direction: row; position: relative; font-size: 14px; } pwa-extension-ng-components .pwa-input.underlined input, pwa-extension-ng-components .pwa-input.underlined textarea { width: 100%; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; padding-right: 0.5em; font-family: ‘OpenSans Regular’, serif; font-size: inherit; color: #008585; border: none; outline: none; order: 10; background: transparent; } pwa-extension-ng-components .pwa-input.underlined input:invalid, pwa-extension-ng-components .pwa-input.underlined textarea:invalid, pwa-extension-ng-components .pwa-input.underlined input:-moz-submit-invalid, pwa-extension-ng-components .pwa-input.underlined textarea:-moz-submit-invalid, pwa-extension-ng-components .pwa-input.underlined input:-moz-ui-invalid, pwa-extension-ng-components .pwa-input.underlined textarea:-moz-ui-invalid { box-shadow: none; } pwa-extension-ng-components .pwa-input.underlined textarea { resize: vertical; } pwa-extension-ng-components .pwa-input.underlined .pwa-input-fake-border { pointer-events: none !important; z-index: -1; } pwa-extension-ng-components .pwa-input.underlined.with-entities input, pwa-extension-ng-components .pwa-input.underlined.with-entities textarea { padding-left: 0.25em; padding-right: 0.25em; } pwa-extension-ng-components .pwa-input.underlined *:not(input).pull-left, pwa-extension-ng-components .pwa-input.underlined *:not(textarea).pull-left, pwa-extension-ng-components .pwa-input.underlined *:not(.pwa-input-message).pull-left, pwa-extension-ng-components .pwa-input.underlined *:not(input).pull-right, pwa-extension-ng-components .pwa-input.underlined *:not(textarea).pull-right, pwa-extension-ng-components .pwa-input.underlined *:not(.pwa-input-message).pull-right { display: inline-flex; justify-content: center; align-items: center; } pwa-extension-ng-components .pwa-input.underlined *:not(input).pull-left, pwa-extension-ng-components .pwa-input.underlined *:not(textarea).pull-left, pwa-extension-ng-components .pwa-input.underlined *:not(.pwa-input-message).pull-left { order: 0; } pwa-extension-ng-components .pwa-input.underlined *:not(input).pull-left.pwa-input-button, pwa-extension-ng-components .pwa-input.underlined *:not(textarea).pull-left.pwa-input-button, pwa-extension-ng-components .pwa-input.underlined *:not(.pwa-input-message).pull-left.pwa-input-button { border-top-right-radius: 0; border-bottom-right-radius: 0; } pwa-extension-ng-components .pwa-input.underlined *:not(input).pull-left > *, pwa-extension-ng-components .pwa-input.underlined *:not(textarea).pull-left > *, pwa-extension-ng-components .pwa-input.underlined *:not(.pwa-input-message).pull-left > * { padding-left: 0.5em; } pwa-extension-ng-components .pwa-input.underlined *:not(input).pull-right, pwa-extension-ng-components .pwa-input.underlined *:not(textarea).pull-right, pwa-extension-ng-components .pwa-input.underlined *:not(.pwa-input-message).pull-right { order: 20; } pwa-extension-ng-components .pwa-input.underlined *:not(input).pull-right.pwa-input-button, pwa-extension-ng-components .pwa-input.underlined *:not(textarea).pull-right.pwa-input-button, pwa-extension-ng-components .pwa-input.underlined *:not(.pwa-input-message).pull-right.pwa-input-button { border-top-left-radius: 0; border-bottom-left-radius: 0; } pwa-extension-ng-components .pwa-input.underlined *:not(input).pull-right > *, pwa-extension-ng-components .pwa-input.underlined *:not(textarea).pull-right > *, pwa-extension-ng-components .pwa-input.underlined *:not(.pwa-input-message).pull-right > * { padding-right: 0.5em; } pwa-extension-ng-components .pwa-input.underlined .pwa-input-message { position: absolute; top: 100%; left: 0; right: 0; } pwa-extension-ng-components .pwa-input.underlined .pwa-input-message.error-message { background: #fad6d6; color: #e73030; padding: 4px 12px; } pwa-extension-ng-components .pwa-input.underlined .pwa-input-fake-border { border-bottom-color: #dedede; border-bottom-width: 1px; border-bottom-style: solid; width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; box-sizing: border-box; } pwa-extension-ng-components .pwa-input.underlined input:focus ~ .pwa-input-fake-border, pwa-extension-ng-components .pwa-input.underlined textarea:focus ~ .pwa-input-fake-border { border-bottom-color: #008585; transition: border-bottom-color 300ms ease; } pwa-extension-ng-components .pwa-input.size-xxlarge { font-size: 20px; } pwa-extension-ng-components .pwa-input.size-xlarge { font-size: 18px; } pwa-extension-ng-components .pwa-input.size-large { font-size: 16px; } pwa-extension-ng-components .pwa-input.size-regular { font-size: 14px; } pwa-extension-ng-components .pwa-input.size-small { font-size: 12px; } pwa-extension-ng-components .pwa-input.size-xsmall { font-size: 10px; } pwa-extension-ng-components .pwa-input.size-xxsmall { font-size: 8px; } pwa-extension-ng-components .pwa-input.sizing-width-pc100 { width: 100%; } pwa-extension-ng-components .input { display: flex; align-items: stretch; position: relative; z-index: 1; background-color: #fff; border-radius: 4px; font-size: 16px; /* Input Sizes */ /* Input kinds */ } pwa-extension-ng-components .input input { box-sizing: border-box; display: block; font-family: ‘OpenSans Regular’; color: #2f3333; flex: 1 1 auto; border: none; background-color: transparent; position: relative; border-radius: 4px; min-width: 0; margin: 1px; font-size: inherit; padding: 0 15px; height: 46px; line-height: 46px; } pwa-extension-ng-components .input input:focus { outline: none; } pwa-extension-ng-components .input input:focus ~ .input-fake-border { box-shadow: 0 0 0 3px rgba(0, 126, 255, 0.15); border-color: #008585; transition: border-color 300ms ease; } pwa-extension-ng-components .input .input-fake-border { box-sizing: border-box; border: 1px solid #dedede; border-radius: 4px; position: absolute; right: 0; top: 0; left: 0; height: 48px; z-index: -1; } pwa-extension-ng-components .input button { cursor: pointer; background-color: transparent; margin: 0; padding: 0; border: none; outline: none; } pwa-extension-ng-components .input .pull-left, pwa-extension-ng-components .input .pull-right { display: flex; align-items: center; flex: 0 0 auto; } pwa-extension-ng-components .input .pull-left .pwa-icon, pwa-extension-ng-components .input .pull-right .pwa-icon { pointer-events: none; } pwa-extension-ng-components .input .pull-left { order: -1; padding-left: 12px; } pwa-extension-ng-components .input .pull-right { padding-right: 12px; } pwa-extension-ng-components .input .pull-right.control { padding-left: 12px; } pwa-extension-ng-components .input.size-s input { font-size: 14px; height: 30px; line-height: 30px; padding: 0 11px; } pwa-extension-ng-components .input.size-s .input-fake-border { height: 32px; } pwa-extension-ng-components .input.size-s .pull-left { order: -1; padding-left: 8px; } pwa-extension-ng-components .input.size-s .pull-right { padding-right: 8px; } pwa-extension-ng-components .input.size-l input { font-size: 20px; height: 54px; line-height: 54px; } pwa-extension-ng-components .input.size-l .input-fake-border { height: 56px; } pwa-extension-ng-components .input.size-l .pull-left { order: -1; padding-left: 16px; } pwa-extension-ng-components .input.size-l .pull-right { padding-right: 16px; } pwa-extension-ng-components .input.error input ~ .input-fake-border, pwa-extension-ng-components .input.has-error input ~ .input-fake-border { border-color: #e73030; } pwa-extension-ng-components .input.error input:focus ~ .input-fake-border, pwa-extension-ng-components .input.has-error input:focus ~ .input-fake-border { box-shadow: 0 0 0 3px rgba(231, 48, 48, 0.1); } pwa-extension-ng-components .input.blog { background-color: transparent; } pwa-extension-ng-components .input.blog input { font-family: ‘OpenSans Regular’; color: #2f3333; margin: 0 0 2px 0; border-radius: 0; padding: 0; } pwa-extension-ng-components .input.blog input:focus ~ .input-fake-border { box-shadow: none; } pwa-extension-ng-components .input.blog .input-fake-border { border-radius: 0; border: none; border-bottom: solid 2px #b3dada; } pwa-extension-ng-components .textarea { display: block; font-size: 16px; height: 100px; /* Textarea kinds */ } pwa-extension-ng-components .textarea textarea { box-sizing: border-box; height: 100%; width: 100%; padding: 12px 15px; font-size: inherit; line-height: 1.5em; font-family: ‘OpenSans Regular’; color: #2f3333; background-color: #fff; border-radius: 4px; border: 1px solid #dedede; } pwa-extension-ng-components .textarea textarea:focus { outline: none; box-shadow: 0 0 0 3px rgba(0, 126, 255, 0.15); border-color: #008585; transition: border-color 300ms ease; } pwa-extension-ng-components .textarea.size-s { font-size: 14px; height: 60px; } pwa-extension-ng-components .textarea.size-s textarea { padding: 12px 11px; } pwa-extension-ng-components .textarea.size-l { font-size: 20px; height: 140px; } pwa-extension-ng-components .textarea.error textarea { border-color: #e73030; } pwa-extension-ng-components .textarea.error textarea:focus { box-shadow: 0 0 0 3px rgba(231, 48, 48, 0.1); } pwa-extension-ng-components .controls-group { display: flex; align-items: stretch; background-color: #fff; border-radius: 4px; } pwa-extension-ng-components .controls-group > .input { flex: 1 1 auto; } pwa-extension-ng-components .controls-group > .input, pwa-extension-ng-components .controls-group > .select, pwa-extension-ng-components .controls-group > .pwa-btn, pwa-extension-ng-components .controls-group > a, pwa-extension-ng-components .controls-group > div, pwa-extension-ng-components .controls-group > span { margin-right: -1px; border-radius: 0; } pwa-extension-ng-components .controls-group > .input:first-child, pwa-extension-ng-components .controls-group > .select:first-child, pwa-extension-ng-components .controls-group > .pwa-btn:first-child, pwa-extension-ng-components .controls-group > a:first-child, pwa-extension-ng-components .controls-group > div:first-child, pwa-extension-ng-components .controls-group > span:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } pwa-extension-ng-components .controls-group > .input:last-child, pwa-extension-ng-components .controls-group > .select:last-child, pwa-extension-ng-components .controls-group > .pwa-btn:last-child, pwa-extension-ng-components .controls-group > a:last-child, pwa-extension-ng-components .controls-group > div:last-child, pwa-extension-ng-components .controls-group > span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; margin-right: 0; } pwa-extension-ng-components .controls-group > .input input, pwa-extension-ng-components .controls-group > .input .input-fake-border { border-radius: 0; } pwa-extension-ng-components .controls-group > .input:first-child:last-child input, pwa-extension-ng-components .controls-group > .input:first-child:last-child .input-fake-border { border-radius: 4px; } pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) input, pwa-extension-ng-components .controls-group > .input:first-child:not(:last-child) .input-fake-border { border-radius: 4px 0 0 4px; } pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) input, pwa-extension-ng-components .controls-group > .input:last-child:not(:first-child) .input-fake-border { border-radius: 0 4px 4px 0; } pwa-extension-ng-components .form-field-jquery-validation { border-radius: 4px; } pwa-extension-ng-components .pwa-dialog-ex { width: 100%; height: 100%; background: #fff; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; position: relative; } pwa-extension-ng-components .pwa-dialog-ex .pwa-dialog-header-ex { width: 100%; height: auto; background: #006c6c; text-align: center; font-family: ‘OpenSans Semibold’; display: flex; justify-content: center; color: #ffffff; position: relative; box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog-ex .pwa-dialog-header-ex .pwa-dialog-header-container { width: 100%; padding: 10px; } pwa-extension-ng-components .pwa-dialog-ex .pwa-dialog-header-ex .pwa-dialog-header-close-button { min-width: 15px; max-width: 15px; max-height: 15px; fill: #ffffff; opacity: 0.5; cursor: pointer; padding: 10px; } pwa-extension-ng-components .pwa-dialog-ex .pwa-dialog-header-ex .pwa-dialog-header-close-button:hover { opacity: 0.7; } pwa-extension-ng-components .pwa-dialog-ex .pwa-dialog-header-ex.hide-close-button .pwa-dialog-header-close-button { display: none; } pwa-extension-ng-components .pwa-dialog-ex .pwa-dialog-content-ex { width: 100%; height: 100%; position: relative; flex-grow: 1; padding: 30px; box-sizing: border-box; overflow: auto; } pwa-extension-ng-components .pwa-dialog-ex .pwa-dialog-footer-ex { width: 100%; position: relative; box-shadow: -1px -1px 10px 0px rgba(0, 0, 0, 0.25); padding: 20px; display: flex; justify-content: flex-end; align-items: center; box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog-ex .pwa-dialog-footer-ex > * { margin-left: 10px; } pwa-extension-ng-components .pwa-modal-container-ex { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); z-index: 9999999999999; } pwa-extension-ng-components .pwa-modal-container-ex.inline { position: relative; z-index: auto; } pwa-extension-ng-components .pwa-modal-container-ex.overlay-white { background: white; } pwa-extension-ng-components .pwa-modal-container-ex > * { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } pwa-extension-ng-components .pwa-spinning-loader-indicator { display: inline-flex; align-items: center; font-size: inherit; } pwa-extension-ng-components .pwa-spinning-loader-indicator svg { width: 2em; height: 2em; animation: pwa-spinning-keyframes 750ms linear infinite; } pwa-extension-ng-components .pwa-spinning-loader-indicator svg path { fill: inherit; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-white { fill: white; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-black { fill: black; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-main { fill: #008585; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-main-darken-1 { fill: #006c6c; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-second { fill: #f8a551; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-error { fill: #e73030; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-gray { fill: #2f3333; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-gray-5 { fill: #b6b8b8; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-gray-6 { fill: #979999; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-gray-7 { fill: #787a7a; } pwa-extension-ng-components .pwa-spinning-loader-indicator.color-gray-8 { fill: #636666; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xxlarge { font-size: 20px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xlarge { font-size: 18px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-large { font-size: 16px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-regular { font-size: 14px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-small { font-size: 12px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xsmall { font-size: 10px; } pwa-extension-ng-components .pwa-spinning-loader-indicator.size-xxsmall { font-size: 8px; } pwa-extension-ng-components .pwa-sidemenu { width: 100%; display: flex; flex-direction: column; -webkit-font-smoothing: antialiased; font-size: 14px; } pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item { font-family: ‘OpenSans Regular’; text-decoration: none; font-size: inherit; } pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item.button { color: #004242; text-decoration: none; border-radius: 4px; margin-bottom: 4px; padding: 0.55em 1em 0.5em; font-size: 0.95em; } pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item.button.selected, pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item.button[selected=”true”] { background: #008585; color: #fff; font-family: ‘OpenSans Semibold’; } pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item.button.selected:hover, pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item.button[selected=”true”]:hover { background: #008585; } pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item.button:hover { background: #ebf5f5; } pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item.text-separator { color: #b6b8b8; padding: 2em 1em 0.6em; font-size: 0.9em; cursor: default; } pwa-extension-ng-components .pwa-sidemenu > .pwa-sidemenu-item a.text-separator { cursor: auto; pointer-events: none; } pwa-extension-ng-components .pwa-sidemenu.size-xxlarge { font-size: 20px; } pwa-extension-ng-components .pwa-sidemenu.size-xlarge { font-size: 18px; } pwa-extension-ng-components .pwa-sidemenu.size-large { font-size: 16px; } pwa-extension-ng-components .pwa-sidemenu.size-regular { font-size: 14px; } pwa-extension-ng-components .pwa-sidemenu.size-small { font-size: 12px; } pwa-extension-ng-components .pwa-sidemenu.size-xsmall { font-size: 10px; } pwa-extension-ng-components .pwa-sidemenu.size-xxsmall { font-size: 8px; } pwa-extension-ng-components .pwa-sidemenu.sizing-width-pc100 { width: 100%; } pwa-extension-ng-components .pwa-hover-container { display: flex; } pwa-extension-ng-components .pwa-hover-container.inline { display: inline-flex; } pwa-extension-ng-components .pwa-hover-container.rounded { border-radius: 4px; } pwa-extension-ng-components .pwa-hover-container.clickable { cursor: pointer; } pwa-extension-ng-components .pwa-hover-container.list-item { padding: 18px 12px; border: 1px solid transparent; } pwa-extension-ng-components .pwa-hover-container.list-item:hover { background: #f5fafa; border: 1px solid #cce7e7; } pwa-extension-ng-components .pwa-hover-container.list-item__static { background: #f5fafa; border: 1px solid #cce7e7; } pwa-extension-ng-components .pwa-checkbox-ex { display: inline-flex; flex-direction: row; align-items: center; justify-content: flex-start; padding: 0.8em 0; word-break: break-all; position: relative; cursor: pointer; font-family: ‘OpenSans Regular’; min-height: 1em; max-height: 1em; } pwa-extension-ng-components .pwa-checkbox-ex[hidden], pwa-extension-ng-components .pwa-checkbox-ex.hidden { display: none; } pwa-extension-ng-components .pwa-checkbox-ex.disabled, pwa-extension-ng-components .pwa-checkbox-ex[disabled=”], pwa-extension-ng-components .pwa-checkbox-ex[disabled=”true”] { opacity: 0.7; pointer-events: none; } pwa-extension-ng-components .pwa-checkbox-ex > input { display: none; } pwa-extension-ng-components .pwa-checkbox-ex > .pwa-checkbox-fake-mark { position: relative; box-sizing: border-box; min-width: 1em; max-width: 1em; height: 1em; margin-right: 0.5em; margin-left: 0.2em; border-radius: 3px; background-color: #fff; border: 1px solid #dedede; z-index: 1; padding: 0.1em; } pwa-extension-ng-components .pwa-checkbox-ex > .pwa-checkbox-fake-mark svg { display: none; fill: inherit; } pwa-extension-ng-components .pwa-checkbox-ex .pwa-checkbox-label { z-index: 1; margin-top: 0.25em; line-height: 0.5em; } pwa-extension-ng-components .pwa-checkbox-ex input:checked ~ .pwa-checkbox-fake-mark svg { display: block; } pwa-extension-ng-components .pwa-checkbox-ex.color-white { fill: white; } pwa-extension-ng-components .pwa-checkbox-ex.color-black { fill: black; } pwa-extension-ng-components .pwa-checkbox-ex.color-main { fill: #008585; } pwa-extension-ng-components .pwa-checkbox-ex.color-main-darken-1 { fill: #006c6c; } pwa-extension-ng-components .pwa-checkbox-ex.color-second { fill: #f8a551; } pwa-extension-ng-components .pwa-checkbox-ex.color-error { fill: #e73030; } pwa-extension-ng-components .pwa-checkbox-ex.color-gray { fill: #2f3333; } pwa-extension-ng-components .pwa-checkbox-ex.color-gray-5 { fill: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox-ex.color-gray-6 { fill: #979999; } pwa-extension-ng-components .pwa-checkbox-ex.color-gray-7 { fill: #787a7a; } pwa-extension-ng-components .pwa-checkbox-ex.color-gray-8 { fill: #636666; } pwa-extension-ng-components .pwa-checkbox-ex.size-xxlarge { font-size: 20px; } pwa-extension-ng-components .pwa-checkbox-ex.size-xlarge { font-size: 18px; } pwa-extension-ng-components .pwa-checkbox-ex.size-large { font-size: 16px; } pwa-extension-ng-components .pwa-checkbox-ex.size-regular { font-size: 14px; } pwa-extension-ng-components .pwa-checkbox-ex.size-small { font-size: 12px; } pwa-extension-ng-components .pwa-checkbox-ex.size-xsmall { font-size: 10px; } pwa-extension-ng-components .pwa-checkbox-ex.size-xxsmall { font-size: 8px; } pwa-extension-ng-components .pwa-checkbox-ex.sizing-width-pc100 { width: 100%; } pwa-extension-ng-components .pwa-switch { position: relative; display: inline-block; width: 2.8em; height: 1.4em; cursor: pointer; } pwa-extension-ng-components .pwa-switch[hidden], pwa-extension-ng-components .pwa-switch.hidden { display: none; } pwa-extension-ng-components .pwa-switch.disabled, pwa-extension-ng-components .pwa-switch[disabled=”], pwa-extension-ng-components .pwa-switch[disabled=”true”] { opacity: 0.7; pointer-events: none; } pwa-extension-ng-components .pwa-switch input { display: none; } pwa-extension-ng-components .pwa-switch .track { position: absolute; top: 0.175em; height: 1.12em; left: 0; right: 0; border-radius: 130px; background-color: #b6b8b8; transition: 0.3s; cursor: pointer; } pwa-extension-ng-components .pwa-switch .thumb { position: absolute; left: 0; bottom: 0; width: 1.4em; height: 1.4em; border-radius: 0.7em; transition: 0.3s; } pwa-extension-ng-components .pwa-switch .thumb .pwa-spinning-loader-indicator { display: none !important; position: absolute; top: 50%; left: 50%; width: 1em; height: 1em; transform: translate(-50%, -50%); fill: rgba(182, 184, 184, 0.9) !important; } pwa-extension-ng-components .pwa-switch .thumb .pwa-spinning-loader-indicator svg { font-size: 0.5em !important; } pwa-extension-ng-components .pwa-switch .thumb .highlight { display: none; position: absolute; top: -0.56em; left: -0.56em; width: 2.52em; height: 2.52em; border-radius: 1.26em; background-color: rgba(182, 184, 184, 0.3); transition: 0.3s; } pwa-extension-ng-components .pwa-switch .thumb .handle { content: “”; position: absolute; width: 1.4em; height: 1.4em; border-radius: 0.7em; background-color: #fff; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); transition: 0.3s; } pwa-extension-ng-components .pwa-switch .thumb:active .highlight { background-color: rgba(182, 184, 184, 0.7); } pwa-extension-ng-components .pwa-switch input:checked ~ .track { background-color: #66b6b6; } pwa-extension-ng-components .pwa-switch input:focus ~ .track { box-shadow: 0 0 1px #66b6b6; } pwa-extension-ng-components .pwa-switch input:checked ~ .thumb { color: #fff; transform: translateX(1.4em); } pwa-extension-ng-components .pwa-switch input:checked ~ .thumb .handle { background-color: #008585; } pwa-extension-ng-components .pwa-switch input:checked ~ .thumb .highlight { background-color: rgba(102, 182, 182, 0.3); } pwa-extension-ng-components .pwa-switch input:checked ~ .thumb .pwa-spinning-loader-indicator { fill: rgba(102, 182, 182, 0.9) !important; } pwa-extension-ng-components .pwa-switch input:checked ~ .thumb:active .highlight { background-color: rgba(102, 182, 182, 0.7); } pwa-extension-ng-components .pwa-switch.loading { pointer-events: none; } pwa-extension-ng-components .pwa-switch.loading .thumb .pwa-spinning-loader-indicator { display: block !important; } pwa-extension-ng-components .pwa-switch:hover .thumb .highlight { display: block; } pwa-extension-ng-components .pwa-switch.size-xxlarge { font-size: 20px; } pwa-extension-ng-components .pwa-switch.size-xlarge { font-size: 18px; } pwa-extension-ng-components .pwa-switch.size-large { font-size: 16px; } pwa-extension-ng-components .pwa-switch.size-regular { font-size: 14px; } pwa-extension-ng-components .pwa-switch.size-small { font-size: 12px; } pwa-extension-ng-components .pwa-switch.size-xsmall { font-size: 10px; } pwa-extension-ng-components .pwa-switch.size-xxsmall { font-size: 8px; } pwa-extension-ng-components .pwa-select { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-flex; width: 100%; height: 48px; padding: 0 40px 0 16px; box-sizing: border-box; font-size: 16px; color: #2f3333; text-overflow: ellipsis; border: 1px solid #dedede; border-radius: 4px; background-color: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMSAxTDcgN0wxMyAxIiBzdHJva2U9IiM0RTUyNTIiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: calc(100% – 13px) 50%; /* Sizes */ } pwa-extension-ng-components .pwa-select::-ms-expand { display: none; } pwa-extension-ng-components .pwa-select:focus { outline: none; box-shadow: 0 0 0 3px rgba(0, 126, 255, 0.15); border-color: #008585; transition: border-color 300ms ease; } pwa-extension-ng-components .pwa-select.size-s { font-size: 14px; height: 32px; padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-select.size-l { font-size: 18px; height: 56px; padding: 0 40px 0 16px; } pwa-extension-ng-components .pwa-tabs { display: flex; flex-direction: row; align-items: stretch; justify-content: center; width: 100%; height: 48px; font-family: ‘OpenSans’, serif; font-weight: normal; } pwa-extension-ng-components .pwa-tabs > *:not(.pwa-invisible) + * { margin-left: 24px; } pwa-extension-ng-components .pwa-tabs .pwa-tab { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; line-height: 32px; color: #008585; box-sizing: border-box; cursor: pointer; border-bottom: 2px solid transparent; } pwa-extension-ng-components .pwa-tabs .pwa-tab > *:not(.pwa-invisible) + * { margin-left: 8px; } pwa-extension-ng-components .pwa-tabs .pwa-tab, pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_unselected { opacity: 0.5; } pwa-extension-ng-components .pwa-tabs .pwa-tab.pwa-tab_selected { opacity: 1; border-bottom: 2px solid #008585; color: #008585; } pwa-extension-ng-components .pwa-tabs.full-width .pwa-tab { width: 100%; } pwa-extension-ng-components .pwa-tabs.align-left { justify-content: left; } pwa-extension-ng-components .pwa-icon { display: inline-flex; color: #4e5252; /* Colors */ /* Some icons additional styles */ /* integration with +pwa-button() component */ } pwa-extension-ng-components .pwa-icon path { stroke: currentColor; } pwa-extension-ng-components .pwa-icon.direction-left { transform: rotate(-180deg); } pwa-extension-ng-components .pwa-icon.direction-bottom { transform: rotate(90deg); } pwa-extension-ng-components .pwa-icon.direction-top { transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.orientation-vertical { transform: rotate(-90deg); } pwa-extension-ng-components .pwa-icon.round { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; position: relative; } pwa-extension-ng-components .pwa-icon.round:before { content: “”; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: currentColor; opacity: 0.2; z-index: 0; border-radius: 50%; } pwa-extension-ng-components .pwa-icon.round svg { z-index: 1; } pwa-extension-ng-components .pwa-icon.main-color { color: #008585; } pwa-extension-ng-components .pwa-icon.second-color { color: #f8a551; } pwa-extension-ng-components .pwa-icon.success-color { color: #42c952; } pwa-extension-ng-components .pwa-icon.error-color { color: #e73030; } pwa-extension-ng-components .pwa-icon.white-color { color: #fff; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading { animation: pwa-spinning-keyframes 750ms linear infinite; } pwa-extension-ng-components .pwa-icon.pwa-icon-loading path { stroke: transparent; fill: currentColor; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo rect { fill: currentColor; height: 100%; } pwa-extension-ng-components .pwa-icon.pwa-icon-logo path { fill: white; stroke: transparent; } pwa-extension-ng-components .pwa-icon.filled path, pwa-extension-ng-components .pwa-icon.filled rect { stroke: transparent; fill: currentColor; } pwa-extension-ng-components .pwa-icon.filled path.filled, pwa-extension-ng-components .pwa-icon.filled rect.filled { stroke: currentColor; } .pwa-btn.outline:hover pwa-extension-ng-components .pwa-icon path, .pwa-btn.outline:active pwa-extension-ng-components .pwa-icon path, .pwa-btn:disabled pwa-extension-ng-components .pwa-icon path { color: #fff; } pwa-extension-ng-components .pwa-badge { display: inline-flex; font-family: ‘OpenSans’, serif; font-weight: 600; justify-content: center; align-items: center; } pwa-extension-ng-components .pwa-badge.size-s { font-size: 14px; line-height: 24px; padding: 0 4px; border-radius: 24px; min-width: 16px; } @media all and (-ms-high-contrast: none) { pwa-extension-ng-components .pwa-badge.size-s { line-height: 20.8px; } } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.size-m { font-size: 16px; line-height: 26px; padding: 0 8px; border-radius: 26px; min-width: 10px; } @media all and (-ms-high-contrast: none) { pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.size-m { line-height: 20.8px; } } pwa-extension-ng-components .pwa-badge.size-l { font-size: 20px; line-height: 30px; padding: 0 8px; border-radius: 30px; min-width: 14px; } @media all and (-ms-high-contrast: none) { pwa-extension-ng-components .pwa-badge.size-l { line-height: 20.8px; } } pwa-extension-ng-components .pwa-badge, pwa-extension-ng-components .pwa-badge.success-color { color: #42c952; background: #F2F9F3; } pwa-extension-ng-components .pwa-badge.warning-color { color: #f8a551; background: #FEFAF5; } pwa-extension-ng-components .pwa-badge.error-color { color: #e73030; background: #fdeaea; } pwa-extension-ng-components .pwa-badge.error-color–strong { color: #fff; background: #e73030; } pwa-extension-ng-components .pwa-badge.main-color { color: #008585; background: #ebf5f5; } pwa-extension-ng-components .pwa-badge.main-color–strong { color: #fff; background: #008585; } pwa-extension-ng-components .pwa-checkbox { font-size: 16px; line-height: 24px; display: inline-flex; align-items: center; font-weight: 400; cursor: pointer; /* * Internal mixin for colorizing svg elements */ } pwa-extension-ng-components .pwa-checkbox > *:not(.pwa-invisible) + * { margin-left: 8px; } pwa-extension-ng-components .pwa-checkbox > input { display: none; } pwa-extension-ng-components .pwa-checkbox > .pwa-checkbox-label { display: inline-flex; } pwa-extension-ng-components .pwa-checkbox svg rect { height: 23px; } pwa-extension-ng-components .pwa-checkbox svg path { transition: transform 100ms cubic-bezier(0.38, -1.26, 0.12, 2.13); transform-origin: center; } pwa-extension-ng-components .pwa-checkbox input:not(:checked):not([disabled]) ~ svg rect { fill: #fff; stroke: #008585; } pwa-extension-ng-components .pwa-checkbox input:not(:checked):not([disabled]) ~ svg path { transform: scale(0); stroke: #008585; } pwa-extension-ng-components .pwa-checkbox input:not(:checked):not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox input:checked:not([disabled]) ~ svg rect { fill: #fff; stroke: #008585; } pwa-extension-ng-components .pwa-checkbox input:checked:not([disabled]) ~ svg path { stroke: #008585; transform: scale(1); } pwa-extension-ng-components .pwa-checkbox input:checked:not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox input:not(:checked)[disabled] ~ svg rect { fill: #fff; stroke: #008585; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox input:not(:checked)[disabled] ~ svg path { transform: scale(0); stroke: #008585; } pwa-extension-ng-components .pwa-checkbox input:not(:checked)[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox input:checked[disabled] ~ svg rect { fill: #fff; stroke: #008585; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox input:checked[disabled] ~ svg path { stroke: #008585; transform: scale(1); opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox input:checked[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:not(:checked):not([disabled]) ~ svg rect { fill: #F2F7FC; stroke: #56A8FC; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:not(:checked):not([disabled]) ~ svg path { transform: scale(0); stroke: #56A8FC; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:not(:checked):not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:checked:not([disabled]) ~ svg rect { fill: #F2F7FC; stroke: #56A8FC; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:checked:not([disabled]) ~ svg path { stroke: #56A8FC; transform: scale(1); } pwa-extension-ng-components .pwa-checkbox.grammar-color input:checked:not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:not(:checked)[disabled] ~ svg rect { fill: #F2F7FC; stroke: #56A8FC; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:not(:checked)[disabled] ~ svg path { transform: scale(0); stroke: #56A8FC; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:not(:checked)[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:checked[disabled] ~ svg rect { fill: #F2F7FC; stroke: #56A8FC; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:checked[disabled] ~ svg path { stroke: #56A8FC; transform: scale(1); opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.grammar-color input:checked[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox.style-color input:not(:checked):not([disabled]) ~ svg rect { fill: #fffbf6; stroke: #f8a551; } pwa-extension-ng-components .pwa-checkbox.style-color input:not(:checked):not([disabled]) ~ svg path { transform: scale(0); stroke: #f8a551; } pwa-extension-ng-components .pwa-checkbox.style-color input:not(:checked):not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox.style-color input:checked:not([disabled]) ~ svg rect { fill: #fffbf6; stroke: #f8a551; } pwa-extension-ng-components .pwa-checkbox.style-color input:checked:not([disabled]) ~ svg path { stroke: #f8a551; transform: scale(1); } pwa-extension-ng-components .pwa-checkbox.style-color input:checked:not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox.style-color input:not(:checked)[disabled] ~ svg rect { fill: #fffbf6; stroke: #f8a551; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.style-color input:not(:checked)[disabled] ~ svg path { transform: scale(0); stroke: #f8a551; } pwa-extension-ng-components .pwa-checkbox.style-color input:not(:checked)[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox.style-color input:checked[disabled] ~ svg rect { fill: #fffbf6; stroke: #f8a551; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.style-color input:checked[disabled] ~ svg path { stroke: #f8a551; transform: scale(1); opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.style-color input:checked[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:not(:checked):not([disabled]) ~ svg rect { fill: #fef5f5; stroke: #e73030; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:not(:checked):not([disabled]) ~ svg path { transform: scale(0); stroke: #e73030; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:not(:checked):not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:checked:not([disabled]) ~ svg rect { fill: #fef5f5; stroke: #e73030; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:checked:not([disabled]) ~ svg path { stroke: #e73030; transform: scale(1); } pwa-extension-ng-components .pwa-checkbox.spelling-color input:checked:not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:not(:checked)[disabled] ~ svg rect { fill: #fef5f5; stroke: #e73030; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:not(:checked)[disabled] ~ svg path { transform: scale(0); stroke: #e73030; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:not(:checked)[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:checked[disabled] ~ svg rect { fill: #fef5f5; stroke: #e73030; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:checked[disabled] ~ svg path { stroke: #e73030; transform: scale(1); opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.spelling-color input:checked[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox.passive-color input:not(:checked):not([disabled]) ~ svg rect { fill: #fcf8fd; stroke: #BB6BD9; } pwa-extension-ng-components .pwa-checkbox.passive-color input:not(:checked):not([disabled]) ~ svg path { transform: scale(0); stroke: #BB6BD9; } pwa-extension-ng-components .pwa-checkbox.passive-color input:not(:checked):not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox.passive-color input:checked:not([disabled]) ~ svg rect { fill: #fcf8fd; stroke: #BB6BD9; } pwa-extension-ng-components .pwa-checkbox.passive-color input:checked:not([disabled]) ~ svg path { stroke: #BB6BD9; transform: scale(1); } pwa-extension-ng-components .pwa-checkbox.passive-color input:checked:not([disabled]) ~ .pwa-checkbox-label { color: #2f3333; } pwa-extension-ng-components .pwa-checkbox.passive-color input:not(:checked)[disabled] ~ svg rect { fill: #fcf8fd; stroke: #BB6BD9; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.passive-color input:not(:checked)[disabled] ~ svg path { transform: scale(0); stroke: #BB6BD9; } pwa-extension-ng-components .pwa-checkbox.passive-color input:not(:checked)[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-checkbox.passive-color input:checked[disabled] ~ svg rect { fill: #fcf8fd; stroke: #BB6BD9; opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.passive-color input:checked[disabled] ~ svg path { stroke: #BB6BD9; transform: scale(1); opacity: 0.3; } pwa-extension-ng-components .pwa-checkbox.passive-color input:checked[disabled] ~ .pwa-checkbox-label { color: #b6b8b8; } pwa-extension-ng-components .pwa-modal { display: inline-flex; flex-direction: column; position: absolute; border: none; box-sizing: border-box; font-family: ‘OpenSans’, serif; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.white-color { background: #fff; color: #000; } pwa-extension-ng-components .pwa-modal.dark-color { background: #2f3333; color: #fff; } pwa-extension-ng-components .pwa-modal.main-color { background: #008585; color: #fff; } pwa-extension-ng-components .pwa-modal.size-s { border-radius: 4px; padding: 12px 8px; font-size: 14px; } pwa-extension-ng-components .pwa-modal, pwa-extension-ng-components .pwa-modal.size-m { border-radius: 4px; padding: 12px 16px; font-size: 16px; } pwa-extension-ng-components .pwa-modal.size-l { border-radius: 8px; padding: 16px 12px; font-size: 16px; } pwa-extension-ng-components .pwa-dialog { display: inline-flex; flex-direction: column; position: absolute; border: none; box-sizing: border-box; font-family: ‘OpenSans’, serif; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.white-color { background: #fff; color: #000; } pwa-extension-ng-components .pwa-dialog.dark-color { background: #2f3333; color: #fff; } pwa-extension-ng-components .pwa-dialog.main-color { background: #008585; color: #fff; } pwa-extension-ng-components .pwa-dialog.size-s { border-radius: 4px; padding: 12px 8px; font-size: 14px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m { border-radius: 4px; padding: 12px 16px; font-size: 16px; } pwa-extension-ng-components .pwa-dialog.size-l { border-radius: 8px; padding: 16px 12px; font-size: 16px; } pwa-extension-ng-components .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog_footer { display: flex; box-sizing: border-box; } pwa-extension-ng-components .pwa-dialog_header { justify-content: flex-start; align-items: center; z-index: 1; } pwa-extension-ng-components .pwa-dialog_header.with-separator { border-bottom: 1px solid #dedede; } pwa-extension-ng-components .pwa-dialog_header.flex-column { flex-direction: column; } pwa-extension-ng-components .pwa-dialog_content { overflow-x: hidden; overflow-y: auto; height: 100%; } pwa-extension-ng-components .pwa-dialog_footer { justify-content: flex-start; align-items: center; z-index: 1; } pwa-extension-ng-components .pwa-dialog_footer.with-separator { border-top: 1px solid #dedede; } pwa-extension-ng-components .pwa-dialog.size-s { padding: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header { padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_header.no-vertical-padding { padding-top: 0; padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_content { padding: 12px -4px 12px 8px; flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-s .pwa-dialog_footer { padding: 12px 8px; } pwa-extension-ng-components .pwa-dialog, pwa-extension-ng-components .pwa-dialog.size-m { padding: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header { padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_header.no-vertical-padding, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_header.no-vertical-padding { padding-top: 0; padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_content, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_content { padding: 12px 4px 12px 16px; flex-direction: column; } pwa-extension-ng-components .pwa-dialog .pwa-dialog_footer, pwa-extension-ng-components .pwa-dialog.size-m .pwa-dialog_footer { padding: 12px 16px; } pwa-extension-ng-components .pwa-dialog.size-l { padding: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header { padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_header.no-vertical-padding { padding-top: 0; padding-bottom: 0; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_content { padding: 16px 0px 16px 12px; flex-direction: column; } pwa-extension-ng-components .pwa-dialog.size-l .pwa-dialog_footer { padding: 16px 12px; } pwa-extension-ng-components .pwa-dialog_header ~ pwa-extension-ng-components .pwa-dialog_content { margin-top: 0; } pwa-extension-ng-components .pwa-dialog.relative-position { position: relative; } pwa-extension-ng-components .pwa-dialog.fill-width { width: 100%; } pwa-extension-ng-components .pwa-dialog-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(47, 51, 51, 0.5); z-index: 2147483647; display: flex; justify-content: center; align-items: center; } pwa-extension-ng-components .pwa-web-dialog { font-family: ‘OpenSans’, serif; max-width: 420px; } pwa-extension-ng-components .pwa-web-dialog h1 { font-weight: 600; font-size: 20px; line-height: 32px; margin: 0 0 24px 0; } pwa-extension-ng-components .pwa-web-dialog p { margin: 0 0 12px 0; font-size: 16px; line-height: 32px; white-space: pre-wrap; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_content { padding: 24px 24px 0; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_close-button { position: absolute; top: 0; right: 0; margin: 5px; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons { display: flex; width: 100%; justify-content: flex-end; padding: 12px 24px 20px; box-sizing: border-box; } pwa-extension-ng-components .pwa-web-dialog .pwa-web-dialog_buttons > *:not(.pwa-invisible) + * { margin-left: 40px; } pwa-extension-ng-components .pwa-tooltip { display: inline-flex; flex-direction: column; border: none; box-sizing: border-box; font-family: ‘OpenSans’, serif; padding: 0; white-space: pre-wrap; visibility: hidden; position: absolute; } pwa-extension-ng-components .pwa-tooltip, pwa-extension-ng-components .pwa-tooltip.white-color { background: #fff; color: #000; } pwa-extension-ng-components .pwa-tooltip.dark-color { background: #2f3333; color: #fff; } pwa-extension-ng-components .pwa-tooltip.main-color { background: #008585; color: #fff; } pwa-extension-ng-components .pwa-tooltip_content { visibility: visible; position: relative; background: inherit; color: inherit; } pwa-extension-ng-components .pwa-tooltip_marker { visibility: visible; width: 8px; height: 8px; position: absolute; z-index: -1; background: inherit; transform: translate(-50%, -50%) rotate(45deg); } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.marker-none .pwa-tooltip_marker { display: none; } pwa-extension-ng-components .pwa-tooltip.marker-auto .pwa-tooltip_marker { display: block; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_marker { display: block; top: 0; left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-left .pwa-tooltip_content { transform: translate(0, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_marker { display: block; top: 0; left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-right .pwa-tooltip_content { transform: translate(-100%, -50%); } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_marker { display: block; top: 0; left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-top .pwa-tooltip_content { transform: translate(-50%, 0); } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_marker { display: block; top: 0; left: 0; } pwa-extension-ng-components .pwa-tooltip.marker-bottom .pwa-tooltip_content { transform: translate(-50%, -100%); } pwa-extension-ng-components .pwa-tooltip.size-s .pwa-tooltip_content { border-radius: 4px; padding: 4px 8px; font-size: 14px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.size-m .pwa-tooltip_content { border-radius: 4px; padding: 6px 8px; font-size: 14px; } pwa-extension-ng-components .pwa-tooltip.size-l .pwa-tooltip_content { border-radius: 8px; padding: 6px 8px; font-size: 14px; } pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip .pwa-tooltip_content, pwa-extension-ng-components .pwa-tooltip.white-color .pwa-tooltip_content { background: #fff; } pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.dark-color .pwa-tooltip_content { background: #2f3333; } pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_marker, pwa-extension-ng-components .pwa-tooltip.main-color .pwa-tooltip_content { background: #008585; } pwa-extension-ng-components .pwa-dropdown2 { position: fixed; display: flex; z-index: 2147483647; } pwa-extension-ng-components .pwa-avatar { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; background-color: #cce7e7; } pwa-extension-ng-components .pwa-avatar.size-s { width: 24px; height: 24px; } pwa-extension-ng-components .pwa-avatar.size-s .pwa-avatar__name { font-size: 12px; line-height: 24px; } pwa-extension-ng-components .pwa-avatar__image { width: 100%; height: auto; border-radius: 50%; display: block; } pwa-extension-ng-components .pwa-avatar__name { color: #008585; line-height: 36px; font-size: 16px; text-transform: uppercase; font-weight: normal; } pwa-extension-ng-components .pwa-list-placeholder { display: flex; flex-direction: column; justify-content: center; align-items: center; } pwa-extension-ng-components .pwa-list-placeholder > * { max-width: 290px; } pwa-extension-ng-components .pwa-list-placeholder h1, pwa-extension-ng-components .pwa-list-placeholder h2, pwa-extension-ng-components .pwa-list-placeholder p { font-family: “Roboto Slab”, serif; color: #008585; text-align: center; margin: 0 0 8px; } pwa-extension-ng-components .pwa-list-placeholder h1 { font-weight: 600; font-size: 20px; line-height: 32px; } pwa-extension-ng-components .pwa-list-placeholder h2 { font-weight: 600; font-size: 16px; line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder p { font-family: ‘OpenSans’, serif; font-weight: 400; font-size: 14px; line-height: 24px; } pwa-extension-ng-components .pwa-list-placeholder svg, pwa-extension-ng-components .pwa-list-placeholder img { margin: 30px 0; } pwa-extension-ng-components .pwa-list-placeholder button { margin-top: 20px; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0); transition: background-color 100ms ease; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.visible, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.visible { background-color: rgba(0, 0, 0, 0.05); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter { width: 5px; height: 100%; cursor: col-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-vertical-splitter:hover { background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter { width: 100%; height: 5px; cursor: row-resize; } pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter.moving, pwa-extension-ng-components .pwa-layout-splitter.pwa-layout-horizontal-splitter:hover { background-color: rgba(0, 0, 0, 0.49); } pwa-extension-ng-components .pwa-invisible, pwa-extension-ng-components .pwa-hidden { display: none !important; } pwa-extension-ng-components .pwa-visible { display: block !important; } pwa-extension-ng-components .pwa-blurred { filter: blur(3px); pointer-events: none; } pwa-extension-ng-components .pwa-styled-scrollbar { overflow-y: scroll; scrollbar-color: #b3dada transparent; scrollbar-width: thin; } pwa-extension-ng-components .pwa-styled-scrollbar * { scrollbar-width: inherit; scrollbar-color: inherit; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar { background: transparent; width: 12px; height: 12px; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-button, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-button { display: none; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-track, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-track { background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb { background: #b3dada; border-radius: 99px; border: 4px solid transparent; background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-thumb:hover, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-thumb:hover { background: #66b6b6; border-radius: 99px; border: 4px solid transparent; background-clip: content-box; } pwa-extension-ng-components .pwa-styled-scrollbar::-webkit-scrollbar-corner, pwa-extension-ng-components .pwa-styled-scrollbar *::-webkit-scrollbar-corner { background: transparent; } pwa-extension-ng-components .pwa-styled-scrollbar.self-drop-scrollbar::-webkit-scrollbar { background: transparent; width: 0; height: 0; } pwa-extension-ng-components .pwa-flex-columns-mixin { display: flex; flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px10 { min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px20 { min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px30 { min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px40 { min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px50 { min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px60 { min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px70 { min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px80 { min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px90 { min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px100 { min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px200 { min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px300 { min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px400 { min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.px500 { min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc10 { width: 10%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc20 { width: 20%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc30 { width: 30%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc40 { width: 40%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc50 { width: 50%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc60 { width: 60%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc70 { width: 70%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc80 { width: 80%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc90 { width: 90%; } pwa-extension-ng-components .pwa-flex-columns-mixin .flex-col.pc100 { width: 100%; } pwa-extension-ng-components .pwa-flex-columns { display: flex; flex-direction: row; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px10 { min-width: 10px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px20 { min-width: 20px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px30 { min-width: 30px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px40 { min-width: 40px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px50 { min-width: 50px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px60 { min-width: 60px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px70 { min-width: 70px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px80 { min-width: 80px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px90 { min-width: 90px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px100 { min-width: 100px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px200 { min-width: 200px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px300 { min-width: 300px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px400 { min-width: 400px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.px500 { min-width: 500px; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc10 { width: 10%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc20 { width: 20%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc30 { width: 30%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc40 { width: 40%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc50 { width: 50%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc60 { width: 60%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc70 { width: 70%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc80 { width: 80%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc90 { width: 90%; } pwa-extension-ng-components .pwa-flex-columns .flex-col.pc100 { width: 100%; }[sr_residential minprice=”50000″ maxprice=”5000000″ agent=”ragfl-matrix.apps.retsiq.com” limit=”25″ ]